@phila/layerboard 3.0.0-beta.31 → 3.0.0-beta.33

package/dist/index.mjs

@@ -1,7 +1,7 @@
-import { defineComponent as ye, ref as k, watch as Ie, computed as z, nextTick as Ne, onMounted as et, onUnmounted as Rt, createElementBlock as $, openBlock as m, createVNode as H, unref as d, withCtx as Ge, createBlock as q, createCommentVNode as R, Fragment as ue, renderList as ve, useAttrs as qt, toRef as Gt, normalizeClass as re, createElementVNode as P, toDisplayString as G, 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 j, 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 Tt, FillLayer as Ft, LineLayer as pt, 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__ */ ye({
+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 Z, 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: {},
@@ -24,177 +24,187 @@ const io = { class: "map-panel" }, lo = /* @__PURE__ */ ye({
   },
   emits: ["zoom", "layerLoading", "layerError"],
   setup(e, { emit: i }) {
-    const l = e, o = i, r = k(null), n = k(null), c = k(0);
+    const l = e, o = i, r = k(null), n = k(null), u = k(0);
     function w(t) {
-      o("zoom", t), n.value && (c.value = p(n.value));
+      o("zoom", t), n.value && (u.value = p(n.value));
     }
     function p(t) {
-      const u = t.getZoom(), b = t.getCenter().lat, C = 559082264028e-3, F = b * Math.PI / 180;
-      return C * Math.cos(F) / Math.pow(2, u);
-    }
-    const x = k({}), h = k(null), g = k(/* @__PURE__ */ new Set());
-    async function a(t, u, s, b, C) {
-      const F = encodeURIComponent(b || "1=1"), B = JSON.stringify({
-        xmin: u.west,
-        ymin: u.south,
-        xmax: u.east,
-        ymax: u.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 a(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 }
-      }), Y = C !== void 0 && C < 14 ? `&maxAllowableOffset=${360 / (Math.pow(2, C) * 512)}` : "", V = 2e3;
-      let oe = 0, A = [], K = !0;
-      for (; K; ) {
-        const N = `${t}/query?where=${F}&geometry=${encodeURIComponent(B)}&geometryType=esriGeometryEnvelope&spatialRel=esriSpatialRelIntersects&outFields=*&returnGeometry=true&resultRecordCount=${V}&resultOffset=${oe}${Y}&f=geojson`, ne = await fetch(N);
-        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, K = ce.features.length === V) : K = !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`, N = await fetch(j);
+        if (!N.ok)
+          throw new Error(`HTTP ${N.status}: ${N.statusText}`);
+        const ue = await N.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((N) => {
-        if (N.properties) {
-          const ne = {};
-          for (const ce of Object.keys(N.properties))
-            ne[ce.toLowerCase()] = N.properties[ce];
-          return { ...N, properties: ne };
+      return oe = oe.map((j) => {
+        if (j.properties) {
+          const N = {};
+          for (const ue of Object.keys(j.properties))
+            N[ue.toLowerCase()] = j.properties[ue];
+          return { ...j, properties: N };
         }
-        return N;
+        return j;
       }), {
         type: "FeatureCollection",
-        features: A
+        features: oe
       };
     }
-    async function v(t, u, s) {
-      const b = u.map(async (C) => {
-        const F = l.layerList.find((B) => B.config.id === C)?.config;
-        if (F && !(s !== void 0 && F.minZoom !== void 0 && s < F.minZoom)) {
-          o("layerLoading", C, !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(F.url, t, C, F.where, s);
-            x.value = { ...x.value, [C]: B }, o("layerError", C, null);
+            const B = await a(E.url, t, $, E.where, s);
+            C.value = { ...C.value, [$]: B }, o("layerError", $, null);
           } catch (B) {
-            const Y = B instanceof Error ? B.message : "Failed to load";
-            o("layerError", C, Y);
+            const ee = B instanceof Error ? B.message : "Failed to load";
+            o("layerError", $, ee);
           } finally {
-            o("layerLoading", C, !1);
+            o("layerLoading", $, !1);
           }
         }
       });
       await Promise.all(b);
     }
-    async function f(t, u) {
-      const s = [...l.visibleLayers];
-      await v(t, s, u);
+    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 L(t) {
-      h.value = t.bounds, f(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 I(t) {
       n.value = t;
-      const u = t.getBounds();
-      h.value = {
-        west: u.getWest(),
-        south: u.getSouth(),
-        east: u.getEast(),
-        north: u.getNorth()
+      const c = t.getBounds();
+      y.value = {
+        west: c.getWest(),
+        south: c.getSouth(),
+        east: c.getEast(),
+        north: c.getNorth()
       };
       const s = t.getZoom();
-      o("zoom", s), c.value = p(t), f(h.value, s);
+      o("zoom", s), u.value = p(t), L(y.value, s);
     }
-    Ie(
+    Ee(
       () => l.visibleLayers,
       async () => {
-        if (se.value.length > 0 && ie(), h.value) {
-          const t = new Set(l.visibleLayers), u = [...t].filter((s) => !g.value.has(s));
-          if (g.value = new Set(t), u.length > 0) {
-            const s = n.value?.getZoom();
-            await v(h.value, u, s);
+        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 E(t) {
-      return l.visibleLayers.has(t);
-    }
-    function D(t) {
-      return !!x.value[t.id];
-    }
-    const X = z(
-      () => l.layerList.filter((t) => t.config.type === "circle" && E(t.config.id) && D(t.config)).map((t) => t.config)
-    ), T = z(
-      () => l.layerList.filter((t) => t.config.type === "fill" && E(t.config.id) && D(t.config)).map((t) => t.config)
-    ), O = z(
+    function F(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 V(t) {
+      return !!C.value[t.id];
+    }
+    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 && E(t.config.id) && D(t.config)
+        (t) => t.config.type === "fill" && t.config.outlinePaint && F(t.config.id) && V(t.config)
       ).map((t) => t.config)
-    ), _ = z(
-      () => l.layerList.filter((t) => t.config.type === "line" && E(t.config.id) && D(t.config)).map((t) => t.config)
+    ), 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 u = n.value;
-      if (u)
+      await Ze();
+      const c = n.value;
+      if (c)
         for (let s = t.length - 1; s >= 0; s--) {
           const b = s < t.length - 1 ? t[s + 1].id : "highlight-lines";
           try {
-            u.getLayer(t[s].id) && u.moveLayer(t[s].id, b);
+            c.getLayer(t[s].id) && c.moveLayer(t[s].id, b);
           } catch {
           }
         }
     });
-    function te(t) {
+    function U(t) {
       return l.visibleTiledLayers?.has(t) ?? !1;
     }
-    function U(t) {
+    function fe(t) {
       return l.tiledLayerOpacities?.[t] ?? 1;
     }
-    function me(t) {
+    function ve(t) {
       return `${t.replace(/\/$/, "")}/tile/{z}/{y}/{x}`;
     }
-    function he(t) {
+    function st(t) {
       return {
         type: "raster",
-        tiles: [me(t.url)],
+        tiles: [ve(t.url)],
         tileSize: 256,
         attribution: t.attribution || ""
       };
     }
-    const Ue = k({}), Je = k(/* @__PURE__ */ new Set());
-    async function lt(t) {
-      if (!Je.value.has(t.id)) {
-        Je.value.add(t.id);
+    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 u = t.url.replace(/\/$/, ""), s = await fetch(`${u}?f=json`);
+          const c = t.url.replace(/\/$/, ""), s = await fetch(`${c}?f=json`);
           if (!s.ok)
             return;
-          const b = await s.json(), C = b.minScale || 0;
-          let F = b.maxScale || 0;
+          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 && (F === 0 || B.maxScale < F) && (F = B.maxScale);
-          F === 0 && (F = 72e3), Ue.value = {
-            ...Ue.value,
-            [t.id]: { minScale: C, maxScale: F }
+              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 {
         }
       }
     }
-    et(() => {
+    it(() => {
       if (l.tiledLayers)
         for (const t of l.tiledLayers)
-          t.scaleBasedRendering && lt(t);
+          t.scaleBasedRendering && Ue(t);
     });
-    function De(t) {
+    function Qe(t) {
       if (!t.scaleBasedRendering)
         return "tiled";
-      const u = Ue.value[t.id];
-      if (!u)
+      const c = Ne.value[t.id];
+      if (!c)
         return "tiled";
-      const s = c.value;
-      return s === 0 || s > u.maxScale ? "tiled" : "dynamic";
+      const s = u.value;
+      return s === 0 || s > c.maxScale ? "tiled" : "dynamic";
     }
-    const nt = z(() => l.tiledLayers ? l.tiledLayers.filter((t) => te(t.id) ? t.scaleBasedRendering ? De(t) === "tiled" : !0 : !1) : []), rt = z(() => l.tiledLayers ? l.tiledLayers.filter((t) => te(t.id) && t.scaleBasedRendering ? De(t) === "dynamic" : !1) : []);
-    function _e(t) {
+    const ct = _(() => l.tiledLayers ? l.tiledLayers.filter((t) => U(t.id) ? t.scaleBasedRendering ? Qe(t) === "tiled" : !0 : !1) : []), ze = _(() => l.tiledLayers ? l.tiledLayers.filter((t) => U(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,63 +212,63 @@ const io = { class: "map-panel" }, lo = /* @__PURE__ */ ye({
         attribution: t.attribution || ""
       };
     }
-    function Me(t) {
-      return { type: "geojson", data: x.value[t.id], tolerance: 0 };
+    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 u = 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 b = t.type === "circle" ? "circle-color" : t.type === "fill" ? "fill-color" : "line-color", C = { ...t.paint }, F = C[b], B = C[s] === 1, Y = typeof F == "string" && F.startsWith("rgba(");
-      if (B && Y) {
-        if (u === 1)
-          return C;
+      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 (c === 1)
+          return $;
         {
-          const V = F.match(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*([\d.]+)\)/);
-          if (V && V[4]) {
-            const [, oe, A, K, N] = V, ne = parseFloat(N) * u;
-            C[b] = `rgba(${oe}, ${A}, ${K}, ${ne})`, C[s] = 1;
+          const Y = E.match(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*([\d.]+)\)/);
+          if (Y && Y[4]) {
+            const [, ie, oe, A, j] = Y, N = parseFloat(j) * c;
+            $[b] = `rgba(${ie}, ${oe}, ${A}, ${N})`, $[s] = 1;
           }
-          return C;
+          return $;
         }
       }
-      if (Y) {
-        const V = F.match(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*([\d.]+)\)/);
-        if (V) {
-          const [, oe, A, K] = V;
-          C[b] = `rgb(${oe}, ${A}, ${K})`;
+      if (ee) {
+        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 C[s] = u, C;
+      return $[s] = c, $;
     }
-    function st(t) {
-      const u = Re(t.id);
-      return { ...t.outlinePaint, "line-opacity": u };
+    function ut(t) {
+      const c = Pe(t.id);
+      return { ...t.outlinePaint, "line-opacity": c };
     }
-    const se = k([]), Ae = k(null), ae = k(0);
-    function Fe(t) {
-      const u = t.replace(/-outline$/, "");
-      return l.layerList.find((b) => b.config.id === u)?.config;
+    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 ct(t, u) {
+    function Xe(t, c) {
       return t.replace(/\{([^}]+)\}/g, (s, b) => {
-        const C = u[b];
-        return C == null ? "" : String(C);
+        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, u, s) {
+    function qe(t, c, s) {
       if (t == null) return "-";
-      if (u?.dateFormat && typeof t == "number") {
+      if (c?.dateFormat && typeof t == "number") {
         const b = new Date(t);
-        if (s && u.dateFormat === "shortDateShortTime")
+        if (s && c.dateFormat === "shortDateShortTime")
           return b.toLocaleString(void 0, { dateStyle: "short", timeStyle: "short" });
-        switch (u.dateFormat) {
+        switch (c.dateFormat) {
           case "shortDateShortTime":
             return b.toLocaleDateString();
           case "longMonthDayYear":
@@ -272,92 +282,94 @@ const io = { class: "map-panel" }, lo = /* @__PURE__ */ ye({
         }
       }
       if (typeof t == "number") {
-        if (t > 1e12 && !u)
+        if (t > 1e12 && !c)
           return new Date(t).toLocaleDateString();
-        const b = u?.places, C = u?.digitSeparator ?? !0;
+        const b = c?.places, $ = c?.digitSeparator ?? !0;
         if (b !== void 0) {
           if (Number.isInteger(t) && b >= 0)
             return String(t);
-          const F = t.toFixed(b);
-          if (C) {
-            const B = F.split("."), Y = B[0] || "0", V = B[1], oe = Y.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
-            return V ? `${oe}.${V}` : 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 F;
+          return E;
         }
-        return Number.isInteger(t) ? String(t) : C ? t.toLocaleString() : String(t);
+        return Number.isInteger(t) ? String(t) : $ ? t.toLocaleString() : String(t);
       }
       return String(t);
     }
-    function je(t) {
-      const u = /* @__PURE__ */ new Set();
+    function Ye(t) {
+      const c = /* @__PURE__ */ new Set();
       return t.filter((s) => {
-        const C = `${s.layer.id.replace(/-outline$/, "")}:${JSON.stringify(s.properties)}`;
-        return u.has(C) ? !1 : (u.add(C), !0);
+        const $ = `${s.layer.id.replace(/-outline$/, "")}:${JSON.stringify(s.properties)}`;
+        return c.has($) ? !1 : (c.add($), !0);
       });
     }
-    function Ke(t, u) {
-      const s = x.value[t];
+    function Le(t, c) {
+      const s = C.value[t];
       if (!s?.features) return null;
-      const b = u.objectid ?? u.OBJECTID ?? u.FID;
+      const b = c.objectid ?? c.OBJECTID ?? c.FID;
       if (b != null) {
-        const C = s.features.find(
-          (F) => (F.properties?.objectid ?? F.properties?.OBJECTID ?? F.properties?.FID) === b
+        const $ = s.features.find(
+          (E) => (E.properties?.objectid ?? E.properties?.OBJECTID ?? E.properties?.FID) === b
         );
-        if (C) return C.geometry;
+        if ($) return $.geometry;
       }
       return null;
     }
-    function Le(t, u) {
+    function dt(t, c) {
       const s = /* @__PURE__ */ new Map();
-      return u.forEach((b, C) => {
-        s.set(b.id, C);
-      }), t.sort((b, C) => {
-        const F = b.layer.id.replace(/-outline$/, ""), B = C.layer.id.replace(/-outline$/, ""), Y = s.get(F) ?? -1;
-        return (s.get(B) ?? -1) - Y;
+      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 u = n.value;
-      if (!u) return;
+    function le(t) {
+      const c = n.value;
+      if (!c) return;
       const s = [];
       l.layerList.forEach((A) => {
-        const K = A.config;
-        l.visibleLayers.has(K.id) && (s.push(K.id), K.outlinePaint && s.push(`${K.id}-outline`));
+        const j = A.config;
+        F(j.id) && (s.push(j.id), j.outlinePaint && s.push(`${j.id}-outline`));
       });
-      const b = u.project([t.lngLat.lng, t.lngLat.lat]), C = u.queryRenderedFeatures(b, {
-        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 (C.length === 0) return;
-      const F = je(C), B = l.layerList.map((A) => A.config), V = Le(F, B).map((A) => {
-        const K = A.layer.id.replace(/-outline$/, ""), N = Fe(K);
+      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$/, ""), N = De(j);
         if (!N) return null;
-        const ne = Ke(N.id, A.properties || {});
+        const ue = Le(N.id, A.properties || {});
         return {
           layerId: N.id,
           layerTitle: N.title,
           properties: A.properties || {},
-          geometry: ne || A.geometry,
+          geometry: ue || A.geometry,
           popupConfig: N.popup
         };
       }).filter((A) => A !== null);
-      if (V.length === 0) return;
-      V.sort((A, K) => {
-        const N = A.popupConfig?.popupSortField, ne = K.popupConfig?.popupSortField;
-        if (!N || N !== ne) return 0;
-        const ce = A.properties[N], ft = K.properties[N];
-        if (ce == null || ft == null) return 0;
-        const kt = A.popupConfig?.popupSortOrder !== "asc";
-        return ce < ft ? kt ? 1 : -1 : ce > ft ? kt ? -1 : 1 : 0;
-      }), se.value = V, ae.value = 0, Ae.value = [t.lngLat.lng, t.lngLat.lat];
-      const oe = V[0];
+      if (ie.length === 0) return;
+      ie.sort((A, j) => {
+        const N = A.popupConfig?.popupSortField, ue = j.popupConfig?.popupSortField;
+        if (!N || N !== ue) return 0;
+        const pt = A.properties[N], yt = j.properties[N];
+        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 = Fe(oe.layerId);
+        const A = De(oe.layerId);
         if (A) {
-          const K = M(oe.geometry), N = J(A.id, A.type);
-          y.value = {
+          const j = K(oe.geometry), N = W(A.id, A.type);
+          x.value = {
             geometry: oe.geometry,
-            geometryType: K,
+            geometryType: j,
             layerId: A.id,
             properties: oe.properties,
             originalStyle: N
@@ -365,139 +377,139 @@ const io = { class: "map-panel" }, lo = /* @__PURE__ */ ye({
         }
       }
     }
-    function ie() {
-      se.value = [], Ae.value = null, ae.value = 0, y.value = null;
+    function Te() {
+      ce.value = [], Fe.value = null, ae.value = 0, x.value = null;
     }
-    function Qe(t) {
-      if (se.value.length === 0) return;
-      const u = t.target;
-      if (!(u.tagName === "INPUT" || u.tagName === "TEXTAREA" || u.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;
         }
     }
-    et(() => {
-      window.addEventListener("keydown", Qe);
-    }), Rt(() => {
-      window.removeEventListener("keydown", Qe);
+    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 = z(() => se.value.length === 0 ? null : se.value[ae.value]), ge = z(() => {
-      const t = Oe.value;
-      return !t || !t.popupConfig ? t?.layerTitle || "" : ct(t.popupConfig.title, t.properties);
-    }), qe = z(() => {
-      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 u = '<div class="popup-content">';
-      if (u += `<h3 class="popup-title">${we(ge.value)}</h3>`, t.popupConfig?.fields?.length) {
-        u += `<table class="popup-table" aria-label="${we(ge.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 b = We(t.properties[s.field], s.format, t.popupConfig.showTime), C = s.label.toLowerCase(), F = C.includes("url") || C.includes("website"), B = b.startsWith("http://") || b.startsWith("https://") || b.startsWith("www.") || F && b.includes("."), Y = b.startsWith("http://") || b.startsWith("https://") ? b : `https://${b}`, V = B ? `<a href="${we(Y)}" target="_blank" rel="noopener noreferrer">${we(b)}</a>` : we(b);
-          u += `<tr><th scope="row">${we(s.label)}</th><td>${V}</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>`;
         }
-        u += "</table>";
+        c += "</table>";
       }
-      return u += "</div>", u;
-    }), Se = k({
+      return c += "</div>", c;
+    }), re = k({
       type: "FeatureCollection",
       features: []
-    }), le = k({
+    }), Ae = k({
       type: "FeatureCollection",
       features: []
-    }), Ze = k({
+    }), Be = k({
       type: "FeatureCollection",
       features: []
-    }), ut = {
+    }), ft = {
       "circle-radius": ["get", "highlightRadius"],
       "circle-color": "#00FFFF",
       "circle-opacity": 0.8,
       "circle-stroke-width": 2,
       "circle-stroke-color": "#FFFFFF"
-    }, dt = {
+    }, tt = {
       "line-width": ["get", "highlightWidth"],
       "line-color": "#00FFFF",
       "line-opacity": 0.9
-    }, Xe = {
+    }, v = {
       "fill-color": "#808080",
       "fill-opacity": 0.5
-    }, y = k(null);
-    function M(t) {
+    }, x = k(null);
+    function K(t) {
       return t.type;
     }
-    function J(t, u) {
-      const s = Fe(t);
+    function W(t, c) {
+      const s = De(t);
       if (!s) return { radius: 5, width: 2 };
       const b = s.paint || {};
-      if (u === "circle") {
-        const C = b["circle-radius"];
-        return typeof C == "number" ? { radius: C } : { radius: 5 };
+      if (c === "circle") {
+        const $ = b["circle-radius"];
+        return typeof $ == "number" ? { radius: $ } : { radius: 5 };
       }
-      if (u === "line" || u === "fill") {
-        const C = b["line-width"];
-        if (typeof C == "number")
-          return { width: C };
+      if (c === "line" || c === "fill") {
+        const $ = b["line-width"];
+        if (typeof $ == "number")
+          return { width: $ };
         if (s.outlinePaint && s.outlinePaint["line-width"]) {
-          const F = s.outlinePaint["line-width"];
-          if (typeof F == "number")
-            return { width: F };
+          const E = s.outlinePaint["line-width"];
+          if (typeof E == "number")
+            return { width: E };
         }
         return { width: 2 };
       }
       return { radius: 5, width: 2 };
     }
-    function W(t) {
+    function Q(t) {
       return !t || t.length === 0 ? [] : t[0] ?? [];
     }
-    function Q(t) {
-      const { geometry: u, geometryType: s, originalStyle: b } = t;
+    function Se(t) {
+      const { geometry: c, geometryType: s, originalStyle: b } = t;
       if (s === "Point" || s === "MultiPoint") {
-        const F = (b.radius || 5) + 3;
+        const E = (b.radius || 5) + 3;
         return {
           type: "FeatureCollection",
           features: [
             {
               type: "Feature",
-              geometry: u,
+              geometry: c,
               properties: {
-                highlightRadius: F
+                highlightRadius: E
               }
             }
           ]
         };
       }
       if (s === "LineString" || s === "MultiLineString") {
-        const F = (b.width || 2) + 3;
+        const E = (b.width || 2) + 3;
         return {
           type: "FeatureCollection",
           features: [
             {
               type: "Feature",
-              geometry: u,
+              geometry: c,
               properties: {
-                highlightWidth: F
+                highlightWidth: E
               }
             }
           ]
         };
       }
       if (s === "Polygon") {
-        const C = u.coordinates, F = W(C), Y = (b.width || 2) + 3;
+        const $ = c.coordinates, E = Q($), ee = (b.width || 2) + 3;
         return {
           type: "FeatureCollection",
           features: [
@@ -505,24 +517,24 @@ const io = { class: "map-panel" }, lo = /* @__PURE__ */ ye({
               type: "Feature",
               geometry: {
                 type: "LineString",
-                coordinates: F
+                coordinates: E
               },
               properties: {
-                highlightWidth: Y
+                highlightWidth: ee
               }
             }
           ]
         };
       }
       if (s === "MultiPolygon") {
-        const C = u.coordinates, B = (b.width || 2) + 3;
+        const $ = c.coordinates, B = (b.width || 2) + 3;
         return {
           type: "FeatureCollection",
-          features: C.map((V) => ({
+          features: $.map((Y) => ({
             type: "Feature",
             geometry: {
               type: "LineString",
-              coordinates: W(V)
+              coordinates: Q(Y)
             },
             properties: {
               highlightWidth: B
@@ -535,57 +547,57 @@ const io = { class: "map-panel" }, lo = /* @__PURE__ */ ye({
         features: []
       };
     }
-    function Ce(t) {
-      const { geometry: u, geometryType: s } = t;
+    function Ve(t) {
+      const { geometry: c, geometryType: s } = t;
       return s === "Polygon" || s === "MultiPolygon" ? {
         type: "FeatureCollection",
-        features: [{ type: "Feature", geometry: u, properties: {} }]
+        features: [{ type: "Feature", geometry: c, properties: {} }]
       } : { type: "FeatureCollection", features: [] };
     }
-    function Ve(t) {
+    function jt(t) {
       if (!t) {
-        Wt();
+        qt();
         return;
       }
-      const u = Q(t);
-      t.geometryType === "Point" || t.geometryType === "MultiPoint" ? (Se.value = u, le.value = { type: "FeatureCollection", features: [] }, Ze.value = { type: "FeatureCollection", features: [] }) : (le.value = u, Se.value = { type: "FeatureCollection", features: [] }, Ze.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: [] }, Ze.value = { type: "FeatureCollection", features: [] };
+    function qt() {
+      re.value = { type: "FeatureCollection", features: [] }, Ae.value = { type: "FeatureCollection", features: [] }, Be.value = { type: "FeatureCollection", features: [] };
     }
-    Ie(y, (t) => {
-      Ve(t);
-    }), Ie(
+    Ee(x, (t) => {
+      jt(t);
+    }), Ee(
       () => l.visibleLayers,
       (t) => {
-        y.value && !t.has(y.value.layerId) && (y.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) {
-        y.value = null;
+        x.value = null;
         return;
       }
-      const u = Fe(t.layerId);
-      if (u) {
-        const s = M(t.geometry), b = J(u.id, u.type);
-        y.value = {
+      const c = De(t.layerId);
+      if (c) {
+        const s = K(t.geometry), b = W(c.id, c.type);
+        x.value = {
           geometry: t.geometry,
           geometryType: s,
-          layerId: u.id,
+          layerId: c.id,
           properties: t.properties,
           originalStyle: b
         };
       }
     });
-    const Ct = k(null);
-    function jt(t) {
-      const [u, s] = t.geometry.coordinates;
-      Ct.value = [u, s];
+    const kt = k(null);
+    function Gt(t) {
+      const [c, s] = t.geometry.coordinates;
+      kt.value = [c, s];
     }
-    return (t, u) => (m(), $("div", io, [
-      H(d(Yt), {
+    return (t, c) => (m(), M("div", no, [
+      J(f(to), {
         ref_key: "mapRef",
         ref: r,
         zoom: l.initialZoom,
@@ -603,124 +615,124 @@ const io = { class: "map-panel" }, lo = /* @__PURE__ */ ye({
         "tool-panel-layout": "vertical",
         "tool-panel-split-ratio": 50,
         onZoom: w,
-        onClick: ie,
-        onMoveend: L,
-        onLoad: S,
-        onSearchResult: jt
+        onClick: Te,
+        onMoveend: S,
+        onLoad: I,
+        onSearchResult: Gt
       }, {
         default: Ge(() => [
-          l.drawControlPosition !== null ? (m(), q(d(eo), {
+          l.drawControlPosition !== null ? (m(), G(f(oo), {
             key: 0,
             position: l.drawControlPosition
           }, null, 8, ["position"])) : R("", !0),
-          (m(!0), $(ue, null, ve(nt.value, (s) => (m(), q(d(Pt), {
+          (m(!0), M(de, null, we(ct.value, (s) => (m(), G(f(Ft), {
             id: "tiled-" + s.id,
             key: "tiled-" + s.id,
-            source: he(s),
-            paint: { "raster-opacity": U(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)),
-          (m(!0), $(ue, null, ve(rt.value, (s) => (m(), q(d(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": U(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)),
-          (m(!0), $(ue, null, ve(X.value, (s) => (m(), q(d(Tt), {
+          (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)),
-          (m(!0), $(ue, null, ve(T.value, (s) => (m(), q(d(Ft), {
+          (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)),
-          (m(!0), $(ue, null, ve(O.value, (s) => (m(), q(d(pt), {
+          (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: st(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)),
-          (m(!0), $(ue, null, ve(_.value, (s) => (m(), q(d(pt), {
+          (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)),
-          H(d(Tt), {
+          J(f(Tt), {
             id: "highlight-circles",
             key: "highlight-circles-layer",
-            source: { type: "geojson", data: Se.value },
-            paint: ut
+            source: { type: "geojson", data: re.value },
+            paint: ft
           }, null, 8, ["source"]),
-          H(d(Ft), {
+          J(f(It), {
             id: "highlight-fill",
             key: "highlight-fill-layer",
-            source: { type: "geojson", data: Ze.value },
-            paint: Xe
+            source: { type: "geojson", data: Be.value },
+            paint: v
           }, null, 8, ["source"]),
-          H(d(pt), {
+          J(f(mt), {
             id: "highlight-lines",
             key: "highlight-lines-layer",
-            source: { type: "geojson", data: le.value },
-            paint: dt
+            source: { type: "geojson", data: Ae.value },
+            paint: tt
           }, null, 8, ["source"]),
-          H(d(to), {
-            "lng-lat": Ct.value,
+          J(f(ao), {
+            "lng-lat": kt.value,
             color: "#2176d2"
           }, null, 8, ["lng-lat"]),
-          Oe.value && Ae.value ? (m(), q(d(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, i) => {
   const l = e.__vccOpts || e;
   for (const [o, r] of i)
     l[o] = r;
   return l;
-}, no = /* @__PURE__ */ $e(lo, [["__scopeId", "data-v-d0169cac"]]);
-function Bt(e) {
+}, so = /* @__PURE__ */ xe(ro, [["__scopeId", "data-v-7b0b7505"]]);
+function Vt(e) {
   let i = e.split("?")[0] || e;
   return i = i.replace(/\/query$/, ""), i = i.replace(/\/$/, ""), i.toLowerCase();
 }
-const ro = ["disabled"], so = /* @__PURE__ */ ye({
+const co = ["disabled"], uo = /* @__PURE__ */ ge({
   inheritAttrs: !1,
   __name: "PhlButton",
   props: {
@@ -742,14 +754,14 @@ const ro = ["disabled"], so = /* @__PURE__ */ ye({
     svgRaw: {}
   },
   setup(e) {
-    const i = e, l = (c) => "href" in c && c.href !== void 0 || "to" in c && c.to !== void 0, o = z(() => ht(
+    const i = 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 = z(() => l(i) ? "to" in i && i.to !== void 0 ? {
+    )), r = _(() => l(i) ? "to" in i && i.to !== void 0 ? {
       to: i.to,
       disabled: i.disabled,
       className: o.value
@@ -759,7 +771,7 @@ const ro = ["disabled"], so = /* @__PURE__ */ ye({
       rel: i.rel,
       disabled: i.disabled,
       className: o.value
-    } : {}), n = z(
+    } : {}), n = _(
       () => ({
         iconDefinition: i.iconDefinition,
         iconClass: i.iconClass,
@@ -770,51 +782,51 @@ const ro = ["disabled"], so = /* @__PURE__ */ ye({
         size: i.size
       })
     );
-    return (c, w) => l(i) ? (m(), q(d(ao), mt({ key: 0 }, { ...r.value, ...c.$attrs }, { role: "button" }), {
+    return (u, w) => l(i) ? (m(), G(f(lo), ht({ key: 0 }, { ...r.value, ...u.$attrs }, { role: "button" }), {
       default: Ge(() => [
-        H(d(Et), xt($t(n.value)), {
+        J(f(Et), $t(Mt(n.value)), {
           default: Ge(() => [
-            pe(c.$slots, "default", {}, () => [
-              xe(G(i.text), 1)
+            me(u.$slots, "default", {}, () => [
+              ke(H(i.text), 1)
             ])
           ]),
           _: 3
         }, 16)
       ]),
       _: 3
-    }, 16)) : (m(), $("button", mt({
+    }, 16)) : (m(), M("button", ht({
       key: 1,
       type: "button",
       disabled: i.disabled,
       class: o.value
-    }, c.$attrs), [
-      H(d(Et), xt($t(n.value)), {
+    }, u.$attrs), [
+      J(f(Et), $t(Mt(n.value)), {
         default: Ge(() => [
-          pe(c.$slots, "default", {}, () => [
-            xe(G(i.text), 1)
+          me(u.$slots, "default", {}, () => [
+            ke(H(i.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__ */ ye({
+}, Co = /* @__PURE__ */ ge({
   inheritAttrs: !1,
   __name: "TextField",
   props: {
@@ -832,97 +844,97 @@ const yo = ["for"], mo = { class: "state-layer" }, ho = { class: "content" }, go
   },
   emits: ["update:modelValue"],
   setup(e, { emit: i }) {
-    const l = qt(), o = e, r = z(() => typeof o.error == "string" ? o.error : o.error[0]), n = Gt(o, "id"), c = i, w = k(""), p = z({
+    const l = Ht(), o = e, r = _(() => typeof o.error == "string" ? o.error : o.error[0]), n = Jt(o, "id"), u = i, w = k(""), p = _({
       get: () => o.modelValue !== void 0 ? o.modelValue : w.value,
-      set: (f) => {
-        c("update:modelValue", f), w.value = f;
+      set: (d) => {
+        u("update:modelValue", d), w.value = d;
       }
-    }), x = z(() => {
-      const f = ["default-class"];
-      return l.disabled != null && f.push("phila-input--disabled"), r.value && f.push("phila-input--error"), l.required != null && f.push("phila-input--required"), ht(...f);
-    }), h = z(() => {
-      const f = [];
-      return p.value !== "" && f.push("phila-text-field--filled"), o.className && f.push(o.className), ht(...f);
-    }), g = z(() => {
+    }), 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 = k(null), v = (f) => {
-      f.target.closest("button") || a.value?.focus();
+    }), a = k(null), g = (d) => {
+      d.target.closest("button") || a.value?.focus();
     };
-    return (f, L) => (m(), $("div", {
-      class: re(["phila-input", x.value])
+    return (d, L) => (m(), M("div", {
+      class: se(["phila-input", C.value])
     }, [
-      o.label ? (m(), $("label", {
+      o.label ? (m(), M("label", {
         key: 0,
         for: n.value,
         class: "has-text-label-small phila-label"
-      }, G(o.label), 9, yo)) : R("", !0),
+      }, H(o.label), 9, ho)) : R("", !0),
       P("div", {
-        class: re(["phila-text-field", h.value]),
-        onClick: v
+        class: se(["phila-text-field", y.value]),
+        onClick: g
       }, [
-        P("div", mo, [
-          o.leadingIcon ? (m(), q(d(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": L[0] || (L[0] = (S) => p.value = S),
                 class: "phila-text-field-input has-text-body-default",
                 placeholder: o.placeholder,
-                "aria-label": g.value
-              }, d(l)), null, 16, vo), [
-                [Ht, p.value]
+                "aria-label": h.value
+              }, f(l)), null, 16, wo), [
+                [Kt, p.value]
               ])
             ])
           ]),
-          p.value != "" ? (m(), q(d(so), {
+          p.value != "" ? (m(), G(f(uo), {
             key: 1,
             variant: "standard",
             size: "small",
             "icon-only": "",
-            "icon-definition": d(po),
+            "icon-definition": f(mo),
             onClick: L[1] || (L[1] = (S) => p.value = "")
           }, null, 8, ["icon-definition"])) : R("", !0),
-          o.trailingIcon ? (m(), q(d(ke), {
+          o.trailingIcon ? (m(), G(f(Ce), {
             key: 2,
             size: "small",
             "icon-class": o.trailingIcon,
             inline: "",
             decorative: ""
           }, null, 8, ["icon-class"])) : R("", !0),
-          pe(f.$slots, "trailing-action")
+          me(d.$slots, "trailing-action")
         ])
       ], 2),
-      o.supportingText ? (m(), $("div", bo, G(o.supportingText), 1)) : R("", !0),
-      r.value ? (m(), $("div", wo, [
-        H(d(ke), {
-          "icon-definition": d(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(" " + G(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"], To = {
+}, To = ["aria-label"], Io = {
   key: 2,
   class: "zoom-indicator"
-}, Fo = /* @__PURE__ */ ye({
+}, Eo = /* @__PURE__ */ ge({
   __name: "LayerStatusIndicators",
   props: {
     loading: { type: Boolean },
@@ -954,18 +966,18 @@ const Mo = {
     unavailable: { type: Boolean }
   },
   setup(e) {
-    return (i, l) => (m(), $(ue, null, [
-      e.loading && !e.unavailable ? (m(), $("span", Mo, " Loading... ")) : R("", !0),
-      e.error ? (m(), $("span", {
+    return (i, 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 ? (m(), $("span", To, " (zoom in) ")) : R("", !0)
+      }, " Error ", 8, To)) : R("", !0),
+      e.unavailable ? (m(), M("span", Io, " (zoom in) ")) : R("", !0)
     ], 64));
   }
-}), tt = /* @__PURE__ */ $e(Fo, [["__scopeId", "data-v-19b1b402"]]), Eo = { class: "opacity-control" }, Oo = ["for"], Io = ["id", "value", "aria-label"], zo = /* @__PURE__ */ ye({
+}), 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: {},
@@ -979,11 +991,11 @@ const Mo = {
       const n = r.target;
       l("update:opacity", parseFloat(n.value));
     }
-    return (r, n) => (m(), $("div", Eo, [
+    return (r, n) => (m(), M("div", Oo, [
       P("label", {
         class: "opacity-label",
         for: "opacity-" + e.layerId
-      }, " Opacity: " + G(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__ */ ye({
+}), 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) => (m(), $("ul", {
+    return (i, l) => (m(), M("ul", {
       class: "layer-legend",
       "aria-label": e.label
     }, [
-      (m(!0), $(ue, null, ve(e.items, (o, r) => (m(), $("li", {
+      (m(!0), M(de, null, we(e.items, (o, r) => (m(), M("li", {
         key: r,
         class: "legend-item"
       }, [
-        o.type === "circle" ? (m(), $("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" ? (m(), $("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" ? (m(), $("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, G(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 i(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 w = e().currentZoom, p = c.minZoom, x = c.maxZoom;
-    return !(p !== void 0 && w < p || x !== void 0 && w > x);
+  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 };
 }
-const Ao = { class: "layer-panel" }, Bo = {
+const Vo = { class: "layer-panel" }, Zo = {
   key: 0,
   class: "search-box"
-}, Zo = {
+}, No = {
   key: 1,
   class: "topics-container"
-}, Vo = { 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__ */ ye({
+}, Jo = /* @__PURE__ */ ge({
   __name: "LayerPanel",
   props: {
     layerList: {},
@@ -1086,40 +1098,40 @@ const Ao = { class: "layer-panel" }, Bo = {
   },
   emits: ["toggleLayer", "setOpacity", "updateSearch"],
   setup(e, { emit: i }) {
-    const l = e, o = i, r = z(() => {
+    const l = e, o = i, r = _(() => {
       if (!l.searchQuery.trim())
         return l.layerList;
-      const f = l.searchQuery.toLowerCase();
-      return l.layerList.filter((L) => L.config.title.toLowerCase().includes(f));
+      const d = l.searchQuery.toLowerCase();
+      return l.layerList.filter((L) => L.config.title.toLowerCase().includes(d));
     });
-    function n(f) {
-      const L = Bt(f);
+    function n(d) {
+      const L = Vt(d);
       return l.layerMetadata[L] || null;
     }
-    const c = z(() => l.layerList.some((f) => n(f.config.url))), { isVisible: w, getLayerOpacity: p, isLayerLoading: x, getLayerError: h, 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 = z({
+    })), a = _({
       get: () => l.searchQuery,
-      set: (f) => o("updateSearch", f)
+      set: (d) => o("updateSearch", d)
     });
-    function v(f) {
-      o("toggleLayer", f);
+    function g(d) {
+      o("toggleLayer", d);
     }
-    return (f, L) => (m(), $("div", Ao, [
-      e.showSearch ? (m(), $("div", Bo, [
-        H(d(Lo), {
+    return (d, L) => (m(), M("div", Vo, [
+      e.showSearch ? (m(), M("div", Zo, [
+        J(f(Co), {
           modelValue: a.value,
           "onUpdate:modelValue": L[0] || (L[0] = (S) => a.value = S),
           placeholder: e.searchPlaceholder,
           "class-name": "layer-search-field"
         }, {
           "trailing-action": Ge(() => [
-            H(d(ke), {
-              "icon-definition": d(So),
+            J(f(Ce), {
+              "icon-definition": f(ko),
               size: "small",
               inline: "",
               decorative: ""
@@ -1128,154 +1140,190 @@ const Ao = { class: "layer-panel" }, Bo = {
           _: 1
         }, 8, ["modelValue", "placeholder"])
       ])) : R("", !0),
-      e.mode === "topics" ? (m(), $("div", Zo, [
-        pe(f.$slots, "topics", {}, () => [
+      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)
-      ])) : (m(), $("div", {
+      ])) : (m(), M("div", {
         key: 2,
-        class: re(["layer-list", { "has-metadata": c.value }])
+        class: se(["layer-list", { "has-metadata": u.value }])
       }, [
-        (m(!0), $(ue, null, ve(r.value, (S) => (m(), $("div", {
+        (m(!0), M(de, null, we(r.value, (S) => (m(), M("div", {
           key: S.config.id,
           class: "layer-item"
         }, [
-          P("div", Vo, [
-            n(S.config.url) ? (m(), $("a", {
+          P("div", Uo, [
+            n(S.config.url) ? (m(), M("a", {
               key: 0,
               href: n(S.config.url) || "",
               target: "_blank",
               rel: "noopener noreferrer",
               class: "metadata-link",
               "aria-label": "View metadata for " + S.config.title,
-              onClick: L[1] || (L[1] = Jt(() => {
+              onClick: L[1] || (L[1] = Qt(() => {
               }, ["stop"]))
             }, [
-              H(d(ke), {
-                "icon-definition": d($o),
+              J(f(Ce), {
+                "icon-definition": f(Po),
                 size: "small",
                 inline: "",
                 decorative: ""
               }, null, 8, ["icon-definition"])
-            ], 8, No)) : c.value ? (m(), $("span", Uo)) : R("", !0),
+            ], 8, Wo)) : u.value ? (m(), M("span", jo)) : R("", !0),
             P("label", {
-              class: re(["layer-checkbox", {
-                "layer-unavailable": !d(g)(S.config),
-                "layer-error": d(h)(S.config.id)
+              class: se(["layer-checkbox", {
+                "layer-unavailable": !f(h)(S.config),
+                "layer-error": f(y)(S.config.id)
               }])
             }, [
               P("input", {
                 type: "checkbox",
-                checked: d(w)(S.config.id),
-                disabled: !d(g)(S.config),
-                onChange: (E) => v(S.config.id)
-              }, null, 40, Wo),
-              P("span", jo, [
-                xe(G(S.config.title) + " ", 1),
-                H(tt, {
-                  loading: d(x)(S.config.id),
-                  error: d(h)(S.config.id),
-                  unavailable: !d(g)(S.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 && d(w)(S.config.id) && d(g)(S.config) ? (m(), q(vt, {
+          e.showOpacity && f(w)(S.config.id) && f(h)(S.config) ? (m(), G(bt, {
             key: 0,
             "layer-id": S.config.id,
             "layer-name": S.config.title,
-            opacity: d(p)(S.config.id),
-            "onUpdate:opacity": (E) => o("setOpacity", S.config.id, E)
+            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 && d(w)(S.config.id) && d(g)(S.config) && S.config.legend?.length ? (m(), q(bt, {
+          e.showLegend && f(w)(S.config.id) && f(h)(S.config) && S.config.legend?.length ? (m(), G(wt, {
             key: 1,
             items: S.config.legend,
             label: "Legend for " + S.config.title
           }, null, 8, ["items", "label"])) : R("", !0)
         ]))), 128)),
-        r.value.length === 0 ? (m(), $("div", qo, 'No layers match "' + G(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: [4, 3],
-  esriSLSDot: [1, 3],
-  esriSLSDashDot: [4, 3, 1, 3],
-  esriSLSDashDotDot: [4, 3, 1, 3, 1, 3],
+  esriSLSDash: [6, 1.5],
+  esriSLSDot: [1, 1.5],
+  esriSLSDashDot: [6, 1.5, 1, 1.5],
+  esriSLSDashDotDot: [6, 1.5, 1, 1.5, 1, 1.5],
   esriSLSNull: null
 };
-function at(e) {
+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, i, l, o, r) {
   const n = [];
-  let c = i[0], w = [e[0]], p = 0;
+  let u = i[0], w = [e[0]], p = 0;
   for (let a = 1; a < e.length; a++)
-    i[a] === c ? w.push(e[a]) : (n.push({ style: c, breaks: w, startIndex: p }), c = i[a], w = [e[a]], p = a);
-  n.push({ style: c, breaks: w, startIndex: p });
-  const x = [], h = /* @__PURE__ */ new Set();
-  let g = o.minValue ?? 0;
+    i[a] === u ? w.push(e[a]) : (n.push({ style: u, breaks: w, startIndex: p }), u = i[a], w = [e[a]], p = a);
+  n.push({ style: u, breaks: w, startIndex: p });
+  const C = [], y = /* @__PURE__ */ new Set();
+  let h = o.minValue ?? 0;
   for (let a = 0; a < n.length; a++) {
-    const v = n[a], f = v.breaks, L = at(v.style), S = a === 0 ? null : n[a - 1].breaks[n[a - 1].breaks.length - 1].classMaxValue, E = f[f.length - 1].classMaxValue;
-    let D;
-    const X = !!o.defaultSymbol;
-    S === null ? D = `${!X && o.minValue != null ? `${l} >= ${o.minValue} AND ` : ""}${l} <= ${E}` : a === n.length - 1 && X ? D = `${l} > ${S}` : D = `${l} > ${S} AND ${l} <= ${E}`;
+    const g = n[a], d = g.breaks, L = Je(g.style), S = a === 0 ? null : n[a - 1].breaks[n[a - 1].breaks.length - 1].classMaxValue, I = d[d.length - 1].classMaxValue;
+    let F;
+    const V = !!o.defaultSymbol;
+    S === null ? F = `${!V && o.minValue != null ? `${l} >= ${o.minValue} AND ` : ""}${l} <= ${I}` : a === n.length - 1 && V ? F = `${l} > ${S}` : F = `${l} > ${S} AND ${l} <= ${I}`;
     const T = {
-      "line-opacity": be(r)
+      "line-opacity": he(r)
     };
-    if (L && (T["line-dasharray"] = L), f.length === 1)
-      T["line-color"] = I(f[0].symbol?.color), T["line-width"] = ee(f[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 U = ["step", ["get", l]], me = ["step", ["get", l]];
-      U.push(I(f[0].symbol?.color)), me.push(ee(f[0].symbol?.width || 2));
-      for (let he = 1; he < f.length; he++)
-        U.push(f[he - 1].classMaxValue), U.push(I(f[he].symbol?.color)), me.push(f[he - 1].classMaxValue), me.push(ee(f[he].symbol?.width || 2));
-      T["line-color"] = U, T["line-width"] = me;
+      const U = ["step", ["get", l]], fe = ["step", ["get", l]];
+      U.push(z(d[0].symbol?.color)), fe.push(X(d[0].symbol?.width || 2));
+      for (let ve = 1; ve < d.length; ve++)
+        U.push(d[ve - 1].classMaxValue), U.push(z(d[ve].symbol?.color)), fe.push(d[ve - 1].classMaxValue), fe.push(X(d[ve].symbol?.width || 2));
+      T["line-color"] = U, T["line-width"] = fe;
     }
     const O = [];
-    for (const U of f)
+    for (const U of d)
       O.push({
         type: "line",
-        color: I(U.symbol?.color),
-        width: ee(U.symbol?.width || 2),
-        label: U.label || `${g} - ${U.classMaxValue}`
-      }), g = U.classMaxValue + 1;
-    const _ = v.style.replace("esriSLS", "").toLowerCase();
+        color: z(U.symbol?.color),
+        width: X(U.symbol?.width || 2),
+        label: U.label || `${h} - ${U.classMaxValue}`
+      }), h = U.classMaxValue + 1;
+    const D = g.style.replace("esriSLS", "").toLowerCase();
     let te;
-    a === 0 ? te = "" : h.has(_) ? te = `-${_}-${a}` : te = `-${_}`, h.add(_), x.push({ suffix: te, where: D, paint: T, legend: O });
+    a === 0 ? te = "" : y.has(D) ? te = `-${D}-${a}` : te = `-${D}`, y.add(D), C.push({ suffix: te, where: F, paint: T, legend: O });
   }
-  return x;
+  return C;
 }
-function I(e) {
+function Yo(e, i, 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 u = [], w = /* @__PURE__ */ new Set();
+  let p = !0;
+  for (const [C, y] of n) {
+    const h = Je(C), g = y.map((F) => `${i} = '${String(F.value).replace(/'/g, "''")}'`).join(" OR "), d = {
+      "line-opacity": he(o)
+    };
+    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 F = ["match", ["to-string", ["get", i]]];
+      for (const V of y)
+        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 L = [];
+    for (const F of y) {
+      const V = String(F.value), O = r?.get(V) || F.label || V;
+      L.push({
+        type: "line",
+        color: z(F.symbol?.color),
+        width: X(F.symbol?.width || 1),
+        label: O
+      });
+    }
+    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 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)})`;
 }
-function be(e) {
+function he(e) {
   return e !== void 0 ? e : 1;
 }
-function ee(e) {
+function X(e) {
   return Math.round(e * (96 / 72) * 10) / 10;
 }
-const Qo = 559082264;
-function It(e) {
-  return !e || e <= 0 ? null : Math.round(Math.log2(Qo / e) * 100) / 100;
+const ea = 559082264;
+function zt(e) {
+  return !e || e <= 0 ? null : Math.round(Math.log2(ea / e) * 100) / 100;
 }
-function Xo(e, i) {
+function ta(e, i) {
   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);
+    const o = zt(i);
     o !== null && (l.maxZoom = o);
   }
   return l;
 }
-function it(e) {
+function rt(e) {
   if (!e) return "fill";
   switch (e.type) {
     case "esriSFS":
@@ -1292,211 +1340,215 @@ function it(e) {
       return "fill";
   }
 }
-function Te(e) {
+function Me(e) {
   return !(!e || e.style === "esriSLSNull" || e.color === null || e.width === 0 || e.color && e.color[3] === 0);
 }
-function yt(e) {
+function at(e) {
   return String(e);
 }
 function Zt(e, i, l) {
-  const o = e.symbol, r = it(o);
-  let n = {}, c = [], w = null;
+  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, x = p === 0 ? "rgba(0, 0, 0, 0)" : I(o.color), h = p === 0 ? 0 : p < 255 ? 1 : be(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(i);
     if (n = {
-      "fill-color": x,
-      "fill-opacity": h
-    }, Te(o.outline)) {
-      const g = ee(o.outline.width || 1);
+      "fill-color": C,
+      "fill-opacity": y
+    }, Me(o.outline)) {
+      const h = X(o.outline.width || 1);
       w = {
-        "line-color": I(o.outline.color),
-        "line-width": g
+        "line-color": z(o.outline.color),
+        "line-width": h
       };
     }
-    c = [
+    u = [
       {
         type: "fill",
-        color: I(o.color),
+        color: z(o.color),
         label: e.label || "Feature"
       }
     ];
   } else if (r === "line" && o) {
     n = {
-      "line-color": I(o.color),
-      "line-width": ee(o.width || 1),
-      "line-opacity": be(i)
+      "line-color": z(o.color),
+      "line-width": X(o.width || 1),
+      "line-opacity": he(i)
     };
-    const p = at(o.style);
-    p && (n["line-dasharray"] = p), c = [
+    const p = Je(o.style);
+    p && (n["line-dasharray"] = p), u = [
       {
         type: "line",
-        color: I(o.color),
-        width: ee(o.width || 1),
+        color: z(o.color),
+        width: X(o.width || 1),
         label: e.label || "Feature"
       }
     ];
   } else if (r === "circle" && o) {
     const p = Math.round((o.size || 6) * 0.71 * 100) / 100;
     n = {
-      "circle-color": I(o.color),
+      "circle-color": z(o.color),
       "circle-radius": p,
-      "circle-opacity": be(i)
-    }, Te(o.outline) && (n["circle-stroke-color"] = I(o.outline.color), n["circle-stroke-width"] = ee(o.outline.width || 1)), c = [
+      "circle-opacity": he(i)
+    }, Me(o.outline) && (n["circle-stroke-color"] = z(o.outline.color), n["circle-stroke-width"] = X(o.outline.width || 1)), u = [
       {
         type: "circle",
-        color: I(o.color),
+        color: z(o.color),
         label: e.label || "Feature"
       }
     ];
   }
-  return { paint: n, legend: c, geomType: r, outlinePaint: w };
+  return { paint: n, legend: u, geomType: r, outlinePaint: w };
 }
-function Yo(e, i, l) {
+function oa(e, i, l) {
   const o = e.field1.toLowerCase(), r = e.uniqueValueInfos || [], n = e.defaultSymbol;
   if (r.length === 0)
     return Zt({ ...e, symbol: n }, i);
-  const c = r[0]?.symbol || n, w = it(c);
+  const u = r[0]?.symbol || n, w = rt(u);
   let p = {};
-  const x = [];
-  let h = null;
+  const C = [];
+  let y = null;
   if (w === "fill") {
-    const g = ["match", ["to-string", ["get", o]]];
+    const h = ["match", ["to-string", ["get", o]]];
     for (const a of r) {
-      g.push(yt(a.value)), g.push(I(a.symbol?.color));
-      const v = String(a.value), L = l?.get(v) || a.label || v;
-      x.push({
+      h.push(at(a.value)), h.push(z(a.symbol?.color));
+      const g = String(a.value), L = l?.get(g) || a.label || g;
+      C.push({
         type: "fill",
-        color: I(a.symbol?.color),
+        color: z(a.symbol?.color),
         label: L
       });
     }
-    if (g.push(n ? I(n.color) : "rgba(0, 0, 0, 0)"), p = {
-      "fill-color": g,
-      "fill-opacity": be(i)
-    }, Te(c?.outline)) {
-      const a = ee(Math.max(c.outline.width || 1, 1));
-      h = {
-        "line-color": I(c.outline.color),
+    if (h.push(n ? z(n.color) : "rgba(0, 0, 0, 0)"), p = {
+      "fill-color": h,
+      "fill-opacity": he(i)
+    }, Me(u?.outline)) {
+      const a = X(Math.max(u.outline.width || 1, 1));
+      y = {
+        "line-color": z(u.outline.color),
         "line-width": a
       };
     }
   } else if (w === "line") {
-    const g = ["match", ["to-string", ["get", o]]];
-    for (const f of r) {
-      g.push(yt(f.value)), g.push(I(f.symbol?.color));
-      const L = String(f.value), E = l?.get(L) || f.label || L;
-      x.push({
+    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: I(f.symbol?.color),
-        width: ee(f.symbol?.width || 1),
-        label: E
+        color: z(d.symbol?.color),
+        width: X(d.symbol?.width || 1),
+        label: I
       });
     }
-    g.push(n ? I(n.color) : "rgba(0, 0, 0, 0)"), p = {
-      "line-color": g,
-      "line-width": ee(c?.width || 2),
-      "line-opacity": be(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(i)
     };
-    const a = r.map((f) => f.symbol?.style).filter(Boolean), v = [...new Set(a)];
-    if (v.length === 1) {
-      const f = at(v[0]);
-      f && (p["line-dasharray"] = f);
+    const a = r.map((d) => d.symbol?.style || "esriSLSSolid"), g = [...new Set(a)];
+    if (g.length > 1) {
+      const d = Yo(r, o, n, i, 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 g = ["match", ["to-string", ["get", o]]];
-    for (const v of r) {
-      g.push(yt(v.value)), g.push(I(v.symbol?.color));
-      const f = String(v.value), S = l?.get(f) || v.label || f;
-      x.push({
+    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: I(v.symbol?.color),
+        color: z(g.symbol?.color),
         label: S
       });
     }
-    g.push(n ? I(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 a = Math.round((u?.size || 6) * 0.71 * 100) / 100;
     p = {
-      "circle-color": g,
+      "circle-color": h,
       "circle-radius": a,
-      "circle-opacity": be(i)
-    }, Te(c?.outline) && (p["circle-stroke-color"] = I(c.outline.color), p["circle-stroke-width"] = ee(c.outline.width || 1));
+      "circle-opacity": he(i)
+    }, Me(u?.outline) && (p["circle-stroke-color"] = z(u.outline.color), p["circle-stroke-width"] = X(u.outline.width || 1));
   }
-  return { paint: p, legend: x, geomType: w, outlinePaint: h };
+  return { paint: p, legend: C, geomType: w, outlinePaint: y };
 }
-function ea(e, i) {
-  const l = e.field.toLowerCase(), o = e.classBreakInfos || [], r = e.visualVariables?.find((h) => h.type === "colorInfo");
+function aa(e, i) {
+  const l = e.field.toLowerCase(), o = e.classBreakInfos || [], r = e.visualVariables?.find((y) => y.type === "colorInfo");
   if (r?.stops && r.stops.length > 0)
-    return ta(r, l, e, i);
+    return ia(r, l, e, i);
   if (o.length === 0)
     return { paint: {}, legend: [], geomType: "fill", outlinePaint: null };
-  const n = o[0]?.symbol, c = it(n);
+  const n = o[0]?.symbol, u = rt(n);
   let w = {};
   const p = [];
-  let x = null;
-  if (c === "fill") {
-    const h = ["step", ["get", l]];
-    h.push(I(o[0]?.symbol?.color));
-    for (let g = 0; g < o.length; g++) {
-      const a = o[g];
-      g > 0 && (h.push(o[g - 1].classMaxValue), h.push(I(a.symbol?.color))), p.push({
+  let C = null;
+  if (u === "fill") {
+    const y = ["step", ["get", l]];
+    y.push(z(o[0]?.symbol?.color));
+    for (let h = 0; h < o.length; h++) {
+      const a = o[h];
+      h > 0 && (y.push(o[h - 1].classMaxValue), y.push(z(a.symbol?.color))), p.push({
         type: "fill",
-        color: I(a.symbol?.color),
+        color: z(a.symbol?.color),
         label: a.label || `${a.classMaxValue}`
       });
     }
     if (w = {
-      "fill-color": h,
-      "fill-opacity": be(i)
-    }, Te(n?.outline)) {
-      const g = ee(n.outline.width || 1);
-      x = {
-        "line-color": I(n.outline.color),
-        "line-width": g
+      "fill-color": y,
+      "fill-opacity": he(i)
+    }, Me(n?.outline)) {
+      const h = X(n.outline.width || 1);
+      C = {
+        "line-color": z(n.outline.color),
+        "line-width": h
       };
     }
-  } else if (c === "line") {
-    const h = o.map((E) => E.symbol?.style || "esriSLSSolid"), g = [...new Set(h)];
-    if (g.length > 1) {
-      const E = Ko(o, h, l, e, i);
-      return { paint: {}, legend: [], geomType: c, outlinePaint: x, splitLayers: E };
-    }
-    const v = ["step", ["get", l]];
-    v.push(I(o[0]?.symbol?.color));
-    let f = e.minValue ?? 0;
-    for (let E = 0; E < o.length; E++) {
-      const D = o[E];
-      E > 0 && (v.push(o[E - 1].classMaxValue), v.push(I(D.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, i);
+      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: I(D.symbol?.color),
-        width: ee(D.symbol?.width || n?.width || 2),
-        label: D.label || `${f} - ${D.classMaxValue}`
-      }), f = D.classMaxValue + 1;
+        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 = ee(n?.width || 2);
+    const L = X(n?.width || 2);
     w = {
-      "line-color": v,
+      "line-color": g,
       "line-width": L,
-      "line-opacity": be(i)
+      "line-opacity": he(i)
     };
-    const S = at(g[0]);
+    const S = Je(h[0]);
     S && (w["line-dasharray"] = S);
   }
-  return { paint: w, legend: p, geomType: c, outlinePaint: x };
+  return { paint: w, legend: p, geomType: u, outlinePaint: C };
 }
-function ta(e, i, l, o) {
+function ia(e, i, 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 = it(n);
+  const n = l.classBreakInfos?.[0]?.symbol || l.defaultSymbol, u = rt(n);
   let w = {};
   const p = [];
-  let x = null;
-  if (c === "fill") {
-    const h = ["interpolate", ["linear"], ["get", i]];
+  let C = null;
+  if (u === "fill") {
+    const y = ["interpolate", ["linear"], ["get", i]];
     for (const a of r)
-      h.push(a.value), h.push(I(a.color)), p.push({
+      y.push(a.value), y.push(z(a.color)), p.push({
         type: "fill",
-        color: I(a.color),
+        color: z(a.color),
         label: a.label || `${a.value}`
       });
     if (w = {
@@ -1505,21 +1557,21 @@ function ta(e, i, l, o) {
         ["==", ["get", i], null],
         "rgba(0, 0, 0, 0)",
         // Transparent for null/no-data values
-        h
+        y
         // Otherwise use the interpolated color
       ],
-      "fill-opacity": be(o)
-    }, Te(n?.outline)) {
-      const a = ee(n.outline.width || 1);
-      x = {
-        "line-color": I(n.outline.color),
+      "fill-opacity": he(o)
+    }, Me(n?.outline)) {
+      const a = X(n.outline.width || 1);
+      C = {
+        "line-color": z(n.outline.color),
         "line-width": a
       };
     }
   }
-  return { paint: w, legend: p, geomType: c, outlinePaint: x };
+  return { paint: w, legend: p, geomType: u, outlinePaint: C };
 }
-function oa(e, i, l, o) {
+function la(e, i, l, o) {
   if (!e?.renderer)
     return { paint: {}, legend: [], geomType: "fill", outlinePaint: null };
   const r = e.renderer;
@@ -1527,37 +1579,37 @@ function oa(e, i, l, o) {
     case "simple":
       return Zt(r, i);
     case "uniqueValue":
-      return Yo(r, i, l);
+      return oa(r, i, l);
     case "classBreaks":
-      return ea(r, i);
+      return aa(r, i);
     default:
       return { paint: {}, legend: [], geomType: "fill", outlinePaint: null };
   }
 }
-function aa(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 i = (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,
     fields: o
   };
   return e.showTime && (r.showTime = !0), r;
 }
-function ia(e) {
+function ra(e) {
   return e?.definitionExpression;
 }
-function la(e) {
+function sa(e) {
   return (e.includes("_") ? e.split("_").slice(1).join(" ") : e).toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
 }
-function na(e) {
+function ca(e) {
   return e.includes("_") ? e.split("_").slice(1).join(" ") : e;
 }
-function ra(e) {
+function ua(e) {
   const i = /* @__PURE__ */ new Map();
   if (!e)
     return i;
@@ -1566,13 +1618,13 @@ function ra(e) {
   for (const r of l) {
     const n = r.trim().match(o);
     if (n) {
-      const [, c, w] = n;
-      c && w && i.set(c, w.trim());
+      const [, u, w] = n;
+      u && w && i.set(u, w.trim());
     }
   }
   return i;
 }
-async function sa(e) {
+async function da(e) {
   try {
     const i = await fetch(`${e}?f=json`);
     if (!i.ok)
@@ -1586,7 +1638,7 @@ async function sa(e) {
     return null;
   }
 }
-function zt(e) {
+function Dt(e) {
   const i = {
     id: e.id,
     title: e.title,
@@ -1597,40 +1649,41 @@ 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 && (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), e.parentId && (i.parentId = e.parentId), i;
 }
-async function Vt(e) {
+async function Nt(e) {
   const i = e.operationalLayers || [], l = [], o = ["Zoning and Planning_Land Use"];
   for (const r of i)
     if (r.url && !r.title?.toLowerCase().includes("(under construction)") && !(r.url && /\/MapServer(\/\d+)?$/i.test(r.url)))
       try {
-        let n = r.layerDefinition?.drawingInfo, c;
-        const w = !n || !n.renderer, p = o.includes(r.title), x = n?.renderer?.uniqueValueInfos?.[0]?.symbol?.outline || n?.renderer?.defaultSymbol?.outline;
+        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 sa(r.url);
+          const O = await da(r.url);
           if (O) {
-            if (n = O.drawingInfo, x && Te(x) && n?.renderer) {
-              const _ = n.renderer, te = _.uniqueValueInfos?.[0]?.symbol?.outline || _.defaultSymbol?.outline;
-              if (!Te(te)) {
-                for (const U of _.uniqueValueInfos || [])
-                  U.symbol && (U.symbol.outline = x);
-                _.defaultSymbol && (_.defaultSymbol.outline = x);
+            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 U of D.uniqueValueInfos || [])
+                  U.symbol && (U.symbol.outline = C);
+                D.defaultSymbol && (D.defaultSymbol.outline = C);
               }
             }
-            O.description && (c = ra(O.description), c.size > 0);
+            O.description && (u = ua(O.description), u.size > 0);
           }
         }
-        const { paint: h, legend: g, geomType: a, outlinePaint: v, splitLayers: f } = oa(
+        const { paint: y, legend: h, geomType: a, outlinePaint: g, splitLayers: d } = la(
           n,
           r.opacity,
-          c,
+          u,
           r.title
-        ), L = aa(r.popupInfo), S = ia(r.layerDefinition), E = Xo(r.layerDefinition?.minScale, r.layerDefinition?.maxScale), D = la(r.title), X = na(r.title), T = r.opacity ?? 1;
-        if (f && f.length > 0)
-          for (const O of f)
-            l.push(zt({
-              id: `${D}${O.suffix}`,
-              title: X,
+        ), 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,
               url: r.url,
               opacity: T,
@@ -1638,46 +1691,48 @@ async function Vt(e) {
               legend: O.legend,
               popup: L,
               where: S ? `(${S}) AND (${O.where})` : O.where,
-              minZoom: E.minZoom,
-              maxZoom: E.maxZoom
+              minZoom: I.minZoom,
+              maxZoom: I.maxZoom,
+              parentId: O.suffix ? F : void 0
             }));
+          }
         else
-          l.push(zt({
-            id: D,
-            title: X,
+          l.push(Dt({
+            id: F,
+            title: V,
             type: a,
             url: r.url,
             opacity: T,
-            paint: h,
-            legend: g,
+            paint: y,
+            legend: h,
             popup: L,
             where: S,
-            minZoom: E.minZoom,
-            maxZoom: E.maxZoom,
-            outlinePaint: v
+            minZoom: I.minZoom,
+            maxZoom: I.maxZoom,
+            outlinePaint: g
           }));
       } catch {
       }
   return l.sort((r, n) => r.title.localeCompare(n.title)), l;
 }
-const Dt = {}, Lt = "376af635c84643cd816a8c5d017a53aa", qa = Lt;
-function St(e, i) {
+const _t = {}, St = "376af635c84643cd816a8c5d017a53aa", Ja = St;
+function Ct(e, i) {
   let l = `https://www.arcgis.com/sharing/rest/content/items/${e}/data?f=json`;
   return i && (l += `&token=${i}`), l;
 }
-function Ga() {
-  return St(Lt);
+function Ka() {
+  return Ct(St);
 }
-const ot = /* @__PURE__ */ new Map(), He = /* @__PURE__ */ new Map();
-function ca(e) {
-  e ? (ot.delete(e), He.delete(e)) : (ot.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 Ye, _t = 0;
-async function ua() {
-  const e = typeof import.meta < "u" && Dt?.VITE_AGO_USERNAME, i = typeof import.meta < "u" && Dt?.VITE_AGO_PASSWORD;
+let ot, Rt = 0;
+async function pa() {
+  const e = typeof import.meta < "u" && _t?.VITE_AGO_USERNAME, i = typeof import.meta < "u" && _t?.VITE_AGO_PASSWORD;
   if (!(!e || !i)) {
-    if (Ye && Date.now() < _t - 3e5)
-      return Ye;
+    if (ot && Date.now() < Rt - 3e5)
+      return ot;
     try {
       const o = await (await fetch("https://www.arcgis.com/sharing/rest/generateToken", {
         method: "POST",
@@ -1693,14 +1748,14 @@ async function ua() {
           // 2 hours
         })
       })).json();
-      return o.error ? void 0 : (Ye = o.token, _t = o.expires, Ye);
+      return o.error ? void 0 : (ot = o.token, Rt = o.expires, ot);
     } catch {
       return;
     }
   }
 }
-async function da(e, i) {
-  const l = St(e, i), o = await fetch(l, { cache: "no-store" });
+async function ya(e, i) {
+  const l = Ct(e, i), 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();
@@ -1708,18 +1763,18 @@ async function da(e, i) {
     throw new Error(`ArcGIS error: ${r.error.message || r.error.code || "Unknown error"}`);
   return r;
 }
-async function fa(e) {
+async function ma(e) {
   try {
-    const i = await ua(), l = await da(e, i);
-    return await Vt(l);
+    const i = await pa(), l = await ya(e, i);
+    return await Nt(l);
   } catch (i) {
     throw new Error(
       `Failed to load dynamic layer configs: ${i instanceof Error ? i.message : "Unknown error"}`
     );
   }
 }
-async function gt(e = Lt) {
-  const i = ot.get(e);
+async function vt(e = St) {
+  const i = nt.get(e);
   if (i)
     return i;
   const l = He.get(e);
@@ -1727,15 +1782,15 @@ async function gt(e = Lt) {
     return l;
   const o = (async () => {
     try {
-      const r = await fa(e);
-      return ot.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 pa(e) {
+function ha(e) {
   const i = k({}), l = /* @__PURE__ */ new Map();
   for (const a of e)
     i.value[a.id] = {
@@ -1745,18 +1800,18 @@ function pa(e) {
       lastFetched: null
     };
   async function o(a) {
-    const v = a.id;
+    const g = a.id;
     i.value = {
       ...i.value,
-      [v]: {
-        data: i.value[v]?.data ?? null,
-        lastFetched: i.value[v]?.lastFetched ?? null,
+      [g]: {
+        data: i.value[g]?.data ?? null,
+        lastFetched: i.value[g]?.lastFetched ?? null,
         loading: !0,
         error: null
       }
     };
     try {
-      let f;
+      let d;
       if (a.type === "http-get") {
         const L = await fetch(a.url, {
           method: "GET",
@@ -1764,7 +1819,7 @@ function pa(e) {
         });
         if (!L.ok)
           throw new Error(`HTTP ${L.status}: ${L.statusText}`);
-        f = await L.json();
+        d = await L.json();
       } else if (a.type === "http-post") {
         const L = await fetch(a.url, {
           method: "POST",
@@ -1772,30 +1827,30 @@ function pa(e) {
         });
         if (!L.ok)
           throw new Error(`HTTP ${L.status}: ${L.statusText}`);
-        f = await L.json();
+        d = await L.json();
       } else if (a.type === "esri") {
-        const S = `${a.url.replace(/\/$/, "")}/query?where=1%3D1&outFields=*&returnGeometry=false&f=json`, E = await fetch(S, a.options);
-        if (!E.ok)
-          throw new Error(`HTTP ${E.status}: ${E.statusText}`);
-        f = (await E.json()).features?.map((X) => X.attributes) || [];
+        const S = `${a.url.replace(/\/$/, "")}/query?where=1%3D1&outFields=*&returnGeometry=false&f=json`, I = await fetch(S, a.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 && (f = a.transform(f)), i.value = {
+      a.transform && (d = a.transform(d)), i.value = {
         ...i.value,
-        [v]: {
-          data: f,
+        [g]: {
+          data: d,
           loading: !1,
           error: null,
           lastFetched: Date.now()
         }
       };
-    } catch (f) {
-      const L = f instanceof Error ? f.message : "Unknown error";
+    } catch (d) {
+      const L = d instanceof Error ? d.message : "Unknown error";
       i.value = {
         ...i.value,
-        [v]: {
-          data: i.value[v]?.data ?? null,
-          lastFetched: i.value[v]?.lastFetched ?? null,
+        [g]: {
+          data: i.value[g]?.data ?? null,
+          lastFetched: i.value[g]?.lastFetched ?? null,
           loading: !1,
           error: L
         }
@@ -1806,40 +1861,40 @@ function pa(e) {
     await Promise.all(e.map((a) => o(a)));
   }
   async function n(a) {
-    const v = e.find((f) => f.id === a);
-    v && await o(v);
+    const g = e.find((d) => d.id === a);
+    g && await o(g);
   }
-  function c(a) {
+  function u(a) {
     return i.value[a]?.data ?? null;
   }
-  const w = z(() => Object.values(i.value).some((a) => a.loading));
+  const w = _(() => Object.values(i.value).some((a) => a.loading));
   function p(a) {
     return i.value[a]?.loading ?? !1;
   }
-  function x(a) {
+  function C(a) {
     return i.value[a]?.error ?? null;
   }
-  function h() {
+  function y() {
     for (const a of e)
       if (a.pollInterval && a.pollInterval > 0) {
-        const v = window.setInterval(() => {
+        const g = window.setInterval(() => {
           o(a);
         }, a.pollInterval);
-        l.set(a.id, v);
+        l.set(a.id, g);
       }
   }
-  function g() {
+  function h() {
     for (const [, a] of l)
       window.clearInterval(a);
     l.clear();
   }
-  return et(() => {
-    r(), h();
-  }), Rt(() => {
-    g();
+  return it(() => {
+    r(), y();
+  }), At(() => {
+    h();
   }), {
     /** Reactive state for all data sources */
-    state: j(i),
+    state: q(i),
     /** Whether any data source is currently loading */
     isLoading: w,
     /** Fetch all data sources */
@@ -1847,31 +1902,31 @@ function pa(e) {
     /** 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: x,
+    getError: C,
     /** Stop all polling (useful for cleanup) */
-    stopPolling: g
+    stopPolling: h
   };
 }
-const ya = { class: "layerboard-layout" }, ma = ["aria-expanded"], ha = {
+const ga = { class: "layerboard-layout" }, va = ["aria-expanded"], ba = {
   key: 0,
   class: "layerboard-subtitle"
-}, ga = { class: "layerboard-mobile-menu-content" }, va = { class: "layerboard-main" }, ba = {
+}, wa = { class: "layerboard-mobile-menu-content" }, La = { class: "layerboard-main" }, Sa = {
   key: 0,
   class: "layerboard-loading",
   role: "status",
   "aria-live": "polite"
-}, wa = {
+}, Ca = {
   key: 1,
   class: "layerboard-error",
   role: "alert"
-}, La = ["aria-expanded", "aria-label"], Sa = { key: 0 }, Ca = { key: 1 }, ka = {
+}, ka = ["aria-expanded", "aria-label"], xa = { key: 0 }, $a = { key: 1 }, Ma = {
   class: "sr-only",
   "aria-live": "polite"
-}, xa = /* @__PURE__ */ ye({
+}, Pa = /* @__PURE__ */ ge({
   __name: "Layerboard",
   props: {
     title: {},
@@ -1901,51 +1956,51 @@ const ya = { class: "layerboard-layout" }, ma = ["aria-expanded"], ha = {
   },
   emits: ["configs-loaded", "load-error", "zoom"],
   setup(e, { expose: i, emit: l }) {
-    const o = e, r = l, n = k([]), c = k(!0), w = k(null), p = k(12), x = k(""), h = k(/* @__PURE__ */ new Set()), g = k({}), a = k(/* @__PURE__ */ new Set()), v = k({}), f = k({}), L = k(/* @__PURE__ */ new Set()), S = k({});
-    function E() {
-      const y = {};
-      for (const M of o.tiledLayers)
-        y[M.id] = M.opacity ?? 1;
-      S.value = y;
+    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({}), a = 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 D(y) {
-      L.value.has(y) ? L.value.delete(y) : L.value.add(y), L.value = new Set(L.value);
+    function F(v) {
+      L.value.has(v) ? L.value.delete(v) : L.value.add(v), L.value = new Set(L.value);
     }
-    function X(y, M) {
-      M ? L.value.add(y) : L.value.delete(y), L.value = new Set(L.value);
+    function V(v, x) {
+      x ? L.value.add(v) : L.value.delete(v), L.value = new Set(L.value);
     }
-    function T(y, M) {
-      S.value = { ...S.value, [y]: M };
+    function T(v, x) {
+      S.value = { ...S.value, [v]: x };
     }
-    const O = o.dataSources.length > 0 ? pa(o.dataSources) : null, _ = z(() => O?.state.value ?? {}), te = z(() => O?.isLoading.value ?? !1);
-    function U(y) {
-      return O?.getData(y) ?? null;
+    const O = o.dataSources.length > 0 ? ha(o.dataSources) : null, D = _(() => O?.state.value ?? {}), te = _(() => O?.isLoading.value ?? !1);
+    function U(v) {
+      return O?.getData(v) ?? null;
     }
-    function me(y) {
-      return O?.refetch(y) ?? Promise.resolve();
+    function fe(v) {
+      return O?.refetch(v) ?? Promise.resolve();
     }
-    Z("layerboard-layers", j(n)), Z("layerboard-visible", h), Z("layerboard-opacities", g), Z("layerboard-loading", j(a)), Z("layerboard-errors", j(v)), Z("layerboard-zoom", j(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", j(z(() => o.tiledLayers))), Z("layerboard-visible-tiled", L), Z("layerboard-tiled-opacities", S), Z("layerboard-toggle-tiled", D), Z("layerboard-set-tiled-opacity", T), Z("layerboard-set-tiled-visible", X), Z("layerboard-data-sources-state", _), Z("layerboard-data-sources-loading", te), Z("layerboard-get-data-source", U), Z("layerboard-refetch-data-source", me);
-    const he = z(() => ({
+    Z("layerboard-layers", q(n)), Z("layerboard-visible", y), Z("layerboard-opacities", h), Z("layerboard-loading", q(a)), Z("layerboard-errors", q(g)), Z("layerboard-zoom", q(p)), Z("layerboard-toggle-layer", ze), Z("layerboard-set-layer-visible", We), Z("layerboard-set-layers-visible", $e), Z("layerboard-set-opacity", Pe), Z("layerboard-tiled-layers", q(_(() => o.tiledLayers))), Z("layerboard-visible-tiled", L), Z("layerboard-tiled-opacities", S), Z("layerboard-toggle-tiled", F), Z("layerboard-set-tiled-opacity", T), Z("layerboard-set-tiled-visible", V), Z("layerboard-data-sources-state", D), Z("layerboard-data-sources-loading", te), Z("layerboard-get-data-source", U), Z("layerboard-refetch-data-source", fe);
+    const ve = _(() => ({
       backgroundColor: o.themeColor
-    })), Ue = z(() => ({
+    })), st = _(() => ({
       backgroundColor: o.themeColor
-    })), Je = z(() => ({
+    })), Ne = _(() => ({
       backgroundColor: o.themeColor
-    })), lt = z(() => ({
-      width: de.value ? "0" : o.sidebarWidth
+    })), Ke = _(() => ({
+      width: pe.value ? "0" : o.sidebarWidth
     }));
-    async function De() {
+    async function Ue() {
       try {
-        c.value = !0, w.value = null;
-        const M = (await gt(o.webMapId)).map((W) => {
+        u.value = !0, w.value = null;
+        const x = (await vt(o.webMapId)).map((W) => {
           let Q = W;
-          const Ce = o.layerStyleOverrides[W.id];
-          Ce && (Q = {
+          const Se = o.layerStyleOverrides[W.id];
+          Se && (Q = {
             ...Q,
-            paint: Ce.paint ?? Q.paint,
-            outlinePaint: Ce.outlinePaint ?? Q.outlinePaint,
-            legend: Ce.legend ?? Q.legend,
-            type: Ce.type ?? Q.type
+            paint: Se.paint ?? Q.paint,
+            outlinePaint: Se.outlinePaint ?? Q.outlinePaint,
+            legend: Se.legend ?? Q.legend,
+            type: Se.type ?? Q.type
           });
           const Ve = o.popupOverrides[W.id];
           return Ve && Q.popup && (Q = {
@@ -1953,206 +2008,206 @@ const ya = { class: "layerboard-layout" }, ma = ["aria-expanded"], ha = {
             popup: { ...Q.popup, ...Ve }
           }), Q;
         });
-        n.value = M.map((W) => ({
+        n.value = x.map((W) => ({
           config: W,
           component: W.type
         }));
-        const J = {};
-        M.forEach((W) => {
-          J[W.id] = W.opacity ?? 1;
-        }), g.value = J, r("configs-loaded", M);
-      } catch (y) {
-        const M = y instanceof Error ? y.message : "Failed to load layer configurations";
-        w.value = M, r("load-error", M);
+        const K = {};
+        x.forEach((W) => {
+          K[W.id] = W.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 nt() {
+    async function Qe() {
       if (o.fetchMetadata)
         try {
-          const y = "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(y);
-          if (!M.ok) return;
-          const J = await M.json(), W = {};
-          for (const Q of J.rows || [])
+          ), x = await fetch(v);
+          if (!x.ok) return;
+          const K = await x.json(), W = {};
+          for (const Q of K.rows || [])
             if (Q.url_text && Q.representation) {
-              const Ce = Bt(Q.url_text), Ve = `https://metadata.phila.gov/#home/representationdetails/${Q.representation}/`;
-              W[Ce] = Ve;
+              const Se = Vt(Q.url_text), Ve = `https://metadata.phila.gov/#home/representationdetails/${Q.representation}/`;
+              W[Se] = Ve;
             }
-          f.value = W;
+          d.value = W;
         } catch {
         }
     }
-    function rt(y) {
-      p.value = y, r("zoom", y);
+    function ct(v) {
+      p.value = v, r("zoom", v);
     }
-    function _e(y) {
-      h.value.has(y) ? h.value.delete(y) : h.value.add(y), h.value = new Set(h.value);
+    function ze(v) {
+      y.value.has(v) ? y.value.delete(v) : y.value.add(v), y.value = new Set(y.value);
     }
-    function Me(y, M) {
-      M ? h.value.add(y) : h.value.delete(y), h.value = new Set(h.value);
+    function We(v, x) {
+      x ? y.value.add(v) : y.value.delete(v), y.value = new Set(y.value);
     }
-    function Re(y, M) {
-      for (const J of y)
-        M ? h.value.add(J) : h.value.delete(J);
-      h.value = new Set(h.value);
+    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(y, M) {
-      g.value = { ...g.value, [y]: M };
+    function Pe(v, x) {
+      h.value = { ...h.value, [v]: x };
     }
-    function st(y, M) {
-      M ? a.value.add(y) : a.value.delete(y), a.value = new Set(a.value);
+    function je(v, x) {
+      x ? a.value.add(v) : a.value.delete(v), a.value = new Set(a.value);
     }
-    function se(y, M) {
-      if (M)
-        v.value = { ...v.value, [y]: M };
+    function ut(v, x) {
+      if (x)
+        g.value = { ...g.value, [v]: x };
       else {
-        const J = { ...v.value };
-        delete J[y], v.value = J;
+        const K = { ...g.value };
+        delete K[v], g.value = K;
       }
     }
-    function Ae(y) {
-      x.value = y;
+    function ce(v) {
+      C.value = v;
     }
-    const ae = k(null), Fe = k(null), ct = k(null), we = k(null), We = k(null), je = k(null), Ke = k(null), Le = k("map");
-    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 = k(!1);
-    function Qe() {
-      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(() => {
-        Fe.value?.focus();
+    function Ie() {
+      le.value = !1, Ze(() => {
+        ae.value?.focus();
       });
     }
-    const de = k(!1);
-    function Oe() {
-      de.value = !de.value;
+    const pe = k(!1);
+    function et() {
+      pe.value = !pe.value;
     }
-    const ge = k(!1), qe = k(null);
-    function Se() {
-      qe.value = document.activeElement, ge.value = !0, Ne(() => {
-        Ke.value?.focus();
+    const ne = k(!1), _e = k(null);
+    function Re() {
+      _e.value = document.activeElement, ne.value = !0, Ze(() => {
+        Ye.value?.focus();
       });
     }
-    function le() {
-      ge.value = !1, Ne(() => {
-        qe.value?.focus(), qe.value = null;
+    function re() {
+      ne.value = !1, Ze(() => {
+        _e.value?.focus(), _e.value = null;
       });
     }
-    function Ze(y) {
-      y.target.classList.contains("layerboard-modal-backdrop") && le();
+    function Ae(v) {
+      v.target.classList.contains("layerboard-modal-backdrop") && re();
     }
-    function ut(y) {
-      if (y.key === "Escape") {
-        Ee();
+    function Be(v) {
+      if (v.key === "Escape") {
+        Ie();
         return;
       }
-      if (y.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 J = M[0], W = M[M.length - 1];
-        y.shiftKey ? document.activeElement === J && (y.preventDefault(), W.focus()) : document.activeElement === W && (y.preventDefault(), J.focus());
+        if (x.length === 0) return;
+        const K = x[0], W = x[x.length - 1];
+        v.shiftKey ? document.activeElement === K && (v.preventDefault(), W.focus()) : document.activeElement === W && (v.preventDefault(), K.focus());
       }
     }
-    function dt(y) {
-      if (y.key === "Escape") {
-        le();
+    function ft(v) {
+      if (v.key === "Escape") {
+        re();
         return;
       }
-      if (y.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 J = M[0], W = M[M.length - 1];
-        y.shiftKey ? document.activeElement === J && (y.preventDefault(), W.focus()) : document.activeElement === W && (y.preventDefault(), J.focus());
+        if (x.length === 0) return;
+        const K = x[0], W = x[x.length - 1];
+        v.shiftKey ? document.activeElement === K && (v.preventDefault(), W.focus()) : document.activeElement === W && (v.preventDefault(), K.focus());
       }
     }
-    Z("layerboard-open-modal", Se), Z("layerboard-close-modal", le), Z("layerboard-is-modal-open", j(ge)), i({
+    Z("layerboard-open-modal", Re), Z("layerboard-close-modal", re), Z("layerboard-is-modal-open", q(ne)), i({
       /** Layer configurations */
       layerList: n,
       /** Set of visible layer IDs */
-      visibleLayers: h,
+      visibleLayers: y,
       /** Layer opacity values */
-      layerOpacities: g,
+      layerOpacities: h,
       /** Set of currently loading layer IDs */
       loadingLayers: a,
       /** 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: () => ca(o.webMapId),
+      clearCache: () => fa(o.webMapId),
       // Tiled layer APIs
       /** Set of visible tiled layer IDs */
       visibleTiledLayers: L,
       /** Tiled layer opacity values */
       tiledLayerOpacities: S,
       /** Toggle a tiled layer's visibility */
-      toggleTiledLayer: D,
+      toggleTiledLayer: F,
       /** Set a tiled layer's visibility explicitly */
-      setTiledLayerVisible: X,
+      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: U,
       /** Refetch a specific data source */
-      refetchDataSource: me,
+      refetchDataSource: fe,
       // Modal APIs
       /** Whether the modal is currently open */
-      isModalOpen: ge,
+      isModalOpen: ne,
       /** Open the modal */
-      openModal: Se,
+      openModal: Re,
       /** Close the modal */
-      closeModal: le
+      closeModal: re
     });
-    function Xe(y) {
-      y.key === "Escape" && ie.value && Ee();
-    }
-    return et(() => {
-      De(), nt(), E(), document.addEventListener("keydown", Xe);
-    }), Kt(() => {
-      document.removeEventListener("keydown", Xe);
-    }), (y, M) => (m(), $("div", ya, [
-      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(he.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"
         }, [
@@ -2161,140 +2216,140 @@ const ya = { class: "layerboard-layout" }, ma = ["aria-expanded"], ha = {
             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: Fe,
+          ref: ae,
           class: "layerboard-hamburger layerboard-mobile-only",
-          "aria-expanded": ie.value,
+          "aria-expanded": le.value,
           "aria-label": "Toggle menu",
-          onClick: Qe
+          onClick: Te
         }, [
-          H(d(ke), {
-            "icon-definition": d(xo),
+          J(f(Ce), {
+            "icon-definition": f(Mo),
             size: "medium",
             inline: "",
             decorative: ""
           }, null, 8, ["icon-definition"])
-        ], 8, ma),
-        pe(y.$slots, "header", {}, () => [
-          P("h1", null, G(e.title), 1),
-          e.subtitle ? (m(), $("span", ha, G(e.subtitle), 1)) : R("", !0)
+        ], 8, va),
+        me(v.$slots, "header", {}, () => [
+          P("h1", null, H(e.title), 1),
+          e.subtitle ? (m(), M("span", ba, H(e.subtitle), 1)) : R("", !0)
         ], !0),
-        ie.value ? (m(), $("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: ut
+          style: ye({ backgroundColor: e.themeColor }),
+          onKeydown: Be
         }, [
-          P("div", ga, [
-            pe(y.$slots, "footer", {
-              openModal: Se,
-              closeModal: le,
-              isModalOpen: ge.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
           }, [
-            H(d(ke), {
-              "icon-definition": d(Ot),
+            J(f(Ce), {
+              "icon-definition": f(Ot),
               size: "medium",
               decorative: ""
             }, null, 8, ["icon-definition"])
           ], 512)
         ], 36)) : R("", !0),
-        ie.value ? (m(), $("div", {
+        le.value ? (m(), M("div", {
           key: 1,
           class: "layerboard-mobile-menu-backdrop",
-          onClick: Ee
+          onClick: Ie
         })) : R("", !0)
       ], 4),
-      P("div", va, [
-        c.value ? (m(), $("div", ba, [
+      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 " + G(e.title) + "...", 1)
-        ])) : w.value ? (m(), $("div", wa, [
-          M[3] || (M[3] = P("h2", null, "Error Loading Layers", -1)),
-          P("p", null, G(w.value), 1),
+          P("p", null, "Loading " + H(e.title) + "...", 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)
-        ])) : (m(), $(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(lt.value),
+            ref: Fe,
+            class: se(["layerboard-sidebar", { "is-active": Le.value === "sidebar" }]),
+            style: ye(Ke.value),
             "aria-label": "Map layers",
             tabindex: "-1"
           }, [
-            pe(y.$slots, "sidebar", {
+            me(v.$slots, "sidebar", {
               layers: n.value,
-              visibleLayers: h.value,
-              layerOpacities: g.value,
+              visibleLayers: y.value,
+              layerOpacities: h.value,
               loadingLayers: a.value,
-              layerErrors: v.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: L.value,
               tiledLayerOpacities: S.value,
-              toggleTiledLayer: D,
-              setTiledLayerVisible: X,
+              toggleTiledLayer: F,
+              setTiledLayerVisible: V,
               setTiledLayerOpacity: T,
-              dataSourcesState: _.value,
+              dataSourcesState: D.value,
               dataSourcesLoading: te.value,
               getDataSource: U,
-              refetchDataSource: me
+              refetchDataSource: fe
             }, () => [
-              e.showDefaultSidebar ? (m(), q(Ho, {
+              e.showDefaultSidebar ? (m(), G(Ko, {
                 key: 0,
                 "layer-list": n.value,
-                "visible-layers": h.value,
-                "layer-opacities": g.value,
+                "visible-layers": y.value,
+                "layer-opacities": h.value,
                 "loading-layers": a.value,
-                "layer-errors": v.value,
+                "layer-errors": g.value,
                 "current-zoom": p.value,
-                "search-query": x.value,
-                "layer-metadata": f.value,
-                onToggleLayer: _e,
+                "search-query": C.value,
+                "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" }])
           }, [
-            H(no, {
-              "visible-layers": h.value,
-              "layer-opacities": g.value,
+            J(so, {
+              "visible-layers": y.value,
+              "layer-opacities": h.value,
               "layer-list": n.value,
               "tiled-layers": e.tiledLayers,
               "visible-tiled-layers": L.value,
@@ -2310,56 +2365,56 @@ const ya = { class: "layerboard-layout" }, ma = ["aria-expanded"], ha = {
               "pictometry-button-position": e.pictometryButtonPosition,
               "initial-zoom": e.initialZoom,
               "initial-center": e.initialCenter,
-              onZoom: rt,
-              onLayerLoading: st,
-              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
           }, [
-            H(d(ke), {
-              "icon-definition": de.value ? d(Co) : d(ko),
+            J(f(Ce), {
+              "icon-definition": pe.value ? f(xo) : f($o),
               size: "medium",
               decorative: ""
             }, null, 8, ["icon-definition"])
-          ], 14, La)
+          ], 14, ka)
         ], 64))
       ]),
       P("button", {
         ref_key: "mobileToggleRef",
-        ref: ct,
+        ref: De,
         class: "layerboard-mobile-toggle",
-        style: fe(Je.value),
-        onClick: Be
+        style: ye(Ne.value),
+        onClick: dt
       }, [
-        Le.value === "map" ? (m(), $("span", Sa, G(e.sidebarLabel), 1)) : (m(), $("span", Ca, G(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(y.$slots, "footer", {
-          openModal: Se,
-          closeModal: le,
-          isModalOpen: ge.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),
-      ge.value ? (m(), $("div", {
+      ne.value ? (m(), M("div", {
         key: 0,
         class: "layerboard-modal-backdrop",
-        onClick: Ze,
-        onKeydown: dt
+        onClick: Ae,
+        onKeydown: ft
       }, [
         P("div", {
           ref_key: "modalRef",
-          ref: je,
+          ref: qe,
           class: "layerboard-modal",
           role: "dialog",
           "aria-modal": "true",
@@ -2367,27 +2422,27 @@ const ya = { class: "layerboard-layout" }, ma = ["aria-expanded"], ha = {
         }, [
           P("button", {
             ref_key: "modalCloseRef",
-            ref: Ke,
+            ref: Ye,
             class: "layerboard-modal-close",
             "aria-label": "Close modal",
-            onClick: le
+            onClick: re
           }, [
-            H(d(ke), {
-              "icon-definition": d(Ot),
+            J(f(Ce), {
+              "icon-definition": f(Ot),
               size: "medium",
               decorative: ""
             }, null, 8, ["icon-definition"])
           ], 512),
-          pe(y.$slots, "modal", { closeModal: le }, void 0, !0)
+          me(v.$slots, "modal", { closeModal: re }, void 0, !0)
         ], 512)
       ], 32)) : R("", !0),
-      P("span", ka, G(Le.value === "sidebar" ? "Showing layers panel" : "Showing map"), 1)
+      P("span", Ma, H(Le.value === "sidebar" ? "Showing layers panel" : "Showing map"), 1)
     ]));
   }
-}), Ha = /* @__PURE__ */ $e(xa, [["__scopeId", "data-v-67021805"]]), $a = ["aria-expanded"], Ma = {
+}), Qa = /* @__PURE__ */ xe(Pa, [["__scopeId", "data-v-0a7b6d44"]]), Fa = ["aria-expanded"], Ta = {
   key: 0,
   class: "topic-icon"
-}, Pa = { class: "topic-title" }, Ta = /* @__PURE__ */ ye({
+}, Ia = { class: "topic-title" }, Ea = /* @__PURE__ */ ge({
   __name: "TopicAccordion",
   props: {
     title: {},
@@ -2398,8 +2453,8 @@ const ya = { class: "layerboard-layout" }, ma = ["aria-expanded"], ha = {
   },
   emits: ["toggle", "layerChange"],
   setup(e, { emit: i }) {
-    const l = e, o = i, r = k(l.expanded), n = `topic-panel-${Mt()}`, c = `topic-header-${Mt()}`;
-    Ie(
+    const l = e, o = i, r = k(l.expanded), n = `topic-panel-${Pt()}`, u = `topic-header-${Pt()}`;
+    Ee(
       () => l.expanded,
       (p) => {
         r.value = p;
@@ -2408,32 +2463,32 @@ const ya = { class: "layerboard-layout" }, ma = ["aria-expanded"], ha = {
     function w() {
       r.value = !r.value, o("toggle", r.value);
     }
-    return (p, x) => {
-      const h = Qt("font-awesome-icon");
-      return m(), $("div", {
-        class: re(["topic-accordion", { "is-expanded": r.value }])
+    return (p, C) => {
+      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: w
         }, [
-          e.icon || p.$slots.icon ? (m(), $("span", Ma, [
-            pe(p.$slots, "icon", {}, () => [
-              e.icon ? (m(), q(h, {
+          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", Pa, G(e.title), 1),
+          P("span", Ia, H(e.title), 1),
           P("span", {
-            class: re(["topic-chevron", { "is-rotated": r.value }])
-          }, [...x[0] || (x[0] = [
+            class: se(["topic-chevron", { "is-rotated": r.value }])
+          }, [...C[0] || (C[0] = [
             P("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               width: "20",
@@ -2449,39 +2504,39 @@ const ya = { class: "layerboard-layout" }, ma = ["aria-expanded"], ha = {
               P("polyline", { points: "6 9 12 15 18 9" })
             ], -1)
           ])], 2)
-        ], 10, $a),
-        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", {}, () => [
-            x[1] || (x[1] = P("p", { class: "topic-empty" }, "No content provided for this topic.", -1))
+          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);
     };
   }
-}), Ja = /* @__PURE__ */ $e(Ta, [["__scopeId", "data-v-a2023afa"]]);
-function Fa(e) {
+}), Xa = /* @__PURE__ */ xe(Ea, [["__scopeId", "data-v-a2023afa"]]);
+function Oa(e) {
   return e.displayOptions?.shouldShowCheckbox !== !1;
 }
-function Nt(e, i) {
+function Ut(e, i) {
   return i ? e.displayOptions?.shouldShowSlider !== !1 : !1;
 }
-function Ut(e, i) {
+function Wt(e, i) {
   return i ? e.displayOptions?.shouldShowLegendBox !== !1 : !1;
 }
-function ze(e) {
+function Oe(e) {
   return e.displayOptions?.layerNameChange || e.title;
 }
-const Ea = ["aria-label"], Oa = ["checked", "disabled", "onChange"], Ia = { class: "layer-title" }, za = { class: "layer-title" }, Da = {
+const za = ["aria-label"], Da = ["checked", "disabled", "onChange"], _a = { class: "layer-title" }, Ra = { class: "layer-title" }, Aa = {
   key: 0,
   class: "empty-state"
-}, _a = /* @__PURE__ */ ye({
+}, Ba = /* @__PURE__ */ ge({
   __name: "LayerCheckboxSet",
   props: {
     layers: {},
@@ -2496,78 +2551,78 @@ const Ea = ["aria-label"], Oa = ["checked", "disabled", "onChange"], Ia = { clas
   },
   emits: ["toggleLayer", "setOpacity"],
   setup(e, { emit: i }) {
-    const l = e, o = i, { isVisible: r, getLayerOpacity: n, isLayerLoading: c, getLayerError: w, isLayerAvailableAtZoom: p } = wt(
+    const l = e, o = i, { isVisible: r, getLayerOpacity: n, isLayerLoading: u, getLayerError: w, isLayerAvailableAtZoom: p } = Lt(
       () => l
     );
-    function x(h) {
-      o("toggleLayer", h);
+    function C(y) {
+      o("toggleLayer", y);
     }
-    return (h, g) => (m(), $("fieldset", {
+    return (y, h) => (m(), M("fieldset", {
       class: "layer-checkbox-set",
       role: "group",
       "aria-label": e.groupLabel
     }, [
-      (m(!0), $(ue, null, ve(e.layers, (a) => (m(), $("div", {
+      (m(!0), M(de, null, we(e.layers, (a) => (m(), M("div", {
         key: a.id,
         class: "layer-item"
       }, [
-        d(Fa)(a) ? (m(), $("label", {
+        f(Oa)(a) ? (m(), M("label", {
           key: 0,
-          class: re(["layer-checkbox", {
-            "layer-unavailable": !d(p)(a),
-            "layer-error": d(w)(a.id)
+          class: se(["layer-checkbox", {
+            "layer-unavailable": !f(p)(a),
+            "layer-error": f(w)(a.id)
           }])
         }, [
           P("input", {
             type: "checkbox",
-            checked: d(r)(a.id),
-            disabled: !d(p)(a),
-            onChange: (v) => x(a.id)
-          }, null, 40, Oa),
-          P("span", Ia, [
-            xe(G(d(ze)(a)) + " ", 1),
-            H(tt, {
-              loading: d(c)(a.id),
-              error: d(w)(a.id),
-              unavailable: !d(p)(a)
+            checked: f(r)(a.id),
+            disabled: !f(p)(a),
+            onChange: (g) => C(a.id)
+          }, null, 40, Da),
+          P("span", _a, [
+            ke(H(f(Oe)(a)) + " ", 1),
+            J(lt, {
+              loading: f(u)(a.id),
+              error: f(w)(a.id),
+              unavailable: !f(p)(a)
             }, null, 8, ["loading", "error", "unavailable"])
           ])
-        ], 2)) : (m(), $("div", {
+        ], 2)) : (m(), M("div", {
           key: 1,
-          class: re(["layer-label-only", {
-            "layer-unavailable": !d(p)(a),
-            "layer-error": d(w)(a.id)
+          class: se(["layer-label-only", {
+            "layer-unavailable": !f(p)(a),
+            "layer-error": f(w)(a.id)
           }])
         }, [
-          P("span", za, [
-            xe(G(d(ze)(a)) + " ", 1),
-            H(tt, {
-              loading: d(c)(a.id),
-              error: d(w)(a.id),
-              unavailable: !d(p)(a)
+          P("span", Ra, [
+            ke(H(f(Oe)(a)) + " ", 1),
+            J(lt, {
+              loading: f(u)(a.id),
+              error: f(w)(a.id),
+              unavailable: !f(p)(a)
             }, null, 8, ["loading", "error", "unavailable"])
           ])
         ], 2)),
-        d(Nt)(a, e.showOpacity) && d(r)(a.id) && d(p)(a) ? (m(), q(vt, {
+        f(Ut)(a, e.showOpacity) && f(r)(a.id) && f(p)(a) ? (m(), G(bt, {
           key: 2,
           "layer-id": a.id,
-          "layer-name": d(ze)(a),
-          opacity: d(n)(a.id),
-          "onUpdate:opacity": (v) => o("setOpacity", a.id, v)
+          "layer-name": f(Oe)(a),
+          opacity: f(n)(a.id),
+          "onUpdate:opacity": (g) => o("setOpacity", a.id, g)
         }, null, 8, ["layer-id", "layer-name", "opacity", "onUpdate:opacity"])) : R("", !0),
-        d(Ut)(a, e.showLegend) && d(r)(a.id) && d(p)(a) && a.legend?.length ? (m(), q(bt, {
+        f(Wt)(a, e.showLegend) && f(r)(a.id) && f(p)(a) && a.legend?.length ? (m(), G(wt, {
           key: 3,
           items: a.legend,
-          label: "Legend for " + d(ze)(a)
+          label: "Legend for " + f(Oe)(a)
         }, null, 8, ["items", "label"])) : R("", !0)
       ]))), 128)),
-      e.layers.length === 0 ? (m(), $("div", Da, "No layers available")) : R("", !0)
-    ], 8, Ea));
+      e.layers.length === 0 ? (m(), M("div", Aa, "No layers available")) : R("", !0)
+    ], 8, za));
   }
-}), Ka = /* @__PURE__ */ $e(_a, [["__scopeId", "data-v-bfcd7855"]]), Ra = ["aria-label"], Aa = ["name", "checked", "disabled", "onChange"], Ba = { 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"
-}, Va = /* @__PURE__ */ ye({
+}, Wa = /* @__PURE__ */ ge({
   __name: "LayerRadioButtonSet",
   props: {
     layers: {},
@@ -2583,97 +2638,97 @@ const Ea = ["aria-label"], Oa = ["checked", "disabled", "onChange"], Ia = { clas
   },
   emits: ["selectLayer", "setOpacity"],
   setup(e, { emit: i }) {
-    const l = e, o = i, { isVisible: r, getLayerOpacity: n, isLayerLoading: c, getLayerError: w, isLayerAvailableAtZoom: p } = wt(
+    const l = e, o = i, { isVisible: r, getLayerOpacity: n, isLayerLoading: u, getLayerError: w, isLayerAvailableAtZoom: p } = Lt(
       () => l
     );
-    function x(h) {
-      const g = l.layers.filter((a) => l.visibleLayerIds.has(a.id) && a.id !== h).map((a) => a.id);
-      o("selectLayer", h, g);
+    function C(y) {
+      const h = l.layers.filter((a) => l.visibleLayerIds.has(a.id) && a.id !== y).map((a) => a.id);
+      o("selectLayer", y, h);
     }
-    return (h, g) => (m(), $("div", {
+    return (y, h) => (m(), M("div", {
       class: "layer-radio-set",
       role: "radiogroup",
       "aria-label": e.groupLabel
     }, [
-      (m(!0), $(ue, null, ve(e.layers, (a) => (m(), $("div", {
+      (m(!0), M(de, null, we(e.layers, (a) => (m(), M("div", {
         key: a.id,
         class: "layer-item"
       }, [
         P("label", {
-          class: re(["layer-radio", {
-            "layer-unavailable": !d(p)(a),
-            "layer-error": d(w)(a.id)
+          class: se(["layer-radio", {
+            "layer-unavailable": !f(p)(a),
+            "layer-error": f(w)(a.id)
           }])
         }, [
           P("input", {
             type: "radio",
             name: e.groupName,
-            checked: d(r)(a.id),
-            disabled: !d(p)(a),
-            onChange: (v) => x(a.id)
-          }, null, 40, Aa),
-          P("span", Ba, [
-            xe(G(d(ze)(a)) + " ", 1),
-            H(tt, {
-              loading: d(c)(a.id),
-              error: d(w)(a.id),
-              unavailable: !d(p)(a)
+            checked: f(r)(a.id),
+            disabled: !f(p)(a),
+            onChange: (g) => C(a.id)
+          }, null, 40, Za),
+          P("span", Na, [
+            ke(H(f(Oe)(a)) + " ", 1),
+            J(lt, {
+              loading: f(u)(a.id),
+              error: f(w)(a.id),
+              unavailable: !f(p)(a)
             }, null, 8, ["loading", "error", "unavailable"])
           ])
         ], 2),
-        d(Nt)(a, e.showOpacity) && d(r)(a.id) && d(p)(a) ? (m(), q(vt, {
+        f(Ut)(a, e.showOpacity) && f(r)(a.id) && f(p)(a) ? (m(), G(bt, {
           key: 0,
           "layer-id": a.id,
-          "layer-name": d(ze)(a),
-          opacity: d(n)(a.id),
-          "onUpdate:opacity": (v) => o("setOpacity", a.id, v)
+          "layer-name": f(Oe)(a),
+          opacity: f(n)(a.id),
+          "onUpdate:opacity": (g) => o("setOpacity", a.id, g)
         }, null, 8, ["layer-id", "layer-name", "opacity", "onUpdate:opacity"])) : R("", !0),
-        d(Ut)(a, e.showLegend) && d(r)(a.id) && d(p)(a) && a.legend?.length ? (m(), q(bt, {
+        f(Wt)(a, e.showLegend) && f(r)(a.id) && f(p)(a) && a.legend?.length ? (m(), G(wt, {
           key: 1,
           items: a.legend,
-          label: "Legend for " + d(ze)(a)
+          label: "Legend for " + f(Oe)(a)
         }, null, 8, ["items", "label"])) : R("", !0)
       ]))), 128)),
-      e.layers.length === 0 ? (m(), $("div", Za, "No layers available")) : R("", !0)
-    ], 8, Ra));
+      e.layers.length === 0 ? (m(), M("div", Ua, "No layers available")) : R("", !0)
+    ], 8, Va));
   }
-}), Qa = /* @__PURE__ */ $e(Va, [["__scopeId", "data-v-c368d815"]]);
-function Xa(e) {
-  const i = k([]), l = k(/* @__PURE__ */ new Set()), o = k({}), r = k(/* @__PURE__ */ new Set()), n = k({}), c = k(""), w = k(!1), p = k(!1), x = k(null), h = z(() => {
-    if (!c.value.trim())
+}), ei = /* @__PURE__ */ xe(Wa, [["__scopeId", "data-v-c368d815"]]);
+function ti(e) {
+  const i = 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 i.value;
-    const T = c.value.toLowerCase();
+    const T = u.value.toLowerCase();
     return i.value.filter((O) => O.title.toLowerCase().includes(T));
-  }), g = z(() => i.value.map((T) => ({
+  }), h = _(() => i.value.map((T) => ({
     config: T,
     component: T.type
     // "circle", "fill", or "line"
   })));
   async function a() {
     if (!p.value) {
-      w.value = !0, x.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;
+        e.mode === "dynamic" || !e.mode ? e.webMapId ? T = await g(e.webMapId) : T = await vt() : T = await vt(), i.value = T;
         const O = {};
-        T.forEach((_) => {
-          O[_.id] = _.opacity ?? 1;
+        T.forEach((D) => {
+          O[D.id] = D.opacity ?? 1;
         }), o.value = O, p.value = !0;
       } catch (T) {
-        x.value = T instanceof Error ? T : new Error("Failed to initialize layerboard");
+        C.value = T instanceof Error ? T : new Error("Failed to initialize layerboard");
       } finally {
         w.value = !1;
       }
     }
   }
-  async function v(T) {
-    const O = St(T), _ = await fetch(O, { cache: "no-store" });
-    if (!_.ok)
-      throw new Error(`Failed to fetch WebMap: ${_.status} ${_.statusText}`);
-    const te = await _.json();
-    return Vt(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 f(T) {
+  function d(T) {
     const O = new Set(l.value);
     O.has(T) ? O.delete(T) : O.add(T), l.value = O;
   }
@@ -2684,50 +2739,50 @@ function Xa(e) {
     };
   }
   function S(T) {
-    c.value = T;
+    u.value = T;
   }
-  function E(T, O) {
-    const _ = new Set(r.value);
-    O ? _.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 D(T, O) {
+  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 X() {
-    i.value = [], l.value = /* @__PURE__ */ new Set(), o.value = {}, r.value = /* @__PURE__ */ new Set(), n.value = {}, c.value = "", w.value = !1, p.value = !1, x.value = null;
+  function V() {
+    i.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: j(i),
-    visibleLayers: j(l),
-    layerOpacities: j(o),
-    loadingLayers: j(r),
-    layerErrors: j(n),
-    searchQuery: j(c),
-    isLoading: j(w),
-    isInitialized: j(p),
-    error: j(x),
+    layerConfigs: q(i),
+    visibleLayers: q(l),
+    layerOpacities: q(o),
+    loadingLayers: q(r),
+    layerErrors: q(n),
+    searchQuery: q(u),
+    isLoading: q(w),
+    isInitialized: q(p),
+    error: q(C),
     // Computed
-    filteredLayerConfigs: h,
-    layerList: g,
+    filteredLayerConfigs: y,
+    layerList: h,
     // Config
     config: e,
     // Methods
     initialize: a,
-    toggleLayer: f,
+    toggleLayer: d,
     setLayerOpacity: L,
     filterLayers: S,
-    setLayerLoading: E,
-    setLayerError: D,
-    reset: X
+    setLayerLoading: I,
+    setLayerError: F,
+    reset: V
   };
 }
-function Ya() {
+function oi() {
   const e = k([]), i = k(/* @__PURE__ */ new Set()), l = k(/* @__PURE__ */ new Set());
   function o(n) {
     i.value.has(n) ? i.value.delete(n) : i.value.add(n);
@@ -2736,52 +2791,52 @@ function Ya() {
     e.value = n;
   }
   return {
-    layers: z(() => e.value),
-    visibleLayerIds: z(() => i.value),
-    loadingLayerIds: z(() => l.value),
+    layers: _(() => e.value),
+    visibleLayerIds: _(() => i.value),
+    loadingLayerIds: _(() => l.value),
     toggleLayer: o,
     setLayers: r
   };
 }
-function Na(e) {
+function ja(e) {
   const i = k(null), l = k(!1), o = k(null), r = k(0);
   async function n(p = {}) {
     l.value = !0, o.value = null;
-    const x = e.pageSize || 2e3;
-    let h = 0, g = [], a = !0;
+    const C = e.pageSize || 2e3;
+    let y = 0, h = [], a = !0;
     try {
       for (; a; ) {
-        const f = e.url.replace(/\/$/, ""), L = encodeURIComponent(p.where || e.where || "1=1");
-        let S = `${f}/query?where=${L}&outFields=*&returnGeometry=true&resultRecordCount=${x}&resultOffset=${h}&f=geojson`;
+        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 X = JSON.stringify({
+          const V = JSON.stringify({
             xmin: p.bounds.west,
             ymin: p.bounds.south,
             xmax: p.bounds.east,
             ymax: p.bounds.north,
             spatialReference: { wkid: 4326 }
           });
-          S += `&geometry=${encodeURIComponent(X)}&geometryType=esriGeometryEnvelope&spatialRel=esriSpatialRelIntersects`;
+          S += `&geometry=${encodeURIComponent(V)}&geometryType=esriGeometryEnvelope&spatialRel=esriSpatialRelIntersects`;
         }
-        const E = await fetch(S);
-        if (!E.ok)
-          throw new Error(`HTTP ${E.status}: ${E.statusText}`);
-        const D = await E.json();
-        D.features && D.features.length > 0 ? (g = g.concat(D.features), h += D.features.length, a = D.features.length === x) : a = !1;
+        const 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, a = F.features.length === C) : a = !1;
       }
-      const v = {
+      const g = {
         type: "FeatureCollection",
-        features: g
+        features: h
       };
-      return i.value = v, r.value = g.length, v;
-    } catch (v) {
-      const f = v instanceof Error ? v : new Error("Failed to fetch features");
-      throw o.value = f, f;
+      return i.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() {
+  function u() {
     i.value = null, r.value = 0, o.value = null;
   }
   async function w(p = {}) {
@@ -2789,21 +2844,21 @@ function Na(e) {
   }
   return {
     // State (readonly)
-    data: j(i),
-    isLoading: j(l),
-    error: j(o),
-    totalFeatures: j(r),
+    data: q(i),
+    isLoading: q(l),
+    error: q(o),
+    totalFeatures: q(r),
     // Config
     config: e,
     // Methods
     fetch: n,
     refetch: w,
-    clear: c
+    clear: u
   };
 }
-function ei(e, i, l) {
-  const o = Na(e);
-  return Ie(
+function ai(e, i, l) {
+  const o = ja(e);
+  return Ee(
     i,
     async (r) => {
       if (r) {
@@ -2815,26 +2870,26 @@ function ei(e, i, l) {
   ), o;
 }
 export {
-  Ka as LayerCheckboxSet,
-  Ho as LayerPanel,
-  Qa as LayerRadioButtonSet,
-  Ha as Layerboard,
-  no as MapPanel,
-  Ja as TopicAccordion,
-  qa as WEBMAP_ID,
-  St as buildWebMapUrl,
-  ca as clearCache,
-  gt as getLayerConfigs,
-  ze as getLayerDisplayName,
-  Ga as getWebMapUrl,
-  Bt as normalizeUrl,
-  Fa as shouldShowCheckbox,
-  Ut as shouldShowLegendBox,
-  Nt as shouldShowSlider,
-  Vt as transformWebMapToLayerConfigs,
-  pa as useApiDataSources,
-  Na as useDataSource,
-  Ya as useLayerConfig,
-  Xa as useLayerboard,
-  ei 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
 };