@phila/layerboard 3.0.0-beta.32 → 3.0.0-beta.34

package/dist/index.mjs

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