[{"data":1,"prerenderedAt":1477},["ShallowReactive",2],{"content-en-\u002Fexamples\u002Fnationwide-municipalities":3},{"id":4,"title":5,"body":6,"description":1470,"extension":1471,"meta":1472,"navigation":177,"path":1473,"seo":1474,"stem":1475,"__hash__":1476},"content_en\u002Fexamples\u002Fnationwide-municipalities.md","Nationwide municipalities",{"type":7,"value":8,"toc":1468},"minimark",[9,13,26,1464],[10,11,5],"h1",{"id":12},"nationwide-municipalities",[14,15,16,17,21,22,25],"p",{},"Like a real-estate area filter: prefectures from Hokkaido to Okinawa (by prefecture code), with municipality checkboxes sorted by local government code. Uses ",[18,19,20],"code",{},"listPrefectures"," and ",[18,23,24],{},"listMunicipalitiesByPrefecture",".",[27,28,29,36,477],"example-pair",{},[30,31,33],"template",{"v-slot:demo":32},"",[34,35],"nationwide-municipality-filter-demo",{},[30,37,38],{"v-slot:html":32},[39,40,44],"pre",{"className":41,"code":42,"language":43,"meta":32,"style":32},"language-html shiki shiki-themes github-light github-dark","\u003Caside class=\"area-filter\">\n  \u003Cheader>\n    \u003Ch2>Search by area\u003C\u002Fh2>\n    \u003Cp>\u003Cspan id=\"selected-count\">0\u003C\u002Fspan> selected\u003C\u002Fp>\n    \u003Cbutton type=\"button\" id=\"clear\">Clear\u003C\u002Fbutton>\n  \u003C\u002Fheader>\n\n  \u003Cinput\n    id=\"area-combo\"\n    type=\"text\"\n    role=\"combobox\"\n    placeholder=\"Search by name or code…\"\n    autocomplete=\"off\"\n  \u002F>\n  \u003Cul id=\"area-combo-list\" role=\"listbox\" hidden>\u003C\u002Ful>\n\n  \u003Cdiv id=\"preview\">\n    \u003Cspan>Selected\u003C\u002Fspan>\n    \u003Cdiv id=\"preview-list\">\u003C!-- Selected chips -->\u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\n  \u003Cdiv id=\"pref-list\">\n    \u003C!-- Dynamically render one section per prefecture -->\n    \u003C!--\n    \u003Csection data-pref=\"01\">\n      \u003Clabel>\n        \u003Cinput type=\"checkbox\" class=\"pref-all\" \u002F>\n        Hokkaido\n      \u003C\u002Flabel>\n      \u003Cbutton type=\"button\" class=\"pref-toggle\">Expand\u003C\u002Fbutton>\n      \u003Cdiv class=\"muni-grid\">\n        \u003Clabel>\u003Cinput type=\"checkbox\" value=\"011002\" \u002F> Sapporo\u003C\u002Flabel>\n        ...\n      \u003C\u002Fdiv>\n    \u003C\u002Fsection>\n    -->\n  \u003C\u002Fdiv>\n\u003C\u002Faside>\n","html",[18,45,46,73,84,100,132,162,172,179,187,198,209,220,231,242,248,281,286,303,317,345,354,359,375,381,387,393,399,405,411,417,423,429,435,441,447,453,459,468],{"__ignoreMap":32},[47,48,51,55,59,63,66,70],"span",{"class":49,"line":50},"line",1,[47,52,54],{"class":53},"sVt8B","\u003C",[47,56,58],{"class":57},"s9eBZ","aside",[47,60,62],{"class":61},"sScJk"," class",[47,64,65],{"class":53},"=",[47,67,69],{"class":68},"sZZnC","\"area-filter\"",[47,71,72],{"class":53},">\n",[47,74,76,79,82],{"class":49,"line":75},2,[47,77,78],{"class":53},"  \u003C",[47,80,81],{"class":57},"header",[47,83,72],{"class":53},[47,85,87,90,93,96,98],{"class":49,"line":86},3,[47,88,89],{"class":53},"    \u003C",[47,91,92],{"class":57},"h2",[47,94,95],{"class":53},">Search by area\u003C\u002F",[47,97,92],{"class":57},[47,99,72],{"class":53},[47,101,103,105,107,110,112,115,117,120,123,125,128,130],{"class":49,"line":102},4,[47,104,89],{"class":53},[47,106,14],{"class":57},[47,108,109],{"class":53},">\u003C",[47,111,47],{"class":57},[47,113,114],{"class":61}," id",[47,116,65],{"class":53},[47,118,119],{"class":68},"\"selected-count\"",[47,121,122],{"class":53},">0\u003C\u002F",[47,124,47],{"class":57},[47,126,127],{"class":53},"> selected\u003C\u002F",[47,129,14],{"class":57},[47,131,72],{"class":53},[47,133,135,137,140,143,145,148,150,152,155,158,160],{"class":49,"line":134},5,[47,136,89],{"class":53},[47,138,139],{"class":57},"button",[47,141,142],{"class":61}," type",[47,144,65],{"class":53},[47,146,147],{"class":68},"\"button\"",[47,149,114],{"class":61},[47,151,65],{"class":53},[47,153,154],{"class":68},"\"clear\"",[47,156,157],{"class":53},">Clear\u003C\u002F",[47,159,139],{"class":57},[47,161,72],{"class":53},[47,163,165,168,170],{"class":49,"line":164},6,[47,166,167],{"class":53},"  \u003C\u002F",[47,169,81],{"class":57},[47,171,72],{"class":53},[47,173,175],{"class":49,"line":174},7,[47,176,178],{"emptyLinePlaceholder":177},true,"\n",[47,180,182,184],{"class":49,"line":181},8,[47,183,78],{"class":53},[47,185,186],{"class":57},"input\n",[47,188,190,193,195],{"class":49,"line":189},9,[47,191,192],{"class":61},"    id",[47,194,65],{"class":53},[47,196,197],{"class":68},"\"area-combo\"\n",[47,199,201,204,206],{"class":49,"line":200},10,[47,202,203],{"class":61},"    type",[47,205,65],{"class":53},[47,207,208],{"class":68},"\"text\"\n",[47,210,212,215,217],{"class":49,"line":211},11,[47,213,214],{"class":61},"    role",[47,216,65],{"class":53},[47,218,219],{"class":68},"\"combobox\"\n",[47,221,223,226,228],{"class":49,"line":222},12,[47,224,225],{"class":61},"    placeholder",[47,227,65],{"class":53},[47,229,230],{"class":68},"\"Search by name or code…\"\n",[47,232,234,237,239],{"class":49,"line":233},13,[47,235,236],{"class":61},"    autocomplete",[47,238,65],{"class":53},[47,240,241],{"class":68},"\"off\"\n",[47,243,245],{"class":49,"line":244},14,[47,246,247],{"class":53},"  \u002F>\n",[47,249,251,253,256,258,260,263,266,268,271,274,277,279],{"class":49,"line":250},15,[47,252,78],{"class":53},[47,254,255],{"class":57},"ul",[47,257,114],{"class":61},[47,259,65],{"class":53},[47,261,262],{"class":68},"\"area-combo-list\"",[47,264,265],{"class":61}," role",[47,267,65],{"class":53},[47,269,270],{"class":68},"\"listbox\"",[47,272,273],{"class":61}," hidden",[47,275,276],{"class":53},">\u003C\u002F",[47,278,255],{"class":57},[47,280,72],{"class":53},[47,282,284],{"class":49,"line":283},16,[47,285,178],{"emptyLinePlaceholder":177},[47,287,289,291,294,296,298,301],{"class":49,"line":288},17,[47,290,78],{"class":53},[47,292,293],{"class":57},"div",[47,295,114],{"class":61},[47,297,65],{"class":53},[47,299,300],{"class":68},"\"preview\"",[47,302,72],{"class":53},[47,304,306,308,310,313,315],{"class":49,"line":305},18,[47,307,89],{"class":53},[47,309,47],{"class":57},[47,311,312],{"class":53},">Selected\u003C\u002F",[47,314,47],{"class":57},[47,316,72],{"class":53},[47,318,320,322,324,326,328,331,334,338,341,343],{"class":49,"line":319},19,[47,321,89],{"class":53},[47,323,293],{"class":57},[47,325,114],{"class":61},[47,327,65],{"class":53},[47,329,330],{"class":68},"\"preview-list\"",[47,332,333],{"class":53},">",[47,335,337],{"class":336},"sJ8bj","\u003C!-- Selected chips -->",[47,339,340],{"class":53},"\u003C\u002F",[47,342,293],{"class":57},[47,344,72],{"class":53},[47,346,348,350,352],{"class":49,"line":347},20,[47,349,167],{"class":53},[47,351,293],{"class":57},[47,353,72],{"class":53},[47,355,357],{"class":49,"line":356},21,[47,358,178],{"emptyLinePlaceholder":177},[47,360,362,364,366,368,370,373],{"class":49,"line":361},22,[47,363,78],{"class":53},[47,365,293],{"class":57},[47,367,114],{"class":61},[47,369,65],{"class":53},[47,371,372],{"class":68},"\"pref-list\"",[47,374,72],{"class":53},[47,376,378],{"class":49,"line":377},23,[47,379,380],{"class":336},"    \u003C!-- Dynamically render one section per prefecture -->\n",[47,382,384],{"class":49,"line":383},24,[47,385,386],{"class":336},"    \u003C!--\n",[47,388,390],{"class":49,"line":389},25,[47,391,392],{"class":336},"    \u003Csection data-pref=\"01\">\n",[47,394,396],{"class":49,"line":395},26,[47,397,398],{"class":336},"      \u003Clabel>\n",[47,400,402],{"class":49,"line":401},27,[47,403,404],{"class":336},"        \u003Cinput type=\"checkbox\" class=\"pref-all\" \u002F>\n",[47,406,408],{"class":49,"line":407},28,[47,409,410],{"class":336},"        Hokkaido\n",[47,412,414],{"class":49,"line":413},29,[47,415,416],{"class":336},"      \u003C\u002Flabel>\n",[47,418,420],{"class":49,"line":419},30,[47,421,422],{"class":336},"      \u003Cbutton type=\"button\" class=\"pref-toggle\">Expand\u003C\u002Fbutton>\n",[47,424,426],{"class":49,"line":425},31,[47,427,428],{"class":336},"      \u003Cdiv class=\"muni-grid\">\n",[47,430,432],{"class":49,"line":431},32,[47,433,434],{"class":336},"        \u003Clabel>\u003Cinput type=\"checkbox\" value=\"011002\" \u002F> Sapporo\u003C\u002Flabel>\n",[47,436,438],{"class":49,"line":437},33,[47,439,440],{"class":336},"        ...\n",[47,442,444],{"class":49,"line":443},34,[47,445,446],{"class":336},"      \u003C\u002Fdiv>\n",[47,448,450],{"class":49,"line":449},35,[47,451,452],{"class":336},"    \u003C\u002Fsection>\n",[47,454,456],{"class":49,"line":455},36,[47,457,458],{"class":336},"    -->\n",[47,460,462,464,466],{"class":49,"line":461},37,[47,463,167],{"class":53},[47,465,293],{"class":57},[47,467,72],{"class":53},[47,469,471,473,475],{"class":49,"line":470},38,[47,472,340],{"class":53},[47,474,58],{"class":57},[47,476,72],{"class":53},[30,478,479],{"v-slot:ts":32},[39,480,484],{"className":481,"code":482,"language":483,"meta":32,"style":32},"language-ts shiki shiki-themes github-light github-dark","import { createLocalGovClient } from \"@b4moss\u002Fjp-local-gov-id\";\nimport dataset from \"@b4moss\u002Fjp-local-gov-id-data\";\n\nconst client = await createLocalGovClient({ data: dataset });\nconst selected = new Set\u003Cstring>();\nconst prefList = document.querySelector(\"#pref-list\");\nconst previewList = document.querySelector(\"#preview-list\");\nconst countEl = document.querySelector(\"#selected-count\");\n\nfunction renderPreview() {\n  previewList.replaceChildren();\n  \u002F\u002F Build chips grouped by prefecture from `selected`\n  countEl.textContent = String(selected.size);\n}\n\nconst prefectures = [...client.listPrefectures()].sort((a, b) =>\n  a.code.localeCompare(b.code),\n);\n\nfor (const pref of prefectures) {\n  const municipalities = [\n    ...(await client.listMunicipalitiesByPrefecture(pref.code)),\n  ].sort((a, b) => a.code.localeCompare(b.code));\n\n  const section = document.createElement(\"section\");\n  section.dataset.pref = pref.code;\n\n  const title = document.createElement(\"label\");\n  title.innerHTML = `\u003Cinput type=\"checkbox\" class=\"pref-all\" \u002F> ${pref.name}`;\n  section.append(title);\n\n  const grid = document.createElement(\"div\");\n  grid.className = \"muni-grid\";\n  for (const muni of municipalities) {\n    const label = document.createElement(\"label\");\n    label.innerHTML = `\u003Cinput type=\"checkbox\" value=\"${muni.code}\" \u002F> ${muni.name}`;\n    grid.append(label);\n  }\n  section.append(grid);\n  prefList.append(section);\n}\n\nprefList.addEventListener(\"change\", (event) => {\n  const input = event.target;\n  if (!(input instanceof HTMLInputElement) || input.type !== \"checkbox\") return;\n\n  if (input.classList.contains(\"pref-all\")) {\n    const section = input.closest(\"section\");\n    section?.querySelectorAll(\".muni-grid input\").forEach((el) => {\n      const box = el as HTMLInputElement;\n      box.checked = input.checked;\n      if (input.checked) selected.add(box.value);\n      else selected.delete(box.value);\n    });\n  } else if (input.value) {\n    if (input.checked) selected.add(input.value);\n    else selected.delete(input.value);\n  }\n\n  renderPreview();\n});\n\ndocument.querySelector(\"#clear\").addEventListener(\"click\", () => {\n  selected.clear();\n  prefList.querySelectorAll('input[type=\"checkbox\"]').forEach((el) => {\n    (el as HTMLInputElement).checked = false;\n  });\n  renderPreview();\n});\n","ts",[18,485,486,504,518,522,543,566,590,610,630,634,645,656,661,674,679,683,728,739,743,747,766,779,797,825,829,850,860,864,884,907,918,922,942,954,971,991,1021,1031,1036,1046,1057,1062,1067,1094,1107,1148,1153,1172,1193,1224,1245,1256,1271,1285,1291,1306,1319,1331,1336,1341,1349,1355,1360,1389,1400,1426,1446,1452,1459],{"__ignoreMap":32},[47,487,488,492,495,498,501],{"class":49,"line":50},[47,489,491],{"class":490},"szBVR","import",[47,493,494],{"class":53}," { createLocalGovClient } ",[47,496,497],{"class":490},"from",[47,499,500],{"class":68}," \"@b4moss\u002Fjp-local-gov-id\"",[47,502,503],{"class":53},";\n",[47,505,506,508,511,513,516],{"class":49,"line":75},[47,507,491],{"class":490},[47,509,510],{"class":53}," dataset ",[47,512,497],{"class":490},[47,514,515],{"class":68}," \"@b4moss\u002Fjp-local-gov-id-data\"",[47,517,503],{"class":53},[47,519,520],{"class":49,"line":86},[47,521,178],{"emptyLinePlaceholder":177},[47,523,524,527,531,534,537,540],{"class":49,"line":102},[47,525,526],{"class":490},"const",[47,528,530],{"class":529},"sj4cs"," client",[47,532,533],{"class":490}," =",[47,535,536],{"class":490}," await",[47,538,539],{"class":61}," createLocalGovClient",[47,541,542],{"class":53},"({ data: dataset });\n",[47,544,545,547,550,552,555,558,560,563],{"class":49,"line":134},[47,546,526],{"class":490},[47,548,549],{"class":529}," selected",[47,551,533],{"class":490},[47,553,554],{"class":490}," new",[47,556,557],{"class":61}," Set",[47,559,54],{"class":53},[47,561,562],{"class":529},"string",[47,564,565],{"class":53},">();\n",[47,567,568,570,573,575,578,581,584,587],{"class":49,"line":164},[47,569,526],{"class":490},[47,571,572],{"class":529}," prefList",[47,574,533],{"class":490},[47,576,577],{"class":53}," document.",[47,579,580],{"class":61},"querySelector",[47,582,583],{"class":53},"(",[47,585,586],{"class":68},"\"#pref-list\"",[47,588,589],{"class":53},");\n",[47,591,592,594,597,599,601,603,605,608],{"class":49,"line":174},[47,593,526],{"class":490},[47,595,596],{"class":529}," previewList",[47,598,533],{"class":490},[47,600,577],{"class":53},[47,602,580],{"class":61},[47,604,583],{"class":53},[47,606,607],{"class":68},"\"#preview-list\"",[47,609,589],{"class":53},[47,611,612,614,617,619,621,623,625,628],{"class":49,"line":181},[47,613,526],{"class":490},[47,615,616],{"class":529}," countEl",[47,618,533],{"class":490},[47,620,577],{"class":53},[47,622,580],{"class":61},[47,624,583],{"class":53},[47,626,627],{"class":68},"\"#selected-count\"",[47,629,589],{"class":53},[47,631,632],{"class":49,"line":189},[47,633,178],{"emptyLinePlaceholder":177},[47,635,636,639,642],{"class":49,"line":200},[47,637,638],{"class":490},"function",[47,640,641],{"class":61}," renderPreview",[47,643,644],{"class":53},"() {\n",[47,646,647,650,653],{"class":49,"line":211},[47,648,649],{"class":53},"  previewList.",[47,651,652],{"class":61},"replaceChildren",[47,654,655],{"class":53},"();\n",[47,657,658],{"class":49,"line":222},[47,659,660],{"class":336},"  \u002F\u002F Build chips grouped by prefecture from `selected`\n",[47,662,663,666,668,671],{"class":49,"line":233},[47,664,665],{"class":53},"  countEl.textContent ",[47,667,65],{"class":490},[47,669,670],{"class":61}," String",[47,672,673],{"class":53},"(selected.size);\n",[47,675,676],{"class":49,"line":244},[47,677,678],{"class":53},"}\n",[47,680,681],{"class":49,"line":250},[47,682,178],{"emptyLinePlaceholder":177},[47,684,685,687,690,692,695,698,701,703,706,709,712,716,719,722,725],{"class":49,"line":283},[47,686,526],{"class":490},[47,688,689],{"class":529}," prefectures",[47,691,533],{"class":490},[47,693,694],{"class":53}," [",[47,696,697],{"class":490},"...",[47,699,700],{"class":53},"client.",[47,702,20],{"class":61},[47,704,705],{"class":53},"()].",[47,707,708],{"class":61},"sort",[47,710,711],{"class":53},"((",[47,713,715],{"class":714},"s4XuR","a",[47,717,718],{"class":53},", ",[47,720,721],{"class":714},"b",[47,723,724],{"class":53},") ",[47,726,727],{"class":490},"=>\n",[47,729,730,733,736],{"class":49,"line":288},[47,731,732],{"class":53},"  a.code.",[47,734,735],{"class":61},"localeCompare",[47,737,738],{"class":53},"(b.code),\n",[47,740,741],{"class":49,"line":305},[47,742,589],{"class":53},[47,744,745],{"class":49,"line":319},[47,746,178],{"emptyLinePlaceholder":177},[47,748,749,752,755,757,760,763],{"class":49,"line":347},[47,750,751],{"class":490},"for",[47,753,754],{"class":53}," (",[47,756,526],{"class":490},[47,758,759],{"class":529}," pref",[47,761,762],{"class":490}," of",[47,764,765],{"class":53}," prefectures) {\n",[47,767,768,771,774,776],{"class":49,"line":356},[47,769,770],{"class":490},"  const",[47,772,773],{"class":529}," municipalities",[47,775,533],{"class":490},[47,777,778],{"class":53}," [\n",[47,780,781,784,786,789,792,794],{"class":49,"line":361},[47,782,783],{"class":490},"    ...",[47,785,583],{"class":53},[47,787,788],{"class":490},"await",[47,790,791],{"class":53}," client.",[47,793,24],{"class":61},[47,795,796],{"class":53},"(pref.code)),\n",[47,798,799,802,804,806,808,810,812,814,817,820,822],{"class":49,"line":377},[47,800,801],{"class":53},"  ].",[47,803,708],{"class":61},[47,805,711],{"class":53},[47,807,715],{"class":714},[47,809,718],{"class":53},[47,811,721],{"class":714},[47,813,724],{"class":53},[47,815,816],{"class":490},"=>",[47,818,819],{"class":53}," a.code.",[47,821,735],{"class":61},[47,823,824],{"class":53},"(b.code));\n",[47,826,827],{"class":49,"line":383},[47,828,178],{"emptyLinePlaceholder":177},[47,830,831,833,836,838,840,843,845,848],{"class":49,"line":389},[47,832,770],{"class":490},[47,834,835],{"class":529}," section",[47,837,533],{"class":490},[47,839,577],{"class":53},[47,841,842],{"class":61},"createElement",[47,844,583],{"class":53},[47,846,847],{"class":68},"\"section\"",[47,849,589],{"class":53},[47,851,852,855,857],{"class":49,"line":395},[47,853,854],{"class":53},"  section.dataset.pref ",[47,856,65],{"class":490},[47,858,859],{"class":53}," pref.code;\n",[47,861,862],{"class":49,"line":401},[47,863,178],{"emptyLinePlaceholder":177},[47,865,866,868,871,873,875,877,879,882],{"class":49,"line":407},[47,867,770],{"class":490},[47,869,870],{"class":529}," title",[47,872,533],{"class":490},[47,874,577],{"class":53},[47,876,842],{"class":61},[47,878,583],{"class":53},[47,880,881],{"class":68},"\"label\"",[47,883,589],{"class":53},[47,885,886,889,891,894,897,899,902,905],{"class":49,"line":413},[47,887,888],{"class":53},"  title.innerHTML ",[47,890,65],{"class":490},[47,892,893],{"class":68}," `\u003Cinput type=\"checkbox\" class=\"pref-all\" \u002F> ${",[47,895,896],{"class":53},"pref",[47,898,25],{"class":68},[47,900,901],{"class":53},"name",[47,903,904],{"class":68},"}`",[47,906,503],{"class":53},[47,908,909,912,915],{"class":49,"line":419},[47,910,911],{"class":53},"  section.",[47,913,914],{"class":61},"append",[47,916,917],{"class":53},"(title);\n",[47,919,920],{"class":49,"line":425},[47,921,178],{"emptyLinePlaceholder":177},[47,923,924,926,929,931,933,935,937,940],{"class":49,"line":431},[47,925,770],{"class":490},[47,927,928],{"class":529}," grid",[47,930,533],{"class":490},[47,932,577],{"class":53},[47,934,842],{"class":61},[47,936,583],{"class":53},[47,938,939],{"class":68},"\"div\"",[47,941,589],{"class":53},[47,943,944,947,949,952],{"class":49,"line":437},[47,945,946],{"class":53},"  grid.className ",[47,948,65],{"class":490},[47,950,951],{"class":68}," \"muni-grid\"",[47,953,503],{"class":53},[47,955,956,959,961,963,966,968],{"class":49,"line":443},[47,957,958],{"class":490},"  for",[47,960,754],{"class":53},[47,962,526],{"class":490},[47,964,965],{"class":529}," muni",[47,967,762],{"class":490},[47,969,970],{"class":53}," municipalities) {\n",[47,972,973,976,979,981,983,985,987,989],{"class":49,"line":449},[47,974,975],{"class":490},"    const",[47,977,978],{"class":529}," label",[47,980,533],{"class":490},[47,982,577],{"class":53},[47,984,842],{"class":61},[47,986,583],{"class":53},[47,988,881],{"class":68},[47,990,589],{"class":53},[47,992,993,996,998,1001,1004,1006,1008,1011,1013,1015,1017,1019],{"class":49,"line":455},[47,994,995],{"class":53},"    label.innerHTML ",[47,997,65],{"class":490},[47,999,1000],{"class":68}," `\u003Cinput type=\"checkbox\" value=\"${",[47,1002,1003],{"class":53},"muni",[47,1005,25],{"class":68},[47,1007,18],{"class":53},[47,1009,1010],{"class":68},"}\" \u002F> ${",[47,1012,1003],{"class":53},[47,1014,25],{"class":68},[47,1016,901],{"class":53},[47,1018,904],{"class":68},[47,1020,503],{"class":53},[47,1022,1023,1026,1028],{"class":49,"line":461},[47,1024,1025],{"class":53},"    grid.",[47,1027,914],{"class":61},[47,1029,1030],{"class":53},"(label);\n",[47,1032,1033],{"class":49,"line":470},[47,1034,1035],{"class":53},"  }\n",[47,1037,1039,1041,1043],{"class":49,"line":1038},39,[47,1040,911],{"class":53},[47,1042,914],{"class":61},[47,1044,1045],{"class":53},"(grid);\n",[47,1047,1049,1052,1054],{"class":49,"line":1048},40,[47,1050,1051],{"class":53},"  prefList.",[47,1053,914],{"class":61},[47,1055,1056],{"class":53},"(section);\n",[47,1058,1060],{"class":49,"line":1059},41,[47,1061,678],{"class":53},[47,1063,1065],{"class":49,"line":1064},42,[47,1066,178],{"emptyLinePlaceholder":177},[47,1068,1070,1073,1076,1078,1081,1084,1087,1089,1091],{"class":49,"line":1069},43,[47,1071,1072],{"class":53},"prefList.",[47,1074,1075],{"class":61},"addEventListener",[47,1077,583],{"class":53},[47,1079,1080],{"class":68},"\"change\"",[47,1082,1083],{"class":53},", (",[47,1085,1086],{"class":714},"event",[47,1088,724],{"class":53},[47,1090,816],{"class":490},[47,1092,1093],{"class":53}," {\n",[47,1095,1097,1099,1102,1104],{"class":49,"line":1096},44,[47,1098,770],{"class":490},[47,1100,1101],{"class":529}," input",[47,1103,533],{"class":490},[47,1105,1106],{"class":53}," event.target;\n",[47,1108,1110,1113,1115,1118,1121,1124,1127,1129,1132,1135,1138,1141,1143,1146],{"class":49,"line":1109},45,[47,1111,1112],{"class":490},"  if",[47,1114,754],{"class":53},[47,1116,1117],{"class":490},"!",[47,1119,1120],{"class":53},"(input ",[47,1122,1123],{"class":490},"instanceof",[47,1125,1126],{"class":61}," HTMLInputElement",[47,1128,724],{"class":53},[47,1130,1131],{"class":490},"||",[47,1133,1134],{"class":53}," input.type ",[47,1136,1137],{"class":490},"!==",[47,1139,1140],{"class":68}," \"checkbox\"",[47,1142,724],{"class":53},[47,1144,1145],{"class":490},"return",[47,1147,503],{"class":53},[47,1149,1151],{"class":49,"line":1150},46,[47,1152,178],{"emptyLinePlaceholder":177},[47,1154,1156,1158,1161,1164,1166,1169],{"class":49,"line":1155},47,[47,1157,1112],{"class":490},[47,1159,1160],{"class":53}," (input.classList.",[47,1162,1163],{"class":61},"contains",[47,1165,583],{"class":53},[47,1167,1168],{"class":68},"\"pref-all\"",[47,1170,1171],{"class":53},")) {\n",[47,1173,1175,1177,1179,1181,1184,1187,1189,1191],{"class":49,"line":1174},48,[47,1176,975],{"class":490},[47,1178,835],{"class":529},[47,1180,533],{"class":490},[47,1182,1183],{"class":53}," input.",[47,1185,1186],{"class":61},"closest",[47,1188,583],{"class":53},[47,1190,847],{"class":68},[47,1192,589],{"class":53},[47,1194,1196,1199,1202,1204,1207,1210,1213,1215,1218,1220,1222],{"class":49,"line":1195},49,[47,1197,1198],{"class":53},"    section?.",[47,1200,1201],{"class":61},"querySelectorAll",[47,1203,583],{"class":53},[47,1205,1206],{"class":68},"\".muni-grid input\"",[47,1208,1209],{"class":53},").",[47,1211,1212],{"class":61},"forEach",[47,1214,711],{"class":53},[47,1216,1217],{"class":714},"el",[47,1219,724],{"class":53},[47,1221,816],{"class":490},[47,1223,1093],{"class":53},[47,1225,1227,1230,1233,1235,1238,1241,1243],{"class":49,"line":1226},50,[47,1228,1229],{"class":490},"      const",[47,1231,1232],{"class":529}," box",[47,1234,533],{"class":490},[47,1236,1237],{"class":53}," el ",[47,1239,1240],{"class":490},"as",[47,1242,1126],{"class":61},[47,1244,503],{"class":53},[47,1246,1248,1251,1253],{"class":49,"line":1247},51,[47,1249,1250],{"class":53},"      box.checked ",[47,1252,65],{"class":490},[47,1254,1255],{"class":53}," input.checked;\n",[47,1257,1259,1262,1265,1268],{"class":49,"line":1258},52,[47,1260,1261],{"class":490},"      if",[47,1263,1264],{"class":53}," (input.checked) selected.",[47,1266,1267],{"class":61},"add",[47,1269,1270],{"class":53},"(box.value);\n",[47,1272,1274,1277,1280,1283],{"class":49,"line":1273},53,[47,1275,1276],{"class":490},"      else",[47,1278,1279],{"class":53}," selected.",[47,1281,1282],{"class":61},"delete",[47,1284,1270],{"class":53},[47,1286,1288],{"class":49,"line":1287},54,[47,1289,1290],{"class":53},"    });\n",[47,1292,1294,1297,1300,1303],{"class":49,"line":1293},55,[47,1295,1296],{"class":53},"  } ",[47,1298,1299],{"class":490},"else",[47,1301,1302],{"class":490}," if",[47,1304,1305],{"class":53}," (input.value) {\n",[47,1307,1309,1312,1314,1316],{"class":49,"line":1308},56,[47,1310,1311],{"class":490},"    if",[47,1313,1264],{"class":53},[47,1315,1267],{"class":61},[47,1317,1318],{"class":53},"(input.value);\n",[47,1320,1322,1325,1327,1329],{"class":49,"line":1321},57,[47,1323,1324],{"class":490},"    else",[47,1326,1279],{"class":53},[47,1328,1282],{"class":61},[47,1330,1318],{"class":53},[47,1332,1334],{"class":49,"line":1333},58,[47,1335,1035],{"class":53},[47,1337,1339],{"class":49,"line":1338},59,[47,1340,178],{"emptyLinePlaceholder":177},[47,1342,1344,1347],{"class":49,"line":1343},60,[47,1345,1346],{"class":61},"  renderPreview",[47,1348,655],{"class":53},[47,1350,1352],{"class":49,"line":1351},61,[47,1353,1354],{"class":53},"});\n",[47,1356,1358],{"class":49,"line":1357},62,[47,1359,178],{"emptyLinePlaceholder":177},[47,1361,1363,1366,1368,1370,1373,1375,1377,1379,1382,1385,1387],{"class":49,"line":1362},63,[47,1364,1365],{"class":53},"document.",[47,1367,580],{"class":61},[47,1369,583],{"class":53},[47,1371,1372],{"class":68},"\"#clear\"",[47,1374,1209],{"class":53},[47,1376,1075],{"class":61},[47,1378,583],{"class":53},[47,1380,1381],{"class":68},"\"click\"",[47,1383,1384],{"class":53},", () ",[47,1386,816],{"class":490},[47,1388,1093],{"class":53},[47,1390,1392,1395,1398],{"class":49,"line":1391},64,[47,1393,1394],{"class":53},"  selected.",[47,1396,1397],{"class":61},"clear",[47,1399,655],{"class":53},[47,1401,1403,1405,1407,1409,1412,1414,1416,1418,1420,1422,1424],{"class":49,"line":1402},65,[47,1404,1051],{"class":53},[47,1406,1201],{"class":61},[47,1408,583],{"class":53},[47,1410,1411],{"class":68},"'input[type=\"checkbox\"]'",[47,1413,1209],{"class":53},[47,1415,1212],{"class":61},[47,1417,711],{"class":53},[47,1419,1217],{"class":714},[47,1421,724],{"class":53},[47,1423,816],{"class":490},[47,1425,1093],{"class":53},[47,1427,1429,1432,1434,1436,1439,1441,1444],{"class":49,"line":1428},66,[47,1430,1431],{"class":53},"    (el ",[47,1433,1240],{"class":490},[47,1435,1126],{"class":61},[47,1437,1438],{"class":53},").checked ",[47,1440,65],{"class":490},[47,1442,1443],{"class":529}," false",[47,1445,503],{"class":53},[47,1447,1449],{"class":49,"line":1448},67,[47,1450,1451],{"class":53},"  });\n",[47,1453,1455,1457],{"class":49,"line":1454},68,[47,1456,1346],{"class":61},[47,1458,655],{"class":53},[47,1460,1462],{"class":49,"line":1461},69,[47,1463,1354],{"class":53},[1465,1466,1467],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}",{"title":32,"searchDepth":75,"depth":75,"links":1469},[],"Checkbox filter listing every municipality by prefecture","md",{},"\u002Fexamples\u002Fnationwide-municipalities",{"title":5,"description":1470},"examples\u002Fnationwide-municipalities","khVQf0Y0RLbp6t-pln2Z2nffPq59XJRfv5gCejODefs",1786532353798]