@phila/layerboard 3.0.0-beta.26 → 3.0.0-beta.28

package/dist/index.mjs

@@ -1,7 +1,7 @@
-import { defineComponent as he, ref as w, watch as Be, computed as D, nextTick as qe, onMounted as ot, onUnmounted as Ot, createElementBlock as x, openBlock as m, createVNode as H, unref as d, withCtx as Ke, createBlock as q, createCommentVNode as B, Fragment as ue, renderList as be, useAttrs as Nt, toRef as Ut, normalizeClass as se, createElementVNode as P, toDisplayString as G, renderSlot as me, withDirectives as zt, mergeProps as pt, vModelDynamic as Wt, createTextVNode as Pe, normalizeProps as St, guardReactiveProps as Ct, normalizeStyle as ye, withModifiers as jt, readonly as j, provide as Z, onBeforeUnmount as qt, useId as kt, resolveComponent as Gt, vShow as Ht } from "vue";
-import { Map as Jt, DrawTool as Kt, RasterLayer as xt, CircleLayer as $t, FillLayer as Mt, LineLayer as dt, MapMarker as Qt, MapPopup as Xt } from "@phila/phila-ui-map-core";
-import { cn as yt, Icon as Me, BaseLink as Yt, ActionContent as Pt } from "@phila/phila-ui-core";
-const eo = { class: "map-panel" }, to = /* @__PURE__ */ he({
+import { defineComponent as pe, ref as k, watch as Oe, computed as z, nextTick as Ne, onMounted as et, onUnmounted as Dt, createElementBlock as $, openBlock as m, createVNode as G, unref as d, withCtx as Ge, createBlock as j, createCommentVNode as R, Fragment as se, renderList as ge, useAttrs as Wt, toRef as jt, normalizeClass as ne, createElementVNode as P, toDisplayString as q, renderSlot as fe, withDirectives as _t, mergeProps as yt, vModelDynamic as qt, createTextVNode as ke, normalizeProps as Ct, guardReactiveProps as kt, normalizeStyle as de, withModifiers as Gt, readonly as W, provide as B, onBeforeUnmount as Ht, useId as xt, resolveComponent as Jt, vShow as Kt } from "vue";
+import { Map as Qt, DrawTool as Xt, RasterLayer as $t, CircleLayer as Mt, FillLayer as Pt, LineLayer as ft, MapMarker as Yt, MapPopup as eo } from "@phila/phila-ui-map-core";
+import { cn as mt, Icon as Ce, BaseLink as to, ActionContent as Tt } from "@phila/phila-ui-core";
+const oo = { class: "map-panel" }, ao = /* @__PURE__ */ pe({
   __name: "MapPanel",
   props: {
     visibleLayers: {},
@@ -23,175 +23,178 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ he({
     initialCenter: { default: void 0 }
   },
   emits: ["zoom", "layerLoading", "layerError"],
-  setup(e, { emit: a }) {
-    const l = e, o = a, n = w(null), r = w(null), u = w(0);
-    function S(t) {
-      o("zoom", t), r.value && (u.value = f(r.value));
-    }
-    function f(t) {
-      const c = t.getZoom(), h = t.getCenter().lat, k = 559082264028e-3, E = h * Math.PI / 180;
-      return k * Math.cos(E) / Math.pow(2, c);
-    }
-    const $ = w({}), g = w(null), v = w(/* @__PURE__ */ new Set());
-    async function i(t, c, s, h, k) {
-      const E = encodeURIComponent(h || "1=1"), A = JSON.stringify({
-        xmin: c.west,
-        ymin: c.south,
-        xmax: c.east,
-        ymax: c.north,
+  setup(e, { emit: i }) {
+    const l = e, o = i, r = k(null), n = k(null), c = k(0);
+    function w(t) {
+      o("zoom", t), n.value && (c.value = p(n.value));
+    }
+    function p(t) {
+      const u = t.getZoom(), b = t.getCenter().lat, C = 559082264028e-3, F = b * Math.PI / 180;
+      return C * Math.cos(F) / Math.pow(2, u);
+    }
+    const x = k({}), h = k(null), g = k(/* @__PURE__ */ new Set());
+    async function a(t, u, s, b, C) {
+      const F = encodeURIComponent(b || "1=1"), A = JSON.stringify({
+        xmin: u.west,
+        ymin: u.south,
+        xmax: u.east,
+        ymax: u.north,
         spatialReference: { wkid: 4326 }
-      }), le = k !== void 0 && k < 14 ? `&maxAllowableOffset=${360 / (Math.pow(2, k) * 512)}` : "", U = 2e3;
-      let oe = 0, V = [], ee = !0;
-      for (; ee; ) {
-        const Y = `${t}/query?where=${E}&geometry=${encodeURIComponent(A)}&geometryType=esriGeometryEnvelope&spatialRel=esriSpatialRelIntersects&outFields=*&returnGeometry=true&resultRecordCount=${U}&resultOffset=${oe}${le}&f=geojson`, pe = await fetch(Y);
-        if (!pe.ok)
-          throw new Error(`HTTP ${pe.status}: ${pe.statusText}`);
-        const Ie = await pe.json();
-        Ie.features && Ie.features.length > 0 ? (V = V.concat(Ie.features), oe += Ie.features.length, ee = Ie.features.length === U) : ee = !1;
+      }), X = C !== void 0 && C < 14 ? `&maxAllowableOffset=${360 / (Math.pow(2, C) * 512)}` : "", U = 2e3;
+      let oe = 0, Z = [], Y = !0;
+      for (; Y; ) {
+        const Q = `${t}/query?where=${F}&geometry=${encodeURIComponent(A)}&geometryType=esriGeometryEnvelope&spatialRel=esriSpatialRelIntersects&outFields=*&returnGeometry=true&resultRecordCount=${U}&resultOffset=${oe}${X}&f=geojson`, ue = await fetch(Q);
+        if (!ue.ok)
+          throw new Error(`HTTP ${ue.status}: ${ue.statusText}`);
+        const Pe = await ue.json();
+        Pe.features && Pe.features.length > 0 ? (Z = Z.concat(Pe.features), oe += Pe.features.length, Y = Pe.features.length === U) : Y = !1;
       }
-      return V = V.map((Y) => {
-        if (Y.properties) {
-          const pe = {};
-          for (const Ie of Object.keys(Y.properties))
-            pe[Ie.toLowerCase()] = Y.properties[Ie];
-          return { ...Y, properties: pe };
+      return Z = Z.map((Q) => {
+        if (Q.properties) {
+          const ue = {};
+          for (const Pe of Object.keys(Q.properties))
+            ue[Pe.toLowerCase()] = Q.properties[Pe];
+          return { ...Q, properties: ue };
         }
-        return Y;
+        return Q;
       }), {
         type: "FeatureCollection",
-        features: V
+        features: Z
       };
     }
-    async function b(t, c) {
-      const s = c.map(async (h) => {
-        const k = l.layerList.find((E) => E.config.id === h)?.config;
-        if (k) {
-          o("layerLoading", h, !0);
+    async function v(t, u, s) {
+      const b = u.map(async (C) => {
+        const F = l.layerList.find((A) => A.config.id === C)?.config;
+        if (F && !(s !== void 0 && F.minZoom !== void 0 && s < F.minZoom)) {
+          o("layerLoading", C, !0);
           try {
-            const E = r.value?.getZoom(), A = await i(k.url, t, h, k.where, E);
-            $.value = { ...$.value, [h]: A }, o("layerError", h, null);
-          } catch (E) {
-            const A = E instanceof Error ? E.message : "Failed to load";
-            o("layerError", h, A);
+            const A = await a(F.url, t, C, F.where, s);
+            x.value = { ...x.value, [C]: A }, o("layerError", C, null);
+          } catch (A) {
+            const X = A instanceof Error ? A.message : "Failed to load";
+            o("layerError", C, X);
           } finally {
-            o("layerLoading", h, !1);
+            o("layerLoading", C, !1);
           }
         }
       });
-      await Promise.all(s);
+      await Promise.all(b);
     }
-    async function p(t) {
-      const c = [...l.visibleLayers];
-      await b(t, c);
+    async function f(t, u) {
+      const s = [...l.visibleLayers];
+      await v(t, s, u);
     }
     function L(t) {
-      g.value = t.bounds, p(t.bounds);
-    }
-    function C(t) {
-      r.value = t;
-      const c = t.getBounds();
-      g.value = {
-        west: c.getWest(),
-        south: c.getSouth(),
-        east: c.getEast(),
-        north: c.getNorth()
+      h.value = t.bounds, f(t.bounds, t.zoom);
+    }
+    function S(t) {
+      n.value = t;
+      const u = t.getBounds();
+      h.value = {
+        west: u.getWest(),
+        south: u.getSouth(),
+        east: u.getEast(),
+        north: u.getNorth()
       };
       const s = t.getZoom();
-      o("zoom", s), u.value = f(t), p(g.value);
+      o("zoom", s), c.value = p(t), f(h.value, s);
     }
-    Be(
+    Oe(
       () => l.visibleLayers,
       async () => {
-        if (ce.value.length > 0 && ie(), g.value) {
-          const t = new Set(l.visibleLayers), c = [...t].filter((s) => !v.value.has(s));
-          v.value = new Set(t), c.length > 0 && await b(g.value, c);
+        if (re.value.length > 0 && ie(), h.value) {
+          const t = new Set(l.visibleLayers), u = [...t].filter((s) => !g.value.has(s));
+          if (g.value = new Set(t), u.length > 0) {
+            const s = n.value?.getZoom();
+            await v(h.value, u, s);
+          }
         }
       }
     );
-    function T(t) {
+    function E(t) {
       return l.visibleLayers.has(t);
     }
-    function _(t) {
-      return !!$.value[t.id];
+    function D(t) {
+      return !!x.value[t.id];
     }
-    const J = D(
-      () => l.layerList.filter((t) => t.config.type === "circle" && T(t.config.id) && _(t.config)).map((t) => t.config)
-    ), I = D(
-      () => l.layerList.filter((t) => t.config.type === "fill" && T(t.config.id) && _(t.config)).map((t) => t.config)
-    ), F = D(
+    const K = z(
+      () => l.layerList.filter((t) => t.config.type === "circle" && E(t.config.id) && D(t.config)).map((t) => t.config)
+    ), T = z(
+      () => l.layerList.filter((t) => t.config.type === "fill" && E(t.config.id) && D(t.config)).map((t) => t.config)
+    ), I = z(
       () => l.layerList.filter(
-        (t) => t.config.type === "fill" && t.config.outlinePaint && T(t.config.id) && _(t.config)
+        (t) => t.config.type === "fill" && t.config.outlinePaint && E(t.config.id) && D(t.config)
       ).map((t) => t.config)
-    ), O = D(
-      () => l.layerList.filter((t) => t.config.type === "line" && T(t.config.id) && _(t.config)).map((t) => t.config)
+    ), _ = z(
+      () => l.layerList.filter((t) => t.config.type === "line" && E(t.config.id) && D(t.config)).map((t) => t.config)
     );
-    Be(O, async (t) => {
+    Oe(_, async (t) => {
       if (t.length < 2) return;
-      await qe();
-      const c = r.value;
-      if (c)
+      await Ne();
+      const u = n.value;
+      if (u)
         for (let s = t.length - 1; s >= 0; s--) {
-          const h = s < t.length - 1 ? t[s + 1].id : "highlight-lines";
+          const b = s < t.length - 1 ? t[s + 1].id : "highlight-lines";
           try {
-            c.getLayer(t[s].id) && c.moveLayer(t[s].id, h);
+            u.getLayer(t[s].id) && u.moveLayer(t[s].id, b);
           } catch {
           }
         }
     });
-    function R(t) {
+    function te(t) {
       return l.visibleTiledLayers?.has(t) ?? !1;
     }
-    function ne(t) {
+    function V(t) {
       return l.tiledLayerOpacities?.[t] ?? 1;
     }
-    function K(t) {
+    function ye(t) {
       return `${t.replace(/\/$/, "")}/tile/{z}/{y}/{x}`;
     }
-    function Ve(t) {
+    function me(t) {
       return {
         type: "raster",
-        tiles: [K(t.url)],
+        tiles: [ye(t.url)],
         tileSize: 256,
         attribution: t.attribution || ""
       };
     }
-    const Le = w({}), ze = w(/* @__PURE__ */ new Set());
-    async function Fe(t) {
-      if (!ze.value.has(t.id)) {
-        ze.value.add(t.id);
+    const Ue = k({}), Je = k(/* @__PURE__ */ new Set());
+    async function lt(t) {
+      if (!Je.value.has(t.id)) {
+        Je.value.add(t.id);
         try {
-          const c = t.url.replace(/\/$/, ""), s = await fetch(`${c}?f=json`);
+          const u = t.url.replace(/\/$/, ""), s = await fetch(`${u}?f=json`);
           if (!s.ok)
             return;
-          const h = await s.json(), k = h.minScale || 0;
-          let E = h.maxScale || 0;
-          if (h.layers && h.layers.length > 0)
-            for (const A of h.layers)
-              A.maxScale && A.maxScale > 0 && (E === 0 || A.maxScale < E) && (E = A.maxScale);
-          E === 0 && (E = 72e3), Le.value = {
-            ...Le.value,
-            [t.id]: { minScale: k, maxScale: E }
+          const b = await s.json(), C = b.minScale || 0;
+          let F = b.maxScale || 0;
+          if (b.layers && b.layers.length > 0)
+            for (const A of b.layers)
+              A.maxScale && A.maxScale > 0 && (F === 0 || A.maxScale < F) && (F = A.maxScale);
+          F === 0 && (F = 72e3), Ue.value = {
+            ...Ue.value,
+            [t.id]: { minScale: C, maxScale: F }
           };
         } catch {
         }
       }
     }
-    ot(() => {
+    et(() => {
       if (l.tiledLayers)
         for (const t of l.tiledLayers)
-          t.scaleBasedRendering && Fe(t);
+          t.scaleBasedRendering && lt(t);
     });
-    function Se(t) {
+    function De(t) {
       if (!t.scaleBasedRendering)
         return "tiled";
-      const c = Le.value[t.id];
-      if (!c)
+      const u = Ue.value[t.id];
+      if (!u)
         return "tiled";
-      const s = u.value;
-      return s === 0 || s > c.maxScale ? "tiled" : "dynamic";
+      const s = c.value;
+      return s === 0 || s > u.maxScale ? "tiled" : "dynamic";
     }
-    const ge = D(() => l.tiledLayers ? l.tiledLayers.filter((t) => R(t.id) ? t.scaleBasedRendering ? Se(t) === "tiled" : !0 : !1) : []), Ze = D(() => l.tiledLayers ? l.tiledLayers.filter((t) => R(t.id) && t.scaleBasedRendering ? Se(t) === "dynamic" : !1) : []);
-    function Ee(t) {
+    const nt = z(() => l.tiledLayers ? l.tiledLayers.filter((t) => te(t.id) ? t.scaleBasedRendering ? De(t) === "tiled" : !0 : !1) : []), rt = z(() => l.tiledLayers ? l.tiledLayers.filter((t) => te(t.id) && t.scaleBasedRendering ? De(t) === "dynamic" : !1) : []);
+    function _e(t) {
       return {
         type: "raster",
         tiles: [`${t.url.replace(/\/$/, "")}/export?bbox={bbox-epsg-3857}&bboxSR=3857&imageSR=3857&size=256,256&format=png32&transparent=true&f=image`],
@@ -199,253 +202,253 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ he({
         attribution: t.attribution || ""
       };
     }
-    function W(t) {
-      return { type: "geojson", data: $.value[t.id], tolerance: 0 };
+    function $e(t) {
+      return { type: "geojson", data: x.value[t.id], tolerance: 0 };
     }
-    function de(t) {
+    function Re(t) {
       return l.layerOpacities[t] ?? 1;
     }
-    function te(t) {
-      const c = de(t.id), s = t.type === "circle" ? "circle-opacity" : t.type === "fill" ? "fill-opacity" : "line-opacity";
+    function Me(t) {
+      const u = Re(t.id), s = t.type === "circle" ? "circle-opacity" : t.type === "fill" ? "fill-opacity" : "line-opacity";
       if (t.type === "fill" && t.paint["fill-opacity"] === 0)
         return { ...t.paint, "fill-opacity": 0 };
-      const h = t.type === "circle" ? "circle-color" : t.type === "fill" ? "fill-color" : "line-color", k = { ...t.paint }, E = k[h], A = k[s] === 1, le = typeof E == "string" && E.startsWith("rgba(");
-      if (A && le) {
-        if (c === 1)
-          return k;
+      const b = t.type === "circle" ? "circle-color" : t.type === "fill" ? "fill-color" : "line-color", C = { ...t.paint }, F = C[b], A = C[s] === 1, X = typeof F == "string" && F.startsWith("rgba(");
+      if (A && X) {
+        if (u === 1)
+          return C;
         {
-          const U = E.match(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*([\d.]+)\)/);
+          const U = F.match(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*([\d.]+)\)/);
           if (U && U[4]) {
-            const [, oe, V, ee, Y] = U, pe = parseFloat(Y) * c;
-            k[h] = `rgba(${oe}, ${V}, ${ee}, ${pe})`, k[s] = 1;
+            const [, oe, Z, Y, Q] = U, ue = parseFloat(Q) * u;
+            C[b] = `rgba(${oe}, ${Z}, ${Y}, ${ue})`, C[s] = 1;
           }
-          return k;
+          return C;
         }
       }
-      if (le) {
-        const U = E.match(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*([\d.]+)\)/);
+      if (X) {
+        const U = F.match(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*([\d.]+)\)/);
         if (U) {
-          const [, oe, V, ee] = U;
-          k[h] = `rgb(${oe}, ${V}, ${ee})`;
+          const [, oe, Z, Y] = U;
+          C[b] = `rgb(${oe}, ${Z}, ${Y})`;
         }
       }
-      return k[s] = c, k;
+      return C[s] = u, C;
     }
-    function rt(t) {
-      const c = de(t.id);
-      return { ...t.outlinePaint, "line-opacity": c };
+    function st(t) {
+      const u = Re(t.id);
+      return { ...t.outlinePaint, "line-opacity": u };
     }
-    const ce = w([]), Ne = w(null), ae = w(0);
-    function De(t) {
-      const c = t.replace(/-outline$/, "");
-      return l.layerList.find((h) => h.config.id === c)?.config;
+    const re = k([]), Ae = k(null), ae = k(0);
+    function Fe(t) {
+      const u = t.replace(/-outline$/, "");
+      return l.layerList.find((b) => b.config.id === u)?.config;
     }
-    function st(t, c) {
-      return t.replace(/\{([^}]+)\}/g, (s, h) => {
-        const k = c[h];
-        return k == null ? "" : String(k);
+    function ct(t, u) {
+      return t.replace(/\{([^}]+)\}/g, (s, b) => {
+        const C = u[b];
+        return C == null ? "" : String(C);
       });
     }
-    function Ce(t) {
+    function be(t) {
       return t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
     }
-    function Ge(t, c, s) {
+    function We(t, u, s) {
       if (t == null) return "-";
-      if (c?.dateFormat && typeof t == "number") {
-        const h = new Date(t);
-        if (s && c.dateFormat === "shortDateShortTime")
-          return h.toLocaleString(void 0, { dateStyle: "short", timeStyle: "short" });
-        switch (c.dateFormat) {
+      if (u?.dateFormat && typeof t == "number") {
+        const b = new Date(t);
+        if (s && u.dateFormat === "shortDateShortTime")
+          return b.toLocaleString(void 0, { dateStyle: "short", timeStyle: "short" });
+        switch (u.dateFormat) {
           case "shortDateShortTime":
-            return h.toLocaleDateString();
+            return b.toLocaleDateString();
           case "longMonthDayYear":
-            return h.toLocaleDateString(void 0, { month: "long", day: "numeric", year: "numeric" });
+            return b.toLocaleDateString(void 0, { month: "long", day: "numeric", year: "numeric" });
           case "shortDate":
-            return h.toLocaleDateString();
+            return b.toLocaleDateString();
           case "longDate":
-            return h.toLocaleDateString(void 0, { weekday: "long", month: "long", day: "numeric", year: "numeric" });
+            return b.toLocaleDateString(void 0, { weekday: "long", month: "long", day: "numeric", year: "numeric" });
           default:
-            return h.toLocaleDateString();
+            return b.toLocaleDateString();
         }
       }
       if (typeof t == "number") {
-        if (t > 1e12 && !c)
+        if (t > 1e12 && !u)
           return new Date(t).toLocaleDateString();
-        const h = c?.places, k = c?.digitSeparator ?? !0;
-        if (h !== void 0) {
-          if (Number.isInteger(t) && h >= 0)
+        const b = u?.places, C = u?.digitSeparator ?? !0;
+        if (b !== void 0) {
+          if (Number.isInteger(t) && b >= 0)
             return String(t);
-          const E = t.toFixed(h);
-          if (k) {
-            const A = E.split("."), le = A[0] || "0", U = A[1], oe = le.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+          const F = t.toFixed(b);
+          if (C) {
+            const A = F.split("."), X = A[0] || "0", U = A[1], oe = X.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
             return U ? `${oe}.${U}` : oe;
           }
-          return E;
+          return F;
         }
-        return Number.isInteger(t) ? String(t) : k ? t.toLocaleString() : String(t);
+        return Number.isInteger(t) ? String(t) : C ? t.toLocaleString() : String(t);
       }
       return String(t);
     }
-    function He(t) {
-      const c = /* @__PURE__ */ new Set();
+    function je(t) {
+      const u = /* @__PURE__ */ new Set();
       return t.filter((s) => {
-        const k = `${s.layer.id.replace(/-outline$/, "")}:${JSON.stringify(s.properties)}`;
-        return c.has(k) ? !1 : (c.add(k), !0);
+        const C = `${s.layer.id.replace(/-outline$/, "")}:${JSON.stringify(s.properties)}`;
+        return u.has(C) ? !1 : (u.add(C), !0);
       });
     }
-    function Xe(t, c) {
-      const s = $.value[t];
+    function Ke(t, u) {
+      const s = x.value[t];
       if (!s?.features) return null;
-      const h = c.objectid ?? c.OBJECTID ?? c.FID;
-      if (h != null) {
-        const k = s.features.find(
-          (E) => (E.properties?.objectid ?? E.properties?.OBJECTID ?? E.properties?.FID) === h
+      const b = u.objectid ?? u.OBJECTID ?? u.FID;
+      if (b != null) {
+        const C = s.features.find(
+          (F) => (F.properties?.objectid ?? F.properties?.OBJECTID ?? F.properties?.FID) === b
         );
-        if (k) return k.geometry;
+        if (C) return C.geometry;
       }
       return null;
     }
-    function ke(t, c) {
+    function we(t, u) {
       const s = /* @__PURE__ */ new Map();
-      return c.forEach((h, k) => {
-        s.set(h.id, k);
-      }), t.sort((h, k) => {
-        const E = h.layer.id.replace(/-outline$/, ""), A = k.layer.id.replace(/-outline$/, ""), le = s.get(E) ?? -1;
-        return (s.get(A) ?? -1) - le;
+      return u.forEach((b, C) => {
+        s.set(b.id, C);
+      }), t.sort((b, C) => {
+        const F = b.layer.id.replace(/-outline$/, ""), A = C.layer.id.replace(/-outline$/, ""), X = s.get(F) ?? -1;
+        return (s.get(A) ?? -1) - X;
       });
     }
-    function Ue(t) {
-      const c = r.value;
-      if (!c) return;
+    function Ze(t) {
+      const u = n.value;
+      if (!u) return;
       const s = [];
-      l.layerList.forEach((V) => {
-        const ee = V.config;
-        l.visibleLayers.has(ee.id) && (s.push(ee.id), ee.outlinePaint && s.push(`${ee.id}-outline`));
+      l.layerList.forEach((Z) => {
+        const Y = Z.config;
+        l.visibleLayers.has(Y.id) && (s.push(Y.id), Y.outlinePaint && s.push(`${Y.id}-outline`));
       });
-      const h = c.project([t.lngLat.lng, t.lngLat.lat]), k = c.queryRenderedFeatures(h, {
+      const b = u.project([t.lngLat.lng, t.lngLat.lat]), C = u.queryRenderedFeatures(b, {
         layers: s
       });
-      if (k.length === 0) return;
-      const E = He(k), A = l.layerList.map((V) => V.config), U = ke(E, A).map((V) => {
-        const ee = V.layer.id.replace(/-outline$/, ""), Y = De(ee);
-        if (!Y) return null;
-        const pe = Xe(Y.id, V.properties || {});
+      if (C.length === 0) return;
+      const F = je(C), A = l.layerList.map((Z) => Z.config), U = we(F, A).map((Z) => {
+        const Y = Z.layer.id.replace(/-outline$/, ""), Q = Fe(Y);
+        if (!Q) return null;
+        const ue = Ke(Q.id, Z.properties || {});
         return {
-          layerId: Y.id,
-          layerTitle: Y.title,
-          properties: V.properties || {},
-          geometry: pe || V.geometry,
-          popupConfig: Y.popup
+          layerId: Q.id,
+          layerTitle: Q.title,
+          properties: Z.properties || {},
+          geometry: ue || Z.geometry,
+          popupConfig: Q.popup
         };
-      }).filter((V) => V !== null);
+      }).filter((Z) => Z !== null);
       if (U.length === 0) return;
-      ce.value = U, ae.value = 0, Ne.value = [t.lngLat.lng, t.lngLat.lat];
+      re.value = U, ae.value = 0, Ae.value = [t.lngLat.lng, t.lngLat.lat];
       const oe = U[0];
       if (oe) {
-        const V = De(oe.layerId);
-        if (V) {
-          const ee = M(oe.geometry), Y = Q(V.id, V.type);
+        const Z = Fe(oe.layerId);
+        if (Z) {
+          const Y = M(oe.geometry), Q = H(Z.id, Z.type);
           y.value = {
             geometry: oe.geometry,
-            geometryType: ee,
-            layerId: V.id,
+            geometryType: Y,
+            layerId: Z.id,
             properties: oe.properties,
-            originalStyle: Y
+            originalStyle: Q
           };
         }
       }
     }
     function ie() {
-      ce.value = [], Ne.value = null, ae.value = 0, y.value = null;
+      re.value = [], Ae.value = null, ae.value = 0, y.value = null;
     }
-    function Ye(t) {
-      if (ce.value.length === 0) return;
-      const c = t.target;
-      if (!(c.tagName === "INPUT" || c.tagName === "TEXTAREA" || c.isContentEditable))
+    function Qe(t) {
+      if (re.value.length === 0) return;
+      const u = t.target;
+      if (!(u.tagName === "INPUT" || u.tagName === "TEXTAREA" || u.isContentEditable))
         switch (t.key) {
           case "ArrowLeft":
           case "ArrowUp":
-            t.preventDefault(), fe();
+            t.preventDefault(), ce();
             break;
           case "ArrowRight":
           case "ArrowDown":
-            t.preventDefault(), _e();
+            t.preventDefault(), Ee();
             break;
           case "Escape":
             t.preventDefault(), ie();
             break;
         }
     }
-    ot(() => {
-      window.addEventListener("keydown", Ye);
-    }), Ot(() => {
-      window.removeEventListener("keydown", Ye);
+    et(() => {
+      window.addEventListener("keydown", Qe);
+    }), Dt(() => {
+      window.removeEventListener("keydown", Qe);
     });
-    function _e() {
-      const t = ce.value.length;
+    function Ee() {
+      const t = re.value.length;
       t <= 1 || ae.value >= t - 1 || (ae.value = ae.value + 1);
     }
-    function fe() {
-      ce.value.length <= 1 || ae.value <= 0 || (ae.value = ae.value - 1);
+    function ce() {
+      re.value.length <= 1 || ae.value <= 0 || (ae.value = ae.value - 1);
     }
-    const Re = D(() => ce.value.length === 0 ? null : ce.value[ae.value]), ve = D(() => {
-      const t = Re.value;
-      return !t || !t.popupConfig ? t?.layerTitle || "" : st(t.popupConfig.title, t.properties);
-    }), Je = D(() => {
-      const t = Re.value;
+    const Ie = z(() => re.value.length === 0 ? null : re.value[ae.value]), he = z(() => {
+      const t = Ie.value;
+      return !t || !t.popupConfig ? t?.layerTitle || "" : ct(t.popupConfig.title, t.properties);
+    }), qe = z(() => {
+      const t = Ie.value;
       if (!t) return "";
-      let c = '<div class="popup-content">';
-      if (c += `<h3 class="popup-title">${Ce(ve.value)}</h3>`, t.popupConfig?.fields?.length) {
-        c += `<table class="popup-table" aria-label="${Ce(ve.value)}">`;
+      let u = '<div class="popup-content">';
+      if (u += `<h3 class="popup-title">${be(he.value)}</h3>`, t.popupConfig?.fields?.length) {
+        u += `<table class="popup-table" aria-label="${be(he.value)}">`;
         for (const s of t.popupConfig.fields) {
-          const h = Ge(t.properties[s.field], s.format, t.popupConfig.showTime), k = s.label.toLowerCase(), E = k.includes("url") || k.includes("website"), A = h.startsWith("http://") || h.startsWith("https://") || h.startsWith("www.") || E && h.includes("."), le = h.startsWith("http://") || h.startsWith("https://") ? h : `https://${h}`, U = A ? `<a href="${Ce(le)}" target="_blank" rel="noopener noreferrer">${Ce(h)}</a>` : Ce(h);
-          c += `<tr><th scope="row">${Ce(s.label)}</th><td>${U}</td></tr>`;
+          const b = We(t.properties[s.field], s.format, t.popupConfig.showTime), C = s.label.toLowerCase(), F = C.includes("url") || C.includes("website"), A = b.startsWith("http://") || b.startsWith("https://") || b.startsWith("www.") || F && b.includes("."), X = b.startsWith("http://") || b.startsWith("https://") ? b : `https://${b}`, U = A ? `<a href="${be(X)}" target="_blank" rel="noopener noreferrer">${be(b)}</a>` : be(b);
+          u += `<tr><th scope="row">${be(s.label)}</th><td>${U}</td></tr>`;
         }
-        c += "</table>";
+        u += "</table>";
       }
-      return c += "</div>", c;
-    }), xe = w({
+      return u += "</div>", u;
+    }), Le = k({
       type: "FeatureCollection",
       features: []
-    }), re = w({
+    }), le = k({
       type: "FeatureCollection",
       features: []
-    }), We = w({
+    }), Be = k({
       type: "FeatureCollection",
       features: []
-    }), ct = {
+    }), ut = {
       "circle-radius": ["get", "highlightRadius"],
       "circle-color": "#00FFFF",
       "circle-opacity": 0.8,
       "circle-stroke-width": 2,
       "circle-stroke-color": "#FFFFFF"
-    }, ut = {
+    }, dt = {
       "line-width": ["get", "highlightWidth"],
       "line-color": "#00FFFF",
       "line-opacity": 0.9
-    }, et = {
+    }, Xe = {
       "fill-color": "#808080",
       "fill-opacity": 0.5
-    }, y = w(null);
+    }, y = k(null);
     function M(t) {
       return t.type;
     }
-    function Q(t, c) {
-      const s = De(t);
+    function H(t, u) {
+      const s = Fe(t);
       if (!s) return { radius: 5, width: 2 };
-      const h = s.paint || {};
-      if (c === "circle") {
-        const k = h["circle-radius"];
-        return typeof k == "number" ? { radius: k } : { radius: 5 };
+      const b = s.paint || {};
+      if (u === "circle") {
+        const C = b["circle-radius"];
+        return typeof C == "number" ? { radius: C } : { radius: 5 };
       }
-      if (c === "line" || c === "fill") {
-        const k = h["line-width"];
-        if (typeof k == "number")
-          return { width: k };
+      if (u === "line" || u === "fill") {
+        const C = b["line-width"];
+        if (typeof C == "number")
+          return { width: C };
         if (s.outlinePaint && s.outlinePaint["line-width"]) {
-          const E = s.outlinePaint["line-width"];
-          if (typeof E == "number")
-            return { width: E };
+          const F = s.outlinePaint["line-width"];
+          if (typeof F == "number")
+            return { width: F };
         }
         return { width: 2 };
       }
@@ -454,40 +457,40 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ he({
     function N(t) {
       return !t || t.length === 0 ? [] : t[0] ?? [];
     }
-    function X(t) {
-      const { geometry: c, geometryType: s, originalStyle: h } = t;
+    function J(t) {
+      const { geometry: u, geometryType: s, originalStyle: b } = t;
       if (s === "Point" || s === "MultiPoint") {
-        const E = (h.radius || 5) + 3;
+        const F = (b.radius || 5) + 3;
         return {
           type: "FeatureCollection",
           features: [
             {
               type: "Feature",
-              geometry: c,
+              geometry: u,
               properties: {
-                highlightRadius: E
+                highlightRadius: F
               }
             }
           ]
         };
       }
       if (s === "LineString" || s === "MultiLineString") {
-        const E = (h.width || 2) + 3;
+        const F = (b.width || 2) + 3;
         return {
           type: "FeatureCollection",
           features: [
             {
               type: "Feature",
-              geometry: c,
+              geometry: u,
               properties: {
-                highlightWidth: E
+                highlightWidth: F
               }
             }
           ]
         };
       }
       if (s === "Polygon") {
-        const k = c.coordinates, E = N(k), le = (h.width || 2) + 3;
+        const C = u.coordinates, F = N(C), X = (b.width || 2) + 3;
         return {
           type: "FeatureCollection",
           features: [
@@ -495,20 +498,20 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ he({
               type: "Feature",
               geometry: {
                 type: "LineString",
-                coordinates: E
+                coordinates: F
               },
               properties: {
-                highlightWidth: le
+                highlightWidth: X
               }
             }
           ]
         };
       }
       if (s === "MultiPolygon") {
-        const k = c.coordinates, A = (h.width || 2) + 3;
+        const C = u.coordinates, A = (b.width || 2) + 3;
         return {
           type: "FeatureCollection",
-          features: k.map((U) => ({
+          features: C.map((U) => ({
             type: "Feature",
             geometry: {
               type: "LineString",
@@ -525,59 +528,59 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ he({
         features: []
       };
     }
-    function $e(t) {
-      const { geometry: c, geometryType: s } = t;
+    function Se(t) {
+      const { geometry: u, geometryType: s } = t;
       return s === "Polygon" || s === "MultiPolygon" ? {
         type: "FeatureCollection",
-        features: [{ type: "Feature", geometry: c, properties: {} }]
+        features: [{ type: "Feature", geometry: u, properties: {} }]
       } : { type: "FeatureCollection", features: [] };
     }
-    function je(t) {
+    function Ve(t) {
       if (!t) {
-        Vt();
+        Nt();
         return;
       }
-      const c = X(t);
-      t.geometryType === "Point" || t.geometryType === "MultiPoint" ? (xe.value = c, re.value = { type: "FeatureCollection", features: [] }, We.value = { type: "FeatureCollection", features: [] }) : (re.value = c, xe.value = { type: "FeatureCollection", features: [] }, We.value = $e(t));
+      const u = J(t);
+      t.geometryType === "Point" || t.geometryType === "MultiPoint" ? (Le.value = u, le.value = { type: "FeatureCollection", features: [] }, Be.value = { type: "FeatureCollection", features: [] }) : (le.value = u, Le.value = { type: "FeatureCollection", features: [] }, Be.value = Se(t));
     }
-    function Vt() {
-      xe.value = { type: "FeatureCollection", features: [] }, re.value = { type: "FeatureCollection", features: [] }, We.value = { type: "FeatureCollection", features: [] };
+    function Nt() {
+      Le.value = { type: "FeatureCollection", features: [] }, le.value = { type: "FeatureCollection", features: [] }, Be.value = { type: "FeatureCollection", features: [] };
     }
-    Be(y, (t) => {
-      je(t);
-    }), Be(
+    Oe(y, (t) => {
+      Ve(t);
+    }), Oe(
       () => l.visibleLayers,
       (t) => {
         y.value && !t.has(y.value.layerId) && (y.value = null, ie());
       },
       { deep: !0 }
-    ), Be(ae, () => {
-      const t = Re.value;
+    ), Oe(ae, () => {
+      const t = Ie.value;
       if (!t) {
         y.value = null;
         return;
       }
-      const c = De(t.layerId);
-      if (c) {
-        const s = M(t.geometry), h = Q(c.id, c.type);
+      const u = Fe(t.layerId);
+      if (u) {
+        const s = M(t.geometry), b = H(u.id, u.type);
         y.value = {
           geometry: t.geometry,
           geometryType: s,
-          layerId: c.id,
+          layerId: u.id,
           properties: t.properties,
-          originalStyle: h
+          originalStyle: b
         };
       }
     });
-    const Lt = w(null);
-    function Zt(t) {
-      const [c, s] = t.geometry.coordinates;
-      Lt.value = [c, s];
+    const St = k(null);
+    function Ut(t) {
+      const [u, s] = t.geometry.coordinates;
+      St.value = [u, s];
     }
-    return (t, c) => (m(), x("div", eo, [
-      H(d(Jt), {
+    return (t, u) => (m(), $("div", oo, [
+      G(d(Qt), {
         ref_key: "mapRef",
-        ref: n,
+        ref: r,
         zoom: l.initialZoom,
         center: l.initialCenter,
         "navigation-controls": { position: l.navigationControlPosition },
@@ -592,125 +595,125 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ he({
         "pictometry-button-position": l.pictometryButtonPosition,
         "tool-panel-layout": "vertical",
         "tool-panel-split-ratio": 50,
-        onZoom: S,
+        onZoom: w,
         onClick: ie,
         onMoveend: L,
-        onLoad: C,
-        onSearchResult: Zt
+        onLoad: S,
+        onSearchResult: Ut
       }, {
-        default: Ke(() => [
-          l.drawControlPosition !== null ? (m(), q(d(Kt), {
+        default: Ge(() => [
+          l.drawControlPosition !== null ? (m(), j(d(Xt), {
             key: 0,
             position: l.drawControlPosition
-          }, null, 8, ["position"])) : B("", !0),
-          (m(!0), x(ue, null, be(ge.value, (s) => (m(), q(d(xt), {
+          }, null, 8, ["position"])) : R("", !0),
+          (m(!0), $(se, null, ge(nt.value, (s) => (m(), j(d($t), {
             id: "tiled-" + s.id,
             key: "tiled-" + s.id,
-            source: Ve(s),
-            paint: { "raster-opacity": ne(s.id) },
+            source: me(s),
+            paint: { "raster-opacity": V(s.id) },
             minzoom: s.minZoom,
             maxzoom: s.maxZoom
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          (m(!0), x(ue, null, be(Ze.value, (s) => (m(), q(d(xt), {
+          (m(!0), $(se, null, ge(rt.value, (s) => (m(), j(d($t), {
             id: "dynamic-" + s.id,
             key: "dynamic-" + s.id,
-            source: Ee(s),
-            paint: { "raster-opacity": ne(s.id) },
+            source: _e(s),
+            paint: { "raster-opacity": V(s.id) },
             minzoom: s.minZoom,
             maxzoom: s.maxZoom
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          (m(!0), x(ue, null, be(J.value, (s) => (m(), q(d($t), {
+          (m(!0), $(se, null, ge(K.value, (s) => (m(), j(d(Mt), {
             id: s.id,
             key: s.id,
-            source: W(s),
-            paint: te(s),
+            source: $e(s),
+            paint: Me(s),
             minzoom: s.minZoom,
             maxzoom: s.maxZoom,
             "before-id": "highlight-circles",
-            onClick: Ue
+            onClick: Ze
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          (m(!0), x(ue, null, be(I.value, (s) => (m(), q(d(Mt), {
+          (m(!0), $(se, null, ge(T.value, (s) => (m(), j(d(Pt), {
             id: s.id,
             key: s.id,
-            source: W(s),
-            paint: te(s),
+            source: $e(s),
+            paint: Me(s),
             minzoom: s.minZoom,
             maxzoom: s.maxZoom,
             "before-id": "highlight-circles",
-            onClick: Ue
+            onClick: Ze
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          (m(!0), x(ue, null, be(F.value, (s) => (m(), q(d(dt), {
+          (m(!0), $(se, null, ge(I.value, (s) => (m(), j(d(ft), {
             id: s.id + "-outline",
             key: s.id + "-outline",
-            source: W(s),
-            paint: rt(s),
+            source: $e(s),
+            paint: st(s),
             minzoom: s.minZoom,
             maxzoom: s.maxZoom,
             "before-id": "highlight-lines",
-            onClick: Ue
+            onClick: Ze
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          (m(!0), x(ue, null, be(O.value, (s) => (m(), q(d(dt), {
+          (m(!0), $(se, null, ge(_.value, (s) => (m(), j(d(ft), {
             id: s.id,
             key: s.id,
-            source: W(s),
-            paint: te(s),
+            source: $e(s),
+            paint: Me(s),
             minzoom: s.minZoom,
             maxzoom: s.maxZoom,
             "before-id": "highlight-lines",
-            onClick: Ue
+            onClick: Ze
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          H(d($t), {
+          G(d(Mt), {
             id: "highlight-circles",
             key: "highlight-circles-layer",
-            source: { type: "geojson", data: xe.value },
-            paint: ct
+            source: { type: "geojson", data: Le.value },
+            paint: ut
           }, null, 8, ["source"]),
-          H(d(Mt), {
+          G(d(Pt), {
             id: "highlight-fill",
             key: "highlight-fill-layer",
-            source: { type: "geojson", data: We.value },
-            paint: et
+            source: { type: "geojson", data: Be.value },
+            paint: Xe
           }, null, 8, ["source"]),
-          H(d(dt), {
+          G(d(ft), {
             id: "highlight-lines",
             key: "highlight-lines-layer",
-            source: { type: "geojson", data: re.value },
-            paint: ut
+            source: { type: "geojson", data: le.value },
+            paint: dt
           }, null, 8, ["source"]),
-          H(d(Qt), {
-            "lng-lat": Lt.value,
+          G(d(Yt), {
+            "lng-lat": St.value,
             color: "#2176d2"
           }, null, 8, ["lng-lat"]),
-          Re.value && Ne.value ? (m(), q(d(Xt), {
+          Ie.value && Ae.value ? (m(), j(d(eo), {
             key: 1,
-            "lng-lat": Ne.value,
-            html: Je.value,
+            "lng-lat": Ae.value,
+            html: qe.value,
             "close-on-click": !1,
             offset: [0, -15],
-            "show-navigation": ce.value.length > 1,
+            "show-navigation": re.value.length > 1,
             "current-feature-index": ae.value,
-            "total-features": ce.value.length,
-            "layer-name": Re.value.layerTitle,
+            "total-features": re.value.length,
+            "layer-name": Ie.value.layerTitle,
             onClose: ie,
-            onNext: _e,
-            onPrevious: fe
-          }, null, 8, ["lng-lat", "html", "show-navigation", "current-feature-index", "total-features", "layer-name"])) : B("", !0)
+            onNext: Ee,
+            onPrevious: ce
+          }, null, 8, ["lng-lat", "html", "show-navigation", "current-feature-index", "total-features", "layer-name"])) : R("", !0)
         ]),
         _: 1
       }, 8, ["zoom", "center", "navigation-controls", "geolocation-control", "basemap-change-controls", "map-search-control", "cyclomedia-config", "cyclomedia-button-position", "pictometry-credentials", "pictometry-button-position"])
     ]));
   }
-}), Te = (e, a) => {
+}), xe = (e, i) => {
   const l = e.__vccOpts || e;
-  for (const [o, n] of a)
-    l[o] = n;
+  for (const [o, r] of i)
+    l[o] = r;
   return l;
-}, oo = /* @__PURE__ */ Te(to, [["__scopeId", "data-v-fb4efa11"]]);
-function Dt(e) {
-  let a = e.split("?")[0] || e;
-  return a = a.replace(/\/query$/, ""), a = a.replace(/\/$/, ""), a.toLowerCase();
+}, io = /* @__PURE__ */ xe(ao, [["__scopeId", "data-v-1921fe4b"]]);
+function Rt(e) {
+  let i = e.split("?")[0] || e;
+  return i = i.replace(/\/query$/, ""), i = i.replace(/\/$/, ""), i.toLowerCase();
 }
-const ao = ["disabled"], io = /* @__PURE__ */ he({
+const lo = ["disabled"], no = /* @__PURE__ */ pe({
   inheritAttrs: !1,
   __name: "PhlButton",
   props: {
@@ -732,79 +735,79 @@ const ao = ["disabled"], io = /* @__PURE__ */ he({
     svgRaw: {}
   },
   setup(e) {
-    const a = e, l = (u) => "href" in u && u.href !== void 0 || "to" in u && u.to !== void 0, o = D(() => yt(
+    const i = e, l = (c) => "href" in c && c.href !== void 0 || "to" in c && c.to !== void 0, o = z(() => mt(
       "phila-button",
-      `phila-button--${a.variant}`,
-      a.size && `is-${a.size}`,
-      a.iconOnly && "icon-button",
-      a.iconOnly && a.variant === "standard" && "icon-button--standard",
-      a.className
-    )), n = D(() => l(a) ? "to" in a && a.to !== void 0 ? {
-      to: a.to,
-      disabled: a.disabled,
+      `phila-button--${i.variant}`,
+      i.size && `is-${i.size}`,
+      i.iconOnly && "icon-button",
+      i.iconOnly && i.variant === "standard" && "icon-button--standard",
+      i.className
+    )), r = z(() => l(i) ? "to" in i && i.to !== void 0 ? {
+      to: i.to,
+      disabled: i.disabled,
       className: o.value
     } : {
-      href: a.href,
-      target: a.target,
-      rel: a.rel,
-      disabled: a.disabled,
+      href: i.href,
+      target: i.target,
+      rel: i.rel,
+      disabled: i.disabled,
       className: o.value
-    } : {}), r = D(
+    } : {}), n = z(
       () => ({
-        iconDefinition: a.iconDefinition,
-        iconClass: a.iconClass,
-        src: a.src,
-        iconRight: a.iconRight,
-        iconOnly: a.iconOnly,
-        text: a.text,
-        size: a.size
+        iconDefinition: i.iconDefinition,
+        iconClass: i.iconClass,
+        src: i.src,
+        iconRight: i.iconRight,
+        iconOnly: i.iconOnly,
+        text: i.text,
+        size: i.size
       })
     );
-    return (u, S) => l(a) ? (m(), q(d(Yt), pt({ key: 0 }, { ...n.value, ...u.$attrs }, { role: "button" }), {
-      default: Ke(() => [
-        H(d(Pt), St(Ct(r.value)), {
-          default: Ke(() => [
-            me(u.$slots, "default", {}, () => [
-              Pe(G(a.text), 1)
+    return (c, w) => l(i) ? (m(), j(d(to), yt({ key: 0 }, { ...r.value, ...c.$attrs }, { role: "button" }), {
+      default: Ge(() => [
+        G(d(Tt), Ct(kt(n.value)), {
+          default: Ge(() => [
+            fe(c.$slots, "default", {}, () => [
+              ke(q(i.text), 1)
             ])
           ]),
           _: 3
         }, 16)
       ]),
       _: 3
-    }, 16)) : (m(), x("button", pt({
+    }, 16)) : (m(), $("button", yt({
       key: 1,
       type: "button",
-      disabled: a.disabled,
+      disabled: i.disabled,
       class: o.value
-    }, u.$attrs), [
-      H(d(Pt), St(Ct(r.value)), {
-        default: Ke(() => [
-          me(u.$slots, "default", {}, () => [
-            Pe(G(a.text), 1)
+    }, c.$attrs), [
+      G(d(Tt), Ct(kt(n.value)), {
+        default: Ge(() => [
+          fe(c.$slots, "default", {}, () => [
+            ke(q(i.text), 1)
           ])
         ]),
         _: 3
       }, 16)
-    ], 16, ao));
+    ], 16, lo));
   }
 });
-var lo = {
+var ro = {
   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"]
-}, no = lo, ro = {
+}, so = ro, co = {
   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"]
-}, so = ro;
-const co = ["for"], uo = { class: "state-layer" }, fo = { class: "content" }, po = { class: "input-text-container" }, yo = ["id", "placeholder", "aria-label"], mo = {
+}, uo = co;
+const fo = ["for"], po = { class: "state-layer" }, yo = { class: "content" }, mo = { class: "input-text-container" }, ho = ["id", "placeholder", "aria-label"], go = {
   key: 1,
   class: "has-text-body-small phila-supporting-text"
-}, ho = {
+}, vo = {
   key: 2,
   class: "has-text-body-small phila-error-text"
-}, go = /* @__PURE__ */ he({
+}, bo = /* @__PURE__ */ pe({
   inheritAttrs: !1,
   __name: "TextField",
   props: {
@@ -821,122 +824,122 @@ const co = ["for"], uo = { class: "state-layer" }, fo = { class: "content" }, po
     } }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: a }) {
-    const l = Nt(), o = e, n = D(() => typeof o.error == "string" ? o.error : o.error[0]), r = Ut(o, "id"), u = a, S = w(""), f = D({
-      get: () => o.modelValue !== void 0 ? o.modelValue : S.value,
-      set: (p) => {
-        u("update:modelValue", p), S.value = p;
+  setup(e, { emit: i }) {
+    const l = Wt(), o = e, r = z(() => typeof o.error == "string" ? o.error : o.error[0]), n = jt(o, "id"), c = i, w = k(""), p = z({
+      get: () => o.modelValue !== void 0 ? o.modelValue : w.value,
+      set: (f) => {
+        c("update:modelValue", f), w.value = f;
       }
-    }), $ = D(() => {
-      const p = ["default-class"];
-      return l.disabled != null && p.push("phila-input--disabled"), n.value && p.push("phila-input--error"), l.required != null && p.push("phila-input--required"), yt(...p);
-    }), g = D(() => {
-      const p = [];
-      return f.value !== "" && p.push("phila-text-field--filled"), o.className && p.push(o.className), yt(...p);
-    }), v = D(() => {
+    }), x = z(() => {
+      const f = ["default-class"];
+      return l.disabled != null && f.push("phila-input--disabled"), r.value && f.push("phila-input--error"), l.required != null && f.push("phila-input--required"), mt(...f);
+    }), h = z(() => {
+      const f = [];
+      return p.value !== "" && f.push("phila-text-field--filled"), o.className && f.push(o.className), mt(...f);
+    }), g = z(() => {
       if (!(o.label || l["aria-label"]))
         return o.placeholder || void 0;
-    }), i = w(null), b = (p) => {
-      p.target.closest("button") || i.value?.focus();
+    }), a = k(null), v = (f) => {
+      f.target.closest("button") || a.value?.focus();
     };
-    return (p, L) => (m(), x("div", {
-      class: se(["phila-input", $.value])
+    return (f, L) => (m(), $("div", {
+      class: ne(["phila-input", x.value])
     }, [
-      o.label ? (m(), x("label", {
+      o.label ? (m(), $("label", {
         key: 0,
-        for: r.value,
+        for: n.value,
         class: "has-text-label-small phila-label"
-      }, G(o.label), 9, co)) : B("", !0),
+      }, q(o.label), 9, fo)) : R("", !0),
       P("div", {
-        class: se(["phila-text-field", g.value]),
-        onClick: b
+        class: ne(["phila-text-field", h.value]),
+        onClick: v
       }, [
-        P("div", uo, [
-          o.leadingIcon ? (m(), q(d(Me), {
+        P("div", po, [
+          o.leadingIcon ? (m(), j(d(Ce), {
             key: 0,
             "icon-class": o.leadingIcon,
             inline: "",
             decorative: ""
-          }, null, 8, ["icon-class"])) : B("", !0),
-          P("div", fo, [
-            P("div", po, [
-              zt(P("input", pt({
-                id: r.value,
+          }, null, 8, ["icon-class"])) : R("", !0),
+          P("div", yo, [
+            P("div", mo, [
+              _t(P("input", yt({
+                id: n.value,
                 ref_key: "inputRef",
-                ref: i,
-                "onUpdate:modelValue": L[0] || (L[0] = (C) => f.value = C),
+                ref: a,
+                "onUpdate:modelValue": L[0] || (L[0] = (S) => p.value = S),
                 class: "phila-text-field-input has-text-body-default",
                 placeholder: o.placeholder,
-                "aria-label": v.value
-              }, d(l)), null, 16, yo), [
-                [Wt, f.value]
+                "aria-label": g.value
+              }, d(l)), null, 16, ho), [
+                [qt, p.value]
               ])
             ])
           ]),
-          f.value != "" ? (m(), q(d(io), {
+          p.value != "" ? (m(), j(d(no), {
             key: 1,
             variant: "standard",
             size: "small",
             "icon-only": "",
-            "icon-definition": d(so),
-            onClick: L[1] || (L[1] = (C) => f.value = "")
-          }, null, 8, ["icon-definition"])) : B("", !0),
-          o.trailingIcon ? (m(), q(d(Me), {
+            "icon-definition": d(uo),
+            onClick: L[1] || (L[1] = (S) => p.value = "")
+          }, null, 8, ["icon-definition"])) : R("", !0),
+          o.trailingIcon ? (m(), j(d(Ce), {
             key: 2,
             size: "small",
             "icon-class": o.trailingIcon,
             inline: "",
             decorative: ""
-          }, null, 8, ["icon-class"])) : B("", !0),
-          me(p.$slots, "trailing-action")
+          }, null, 8, ["icon-class"])) : R("", !0),
+          fe(f.$slots, "trailing-action")
         ])
       ], 2),
-      o.supportingText ? (m(), x("div", mo, G(o.supportingText), 1)) : B("", !0),
-      n.value ? (m(), x("div", ho, [
-        H(d(Me), {
-          "icon-definition": d(no),
+      o.supportingText ? (m(), $("div", go, q(o.supportingText), 1)) : R("", !0),
+      r.value ? (m(), $("div", vo, [
+        G(d(Ce), {
+          "icon-definition": d(so),
           size: "small",
           inline: "",
           decorative: ""
         }, null, 8, ["icon-definition"]),
-        Pe(" " + G(n.value), 1)
-      ])) : B("", !0)
+        ke(" " + q(r.value), 1)
+      ])) : R("", !0)
     ], 2));
   }
 });
-var vo = {
+var wo = {
   prefix: "fas",
   iconName: "filter",
   icon: [512, 512, [], "f0b0", "M32 64C19.1 64 7.4 71.8 2.4 83.8S.2 109.5 9.4 118.6L192 301.3 192 416c0 8.5 3.4 16.6 9.4 22.6l64 64c9.2 9.2 22.9 11.9 34.9 6.9S320 492.9 320 480l0-178.7 182.6-182.6c9.2-9.2 11.9-22.9 6.9-34.9S492.9 64 480 64L32 64z"]
-}, bo = {
+}, Lo = {
   prefix: "fas",
   iconName: "caret-right",
   icon: [256, 512, [], "f0da", "M249.3 235.8c10.2 12.6 9.5 31.1-2.2 42.8l-128 128c-9.2 9.2-22.9 11.9-34.9 6.9S64.5 396.9 64.5 384l0-256c0-12.9 7.8-24.6 19.8-29.6s25.7-2.2 34.9 6.9l128 128 2.2 2.4z"]
-}, wo = {
+}, So = {
   prefix: "fas",
   iconName: "caret-left",
   icon: [256, 512, [], "f0d9", "M7.7 235.8c-10.3 12.6-9.5 31.1 2.2 42.8l128 128c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6l0-256c0-12.9-7.8-24.6-19.8-29.6s-25.7-2.2-34.9 6.9l-128 128-2.2 2.4z"]
-}, Tt = {
+}, Ft = {
   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"]
-}, Lo = {
+}, Co = {
   prefix: "fas",
   iconName: "bars",
   icon: [448, 512, ["navicon"], "f0c9", "M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"]
-}, So = {
+}, ko = {
   prefix: "fas",
   iconName: "circle-info",
   icon: [512, 512, ["info-circle"], "f05a", "M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zM224 160a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm-8 64l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z"]
 };
-const Co = {
+const xo = {
   key: 0,
   class: "loading-indicator",
   role: "status"
-}, ko = ["aria-label"], xo = {
+}, $o = ["aria-label"], Mo = {
   key: 2,
   class: "zoom-indicator"
-}, $o = /* @__PURE__ */ he({
+}, Po = /* @__PURE__ */ pe({
   __name: "LayerStatusIndicators",
   props: {
     loading: { type: Boolean },
@@ -944,18 +947,18 @@ const Co = {
     unavailable: { type: Boolean }
   },
   setup(e) {
-    return (a, l) => (m(), x(ue, null, [
-      e.loading && !e.unavailable ? (m(), x("span", Co, " Loading... ")) : B("", !0),
-      e.error ? (m(), x("span", {
+    return (i, l) => (m(), $(se, null, [
+      e.loading && !e.unavailable ? (m(), $("span", xo, " Loading... ")) : R("", !0),
+      e.error ? (m(), $("span", {
         key: 1,
         class: "error-indicator",
         "aria-label": e.error,
         role: "status"
-      }, " Error ", 8, ko)) : B("", !0),
-      e.unavailable ? (m(), x("span", xo, " (zoom in) ")) : B("", !0)
+      }, " Error ", 8, $o)) : R("", !0),
+      e.unavailable ? (m(), $("span", Mo, " (zoom in) ")) : R("", !0)
     ], 64));
   }
-}), at = /* @__PURE__ */ Te($o, [["__scopeId", "data-v-19b1b402"]]), Mo = { class: "opacity-control" }, Po = ["for"], To = ["id", "value", "aria-label"], Fo = /* @__PURE__ */ he({
+}), tt = /* @__PURE__ */ xe(Po, [["__scopeId", "data-v-19b1b402"]]), To = { class: "opacity-control" }, Fo = ["for"], Eo = ["id", "value", "aria-label"], Io = /* @__PURE__ */ pe({
   __name: "LayerOpacitySlider",
   props: {
     layerId: {},
@@ -963,17 +966,17 @@ const Co = {
     opacity: {}
   },
   emits: ["update:opacity"],
-  setup(e, { emit: a }) {
-    const l = a;
-    function o(n) {
-      const r = n.target;
-      l("update:opacity", parseFloat(r.value));
+  setup(e, { emit: i }) {
+    const l = i;
+    function o(r) {
+      const n = r.target;
+      l("update:opacity", parseFloat(n.value));
     }
-    return (n, r) => (m(), x("div", Mo, [
+    return (r, n) => (m(), $("div", To, [
       P("label", {
         class: "opacity-label",
         for: "opacity-" + e.layerId
-      }, " Opacity: " + G(Math.round(e.opacity * 100)) + "% ", 9, Po),
+      }, " Opacity: " + q(Math.round(e.opacity * 100)) + "% ", 9, Fo),
       P("input", {
         id: "opacity-" + e.layerId,
         type: "range",
@@ -984,80 +987,80 @@ const Co = {
         "aria-label": "Opacity for " + e.layerName,
         class: "opacity-slider",
         onInput: o
-      }, null, 40, To)
+      }, null, 40, Eo)
     ]));
   }
-}), ht = /* @__PURE__ */ Te(Fo, [["__scopeId", "data-v-1a025f6a"]]), Eo = ["aria-label"], Io = { class: "legend-label" }, Oo = /* @__PURE__ */ he({
+}), gt = /* @__PURE__ */ xe(Io, [["__scopeId", "data-v-1a025f6a"]]), Oo = ["aria-label"], zo = { class: "legend-label" }, Do = /* @__PURE__ */ pe({
   __name: "LayerLegend",
   props: {
     items: {},
     label: {}
   },
   setup(e) {
-    return (a, l) => (m(), x("ul", {
+    return (i, l) => (m(), $("ul", {
       class: "layer-legend",
       "aria-label": e.label
     }, [
-      (m(!0), x(ue, null, be(e.items, (o, n) => (m(), x("li", {
-        key: n,
+      (m(!0), $(se, null, ge(e.items, (o, r) => (m(), $("li", {
+        key: r,
         class: "legend-item"
       }, [
-        o.type === "circle" ? (m(), x("span", {
+        o.type === "circle" ? (m(), $("span", {
           key: 0,
           class: "legend-symbol legend-circle",
-          style: ye({ backgroundColor: o.color }),
+          style: de({ backgroundColor: o.color }),
           "aria-hidden": "true"
-        }, null, 4)) : o.type === "line" ? (m(), x("span", {
+        }, null, 4)) : o.type === "line" ? (m(), $("span", {
           key: 1,
           class: "legend-symbol legend-line",
-          style: ye({
+          style: de({
             backgroundColor: o.color,
             height: `${o.width || 2}px`
           }),
           "aria-hidden": "true"
-        }, null, 4)) : o.type === "fill" ? (m(), x("span", {
+        }, null, 4)) : o.type === "fill" ? (m(), $("span", {
           key: 2,
           class: "legend-symbol legend-fill",
-          style: ye({ backgroundColor: o.color }),
+          style: de({ backgroundColor: o.color }),
           "aria-hidden": "true"
-        }, null, 4)) : B("", !0),
-        P("span", Io, G(o.label), 1)
+        }, null, 4)) : R("", !0),
+        P("span", zo, q(o.label), 1)
       ]))), 128))
-    ], 8, Eo));
+    ], 8, Oo));
   }
-}), gt = /* @__PURE__ */ Te(Oo, [["__scopeId", "data-v-62e210e3"]]);
-function vt(e) {
-  function a(u) {
-    return e().visibleLayerIds.has(u);
+}), vt = /* @__PURE__ */ xe(Do, [["__scopeId", "data-v-62e210e3"]]);
+function bt(e) {
+  function i(c) {
+    return e().visibleLayerIds.has(c);
   }
-  function l(u) {
-    return e().layerOpacities[u] ?? 1;
+  function l(c) {
+    return e().layerOpacities[c] ?? 1;
   }
-  function o(u) {
-    return e().loadingLayerIds.has(u);
+  function o(c) {
+    return e().loadingLayerIds.has(c);
   }
-  function n(u) {
-    return e().layerErrors[u] || null;
+  function r(c) {
+    return e().layerErrors[c] || null;
   }
-  function r(u) {
-    const S = e().currentZoom, f = u.minZoom, $ = u.maxZoom;
-    return !(f !== void 0 && S < f || $ !== void 0 && S > $);
+  function n(c) {
+    const w = e().currentZoom, p = c.minZoom, x = c.maxZoom;
+    return !(p !== void 0 && w < p || x !== void 0 && w > x);
   }
-  return { isVisible: a, getLayerOpacity: l, isLayerLoading: o, getLayerError: n, isLayerAvailableAtZoom: r };
+  return { isVisible: i, getLayerOpacity: l, isLayerLoading: o, getLayerError: r, isLayerAvailableAtZoom: n };
 }
-const zo = { class: "layer-panel" }, Do = {
+const _o = { class: "layer-panel" }, Ro = {
   key: 0,
   class: "search-box"
-}, _o = {
+}, Ao = {
   key: 1,
   class: "topics-container"
-}, Ro = { class: "layer-row" }, Bo = ["href", "aria-label"], Ao = {
+}, Zo = { class: "layer-row" }, Bo = ["href", "aria-label"], Vo = {
   key: 1,
   class: "metadata-placeholder"
-}, Vo = ["checked", "disabled", "onChange"], Zo = { class: "layer-title" }, No = {
+}, No = ["checked", "disabled", "onChange"], Uo = { class: "layer-title" }, Wo = {
   key: 0,
   class: "no-results"
-}, Uo = /* @__PURE__ */ he({
+}, jo = /* @__PURE__ */ pe({
   __name: "LayerPanel",
   props: {
     layerList: {},
@@ -1075,41 +1078,41 @@ const zo = { class: "layer-panel" }, Do = {
     searchPlaceholder: { default: "Filter layers..." }
   },
   emits: ["toggleLayer", "setOpacity", "updateSearch"],
-  setup(e, { emit: a }) {
-    const l = e, o = a, n = D(() => {
+  setup(e, { emit: i }) {
+    const l = e, o = i, r = z(() => {
       if (!l.searchQuery.trim())
         return l.layerList;
-      const p = l.searchQuery.toLowerCase();
-      return l.layerList.filter((L) => L.config.title.toLowerCase().includes(p));
+      const f = l.searchQuery.toLowerCase();
+      return l.layerList.filter((L) => L.config.title.toLowerCase().includes(f));
     });
-    function r(p) {
-      const L = Dt(p);
+    function n(f) {
+      const L = Rt(f);
       return l.layerMetadata[L] || null;
     }
-    const u = D(() => l.layerList.some((p) => r(p.config.url))), { isVisible: S, getLayerOpacity: f, isLayerLoading: $, getLayerError: g, isLayerAvailableAtZoom: v } = vt(() => ({
+    const c = z(() => l.layerList.some((f) => n(f.config.url))), { isVisible: w, getLayerOpacity: p, isLayerLoading: x, getLayerError: h, isLayerAvailableAtZoom: g } = bt(() => ({
       visibleLayerIds: l.visibleLayers,
       layerOpacities: l.layerOpacities,
       loadingLayerIds: l.loadingLayers,
       layerErrors: l.layerErrors,
       currentZoom: l.currentZoom
-    })), i = D({
+    })), a = z({
       get: () => l.searchQuery,
-      set: (p) => o("updateSearch", p)
+      set: (f) => o("updateSearch", f)
     });
-    function b(p) {
-      o("toggleLayer", p);
-    }
-    return (p, L) => (m(), x("div", zo, [
-      e.showSearch ? (m(), x("div", Do, [
-        H(d(go), {
-          modelValue: i.value,
-          "onUpdate:modelValue": L[0] || (L[0] = (C) => i.value = C),
+    function v(f) {
+      o("toggleLayer", f);
+    }
+    return (f, L) => (m(), $("div", _o, [
+      e.showSearch ? (m(), $("div", Ro, [
+        G(d(bo), {
+          modelValue: a.value,
+          "onUpdate:modelValue": L[0] || (L[0] = (S) => a.value = S),
           placeholder: e.searchPlaceholder,
           "class-name": "layer-search-field"
         }, {
-          "trailing-action": Ke(() => [
-            H(d(Me), {
-              "icon-definition": d(vo),
+          "trailing-action": Ge(() => [
+            G(d(Ce), {
+              "icon-definition": d(wo),
               size: "small",
               inline: "",
               decorative: ""
@@ -1117,77 +1120,77 @@ const zo = { class: "layer-panel" }, Do = {
           ]),
           _: 1
         }, 8, ["modelValue", "placeholder"])
-      ])) : B("", !0),
-      e.mode === "topics" ? (m(), x("div", _o, [
-        me(p.$slots, "topics", {}, () => [
+      ])) : R("", !0),
+      e.mode === "topics" ? (m(), $("div", Ao, [
+        fe(f.$slots, "topics", {}, () => [
           L[2] || (L[2] = P("div", { class: "no-topics" }, ' No topic components provided. Use the "topics" slot to add TopicAccordion components. ', -1))
         ], !0)
-      ])) : (m(), x("div", {
+      ])) : (m(), $("div", {
         key: 2,
-        class: se(["layer-list", { "has-metadata": u.value }])
+        class: ne(["layer-list", { "has-metadata": c.value }])
       }, [
-        (m(!0), x(ue, null, be(n.value, (C) => (m(), x("div", {
-          key: C.config.id,
+        (m(!0), $(se, null, ge(r.value, (S) => (m(), $("div", {
+          key: S.config.id,
           class: "layer-item"
         }, [
-          P("div", Ro, [
-            r(C.config.url) ? (m(), x("a", {
+          P("div", Zo, [
+            n(S.config.url) ? (m(), $("a", {
               key: 0,
-              href: r(C.config.url) || "",
+              href: n(S.config.url) || "",
               target: "_blank",
               rel: "noopener noreferrer",
               class: "metadata-link",
-              "aria-label": "View metadata for " + C.config.title,
-              onClick: L[1] || (L[1] = jt(() => {
+              "aria-label": "View metadata for " + S.config.title,
+              onClick: L[1] || (L[1] = Gt(() => {
               }, ["stop"]))
             }, [
-              H(d(Me), {
-                "icon-definition": d(So),
+              G(d(Ce), {
+                "icon-definition": d(ko),
                 size: "small",
                 inline: "",
                 decorative: ""
               }, null, 8, ["icon-definition"])
-            ], 8, Bo)) : u.value ? (m(), x("span", Ao)) : B("", !0),
+            ], 8, Bo)) : c.value ? (m(), $("span", Vo)) : R("", !0),
             P("label", {
-              class: se(["layer-checkbox", {
-                "layer-unavailable": !d(v)(C.config),
-                "layer-error": d(g)(C.config.id)
+              class: ne(["layer-checkbox", {
+                "layer-unavailable": !d(g)(S.config),
+                "layer-error": d(h)(S.config.id)
               }])
             }, [
               P("input", {
                 type: "checkbox",
-                checked: d(S)(C.config.id),
-                disabled: !d(v)(C.config),
-                onChange: (T) => b(C.config.id)
-              }, null, 40, Vo),
-              P("span", Zo, [
-                Pe(G(C.config.title) + " ", 1),
-                H(at, {
-                  loading: d($)(C.config.id),
-                  error: d(g)(C.config.id),
-                  unavailable: !d(v)(C.config)
+                checked: d(w)(S.config.id),
+                disabled: !d(g)(S.config),
+                onChange: (E) => v(S.config.id)
+              }, null, 40, No),
+              P("span", Uo, [
+                ke(q(S.config.title) + " ", 1),
+                G(tt, {
+                  loading: d(x)(S.config.id),
+                  error: d(h)(S.config.id),
+                  unavailable: !d(g)(S.config)
                 }, null, 8, ["loading", "error", "unavailable"])
               ])
             ], 2)
           ]),
-          e.showOpacity && d(S)(C.config.id) && d(v)(C.config) ? (m(), q(ht, {
+          e.showOpacity && d(w)(S.config.id) && d(g)(S.config) ? (m(), j(gt, {
             key: 0,
-            "layer-id": C.config.id,
-            "layer-name": C.config.title,
-            opacity: d(f)(C.config.id),
-            "onUpdate:opacity": (T) => o("setOpacity", C.config.id, T)
-          }, null, 8, ["layer-id", "layer-name", "opacity", "onUpdate:opacity"])) : B("", !0),
-          e.showLegend && d(S)(C.config.id) && d(v)(C.config) && C.config.legend?.length ? (m(), q(gt, {
+            "layer-id": S.config.id,
+            "layer-name": S.config.title,
+            opacity: d(p)(S.config.id),
+            "onUpdate:opacity": (E) => o("setOpacity", S.config.id, E)
+          }, null, 8, ["layer-id", "layer-name", "opacity", "onUpdate:opacity"])) : R("", !0),
+          e.showLegend && d(w)(S.config.id) && d(g)(S.config) && S.config.legend?.length ? (m(), j(vt, {
             key: 1,
-            items: C.config.legend,
-            label: "Legend for " + C.config.title
-          }, null, 8, ["items", "label"])) : B("", !0)
+            items: S.config.legend,
+            label: "Legend for " + S.config.title
+          }, null, 8, ["items", "label"])) : R("", !0)
         ]))), 128)),
-        n.value.length === 0 ? (m(), x("div", No, 'No layers match "' + G(e.searchQuery) + '"', 1)) : B("", !0)
+        r.value.length === 0 ? (m(), $("div", Wo, 'No layers match "' + q(e.searchQuery) + '"', 1)) : R("", !0)
       ], 2))
     ]));
   }
-}), Wo = /* @__PURE__ */ Te(Uo, [["__scopeId", "data-v-e48bb978"]]), jo = {
+}), qo = /* @__PURE__ */ xe(jo, [["__scopeId", "data-v-e48bb978"]]), Go = {
   esriSLSSolid: null,
   esriSLSDash: [4, 3],
   esriSLSDot: [1, 3],
@@ -1195,35 +1198,77 @@ const zo = { class: "layer-panel" }, Do = {
   esriSLSDashDotDot: [4, 3, 1, 3, 1, 3],
   esriSLSNull: null
 };
-function it(e) {
+function at(e) {
   if (e)
-    return jo[e] ?? void 0;
+    return Go[e] ?? void 0;
 }
-function z(e) {
+function Ho(e, i, l, o, r) {
+  const n = [];
+  let c = i[0], w = [e[0]], p = 0;
+  for (let a = 1; a < e.length; a++)
+    i[a] === c ? w.push(e[a]) : (n.push({ style: c, breaks: w, startIndex: p }), c = i[a], w = [e[a]], p = a);
+  n.push({ style: c, breaks: w, startIndex: p });
+  const x = [], h = /* @__PURE__ */ new Set();
+  let g = o.minValue ?? 0;
+  for (let a = 0; a < n.length; a++) {
+    const v = n[a], f = v.breaks, L = at(v.style), S = a === 0 ? null : n[a - 1].breaks[n[a - 1].breaks.length - 1].classMaxValue, E = f[f.length - 1].classMaxValue;
+    let D;
+    const K = !!o.defaultSymbol;
+    S === null ? D = `${!K && o.minValue != null ? `${l} >= ${o.minValue} AND ` : ""}${l} <= ${E}` : a === n.length - 1 && K ? D = `${l} > ${S}` : D = `${l} > ${S} AND ${l} <= ${E}`;
+    const T = {
+      "line-opacity": ve(r)
+    };
+    if (L && (T["line-dasharray"] = L), f.length === 1)
+      T["line-color"] = O(f[0].symbol?.color), T["line-width"] = ee(f[0].symbol?.width || 2);
+    else {
+      const V = ["step", ["get", l]], ye = ["step", ["get", l]];
+      V.push(O(f[0].symbol?.color)), ye.push(ee(f[0].symbol?.width || 2));
+      for (let me = 1; me < f.length; me++)
+        V.push(f[me - 1].classMaxValue), V.push(O(f[me].symbol?.color)), ye.push(f[me - 1].classMaxValue), ye.push(ee(f[me].symbol?.width || 2));
+      T["line-color"] = V, T["line-width"] = ye;
+    }
+    const I = [];
+    for (const V of f)
+      I.push({
+        type: "line",
+        color: O(V.symbol?.color),
+        width: ee(V.symbol?.width || 2),
+        label: V.label || `${g} - ${V.classMaxValue}`
+      }), g = V.classMaxValue + 1;
+    const _ = v.style.replace("esriSLS", "").toLowerCase();
+    let te;
+    a === 0 ? te = "" : h.has(_) ? te = `-${_}-${a}` : te = `-${_}`, h.add(_), x.push({ suffix: te, where: D, paint: T, legend: I });
+  }
+  return x;
+}
+function O(e) {
   if (!e || !Array.isArray(e) || e.length < 3) return "#888888";
-  const a = e[0], l = e[1], o = e[2], r = (e[3] ?? 255) / 255;
-  return r === 1 ? `#${a.toString(16).padStart(2, "0")}${l.toString(16).padStart(2, "0")}${o.toString(16).padStart(2, "0")}` : `rgba(${a}, ${l}, ${o}, ${r.toFixed(2)})`;
+  const i = e[0], l = e[1], o = e[2], n = (e[3] ?? 255) / 255;
+  return n === 1 ? `#${i.toString(16).padStart(2, "0")}${l.toString(16).padStart(2, "0")}${o.toString(16).padStart(2, "0")}` : `rgba(${i}, ${l}, ${o}, ${n.toFixed(2)})`;
 }
-function we(e) {
+function ve(e) {
   return e !== void 0 ? e : 1;
 }
-const qo = 559082264;
-function Ft(e) {
-  return !e || e <= 0 ? null : Math.round(Math.log2(qo / e) * 100) / 100;
+function ee(e) {
+  return Math.round(e * (96 / 72) * 10) / 10;
+}
+const Jo = 559082264;
+function Et(e) {
+  return !e || e <= 0 ? null : Math.round(Math.log2(Jo / e) * 100) / 100;
 }
-function Go(e, a) {
+function Ko(e, i) {
   const l = {};
   if (e && e > 0) {
-    const o = Ft(e);
+    const o = Et(e);
     o !== null && (l.minZoom = o);
   }
-  if (a && a > 0) {
-    const o = Ft(a);
+  if (i && i > 0) {
+    const o = Et(i);
     o !== null && (l.maxZoom = o);
   }
   return l;
 }
-function nt(e) {
+function it(e) {
   if (!e) return "fill";
   switch (e.type) {
     case "esriSFS":
@@ -1240,326 +1285,292 @@ function nt(e) {
       return "fill";
   }
 }
-function Oe(e) {
+function Te(e) {
   return !(!e || e.style === "esriSLSNull" || e.color === null || e.width === 0 || e.color && e.color[3] === 0);
 }
-function ft(e) {
+function pt(e) {
   return String(e);
 }
-function _t(e, a, l) {
-  const o = e.symbol, n = nt(o);
-  let r = {}, u = [], S = null;
-  if (n === "fill" && o) {
-    const f = o.color === null ? 0 : o.color?.[3] ?? 255, $ = f === 0 ? "rgba(0, 0, 0, 0)" : z(o.color), g = f === 0 ? 0 : f < 255 ? 1 : we(a);
-    if (r = {
-      "fill-color": $,
-      "fill-opacity": g
-    }, Oe(o.outline)) {
-      const v = o.outline.width || 1;
-      S = {
-        "line-color": z(o.outline.color),
-        "line-width": v
+function At(e, i, l) {
+  const o = e.symbol, r = it(o);
+  let n = {}, c = [], w = null;
+  if (r === "fill" && o) {
+    const p = o.color === null ? 0 : o.color?.[3] ?? 255, x = p === 0 ? "rgba(0, 0, 0, 0)" : O(o.color), h = p === 0 ? 0 : p < 255 ? 1 : ve(i);
+    if (n = {
+      "fill-color": x,
+      "fill-opacity": h
+    }, Te(o.outline)) {
+      const g = ee(o.outline.width || 1);
+      w = {
+        "line-color": O(o.outline.color),
+        "line-width": g
       };
     }
-    u = [
+    c = [
       {
         type: "fill",
-        color: z(o.color),
+        color: O(o.color),
         label: e.label || "Feature"
       }
     ];
-  } else if (n === "line" && o) {
-    r = {
-      "line-color": z(o.color),
-      "line-width": o.width || 1,
-      "line-opacity": we(a)
+  } else if (r === "line" && o) {
+    n = {
+      "line-color": O(o.color),
+      "line-width": ee(o.width || 1),
+      "line-opacity": ve(i)
     };
-    const f = it(o.style);
-    f && (r["line-dasharray"] = f), u = [
+    const p = at(o.style);
+    p && (n["line-dasharray"] = p), c = [
       {
         type: "line",
-        color: z(o.color),
-        width: o.width || 1,
+        color: O(o.color),
+        width: ee(o.width || 1),
         label: e.label || "Feature"
       }
     ];
-  } else if (n === "circle" && o) {
-    const f = Math.round((o.size || 6) * 0.71 * 100) / 100;
-    r = {
-      "circle-color": z(o.color),
-      "circle-radius": f,
-      "circle-opacity": we(a)
-    }, Oe(o.outline) && (r["circle-stroke-color"] = z(o.outline.color), r["circle-stroke-width"] = o.outline.width || 1), u = [
+  } else if (r === "circle" && o) {
+    const p = Math.round((o.size || 6) * 0.71 * 100) / 100;
+    n = {
+      "circle-color": O(o.color),
+      "circle-radius": p,
+      "circle-opacity": ve(i)
+    }, Te(o.outline) && (n["circle-stroke-color"] = O(o.outline.color), n["circle-stroke-width"] = ee(o.outline.width || 1)), c = [
       {
         type: "circle",
-        color: z(o.color),
+        color: O(o.color),
         label: e.label || "Feature"
       }
     ];
   }
-  return { paint: r, legend: u, geomType: n, outlinePaint: S };
+  return { paint: n, legend: c, geomType: r, outlinePaint: w };
 }
-function Ho(e, a, l) {
-  const o = e.field1.toLowerCase(), n = e.uniqueValueInfos || [], r = e.defaultSymbol;
-  if (n.length === 0)
-    return _t({ ...e, symbol: r }, a);
-  const u = n[0]?.symbol || r, S = nt(u);
-  let f = {};
-  const $ = [];
-  let g = null;
-  if (S === "fill") {
-    const v = ["match", ["to-string", ["get", o]]];
-    for (const i of n) {
-      v.push(ft(i.value)), v.push(z(i.symbol?.color));
-      const b = String(i.value), L = l?.get(b) || i.label || b;
-      $.push({
+function Qo(e, i, l) {
+  const o = e.field1.toLowerCase(), r = e.uniqueValueInfos || [], n = e.defaultSymbol;
+  if (r.length === 0)
+    return At({ ...e, symbol: n }, i);
+  const c = r[0]?.symbol || n, w = it(c);
+  let p = {};
+  const x = [];
+  let h = null;
+  if (w === "fill") {
+    const g = ["match", ["to-string", ["get", o]]];
+    for (const a of r) {
+      g.push(pt(a.value)), g.push(O(a.symbol?.color));
+      const v = String(a.value), L = l?.get(v) || a.label || v;
+      x.push({
         type: "fill",
-        color: z(i.symbol?.color),
+        color: O(a.symbol?.color),
         label: L
       });
     }
-    if (v.push(r ? z(r.color) : "rgba(0, 0, 0, 0)"), f = {
-      "fill-color": v,
-      "fill-opacity": we(a)
-    }, Oe(u?.outline)) {
-      const i = Math.max(u.outline.width || 1, 1);
-      g = {
-        "line-color": z(u.outline.color),
-        "line-width": i
+    if (g.push(n ? O(n.color) : "rgba(0, 0, 0, 0)"), p = {
+      "fill-color": g,
+      "fill-opacity": ve(i)
+    }, Te(c?.outline)) {
+      const a = ee(Math.max(c.outline.width || 1, 1));
+      h = {
+        "line-color": O(c.outline.color),
+        "line-width": a
       };
     }
-  } else if (S === "line") {
-    const v = ["match", ["to-string", ["get", o]]];
-    for (const p of n) {
-      v.push(ft(p.value)), v.push(z(p.symbol?.color));
-      const L = String(p.value), T = l?.get(L) || p.label || L;
-      $.push({
+  } else if (w === "line") {
+    const g = ["match", ["to-string", ["get", o]]];
+    for (const f of r) {
+      g.push(pt(f.value)), g.push(O(f.symbol?.color));
+      const L = String(f.value), E = l?.get(L) || f.label || L;
+      x.push({
         type: "line",
-        color: z(p.symbol?.color),
-        width: p.symbol?.width || 1,
-        label: T
+        color: O(f.symbol?.color),
+        width: ee(f.symbol?.width || 1),
+        label: E
       });
     }
-    v.push(r ? z(r.color) : "rgba(0, 0, 0, 0)"), f = {
-      "line-color": v,
-      "line-width": u?.width || 2,
-      "line-opacity": we(a)
+    g.push(n ? O(n.color) : "rgba(0, 0, 0, 0)"), p = {
+      "line-color": g,
+      "line-width": ee(c?.width || 2),
+      "line-opacity": ve(i)
     };
-    const i = n.map((p) => p.symbol?.style).filter(Boolean), b = [...new Set(i)];
-    if (b.length === 1) {
-      const p = it(b[0]);
-      p && (f["line-dasharray"] = p);
-    }
-  } else if (S === "circle") {
-    const v = ["match", ["to-string", ["get", o]]];
-    for (const b of n) {
-      v.push(ft(b.value)), v.push(z(b.symbol?.color));
-      const p = String(b.value), C = l?.get(p) || b.label || p;
-      $.push({
+    const a = r.map((f) => f.symbol?.style).filter(Boolean), v = [...new Set(a)];
+    if (v.length === 1) {
+      const f = at(v[0]);
+      f && (p["line-dasharray"] = f);
+    }
+  } else if (w === "circle") {
+    const g = ["match", ["to-string", ["get", o]]];
+    for (const v of r) {
+      g.push(pt(v.value)), g.push(O(v.symbol?.color));
+      const f = String(v.value), S = l?.get(f) || v.label || f;
+      x.push({
         type: "circle",
-        color: z(b.symbol?.color),
-        label: C
+        color: O(v.symbol?.color),
+        label: S
       });
     }
-    v.push(r ? z(r.color) : "rgba(0, 0, 0, 0)");
-    const i = Math.round((u?.size || 6) * 0.71 * 100) / 100;
-    f = {
-      "circle-color": v,
-      "circle-radius": i,
-      "circle-opacity": we(a)
-    }, Oe(u?.outline) && (f["circle-stroke-color"] = z(u.outline.color), f["circle-stroke-width"] = u.outline.width || 1);
+    g.push(n ? O(n.color) : "rgba(0, 0, 0, 0)");
+    const a = Math.round((c?.size || 6) * 0.71 * 100) / 100;
+    p = {
+      "circle-color": g,
+      "circle-radius": a,
+      "circle-opacity": ve(i)
+    }, Te(c?.outline) && (p["circle-stroke-color"] = O(c.outline.color), p["circle-stroke-width"] = ee(c.outline.width || 1));
   }
-  return { paint: f, legend: $, geomType: S, outlinePaint: g };
+  return { paint: p, legend: x, geomType: w, outlinePaint: h };
 }
-function Jo(e, a) {
-  const l = e.field.toLowerCase(), o = e.classBreakInfos || [], n = e.visualVariables?.find((g) => g.type === "colorInfo");
-  if (n?.stops && n.stops.length > 0)
-    return Ko(n, l, e, a);
+function Xo(e, i) {
+  const l = e.field.toLowerCase(), o = e.classBreakInfos || [], r = e.visualVariables?.find((h) => h.type === "colorInfo");
+  if (r?.stops && r.stops.length > 0)
+    return Yo(r, l, e, i);
   if (o.length === 0)
     return { paint: {}, legend: [], geomType: "fill", outlinePaint: null };
-  const r = o[0]?.symbol, u = nt(r);
-  let S = {};
-  const f = [];
-  let $ = null;
-  if (u === "fill") {
-    const g = ["step", ["get", l]];
-    g.push(z(o[0]?.symbol?.color));
-    for (let v = 0; v < o.length; v++) {
-      const i = o[v];
-      v > 0 && (g.push(o[v - 1].classMaxValue), g.push(z(i.symbol?.color))), f.push({
+  const n = o[0]?.symbol, c = it(n);
+  let w = {};
+  const p = [];
+  let x = null;
+  if (c === "fill") {
+    const h = ["step", ["get", l]];
+    h.push(O(o[0]?.symbol?.color));
+    for (let g = 0; g < o.length; g++) {
+      const a = o[g];
+      g > 0 && (h.push(o[g - 1].classMaxValue), h.push(O(a.symbol?.color))), p.push({
         type: "fill",
-        color: z(i.symbol?.color),
-        label: i.label || `${i.classMaxValue}`
+        color: O(a.symbol?.color),
+        label: a.label || `${a.classMaxValue}`
       });
     }
-    if (S = {
-      "fill-color": g,
-      "fill-opacity": we(a)
-    }, Oe(r?.outline)) {
-      const v = r.outline.width || 1;
-      $ = {
-        "line-color": z(r.outline.color),
-        "line-width": v
+    if (w = {
+      "fill-color": h,
+      "fill-opacity": ve(i)
+    }, Te(n?.outline)) {
+      const g = ee(n.outline.width || 1);
+      x = {
+        "line-color": O(n.outline.color),
+        "line-width": g
       };
     }
-  } else if (u === "line") {
-    const g = o.map((T) => T.symbol?.style || "esriSLSSolid"), v = [...new Set(g)];
-    if (v.length > 1) {
-      const T = [];
-      let _ = g[0], J = [o[0]], I = 0;
-      for (let R = 1; R < o.length; R++)
-        g[R] === _ ? J.push(o[R]) : (T.push({ style: _, breaks: J, startIndex: I }), _ = g[R], J = [o[R]], I = R);
-      T.push({ style: _, breaks: J, startIndex: I });
-      const F = [];
-      let O = e.minValue ?? 0;
-      for (let R = 0; R < T.length; R++) {
-        const ne = T[R], K = ne.breaks, Ve = it(ne.style), Le = R === 0 ? null : T[R - 1].breaks[T[R - 1].breaks.length - 1].classMaxValue, ze = K[K.length - 1].classMaxValue;
-        let Fe;
-        const Se = !!e.defaultSymbol;
-        Le === null ? Fe = `${!Se && e.minValue != null ? `${l} >= ${e.minValue} AND ` : ""}${l} <= ${ze}` : R === T.length - 1 && Se ? Fe = `${l} > ${Le}` : Fe = `${l} > ${Le} AND ${l} <= ${ze}`;
-        const ge = {
-          "line-opacity": we(a)
-        };
-        if (Ve && (ge["line-dasharray"] = Ve), K.length === 1)
-          ge["line-color"] = z(K[0].symbol?.color), ge["line-width"] = K[0].symbol?.width || 2;
-        else {
-          const W = ["step", ["get", l]], de = ["step", ["get", l]];
-          W.push(z(K[0].symbol?.color)), de.push(K[0].symbol?.width || 2);
-          for (let te = 1; te < K.length; te++)
-            W.push(K[te - 1].classMaxValue), W.push(z(K[te].symbol?.color)), de.push(K[te - 1].classMaxValue), de.push(K[te].symbol?.width || 2);
-          ge["line-color"] = W, ge["line-width"] = de;
-        }
-        const Ze = [];
-        for (const W of K)
-          Ze.push({
-            type: "line",
-            color: z(W.symbol?.color),
-            width: W.symbol?.width || 2,
-            label: W.label || `${O} - ${W.classMaxValue}`
-          }), O = W.classMaxValue + 1;
-        const Ee = R === 0 ? "" : `-${ne.style.replace("esriSLS", "").toLowerCase()}`;
-        F.push({ suffix: Ee, where: Fe, paint: ge, legend: Ze });
-      }
-      return { paint: {}, legend: [], geomType: u, outlinePaint: $, splitLayers: F };
-    }
-    const b = ["step", ["get", l]];
-    b.push(z(o[0]?.symbol?.color));
-    let p = e.minValue ?? 0;
-    for (let T = 0; T < o.length; T++) {
-      const _ = o[T];
-      T > 0 && (b.push(o[T - 1].classMaxValue), b.push(z(_.symbol?.color))), f.push({
+  } else if (c === "line") {
+    const h = o.map((E) => E.symbol?.style || "esriSLSSolid"), g = [...new Set(h)];
+    if (g.length > 1) {
+      const E = Ho(o, h, l, e, i);
+      return { paint: {}, legend: [], geomType: c, outlinePaint: x, splitLayers: E };
+    }
+    const v = ["step", ["get", l]];
+    v.push(O(o[0]?.symbol?.color));
+    let f = e.minValue ?? 0;
+    for (let E = 0; E < o.length; E++) {
+      const D = o[E];
+      E > 0 && (v.push(o[E - 1].classMaxValue), v.push(O(D.symbol?.color))), p.push({
         type: "line",
-        color: z(_.symbol?.color),
-        width: _.symbol?.width || r?.width || 2,
-        label: _.label || `${p} - ${_.classMaxValue}`
-      }), p = _.classMaxValue + 1;
-    }
-    const L = r?.width || 2;
-    S = {
-      "line-color": b,
+        color: O(D.symbol?.color),
+        width: ee(D.symbol?.width || n?.width || 2),
+        label: D.label || `${f} - ${D.classMaxValue}`
+      }), f = D.classMaxValue + 1;
+    }
+    const L = ee(n?.width || 2);
+    w = {
+      "line-color": v,
       "line-width": L,
-      "line-opacity": we(a)
+      "line-opacity": ve(i)
     };
-    const C = it(v[0]);
-    C && (S["line-dasharray"] = C);
+    const S = at(g[0]);
+    S && (w["line-dasharray"] = S);
   }
-  return { paint: S, legend: f, geomType: u, outlinePaint: $ };
+  return { paint: w, legend: p, geomType: c, outlinePaint: x };
 }
-function Ko(e, a, l, o) {
-  const n = e.stops || [];
-  if (n.length === 0)
+function Yo(e, i, l, o) {
+  const r = e.stops || [];
+  if (r.length === 0)
     return { paint: {}, legend: [], geomType: "fill", outlinePaint: null };
-  const r = l.classBreakInfos?.[0]?.symbol || l.defaultSymbol, u = nt(r);
-  let S = {};
-  const f = [];
-  let $ = null;
-  if (u === "fill") {
-    const g = ["interpolate", ["linear"], ["get", a]];
-    for (const i of n)
-      g.push(i.value), g.push(z(i.color)), f.push({
+  const n = l.classBreakInfos?.[0]?.symbol || l.defaultSymbol, c = it(n);
+  let w = {};
+  const p = [];
+  let x = null;
+  if (c === "fill") {
+    const h = ["interpolate", ["linear"], ["get", i]];
+    for (const a of r)
+      h.push(a.value), h.push(O(a.color)), p.push({
         type: "fill",
-        color: z(i.color),
-        label: i.label || `${i.value}`
+        color: O(a.color),
+        label: a.label || `${a.value}`
       });
-    if (S = {
+    if (w = {
       "fill-color": [
         "case",
-        ["==", ["get", a], null],
+        ["==", ["get", i], null],
         "rgba(0, 0, 0, 0)",
         // Transparent for null/no-data values
-        g
+        h
         // Otherwise use the interpolated color
       ],
-      "fill-opacity": we(o)
-    }, Oe(r?.outline)) {
-      const i = r.outline.width || 1;
-      $ = {
-        "line-color": z(r.outline.color),
-        "line-width": i
+      "fill-opacity": ve(o)
+    }, Te(n?.outline)) {
+      const a = ee(n.outline.width || 1);
+      x = {
+        "line-color": O(n.outline.color),
+        "line-width": a
       };
     }
   }
-  return { paint: S, legend: f, geomType: u, outlinePaint: $ };
+  return { paint: w, legend: p, geomType: c, outlinePaint: x };
 }
-function Qo(e, a, l, o) {
+function ea(e, i, l, o) {
   if (!e?.renderer)
     return { paint: {}, legend: [], geomType: "fill", outlinePaint: null };
-  const n = e.renderer;
-  switch (n.type) {
+  const r = e.renderer;
+  switch (r.type) {
     case "simple":
-      return _t(n, a);
+      return At(r, i);
     case "uniqueValue":
-      return Ho(n, a, l);
+      return Qo(r, i, l);
     case "classBreaks":
-      return Jo(n, a);
+      return Xo(r, i);
     default:
       return { paint: {}, legend: [], geomType: "fill", outlinePaint: null };
   }
 }
-function Xo(e) {
+function ta(e) {
   if (!e) return null;
-  const a = (e.title || "").replace(/\{([^}]+)\}/g, (r, u) => `{${u.toLowerCase()}}`), o = (e.fieldInfos || []).filter((r) => r.visible === !0).map((r) => {
-    const u = {
-      field: r.fieldName.toLowerCase(),
-      label: r.label || r.fieldName
+  const i = (e.title || "").replace(/\{([^}]+)\}/g, (n, c) => `{${c.toLowerCase()}}`), o = (e.fieldInfos || []).filter((n) => n.visible === !0).map((n) => {
+    const c = {
+      field: n.fieldName.toLowerCase(),
+      label: n.label || n.fieldName
     };
-    return r.format && (u.format = {}, r.format.dateFormat && (u.format.dateFormat = r.format.dateFormat), r.format.digitSeparator !== void 0 && (u.format.digitSeparator = r.format.digitSeparator), r.format.places !== void 0 && (u.format.places = r.format.places), Object.keys(u.format).length === 0 && delete u.format), u;
-  }), n = {
-    title: a,
+    return n.format && (c.format = {}, n.format.dateFormat && (c.format.dateFormat = n.format.dateFormat), n.format.digitSeparator !== void 0 && (c.format.digitSeparator = n.format.digitSeparator), n.format.places !== void 0 && (c.format.places = n.format.places), Object.keys(c.format).length === 0 && delete c.format), c;
+  }), r = {
+    title: i,
     fields: o
   };
-  return e.showTime && (n.showTime = !0), n;
+  return e.showTime && (r.showTime = !0), r;
 }
-function Yo(e) {
+function oa(e) {
   return e?.definitionExpression;
 }
-function ea(e) {
+function aa(e) {
   return (e.includes("_") ? e.split("_").slice(1).join(" ") : e).toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
 }
-function ta(e) {
+function ia(e) {
   return e.includes("_") ? e.split("_").slice(1).join(" ") : e;
 }
-function oa(e) {
-  const a = /* @__PURE__ */ new Map();
+function la(e) {
+  const i = /* @__PURE__ */ new Map();
   if (!e)
-    return a;
+    return i;
   const l = e.split(`
 `), o = /^(\d{1,3})\s+(.+)$/;
-  for (const n of l) {
-    const r = n.trim().match(o);
-    if (r) {
-      const [, u, S] = r;
-      u && S && a.set(u, S.trim());
+  for (const r of l) {
+    const n = r.trim().match(o);
+    if (n) {
+      const [, c, w] = n;
+      c && w && i.set(c, w.trim());
     }
   }
-  return a;
+  return i;
 }
-async function aa(e) {
+async function na(e) {
   try {
-    const a = await fetch(`${e}?f=json`);
-    if (!a.ok)
+    const i = await fetch(`${e}?f=json`);
+    if (!i.ok)
       return null;
-    const l = await a.json();
+    const l = await i.json();
     return l.drawingInfo ? {
       drawingInfo: l.drawingInfo,
       description: l.description
@@ -1568,82 +1579,98 @@ async function aa(e) {
     return null;
   }
 }
-async function Rt(e) {
-  const a = e.operationalLayers || [], l = [], o = ["Zoning and Planning_Land Use"];
-  for (const n of a)
-    if (n.url && !n.title?.toLowerCase().includes("(under construction)") && !(n.url && /\/MapServer(\/\d+)?$/i.test(n.url)))
+function It(e) {
+  const i = {
+    id: e.id,
+    title: e.title,
+    type: e.type,
+    url: e.url,
+    opacity: e.opacity,
+    paint: e.paint,
+    legend: e.legend,
+    popup: e.popup
+  };
+  return e.where && (i.where = e.where), e.minZoom !== void 0 && (i.minZoom = e.minZoom), e.maxZoom !== void 0 && (i.maxZoom = e.maxZoom), e.outlinePaint && (i.outlinePaint = e.outlinePaint), i;
+}
+async function Zt(e) {
+  const i = e.operationalLayers || [], l = [], o = ["Zoning and Planning_Land Use"];
+  for (const r of i)
+    if (r.url && !r.title?.toLowerCase().includes("(under construction)") && !(r.url && /\/MapServer(\/\d+)?$/i.test(r.url)))
       try {
-        let r = n.layerDefinition?.drawingInfo, u;
-        const S = !r || !r.renderer, f = o.includes(n.title), $ = r?.renderer?.uniqueValueInfos?.[0]?.symbol?.outline || r?.renderer?.defaultSymbol?.outline;
-        if ((S || f) && n.url) {
-          const F = await aa(n.url);
-          if (F) {
-            if (r = F.drawingInfo, $ && Oe($) && r?.renderer) {
-              const O = r.renderer, R = O.uniqueValueInfos?.[0]?.symbol?.outline || O.defaultSymbol?.outline;
-              if (!Oe(R)) {
-                for (const ne of O.uniqueValueInfos || [])
-                  ne.symbol && (ne.symbol.outline = $);
-                O.defaultSymbol && (O.defaultSymbol.outline = $);
+        let n = r.layerDefinition?.drawingInfo, c;
+        const w = !n || !n.renderer, p = o.includes(r.title), x = n?.renderer?.uniqueValueInfos?.[0]?.symbol?.outline || n?.renderer?.defaultSymbol?.outline;
+        if ((w || p) && r.url) {
+          const I = await na(r.url);
+          if (I) {
+            if (n = I.drawingInfo, x && Te(x) && n?.renderer) {
+              const _ = n.renderer, te = _.uniqueValueInfos?.[0]?.symbol?.outline || _.defaultSymbol?.outline;
+              if (!Te(te)) {
+                for (const V of _.uniqueValueInfos || [])
+                  V.symbol && (V.symbol.outline = x);
+                _.defaultSymbol && (_.defaultSymbol.outline = x);
               }
             }
-            F.description && (u = oa(F.description), u.size > 0);
+            I.description && (c = la(I.description), c.size > 0);
           }
         }
-        const { paint: g, legend: v, geomType: i, outlinePaint: b, splitLayers: p } = Qo(
-          r,
-          n.opacity,
-          u,
-          n.title
-        ), L = Xo(n.popupInfo), C = Yo(n.layerDefinition), T = Go(n.layerDefinition?.minScale, n.layerDefinition?.maxScale), _ = ea(n.title), J = ta(n.title), I = n.opacity ?? 1;
-        if (p && p.length > 0)
-          for (const F of p) {
-            const O = C ? `(${C}) AND (${F.where})` : F.where, R = {
-              id: `${_}${F.suffix}`,
-              title: J,
-              type: i,
-              url: n.url,
-              opacity: I,
-              paint: F.paint,
-              legend: F.legend,
-              popup: L
-            };
-            O && (R.where = O), T.minZoom !== void 0 && (R.minZoom = T.minZoom), T.maxZoom !== void 0 && (R.maxZoom = T.maxZoom), l.push(R);
-          }
-        else {
-          const F = {
-            id: _,
-            title: J,
-            type: i,
-            url: n.url,
-            opacity: I,
-            paint: g,
-            legend: v,
-            popup: L
-          };
-          C && (F.where = C), T.minZoom !== void 0 && (F.minZoom = T.minZoom), T.maxZoom !== void 0 && (F.maxZoom = T.maxZoom), b && (F.outlinePaint = b), l.push(F);
-        }
+        const { paint: h, legend: g, geomType: a, outlinePaint: v, splitLayers: f } = ea(
+          n,
+          r.opacity,
+          c,
+          r.title
+        ), L = ta(r.popupInfo), S = oa(r.layerDefinition), E = Ko(r.layerDefinition?.minScale, r.layerDefinition?.maxScale), D = aa(r.title), K = ia(r.title), T = r.opacity ?? 1;
+        if (f && f.length > 0)
+          for (const I of f)
+            l.push(It({
+              id: `${D}${I.suffix}`,
+              title: K,
+              type: a,
+              url: r.url,
+              opacity: T,
+              paint: I.paint,
+              legend: I.legend,
+              popup: L,
+              where: S ? `(${S}) AND (${I.where})` : I.where,
+              minZoom: E.minZoom,
+              maxZoom: E.maxZoom
+            }));
+        else
+          l.push(It({
+            id: D,
+            title: K,
+            type: a,
+            url: r.url,
+            opacity: T,
+            paint: h,
+            legend: g,
+            popup: L,
+            where: S,
+            minZoom: E.minZoom,
+            maxZoom: E.maxZoom,
+            outlinePaint: v
+          }));
       } catch {
       }
-  return l.sort((n, r) => n.title.localeCompare(r.title)), l;
+  return l.sort((r, n) => r.title.localeCompare(n.title)), l;
 }
-const Et = {}, bt = "376af635c84643cd816a8c5d017a53aa", Za = bt;
-function wt(e, a) {
+const Ot = {}, wt = "376af635c84643cd816a8c5d017a53aa", Wa = wt;
+function Lt(e, i) {
   let l = `https://www.arcgis.com/sharing/rest/content/items/${e}/data?f=json`;
-  return a && (l += `&token=${a}`), l;
+  return i && (l += `&token=${i}`), l;
 }
-function Na() {
-  return wt(bt);
+function ja() {
+  return Lt(wt);
 }
-const lt = /* @__PURE__ */ new Map(), Qe = /* @__PURE__ */ new Map();
-function ia(e) {
-  e ? (lt.delete(e), Qe.delete(e)) : (lt.clear(), Qe.clear());
+const ot = /* @__PURE__ */ new Map(), He = /* @__PURE__ */ new Map();
+function ra(e) {
+  e ? (ot.delete(e), He.delete(e)) : (ot.clear(), He.clear());
 }
-let tt, It = 0;
-async function la() {
-  const e = typeof import.meta < "u" && Et?.VITE_AGO_USERNAME, a = typeof import.meta < "u" && Et?.VITE_AGO_PASSWORD;
-  if (!(!e || !a)) {
-    if (tt && Date.now() < It - 3e5)
-      return tt;
+let Ye, zt = 0;
+async function sa() {
+  const e = typeof import.meta < "u" && Ot?.VITE_AGO_USERNAME, i = typeof import.meta < "u" && Ot?.VITE_AGO_PASSWORD;
+  if (!(!e || !i)) {
+    if (Ye && Date.now() < zt - 3e5)
+      return Ye;
     try {
       const o = await (await fetch("https://www.arcgis.com/sharing/rest/generateToken", {
         method: "POST",
@@ -1653,191 +1680,191 @@ async function la() {
         body: new URLSearchParams({
           f: "json",
           username: e,
-          password: a,
+          password: i,
           referer: window.location.origin || "https://localhost",
           expiration: "120"
           // 2 hours
         })
       })).json();
-      return o.error ? void 0 : (tt = o.token, It = o.expires, tt);
+      return o.error ? void 0 : (Ye = o.token, zt = o.expires, Ye);
     } catch {
       return;
     }
   }
 }
-async function na(e, a) {
-  const l = wt(e, a), o = await fetch(l, { cache: "no-store" });
+async function ca(e, i) {
+  const l = Lt(e, i), o = await fetch(l, { cache: "no-store" });
   if (!o.ok)
     throw new Error(`Failed to fetch WebMap: ${o.status} ${o.statusText}`);
-  const n = await o.json();
-  if (n.error)
-    throw new Error(`ArcGIS error: ${n.error.message || n.error.code || "Unknown error"}`);
-  return n;
+  const r = await o.json();
+  if (r.error)
+    throw new Error(`ArcGIS error: ${r.error.message || r.error.code || "Unknown error"}`);
+  return r;
 }
-async function ra(e) {
+async function ua(e) {
   try {
-    const a = await la(), l = await na(e, a);
-    return await Rt(l);
-  } catch (a) {
+    const i = await sa(), l = await ca(e, i);
+    return await Zt(l);
+  } catch (i) {
     throw new Error(
-      `Failed to load dynamic layer configs: ${a instanceof Error ? a.message : "Unknown error"}`
+      `Failed to load dynamic layer configs: ${i instanceof Error ? i.message : "Unknown error"}`
     );
   }
 }
-async function mt(e = bt) {
-  const a = lt.get(e);
-  if (a)
-    return a;
-  const l = Qe.get(e);
+async function ht(e = wt) {
+  const i = ot.get(e);
+  if (i)
+    return i;
+  const l = He.get(e);
   if (l)
     return l;
   const o = (async () => {
     try {
-      const n = await ra(e);
-      return lt.set(e, n), n;
+      const r = await ua(e);
+      return ot.set(e, r), r;
     } finally {
-      Qe.delete(e);
+      He.delete(e);
     }
   })();
-  return Qe.set(e, o), o;
+  return He.set(e, o), o;
 }
-function sa(e) {
-  const a = w({}), l = /* @__PURE__ */ new Map();
-  for (const i of e)
-    a.value[i.id] = {
+function da(e) {
+  const i = k({}), l = /* @__PURE__ */ new Map();
+  for (const a of e)
+    i.value[a.id] = {
       data: null,
       loading: !1,
       error: null,
       lastFetched: null
     };
-  async function o(i) {
-    const b = i.id;
-    a.value = {
-      ...a.value,
-      [b]: {
-        data: a.value[b]?.data ?? null,
-        lastFetched: a.value[b]?.lastFetched ?? null,
+  async function o(a) {
+    const v = a.id;
+    i.value = {
+      ...i.value,
+      [v]: {
+        data: i.value[v]?.data ?? null,
+        lastFetched: i.value[v]?.lastFetched ?? null,
         loading: !0,
         error: null
       }
     };
     try {
-      let p;
-      if (i.type === "http-get") {
-        const L = await fetch(i.url, {
+      let f;
+      if (a.type === "http-get") {
+        const L = await fetch(a.url, {
           method: "GET",
-          ...i.options
+          ...a.options
         });
         if (!L.ok)
           throw new Error(`HTTP ${L.status}: ${L.statusText}`);
-        p = await L.json();
-      } else if (i.type === "http-post") {
-        const L = await fetch(i.url, {
+        f = await L.json();
+      } else if (a.type === "http-post") {
+        const L = await fetch(a.url, {
           method: "POST",
-          ...i.options
+          ...a.options
         });
         if (!L.ok)
           throw new Error(`HTTP ${L.status}: ${L.statusText}`);
-        p = await L.json();
-      } else if (i.type === "esri") {
-        const C = `${i.url.replace(/\/$/, "")}/query?where=1%3D1&outFields=*&returnGeometry=false&f=json`, T = await fetch(C, i.options);
-        if (!T.ok)
-          throw new Error(`HTTP ${T.status}: ${T.statusText}`);
-        p = (await T.json()).features?.map((J) => J.attributes) || [];
+        f = await L.json();
+      } else if (a.type === "esri") {
+        const S = `${a.url.replace(/\/$/, "")}/query?where=1%3D1&outFields=*&returnGeometry=false&f=json`, E = await fetch(S, a.options);
+        if (!E.ok)
+          throw new Error(`HTTP ${E.status}: ${E.statusText}`);
+        f = (await E.json()).features?.map((K) => K.attributes) || [];
       } else
-        throw new Error(`Unknown data source type: ${i.type}`);
-      i.transform && (p = i.transform(p)), a.value = {
-        ...a.value,
-        [b]: {
-          data: p,
+        throw new Error(`Unknown data source type: ${a.type}`);
+      a.transform && (f = a.transform(f)), i.value = {
+        ...i.value,
+        [v]: {
+          data: f,
           loading: !1,
           error: null,
           lastFetched: Date.now()
         }
       };
-    } catch (p) {
-      const L = p instanceof Error ? p.message : "Unknown error";
-      a.value = {
-        ...a.value,
-        [b]: {
-          data: a.value[b]?.data ?? null,
-          lastFetched: a.value[b]?.lastFetched ?? null,
+    } catch (f) {
+      const L = f instanceof Error ? f.message : "Unknown error";
+      i.value = {
+        ...i.value,
+        [v]: {
+          data: i.value[v]?.data ?? null,
+          lastFetched: i.value[v]?.lastFetched ?? null,
           loading: !1,
           error: L
         }
       };
     }
   }
-  async function n() {
-    await Promise.all(e.map((i) => o(i)));
+  async function r() {
+    await Promise.all(e.map((a) => o(a)));
   }
-  async function r(i) {
-    const b = e.find((p) => p.id === i);
-    b && await o(b);
+  async function n(a) {
+    const v = e.find((f) => f.id === a);
+    v && await o(v);
   }
-  function u(i) {
-    return a.value[i]?.data ?? null;
+  function c(a) {
+    return i.value[a]?.data ?? null;
   }
-  const S = D(() => Object.values(a.value).some((i) => i.loading));
-  function f(i) {
-    return a.value[i]?.loading ?? !1;
+  const w = z(() => Object.values(i.value).some((a) => a.loading));
+  function p(a) {
+    return i.value[a]?.loading ?? !1;
   }
-  function $(i) {
-    return a.value[i]?.error ?? null;
+  function x(a) {
+    return i.value[a]?.error ?? null;
   }
-  function g() {
-    for (const i of e)
-      if (i.pollInterval && i.pollInterval > 0) {
-        const b = window.setInterval(() => {
-          o(i);
-        }, i.pollInterval);
-        l.set(i.id, b);
+  function h() {
+    for (const a of e)
+      if (a.pollInterval && a.pollInterval > 0) {
+        const v = window.setInterval(() => {
+          o(a);
+        }, a.pollInterval);
+        l.set(a.id, v);
       }
   }
-  function v() {
-    for (const [, i] of l)
-      window.clearInterval(i);
+  function g() {
+    for (const [, a] of l)
+      window.clearInterval(a);
     l.clear();
   }
-  return ot(() => {
-    n(), g();
-  }), Ot(() => {
-    v();
+  return et(() => {
+    r(), h();
+  }), Dt(() => {
+    g();
   }), {
     /** Reactive state for all data sources */
-    state: j(a),
+    state: W(i),
     /** Whether any data source is currently loading */
-    isLoading: S,
+    isLoading: w,
     /** Fetch all data sources */
-    fetchAll: n,
+    fetchAll: r,
     /** Refetch a specific data source by id */
-    refetch: r,
+    refetch: n,
     /** Get data for a specific source */
-    getData: u,
+    getData: c,
     /** Check if a specific source is loading */
-    isSourceLoading: f,
+    isSourceLoading: p,
     /** Get error for a specific source */
-    getError: $,
+    getError: x,
     /** Stop all polling (useful for cleanup) */
-    stopPolling: v
+    stopPolling: g
   };
 }
-const ca = { class: "layerboard-layout" }, ua = ["aria-expanded"], da = {
+const fa = { class: "layerboard-layout" }, pa = ["aria-expanded"], ya = {
   key: 0,
   class: "layerboard-subtitle"
-}, fa = { class: "layerboard-mobile-menu-content" }, pa = { class: "layerboard-main" }, ya = {
+}, ma = { class: "layerboard-mobile-menu-content" }, ha = { class: "layerboard-main" }, ga = {
   key: 0,
   class: "layerboard-loading",
   role: "status",
   "aria-live": "polite"
-}, ma = {
+}, va = {
   key: 1,
   class: "layerboard-error",
   role: "alert"
-}, ha = ["aria-expanded", "aria-label"], ga = { key: 0 }, va = { key: 1 }, ba = {
+}, ba = ["aria-expanded", "aria-label"], wa = { key: 0 }, La = { key: 1 }, Sa = {
   class: "sr-only",
   "aria-live": "polite"
-}, wa = /* @__PURE__ */ he({
+}, Ca = /* @__PURE__ */ pe({
   __name: "Layerboard",
   props: {
     title: {},
@@ -1866,257 +1893,257 @@ const ca = { class: "layerboard-layout" }, ua = ["aria-expanded"], da = {
     initialCenter: { default: void 0 }
   },
   emits: ["configs-loaded", "load-error", "zoom"],
-  setup(e, { expose: a, emit: l }) {
-    const o = e, n = l, r = w([]), u = w(!0), S = w(null), f = w(12), $ = w(""), g = w(/* @__PURE__ */ new Set()), v = w({}), i = w(/* @__PURE__ */ new Set()), b = w({}), p = w({}), L = w(/* @__PURE__ */ new Set()), C = w({});
-    function T() {
+  setup(e, { expose: i, emit: l }) {
+    const o = e, r = l, n = k([]), c = k(!0), w = k(null), p = k(12), x = k(""), h = k(/* @__PURE__ */ new Set()), g = k({}), a = k(/* @__PURE__ */ new Set()), v = k({}), f = k({}), L = k(/* @__PURE__ */ new Set()), S = k({});
+    function E() {
       const y = {};
       for (const M of o.tiledLayers)
         y[M.id] = M.opacity ?? 1;
-      C.value = y;
+      S.value = y;
     }
-    function _(y) {
+    function D(y) {
       L.value.has(y) ? L.value.delete(y) : L.value.add(y), L.value = new Set(L.value);
     }
-    function J(y, M) {
+    function K(y, M) {
       M ? L.value.add(y) : L.value.delete(y), L.value = new Set(L.value);
     }
-    function I(y, M) {
-      C.value = { ...C.value, [y]: M };
+    function T(y, M) {
+      S.value = { ...S.value, [y]: M };
     }
-    const F = o.dataSources.length > 0 ? sa(o.dataSources) : null, O = D(() => F?.state.value ?? {}), R = D(() => F?.isLoading.value ?? !1);
-    function ne(y) {
-      return F?.getData(y) ?? null;
+    const I = o.dataSources.length > 0 ? da(o.dataSources) : null, _ = z(() => I?.state.value ?? {}), te = z(() => I?.isLoading.value ?? !1);
+    function V(y) {
+      return I?.getData(y) ?? null;
     }
-    function K(y) {
-      return F?.refetch(y) ?? Promise.resolve();
+    function ye(y) {
+      return I?.refetch(y) ?? Promise.resolve();
     }
-    Z("layerboard-layers", j(r)), Z("layerboard-visible", g), Z("layerboard-opacities", v), Z("layerboard-loading", j(i)), Z("layerboard-errors", j(b)), Z("layerboard-zoom", j(f)), Z("layerboard-toggle-layer", Ee), Z("layerboard-set-layer-visible", W), Z("layerboard-set-layers-visible", de), Z("layerboard-set-opacity", te), Z("layerboard-tiled-layers", j(D(() => o.tiledLayers))), Z("layerboard-visible-tiled", L), Z("layerboard-tiled-opacities", C), Z("layerboard-toggle-tiled", _), Z("layerboard-set-tiled-opacity", I), Z("layerboard-set-tiled-visible", J), Z("layerboard-data-sources-state", O), Z("layerboard-data-sources-loading", R), Z("layerboard-get-data-source", ne), Z("layerboard-refetch-data-source", K);
-    const Ve = D(() => ({
+    B("layerboard-layers", W(n)), B("layerboard-visible", h), B("layerboard-opacities", g), B("layerboard-loading", W(a)), B("layerboard-errors", W(v)), B("layerboard-zoom", W(p)), B("layerboard-toggle-layer", _e), B("layerboard-set-layer-visible", $e), B("layerboard-set-layers-visible", Re), B("layerboard-set-opacity", Me), B("layerboard-tiled-layers", W(z(() => o.tiledLayers))), B("layerboard-visible-tiled", L), B("layerboard-tiled-opacities", S), B("layerboard-toggle-tiled", D), B("layerboard-set-tiled-opacity", T), B("layerboard-set-tiled-visible", K), B("layerboard-data-sources-state", _), B("layerboard-data-sources-loading", te), B("layerboard-get-data-source", V), B("layerboard-refetch-data-source", ye);
+    const me = z(() => ({
       backgroundColor: o.themeColor
-    })), Le = D(() => ({
+    })), Ue = z(() => ({
       backgroundColor: o.themeColor
-    })), ze = D(() => ({
+    })), Je = z(() => ({
       backgroundColor: o.themeColor
-    })), Fe = D(() => ({
-      width: fe.value ? "0" : o.sidebarWidth
+    })), lt = z(() => ({
+      width: ce.value ? "0" : o.sidebarWidth
     }));
-    async function Se() {
+    async function De() {
       try {
-        u.value = !0, S.value = null;
-        const M = (await mt(o.webMapId)).map((N) => {
-          let X = N;
-          const $e = o.layerStyleOverrides[N.id];
-          $e && (X = {
-            ...X,
-            paint: $e.paint ?? X.paint,
-            outlinePaint: $e.outlinePaint ?? X.outlinePaint,
-            legend: $e.legend ?? X.legend,
-            type: $e.type ?? X.type
+        c.value = !0, w.value = null;
+        const M = (await ht(o.webMapId)).map((N) => {
+          let J = N;
+          const Se = o.layerStyleOverrides[N.id];
+          Se && (J = {
+            ...J,
+            paint: Se.paint ?? J.paint,
+            outlinePaint: Se.outlinePaint ?? J.outlinePaint,
+            legend: Se.legend ?? J.legend,
+            type: Se.type ?? J.type
           });
-          const je = o.popupOverrides[N.id];
-          return je && X.popup && (X = {
-            ...X,
-            popup: { ...X.popup, ...je }
-          }), X;
+          const Ve = o.popupOverrides[N.id];
+          return Ve && J.popup && (J = {
+            ...J,
+            popup: { ...J.popup, ...Ve }
+          }), J;
         });
-        r.value = M.map((N) => ({
+        n.value = M.map((N) => ({
           config: N,
           component: N.type
         }));
-        const Q = {};
+        const H = {};
         M.forEach((N) => {
-          Q[N.id] = N.opacity ?? 1;
-        }), v.value = Q, n("configs-loaded", M);
+          H[N.id] = N.opacity ?? 1;
+        }), g.value = H, r("configs-loaded", M);
       } catch (y) {
         const M = y instanceof Error ? y.message : "Failed to load layer configurations";
-        S.value = M, n("load-error", M);
+        w.value = M, r("load-error", M);
       } finally {
-        u.value = !1;
+        c.value = !1;
       }
     }
-    async function ge() {
+    async function nt() {
       if (o.fetchMetadata)
         try {
           const y = "https://phl.carto.com/api/v2/sql?q=" + encodeURIComponent(
             "select url_text, COALESCE(representation, '') as representation from phl.knack_metadata_reps_endpoints_join WHERE ( format = 'API' OR format = 'GeoService' ) AND url_text IS NOT null"
           ), M = await fetch(y);
           if (!M.ok) return;
-          const Q = await M.json(), N = {};
-          for (const X of Q.rows || [])
-            if (X.url_text && X.representation) {
-              const $e = Dt(X.url_text), je = `https://metadata.phila.gov/#home/representationdetails/${X.representation}/`;
-              N[$e] = je;
+          const H = await M.json(), N = {};
+          for (const J of H.rows || [])
+            if (J.url_text && J.representation) {
+              const Se = Rt(J.url_text), Ve = `https://metadata.phila.gov/#home/representationdetails/${J.representation}/`;
+              N[Se] = Ve;
             }
-          p.value = N;
+          f.value = N;
         } catch {
         }
     }
-    function Ze(y) {
-      f.value = y, n("zoom", y);
+    function rt(y) {
+      p.value = y, r("zoom", y);
     }
-    function Ee(y) {
-      g.value.has(y) ? g.value.delete(y) : g.value.add(y), g.value = new Set(g.value);
+    function _e(y) {
+      h.value.has(y) ? h.value.delete(y) : h.value.add(y), h.value = new Set(h.value);
     }
-    function W(y, M) {
-      M ? g.value.add(y) : g.value.delete(y), g.value = new Set(g.value);
+    function $e(y, M) {
+      M ? h.value.add(y) : h.value.delete(y), h.value = new Set(h.value);
     }
-    function de(y, M) {
-      for (const Q of y)
-        M ? g.value.add(Q) : g.value.delete(Q);
-      g.value = new Set(g.value);
+    function Re(y, M) {
+      for (const H of y)
+        M ? h.value.add(H) : h.value.delete(H);
+      h.value = new Set(h.value);
     }
-    function te(y, M) {
-      v.value = { ...v.value, [y]: M };
+    function Me(y, M) {
+      g.value = { ...g.value, [y]: M };
     }
-    function rt(y, M) {
-      M ? i.value.add(y) : i.value.delete(y), i.value = new Set(i.value);
+    function st(y, M) {
+      M ? a.value.add(y) : a.value.delete(y), a.value = new Set(a.value);
     }
-    function ce(y, M) {
+    function re(y, M) {
       if (M)
-        b.value = { ...b.value, [y]: M };
+        v.value = { ...v.value, [y]: M };
       else {
-        const Q = { ...b.value };
-        delete Q[y], b.value = Q;
+        const H = { ...v.value };
+        delete H[y], v.value = H;
       }
     }
-    function Ne(y) {
-      $.value = y;
+    function Ae(y) {
+      x.value = y;
     }
-    const ae = w(null), De = w(null), st = w(null), Ce = w(null), Ge = w(null), He = w(null), Xe = w(null), ke = w("map");
-    function Ue() {
-      ke.value = ke.value === "sidebar" ? "map" : "sidebar", qe(() => {
-        ke.value === "sidebar" && ae.value?.focus();
+    const ae = k(null), Fe = k(null), ct = k(null), be = k(null), We = k(null), je = k(null), Ke = k(null), we = k("map");
+    function Ze() {
+      we.value = we.value === "sidebar" ? "map" : "sidebar", Ne(() => {
+        we.value === "sidebar" && ae.value?.focus();
       });
     }
-    const ie = w(!1);
-    function Ye() {
-      ie.value = !ie.value, ie.value && qe(() => {
-        Ce.value?.focus();
+    const ie = k(!1);
+    function Qe() {
+      ie.value = !ie.value, ie.value && Ne(() => {
+        be.value?.focus();
       });
     }
-    function _e() {
-      ie.value = !1, qe(() => {
-        De.value?.focus();
+    function Ee() {
+      ie.value = !1, Ne(() => {
+        Fe.value?.focus();
       });
     }
-    const fe = w(!1);
-    function Re() {
-      fe.value = !fe.value;
+    const ce = k(!1);
+    function Ie() {
+      ce.value = !ce.value;
     }
-    const ve = w(!1), Je = w(null);
-    function xe() {
-      Je.value = document.activeElement, ve.value = !0, qe(() => {
-        Xe.value?.focus();
+    const he = k(!1), qe = k(null);
+    function Le() {
+      qe.value = document.activeElement, he.value = !0, Ne(() => {
+        Ke.value?.focus();
       });
     }
-    function re() {
-      ve.value = !1, qe(() => {
-        Je.value?.focus(), Je.value = null;
+    function le() {
+      he.value = !1, Ne(() => {
+        qe.value?.focus(), qe.value = null;
       });
     }
-    function We(y) {
-      y.target.classList.contains("layerboard-modal-backdrop") && re();
+    function Be(y) {
+      y.target.classList.contains("layerboard-modal-backdrop") && le();
     }
-    function ct(y) {
+    function ut(y) {
       if (y.key === "Escape") {
-        _e();
+        Ee();
         return;
       }
-      if (y.key === "Tab" && Ge.value) {
+      if (y.key === "Tab" && We.value) {
         const M = Array.from(
-          Ge.value.querySelectorAll(
+          We.value.querySelectorAll(
             'a[href], button:not([disabled]), textarea, input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])'
           )
         );
         if (M.length === 0) return;
-        const Q = M[0], N = M[M.length - 1];
-        y.shiftKey ? document.activeElement === Q && (y.preventDefault(), N.focus()) : document.activeElement === N && (y.preventDefault(), Q.focus());
+        const H = M[0], N = M[M.length - 1];
+        y.shiftKey ? document.activeElement === H && (y.preventDefault(), N.focus()) : document.activeElement === N && (y.preventDefault(), H.focus());
       }
     }
-    function ut(y) {
+    function dt(y) {
       if (y.key === "Escape") {
-        re();
+        le();
         return;
       }
-      if (y.key === "Tab" && He.value) {
+      if (y.key === "Tab" && je.value) {
         const M = Array.from(
-          He.value.querySelectorAll(
+          je.value.querySelectorAll(
             'a[href], button:not([disabled]), textarea, input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])'
           )
         );
         if (M.length === 0) return;
-        const Q = M[0], N = M[M.length - 1];
-        y.shiftKey ? document.activeElement === Q && (y.preventDefault(), N.focus()) : document.activeElement === N && (y.preventDefault(), Q.focus());
+        const H = M[0], N = M[M.length - 1];
+        y.shiftKey ? document.activeElement === H && (y.preventDefault(), N.focus()) : document.activeElement === N && (y.preventDefault(), H.focus());
       }
     }
-    Z("layerboard-open-modal", xe), Z("layerboard-close-modal", re), Z("layerboard-is-modal-open", j(ve)), a({
+    B("layerboard-open-modal", Le), B("layerboard-close-modal", le), B("layerboard-is-modal-open", W(he)), i({
       /** Layer configurations */
-      layerList: r,
+      layerList: n,
       /** Set of visible layer IDs */
-      visibleLayers: g,
+      visibleLayers: h,
       /** Layer opacity values */
-      layerOpacities: v,
+      layerOpacities: g,
       /** Set of currently loading layer IDs */
-      loadingLayers: i,
+      loadingLayers: a,
       /** Map of layer errors by ID */
-      layerErrors: b,
+      layerErrors: v,
       /** Current map zoom level */
-      currentZoom: f,
+      currentZoom: p,
       /** Toggle a layer's visibility */
-      toggleLayer: Ee,
+      toggleLayer: _e,
       /** Set a layer's visibility explicitly */
-      setLayerVisible: W,
+      setLayerVisible: $e,
       /** Set multiple layers' visibility at once */
-      setLayersVisible: de,
+      setLayersVisible: Re,
       /** Set a layer's opacity */
-      setLayerOpacity: te,
+      setLayerOpacity: Me,
       /** Reload layer configurations */
-      reloadConfigs: Se,
+      reloadConfigs: De,
       /** Clear configuration cache */
-      clearCache: () => ia(o.webMapId),
+      clearCache: () => ra(o.webMapId),
       // Tiled layer APIs
       /** Set of visible tiled layer IDs */
       visibleTiledLayers: L,
       /** Tiled layer opacity values */
-      tiledLayerOpacities: C,
+      tiledLayerOpacities: S,
       /** Toggle a tiled layer's visibility */
-      toggleTiledLayer: _,
+      toggleTiledLayer: D,
       /** Set a tiled layer's visibility explicitly */
-      setTiledLayerVisible: J,
+      setTiledLayerVisible: K,
       /** Set a tiled layer's opacity */
-      setTiledLayerOpacity: I,
+      setTiledLayerOpacity: T,
       // Data source APIs
       /** State of all data sources */
-      dataSourcesState: O,
+      dataSourcesState: _,
       /** Whether any data source is loading */
-      dataSourcesLoading: R,
+      dataSourcesLoading: te,
       /** Get data from a specific data source */
-      getDataSourceData: ne,
+      getDataSourceData: V,
       /** Refetch a specific data source */
-      refetchDataSource: K,
+      refetchDataSource: ye,
       // Modal APIs
       /** Whether the modal is currently open */
-      isModalOpen: ve,
+      isModalOpen: he,
       /** Open the modal */
-      openModal: xe,
+      openModal: Le,
       /** Close the modal */
-      closeModal: re
+      closeModal: le
     });
-    function et(y) {
-      y.key === "Escape" && ie.value && _e();
-    }
-    return ot(() => {
-      Se(), ge(), T(), document.addEventListener("keydown", et);
-    }), qt(() => {
-      document.removeEventListener("keydown", et);
-    }), (y, M) => (m(), x("div", ca, [
+    function Xe(y) {
+      y.key === "Escape" && ie.value && Ee();
+    }
+    return et(() => {
+      De(), nt(), E(), document.addEventListener("keydown", Xe);
+    }), Ht(() => {
+      document.removeEventListener("keydown", Xe);
+    }), (y, M) => (m(), $("div", fa, [
       M[5] || (M[5] = P("a", {
         href: "#main-content",
         class: "skip-to-main-content-link"
       }, "Skip to main content", -1)),
       P("header", {
         class: "layerboard-header",
-        style: ye(Ve.value)
+        style: de(me.value)
       }, [
         M[1] || (M[1] = P("a", {
           href: "https://www.phila.gov/",
@@ -2133,138 +2160,138 @@ const ca = { class: "layerboard-layout" }, ua = ["aria-expanded"], da = {
         }, null, -1)),
         P("button", {
           ref_key: "hamburgerRef",
-          ref: De,
+          ref: Fe,
           class: "layerboard-hamburger layerboard-mobile-only",
           "aria-expanded": ie.value,
           "aria-label": "Toggle menu",
-          onClick: Ye
+          onClick: Qe
         }, [
-          H(d(Me), {
-            "icon-definition": d(Lo),
+          G(d(Ce), {
+            "icon-definition": d(Co),
             size: "medium",
             inline: "",
             decorative: ""
           }, null, 8, ["icon-definition"])
-        ], 8, ua),
-        me(y.$slots, "header", {}, () => [
-          P("h1", null, G(e.title), 1),
-          e.subtitle ? (m(), x("span", da, G(e.subtitle), 1)) : B("", !0)
+        ], 8, pa),
+        fe(y.$slots, "header", {}, () => [
+          P("h1", null, q(e.title), 1),
+          e.subtitle ? (m(), $("span", ya, q(e.subtitle), 1)) : R("", !0)
         ], !0),
-        ie.value ? (m(), x("div", {
+        ie.value ? (m(), $("div", {
           key: 0,
           ref_key: "mobileMenuRef",
-          ref: Ge,
+          ref: We,
           class: "layerboard-mobile-menu",
           role: "dialog",
           "aria-modal": "true",
           "aria-label": "Site menu",
-          style: ye({ backgroundColor: e.themeColor }),
-          onKeydown: ct
+          style: de({ backgroundColor: e.themeColor }),
+          onKeydown: ut
         }, [
-          P("div", fa, [
-            me(y.$slots, "footer", {
-              openModal: xe,
-              closeModal: re,
-              isModalOpen: ve.value
+          P("div", ma, [
+            fe(y.$slots, "footer", {
+              openModal: Le,
+              closeModal: le,
+              isModalOpen: he.value
             }, () => [
-              M[0] || (M[0] = Pe(" City of Philadelphia ", -1))
+              M[0] || (M[0] = ke(" City of Philadelphia ", -1))
             ], !0)
           ]),
           P("button", {
             ref_key: "mobileMenuCloseRef",
-            ref: Ce,
+            ref: be,
             class: "layerboard-mobile-menu-close",
             "aria-label": "Close menu",
-            onClick: _e
+            onClick: Ee
           }, [
-            H(d(Me), {
-              "icon-definition": d(Tt),
+            G(d(Ce), {
+              "icon-definition": d(Ft),
               size: "medium",
               decorative: ""
             }, null, 8, ["icon-definition"])
           ], 512)
-        ], 36)) : B("", !0),
-        ie.value ? (m(), x("div", {
+        ], 36)) : R("", !0),
+        ie.value ? (m(), $("div", {
           key: 1,
           class: "layerboard-mobile-menu-backdrop",
-          onClick: _e
-        })) : B("", !0)
+          onClick: Ee
+        })) : R("", !0)
       ], 4),
-      P("div", pa, [
-        u.value ? (m(), x("div", ya, [
+      P("div", ha, [
+        c.value ? (m(), $("div", ga, [
           P("div", {
             class: "layerboard-spinner",
-            style: ye({ borderTopColor: e.themeColor })
+            style: de({ borderTopColor: e.themeColor })
           }, null, 4),
-          P("p", null, "Loading " + G(e.title) + "...", 1)
-        ])) : S.value ? (m(), x("div", ma, [
+          P("p", null, "Loading " + q(e.title) + "...", 1)
+        ])) : w.value ? (m(), $("div", va, [
           M[3] || (M[3] = P("h2", null, "Error Loading Layers", -1)),
-          P("p", null, G(S.value), 1),
+          P("p", null, q(w.value), 1),
           P("button", {
             class: "layerboard-retry-button",
-            style: ye({ backgroundColor: e.themeColor }),
-            onClick: Se
+            style: de({ backgroundColor: e.themeColor }),
+            onClick: De
           }, " Retry ", 4)
-        ])) : (m(), x(ue, { key: 2 }, [
+        ])) : (m(), $(se, { key: 2 }, [
           P("aside", {
             id: "main-content",
             ref_key: "sidebarRef",
             ref: ae,
-            class: se(["layerboard-sidebar", { "is-active": ke.value === "sidebar" }]),
-            style: ye(Fe.value),
+            class: ne(["layerboard-sidebar", { "is-active": we.value === "sidebar" }]),
+            style: de(lt.value),
             "aria-label": "Map layers",
             tabindex: "-1"
           }, [
-            me(y.$slots, "sidebar", {
-              layers: r.value,
-              visibleLayers: g.value,
-              layerOpacities: v.value,
-              loadingLayers: i.value,
-              layerErrors: b.value,
-              currentZoom: f.value,
-              toggleLayer: Ee,
-              setLayerVisible: W,
-              setLayersVisible: de,
-              setOpacity: te,
+            fe(y.$slots, "sidebar", {
+              layers: n.value,
+              visibleLayers: h.value,
+              layerOpacities: g.value,
+              loadingLayers: a.value,
+              layerErrors: v.value,
+              currentZoom: p.value,
+              toggleLayer: _e,
+              setLayerVisible: $e,
+              setLayersVisible: Re,
+              setOpacity: Me,
               tiledLayers: e.tiledLayers,
               visibleTiledLayers: L.value,
-              tiledLayerOpacities: C.value,
-              toggleTiledLayer: _,
-              setTiledLayerVisible: J,
-              setTiledLayerOpacity: I,
-              dataSourcesState: O.value,
-              dataSourcesLoading: R.value,
-              getDataSource: ne,
-              refetchDataSource: K
+              tiledLayerOpacities: S.value,
+              toggleTiledLayer: D,
+              setTiledLayerVisible: K,
+              setTiledLayerOpacity: T,
+              dataSourcesState: _.value,
+              dataSourcesLoading: te.value,
+              getDataSource: V,
+              refetchDataSource: ye
             }, () => [
-              e.showDefaultSidebar ? (m(), q(Wo, {
+              e.showDefaultSidebar ? (m(), j(qo, {
                 key: 0,
-                "layer-list": r.value,
-                "visible-layers": g.value,
-                "layer-opacities": v.value,
-                "loading-layers": i.value,
-                "layer-errors": b.value,
-                "current-zoom": f.value,
-                "search-query": $.value,
-                "layer-metadata": p.value,
-                onToggleLayer: Ee,
-                onSetOpacity: te,
-                onUpdateSearch: Ne
-              }, null, 8, ["layer-list", "visible-layers", "layer-opacities", "loading-layers", "layer-errors", "current-zoom", "search-query", "layer-metadata"])) : B("", !0)
+                "layer-list": n.value,
+                "visible-layers": h.value,
+                "layer-opacities": g.value,
+                "loading-layers": a.value,
+                "layer-errors": v.value,
+                "current-zoom": p.value,
+                "search-query": x.value,
+                "layer-metadata": f.value,
+                onToggleLayer: _e,
+                onSetOpacity: Me,
+                onUpdateSearch: Ae
+              }, null, 8, ["layer-list", "visible-layers", "layer-opacities", "loading-layers", "layer-errors", "current-zoom", "search-query", "layer-metadata"])) : R("", !0)
             ], !0)
           ], 6),
           P("div", {
             role: "main",
             "aria-label": "Map",
-            class: se(["layerboard-map", { "is-active": ke.value === "map" }])
+            class: ne(["layerboard-map", { "is-active": we.value === "map" }])
           }, [
-            H(oo, {
-              "visible-layers": g.value,
-              "layer-opacities": v.value,
-              "layer-list": r.value,
+            G(io, {
+              "visible-layers": h.value,
+              "layer-opacities": g.value,
+              "layer-list": n.value,
               "tiled-layers": e.tiledLayers,
               "visible-tiled-layers": L.value,
-              "tiled-layer-opacities": C.value,
+              "tiled-layer-opacities": S.value,
               "cyclomedia-config": e.cyclomediaConfig,
               "pictometry-credentials": e.pictometryCredentials,
               "basemap-control-position": e.basemapControlPosition,
@@ -2276,56 +2303,56 @@ const ca = { class: "layerboard-layout" }, ua = ["aria-expanded"], da = {
               "pictometry-button-position": e.pictometryButtonPosition,
               "initial-zoom": e.initialZoom,
               "initial-center": e.initialCenter,
-              onZoom: Ze,
-              onLayerLoading: rt,
-              onLayerError: ce
+              onZoom: rt,
+              onLayerLoading: st,
+              onLayerError: re
             }, 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),
           P("button", {
-            class: se(["layerboard-sidebar-toggle", { "is-collapsed": fe.value }]),
-            style: ye({ left: fe.value ? "0" : o.sidebarWidth }),
-            "aria-expanded": !fe.value,
-            "aria-label": fe.value ? "Expand sidebar" : "Collapse sidebar",
-            onClick: Re
+            class: ne(["layerboard-sidebar-toggle", { "is-collapsed": ce.value }]),
+            style: de({ left: ce.value ? "0" : o.sidebarWidth }),
+            "aria-expanded": !ce.value,
+            "aria-label": ce.value ? "Expand sidebar" : "Collapse sidebar",
+            onClick: Ie
           }, [
-            H(d(Me), {
-              "icon-definition": fe.value ? d(bo) : d(wo),
+            G(d(Ce), {
+              "icon-definition": ce.value ? d(Lo) : d(So),
               size: "medium",
               decorative: ""
             }, null, 8, ["icon-definition"])
-          ], 14, ha)
+          ], 14, ba)
         ], 64))
       ]),
       P("button", {
         ref_key: "mobileToggleRef",
-        ref: st,
+        ref: ct,
         class: "layerboard-mobile-toggle",
-        style: ye(ze.value),
-        onClick: Ue
+        style: de(Je.value),
+        onClick: Ze
       }, [
-        ke.value === "map" ? (m(), x("span", ga, G(e.sidebarLabel), 1)) : (m(), x("span", va, G(e.mapLabel), 1))
+        we.value === "map" ? (m(), $("span", wa, q(e.sidebarLabel), 1)) : (m(), $("span", La, q(e.mapLabel), 1))
       ], 4),
       P("footer", {
         class: "layerboard-footer",
-        style: ye(Le.value)
+        style: de(Ue.value)
       }, [
-        me(y.$slots, "footer", {
-          openModal: xe,
-          closeModal: re,
-          isModalOpen: ve.value
+        fe(y.$slots, "footer", {
+          openModal: Le,
+          closeModal: le,
+          isModalOpen: he.value
         }, () => [
-          M[4] || (M[4] = Pe(" City of Philadelphia ", -1))
+          M[4] || (M[4] = ke(" City of Philadelphia ", -1))
         ], !0)
       ], 4),
-      ve.value ? (m(), x("div", {
+      he.value ? (m(), $("div", {
         key: 0,
         class: "layerboard-modal-backdrop",
-        onClick: We,
-        onKeydown: ut
+        onClick: Be,
+        onKeydown: dt
       }, [
         P("div", {
           ref_key: "modalRef",
-          ref: He,
+          ref: je,
           class: "layerboard-modal",
           role: "dialog",
           "aria-modal": "true",
@@ -2333,27 +2360,27 @@ const ca = { class: "layerboard-layout" }, ua = ["aria-expanded"], da = {
         }, [
           P("button", {
             ref_key: "modalCloseRef",
-            ref: Xe,
+            ref: Ke,
             class: "layerboard-modal-close",
             "aria-label": "Close modal",
-            onClick: re
+            onClick: le
           }, [
-            H(d(Me), {
-              "icon-definition": d(Tt),
+            G(d(Ce), {
+              "icon-definition": d(Ft),
               size: "medium",
               decorative: ""
             }, null, 8, ["icon-definition"])
           ], 512),
-          me(y.$slots, "modal", { closeModal: re }, void 0, !0)
+          fe(y.$slots, "modal", { closeModal: le }, void 0, !0)
         ], 512)
-      ], 32)) : B("", !0),
-      P("span", ba, G(ke.value === "sidebar" ? "Showing layers panel" : "Showing map"), 1)
+      ], 32)) : R("", !0),
+      P("span", Sa, q(we.value === "sidebar" ? "Showing layers panel" : "Showing map"), 1)
     ]));
   }
-}), Ua = /* @__PURE__ */ Te(wa, [["__scopeId", "data-v-67021805"]]), La = ["aria-expanded"], Sa = {
+}), qa = /* @__PURE__ */ xe(Ca, [["__scopeId", "data-v-67021805"]]), ka = ["aria-expanded"], xa = {
   key: 0,
   class: "topic-icon"
-}, Ca = { class: "topic-title" }, ka = /* @__PURE__ */ he({
+}, $a = { class: "topic-title" }, Ma = /* @__PURE__ */ pe({
   __name: "TopicAccordion",
   props: {
     title: {},
@@ -2363,43 +2390,43 @@ const ca = { class: "layerboard-layout" }, ua = ["aria-expanded"], da = {
     headerClass: { default: void 0 }
   },
   emits: ["toggle", "layerChange"],
-  setup(e, { emit: a }) {
-    const l = e, o = a, n = w(l.expanded), r = `topic-panel-${kt()}`, u = `topic-header-${kt()}`;
-    Be(
+  setup(e, { emit: i }) {
+    const l = e, o = i, r = k(l.expanded), n = `topic-panel-${xt()}`, c = `topic-header-${xt()}`;
+    Oe(
       () => l.expanded,
-      (f) => {
-        n.value = f;
+      (p) => {
+        r.value = p;
       }
     );
-    function S() {
-      n.value = !n.value, o("toggle", n.value);
+    function w() {
+      r.value = !r.value, o("toggle", r.value);
     }
-    return (f, $) => {
-      const g = Gt("font-awesome-icon");
-      return m(), x("div", {
-        class: se(["topic-accordion", { "is-expanded": n.value }])
+    return (p, x) => {
+      const h = Jt("font-awesome-icon");
+      return m(), $("div", {
+        class: ne(["topic-accordion", { "is-expanded": r.value }])
       }, [
         P("button", {
-          id: u,
-          class: se(["topic-header", e.headerClass]),
+          id: c,
+          class: ne(["topic-header", e.headerClass]),
           type: "button",
-          "aria-expanded": n.value,
-          "aria-controls": r,
-          onClick: S
+          "aria-expanded": r.value,
+          "aria-controls": n,
+          onClick: w
         }, [
-          e.icon || f.$slots.icon ? (m(), x("span", Sa, [
-            me(f.$slots, "icon", {}, () => [
-              e.icon ? (m(), q(g, {
+          e.icon || p.$slots.icon ? (m(), $("span", xa, [
+            fe(p.$slots, "icon", {}, () => [
+              e.icon ? (m(), j(h, {
                 key: 0,
                 icon: ["fas", e.icon],
                 "aria-hidden": "true"
-              }, null, 8, ["icon"])) : B("", !0)
+              }, null, 8, ["icon"])) : R("", !0)
             ], !0)
-          ])) : B("", !0),
-          P("span", Ca, G(e.title), 1),
+          ])) : R("", !0),
+          P("span", $a, q(e.title), 1),
           P("span", {
-            class: se(["topic-chevron", { "is-rotated": n.value }])
-          }, [...$[0] || ($[0] = [
+            class: ne(["topic-chevron", { "is-rotated": r.value }])
+          }, [...x[0] || (x[0] = [
             P("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               width: "20",
@@ -2415,39 +2442,39 @@ const ca = { class: "layerboard-layout" }, ua = ["aria-expanded"], da = {
               P("polyline", { points: "6 9 12 15 18 9" })
             ], -1)
           ])], 2)
-        ], 10, La),
-        zt(P("div", {
-          id: r,
+        ], 10, ka),
+        _t(P("div", {
+          id: n,
           role: "region",
-          "aria-labelledby": u,
+          "aria-labelledby": c,
           class: "topic-content"
         }, [
-          me(f.$slots, "default", {}, () => [
-            $[1] || ($[1] = P("p", { class: "topic-empty" }, "No content provided for this topic.", -1))
+          fe(p.$slots, "default", {}, () => [
+            x[1] || (x[1] = P("p", { class: "topic-empty" }, "No content provided for this topic.", -1))
           ], !0)
         ], 512), [
-          [Ht, n.value]
+          [Kt, r.value]
         ])
       ], 2);
     };
   }
-}), Wa = /* @__PURE__ */ Te(ka, [["__scopeId", "data-v-a2023afa"]]);
-function xa(e) {
+}), Ga = /* @__PURE__ */ xe(Ma, [["__scopeId", "data-v-a2023afa"]]);
+function Pa(e) {
   return e.displayOptions?.shouldShowCheckbox !== !1;
 }
-function Bt(e, a) {
-  return a ? e.displayOptions?.shouldShowSlider !== !1 : !1;
+function Bt(e, i) {
+  return i ? e.displayOptions?.shouldShowSlider !== !1 : !1;
 }
-function At(e, a) {
-  return a ? e.displayOptions?.shouldShowLegendBox !== !1 : !1;
+function Vt(e, i) {
+  return i ? e.displayOptions?.shouldShowLegendBox !== !1 : !1;
 }
-function Ae(e) {
+function ze(e) {
   return e.displayOptions?.layerNameChange || e.title;
 }
-const $a = ["aria-label"], Ma = ["checked", "disabled", "onChange"], Pa = { class: "layer-title" }, Ta = { class: "layer-title" }, Fa = {
+const Ta = ["aria-label"], Fa = ["checked", "disabled", "onChange"], Ea = { class: "layer-title" }, Ia = { class: "layer-title" }, Oa = {
   key: 0,
   class: "empty-state"
-}, Ea = /* @__PURE__ */ he({
+}, za = /* @__PURE__ */ pe({
   __name: "LayerCheckboxSet",
   props: {
     layers: {},
@@ -2461,79 +2488,79 @@ const $a = ["aria-label"], Ma = ["checked", "disabled", "onChange"], Pa = { clas
     groupLabel: { default: void 0 }
   },
   emits: ["toggleLayer", "setOpacity"],
-  setup(e, { emit: a }) {
-    const l = e, o = a, { isVisible: n, getLayerOpacity: r, isLayerLoading: u, getLayerError: S, isLayerAvailableAtZoom: f } = vt(
+  setup(e, { emit: i }) {
+    const l = e, o = i, { isVisible: r, getLayerOpacity: n, isLayerLoading: c, getLayerError: w, isLayerAvailableAtZoom: p } = bt(
       () => l
     );
-    function $(g) {
-      o("toggleLayer", g);
+    function x(h) {
+      o("toggleLayer", h);
     }
-    return (g, v) => (m(), x("fieldset", {
+    return (h, g) => (m(), $("fieldset", {
       class: "layer-checkbox-set",
       role: "group",
       "aria-label": e.groupLabel
     }, [
-      (m(!0), x(ue, null, be(e.layers, (i) => (m(), x("div", {
-        key: i.id,
+      (m(!0), $(se, null, ge(e.layers, (a) => (m(), $("div", {
+        key: a.id,
         class: "layer-item"
       }, [
-        d(xa)(i) ? (m(), x("label", {
+        d(Pa)(a) ? (m(), $("label", {
           key: 0,
-          class: se(["layer-checkbox", {
-            "layer-unavailable": !d(f)(i),
-            "layer-error": d(S)(i.id)
+          class: ne(["layer-checkbox", {
+            "layer-unavailable": !d(p)(a),
+            "layer-error": d(w)(a.id)
           }])
         }, [
           P("input", {
             type: "checkbox",
-            checked: d(n)(i.id),
-            disabled: !d(f)(i),
-            onChange: (b) => $(i.id)
-          }, null, 40, Ma),
-          P("span", Pa, [
-            Pe(G(d(Ae)(i)) + " ", 1),
-            H(at, {
-              loading: d(u)(i.id),
-              error: d(S)(i.id),
-              unavailable: !d(f)(i)
+            checked: d(r)(a.id),
+            disabled: !d(p)(a),
+            onChange: (v) => x(a.id)
+          }, null, 40, Fa),
+          P("span", Ea, [
+            ke(q(d(ze)(a)) + " ", 1),
+            G(tt, {
+              loading: d(c)(a.id),
+              error: d(w)(a.id),
+              unavailable: !d(p)(a)
             }, null, 8, ["loading", "error", "unavailable"])
           ])
-        ], 2)) : (m(), x("div", {
+        ], 2)) : (m(), $("div", {
           key: 1,
-          class: se(["layer-label-only", {
-            "layer-unavailable": !d(f)(i),
-            "layer-error": d(S)(i.id)
+          class: ne(["layer-label-only", {
+            "layer-unavailable": !d(p)(a),
+            "layer-error": d(w)(a.id)
           }])
         }, [
-          P("span", Ta, [
-            Pe(G(d(Ae)(i)) + " ", 1),
-            H(at, {
-              loading: d(u)(i.id),
-              error: d(S)(i.id),
-              unavailable: !d(f)(i)
+          P("span", Ia, [
+            ke(q(d(ze)(a)) + " ", 1),
+            G(tt, {
+              loading: d(c)(a.id),
+              error: d(w)(a.id),
+              unavailable: !d(p)(a)
             }, null, 8, ["loading", "error", "unavailable"])
           ])
         ], 2)),
-        d(Bt)(i, e.showOpacity) && d(n)(i.id) && d(f)(i) ? (m(), q(ht, {
+        d(Bt)(a, e.showOpacity) && d(r)(a.id) && d(p)(a) ? (m(), j(gt, {
           key: 2,
-          "layer-id": i.id,
-          "layer-name": d(Ae)(i),
-          opacity: d(r)(i.id),
-          "onUpdate:opacity": (b) => o("setOpacity", i.id, b)
-        }, null, 8, ["layer-id", "layer-name", "opacity", "onUpdate:opacity"])) : B("", !0),
-        d(At)(i, e.showLegend) && d(n)(i.id) && d(f)(i) && i.legend?.length ? (m(), q(gt, {
+          "layer-id": a.id,
+          "layer-name": d(ze)(a),
+          opacity: d(n)(a.id),
+          "onUpdate:opacity": (v) => o("setOpacity", a.id, v)
+        }, null, 8, ["layer-id", "layer-name", "opacity", "onUpdate:opacity"])) : R("", !0),
+        d(Vt)(a, e.showLegend) && d(r)(a.id) && d(p)(a) && a.legend?.length ? (m(), j(vt, {
           key: 3,
-          items: i.legend,
-          label: "Legend for " + d(Ae)(i)
-        }, null, 8, ["items", "label"])) : B("", !0)
+          items: a.legend,
+          label: "Legend for " + d(ze)(a)
+        }, null, 8, ["items", "label"])) : R("", !0)
       ]))), 128)),
-      e.layers.length === 0 ? (m(), x("div", Fa, "No layers available")) : B("", !0)
-    ], 8, $a));
+      e.layers.length === 0 ? (m(), $("div", Oa, "No layers available")) : R("", !0)
+    ], 8, Ta));
   }
-}), ja = /* @__PURE__ */ Te(Ea, [["__scopeId", "data-v-bfcd7855"]]), Ia = ["aria-label"], Oa = ["name", "checked", "disabled", "onChange"], za = { class: "layer-title" }, Da = {
+}), Ha = /* @__PURE__ */ xe(za, [["__scopeId", "data-v-bfcd7855"]]), Da = ["aria-label"], _a = ["name", "checked", "disabled", "onChange"], Ra = { class: "layer-title" }, Aa = {
   key: 0,
   class: "empty-state"
-}, _a = /* @__PURE__ */ he({
+}, Za = /* @__PURE__ */ pe({
   __name: "LayerRadioButtonSet",
   props: {
     layers: {},
@@ -2548,259 +2575,259 @@ const $a = ["aria-label"], Ma = ["checked", "disabled", "onChange"], Pa = { clas
     groupLabel: { default: void 0 }
   },
   emits: ["selectLayer", "setOpacity"],
-  setup(e, { emit: a }) {
-    const l = e, o = a, { isVisible: n, getLayerOpacity: r, isLayerLoading: u, getLayerError: S, isLayerAvailableAtZoom: f } = vt(
+  setup(e, { emit: i }) {
+    const l = e, o = i, { isVisible: r, getLayerOpacity: n, isLayerLoading: c, getLayerError: w, isLayerAvailableAtZoom: p } = bt(
       () => l
     );
-    function $(g) {
-      const v = l.layers.filter((i) => l.visibleLayerIds.has(i.id) && i.id !== g).map((i) => i.id);
-      o("selectLayer", g, v);
+    function x(h) {
+      const g = l.layers.filter((a) => l.visibleLayerIds.has(a.id) && a.id !== h).map((a) => a.id);
+      o("selectLayer", h, g);
     }
-    return (g, v) => (m(), x("div", {
+    return (h, g) => (m(), $("div", {
       class: "layer-radio-set",
       role: "radiogroup",
       "aria-label": e.groupLabel
     }, [
-      (m(!0), x(ue, null, be(e.layers, (i) => (m(), x("div", {
-        key: i.id,
+      (m(!0), $(se, null, ge(e.layers, (a) => (m(), $("div", {
+        key: a.id,
         class: "layer-item"
       }, [
         P("label", {
-          class: se(["layer-radio", {
-            "layer-unavailable": !d(f)(i),
-            "layer-error": d(S)(i.id)
+          class: ne(["layer-radio", {
+            "layer-unavailable": !d(p)(a),
+            "layer-error": d(w)(a.id)
           }])
         }, [
           P("input", {
             type: "radio",
             name: e.groupName,
-            checked: d(n)(i.id),
-            disabled: !d(f)(i),
-            onChange: (b) => $(i.id)
-          }, null, 40, Oa),
-          P("span", za, [
-            Pe(G(d(Ae)(i)) + " ", 1),
-            H(at, {
-              loading: d(u)(i.id),
-              error: d(S)(i.id),
-              unavailable: !d(f)(i)
+            checked: d(r)(a.id),
+            disabled: !d(p)(a),
+            onChange: (v) => x(a.id)
+          }, null, 40, _a),
+          P("span", Ra, [
+            ke(q(d(ze)(a)) + " ", 1),
+            G(tt, {
+              loading: d(c)(a.id),
+              error: d(w)(a.id),
+              unavailable: !d(p)(a)
             }, null, 8, ["loading", "error", "unavailable"])
           ])
         ], 2),
-        d(Bt)(i, e.showOpacity) && d(n)(i.id) && d(f)(i) ? (m(), q(ht, {
+        d(Bt)(a, e.showOpacity) && d(r)(a.id) && d(p)(a) ? (m(), j(gt, {
           key: 0,
-          "layer-id": i.id,
-          "layer-name": d(Ae)(i),
-          opacity: d(r)(i.id),
-          "onUpdate:opacity": (b) => o("setOpacity", i.id, b)
-        }, null, 8, ["layer-id", "layer-name", "opacity", "onUpdate:opacity"])) : B("", !0),
-        d(At)(i, e.showLegend) && d(n)(i.id) && d(f)(i) && i.legend?.length ? (m(), q(gt, {
+          "layer-id": a.id,
+          "layer-name": d(ze)(a),
+          opacity: d(n)(a.id),
+          "onUpdate:opacity": (v) => o("setOpacity", a.id, v)
+        }, null, 8, ["layer-id", "layer-name", "opacity", "onUpdate:opacity"])) : R("", !0),
+        d(Vt)(a, e.showLegend) && d(r)(a.id) && d(p)(a) && a.legend?.length ? (m(), j(vt, {
           key: 1,
-          items: i.legend,
-          label: "Legend for " + d(Ae)(i)
-        }, null, 8, ["items", "label"])) : B("", !0)
+          items: a.legend,
+          label: "Legend for " + d(ze)(a)
+        }, null, 8, ["items", "label"])) : R("", !0)
       ]))), 128)),
-      e.layers.length === 0 ? (m(), x("div", Da, "No layers available")) : B("", !0)
-    ], 8, Ia));
+      e.layers.length === 0 ? (m(), $("div", Aa, "No layers available")) : R("", !0)
+    ], 8, Da));
   }
-}), qa = /* @__PURE__ */ Te(_a, [["__scopeId", "data-v-c368d815"]]);
-function Ga(e) {
-  const a = w([]), l = w(/* @__PURE__ */ new Set()), o = w({}), n = w(/* @__PURE__ */ new Set()), r = w({}), u = w(""), S = w(!1), f = w(!1), $ = w(null), g = D(() => {
-    if (!u.value.trim())
-      return a.value;
-    const I = u.value.toLowerCase();
-    return a.value.filter((F) => F.title.toLowerCase().includes(I));
-  }), v = D(() => a.value.map((I) => ({
-    config: I,
-    component: I.type
+}), Ja = /* @__PURE__ */ xe(Za, [["__scopeId", "data-v-c368d815"]]);
+function Ka(e) {
+  const i = k([]), l = k(/* @__PURE__ */ new Set()), o = k({}), r = k(/* @__PURE__ */ new Set()), n = k({}), c = k(""), w = k(!1), p = k(!1), x = k(null), h = z(() => {
+    if (!c.value.trim())
+      return i.value;
+    const T = c.value.toLowerCase();
+    return i.value.filter((I) => I.title.toLowerCase().includes(T));
+  }), g = z(() => i.value.map((T) => ({
+    config: T,
+    component: T.type
     // "circle", "fill", or "line"
   })));
-  async function i() {
-    if (!f.value) {
-      S.value = !0, $.value = null;
+  async function a() {
+    if (!p.value) {
+      w.value = !0, x.value = null;
       try {
-        let I;
-        e.mode === "dynamic" || !e.mode ? e.webMapId ? I = await b(e.webMapId) : I = await mt() : I = await mt(), a.value = I;
-        const F = {};
-        I.forEach((O) => {
-          F[O.id] = O.opacity ?? 1;
-        }), o.value = F, f.value = !0;
-      } catch (I) {
-        $.value = I instanceof Error ? I : new Error("Failed to initialize layerboard");
+        let T;
+        e.mode === "dynamic" || !e.mode ? e.webMapId ? T = await v(e.webMapId) : T = await ht() : T = await ht(), i.value = T;
+        const I = {};
+        T.forEach((_) => {
+          I[_.id] = _.opacity ?? 1;
+        }), o.value = I, p.value = !0;
+      } catch (T) {
+        x.value = T instanceof Error ? T : new Error("Failed to initialize layerboard");
       } finally {
-        S.value = !1;
+        w.value = !1;
       }
     }
   }
-  async function b(I) {
-    const F = wt(I), O = await fetch(F, { cache: "no-store" });
-    if (!O.ok)
-      throw new Error(`Failed to fetch WebMap: ${O.status} ${O.statusText}`);
-    const R = await O.json();
-    return Rt(R);
+  async function v(T) {
+    const I = Lt(T), _ = await fetch(I, { cache: "no-store" });
+    if (!_.ok)
+      throw new Error(`Failed to fetch WebMap: ${_.status} ${_.statusText}`);
+    const te = await _.json();
+    return Zt(te);
   }
-  function p(I) {
-    const F = new Set(l.value);
-    F.has(I) ? F.delete(I) : F.add(I), l.value = F;
+  function f(T) {
+    const I = new Set(l.value);
+    I.has(T) ? I.delete(T) : I.add(T), l.value = I;
   }
-  function L(I, F) {
+  function L(T, I) {
     o.value = {
       ...o.value,
-      [I]: Math.max(0, Math.min(1, F))
+      [T]: Math.max(0, Math.min(1, I))
     };
   }
-  function C(I) {
-    u.value = I;
+  function S(T) {
+    c.value = T;
   }
-  function T(I, F) {
-    const O = new Set(n.value);
-    F ? O.add(I) : O.delete(I), n.value = O;
+  function E(T, I) {
+    const _ = new Set(r.value);
+    I ? _.add(T) : _.delete(T), r.value = _;
   }
-  function _(I, F) {
-    if (F)
-      r.value = { ...r.value, [I]: F };
+  function D(T, I) {
+    if (I)
+      n.value = { ...n.value, [T]: I };
     else {
-      const O = { ...r.value };
-      delete O[I], r.value = O;
+      const _ = { ...n.value };
+      delete _[T], n.value = _;
     }
   }
-  function J() {
-    a.value = [], l.value = /* @__PURE__ */ new Set(), o.value = {}, n.value = /* @__PURE__ */ new Set(), r.value = {}, u.value = "", S.value = !1, f.value = !1, $.value = null;
+  function K() {
+    i.value = [], l.value = /* @__PURE__ */ new Set(), o.value = {}, r.value = /* @__PURE__ */ new Set(), n.value = {}, c.value = "", w.value = !1, p.value = !1, x.value = null;
   }
   return {
     // State (readonly)
-    layerConfigs: j(a),
-    visibleLayers: j(l),
-    layerOpacities: j(o),
-    loadingLayers: j(n),
-    layerErrors: j(r),
-    searchQuery: j(u),
-    isLoading: j(S),
-    isInitialized: j(f),
-    error: j($),
+    layerConfigs: W(i),
+    visibleLayers: W(l),
+    layerOpacities: W(o),
+    loadingLayers: W(r),
+    layerErrors: W(n),
+    searchQuery: W(c),
+    isLoading: W(w),
+    isInitialized: W(p),
+    error: W(x),
     // Computed
-    filteredLayerConfigs: g,
-    layerList: v,
+    filteredLayerConfigs: h,
+    layerList: g,
     // Config
     config: e,
     // Methods
-    initialize: i,
-    toggleLayer: p,
+    initialize: a,
+    toggleLayer: f,
     setLayerOpacity: L,
-    filterLayers: C,
-    setLayerLoading: T,
-    setLayerError: _,
-    reset: J
+    filterLayers: S,
+    setLayerLoading: E,
+    setLayerError: D,
+    reset: K
   };
 }
-function Ha() {
-  const e = w([]), a = w(/* @__PURE__ */ new Set()), l = w(/* @__PURE__ */ new Set());
-  function o(r) {
-    a.value.has(r) ? a.value.delete(r) : a.value.add(r);
+function Qa() {
+  const e = k([]), i = k(/* @__PURE__ */ new Set()), l = k(/* @__PURE__ */ new Set());
+  function o(n) {
+    i.value.has(n) ? i.value.delete(n) : i.value.add(n);
   }
-  function n(r) {
-    e.value = r;
+  function r(n) {
+    e.value = n;
   }
   return {
-    layers: D(() => e.value),
-    visibleLayerIds: D(() => a.value),
-    loadingLayerIds: D(() => l.value),
+    layers: z(() => e.value),
+    visibleLayerIds: z(() => i.value),
+    loadingLayerIds: z(() => l.value),
     toggleLayer: o,
-    setLayers: n
+    setLayers: r
   };
 }
-function Ra(e) {
-  const a = w(null), l = w(!1), o = w(null), n = w(0);
-  async function r(f = {}) {
+function Ba(e) {
+  const i = k(null), l = k(!1), o = k(null), r = k(0);
+  async function n(p = {}) {
     l.value = !0, o.value = null;
-    const $ = e.pageSize || 2e3;
-    let g = 0, v = [], i = !0;
+    const x = e.pageSize || 2e3;
+    let h = 0, g = [], a = !0;
     try {
-      for (; i; ) {
-        const p = e.url.replace(/\/$/, ""), L = encodeURIComponent(f.where || e.where || "1=1");
-        let C = `${p}/query?where=${L}&outFields=*&returnGeometry=true&resultRecordCount=${$}&resultOffset=${g}&f=geojson`;
-        if (f.bounds) {
-          const J = JSON.stringify({
-            xmin: f.bounds.west,
-            ymin: f.bounds.south,
-            xmax: f.bounds.east,
-            ymax: f.bounds.north,
+      for (; a; ) {
+        const f = e.url.replace(/\/$/, ""), L = encodeURIComponent(p.where || e.where || "1=1");
+        let S = `${f}/query?where=${L}&outFields=*&returnGeometry=true&resultRecordCount=${x}&resultOffset=${h}&f=geojson`;
+        if (p.bounds) {
+          const K = JSON.stringify({
+            xmin: p.bounds.west,
+            ymin: p.bounds.south,
+            xmax: p.bounds.east,
+            ymax: p.bounds.north,
             spatialReference: { wkid: 4326 }
           });
-          C += `&geometry=${encodeURIComponent(J)}&geometryType=esriGeometryEnvelope&spatialRel=esriSpatialRelIntersects`;
+          S += `&geometry=${encodeURIComponent(K)}&geometryType=esriGeometryEnvelope&spatialRel=esriSpatialRelIntersects`;
         }
-        const T = await fetch(C);
-        if (!T.ok)
-          throw new Error(`HTTP ${T.status}: ${T.statusText}`);
-        const _ = await T.json();
-        _.features && _.features.length > 0 ? (v = v.concat(_.features), g += _.features.length, i = _.features.length === $) : i = !1;
+        const E = await fetch(S);
+        if (!E.ok)
+          throw new Error(`HTTP ${E.status}: ${E.statusText}`);
+        const D = await E.json();
+        D.features && D.features.length > 0 ? (g = g.concat(D.features), h += D.features.length, a = D.features.length === x) : a = !1;
       }
-      const b = {
+      const v = {
         type: "FeatureCollection",
-        features: v
+        features: g
       };
-      return a.value = b, n.value = v.length, b;
-    } catch (b) {
-      const p = b instanceof Error ? b : new Error("Failed to fetch features");
-      throw o.value = p, p;
+      return i.value = v, r.value = g.length, v;
+    } catch (v) {
+      const f = v instanceof Error ? v : new Error("Failed to fetch features");
+      throw o.value = f, f;
     } finally {
       l.value = !1;
     }
   }
-  function u() {
-    a.value = null, n.value = 0, o.value = null;
+  function c() {
+    i.value = null, r.value = 0, o.value = null;
   }
-  async function S(f = {}) {
-    return r(f);
+  async function w(p = {}) {
+    return n(p);
   }
   return {
     // State (readonly)
-    data: j(a),
-    isLoading: j(l),
-    error: j(o),
-    totalFeatures: j(n),
+    data: W(i),
+    isLoading: W(l),
+    error: W(o),
+    totalFeatures: W(r),
     // Config
     config: e,
     // Methods
-    fetch: r,
-    refetch: S,
-    clear: u
+    fetch: n,
+    refetch: w,
+    clear: c
   };
 }
-function Ja(e, a, l) {
-  const o = Ra(e);
-  return Be(
-    a,
-    async (n) => {
-      if (n) {
-        const r = l(n);
-        await o.fetch(r);
+function Xa(e, i, l) {
+  const o = Ba(e);
+  return Oe(
+    i,
+    async (r) => {
+      if (r) {
+        const n = l(r);
+        await o.fetch(n);
       }
     },
     { immediate: !0 }
   ), o;
 }
 export {
-  ja as LayerCheckboxSet,
-  Wo as LayerPanel,
-  qa as LayerRadioButtonSet,
-  Ua as Layerboard,
-  oo as MapPanel,
-  Wa as TopicAccordion,
-  Za as WEBMAP_ID,
-  wt as buildWebMapUrl,
-  ia as clearCache,
-  mt as getLayerConfigs,
-  Ae as getLayerDisplayName,
-  Na as getWebMapUrl,
-  Dt as normalizeUrl,
-  xa as shouldShowCheckbox,
-  At as shouldShowLegendBox,
+  Ha as LayerCheckboxSet,
+  qo as LayerPanel,
+  Ja as LayerRadioButtonSet,
+  qa as Layerboard,
+  io as MapPanel,
+  Ga as TopicAccordion,
+  Wa as WEBMAP_ID,
+  Lt as buildWebMapUrl,
+  ra as clearCache,
+  ht as getLayerConfigs,
+  ze as getLayerDisplayName,
+  ja as getWebMapUrl,
+  Rt as normalizeUrl,
+  Pa as shouldShowCheckbox,
+  Vt as shouldShowLegendBox,
   Bt as shouldShowSlider,
-  Rt as transformWebMapToLayerConfigs,
-  sa as useApiDataSources,
-  Ra as useDataSource,
-  Ha as useLayerConfig,
-  Ga as useLayerboard,
-  Ja as useReactiveDataSource
+  Zt as transformWebMapToLayerConfigs,
+  da as useApiDataSources,
+  Ba as useDataSource,
+  Qa as useLayerConfig,
+  Ka as useLayerboard,
+  Xa as useReactiveDataSource
 };