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