parks: フィルタの選択肢を更新し、選択中を強調

水飲み・緑地広場・スイング遊具に改名し、ロープウェイ・ボール遊びを外してバスケゴール・東屋/シェルター・健康遊具・特殊遊具を追加。チェック中のフィルタを色付きで強調。

1 files changed, 20 insertions, 11 deletions

diff --git a/src/components/ParksFilters.astro b/src/components/ParksFilters.astro
index f31503b..172edf0 100644
--- a/src/components/ParksFilters.astro
+++ b/src/components/ParksFilters.astro
@@ -56,10 +56,10 @@ const facilityTypes = [
   <fieldset class="parks-facilities">
     <legend>設備・遊具で絞る</legend>
     <label><input type="checkbox" data-fac-filter value="toilet" />トイレ</label>
-    <label><input type="checkbox" data-fac-filter value="water" />水飲み場・給水</label>
+    <label><input type="checkbox" data-fac-filter value="water" />水飲み</label>
     <label>
       <input type="checkbox" data-fac-filter value="picnic" />
-      <span class="filter-icon" set:html={PARK_ICONS.picnic.svg} />ピクニック・広場
+      <span class="filter-icon" set:html={PARK_ICONS.picnic.svg} />緑地広場
     </label>
     <label><input type="checkbox" data-fac-filter value="clock" />⏰時計</label>
     <label><input type="checkbox" data-fac-filter value="toy" />遊具あり</label>
@@ -77,7 +77,7 @@ const facilityTypes = [
     </label>
     <label>
       <input type="checkbox" data-fac-filter value="spring" />
-      <span class="filter-icon" set:html={PARK_ICONS.spring.svg} />スプリング遊具
+      <span class="filter-icon" set:html={PARK_ICONS.spring.svg} />スイング遊具
     </label>
     <label>
       <input type="checkbox" data-fac-filter value="jungle" />
@@ -95,15 +95,15 @@ const facilityTypes = [
       <input type="checkbox" data-fac-filter value="complex" />
       <span class="filter-icon" set:html={PARK_ICONS.playground.svg} />複合遊具
     </label>
-    <label>
-      <input type="checkbox" data-fac-filter value="rope" />
-      <span class="filter-icon" set:html={PARK_ICONS.flyingfox.svg} />ロープウェイ
-    </label>
-    <label>
-      <input type="checkbox" data-fac-filter value="ball" />
-      <span class="filter-icon" set:html={PARK_ICONS.ball.svg} />ボール遊び
-    </label>
+    <label><input type="checkbox" data-fac-filter value="basket" />バスケゴール</label>
+    <label><input type="checkbox" data-fac-filter value="shelter" />東屋／シェルター</label>
+    <label><input type="checkbox" data-fac-filter value="health" />健康遊具</label>
+    <label><input type="checkbox" data-fac-filter value="special" />特殊遊具</label>
   </fieldset>
+  <label class="parks-fire-toggle" title="消火栓・防火水槽を地図に表示する">
+    <input type="checkbox" data-show-fire />
+    消火栓・防火水槽
+  </label>
   <span class="parks-count" data-parks-count aria-live="polite">{total}件</span>
 </div>
 
@@ -175,6 +175,15 @@ const facilityTypes = [
     height: 0.9em;
     margin: 0;
   }
+  /* 选择中的フィルタを目立たせる */
+  .parks-controls label:has(input[type="checkbox"]:checked) {
+    padding: 0 0.35rem;
+    border-radius: 999px;
+    background: var(--sl-color-accent-low, #dbeafe);
+    outline: 1px solid var(--sl-color-accent, #2563eb);
+    color: var(--sl-color-text, inherit);
+    font-weight: 700;
+  }
   .filter-icon {
     display: inline-flex;
     width: 18px;