@phila/layerboard 3.0.0-beta.12 → 3.0.0-beta.13

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as Se, ref as C, watch as Te, computed as I, onMounted as Je, onUnmounted as Pt, createElementBlock as m, openBlock as d, createVNode as Q, unref as O, withCtx as Ne, createBlock as ee, createCommentVNode as z, Fragment as oe, renderList as re, useAttrs as zt, toRef as Ft, normalizeClass as ne, createElementVNode as x, toDisplayString as V, renderSlot as ce, withDirectives as Et, mergeProps as dt, vModelDynamic as Ot, createTextVNode as me, normalizeProps as mt, guardReactiveProps as vt, withModifiers as It, normalizeStyle as H, readonly as j, provide as W, onBeforeUnmount as Rt, nextTick as Ae, useId as bt, resolveComponent as Dt, vShow as Zt } from "vue";
+import { defineComponent as Se, ref as C, watch as Te, computed as I, onMounted as Je, onUnmounted as _t, createElementBlock as m, openBlock as d, createVNode as Q, unref as O, withCtx as Ne, createBlock as ee, createCommentVNode as z, Fragment as oe, renderList as re, useAttrs as zt, toRef as Ft, normalizeClass as ae, createElementVNode as x, toDisplayString as V, renderSlot as ce, withDirectives as Et, mergeProps as dt, vModelDynamic as Ot, createTextVNode as me, normalizeProps as mt, guardReactiveProps as vt, withModifiers as It, normalizeStyle as H, readonly as j, provide as W, onBeforeUnmount as Rt, nextTick as Ae, useId as bt, resolveComponent as Dt, vShow as Zt } from "vue";
 import { Map as Bt, DrawTool as At, RasterLayer as wt, CircleLayer as Lt, FillLayer as Nt, LineLayer as ct, MapMarker as Vt, MapPopup as Ut } from "@phila/phila-ui-map-core";
 import { cn as ft, Icon as ge, BaseLink as Wt, ActionContent as St } from "@phila/phila-ui-core";
 function Xe(e, i, t = {}) {
@@ -6,15 +6,15 @@ function Xe(e, i, t = {}) {
   return (t.id === 0 || t.id) && (o.id = t.id), t.bbox && (o.bbox = t.bbox), o.properties = i || {}, o.geometry = e, o;
 }
 function jt(e, i, t = {}) {
-  for (const a of e) {
-    if (a.length < 4)
+  for (const n of e) {
+    if (n.length < 4)
       throw new Error(
         "Each LinearRing of a Polygon must have 4 or more Positions."
       );
-    if (a[a.length - 1].length !== a[0].length)
+    if (n[n.length - 1].length !== n[0].length)
       throw new Error("First and last Position are not equivalent.");
-    for (let l = 0; l < a[a.length - 1].length; l++)
-      if (a[a.length - 1][l] !== a[0][l])
+    for (let l = 0; l < n[n.length - 1].length; l++)
+      if (n[n.length - 1][l] !== n[0][l])
         throw new Error("First and last Position are not equivalent.");
   }
   return Xe({
@@ -46,27 +46,27 @@ function Kt(e) {
   return e.type === "Feature" ? e.geometry : e;
 }
 function Jt(e, i, t) {
-  var o = e.length, a = ze(e[0], i), l = [], u, b, y;
-  let _, v;
+  var o = e.length, n = ze(e[0], i), l = [], u, b, y;
+  let P, v;
   for (t || (t = []), u = 1; u < o; u++) {
-    for (_ = e[u - 1], v = e[u], b = y = ze(v, i); ; )
-      if (a | b) {
-        if (a & b)
+    for (P = e[u - 1], v = e[u], b = y = ze(v, i); ; )
+      if (n | b) {
+        if (n & b)
           break;
-        a ? (_ = pt(_, v, a, i), a = ze(_, i)) : (v = pt(_, v, b, i), b = ze(v, i));
+        n ? (P = pt(P, v, n, i), n = ze(P, i)) : (v = pt(P, v, b, i), b = ze(v, i));
       } else {
-        l.push(_), b !== y ? (l.push(v), u < o - 1 && (t.push(l), l = [])) : u === o - 1 && l.push(v);
+        l.push(P), b !== y ? (l.push(v), u < o - 1 && (t.push(l), l = [])) : u === o - 1 && l.push(v);
         break;
       }
-    a = y;
+    n = y;
   }
   return l.length && t.push(l), t;
 }
 function Qt(e, i) {
-  var t, o, a, l, u, b, y;
+  var t, o, n, l, u, b, y;
   for (o = 1; o <= 8; o *= 2) {
-    for (t = [], a = e[e.length - 1], l = !(ze(a, i) & o), u = 0; u < e.length; u++)
-      b = e[u], y = !(ze(b, i) & o), y !== l && t.push(pt(a, b, o, i)), y && t.push(b), a = b, l = y;
+    for (t = [], n = e[e.length - 1], l = !(ze(n, i) & o), u = 0; u < e.length; u++)
+      b = e[u], y = !(ze(b, i) & o), y !== l && t.push(pt(n, b, o, i)), y && t.push(b), n = b, l = y;
     if (e = t, !e.length) break;
   }
   return t;
@@ -79,7 +79,7 @@ function ze(e, i) {
   return e[0] < i[0] ? t |= 1 : e[0] > i[2] && (t |= 2), e[1] < i[1] ? t |= 4 : e[1] > i[3] && (t |= 8), t;
 }
 function Xt(e, i) {
-  const t = Kt(e), o = t.type, a = e.type === "Feature" ? e.properties : {};
+  const t = Kt(e), o = t.type, n = e.type === "Feature" ? e.properties : {};
   let l = t.coordinates;
   switch (o) {
     case "LineString":
@@ -87,14 +87,14 @@ function Xt(e, i) {
       const u = [];
       return o === "LineString" && (l = [l]), l.forEach((b) => {
         Jt(b, i, u);
-      }), u.length === 1 ? qt(u[0], a) : Gt(u, a);
+      }), u.length === 1 ? qt(u[0], n) : Gt(u, n);
     }
     case "Polygon":
-      return jt(kt(l, i), a);
+      return jt(kt(l, i), n);
     case "MultiPolygon":
       return Ht(
         l.map((u) => kt(u, i)),
-        a
+        n
       );
     default:
       throw new Error("geometry " + o + " not supported");
@@ -103,8 +103,8 @@ function Xt(e, i) {
 function kt(e, i) {
   const t = [];
   for (const o of e) {
-    const a = Qt(o, i);
-    a.length > 0 && ((a[0][0] !== a[a.length - 1][0] || a[0][1] !== a[a.length - 1][1]) && a.push(a[0]), a.length >= 4 && t.push(a));
+    const n = Qt(o, i);
+    n.length > 0 && ((n[0][0] !== n[n.length - 1][0] || n[0][1] !== n[n.length - 1][1]) && n.push(n[0]), n.length >= 4 && t.push(n));
   }
   return t;
 }
@@ -132,17 +132,17 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ Se({
   },
   emits: ["zoom", "layerLoading", "layerError"],
   setup(e, { emit: i }) {
-    const t = e, o = i, a = C(null), l = C(null), u = C(0);
-    function b(n) {
-      o("zoom", n), l.value && (u.value = y(l.value));
+    const t = e, o = i, n = C(null), l = C(null), u = C(0);
+    function b(a) {
+      o("zoom", a), l.value && (u.value = y(l.value));
     }
-    function y(n) {
-      const p = n.getZoom(), E = n.getCenter().lat, P = 559082264028e-3, M = E * Math.PI / 180;
-      return P * Math.cos(M) / Math.pow(2, p);
+    function y(a) {
+      const p = a.getZoom(), E = a.getCenter().lat, _ = 559082264028e-3, M = E * Math.PI / 180;
+      return _ * Math.cos(M) / Math.pow(2, p);
     }
-    const _ = C({}), v = C(null), k = C(/* @__PURE__ */ new Set()), r = ["fema-100-year-floodplain", "fema-500-year-floodplain"];
-    async function h(n, p, s, E) {
-      const P = encodeURIComponent(E || "1=1"), M = JSON.stringify({
+    const P = C({}), v = C(null), k = C(/* @__PURE__ */ new Set()), r = ["fema-100-year-floodplain", "fema-500-year-floodplain"];
+    async function h(a, p, s, E) {
+      const _ = encodeURIComponent(E || "1=1"), M = JSON.stringify({
         xmin: p.west,
         ymin: p.south,
         xmax: p.east,
@@ -151,7 +151,7 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ Se({
       }), R = 2e3;
       let N = 0, U = [], Y = !0;
       for (; Y; ) {
-        const G = `${n}/query?where=${P}&geometry=${encodeURIComponent(M)}&geometryType=esriGeometryEnvelope&spatialRel=esriSpatialRelIntersects&outFields=*&returnGeometry=true&resultRecordCount=${R}&resultOffset=${N}&f=geojson`, Z = await fetch(G);
+        const G = `${a}/query?where=${_}&geometry=${encodeURIComponent(M)}&geometryType=esriGeometryEnvelope&spatialRel=esriSpatialRelIntersects&outFields=*&returnGeometry=true&resultRecordCount=${R}&resultOffset=${N}&f=geojson`, Z = await fetch(G);
         if (!Z.ok)
           throw new Error(`HTTP ${Z.status}: ${Z.statusText}`);
         const J = await Z.json();
@@ -174,14 +174,14 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ Se({
         features: U
       };
     }
-    async function w(n, p) {
+    async function w(a, p) {
       const s = p.map(async (E) => {
-        const P = t.layerList.find((M) => M.config.id === E)?.config;
-        if (P) {
+        const _ = t.layerList.find((M) => M.config.id === E)?.config;
+        if (_) {
           o("layerLoading", E, !0);
           try {
-            const M = await h(P.url, n, E, P.where);
-            _.value = { ..._.value, [E]: M }, o("layerError", E, null);
+            const M = await h(_.url, a, E, _.where);
+            P.value = { ...P.value, [E]: M }, o("layerError", E, null);
           } catch (M) {
             const R = M instanceof Error ? M.message : "Failed to load";
             o("layerError", E, R);
@@ -192,84 +192,84 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ Se({
       });
       await Promise.all(s);
     }
-    async function g(n) {
+    async function g(a) {
       const p = [...t.visibleLayers];
-      await w(n, p);
+      await w(a, p);
     }
-    function f(n) {
-      v.value = n.bounds, g(n.bounds);
+    function f(a) {
+      v.value = a.bounds, g(a.bounds);
     }
-    function c(n) {
-      l.value = n;
-      const p = n.getBounds();
+    function c(a) {
+      l.value = a;
+      const p = a.getBounds();
       v.value = {
         west: p.getWest(),
         south: p.getSouth(),
         east: p.getEast(),
         north: p.getNorth()
       };
-      const s = n.getZoom();
-      o("zoom", s), u.value = y(n), g(v.value);
+      const s = a.getZoom();
+      o("zoom", s), u.value = y(a), g(v.value);
     }
     Te(
       () => t.visibleLayers.size,
       async () => {
         if (ie.value.length > 0 && $e(), v.value) {
-          const n = new Set(t.visibleLayers), p = [...n].filter(
+          const a = new Set(t.visibleLayers), p = [...a].filter(
             (s) => !k.value.has(s)
           );
-          k.value = new Set(n), p.length > 0 && await w(v.value, p);
+          k.value = new Set(a), p.length > 0 && await w(v.value, p);
         }
       }
     );
-    function S(n) {
-      return t.visibleLayers.has(n);
+    function S(a) {
+      return t.visibleLayers.has(a);
     }
-    function F(n) {
-      return !!_.value[n.id];
+    function F(a) {
+      return !!P.value[a.id];
     }
     const T = I(
-      () => t.layerList.filter((n) => n.config.type === "circle" && S(n.config.id) && F(n.config)).map((n) => n.config)
+      () => t.layerList.filter((a) => a.config.type === "circle" && S(a.config.id) && F(a.config)).map((a) => a.config)
     ), A = I(
-      () => t.layerList.filter((n) => n.config.type === "fill" && S(n.config.id) && F(n.config)).map((n) => n.config)
+      () => t.layerList.filter((a) => a.config.type === "fill" && S(a.config.id) && F(a.config)).map((a) => a.config)
     ), q = I(
-      () => t.layerList.filter((n) => n.config.type === "fill" && n.config.outlinePaint && S(n.config.id) && F(n.config)).map((n) => n.config)
+      () => t.layerList.filter((a) => a.config.type === "fill" && a.config.outlinePaint && S(a.config.id) && F(a.config)).map((a) => a.config)
     ), fe = I(
-      () => t.layerList.filter((n) => n.config.type === "line" && S(n.config.id) && F(n.config)).map((n) => n.config)
+      () => t.layerList.filter((a) => a.config.type === "line" && S(a.config.id) && F(a.config)).map((a) => a.config)
     );
-    function _e(n) {
-      return t.visibleTiledLayers?.has(n) ?? !1;
+    function Pe(a) {
+      return t.visibleTiledLayers?.has(a) ?? !1;
     }
-    function Pe(n) {
-      return t.tiledLayerOpacities?.[n] ?? 1;
+    function _e(a) {
+      return t.tiledLayerOpacities?.[a] ?? 1;
     }
-    function et(n) {
-      return `${n.replace(/\/$/, "")}/tile/{z}/{y}/{x}`;
+    function et(a) {
+      return `${a.replace(/\/$/, "")}/tile/{z}/{y}/{x}`;
     }
-    function tt(n) {
+    function tt(a) {
       return {
         type: "raster",
-        tiles: [et(n.url)],
+        tiles: [et(a.url)],
         tileSize: 256,
-        attribution: n.attribution || ""
+        attribution: a.attribution || ""
       };
     }
     const Ie = C({}), Ue = C(/* @__PURE__ */ new Set());
-    async function Re(n) {
-      if (!Ue.value.has(n.id)) {
-        Ue.value.add(n.id);
+    async function Re(a) {
+      if (!Ue.value.has(a.id)) {
+        Ue.value.add(a.id);
         try {
-          const p = n.url.replace(/\/$/, ""), s = await fetch(`${p}?f=json`);
+          const p = a.url.replace(/\/$/, ""), s = await fetch(`${p}?f=json`);
           if (!s.ok)
             return;
           const E = await s.json();
-          let P = E.minScale || 0, M = E.maxScale || 0;
+          let _ = E.minScale || 0, M = E.maxScale || 0;
           if (E.layers && E.layers.length > 0)
             for (const R of E.layers)
               R.maxScale && R.maxScale > 0 && (M === 0 || R.maxScale < M) && (M = R.maxScale);
           M === 0 && (M = 72e3), Ie.value = {
             ...Ie.value,
-            [n.id]: { minScale: P, maxScale: M }
+            [a.id]: { minScale: _, maxScale: M }
           };
         } catch {
         }
@@ -277,81 +277,81 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ Se({
     }
     Je(() => {
       if (t.tiledLayers)
-        for (const n of t.tiledLayers)
-          n.scaleBasedRendering && Re(n);
+        for (const a of t.tiledLayers)
+          a.scaleBasedRendering && Re(a);
     });
-    function We(n) {
-      if (!n.scaleBasedRendering)
+    function We(a) {
+      if (!a.scaleBasedRendering)
         return "tiled";
-      const p = Ie.value[n.id];
+      const p = Ie.value[a.id];
       if (!p)
         return "tiled";
       const s = u.value;
       return s === 0 || s > p.maxScale ? "tiled" : "dynamic";
     }
-    const ot = I(() => t.tiledLayers ? t.tiledLayers.filter((n) => _e(n.id) ? n.scaleBasedRendering ? We(n) === "tiled" : !0 : !1) : []), nt = I(() => t.tiledLayers ? t.tiledLayers.filter((n) => _e(n.id) && n.scaleBasedRendering ? We(n) === "dynamic" : !1) : []);
-    function Ee(n) {
+    const ot = I(() => t.tiledLayers ? t.tiledLayers.filter((a) => Pe(a.id) ? a.scaleBasedRendering ? We(a) === "tiled" : !0 : !1) : []), at = I(() => t.tiledLayers ? t.tiledLayers.filter((a) => Pe(a.id) && a.scaleBasedRendering ? We(a) === "dynamic" : !1) : []);
+    function Ee(a) {
       return {
         type: "raster",
-        tiles: [`${n.url.replace(/\/$/, "")}/export?bbox={bbox-epsg-3857}&bboxSR=3857&imageSR=3857&size=256,256&format=png32&transparent=true&f=image`],
+        tiles: [`${a.url.replace(/\/$/, "")}/export?bbox={bbox-epsg-3857}&bboxSR=3857&imageSR=3857&size=256,256&format=png32&transparent=true&f=image`],
         tileSize: 256,
-        attribution: n.attribution || ""
+        attribution: a.attribution || ""
       };
     }
-    function ve(n) {
-      return { type: "geojson", data: _.value[n.id] };
+    function ve(a) {
+      return { type: "geojson", data: P.value[a.id] };
     }
-    function Me(n) {
-      return t.layerOpacities[n] ?? 1;
+    function Me(a) {
+      return t.layerOpacities[a] ?? 1;
     }
-    function be(n) {
-      const p = Me(n.id), s = n.type === "circle" ? "circle-opacity" : n.type === "fill" ? "fill-opacity" : "line-opacity";
-      if (n.type === "fill" && n.paint["fill-opacity"] === 0)
-        return { ...n.paint, "fill-opacity": 0 };
-      const E = n.type === "circle" ? "circle-color" : n.type === "fill" ? "fill-color" : "line-color", P = { ...n.paint }, M = P[E], R = P[s] === 1, N = typeof M == "string" && M.startsWith("rgba(");
+    function be(a) {
+      const p = Me(a.id), s = a.type === "circle" ? "circle-opacity" : a.type === "fill" ? "fill-opacity" : "line-opacity";
+      if (a.type === "fill" && a.paint["fill-opacity"] === 0)
+        return { ...a.paint, "fill-opacity": 0 };
+      const E = a.type === "circle" ? "circle-color" : a.type === "fill" ? "fill-color" : "line-color", _ = { ...a.paint }, M = _[E], R = _[s] === 1, N = typeof M == "string" && M.startsWith("rgba(");
       if (R && N) {
         if (p === 1)
-          return P;
+          return _;
         {
           const U = M.match(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*([\d.]+)\)/);
           if (U && U[4]) {
             const [, Y, G, Z, J] = U, st = parseFloat(J) * p;
-            P[E] = `rgba(${Y}, ${G}, ${Z}, ${st})`, P[s] = 1;
+            _[E] = `rgba(${Y}, ${G}, ${Z}, ${st})`, _[s] = 1;
           }
-          return P;
+          return _;
         }
       }
       if (N) {
         const U = M.match(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*([\d.]+)\)/);
         if (U) {
           const [, Y, G, Z] = U;
-          P[E] = `rgb(${Y}, ${G}, ${Z})`;
+          _[E] = `rgb(${Y}, ${G}, ${Z})`;
         }
       }
-      return P[s] = p, P;
+      return _[s] = p, _;
     }
-    function it(n) {
-      const p = Me(n.id);
-      return { ...n.outlinePaint, "line-opacity": p };
+    function it(a) {
+      const p = Me(a.id);
+      return { ...a.outlinePaint, "line-opacity": p };
     }
-    const ie = C([]), we = C(null), ae = C(0);
-    function ke(n) {
-      const p = n.replace(/-outline$/, "");
+    const ie = C([]), we = C(null), ne = C(0);
+    function ke(a) {
+      const p = a.replace(/-outline$/, "");
       return t.layerList.find((E) => E.config.id === p)?.config;
     }
-    function at(n, p) {
-      return n.replace(/\{([^}]+)\}/g, (s, E) => {
-        const P = p[E];
-        return P == null ? "" : String(P);
+    function nt(a, p) {
+      return a.replace(/\{([^}]+)\}/g, (s, E) => {
+        const _ = p[E];
+        return _ == null ? "" : String(_);
       });
     }
-    function Ce(n) {
-      return n.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+    function Ce(a) {
+      return a.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
     }
-    function De(n, p) {
-      if (n == null) return "-";
-      if (p?.dateFormat && typeof n == "number") {
-        const s = new Date(n);
+    function De(a, p) {
+      if (a == null) return "-";
+      if (p?.dateFormat && typeof a == "number") {
+        const s = new Date(a);
         switch (p.dateFormat) {
           case "shortDateShortTime":
             return s.toLocaleString();
@@ -365,39 +365,39 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ Se({
             return s.toLocaleDateString();
         }
       }
-      if (typeof n == "number") {
-        if (n > 1e12 && !p)
-          return new Date(n).toLocaleDateString();
+      if (typeof a == "number") {
+        if (a > 1e12 && !p)
+          return new Date(a).toLocaleDateString();
         const s = p?.places, E = p?.digitSeparator ?? !0;
         if (s !== void 0) {
-          const P = n.toFixed(s);
+          const _ = a.toFixed(s);
           if (E) {
-            const M = P.split("."), R = M[0] || "0", N = M[1], U = R.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+            const M = _.split("."), R = M[0] || "0", N = M[1], U = R.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
             return N ? `${U}.${N}` : U;
           }
-          return P;
+          return _;
         }
-        return E ? n.toLocaleString() : String(n);
+        return E ? a.toLocaleString() : String(a);
       }
-      return String(n);
+      return String(a);
     }
-    function Ze(n) {
+    function Ze(a) {
       const p = /* @__PURE__ */ new Set();
-      return n.filter((s) => {
-        const P = `${s.layer.id.replace(/-outline$/, "")}:${JSON.stringify(s.properties)}`;
-        return p.has(P) ? !1 : (p.add(P), !0);
+      return a.filter((s) => {
+        const _ = `${s.layer.id.replace(/-outline$/, "")}:${JSON.stringify(s.properties)}`;
+        return p.has(_) ? !1 : (p.add(_), !0);
       });
     }
-    function je(n, p) {
+    function je(a, p) {
       const s = /* @__PURE__ */ new Map();
-      return p.forEach((E, P) => {
-        s.set(E.id, P);
-      }), n.sort((E, P) => {
-        const M = E.layer.id.replace(/-outline$/, ""), R = P.layer.id.replace(/-outline$/, ""), N = s.get(M) ?? -1;
+      return p.forEach((E, _) => {
+        s.set(E.id, _);
+      }), a.sort((E, _) => {
+        const M = E.layer.id.replace(/-outline$/, ""), R = _.layer.id.replace(/-outline$/, ""), N = s.get(M) ?? -1;
         return (s.get(R) ?? -1) - N;
       });
     }
-    function le(n) {
+    function le(a) {
       const p = l.value;
       if (!p) return;
       const s = [];
@@ -405,11 +405,11 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ Se({
         const Z = G.config;
         t.visibleLayers.has(Z.id) && (s.push(Z.id), Z.outlinePaint && s.push(`${Z.id}-outline`));
       });
-      const E = p.project([n.lngLat.lng, n.lngLat.lat]), P = p.queryRenderedFeatures(E, {
+      const E = p.project([a.lngLat.lng, a.lngLat.lat]), _ = p.queryRenderedFeatures(E, {
         layers: s
       });
-      if (P.length === 0) return;
-      const M = Ze(P), R = t.layerList.map((G) => G.config), N = je(M, R), U = N.map((G) => {
+      if (_.length === 0) return;
+      const M = Ze(_), R = t.layerList.map((G) => G.config), N = je(M, R), U = N.map((G) => {
         const Z = G.layer.id.replace(/-outline$/, ""), J = ke(Z);
         return J ? {
           layerId: J.id,
@@ -419,7 +419,7 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ Se({
         } : null;
       }).filter((G) => G !== null);
       if (U.length === 0) return;
-      ie.value = U, ae.value = 0, we.value = [n.lngLat.lng, n.lngLat.lat];
+      ie.value = U, ne.value = 0, we.value = [a.lngLat.lng, a.lngLat.lat];
       const Y = N[0];
       if (Y && Y.geometry) {
         const G = Y.layer.id.replace(/-outline$/, ""), Z = ke(G);
@@ -436,50 +436,50 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ Se({
       }
     }
     function $e() {
-      ie.value = [], we.value = null, ae.value = 0, de.value = null;
+      ie.value = [], we.value = null, ne.value = 0, de.value = null;
     }
-    function se(n) {
+    function se(a) {
       if (ie.value.length === 0) return;
-      const p = n.target;
+      const p = a.target;
       if (!(p.tagName === "INPUT" || p.tagName === "TEXTAREA" || p.isContentEditable))
-        switch (n.key) {
+        switch (a.key) {
           case "ArrowLeft":
           case "ArrowUp":
-            n.preventDefault(), xe();
+            a.preventDefault(), xe();
             break;
           case "ArrowRight":
           case "ArrowDown":
-            n.preventDefault(), qe();
+            a.preventDefault(), qe();
             break;
           case "Escape":
-            n.preventDefault(), $e();
+            a.preventDefault(), $e();
             break;
         }
     }
     Je(() => {
       window.addEventListener("keydown", se);
-    }), Pt(() => {
+    }), _t(() => {
       window.removeEventListener("keydown", se);
     });
     function qe() {
-      const n = ie.value.length;
-      n <= 1 || (ae.value = (ae.value + 1) % n);
+      const a = ie.value.length;
+      a <= 1 || (ne.value = (ne.value + 1) % a);
     }
     function xe() {
-      const n = ie.value.length;
-      n <= 1 || (ae.value = (ae.value - 1 + n) % n);
+      const a = ie.value.length;
+      a <= 1 || (ne.value = (ne.value - 1 + a) % a);
     }
-    const X = I(() => ie.value.length === 0 ? null : ie.value[ae.value]), Ge = I(() => {
-      const n = X.value;
-      return !n || !n.popupConfig ? n?.layerTitle || "" : at(n.popupConfig.title, n.properties);
+    const X = I(() => ie.value.length === 0 ? null : ie.value[ne.value]), Ge = I(() => {
+      const a = X.value;
+      return !a || !a.popupConfig ? a?.layerTitle || "" : nt(a.popupConfig.title, a.properties);
     }), pe = I(() => {
-      const n = X.value;
-      if (!n) return "";
+      const a = X.value;
+      if (!a) return "";
       let p = '<div class="popup-content">';
-      if (p += `<h3 class="popup-title">${Ce(Ge.value)}</h3>`, n.popupConfig?.fields?.length) {
+      if (p += `<h3 class="popup-title">${Ce(Ge.value)}</h3>`, a.popupConfig?.fields?.length) {
         p += `<table class="popup-table" aria-label="${Ce(Ge.value)}">`;
-        for (const s of n.popupConfig.fields) {
-          const E = De(n.properties[s.field], s.format);
+        for (const s of a.popupConfig.fields) {
+          const E = De(a.properties[s.field], s.format);
           p += `<tr><th scope="row">${Ce(s.label)}</th><td>${Ce(E)}</td></tr>`;
         }
         p += "</table>";
@@ -503,21 +503,21 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ Se({
       "line-color": "#00FFFF",
       "line-opacity": 0.9
     }, de = C(null);
-    function He(n) {
-      return n.type;
+    function He(a) {
+      return a.type;
     }
-    function Be(n, p) {
-      const s = ke(n);
+    function Be(a, p) {
+      const s = ke(a);
       if (!s) return { radius: 5, width: 2 };
       const E = s.paint || {};
       if (p === "circle") {
-        const P = E["circle-radius"];
-        return typeof P == "number" ? { radius: P } : { radius: 5 };
+        const _ = E["circle-radius"];
+        return typeof _ == "number" ? { radius: _ } : { radius: 5 };
       }
       if (p === "line" || p === "fill") {
-        const P = E["line-width"];
-        if (typeof P == "number")
-          return { width: P };
+        const _ = E["line-width"];
+        if (typeof _ == "number")
+          return { width: _ };
         if (s.outlinePaint && s.outlinePaint["line-width"]) {
           const M = s.outlinePaint["line-width"];
           if (typeof M == "number")
@@ -527,11 +527,11 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ Se({
       }
       return { radius: 5, width: 2 };
     }
-    function L(n) {
-      return !n || n.length === 0 ? [] : n[0] ?? [];
+    function L(a) {
+      return !a || a.length === 0 ? [] : a[0] ?? [];
     }
-    function $(n) {
-      const { geometry: p, geometryType: s, originalStyle: E } = n;
+    function $(a) {
+      const { geometry: p, geometryType: s, originalStyle: E } = a;
       if (s === "Point" || s === "MultiPoint") {
         const M = (E.radius || 5) + 3;
         return {
@@ -559,7 +559,7 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ Se({
         };
       }
       if (s === "Polygon") {
-        const P = p.coordinates, M = L(P), N = (E.width || 2) + 3;
+        const _ = p.coordinates, M = L(_), N = (E.width || 2) + 3;
         return {
           type: "FeatureCollection",
           features: [{
@@ -575,10 +575,10 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ Se({
         };
       }
       if (s === "MultiPolygon") {
-        const P = p.coordinates, R = (E.width || 2) + 3;
+        const _ = p.coordinates, R = (E.width || 2) + 3;
         return {
           type: "FeatureCollection",
-          features: P.map((U) => ({
+          features: _.map((U) => ({
             type: "Feature",
             geometry: {
               type: "LineString",
@@ -595,28 +595,28 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ Se({
         features: []
       };
     }
-    function K(n) {
-      if (!n) {
+    function K(a) {
+      if (!a) {
         B();
         return;
       }
-      const p = $(n);
-      n.geometryType === "Point" || n.geometryType === "MultiPoint" ? (Le.value = p, ye.value = { type: "FeatureCollection", features: [] }) : (ye.value = p, Le.value = { type: "FeatureCollection", features: [] });
+      const p = $(a);
+      a.geometryType === "Point" || a.geometryType === "MultiPoint" ? (Le.value = p, ye.value = { type: "FeatureCollection", features: [] }) : (ye.value = p, Le.value = { type: "FeatureCollection", features: [] });
     }
     function B() {
       Le.value = { type: "FeatureCollection", features: [] }, ye.value = { type: "FeatureCollection", features: [] };
     }
-    Te(de, (n) => {
-      K(n);
+    Te(de, (a) => {
+      K(a);
     }), Te(
       () => t.visibleLayers,
-      (n) => {
-        de.value && !n.has(de.value.layerId) && (de.value = null, $e());
+      (a) => {
+        de.value && !a.has(de.value.layerId) && (de.value = null, $e());
       },
       { deep: !0 }
-    ), Te(ae, () => {
-      const n = X.value;
-      if (!n) {
+    ), Te(ne, () => {
+      const a = X.value;
+      if (!a) {
         de.value = null;
         return;
       }
@@ -629,9 +629,9 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ Se({
       });
       const E = p.project(we.value), M = p.queryRenderedFeatures(E, {
         layers: s
-      }).find((R) => R.layer.id.replace(/-outline$/, "") === n.layerId && JSON.stringify(R.properties) === JSON.stringify(n.properties));
+      }).find((R) => R.layer.id.replace(/-outline$/, "") === a.layerId && JSON.stringify(R.properties) === JSON.stringify(a.properties));
       if (M && M.geometry) {
-        const R = ke(n.layerId);
+        const R = ke(a.layerId);
         if (R) {
           const N = He(M.geometry), U = Be(R.id, R.type);
           de.value = {
@@ -645,14 +645,14 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ Se({
       }
     });
     const te = C(null);
-    function rt(n) {
-      const [p, s] = n.geometry.coordinates;
+    function rt(a) {
+      const [p, s] = a.geometry.coordinates;
       te.value = [p, s];
     }
-    return (n, p) => (d(), m("div", eo, [
+    return (a, p) => (d(), m("div", eo, [
       Q(O(Bt), {
         ref_key: "mapRef",
-        ref: a,
+        ref: n,
         zoom: t.initialZoom,
         center: t.initialCenter,
         "navigation-controls": { position: t.navigationControlPosition },
@@ -682,15 +682,15 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ Se({
             key: "tiled-" + s.id,
             id: "tiled-" + s.id,
             source: tt(s),
-            paint: { "raster-opacity": Pe(s.id) },
+            paint: { "raster-opacity": _e(s.id) },
             minzoom: s.minZoom,
             maxzoom: s.maxZoom
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          (d(!0), m(oe, null, re(nt.value, (s) => (d(), ee(O(wt), {
+          (d(!0), m(oe, null, re(at.value, (s) => (d(), ee(O(wt), {
             key: "dynamic-" + s.id,
             id: "dynamic-" + s.id,
             source: Ee(s),
-            paint: { "raster-opacity": Pe(s.id) },
+            paint: { "raster-opacity": _e(s.id) },
             minzoom: s.minZoom,
             maxzoom: s.maxZoom
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
@@ -756,7 +756,7 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ Se({
             html: pe.value,
             "close-on-click": !1,
             "show-navigation": ie.value.length > 1,
-            "current-feature-index": ae.value,
+            "current-feature-index": ne.value,
             "total-features": ie.value.length,
             "layer-name": X.value.layerTitle,
             onClose: $e,
@@ -770,10 +770,10 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ Se({
   }
 }), Oe = (e, i) => {
   const t = e.__vccOpts || e;
-  for (const [o, a] of i)
-    t[o] = a;
+  for (const [o, n] of i)
+    t[o] = n;
   return t;
-}, oo = /* @__PURE__ */ Oe(to, [["__scopeId", "data-v-669444d6"]]), no = ["disabled"], io = /* @__PURE__ */ Se({
+}, oo = /* @__PURE__ */ Oe(to, [["__scopeId", "data-v-669444d6"]]), ao = ["disabled"], io = /* @__PURE__ */ Se({
   inheritAttrs: !1,
   __name: "PhlButton",
   props: {
@@ -802,7 +802,7 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ Se({
       i.iconOnly && "icon-button",
       i.iconOnly && i.variant === "standard" && "icon-button--standard",
       i.className
-    )), a = I(() => t(i) ? "to" in i && i.to !== void 0 ? {
+    )), n = I(() => t(i) ? "to" in i && i.to !== void 0 ? {
       to: i.to,
       disabled: i.disabled,
       className: o.value
@@ -823,7 +823,7 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ Se({
         size: i.size
       })
     );
-    return (u, b) => t(i) ? (d(), ee(O(Wt), dt({ key: 0 }, { ...a.value, ...u.$attrs }, { role: "button" }), {
+    return (u, b) => t(i) ? (d(), ee(O(Wt), dt({ key: 0 }, { ...n.value, ...u.$attrs }, { role: "button" }), {
       default: Ne(() => [
         Q(O(St), mt(vt(l.value)), {
           default: Ne(() => [
@@ -849,14 +849,14 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ Se({
         ]),
         _: 3
       }, 16)
-    ], 16, no));
+    ], 16, ao));
   }
 });
-var ao = {
+var no = {
   prefix: "fas",
   iconName: "circle-exclamation",
   icon: [512, 512, ["exclamation-circle"], "f06a", "M256 512a256 256 0 1 1 0-512 256 256 0 1 1 0 512zm0-192a32 32 0 1 0 0 64 32 32 0 1 0 0-64zm0-192c-18.2 0-32.7 15.5-31.4 33.7l7.4 104c.9 12.6 11.4 22.3 23.9 22.3 12.6 0 23-9.7 23.9-22.3l7.4-104c1.3-18.2-13.1-33.7-31.4-33.7z"]
-}, lo = ao, ro = {
+}, lo = no, ro = {
   prefix: "fas",
   iconName: "xmark",
   icon: [384, 512, [128473, 10005, 10006, 10060, 215, "close", "multiply", "remove", "times"], "f00d", "M55.1 73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L147.2 256 9.9 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192.5 301.3 329.9 438.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.8 256 375.1 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192.5 210.7 55.1 73.4z"]
@@ -885,14 +885,14 @@ const co = ["for"], uo = { class: "state-layer" }, fo = { class: "content" }, po
   },
   emits: ["update:modelValue"],
   setup(e, { emit: i }) {
-    const t = zt(), o = e, a = I(() => typeof o.error == "string" ? o.error : o.error[0]), l = Ft(o, "id"), u = i, b = C(""), y = I({
+    const t = zt(), o = e, n = I(() => typeof o.error == "string" ? o.error : o.error[0]), l = Ft(o, "id"), u = i, b = C(""), y = I({
       get: () => o.modelValue !== void 0 ? o.modelValue : b.value,
       set: (h) => {
         u("update:modelValue", h), b.value = h;
       }
-    }), _ = I(() => {
+    }), P = I(() => {
       const h = ["default-class"];
-      return t.disabled != null && h.push("phila-input--disabled"), a.value && h.push("phila-input--error"), t.required != null && h.push("phila-input--required"), ft(...h);
+      return t.disabled != null && h.push("phila-input--disabled"), n.value && h.push("phila-input--error"), t.required != null && h.push("phila-input--required"), ft(...h);
     }), v = I(() => {
       const h = [];
       return y.value !== "" && h.push("phila-text-field--filled"), o.className && h.push(o.className), ft(...h);
@@ -900,7 +900,7 @@ const co = ["for"], uo = { class: "state-layer" }, fo = { class: "content" }, po
       h.target.closest("button") || k.value?.focus();
     };
     return (h, w) => (d(), m("div", {
-      class: ne(["phila-input", _.value])
+      class: ae(["phila-input", P.value])
     }, [
       o.label ? (d(), m("label", {
         key: 0,
@@ -908,7 +908,7 @@ const co = ["for"], uo = { class: "state-layer" }, fo = { class: "content" }, po
         class: "has-text-label-small phila-label"
       }, V(o.label), 9, co)) : z("", !0),
       x("div", {
-        class: ne(["phila-text-field", v.value]),
+        class: ae(["phila-text-field", v.value]),
         onClick: r
       }, [
         x("div", uo, [
@@ -951,14 +951,14 @@ const co = ["for"], uo = { class: "state-layer" }, fo = { class: "content" }, po
         ])
       ], 2),
       o.supportingText ? (d(), m("div", go, V(o.supportingText), 1)) : z("", !0),
-      a.value ? (d(), m("div", ho, [
+      n.value ? (d(), m("div", ho, [
         Q(O(ge), {
           "icon-definition": O(lo),
           size: "small",
           inline: "",
           decorative: ""
         }, null, 8, ["icon-definition"]),
-        me(" " + V(a.value), 1)
+        me(" " + V(n.value), 1)
       ])) : z("", !0)
     ], 2));
   }
@@ -994,7 +994,7 @@ const ko = { class: "layer-panel" }, Co = {
 }, $o = {
   key: 1,
   class: "topics-container"
-}, xo = { class: "layer-row" }, _o = ["href", "aria-label"], Po = {
+}, xo = { class: "layer-row" }, Po = ["href", "aria-label"], _o = {
   key: 1,
   class: "metadata-placeholder"
 }, Eo = ["checked", "disabled", "onChange"], Mo = { class: "layer-title" }, To = {
@@ -1029,7 +1029,7 @@ const ko = { class: "layer-panel" }, Co = {
   },
   emits: ["toggleLayer", "setOpacity", "updateSearch"],
   setup(e, { emit: i }) {
-    const t = e, o = i, a = I(() => {
+    const t = e, o = i, n = I(() => {
       if (!t.searchQuery.trim())
         return t.layerList;
       const f = t.searchQuery.toLowerCase();
@@ -1049,7 +1049,7 @@ const ko = { class: "layer-panel" }, Co = {
     function y(f) {
       return t.visibleLayers.has(f);
     }
-    function _(f) {
+    function P(f) {
       return t.layerOpacities[f] ?? 1;
     }
     function v(f) {
@@ -1098,9 +1098,9 @@ const ko = { class: "layer-panel" }, Co = {
         ], !0)
       ])) : (d(), m("div", {
         key: 2,
-        class: ne(["layer-list", { "has-metadata": b.value }])
+        class: ae(["layer-list", { "has-metadata": b.value }])
       }, [
-        (d(!0), m(oe, null, re(a.value, (S) => (d(), m("div", {
+        (d(!0), m(oe, null, re(n.value, (S) => (d(), m("div", {
           key: S.config.id,
           class: "layer-item"
         }, [
@@ -1121,9 +1121,9 @@ const ko = { class: "layer-panel" }, Co = {
                 inline: "",
                 decorative: ""
               }, null, 8, ["icon-definition"])
-            ], 8, _o)) : b.value ? (d(), m("span", Po)) : z("", !0),
+            ], 8, Po)) : b.value ? (d(), m("span", _o)) : z("", !0),
             x("label", {
-              class: ne(["layer-checkbox", {
+              class: ae(["layer-checkbox", {
                 "layer-unavailable": !r(S.config),
                 "layer-error": k(S.config.id)
               }])
@@ -1151,14 +1151,14 @@ const ko = { class: "layer-panel" }, Co = {
             x("label", {
               class: "opacity-label",
               for: "opacity-" + S.config.id
-            }, " Opacity: " + V(Math.round(_(S.config.id) * 100)) + "% ", 9, Io),
+            }, " Opacity: " + V(Math.round(P(S.config.id) * 100)) + "% ", 9, Io),
             x("input", {
               id: "opacity-" + S.config.id,
               type: "range",
               min: "0",
               max: "1",
               step: "0.05",
-              value: _(S.config.id),
+              value: P(S.config.id),
               "aria-label": "Opacity for " + S.config.title,
               class: "opacity-slider",
               onInput: (F) => g(S.config.id, F)
@@ -1196,7 +1196,7 @@ const ko = { class: "layer-panel" }, Co = {
             ]))), 128))
           ], 8, Do)) : z("", !0)
         ]))), 128)),
-        a.value.length === 0 ? (d(), m("div", Bo, ' No layers match "' + V(e.searchQuery) + '" ', 1)) : z("", !0)
+        n.value.length === 0 ? (d(), m("div", Bo, ' No layers match "' + V(e.searchQuery) + '" ', 1)) : z("", !0)
       ], 2))
     ]));
   }
@@ -1249,12 +1249,12 @@ function ut(e) {
   return String(e);
 }
 function Mt(e, i, t) {
-  const o = e.symbol, a = Ye(o);
+  const o = e.symbol, n = Ye(o);
   let l = {}, u = [], b = null;
-  if (a === "fill" && o) {
-    const y = o.color === null ? 0 : o.color?.[3] ?? 255, _ = y === 0 ? "rgba(0, 0, 0, 0)" : D(o.color), v = y === 0 ? 0 : y < 255 ? 1 : he(i);
+  if (n === "fill" && o) {
+    const y = o.color === null ? 0 : o.color?.[3] ?? 255, P = y === 0 ? "rgba(0, 0, 0, 0)" : D(o.color), v = y === 0 ? 0 : y < 255 ? 1 : he(i);
     if (l = {
-      "fill-color": _,
+      "fill-color": P,
       "fill-opacity": v
     }, Fe(o.outline)) {
       const k = o.outline.width || 1, r = D(o.outline.color);
@@ -1268,7 +1268,7 @@ function Mt(e, i, t) {
       color: D(o.color),
       label: e.label || "Feature"
     }];
-  } else if (a === "line" && o)
+  } else if (n === "line" && o)
     l = {
       "line-color": D(o.color),
       "line-width": o.width || 1,
@@ -1279,7 +1279,7 @@ function Mt(e, i, t) {
       width: o.width || 1,
       label: e.label || "Feature"
     }];
-  else if (a === "circle" && o) {
+  else if (n === "circle" && o) {
     const y = Math.round((o.size || 6) * 0.71 * 100) / 100;
     l = {
       "circle-color": D(o.color),
@@ -1291,20 +1291,20 @@ function Mt(e, i, t) {
       label: e.label || "Feature"
     }];
   }
-  return { paint: l, legend: u, geomType: a, outlinePaint: b };
+  return { paint: l, legend: u, geomType: n, outlinePaint: b };
 }
 function Wo(e, i, t) {
-  const o = e.field1, a = e.uniqueValueInfos || [], l = e.defaultSymbol;
-  if (a.length === 0)
+  const o = e.field1, n = e.uniqueValueInfos || [], l = e.defaultSymbol;
+  if (n.length === 0)
     return Mt({ ...e, symbol: l }, i);
-  const u = a[0]?.symbol || l, b = Ye(u);
-  let y = {}, _ = [], v = null;
+  const u = n[0]?.symbol || l, b = Ye(u);
+  let y = {}, P = [], v = null;
   if (b === "fill") {
     const k = ["match", ["to-string", ["get", o]]];
-    for (const r of a) {
+    for (const r of n) {
       k.push(ut(r.value)), k.push(D(r.symbol?.color));
       const h = String(r.value), g = t?.get(h) || r.label || h;
-      _.push({
+      P.push({
         type: "fill",
         color: D(r.symbol?.color),
         label: g
@@ -1322,10 +1322,10 @@ function Wo(e, i, t) {
     }
   } else if (b === "line") {
     const k = ["match", ["to-string", ["get", o]]];
-    for (const r of a) {
+    for (const r of n) {
       k.push(ut(r.value)), k.push(D(r.symbol?.color));
       const h = String(r.value), g = t?.get(h) || r.label || h;
-      _.push({
+      P.push({
         type: "line",
         color: D(r.symbol?.color),
         width: r.symbol?.width || 1,
@@ -1339,10 +1339,10 @@ function Wo(e, i, t) {
     };
   } else if (b === "circle") {
     const k = ["match", ["to-string", ["get", o]]];
-    for (const h of a) {
+    for (const h of n) {
       k.push(ut(h.value)), k.push(D(h.symbol?.color));
       const w = String(h.value), f = t?.get(w) || h.label || w;
-      _.push({
+      P.push({
         type: "circle",
         color: D(h.symbol?.color),
         label: f
@@ -1356,16 +1356,16 @@ function Wo(e, i, t) {
       "circle-opacity": he(i)
     }, Fe(u?.outline) && (y["circle-stroke-color"] = D(u.outline.color), y["circle-stroke-width"] = u.outline.width || 1);
   }
-  return { paint: y, legend: _, geomType: b, outlinePaint: v };
+  return { paint: y, legend: P, geomType: b, outlinePaint: v };
 }
 function jo(e, i) {
-  const t = e.field, o = e.classBreakInfos || [], a = e.visualVariables?.find((v) => v.type === "colorInfo");
-  if (a?.stops && a.stops.length > 0)
-    return qo(a, t, e, i);
+  const t = e.field, o = e.classBreakInfos || [], n = e.visualVariables?.find((v) => v.type === "colorInfo");
+  if (n?.stops && n.stops.length > 0)
+    return qo(n, t, e, i);
   if (o.length === 0)
     return { paint: {}, legend: [], geomType: "fill", outlinePaint: null };
   const l = o[0]?.symbol, u = Ye(l);
-  let b = {}, y = [], _ = null;
+  let b = {}, y = [], P = null;
   if (u === "fill") {
     const v = ["step", ["get", t]];
     v.push(D(o[0]?.symbol?.color));
@@ -1382,7 +1382,7 @@ function jo(e, i) {
       "fill-opacity": he(i)
     }, Fe(l?.outline)) {
       const k = l.outline.width || 1, r = D(l.outline.color);
-      b["fill-outline-color"] = r, k > 1 && (_ = {
+      b["fill-outline-color"] = r, k > 1 && (P = {
         "line-color": r,
         "line-width": k
       });
@@ -1407,17 +1407,17 @@ function jo(e, i) {
       "line-opacity": he(i)
     };
   }
-  return { paint: b, legend: y, geomType: u, outlinePaint: _ };
+  return { paint: b, legend: y, geomType: u, outlinePaint: P };
 }
 function qo(e, i, t, o) {
-  const a = e.stops || [];
-  if (a.length === 0)
+  const n = e.stops || [];
+  if (n.length === 0)
     return { paint: {}, legend: [], geomType: "fill", outlinePaint: null };
   const l = t.classBreakInfos?.[0]?.symbol || t.defaultSymbol, u = Ye(l);
-  let b = {}, y = [], _ = null;
+  let b = {}, y = [], P = null;
   if (u === "fill") {
     const v = ["interpolate", ["linear"], ["get", i]];
-    for (const r of a)
+    for (const r of n)
       v.push(r.value), v.push(D(r.color)), y.push({
         type: "fill",
         color: D(r.color),
@@ -1435,37 +1435,37 @@ function qo(e, i, t, o) {
       "fill-opacity": he(o)
     }, Fe(l?.outline)) {
       const r = l.outline.width || 1, h = D(l.outline.color);
-      b["fill-outline-color"] = h, r > 1 && (_ = {
+      b["fill-outline-color"] = h, r > 1 && (P = {
         "line-color": h,
         "line-width": r
       });
     }
   }
-  return { paint: b, legend: y, geomType: u, outlinePaint: _ };
+  return { paint: b, legend: y, geomType: u, outlinePaint: P };
 }
 function Go(e, i, t, o) {
   if (!e?.renderer)
     return { paint: {}, legend: [], geomType: "fill", outlinePaint: null };
-  const a = e.renderer;
-  switch (a.type) {
+  const n = e.renderer;
+  switch (n.type) {
     case "simple":
-      return Mt(a, i);
+      return Mt(n, i);
     case "uniqueValue":
-      return Wo(a, i, t);
+      return Wo(n, i, t);
     case "classBreaks":
-      return jo(a, i);
+      return jo(n, i);
     default:
       return { paint: {}, legend: [], geomType: "fill", outlinePaint: null };
   }
 }
 function Ho(e) {
   if (!e) return null;
-  const i = e.title || "", o = (e.fieldInfos || []).filter((a) => a.visible === !0).map((a) => {
+  const i = e.title || "", o = (e.fieldInfos || []).filter((n) => n.visible === !0).map((n) => {
     const l = {
-      field: a.fieldName,
-      label: a.label || a.fieldName
+      field: n.fieldName,
+      label: n.label || n.fieldName
     };
-    return a.format && (l.format = {}, a.format.dateFormat && (l.format.dateFormat = a.format.dateFormat), a.format.digitSeparator !== void 0 && (l.format.digitSeparator = a.format.digitSeparator), a.format.places !== void 0 && (l.format.places = a.format.places), Object.keys(l.format).length === 0 && delete l.format), l;
+    return n.format && (l.format = {}, n.format.dateFormat && (l.format.dateFormat = n.format.dateFormat), n.format.digitSeparator !== void 0 && (l.format.digitSeparator = n.format.digitSeparator), n.format.places !== void 0 && (l.format.places = n.format.places), Object.keys(l.format).length === 0 && delete l.format), l;
   });
   return {
     title: i,
@@ -1487,8 +1487,8 @@ function Xo(e) {
     return i;
   const t = e.split(`
 `), o = /^(\d{1,3})\s+(.+)$/;
-  for (const a of t) {
-    const l = a.trim().match(o);
+  for (const n of t) {
+    const l = n.trim().match(o);
     if (l) {
       const [, u, b] = l;
       u && b && i.set(u, b.trim());
@@ -1512,57 +1512,57 @@ async function Yo(e) {
 }
 async function Tt(e) {
   const i = e.operationalLayers || [], t = [], o = ["Zoning and Planning_Land Use"];
-  for (const a of i)
-    if (a.url && a.itemId !== "4f39b829b96d437da9231727d9c91fab")
+  for (const n of i)
+    if (n.url && n.itemId !== "4f39b829b96d437da9231727d9c91fab")
       try {
-        let l = a.layerDefinition?.drawingInfo, u;
-        const b = !l || !l.renderer, y = o.includes(a.title);
-        if ((b || y) && a.url) {
-          const T = await Yo(a.url);
+        let l = n.layerDefinition?.drawingInfo, u;
+        const b = !l || !l.renderer, y = o.includes(n.title);
+        if ((b || y) && n.url) {
+          const T = await Yo(n.url);
           T && (l = T.drawingInfo, T.description && (u = Xo(T.description), u.size > 0));
         }
-        const { paint: _, legend: v, geomType: k, outlinePaint: r } = Go(
+        const { paint: P, legend: v, geomType: k, outlinePaint: r } = Go(
           l,
-          a.opacity,
+          n.opacity,
           u,
-          a.title
-        ), h = Ho(a.popupInfo), w = Ko(a.layerDefinition), g = Uo(
-          a.layerDefinition?.minScale,
-          a.layerDefinition?.maxScale
-        ), f = Jo(a.title), c = Qo(a.title);
-        let S = a.opacity ?? 1;
+          n.title
+        ), h = Ho(n.popupInfo), w = Ko(n.layerDefinition), g = Uo(
+          n.layerDefinition?.minScale,
+          n.layerDefinition?.maxScale
+        ), f = Jo(n.title), c = Qo(n.title);
+        let S = n.opacity ?? 1;
         const F = {
           id: f,
           title: c,
           type: k,
-          url: a.url,
+          url: n.url,
           opacity: S,
-          paint: _,
+          paint: P,
           legend: v,
           popup: h
         };
         w && (F.where = w), g.minZoom !== void 0 && (F.minZoom = g.minZoom), g.maxZoom !== void 0 && (F.maxZoom = g.maxZoom), r && (F.outlinePaint = r), t.push(F);
       } catch {
       }
-  return t.sort((a, l) => a.title.localeCompare(l.title)), t;
+  return t.sort((n, l) => n.title.localeCompare(l.title)), t;
 }
-const xt = {}, gt = "376af635c84643cd816a8c5d017a53aa", oi = gt;
+const xt = {}, gt = "376af635c84643cd816a8c5d017a53aa", ti = gt;
 function ht(e, i) {
   let t = `https://www.arcgis.com/sharing/rest/content/items/${e}/data?f=json`;
   return i && (t += `&token=${i}`), t;
 }
-function ni() {
+function oi() {
   return ht(gt);
 }
 const Qe = /* @__PURE__ */ new Map(), Ve = /* @__PURE__ */ new Map();
-function en(e) {
+function ea(e) {
   e ? (Qe.delete(e), Ve.delete(e)) : (Qe.clear(), Ve.clear());
 }
-let Ke, _t = 0;
-async function tn() {
+let Ke, Pt = 0;
+async function ta() {
   const e = typeof import.meta < "u" && xt?.VITE_AGO_USERNAME, i = typeof import.meta < "u" && xt?.VITE_AGO_PASSWORD;
   if (!(!e || !i)) {
-    if (Ke && Date.now() < _t - 3e5)
+    if (Ke && Date.now() < Pt - 3e5)
       return Ke;
     try {
       const o = await (await fetch("https://www.arcgis.com/sharing/rest/generateToken", {
@@ -1579,24 +1579,24 @@ async function tn() {
           // 2 hours
         })
       })).json();
-      return o.error ? void 0 : (Ke = o.token, _t = o.expires, Ke);
+      return o.error ? void 0 : (Ke = o.token, Pt = o.expires, Ke);
     } catch {
       return;
     }
   }
 }
-async function on(e, i) {
+async function oa(e, i) {
   const t = ht(e, i), o = await fetch(t);
   if (!o.ok)
     throw new Error(`Failed to fetch WebMap: ${o.status} ${o.statusText}`);
-  const a = await o.json();
-  if (a.error)
-    throw new Error(`ArcGIS error: ${a.error.message || a.error.code || "Unknown error"}`);
-  return a;
+  const n = await o.json();
+  if (n.error)
+    throw new Error(`ArcGIS error: ${n.error.message || n.error.code || "Unknown error"}`);
+  return n;
 }
-async function nn(e) {
+async function aa(e) {
   try {
-    const i = await tn(), t = await on(e, i);
+    const i = await ta(), t = await oa(e, i);
     return await Tt(t);
   } catch (i) {
     throw new Error(`Failed to load dynamic layer configs: ${i instanceof Error ? i.message : "Unknown error"}`);
@@ -1611,15 +1611,15 @@ async function yt(e = gt) {
     return t;
   const o = (async () => {
     try {
-      const a = await nn(e);
-      return Qe.set(e, a), a;
+      const n = await aa(e);
+      return Qe.set(e, n), n;
     } finally {
       Ve.delete(e);
     }
   })();
   return Ve.set(e, o), o;
 }
-function an(e) {
+function ia(e) {
   const i = C({}), t = /* @__PURE__ */ new Map();
   for (const r of e)
     i.value[r.id] = {
@@ -1686,7 +1686,7 @@ function an(e) {
       };
     }
   }
-  async function a() {
+  async function n() {
     await Promise.all(e.map((r) => o(r)));
   }
   async function l(r) {
@@ -1700,7 +1700,7 @@ function an(e) {
   function y(r) {
     return i.value[r]?.loading ?? !1;
   }
-  function _(r) {
+  function P(r) {
     return i.value[r]?.error ?? null;
   }
   function v() {
@@ -1718,8 +1718,8 @@ function an(e) {
     t.clear();
   }
   return Je(() => {
-    a(), v();
-  }), Pt(() => {
+    n(), v();
+  }), _t(() => {
     k();
   }), {
     /** Reactive state for all data sources */
@@ -1727,7 +1727,7 @@ function an(e) {
     /** Whether any data source is currently loading */
     isLoading: b,
     /** Fetch all data sources */
-    fetchAll: a,
+    fetchAll: n,
     /** Refetch a specific data source by id */
     refetch: l,
     /** Get data for a specific source */
@@ -1735,27 +1735,27 @@ function an(e) {
     /** Check if a specific source is loading */
     isSourceLoading: y,
     /** Get error for a specific source */
-    getError: _,
+    getError: P,
     /** Stop all polling (useful for cleanup) */
     stopPolling: k
   };
 }
-const ln = { class: "layerboard-layout" }, rn = ["aria-expanded"], sn = {
+const na = { class: "layerboard-layout" }, la = ["aria-expanded"], ra = {
   key: 0,
   class: "layerboard-subtitle"
-}, cn = { class: "layerboard-mobile-menu-content" }, un = { class: "layerboard-main" }, dn = {
+}, sa = { class: "layerboard-mobile-menu-content" }, ca = { class: "layerboard-main" }, ua = {
   key: 0,
   class: "layerboard-loading",
   role: "status",
   "aria-live": "polite"
-}, fn = {
+}, da = {
   key: 1,
   class: "layerboard-error",
   role: "alert"
-}, pn = ["aria-expanded", "aria-label"], yn = { key: 0 }, gn = { key: 1 }, hn = {
+}, fa = ["aria-expanded", "aria-label"], pa = { key: 0 }, ya = { key: 1 }, ga = {
   class: "sr-only",
   "aria-live": "polite"
-}, mn = /* @__PURE__ */ Se({
+}, ha = /* @__PURE__ */ Se({
   __name: "Layerboard",
   props: {
     title: {},
@@ -1784,7 +1784,7 @@ const ln = { class: "layerboard-layout" }, rn = ["aria-expanded"], sn = {
   },
   emits: ["configs-loaded", "load-error", "zoom"],
   setup(e, { expose: i, emit: t }) {
-    const o = e, a = t, l = C([]), u = C(!0), b = C(null), y = C(12), _ = C(""), v = C(/* @__PURE__ */ new Set()), k = C({}), r = C(/* @__PURE__ */ new Set()), h = C({}), w = C({}), g = C(/* @__PURE__ */ new Set()), f = C({});
+    const o = e, n = t, l = C([]), u = C(!0), b = C(null), y = C(12), P = C(""), v = C(/* @__PURE__ */ new Set()), k = C({}), r = C(/* @__PURE__ */ new Set()), h = C({}), w = C({}), g = C(/* @__PURE__ */ new Set()), f = C({});
     function c() {
       const L = {};
       for (const $ of o.tiledLayers)
@@ -1800,14 +1800,14 @@ const ln = { class: "layerboard-layout" }, rn = ["aria-expanded"], sn = {
     function T(L, $) {
       f.value = { ...f.value, [L]: $ };
     }
-    const A = o.dataSources.length > 0 ? an(o.dataSources) : null, q = I(() => A?.state.value ?? {}), fe = I(() => A?.isLoading.value ?? !1);
-    function _e(L) {
+    const A = o.dataSources.length > 0 ? ia(o.dataSources) : null, q = I(() => A?.state.value ?? {}), fe = I(() => A?.isLoading.value ?? !1);
+    function Pe(L) {
       return A?.getData(L) ?? null;
     }
-    function Pe(L) {
+    function _e(L) {
       return A?.refetch(L) ?? Promise.resolve();
     }
-    W("layerboard-layers", j(l)), W("layerboard-visible", v), W("layerboard-opacities", k), W("layerboard-loading", j(r)), W("layerboard-errors", j(h)), W("layerboard-zoom", j(y)), W("layerboard-toggle-layer", Ee), W("layerboard-set-layer-visible", ve), W("layerboard-set-layers-visible", Me), W("layerboard-set-opacity", be), W("layerboard-tiled-layers", j(I(() => o.tiledLayers))), W("layerboard-visible-tiled", g), W("layerboard-tiled-opacities", f), W("layerboard-toggle-tiled", S), W("layerboard-set-tiled-opacity", T), W("layerboard-set-tiled-visible", F), W("layerboard-data-sources-state", q), W("layerboard-data-sources-loading", fe), W("layerboard-get-data-source", _e), W("layerboard-refetch-data-source", Pe);
+    W("layerboard-layers", j(l)), W("layerboard-visible", v), W("layerboard-opacities", k), W("layerboard-loading", j(r)), W("layerboard-errors", j(h)), W("layerboard-zoom", j(y)), W("layerboard-toggle-layer", Ee), W("layerboard-set-layer-visible", ve), W("layerboard-set-layers-visible", Me), W("layerboard-set-opacity", be), W("layerboard-tiled-layers", j(I(() => o.tiledLayers))), W("layerboard-visible-tiled", g), W("layerboard-tiled-opacities", f), W("layerboard-toggle-tiled", S), W("layerboard-set-tiled-opacity", T), W("layerboard-set-tiled-visible", F), W("layerboard-data-sources-state", q), W("layerboard-data-sources-loading", fe), W("layerboard-get-data-source", Pe), W("layerboard-refetch-data-source", _e);
     const et = I(() => ({
       backgroundColor: o.themeColor
     })), tt = I(() => ({
@@ -1837,10 +1837,10 @@ const ln = { class: "layerboard-layout" }, rn = ["aria-expanded"], sn = {
         const K = {};
         $.forEach((B) => {
           K[B.id] = B.opacity ?? 1;
-        }), k.value = K, a("configs-loaded", $);
+        }), k.value = K, n("configs-loaded", $);
       } catch (L) {
         const $ = L instanceof Error ? L.message : "Failed to load layer configurations";
-        b.value = $, a("load-error", $);
+        b.value = $, n("load-error", $);
       } finally {
         u.value = !1;
       }
@@ -1859,15 +1859,15 @@ const ln = { class: "layerboard-layout" }, rn = ["aria-expanded"], sn = {
           const K = await $.json(), B = {};
           for (const te of K.rows || [])
             if (te.url_text && te.representation) {
-              const rt = We(te.url_text), n = `https://metadata.phila.gov/#home/representationdetails/${te.representation}/`;
-              B[rt] = n;
+              const rt = We(te.url_text), a = `https://metadata.phila.gov/#home/representationdetails/${te.representation}/`;
+              B[rt] = a;
             }
           w.value = B;
         } catch {
         }
     }
-    function nt(L) {
-      y.value = L, a("zoom", L);
+    function at(L) {
+      y.value = L, n("zoom", L);
     }
     function Ee(L) {
       v.value.has(L) ? v.value.delete(L) : v.value.add(L), v.value = new Set(v.value);
@@ -1895,12 +1895,12 @@ const ln = { class: "layerboard-layout" }, rn = ["aria-expanded"], sn = {
       }
     }
     function we(L) {
-      _.value = L;
+      P.value = L;
     }
-    const ae = C(null), ke = C(null), at = C(null), Ce = C(null), De = C(null), Ze = C(null), je = C(null), le = C("map");
+    const ne = C(null), ke = C(null), nt = C(null), Ce = C(null), De = C(null), Ze = C(null), je = C(null), le = C("map");
     function $e() {
       le.value = le.value === "sidebar" ? "map" : "sidebar", Ae(() => {
-        le.value === "sidebar" && ae.value?.focus();
+        le.value === "sidebar" && ne.value?.focus();
       });
     }
     const se = C(!1);
@@ -1984,7 +1984,7 @@ const ln = { class: "layerboard-layout" }, rn = ["aria-expanded"], sn = {
       /** Reload layer configurations */
       reloadConfigs: Re,
       /** Clear configuration cache */
-      clearCache: () => en(o.webMapId),
+      clearCache: () => ea(o.webMapId),
       // Tiled layer APIs
       /** Set of visible tiled layer IDs */
       visibleTiledLayers: g,
@@ -2002,9 +2002,9 @@ const ln = { class: "layerboard-layout" }, rn = ["aria-expanded"], sn = {
       /** Whether any data source is loading */
       dataSourcesLoading: fe,
       /** Get data from a specific data source */
-      getDataSourceData: _e,
+      getDataSourceData: Pe,
       /** Refetch a specific data source */
-      refetchDataSource: Pe,
+      refetchDataSource: _e,
       // Modal APIs
       /** Whether the modal is currently open */
       isModalOpen: pe,
@@ -2020,7 +2020,7 @@ const ln = { class: "layerboard-layout" }, rn = ["aria-expanded"], sn = {
       Re(), ot(), c(), document.addEventListener("keydown", Be);
     }), Rt(() => {
       document.removeEventListener("keydown", Be);
-    }), (L, $) => (d(), m("div", ln, [
+    }), (L, $) => (d(), m("div", na, [
       $[5] || ($[5] = x("a", {
         href: "#main-content",
         class: "skip-to-main-content-link"
@@ -2055,20 +2055,23 @@ const ln = { class: "layerboard-layout" }, rn = ["aria-expanded"], sn = {
             size: "medium",
             decorative: ""
           }, null, 8, ["icon-definition"])
-        ], 8, rn),
+        ], 8, la),
         ce(L.$slots, "header", {}, () => [
           x("h1", null, V(e.title), 1),
-          e.subtitle ? (d(), m("span", sn, V(e.subtitle), 1)) : z("", !0)
+          e.subtitle ? (d(), m("span", ra, V(e.subtitle), 1)) : z("", !0)
         ], !0),
         se.value ? (d(), m("div", {
           key: 0,
           ref_key: "mobileMenuRef",
           ref: De,
           class: "layerboard-mobile-menu",
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-label": "Site menu",
           style: H({ backgroundColor: e.themeColor }),
           onKeydown: de
         }, [
-          x("div", cn, [
+          x("div", sa, [
             ce(L.$slots, "footer", {
               openModal: ye,
               closeModal: ue,
@@ -2097,14 +2100,14 @@ const ln = { class: "layerboard-layout" }, rn = ["aria-expanded"], sn = {
           onClick: xe
         })) : z("", !0)
       ], 4),
-      x("div", un, [
-        u.value ? (d(), m("div", dn, [
+      x("div", ca, [
+        u.value ? (d(), m("div", ua, [
           x("div", {
             class: "layerboard-spinner",
             style: H({ borderTopColor: e.themeColor })
           }, null, 4),
           x("p", null, "Loading " + V(e.title) + "...", 1)
-        ])) : b.value ? (d(), m("div", fn, [
+        ])) : b.value ? (d(), m("div", da, [
           $[3] || ($[3] = x("h2", null, "Error Loading Layers", -1)),
           x("p", null, V(b.value), 1),
           x("button", {
@@ -2115,9 +2118,9 @@ const ln = { class: "layerboard-layout" }, rn = ["aria-expanded"], sn = {
         ])) : (d(), m(oe, { key: 2 }, [
           x("aside", {
             ref_key: "sidebarRef",
-            ref: ae,
+            ref: ne,
             id: "main-content",
-            class: ne(["layerboard-sidebar", { "is-active": le.value === "sidebar" }]),
+            class: ae(["layerboard-sidebar", { "is-active": le.value === "sidebar" }]),
             style: H(Ue.value),
             "aria-label": "Map layers",
             tabindex: "-1"
@@ -2141,8 +2144,8 @@ const ln = { class: "layerboard-layout" }, rn = ["aria-expanded"], sn = {
               setTiledLayerOpacity: T,
               dataSourcesState: q.value,
               dataSourcesLoading: fe.value,
-              getDataSource: _e,
-              refetchDataSource: Pe
+              getDataSource: Pe,
+              refetchDataSource: _e
             }, () => [
               e.showDefaultSidebar ? (d(), ee(No, {
                 key: 0,
@@ -2152,7 +2155,7 @@ const ln = { class: "layerboard-layout" }, rn = ["aria-expanded"], sn = {
                 "loading-layers": r.value,
                 "layer-errors": h.value,
                 "current-zoom": y.value,
-                "search-query": _.value,
+                "search-query": P.value,
                 "layer-metadata": w.value,
                 onToggleLayer: Ee,
                 onSetOpacity: be,
@@ -2163,7 +2166,7 @@ const ln = { class: "layerboard-layout" }, rn = ["aria-expanded"], sn = {
           x("div", {
             role: "main",
             "aria-label": "Map",
-            class: ne(["layerboard-map", { "is-active": le.value === "map" }])
+            class: ae(["layerboard-map", { "is-active": le.value === "map" }])
           }, [
             Q(oo, {
               "visible-layers": v.value,
@@ -2183,13 +2186,13 @@ const ln = { class: "layerboard-layout" }, rn = ["aria-expanded"], sn = {
               "pictometry-button-position": e.pictometryButtonPosition,
               "initial-zoom": e.initialZoom,
               "initial-center": e.initialCenter,
-              onZoom: nt,
+              onZoom: at,
               onLayerLoading: it,
               onLayerError: ie
             }, null, 8, ["visible-layers", "layer-opacities", "layer-list", "tiled-layers", "visible-tiled-layers", "tiled-layer-opacities", "cyclomedia-config", "pictometry-credentials", "basemap-control-position", "navigation-control-position", "geolocation-control-position", "search-control-position", "draw-control-position", "cyclomedia-button-position", "pictometry-button-position", "initial-zoom", "initial-center"])
           ], 2),
           x("button", {
-            class: ne(["layerboard-sidebar-toggle", { "is-collapsed": X.value }]),
+            class: ae(["layerboard-sidebar-toggle", { "is-collapsed": X.value }]),
             style: H({ left: X.value ? "0" : o.sidebarWidth }),
             onClick: Ge,
             "aria-expanded": !X.value,
@@ -2200,17 +2203,17 @@ const ln = { class: "layerboard-layout" }, rn = ["aria-expanded"], sn = {
               size: "medium",
               decorative: ""
             }, null, 8, ["icon-definition"])
-          ], 14, pn)
+          ], 14, fa)
         ], 64))
       ]),
       x("button", {
         ref_key: "mobileToggleRef",
-        ref: at,
+        ref: nt,
         class: "layerboard-mobile-toggle",
         style: H(Ie.value),
         onClick: $e
       }, [
-        le.value === "map" ? (d(), m("span", yn, V(e.sidebarLabel), 1)) : (d(), m("span", gn, V(e.mapLabel), 1))
+        le.value === "map" ? (d(), m("span", pa, V(e.sidebarLabel), 1)) : (d(), m("span", ya, V(e.mapLabel), 1))
       ], 4),
       x("footer", {
         class: "layerboard-footer",
@@ -2254,13 +2257,13 @@ const ln = { class: "layerboard-layout" }, rn = ["aria-expanded"], sn = {
           ce(L.$slots, "modal", { closeModal: ue }, void 0, !0)
         ], 512)
       ], 32)) : z("", !0),
-      x("span", hn, V(le.value === "sidebar" ? "Showing layers panel" : "Showing map"), 1)
+      x("span", ga, V(le.value === "sidebar" ? "Showing layers panel" : "Showing map"), 1)
     ]));
   }
-}), ii = /* @__PURE__ */ Oe(mn, [["__scopeId", "data-v-458c0bb3"]]), vn = ["aria-expanded"], bn = {
+}), ai = /* @__PURE__ */ Oe(ha, [["__scopeId", "data-v-d1e907be"]]), ma = ["aria-expanded"], va = {
   key: 0,
   class: "topic-icon"
-}, wn = { class: "topic-title" }, Ln = /* @__PURE__ */ Se({
+}, ba = { class: "topic-title" }, wa = /* @__PURE__ */ Se({
   __name: "TopicAccordion",
   props: {
     title: {},
@@ -2271,30 +2274,30 @@ const ln = { class: "layerboard-layout" }, rn = ["aria-expanded"], sn = {
   },
   emits: ["toggle", "layerChange"],
   setup(e, { emit: i }) {
-    const t = e, o = i, a = C(t.expanded), l = `topic-panel-${bt()}`, u = `topic-header-${bt()}`;
+    const t = e, o = i, n = C(t.expanded), l = `topic-panel-${bt()}`, u = `topic-header-${bt()}`;
     Te(
       () => t.expanded,
       (y) => {
-        a.value = y;
+        n.value = y;
       }
     );
     function b() {
-      a.value = !a.value, o("toggle", a.value);
+      n.value = !n.value, o("toggle", n.value);
     }
-    return (y, _) => {
+    return (y, P) => {
       const v = Dt("font-awesome-icon");
       return d(), m("div", {
-        class: ne(["topic-accordion", { "is-expanded": a.value }])
+        class: ae(["topic-accordion", { "is-expanded": n.value }])
       }, [
         x("button", {
           id: u,
-          class: ne(["topic-header", e.headerClass]),
+          class: ae(["topic-header", e.headerClass]),
           type: "button",
-          "aria-expanded": a.value,
+          "aria-expanded": n.value,
           "aria-controls": l,
           onClick: b
         }, [
-          e.icon || y.$slots.icon ? (d(), m("span", bn, [
+          e.icon || y.$slots.icon ? (d(), m("span", va, [
             ce(y.$slots, "icon", {}, () => [
               e.icon ? (d(), ee(v, {
                 key: 0,
@@ -2303,10 +2306,10 @@ const ln = { class: "layerboard-layout" }, rn = ["aria-expanded"], sn = {
               }, null, 8, ["icon"])) : z("", !0)
             ], !0)
           ])) : z("", !0),
-          x("span", wn, V(e.title), 1),
+          x("span", ba, V(e.title), 1),
           x("span", {
-            class: ne(["topic-chevron", { "is-rotated": a.value }])
-          }, [..._[0] || (_[0] = [
+            class: ae(["topic-chevron", { "is-rotated": n.value }])
+          }, [...P[0] || (P[0] = [
             x("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               width: "20",
@@ -2322,7 +2325,7 @@ const ln = { class: "layerboard-layout" }, rn = ["aria-expanded"], sn = {
               x("polyline", { points: "6 9 12 15 18 9" })
             ], -1)
           ])], 2)
-        ], 10, vn),
+        ], 10, ma),
         Et(x("div", {
           id: l,
           role: "region",
@@ -2330,38 +2333,35 @@ const ln = { class: "layerboard-layout" }, rn = ["aria-expanded"], sn = {
           class: "topic-content"
         }, [
           ce(y.$slots, "default", {}, () => [
-            _[1] || (_[1] = x("p", { class: "topic-empty" }, "No content provided for this topic.", -1))
+            P[1] || (P[1] = x("p", { class: "topic-empty" }, "No content provided for this topic.", -1))
           ], !0)
         ], 512), [
-          [Zt, a.value]
+          [Zt, n.value]
         ])
       ], 2);
     };
   }
-}), ai = /* @__PURE__ */ Oe(Ln, [["__scopeId", "data-v-13853397"]]), Sn = {
-  class: "layer-checkbox-set",
-  role: "group"
-}, kn = ["checked", "disabled", "onChange"], Cn = { class: "layer-title" }, $n = {
+}), ii = /* @__PURE__ */ Oe(wa, [["__scopeId", "data-v-13853397"]]), La = ["aria-label"], Sa = ["checked", "disabled", "onChange"], ka = { class: "layer-title" }, Ca = {
   key: 0,
   class: "loading-indicator",
   role: "status"
-}, xn = ["aria-label"], _n = {
+}, $a = ["aria-label"], xa = {
   key: 2,
   class: "zoom-indicator"
-}, Pn = { class: "layer-title" }, En = {
+}, Pa = { class: "layer-title" }, _a = {
   key: 0,
   class: "loading-indicator",
   role: "status"
-}, Mn = ["aria-label"], Tn = {
+}, Ea = ["aria-label"], Ma = {
   key: 2,
   class: "zoom-indicator"
-}, zn = {
+}, Ta = {
   key: 2,
   class: "opacity-control"
-}, Fn = ["for"], On = ["id", "value", "aria-label", "onInput"], In = ["aria-label"], Rn = { class: "legend-label" }, Dn = {
+}, za = ["for"], Fa = ["id", "value", "aria-label", "onInput"], Oa = ["aria-label"], Ia = { class: "legend-label" }, Ra = {
   key: 0,
   class: "empty-state"
-}, Zn = /* @__PURE__ */ Se({
+}, Da = /* @__PURE__ */ Se({
   __name: "LayerCheckboxSet",
   props: {
     layers: {},
@@ -2371,12 +2371,13 @@ const ln = { class: "layerboard-layout" }, rn = ["aria-expanded"], sn = {
     layerErrors: { default: () => ({}) },
     currentZoom: { default: 12 },
     showOpacity: { type: Boolean, default: !0 },
-    showLegend: { type: Boolean, default: !0 }
+    showLegend: { type: Boolean, default: !0 },
+    groupLabel: {}
   },
   emits: ["toggleLayer", "setOpacity"],
   setup(e, { emit: i }) {
     const t = e, o = i;
-    function a(g) {
+    function n(g) {
       return t.visibleLayerIds.has(g);
     }
     function l(g) {
@@ -2392,7 +2393,7 @@ const ln = { class: "layerboard-layout" }, rn = ["aria-expanded"], sn = {
       const f = t.currentZoom, c = g.minZoom, S = g.maxZoom;
       return !(c !== void 0 && f < c || S !== void 0 && f > S);
     }
-    function _(g) {
+    function P(g) {
       return g.displayOptions?.shouldShowCheckbox !== !1;
     }
     function v(g) {
@@ -2411,59 +2412,63 @@ const ln = { class: "layerboard-layout" }, rn = ["aria-expanded"], sn = {
       const c = f.target;
       o("setOpacity", g, parseFloat(c.value));
     }
-    return (g, f) => (d(), m("fieldset", Sn, [
+    return (g, f) => (d(), m("fieldset", {
+      class: "layer-checkbox-set",
+      role: "group",
+      "aria-label": e.groupLabel
+    }, [
       (d(!0), m(oe, null, re(e.layers, (c) => (d(), m("div", {
         key: c.id,
         class: "layer-item"
       }, [
-        _(c) ? (d(), m("label", {
+        P(c) ? (d(), m("label", {
           key: 0,
-          class: ne(["layer-checkbox", {
+          class: ae(["layer-checkbox", {
             "layer-unavailable": !y(c),
             "layer-error": b(c.id)
           }])
         }, [
           x("input", {
             type: "checkbox",
-            checked: a(c.id),
+            checked: n(c.id),
             disabled: !y(c),
             onChange: (S) => h(c.id)
-          }, null, 40, kn),
-          x("span", Cn, [
+          }, null, 40, Sa),
+          x("span", ka, [
             me(V(r(c)) + " ", 1),
-            u(c.id) ? (d(), m("span", $n, " Loading... ")) : z("", !0),
+            u(c.id) ? (d(), m("span", Ca, " Loading... ")) : z("", !0),
             b(c.id) ? (d(), m("span", {
               key: 1,
               class: "error-indicator",
               "aria-label": b(c.id) || "Error",
               role: "status"
-            }, " Error ", 8, xn)) : z("", !0),
-            y(c) ? z("", !0) : (d(), m("span", _n, " (zoom in) "))
+            }, " Error ", 8, $a)) : z("", !0),
+            y(c) ? z("", !0) : (d(), m("span", xa, " (zoom in) "))
           ])
         ], 2)) : (d(), m("div", {
           key: 1,
-          class: ne(["layer-label-only", {
+          class: ae(["layer-label-only", {
             "layer-unavailable": !y(c),
             "layer-error": b(c.id)
           }])
         }, [
-          x("span", Pn, [
+          x("span", Pa, [
             me(V(r(c)) + " ", 1),
-            u(c.id) ? (d(), m("span", En, " Loading... ")) : z("", !0),
+            u(c.id) ? (d(), m("span", _a, " Loading... ")) : z("", !0),
             b(c.id) ? (d(), m("span", {
               key: 1,
               class: "error-indicator",
               "aria-label": b(c.id) || "Error",
               role: "status"
-            }, " Error ", 8, Mn)) : z("", !0),
-            y(c) ? z("", !0) : (d(), m("span", Tn, " (zoom in) "))
+            }, " Error ", 8, Ea)) : z("", !0),
+            y(c) ? z("", !0) : (d(), m("span", Ma, " (zoom in) "))
           ])
         ], 2)),
-        v(c) && a(c.id) ? (d(), m("div", zn, [
+        v(c) && n(c.id) ? (d(), m("div", Ta, [
           x("label", {
             class: "opacity-label",
             for: "opacity-" + c.id
-          }, " Opacity: " + V(Math.round(l(c.id) * 100)) + "% ", 9, Fn),
+          }, " Opacity: " + V(Math.round(l(c.id) * 100)) + "% ", 9, za),
           x("input", {
             id: "opacity-" + c.id,
             type: "range",
@@ -2474,9 +2479,9 @@ const ln = { class: "layerboard-layout" }, rn = ["aria-expanded"], sn = {
             "aria-label": "Opacity for " + r(c),
             class: "opacity-slider",
             onInput: (S) => w(c.id, S)
-          }, null, 40, On)
+          }, null, 40, Fa)
         ])) : z("", !0),
-        k(c) && a(c.id) && c.legend?.length ? (d(), m("ul", {
+        k(c) && n(c.id) && c.legend?.length ? (d(), m("ul", {
           key: 3,
           class: "layer-legend",
           "aria-label": "Legend for " + r(c)
@@ -2504,30 +2509,27 @@ const ln = { class: "layerboard-layout" }, rn = ["aria-expanded"], sn = {
               style: H({ backgroundColor: S.color }),
               "aria-hidden": "true"
             }, null, 4)) : z("", !0),
-            x("span", Rn, V(S.label), 1)
+            x("span", Ia, V(S.label), 1)
           ]))), 128))
-        ], 8, In)) : z("", !0)
+        ], 8, Oa)) : z("", !0)
       ]))), 128)),
-      e.layers.length === 0 ? (d(), m("div", Dn, " No layers available ")) : z("", !0)
-    ]));
+      e.layers.length === 0 ? (d(), m("div", Ra, " No layers available ")) : z("", !0)
+    ], 8, La));
   }
-}), li = /* @__PURE__ */ Oe(Zn, [["__scopeId", "data-v-431c0f6d"]]), Bn = {
-  class: "layer-radio-set",
-  role: "radiogroup"
-}, An = ["name", "checked", "disabled", "onChange"], Nn = { class: "layer-title" }, Vn = {
+}), ni = /* @__PURE__ */ Oe(Da, [["__scopeId", "data-v-a20fd1c9"]]), Za = ["aria-label"], Ba = ["name", "checked", "disabled", "onChange"], Aa = { class: "layer-title" }, Na = {
   key: 0,
   class: "loading-indicator",
   role: "status"
-}, Un = ["aria-label"], Wn = {
+}, Va = ["aria-label"], Ua = {
   key: 2,
   class: "zoom-indicator"
-}, jn = {
+}, Wa = {
   key: 0,
   class: "opacity-control"
-}, qn = ["for"], Gn = ["id", "value", "aria-label", "onInput"], Hn = ["aria-label"], Kn = { class: "legend-label" }, Jn = {
+}, ja = ["for"], qa = ["id", "value", "aria-label", "onInput"], Ga = ["aria-label"], Ha = { class: "legend-label" }, Ka = {
   key: 0,
   class: "empty-state"
-}, Qn = /* @__PURE__ */ Se({
+}, Ja = /* @__PURE__ */ Se({
   __name: "LayerRadioButtonSet",
   props: {
     layers: {},
@@ -2538,12 +2540,13 @@ const ln = { class: "layerboard-layout" }, rn = ["aria-expanded"], sn = {
     currentZoom: { default: 12 },
     showOpacity: { type: Boolean, default: !0 },
     showLegend: { type: Boolean, default: !0 },
-    groupName: { default: "layer-radio-group" }
+    groupName: { default: "layer-radio-group" },
+    groupLabel: {}
   },
   emits: ["selectLayer", "setOpacity"],
   setup(e, { emit: i }) {
     const t = e, o = i;
-    function a(w) {
+    function n(w) {
       return t.visibleLayerIds.has(w);
     }
     function l(w) {
@@ -2559,7 +2562,7 @@ const ln = { class: "layerboard-layout" }, rn = ["aria-expanded"], sn = {
       const g = t.currentZoom, f = w.minZoom, c = w.maxZoom;
       return !(f !== void 0 && g < f || c !== void 0 && g > c);
     }
-    function _(w) {
+    function P(w) {
       return t.showOpacity ? w.displayOptions?.shouldShowSlider !== !1 : !1;
     }
     function v(w) {
@@ -2576,13 +2579,17 @@ const ln = { class: "layerboard-layout" }, rn = ["aria-expanded"], sn = {
       const f = g.target;
       o("setOpacity", w, parseFloat(f.value));
     }
-    return (w, g) => (d(), m("div", Bn, [
+    return (w, g) => (d(), m("div", {
+      class: "layer-radio-set",
+      role: "radiogroup",
+      "aria-label": e.groupLabel
+    }, [
       (d(!0), m(oe, null, re(e.layers, (f) => (d(), m("div", {
         key: f.id,
         class: "layer-item"
       }, [
         x("label", {
-          class: ne(["layer-radio", {
+          class: ae(["layer-radio", {
             "layer-unavailable": !y(f),
             "layer-error": b(f.id)
           }])
@@ -2590,27 +2597,27 @@ const ln = { class: "layerboard-layout" }, rn = ["aria-expanded"], sn = {
           x("input", {
             type: "radio",
             name: e.groupName,
-            checked: a(f.id),
+            checked: n(f.id),
             disabled: !y(f),
             onChange: (c) => r(f.id)
-          }, null, 40, An),
-          x("span", Nn, [
+          }, null, 40, Ba),
+          x("span", Aa, [
             me(V(k(f)) + " ", 1),
-            u(f.id) ? (d(), m("span", Vn, " Loading... ")) : z("", !0),
+            u(f.id) ? (d(), m("span", Na, " Loading... ")) : z("", !0),
             b(f.id) ? (d(), m("span", {
               key: 1,
               class: "error-indicator",
               "aria-label": b(f.id) || "Error",
               role: "status"
-            }, " Error ", 8, Un)) : z("", !0),
-            y(f) ? z("", !0) : (d(), m("span", Wn, " (zoom in) "))
+            }, " Error ", 8, Va)) : z("", !0),
+            y(f) ? z("", !0) : (d(), m("span", Ua, " (zoom in) "))
           ])
         ], 2),
-        _(f) && a(f.id) ? (d(), m("div", jn, [
+        P(f) && n(f.id) ? (d(), m("div", Wa, [
           x("label", {
             class: "opacity-label",
             for: "opacity-" + f.id
-          }, " Opacity: " + V(Math.round(l(f.id) * 100)) + "% ", 9, qn),
+          }, " Opacity: " + V(Math.round(l(f.id) * 100)) + "% ", 9, ja),
           x("input", {
             id: "opacity-" + f.id,
             type: "range",
@@ -2621,9 +2628,9 @@ const ln = { class: "layerboard-layout" }, rn = ["aria-expanded"], sn = {
             "aria-label": "Opacity for " + k(f),
             class: "opacity-slider",
             onInput: (c) => h(f.id, c)
-          }, null, 40, Gn)
+          }, null, 40, qa)
         ])) : z("", !0),
-        v(f) && a(f.id) && f.legend?.length ? (d(), m("ul", {
+        v(f) && n(f.id) && f.legend?.length ? (d(), m("ul", {
           key: 1,
           class: "layer-legend",
           "aria-label": "Legend for " + k(f)
@@ -2651,16 +2658,16 @@ const ln = { class: "layerboard-layout" }, rn = ["aria-expanded"], sn = {
               style: H({ backgroundColor: c.color }),
               "aria-hidden": "true"
             }, null, 4)) : z("", !0),
-            x("span", Kn, V(c.label), 1)
+            x("span", Ha, V(c.label), 1)
           ]))), 128))
-        ], 8, Hn)) : z("", !0)
+        ], 8, Ga)) : z("", !0)
       ]))), 128)),
-      e.layers.length === 0 ? (d(), m("div", Jn, " No layers available ")) : z("", !0)
-    ]));
+      e.layers.length === 0 ? (d(), m("div", Ka, " No layers available ")) : z("", !0)
+    ], 8, Za));
   }
-}), ri = /* @__PURE__ */ Oe(Qn, [["__scopeId", "data-v-0de645b0"]]);
-function si(e) {
-  const i = C([]), t = C(/* @__PURE__ */ new Set()), o = C({}), a = C(/* @__PURE__ */ new Set()), l = C({}), u = C(""), b = C(!1), y = C(!1), _ = C(null), v = I(() => {
+}), li = /* @__PURE__ */ Oe(Ja, [["__scopeId", "data-v-ed130a35"]]);
+function ri(e) {
+  const i = C([]), t = C(/* @__PURE__ */ new Set()), o = C({}), n = C(/* @__PURE__ */ new Set()), l = C({}), u = C(""), b = C(!1), y = C(!1), P = C(null), v = I(() => {
     if (!u.value.trim())
       return i.value;
     const T = u.value.toLowerCase();
@@ -2674,7 +2681,7 @@ function si(e) {
   })));
   async function r() {
     if (!y.value) {
-      b.value = !0, _.value = null;
+      b.value = !0, P.value = null;
       try {
         let T;
         e.mode === "dynamic" || !e.mode ? e.webMapId ? T = await h(e.webMapId) : T = await yt() : T = await yt(), i.value = T;
@@ -2683,7 +2690,7 @@ function si(e) {
           A[q.id] = q.opacity ?? 1;
         }), o.value = A, y.value = !0;
       } catch (T) {
-        _.value = T instanceof Error ? T : new Error("Failed to initialize layerboard");
+        P.value = T instanceof Error ? T : new Error("Failed to initialize layerboard");
       } finally {
         b.value = !1;
       }
@@ -2710,8 +2717,8 @@ function si(e) {
     u.value = T;
   }
   function c(T, A) {
-    const q = new Set(a.value);
-    A ? q.add(T) : q.delete(T), a.value = q;
+    const q = new Set(n.value);
+    A ? q.add(T) : q.delete(T), n.value = q;
   }
   function S(T, A) {
     if (A)
@@ -2722,19 +2729,19 @@ function si(e) {
     }
   }
   function F() {
-    i.value = [], t.value = /* @__PURE__ */ new Set(), o.value = {}, a.value = /* @__PURE__ */ new Set(), l.value = {}, u.value = "", b.value = !1, y.value = !1, _.value = null;
+    i.value = [], t.value = /* @__PURE__ */ new Set(), o.value = {}, n.value = /* @__PURE__ */ new Set(), l.value = {}, u.value = "", b.value = !1, y.value = !1, P.value = null;
   }
   return {
     // State (readonly)
     layerConfigs: j(i),
     visibleLayers: j(t),
     layerOpacities: j(o),
-    loadingLayers: j(a),
+    loadingLayers: j(n),
     layerErrors: j(l),
     searchQuery: j(u),
     isLoading: j(b),
     isInitialized: j(y),
-    error: j(_),
+    error: j(P),
     // Computed
     filteredLayerConfigs: v,
     layerList: k,
@@ -2750,12 +2757,12 @@ function si(e) {
     reset: F
   };
 }
-function ci() {
+function si() {
   const e = C([]), i = C(/* @__PURE__ */ new Set()), t = C(/* @__PURE__ */ new Set());
   function o(l) {
     i.value.has(l) ? i.value.delete(l) : i.value.add(l);
   }
-  function a(l) {
+  function n(l) {
     e.value = l;
   }
   return {
@@ -2763,19 +2770,19 @@ function ci() {
     visibleLayerIds: I(() => i.value),
     loadingLayerIds: I(() => t.value),
     toggleLayer: o,
-    setLayers: a
+    setLayers: n
   };
 }
-function Xn(e) {
-  const i = C(null), t = C(!1), o = C(null), a = C(0);
+function Qa(e) {
+  const i = C(null), t = C(!1), o = C(null), n = C(0);
   async function l(y = {}) {
     t.value = !0, o.value = null;
-    const _ = e.pageSize || 2e3;
+    const P = e.pageSize || 2e3;
     let v = 0, k = [], r = !0;
     try {
       for (; r; ) {
         const w = e.url.replace(/\/$/, ""), g = encodeURIComponent(y.where || e.where || "1=1");
-        let f = `${w}/query?where=${g}&outFields=*&returnGeometry=true&resultRecordCount=${_}&resultOffset=${v}&f=geojson`;
+        let f = `${w}/query?where=${g}&outFields=*&returnGeometry=true&resultRecordCount=${P}&resultOffset=${v}&f=geojson`;
         if (y.bounds) {
           const F = JSON.stringify({
             xmin: y.bounds.west,
@@ -2790,13 +2797,13 @@ function Xn(e) {
         if (!c.ok)
           throw new Error(`HTTP ${c.status}: ${c.statusText}`);
         const S = await c.json();
-        S.features && S.features.length > 0 ? (k = k.concat(S.features), v += S.features.length, r = S.features.length === _) : r = !1;
+        S.features && S.features.length > 0 ? (k = k.concat(S.features), v += S.features.length, r = S.features.length === P) : r = !1;
       }
       const h = {
         type: "FeatureCollection",
         features: k
       };
-      return i.value = h, a.value = k.length, h;
+      return i.value = h, n.value = k.length, h;
     } catch (h) {
       const w = h instanceof Error ? h : new Error("Failed to fetch features");
       throw o.value = w, w;
@@ -2805,7 +2812,7 @@ function Xn(e) {
     }
   }
   function u() {
-    i.value = null, a.value = 0, o.value = null;
+    i.value = null, n.value = 0, o.value = null;
   }
   async function b(y = {}) {
     return l(y);
@@ -2815,7 +2822,7 @@ function Xn(e) {
     data: j(i),
     isLoading: j(t),
     error: j(o),
-    totalFeatures: j(a),
+    totalFeatures: j(n),
     // Config
     config: e,
     // Methods
@@ -2824,13 +2831,13 @@ function Xn(e) {
     clear: u
   };
 }
-function ui(e, i, t) {
-  const o = Xn(e);
+function ci(e, i, t) {
+  const o = Qa(e);
   return Te(
     i,
-    async (a) => {
-      if (a) {
-        const l = t(a);
+    async (n) => {
+      if (n) {
+        const l = t(n);
         await o.fetch(l);
       }
     },
@@ -2838,21 +2845,21 @@ function ui(e, i, t) {
   ), o;
 }
 export {
-  li as LayerCheckboxSet,
+  ni as LayerCheckboxSet,
   No as LayerPanel,
-  ri as LayerRadioButtonSet,
-  ii as Layerboard,
+  li as LayerRadioButtonSet,
+  ai as Layerboard,
   oo as MapPanel,
-  ai as TopicAccordion,
-  oi as WEBMAP_ID,
+  ii as TopicAccordion,
+  ti as WEBMAP_ID,
   ht as buildWebMapUrl,
-  en as clearCache,
+  ea as clearCache,
   yt as getLayerConfigs,
-  ni as getWebMapUrl,
+  oi as getWebMapUrl,
   Tt as transformWebMapToLayerConfigs,
-  an as useApiDataSources,
-  Xn as useDataSource,
-  ci as useLayerConfig,
-  si as useLayerboard,
-  ui as useReactiveDataSource
+  ia as useApiDataSources,
+  Qa as useDataSource,
+  si as useLayerConfig,
+  ri as useLayerboard,
+  ci as useReactiveDataSource
 };