npm - @phila/layerboard - Versions diffs - 3.0.0-beta.31 → 3.0.0-beta.32 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/index.mjs CHANGED Viewed

@@ -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 { defineComponent as me, ref as x, watch as Ie, computed as D, nextTick as Ne, onMounted as ot, onUnmounted as Rt, createElementBlock as $, openBlock as h, createVNode as J, unref as f, withCtx as Ge, createBlock as G, createCommentVNode as R, Fragment as ue, renderList as be, useAttrs as qt, toRef as Gt, normalizeClass as re, createElementVNode as P, toDisplayString as H, renderSlot as pe, withDirectives as At, mergeProps as mt, vModelDynamic as Ht, createTextVNode as xe, normalizeProps as xt, guardReactiveProps as $t, normalizeStyle as fe, withModifiers as Jt, readonly as q, provide as Z, onBeforeUnmount as Kt, useId as Mt, resolveComponent as Qt, vShow as Xt } from "vue";
+import { Map as Yt, DrawTool as eo, RasterLayer as Pt, CircleLayer as Ft, FillLayer as Tt, LineLayer as yt, MapMarker as to, MapPopup as oo } from "@phila/phila-ui-map-core";
 import { cn as ht, Icon as ke, BaseLink as ao, ActionContent as Et } from "@phila/phila-ui-core";
-const io = { class: "map-panel" }, lo = /* @__PURE__ */ ye({
+const io = { class: "map-panel" }, lo = /* @__PURE__ */ me({
   __name: "MapPanel",
   props: {
     visibleLayers: {},
@@ -24,119 +24,119 @@ 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);
-    function w(t) {
+    const l = e, o = i, r = x(null), n = x(null), c = x(0);
+    function b(t) {
       o("zoom", t), n.value && (c.value = p(n.value));
     }
     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 d = t.getZoom(), S = t.getCenter().lat, k = 559082264028e-3, O = S * Math.PI / 180;
+      return k * Math.cos(O) / Math.pow(2, d);
+    }
+    const C = x({}), y = x(null), g = x(/* @__PURE__ */ new Set());
+    async function a(t, d, s, S, k) {
+      const O = encodeURIComponent(S || "1=1"), B = JSON.stringify({
+        xmin: d.west,
+        ymin: d.south,
+        xmax: d.east,
+        ymax: d.north,
         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);
+      }), ee = k !== void 0 && k < 14 ? `&maxAllowableOffset=${360 / (Math.pow(2, k) * 512)}` : "", N = 2e3;
+      let oe = 0, A = [], Q = !0;
+      for (; Q; ) {
+        const U = `${t}/query?where=${O}&geometry=${encodeURIComponent(B)}&geometryType=esriGeometryEnvelope&spatialRel=esriSpatialRelIntersects&outFields=*&returnGeometry=true&resultRecordCount=${N}&resultOffset=${oe}${ee}&f=geojson`, ne = await fetch(U);
         if (!ne.ok)
           throw new Error(`HTTP ${ne.status}: ${ne.statusText}`);
         const ce = await ne.json();
-        ce.features && ce.features.length > 0 ? (A = A.concat(ce.features), oe += ce.features.length, K = ce.features.length === V) : K = !1;
+        ce.features && ce.features.length > 0 ? (A = A.concat(ce.features), oe += ce.features.length, Q = ce.features.length === N) : Q = !1;
       }
-      return A = A.map((N) => {
-        if (N.properties) {
+      return A = A.map((U) => {
+        if (U.properties) {
           const ne = {};
-          for (const ce of Object.keys(N.properties))
-            ne[ce.toLowerCase()] = N.properties[ce];
-          return { ...N, properties: ne };
+          for (const ce of Object.keys(U.properties))
+            ne[ce.toLowerCase()] = U.properties[ce];
+          return { ...U, properties: ne };
         }
-        return N;
+        return U;
       }), {
         type: "FeatureCollection",
         features: A
       };
     }
-    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 v(t, d, s) {
+      const S = d.map(async (k) => {
+        const O = l.layerList.find((B) => B.config.id === k)?.config;
+        if (O && !(s !== void 0 && O.minZoom !== void 0 && s < O.minZoom)) {
+          o("layerLoading", k, !0);
           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(O.url, t, k, O.where, s);
+            C.value = { ...C.value, [k]: B }, o("layerError", k, 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", k, ee);
           } finally {
-            o("layerLoading", C, !1);
+            o("layerLoading", k, !1);
           }
         }
       });
-      await Promise.all(b);
+      await Promise.all(S);
     }
-    async function f(t, u) {
+    async function u(t, d) {
       const s = [...l.visibleLayers];
-      await v(t, s, u);
+      await v(t, s, d);
     }
-    function L(t) {
-      h.value = t.bounds, f(t.bounds, t.zoom);
+    function w(t) {
+      y.value = t.bounds, u(t.bounds, t.zoom);
     }
-    function S(t) {
+    function L(t) {
       n.value = t;
-      const u = t.getBounds();
-      h.value = {
-        west: u.getWest(),
-        south: u.getSouth(),
-        east: u.getEast(),
-        north: u.getNorth()
+      const d = t.getBounds();
+      y.value = {
+        west: d.getWest(),
+        south: d.getSouth(),
+        east: d.getEast(),
+        north: d.getNorth()
       };
       const s = t.getZoom();
-      o("zoom", s), c.value = p(t), f(h.value, s);
+      o("zoom", s), c.value = p(t), u(y.value, s);
     }
     Ie(
       () => 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) {
+        if (se.value.length > 0 && ie(), y.value) {
+          const t = new Set(l.visibleLayers), d = [...t].filter((s) => !g.value.has(s));
+          if (g.value = new Set(t), d.length > 0) {
             const s = n.value?.getZoom();
-            await v(h.value, u, s);
+            await v(y.value, d, s);
           }
         }
       }
     );
-    function E(t) {
+    function F(t) {
       return l.visibleLayers.has(t);
     }
-    function D(t) {
-      return !!x.value[t.id];
+    function E(t) {
+      return !!C.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(
+    const V = D(
+      () => l.layerList.filter((t) => t.config.type === "circle" && F(t.config.id) && E(t.config)).map((t) => t.config)
+    ), T = D(
+      () => l.layerList.filter((t) => t.config.type === "fill" && F(t.config.id) && E(t.config)).map((t) => t.config)
+    ), I = D(
       () => 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) && E(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)
+    ), _ = D(
+      () => l.layerList.filter((t) => t.config.type === "line" && F(t.config.id) && E(t.config)).map((t) => t.config)
     );
     Ie(_, async (t) => {
       if (t.length < 2) return;
       await Ne();
-      const u = n.value;
-      if (u)
+      const d = n.value;
+      if (d)
         for (let s = t.length - 1; s >= 0; s--) {
-          const b = s < t.length - 1 ? t[s + 1].id : "highlight-lines";
+          const S = s < t.length - 1 ? t[s + 1].id : "highlight-lines";
           try {
-            u.getLayer(t[s].id) && u.moveLayer(t[s].id, b);
+            d.getLayer(t[s].id) && d.moveLayer(t[s].id, S);
           } catch {
           }
         }
@@ -144,56 +144,56 @@ const io = { class: "map-panel" }, lo = /* @__PURE__ */ ye({
     function te(t) {
       return l.visibleTiledLayers?.has(t) ?? !1;
     }
-    function U(t) {
+    function W(t) {
       return l.tiledLayerOpacities?.[t] ?? 1;
     }
-    function me(t) {
+    function he(t) {
       return `${t.replace(/\/$/, "")}/tile/{z}/{y}/{x}`;
     }
-    function he(t) {
+    function ge(t) {
       return {
         type: "raster",
-        tiles: [me(t.url)],
+        tiles: [he(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 Ue = x({}), Ke = x(/* @__PURE__ */ new Set());
+    async function nt(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 d = t.url.replace(/\/$/, ""), s = await fetch(`${d}?f=json`);
           if (!s.ok)
             return;
-          const b = await s.json(), C = b.minScale || 0;
-          let F = 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 = {
+          const S = await s.json(), k = S.minScale || 0;
+          let O = S.maxScale || 0;
+          if (S.layers && S.layers.length > 0)
+            for (const B of S.layers)
+              B.maxScale && B.maxScale > 0 && (O === 0 || B.maxScale < O) && (O = B.maxScale);
+          O === 0 && (O = 72e3), Ue.value = {
             ...Ue.value,
-            [t.id]: { minScale: C, maxScale: F }
+            [t.id]: { minScale: k, maxScale: O }
           };
         } catch {
         }
       }
     }
-    et(() => {
+    ot(() => {
       if (l.tiledLayers)
         for (const t of l.tiledLayers)
-          t.scaleBasedRendering && lt(t);
+          t.scaleBasedRendering && nt(t);
     });
     function De(t) {
       if (!t.scaleBasedRendering)
         return "tiled";
-      const u = Ue.value[t.id];
-      if (!u)
+      const d = Ue.value[t.id];
+      if (!d)
         return "tiled";
       const s = c.value;
-      return s === 0 || s > u.maxScale ? "tiled" : "dynamic";
+      return s === 0 || s > d.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) : []);
+    const rt = D(() => l.tiledLayers ? l.tiledLayers.filter((t) => te(t.id) ? t.scaleBasedRendering ? De(t) === "tiled" : !0 : !1) : []), st = D(() => l.tiledLayers ? l.tiledLayers.filter((t) => te(t.id) && t.scaleBasedRendering ? De(t) === "dynamic" : !1) : []);
     function _e(t) {
       return {
         type: "raster",
@@ -203,175 +203,175 @@ const io = { class: "map-panel" }, lo = /* @__PURE__ */ ye({
       };
     }
     function Me(t) {
-      return { type: "geojson", data: x.value[t.id], tolerance: 0 };
+      return { type: "geojson", data: C.value[t.id], tolerance: 0 };
     }
     function Re(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";
+      const d = Re(t.id), s = t.type === "circle" ? "circle-opacity" : t.type === "fill" ? "fill-opacity" : "line-opacity";
       if (t.type === "fill" && t.paint["fill-opacity"] === 0)
         return { ...t.paint, "fill-opacity": 0 };
-      const 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 S = t.type === "circle" ? "circle-color" : t.type === "fill" ? "fill-color" : "line-color", k = { ...t.paint }, O = k[S], B = k[s] === 1, ee = typeof O == "string" && O.startsWith("rgba(");
+      if (B && ee) {
+        if (d === 1)
+          return k;
         {
-          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 N = O.match(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*([\d.]+)\)/);
+          if (N && N[4]) {
+            const [, oe, A, Q, U] = N, ne = parseFloat(U) * d;
+            k[S] = `rgba(${oe}, ${A}, ${Q}, ${ne})`, k[s] = 1;
           }
-          return C;
+          return k;
         }
       }
-      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 N = O.match(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*([\d.]+)\)/);
+        if (N) {
+          const [, oe, A, Q] = N;
+          k[S] = `rgb(${oe}, ${A}, ${Q})`;
         }
       }
-      return C[s] = u, C;
+      return k[s] = d, k;
     }
-    function st(t) {
-      const u = Re(t.id);
-      return { ...t.outlinePaint, "line-opacity": u };
+    function ct(t) {
+      const d = Re(t.id);
+      return { ...t.outlinePaint, "line-opacity": d };
     }
-    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 se = x([]), Ae = x(null), ae = x(0);
+    function Te(t) {
+      const d = t.replace(/-outline$/, "");
+      return l.layerList.find((S) => S.config.id === d)?.config;
     }
-    function ct(t, u) {
-      return t.replace(/\{([^}]+)\}/g, (s, b) => {
-        const C = u[b];
-        return C == null ? "" : String(C);
+    function ut(t, d) {
+      return t.replace(/\{([^}]+)\}/g, (s, S) => {
+        const k = d[S];
+        return k == null ? "" : String(k);
       });
     }
     function we(t) {
       return t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
     }
-    function We(t, u, s) {
+    function We(t, d, s) {
       if (t == null) return "-";
-      if (u?.dateFormat && typeof t == "number") {
-        const b = new Date(t);
-        if (s && u.dateFormat === "shortDateShortTime")
-          return b.toLocaleString(void 0, { dateStyle: "short", timeStyle: "short" });
-        switch (u.dateFormat) {
+      if (d?.dateFormat && typeof t == "number") {
+        const S = new Date(t);
+        if (s && d.dateFormat === "shortDateShortTime")
+          return S.toLocaleString(void 0, { dateStyle: "short", timeStyle: "short" });
+        switch (d.dateFormat) {
           case "shortDateShortTime":
-            return b.toLocaleDateString();
+            return S.toLocaleDateString();
           case "longMonthDayYear":
-            return b.toLocaleDateString(void 0, { month: "long", day: "numeric", year: "numeric" });
+            return S.toLocaleDateString(void 0, { month: "long", day: "numeric", year: "numeric" });
           case "shortDate":
-            return b.toLocaleDateString();
+            return S.toLocaleDateString();
           case "longDate":
-            return b.toLocaleDateString(void 0, { weekday: "long", month: "long", day: "numeric", year: "numeric" });
+            return S.toLocaleDateString(void 0, { weekday: "long", month: "long", day: "numeric", year: "numeric" });
           default:
-            return b.toLocaleDateString();
+            return S.toLocaleDateString();
         }
       }
       if (typeof t == "number") {
-        if (t > 1e12 && !u)
+        if (t > 1e12 && !d)
           return new Date(t).toLocaleDateString();
-        const b = u?.places, C = u?.digitSeparator ?? !0;
-        if (b !== void 0) {
-          if (Number.isInteger(t) && b >= 0)
+        const S = d?.places, k = d?.digitSeparator ?? !0;
+        if (S !== void 0) {
+          if (Number.isInteger(t) && S >= 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 O = t.toFixed(S);
+          if (k) {
+            const B = O.split("."), ee = B[0] || "0", N = B[1], oe = ee.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+            return N ? `${oe}.${N}` : oe;
           }
-          return F;
+          return O;
         }
-        return Number.isInteger(t) ? String(t) : C ? t.toLocaleString() : String(t);
+        return Number.isInteger(t) ? String(t) : k ? t.toLocaleString() : String(t);
       }
       return String(t);
     }
     function je(t) {
-      const u = /* @__PURE__ */ new Set();
+      const d = /* @__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 k = `${s.layer.id.replace(/-outline$/, "")}:${JSON.stringify(s.properties)}`;
+        return d.has(k) ? !1 : (d.add(k), !0);
       });
     }
-    function Ke(t, u) {
-      const s = x.value[t];
+    function Qe(t, d) {
+      const s = C.value[t];
       if (!s?.features) return null;
-      const b = u.objectid ?? u.OBJECTID ?? u.FID;
-      if (b != null) {
-        const C = s.features.find(
-          (F) => (F.properties?.objectid ?? F.properties?.OBJECTID ?? F.properties?.FID) === b
+      const S = d.objectid ?? d.OBJECTID ?? d.FID;
+      if (S != null) {
+        const k = s.features.find(
+          (O) => (O.properties?.objectid ?? O.properties?.OBJECTID ?? O.properties?.FID) === S
         );
-        if (C) return C.geometry;
+        if (k) return k.geometry;
       }
       return null;
     }
-    function Le(t, u) {
+    function Le(t, d) {
       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 d.forEach((S, k) => {
+        s.set(S.id, k);
+      }), t.sort((S, k) => {
+        const O = S.layer.id.replace(/-outline$/, ""), B = k.layer.id.replace(/-outline$/, ""), ee = s.get(O) ?? -1;
+        return (s.get(B) ?? -1) - ee;
       });
     }
     function Be(t) {
-      const u = n.value;
-      if (!u) return;
+      const d = n.value;
+      if (!d) 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 Q = A.config;
+        l.visibleLayers.has(Q.id) && (s.push(Q.id), Q.outlinePaint && s.push(`${Q.id}-outline`));
       });
-      const b = u.project([t.lngLat.lng, t.lngLat.lat]), C = u.queryRenderedFeatures(b, {
+      const S = d.project([t.lngLat.lng, t.lngLat.lat]), k = d.queryRenderedFeatures(S, {
         layers: s
       });
-      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 (!N) return null;
-        const ne = Ke(N.id, A.properties || {});
+      if (k.length === 0) return;
+      const O = je(k), B = l.layerList.map((A) => A.config), N = Le(O, B).map((A) => {
+        const Q = A.layer.id.replace(/-outline$/, ""), U = Te(Q);
+        if (!U) return null;
+        const ne = Qe(U.id, A.properties || {});
         return {
-          layerId: N.id,
-          layerTitle: N.title,
+          layerId: U.id,
+          layerTitle: U.title,
           properties: A.properties || {},
           geometry: ne || A.geometry,
-          popupConfig: N.popup
+          popupConfig: U.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;
+      if (N.length === 0) return;
+      N.sort((A, Q) => {
+        const U = A.popupConfig?.popupSortField, ne = Q.popupConfig?.popupSortField;
+        if (!U || U !== ne) return 0;
+        const ce = A.properties[U], pt = Q.properties[U];
+        if (ce == null || pt == null) return 0;
         const kt = A.popupConfig?.popupSortOrder !== "asc";
-        return ce < 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];
+        return ce < pt ? kt ? 1 : -1 : ce > pt ? kt ? -1 : 1 : 0;
+      }), se.value = N, ae.value = 0, Ae.value = [t.lngLat.lng, t.lngLat.lat];
+      const oe = N[0];
       if (oe) {
-        const A = Fe(oe.layerId);
+        const A = Te(oe.layerId);
         if (A) {
-          const K = M(oe.geometry), N = J(A.id, A.type);
-          y.value = {
+          const Q = M(oe.geometry), U = K(A.id, A.type);
+          m.value = {
             geometry: oe.geometry,
-            geometryType: K,
+            geometryType: Q,
             layerId: A.id,
             properties: oe.properties,
-            originalStyle: N
+            originalStyle: U
           };
         }
       }
     }
     function ie() {
-      se.value = [], Ae.value = null, ae.value = 0, y.value = null;
+      se.value = [], Ae.value = null, ae.value = 0, m.value = null;
     }
-    function Qe(t) {
+    function Xe(t) {
       if (se.value.length === 0) return;
-      const u = t.target;
-      if (!(u.tagName === "INPUT" || u.tagName === "TEXTAREA" || u.isContentEditable))
+      const d = t.target;
+      if (!(d.tagName === "INPUT" || d.tagName === "TEXTAREA" || d.isContentEditable))
         switch (t.key) {
           case "ArrowLeft":
           case "ArrowUp":
@@ -386,10 +386,10 @@ const io = { class: "map-panel" }, lo = /* @__PURE__ */ ye({
             break;
         }
     }
-    et(() => {
-      window.addEventListener("keydown", Qe);
+    ot(() => {
+      window.addEventListener("keydown", Xe);
     }), Rt(() => {
-      window.removeEventListener("keydown", Qe);
+      window.removeEventListener("keydown", Xe);
     });
     function Ee() {
       const t = se.value.length;
@@ -398,106 +398,106 @@ const io = { class: "map-panel" }, lo = /* @__PURE__ */ ye({
     function de() {
       se.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 Oe = D(() => se.value.length === 0 ? null : se.value[ae.value]), ve = D(() => {
       const t = Oe.value;
-      return !t || !t.popupConfig ? t?.layerTitle || "" : ct(t.popupConfig.title, t.properties);
-    }), qe = z(() => {
+      return !t || !t.popupConfig ? t?.layerTitle || "" : ut(t.popupConfig.title, t.properties);
+    }), qe = D(() => {
       const t = Oe.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 d = '<div class="popup-content">';
+      if (d += `<h3 class="popup-title">${we(ve.value)}</h3>`, t.popupConfig?.fields?.length) {
+        d += `<table class="popup-table" aria-label="${we(ve.value)}">`;
         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 S = We(t.properties[s.field], s.format, t.popupConfig.showTime), k = s.label.toLowerCase(), O = k.includes("url") || k.includes("website"), B = S.startsWith("http://") || S.startsWith("https://") || S.startsWith("www.") || O && S.includes("."), ee = S.startsWith("http://") || S.startsWith("https://") ? S : `https://${S}`, N = B ? `<a href="${we(ee)}" target="_blank" rel="noopener noreferrer">${we(S)}</a>` : we(S);
+          d += `<tr><th scope="row">${we(s.label)}</th><td>${N}</td></tr>`;
         }
-        u += "</table>";
+        d += "</table>";
       }
-      return u += "</div>", u;
-    }), Se = k({
+      return d += "</div>", d;
+    }), Se = x({
       type: "FeatureCollection",
       features: []
-    }), le = k({
+    }), le = x({
       type: "FeatureCollection",
       features: []
-    }), Ze = k({
+    }), Ve = x({
       type: "FeatureCollection",
       features: []
-    }), ut = {
+    }), dt = {
       "circle-radius": ["get", "highlightRadius"],
       "circle-color": "#00FFFF",
       "circle-opacity": 0.8,
       "circle-stroke-width": 2,
       "circle-stroke-color": "#FFFFFF"
-    }, dt = {
+    }, ft = {
       "line-width": ["get", "highlightWidth"],
       "line-color": "#00FFFF",
       "line-opacity": 0.9
-    }, Xe = {
+    }, Ye = {
       "fill-color": "#808080",
       "fill-opacity": 0.5
-    }, y = k(null);
+    }, m = x(null);
     function M(t) {
       return t.type;
     }
-    function J(t, u) {
-      const s = Fe(t);
+    function K(t, d) {
+      const s = Te(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 };
+      const S = s.paint || {};
+      if (d === "circle") {
+        const k = S["circle-radius"];
+        return typeof k == "number" ? { radius: k } : { radius: 5 };
       }
-      if (u === "line" || u === "fill") {
-        const C = b["line-width"];
-        if (typeof C == "number")
-          return { width: C };
+      if (d === "line" || d === "fill") {
+        const k = S["line-width"];
+        if (typeof k == "number")
+          return { width: k };
         if (s.outlinePaint && s.outlinePaint["line-width"]) {
-          const F = s.outlinePaint["line-width"];
-          if (typeof F == "number")
-            return { width: F };
+          const O = s.outlinePaint["line-width"];
+          if (typeof O == "number")
+            return { width: O };
         }
         return { width: 2 };
       }
       return { radius: 5, width: 2 };
     }
-    function W(t) {
+    function j(t) {
       return !t || t.length === 0 ? [] : t[0] ?? [];
     }
-    function Q(t) {
-      const { geometry: u, geometryType: s, originalStyle: b } = t;
+    function Y(t) {
+      const { geometry: d, geometryType: s, originalStyle: S } = t;
       if (s === "Point" || s === "MultiPoint") {
-        const F = (b.radius || 5) + 3;
+        const O = (S.radius || 5) + 3;
         return {
           type: "FeatureCollection",
           features: [
             {
               type: "Feature",
-              geometry: u,
+              geometry: d,
               properties: {
-                highlightRadius: F
+                highlightRadius: O
               }
             }
           ]
         };
       }
       if (s === "LineString" || s === "MultiLineString") {
-        const F = (b.width || 2) + 3;
+        const O = (S.width || 2) + 3;
         return {
           type: "FeatureCollection",
           features: [
             {
               type: "Feature",
-              geometry: u,
+              geometry: d,
               properties: {
-                highlightWidth: F
+                highlightWidth: O
               }
             }
           ]
         };
       }
       if (s === "Polygon") {
-        const C = u.coordinates, F = W(C), Y = (b.width || 2) + 3;
+        const k = d.coordinates, O = j(k), ee = (S.width || 2) + 3;
         return {
           type: "FeatureCollection",
           features: [
@@ -505,24 +505,24 @@ const io = { class: "map-panel" }, lo = /* @__PURE__ */ ye({
               type: "Feature",
               geometry: {
                 type: "LineString",
-                coordinates: F
+                coordinates: O
               },
               properties: {
-                highlightWidth: Y
+                highlightWidth: ee
               }
             }
           ]
         };
       }
       if (s === "MultiPolygon") {
-        const C = u.coordinates, B = (b.width || 2) + 3;
+        const k = d.coordinates, B = (S.width || 2) + 3;
         return {
           type: "FeatureCollection",
-          features: C.map((V) => ({
+          features: k.map((N) => ({
             type: "Feature",
             geometry: {
               type: "LineString",
-              coordinates: W(V)
+              coordinates: j(N)
             },
             properties: {
               highlightWidth: B
@@ -536,56 +536,56 @@ const io = { class: "map-panel" }, lo = /* @__PURE__ */ ye({
       };
     }
     function Ce(t) {
-      const { geometry: u, geometryType: s } = t;
+      const { geometry: d, geometryType: s } = t;
       return s === "Polygon" || s === "MultiPolygon" ? {
         type: "FeatureCollection",
-        features: [{ type: "Feature", geometry: u, properties: {} }]
+        features: [{ type: "Feature", geometry: d, properties: {} }]
       } : { type: "FeatureCollection", features: [] };
     }
-    function Ve(t) {
+    function Ze(t) {
       if (!t) {
         Wt();
         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 d = Y(t);
+      t.geometryType === "Point" || t.geometryType === "MultiPoint" ? (Se.value = d, le.value = { type: "FeatureCollection", features: [] }, Ve.value = { type: "FeatureCollection", features: [] }) : (le.value = d, Se.value = { type: "FeatureCollection", features: [] }, Ve.value = Ce(t));
     }
     function Wt() {
-      Se.value = { type: "FeatureCollection", features: [] }, le.value = { type: "FeatureCollection", features: [] }, Ze.value = { type: "FeatureCollection", features: [] };
+      Se.value = { type: "FeatureCollection", features: [] }, le.value = { type: "FeatureCollection", features: [] }, Ve.value = { type: "FeatureCollection", features: [] };
     }
-    Ie(y, (t) => {
-      Ve(t);
+    Ie(m, (t) => {
+      Ze(t);
     }), Ie(
       () => l.visibleLayers,
       (t) => {
-        y.value && !t.has(y.value.layerId) && (y.value = null, ie());
+        m.value && !t.has(m.value.layerId) && (m.value = null, ie());
       },
       { deep: !0 }
     ), Ie(ae, () => {
       const t = Oe.value;
       if (!t) {
-        y.value = null;
+        m.value = null;
         return;
       }
-      const u = Fe(t.layerId);
-      if (u) {
-        const s = M(t.geometry), b = J(u.id, u.type);
-        y.value = {
+      const d = Te(t.layerId);
+      if (d) {
+        const s = M(t.geometry), S = K(d.id, d.type);
+        m.value = {
           geometry: t.geometry,
           geometryType: s,
-          layerId: u.id,
+          layerId: d.id,
           properties: t.properties,
-          originalStyle: b
+          originalStyle: S
         };
       }
     });
-    const Ct = k(null);
+    const Ct = x(null);
     function jt(t) {
-      const [u, s] = t.geometry.coordinates;
-      Ct.value = [u, s];
+      const [d, s] = t.geometry.coordinates;
+      Ct.value = [d, s];
     }
-    return (t, u) => (m(), $("div", io, [
-      H(d(Yt), {
+    return (t, d) => (h(), $("div", io, [
+      J(f(Yt), {
         ref_key: "mapRef",
         ref: r,
         zoom: l.initialZoom,
@@ -602,34 +602,34 @@ const io = { class: "map-panel" }, lo = /* @__PURE__ */ ye({
         "pictometry-button-position": l.pictometryButtonPosition,
         "tool-panel-layout": "vertical",
         "tool-panel-split-ratio": 50,
-        onZoom: w,
+        onZoom: b,
         onClick: ie,
-        onMoveend: L,
-        onLoad: S,
+        onMoveend: w,
+        onLoad: L,
         onSearchResult: jt
       }, {
         default: Ge(() => [
-          l.drawControlPosition !== null ? (m(), q(d(eo), {
+          l.drawControlPosition !== null ? (h(), G(f(eo), {
             key: 0,
             position: l.drawControlPosition
           }, null, 8, ["position"])) : R("", !0),
-          (m(!0), $(ue, null, ve(nt.value, (s) => (m(), q(d(Pt), {
+          (h(!0), $(ue, null, be(rt.value, (s) => (h(), G(f(Pt), {
             id: "tiled-" + s.id,
             key: "tiled-" + s.id,
-            source: he(s),
-            paint: { "raster-opacity": U(s.id) },
+            source: ge(s),
+            paint: { "raster-opacity": W(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), {
+          (h(!0), $(ue, null, be(st.value, (s) => (h(), G(f(Pt), {
             id: "dynamic-" + s.id,
             key: "dynamic-" + s.id,
             source: _e(s),
-            paint: { "raster-opacity": U(s.id) },
+            paint: { "raster-opacity": W(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), {
+          (h(!0), $(ue, null, be(V.value, (s) => (h(), G(f(Ft), {
             id: s.id,
             key: s.id,
             source: Me(s),
@@ -639,7 +639,7 @@ const io = { class: "map-panel" }, lo = /* @__PURE__ */ ye({
             "before-id": "highlight-circles",
             onClick: Be
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          (m(!0), $(ue, null, ve(T.value, (s) => (m(), q(d(Ft), {
+          (h(!0), $(ue, null, be(T.value, (s) => (h(), G(f(Tt), {
             id: s.id,
             key: s.id,
             source: Me(s),
@@ -649,17 +649,17 @@ const io = { class: "map-panel" }, lo = /* @__PURE__ */ ye({
             "before-id": "highlight-circles",
             onClick: Be
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          (m(!0), $(ue, null, ve(O.value, (s) => (m(), q(d(pt), {
+          (h(!0), $(ue, null, be(I.value, (s) => (h(), G(f(yt), {
             id: s.id + "-outline",
             key: s.id + "-outline",
             source: Me(s),
-            paint: st(s),
+            paint: ct(s),
             minzoom: s.minZoom,
             maxzoom: s.maxZoom,
             "before-id": "highlight-lines",
             onClick: Be
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          (m(!0), $(ue, null, ve(_.value, (s) => (m(), q(d(pt), {
+          (h(!0), $(ue, null, be(_.value, (s) => (h(), G(f(yt), {
             id: s.id,
             key: s.id,
             source: Me(s),
@@ -669,29 +669,29 @@ const io = { class: "map-panel" }, lo = /* @__PURE__ */ ye({
             "before-id": "highlight-lines",
             onClick: Be
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          H(d(Tt), {
+          J(f(Ft), {
             id: "highlight-circles",
             key: "highlight-circles-layer",
             source: { type: "geojson", data: Se.value },
-            paint: ut
+            paint: dt
           }, null, 8, ["source"]),
-          H(d(Ft), {
+          J(f(Tt), {
             id: "highlight-fill",
             key: "highlight-fill-layer",
-            source: { type: "geojson", data: Ze.value },
-            paint: Xe
+            source: { type: "geojson", data: Ve.value },
+            paint: Ye
           }, null, 8, ["source"]),
-          H(d(pt), {
+          J(f(yt), {
             id: "highlight-lines",
             key: "highlight-lines-layer",
             source: { type: "geojson", data: le.value },
-            paint: dt
+            paint: ft
           }, null, 8, ["source"]),
-          H(d(to), {
+          J(f(to), {
             "lng-lat": Ct.value,
             color: "#2176d2"
           }, null, 8, ["lng-lat"]),
-          Oe.value && Ae.value ? (m(), q(d(oo), {
+          Oe.value && Ae.value ? (h(), G(f(oo), {
             key: 1,
             "lng-lat": Ae.value,
             html: qe.value,
@@ -720,7 +720,7 @@ function Bt(e) {
   let i = e.split("?")[0] || e;
   return i = i.replace(/\/query$/, ""), i = i.replace(/\/$/, ""), i.toLowerCase();
 }
-const ro = ["disabled"], so = /* @__PURE__ */ ye({
+const ro = ["disabled"], so = /* @__PURE__ */ me({
   inheritAttrs: !1,
   __name: "PhlButton",
   props: {
@@ -742,14 +742,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 = (c) => "href" in c && c.href !== void 0 || "to" in c && c.to !== void 0, o = D(() => ht(
       "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 = D(() => l(i) ? "to" in i && i.to !== void 0 ? {
       to: i.to,
       disabled: i.disabled,
       className: o.value
@@ -759,7 +759,7 @@ const ro = ["disabled"], so = /* @__PURE__ */ ye({
       rel: i.rel,
       disabled: i.disabled,
       className: o.value
-    } : {}), n = z(
+    } : {}), n = D(
       () => ({
         iconDefinition: i.iconDefinition,
         iconClass: i.iconClass,
@@ -770,28 +770,28 @@ 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 (c, b) => l(i) ? (h(), G(f(ao), mt({ key: 0 }, { ...r.value, ...c.$attrs }, { role: "button" }), {
       default: Ge(() => [
-        H(d(Et), xt($t(n.value)), {
+        J(f(Et), xt($t(n.value)), {
           default: Ge(() => [
             pe(c.$slots, "default", {}, () => [
-              xe(G(i.text), 1)
+              xe(H(i.text), 1)
             ])
           ]),
           _: 3
         }, 16)
       ]),
       _: 3
-    }, 16)) : (m(), $("button", mt({
+    }, 16)) : (h(), $("button", mt({
       key: 1,
       type: "button",
       disabled: i.disabled,
       class: o.value
     }, c.$attrs), [
-      H(d(Et), xt($t(n.value)), {
+      J(f(Et), xt($t(n.value)), {
         default: Ge(() => [
           pe(c.$slots, "default", {}, () => [
-            xe(G(i.text), 1)
+            xe(H(i.text), 1)
           ])
         ]),
         _: 3
@@ -814,7 +814,7 @@ const yo = ["for"], mo = { class: "state-layer" }, ho = { class: "content" }, go
 }, wo = {
   key: 2,
   class: "has-text-body-small phila-error-text"
-}, Lo = /* @__PURE__ */ ye({
+}, Lo = /* @__PURE__ */ me({
   inheritAttrs: !1,
   __name: "TextField",
   props: {
@@ -832,37 +832,37 @@ 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({
-      get: () => o.modelValue !== void 0 ? o.modelValue : w.value,
-      set: (f) => {
-        c("update:modelValue", f), w.value = f;
+    const l = qt(), o = e, r = D(() => typeof o.error == "string" ? o.error : o.error[0]), n = Gt(o, "id"), c = i, b = x(""), p = D({
+      get: () => o.modelValue !== void 0 ? o.modelValue : b.value,
+      set: (u) => {
+        c("update:modelValue", u), b.value = u;
       }
-    }), 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 = D(() => {
+      const u = ["default-class"];
+      return l.disabled != null && u.push("phila-input--disabled"), r.value && u.push("phila-input--error"), l.required != null && u.push("phila-input--required"), ht(...u);
+    }), y = D(() => {
+      const u = [];
+      return p.value !== "" && u.push("phila-text-field--filled"), o.className && u.push(o.className), ht(...u);
+    }), g = D(() => {
       if (!(o.label || l["aria-label"]))
         return o.placeholder || void 0;
-    }), a = k(null), v = (f) => {
-      f.target.closest("button") || a.value?.focus();
+    }), a = x(null), v = (u) => {
+      u.target.closest("button") || a.value?.focus();
     };
-    return (f, L) => (m(), $("div", {
-      class: re(["phila-input", x.value])
+    return (u, w) => (h(), $("div", {
+      class: re(["phila-input", C.value])
     }, [
-      o.label ? (m(), $("label", {
+      o.label ? (h(), $("label", {
         key: 0,
         for: n.value,
         class: "has-text-label-small phila-label"
-      }, G(o.label), 9, yo)) : R("", !0),
+      }, H(o.label), 9, yo)) : R("", !0),
       P("div", {
-        class: re(["phila-text-field", h.value]),
+        class: re(["phila-text-field", y.value]),
         onClick: v
       }, [
         P("div", mo, [
-          o.leadingIcon ? (m(), q(d(ke), {
+          o.leadingIcon ? (h(), G(f(ke), {
             key: 0,
             "icon-class": o.leadingIcon,
             inline: "",
@@ -874,42 +874,42 @@ const yo = ["for"], mo = { class: "state-layer" }, ho = { class: "content" }, go
                 id: n.value,
                 ref_key: "inputRef",
                 ref: a,
-                "onUpdate:modelValue": L[0] || (L[0] = (S) => p.value = S),
+                "onUpdate:modelValue": w[0] || (w[0] = (L) => p.value = L),
                 class: "phila-text-field-input has-text-body-default",
                 placeholder: o.placeholder,
                 "aria-label": g.value
-              }, d(l)), null, 16, vo), [
+              }, f(l)), null, 16, vo), [
                 [Ht, p.value]
               ])
             ])
           ]),
-          p.value != "" ? (m(), q(d(so), {
+          p.value != "" ? (h(), G(f(so), {
             key: 1,
             variant: "standard",
             size: "small",
             "icon-only": "",
-            "icon-definition": d(po),
-            onClick: L[1] || (L[1] = (S) => p.value = "")
+            "icon-definition": f(po),
+            onClick: w[1] || (w[1] = (L) => p.value = "")
           }, null, 8, ["icon-definition"])) : R("", !0),
-          o.trailingIcon ? (m(), q(d(ke), {
+          o.trailingIcon ? (h(), G(f(ke), {
             key: 2,
             size: "small",
             "icon-class": o.trailingIcon,
             inline: "",
             decorative: ""
           }, null, 8, ["icon-class"])) : R("", !0),
-          pe(f.$slots, "trailing-action")
+          pe(u.$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 ? (h(), $("div", bo, H(o.supportingText), 1)) : R("", !0),
+      r.value ? (h(), $("div", wo, [
+        J(f(ke), {
+          "icon-definition": f(uo),
           size: "small",
           inline: "",
           decorative: ""
         }, null, 8, ["icon-definition"]),
-        xe(" " + G(r.value), 1)
+        xe(" " + H(r.value), 1)
       ])) : R("", !0)
     ], 2));
   }
@@ -943,10 +943,10 @@ const Mo = {
   key: 0,
   class: "loading-indicator",
   role: "status"
-}, Po = ["aria-label"], To = {
+}, Po = ["aria-label"], Fo = {
   key: 2,
   class: "zoom-indicator"
-}, Fo = /* @__PURE__ */ ye({
+}, To = /* @__PURE__ */ me({
   __name: "LayerStatusIndicators",
   props: {
     loading: { type: Boolean },
@@ -954,18 +954,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) => (h(), $(ue, null, [
+      e.loading && !e.unavailable ? (h(), $("span", Mo, " Loading... ")) : R("", !0),
+      e.error ? (h(), $("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)
+      e.unavailable ? (h(), $("span", Fo, " (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({
+}), at = /* @__PURE__ */ $e(To, [["__scopeId", "data-v-19b1b402"]]), Eo = { class: "opacity-control" }, Oo = ["for"], Io = ["id", "value", "aria-label"], zo = /* @__PURE__ */ me({
   __name: "LayerOpacitySlider",
   props: {
     layerId: {},
@@ -979,11 +979,11 @@ const Mo = {
       const n = r.target;
       l("update:opacity", parseFloat(n.value));
     }
-    return (r, n) => (m(), $("div", Eo, [
+    return (r, n) => (h(), $("div", Eo, [
       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, Oo),
       P("input", {
         id: "opacity-" + e.layerId,
         type: "range",
@@ -997,27 +997,27 @@ const Mo = {
       }, null, 40, Io)
     ]));
   }
-}), vt = /* @__PURE__ */ $e(zo, [["__scopeId", "data-v-1a025f6a"]]), Do = ["aria-label"], _o = { class: "legend-label" }, Ro = /* @__PURE__ */ ye({
+}), vt = /* @__PURE__ */ $e(zo, [["__scopeId", "data-v-1a025f6a"]]), Do = ["aria-label"], _o = { class: "legend-label" }, Ro = /* @__PURE__ */ me({
   __name: "LayerLegend",
   props: {
     items: {},
     label: {}
   },
   setup(e) {
-    return (i, l) => (m(), $("ul", {
+    return (i, l) => (h(), $("ul", {
       class: "layer-legend",
       "aria-label": e.label
     }, [
-      (m(!0), $(ue, null, ve(e.items, (o, r) => (m(), $("li", {
+      (h(!0), $(ue, null, be(e.items, (o, r) => (h(), $("li", {
         key: r,
         class: "legend-item"
       }, [
-        o.type === "circle" ? (m(), $("span", {
+        o.type === "circle" ? (h(), $("span", {
           key: 0,
           class: "legend-symbol legend-circle",
           style: fe({ backgroundColor: o.color }),
           "aria-hidden": "true"
-        }, null, 4)) : o.type === "line" ? (m(), $("span", {
+        }, null, 4)) : o.type === "line" ? (h(), $("span", {
           key: 1,
           class: "legend-symbol legend-line",
           style: fe({
@@ -1025,13 +1025,13 @@ const Mo = {
             height: `${o.width || 2}px`
           }),
           "aria-hidden": "true"
-        }, null, 4)) : o.type === "fill" ? (m(), $("span", {
+        }, null, 4)) : o.type === "fill" ? (h(), $("span", {
           key: 2,
           class: "legend-symbol legend-fill",
           style: fe({ backgroundColor: o.color }),
           "aria-hidden": "true"
         }, null, 4)) : R("", !0),
-        P("span", _o, G(o.label), 1)
+        P("span", _o, H(o.label), 1)
       ]))), 128))
     ], 8, Do));
   }
@@ -1050,24 +1050,24 @@ function wt(e) {
     return e().layerErrors[c] || 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);
+    const b = e().currentZoom, p = c.minZoom, C = c.maxZoom;
+    return !(p !== void 0 && b < p || C !== void 0 && b > C);
   }
   return { isVisible: i, getLayerOpacity: l, isLayerLoading: o, getLayerError: r, isLayerAvailableAtZoom: n };
 }
 const Ao = { class: "layer-panel" }, Bo = {
   key: 0,
   class: "search-box"
-}, Zo = {
+}, Vo = {
   key: 1,
   class: "topics-container"
-}, Vo = { class: "layer-row" }, No = ["href", "aria-label"], Uo = {
+}, Zo = { class: "layer-row" }, No = ["href", "aria-label"], Uo = {
   key: 1,
   class: "metadata-placeholder"
 }, Wo = ["checked", "disabled", "onChange"], jo = { class: "layer-title" }, qo = {
   key: 0,
   class: "no-results"
-}, Go = /* @__PURE__ */ ye({
+}, Go = /* @__PURE__ */ me({
   __name: "LayerPanel",
   props: {
     layerList: {},
@@ -1086,40 +1086,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 = D(() => {
       if (!l.searchQuery.trim())
         return l.layerList;
-      const f = l.searchQuery.toLowerCase();
-      return l.layerList.filter((L) => L.config.title.toLowerCase().includes(f));
+      const u = l.searchQuery.toLowerCase();
+      return l.layerList.filter((w) => w.config.title.toLowerCase().includes(u));
     });
-    function n(f) {
-      const L = Bt(f);
-      return l.layerMetadata[L] || null;
+    function n(u) {
+      const w = Bt(u);
+      return l.layerMetadata[w] || null;
     }
-    const c = z(() => l.layerList.some((f) => n(f.config.url))), { isVisible: w, getLayerOpacity: p, isLayerLoading: x, getLayerError: h, isLayerAvailableAtZoom: g } = wt(() => ({
+    const c = D(() => l.layerList.some((u) => n(u.config.url))), { isVisible: b, getLayerOpacity: p, isLayerLoading: C, getLayerError: y, isLayerAvailableAtZoom: g } = wt(() => ({
       visibleLayerIds: l.visibleLayers,
       layerOpacities: l.layerOpacities,
       loadingLayerIds: l.loadingLayers,
       layerErrors: l.layerErrors,
       currentZoom: l.currentZoom
-    })), a = z({
+    })), a = D({
       get: () => l.searchQuery,
-      set: (f) => o("updateSearch", f)
+      set: (u) => o("updateSearch", u)
     });
-    function v(f) {
-      o("toggleLayer", f);
+    function v(u) {
+      o("toggleLayer", u);
     }
-    return (f, L) => (m(), $("div", Ao, [
-      e.showSearch ? (m(), $("div", Bo, [
-        H(d(Lo), {
+    return (u, w) => (h(), $("div", Ao, [
+      e.showSearch ? (h(), $("div", Bo, [
+        J(f(Lo), {
           modelValue: a.value,
-          "onUpdate:modelValue": L[0] || (L[0] = (S) => a.value = S),
+          "onUpdate:modelValue": w[0] || (w[0] = (L) => a.value = L),
           placeholder: e.searchPlaceholder,
           "class-name": "layer-search-field"
         }, {
           "trailing-action": Ge(() => [
-            H(d(ke), {
-              "icon-definition": d(So),
+            J(f(ke), {
+              "icon-definition": f(So),
               size: "small",
               inline: "",
               decorative: ""
@@ -1128,142 +1128,178 @@ const Ao = { class: "layer-panel" }, Bo = {
           _: 1
         }, 8, ["modelValue", "placeholder"])
       ])) : R("", !0),
-      e.mode === "topics" ? (m(), $("div", Zo, [
-        pe(f.$slots, "topics", {}, () => [
-          L[2] || (L[2] = P("div", { class: "no-topics" }, ' No topic components provided. Use the "topics" slot to add TopicAccordion components. ', -1))
+      e.mode === "topics" ? (h(), $("div", Vo, [
+        pe(u.$slots, "topics", {}, () => [
+          w[2] || (w[2] = P("div", { class: "no-topics" }, ' No topic components provided. Use the "topics" slot to add TopicAccordion components. ', -1))
         ], !0)
-      ])) : (m(), $("div", {
+      ])) : (h(), $("div", {
         key: 2,
         class: re(["layer-list", { "has-metadata": c.value }])
       }, [
-        (m(!0), $(ue, null, ve(r.value, (S) => (m(), $("div", {
-          key: S.config.id,
+        (h(!0), $(ue, null, be(r.value, (L) => (h(), $("div", {
+          key: L.config.id,
           class: "layer-item"
         }, [
-          P("div", Vo, [
-            n(S.config.url) ? (m(), $("a", {
+          P("div", Zo, [
+            n(L.config.url) ? (h(), $("a", {
               key: 0,
-              href: n(S.config.url) || "",
+              href: n(L.config.url) || "",
               target: "_blank",
               rel: "noopener noreferrer",
               class: "metadata-link",
-              "aria-label": "View metadata for " + S.config.title,
-              onClick: L[1] || (L[1] = Jt(() => {
+              "aria-label": "View metadata for " + L.config.title,
+              onClick: w[1] || (w[1] = Jt(() => {
               }, ["stop"]))
             }, [
-              H(d(ke), {
-                "icon-definition": d($o),
+              J(f(ke), {
+                "icon-definition": f($o),
                 size: "small",
                 inline: "",
                 decorative: ""
               }, null, 8, ["icon-definition"])
-            ], 8, No)) : c.value ? (m(), $("span", Uo)) : R("", !0),
+            ], 8, No)) : c.value ? (h(), $("span", Uo)) : R("", !0),
             P("label", {
               class: re(["layer-checkbox", {
-                "layer-unavailable": !d(g)(S.config),
-                "layer-error": d(h)(S.config.id)
+                "layer-unavailable": !f(g)(L.config),
+                "layer-error": f(y)(L.config.id)
               }])
             }, [
               P("input", {
                 type: "checkbox",
-                checked: d(w)(S.config.id),
-                disabled: !d(g)(S.config),
-                onChange: (E) => v(S.config.id)
+                checked: f(b)(L.config.id),
+                disabled: !f(g)(L.config),
+                onChange: (F) => v(L.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)
+                xe(H(L.config.title) + " ", 1),
+                J(at, {
+                  loading: f(C)(L.config.id),
+                  error: f(y)(L.config.id),
+                  unavailable: !f(g)(L.config)
                 }, null, 8, ["loading", "error", "unavailable"])
               ])
             ], 2)
           ]),
-          e.showOpacity && d(w)(S.config.id) && d(g)(S.config) ? (m(), q(vt, {
+          e.showOpacity && f(b)(L.config.id) && f(g)(L.config) ? (h(), G(vt, {
             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)
+            "layer-id": L.config.id,
+            "layer-name": L.config.title,
+            opacity: f(p)(L.config.id),
+            "onUpdate:opacity": (F) => o("setOpacity", L.config.id, F)
           }, 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(b)(L.config.id) && f(g)(L.config) && L.config.legend?.length ? (h(), G(bt, {
             key: 1,
-            items: S.config.legend,
-            label: "Legend for " + S.config.title
+            items: L.config.legend,
+            label: "Legend for " + L.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 ? (h(), $("div", qo, 'No layers match "' + H(e.searchQuery) + '"', 1)) : R("", !0)
       ], 2))
     ]));
   }
 }), Ho = /* @__PURE__ */ $e(Go, [["__scopeId", "data-v-e48bb978"]]), Jo = {
   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;
 }
 function Ko(e, i, l, o, r) {
   const n = [];
-  let c = i[0], w = [e[0]], p = 0;
+  let c = i[0], b = [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();
+    i[a] === c ? b.push(e[a]) : (n.push({ style: c, breaks: b, startIndex: p }), c = i[a], b = [e[a]], p = a);
+  n.push({ style: c, breaks: b, startIndex: p });
+  const C = [], y = /* @__PURE__ */ new Set();
   let g = o.minValue ?? 0;
   for (let a = 0; a < n.length; a++) {
-    const v = n[a], f = v.breaks, L = at(v.style), S = a === 0 ? null : n[a - 1].breaks[n[a - 1].breaks.length - 1].classMaxValue, E = f[f.length - 1].classMaxValue;
-    let D;
-    const 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 v = n[a], u = v.breaks, w = Je(v.style), L = a === 0 ? null : n[a - 1].breaks[n[a - 1].breaks.length - 1].classMaxValue, F = u[u.length - 1].classMaxValue;
+    let E;
+    const V = !!o.defaultSymbol;
+    L === null ? E = `${!V && o.minValue != null ? `${l} >= ${o.minValue} AND ` : ""}${l} <= ${F}` : a === n.length - 1 && V ? E = `${l} > ${L}` : E = `${l} > ${L} AND ${l} <= ${F}`;
     const T = {
-      "line-opacity": be(r)
+      "line-opacity": ye(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 (w && (T["line-dasharray"] = w), u.length === 1)
+      T["line-color"] = z(u[0].symbol?.color), T["line-width"] = X(u[0].symbol?.width || 2);
     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 O = [];
-    for (const U of f)
-      O.push({
+      const W = ["step", ["get", l]], he = ["step", ["get", l]];
+      W.push(z(u[0].symbol?.color)), he.push(X(u[0].symbol?.width || 2));
+      for (let ge = 1; ge < u.length; ge++)
+        W.push(u[ge - 1].classMaxValue), W.push(z(u[ge].symbol?.color)), he.push(u[ge - 1].classMaxValue), he.push(X(u[ge].symbol?.width || 2));
+      T["line-color"] = W, T["line-width"] = he;
+    }
+    const I = [];
+    for (const W of u)
+      I.push({
         type: "line",
-        color: I(U.symbol?.color),
-        width: ee(U.symbol?.width || 2),
-        label: U.label || `${g} - ${U.classMaxValue}`
-      }), g = U.classMaxValue + 1;
+        color: z(W.symbol?.color),
+        width: X(W.symbol?.width || 2),
+        label: W.label || `${g} - ${W.classMaxValue}`
+      }), g = W.classMaxValue + 1;
     const _ = v.style.replace("esriSLS", "").toLowerCase();
     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(_) ? te = `-${_}-${a}` : te = `-${_}`, y.add(_), C.push({ suffix: te, where: E, paint: T, legend: I });
   }
-  return x;
+  return C;
 }
-function I(e) {
+function Qo(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 c = [], b = /* @__PURE__ */ new Set();
+  let p = !0;
+  for (const [C, y] of n) {
+    const g = Je(C), v = y.map((E) => `${i} = '${String(E.value).replace(/'/g, "''")}'`).join(" OR "), u = {
+      "line-opacity": ye(o)
+    };
+    if (g && (u["line-dasharray"] = g), y.length === 1)
+      u["line-color"] = z(y[0].symbol?.color), u["line-width"] = X(y[0].symbol?.width || 2);
+    else {
+      const E = ["match", ["to-string", ["get", i]]];
+      for (const V of y)
+        E.push(tt(V.value)), E.push(z(V.symbol?.color));
+      E.push(l ? z(l.color) : "rgba(0, 0, 0, 0)"), u["line-color"] = E, u["line-width"] = X(y[0].symbol?.width || 2);
+    }
+    const w = [];
+    for (const E of y) {
+      const V = String(E.value), I = r?.get(V) || E.label || V;
+      w.push({
+        type: "line",
+        color: z(E.symbol?.color),
+        width: X(E.symbol?.width || 1),
+        label: I
+      });
+    }
+    const L = C.replace("esriSLS", "").toLowerCase();
+    let F;
+    p ? F = "" : b.has(L) ? F = `-${L}-${c.length}` : F = `-${L}`, b.add(L), p = !1, c.push({ suffix: F, where: v, paint: u, legend: w });
+  }
+  return c;
+}
+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 ye(e) {
   return e !== void 0 ? e : 1;
 }
-function ee(e) {
+function X(e) {
   return Math.round(e * (96 / 72) * 10) / 10;
 }
-const Qo = 559082264;
+const Xo = 559082264;
 function It(e) {
-  return !e || e <= 0 ? null : Math.round(Math.log2(Qo / e) * 100) / 100;
+  return !e || e <= 0 ? null : Math.round(Math.log2(Xo / e) * 100) / 100;
 }
-function Xo(e, i) {
+function Yo(e, i) {
   const l = {};
   if (e && e > 0) {
     const o = It(e);
@@ -1275,7 +1311,7 @@ function Xo(e, i) {
   }
   return l;
 }
-function it(e) {
+function lt(e) {
   if (!e) return "fill";
   switch (e.type) {
     case "esriSFS":
@@ -1292,249 +1328,253 @@ function it(e) {
       return "fill";
   }
 }
-function Te(e) {
+function Fe(e) {
   return !(!e || e.style === "esriSLSNull" || e.color === null || e.width === 0 || e.color && e.color[3] === 0);
 }
-function yt(e) {
+function tt(e) {
   return String(e);
 }
-function Zt(e, i, l) {
-  const o = e.symbol, r = it(o);
-  let n = {}, c = [], w = null;
+function Vt(e, i, l) {
+  const o = e.symbol, r = lt(o);
+  let n = {}, c = [], b = 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 : ye(i);
     if (n = {
-      "fill-color": x,
-      "fill-opacity": h
-    }, Te(o.outline)) {
-      const g = ee(o.outline.width || 1);
-      w = {
-        "line-color": I(o.outline.color),
+      "fill-color": C,
+      "fill-opacity": y
+    }, Fe(o.outline)) {
+      const g = X(o.outline.width || 1);
+      b = {
+        "line-color": z(o.outline.color),
         "line-width": g
       };
     }
     c = [
       {
         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": ye(i)
     };
-    const p = at(o.style);
+    const p = Je(o.style);
     p && (n["line-dasharray"] = p), c = [
       {
         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": ye(i)
+    }, Fe(o.outline) && (n["circle-stroke-color"] = z(o.outline.color), n["circle-stroke-width"] = X(o.outline.width || 1)), c = [
       {
         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: c, geomType: r, outlinePaint: b };
 }
-function Yo(e, i, l) {
+function ea(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);
+    return Vt({ ...e, symbol: n }, i);
+  const c = r[0]?.symbol || n, b = lt(c);
   let p = {};
-  const x = [];
-  let h = null;
-  if (w === "fill") {
+  const C = [];
+  let y = null;
+  if (b === "fill") {
     const g = ["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({
+      g.push(tt(a.value)), g.push(z(a.symbol?.color));
+      const v = String(a.value), w = l?.get(v) || a.label || v;
+      C.push({
         type: "fill",
-        color: I(a.symbol?.color),
-        label: L
+        color: z(a.symbol?.color),
+        label: w
       });
     }
-    if (g.push(n ? I(n.color) : "rgba(0, 0, 0, 0)"), p = {
+    if (g.push(n ? z(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),
+      "fill-opacity": ye(i)
+    }, Fe(c?.outline)) {
+      const a = X(Math.max(c.outline.width || 1, 1));
+      y = {
+        "line-color": z(c.outline.color),
         "line-width": a
       };
     }
-  } else if (w === "line") {
+  } else if (b === "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({
+    for (const u of r) {
+      g.push(tt(u.value)), g.push(z(u.symbol?.color));
+      const w = String(u.value), F = l?.get(w) || u.label || w;
+      C.push({
         type: "line",
-        color: I(f.symbol?.color),
-        width: ee(f.symbol?.width || 1),
-        label: E
+        color: z(u.symbol?.color),
+        width: X(u.symbol?.width || 1),
+        label: F
       });
     }
-    g.push(n ? I(n.color) : "rgba(0, 0, 0, 0)"), p = {
+    g.push(n ? z(n.color) : "rgba(0, 0, 0, 0)"), p = {
       "line-color": g,
-      "line-width": ee(c?.width || 2),
-      "line-opacity": be(i)
+      "line-width": X(c?.width || 2),
+      "line-opacity": ye(i)
     };
-    const a = r.map((f) => f.symbol?.style).filter(Boolean), v = [...new Set(a)];
+    const a = r.map((u) => u.symbol?.style || "esriSLSSolid"), v = [...new Set(a)];
+    if (v.length > 1) {
+      const u = Qo(r, o, n, i, l);
+      return { paint: {}, legend: [], geomType: b, outlinePaint: y, splitLayers: u };
+    }
     if (v.length === 1) {
-      const f = at(v[0]);
-      f && (p["line-dasharray"] = f);
+      const u = Je(v[0]);
+      u && (p["line-dasharray"] = u);
     }
-  } else if (w === "circle") {
+  } else if (b === "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({
+      g.push(tt(v.value)), g.push(z(v.symbol?.color));
+      const u = String(v.value), L = l?.get(u) || v.label || u;
+      C.push({
         type: "circle",
-        color: I(v.symbol?.color),
-        label: S
+        color: z(v.symbol?.color),
+        label: L
       });
     }
-    g.push(n ? I(n.color) : "rgba(0, 0, 0, 0)");
+    g.push(n ? z(n.color) : "rgba(0, 0, 0, 0)");
     const a = Math.round((c?.size || 6) * 0.71 * 100) / 100;
     p = {
       "circle-color": g,
       "circle-radius": a,
-      "circle-opacity": be(i)
-    }, Te(c?.outline) && (p["circle-stroke-color"] = I(c.outline.color), p["circle-stroke-width"] = ee(c.outline.width || 1));
+      "circle-opacity": ye(i)
+    }, Fe(c?.outline) && (p["circle-stroke-color"] = z(c.outline.color), p["circle-stroke-width"] = X(c.outline.width || 1));
   }
-  return { paint: p, legend: x, geomType: w, outlinePaint: h };
+  return { paint: p, legend: C, geomType: b, outlinePaint: y };
 }
-function ea(e, i) {
-  const l = e.field.toLowerCase(), o = e.classBreakInfos || [], r = e.visualVariables?.find((h) => h.type === "colorInfo");
+function ta(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 oa(r, l, e, i);
   if (o.length === 0)
     return { paint: {}, legend: [], geomType: "fill", outlinePaint: null };
-  const n = o[0]?.symbol, c = it(n);
-  let w = {};
+  const n = o[0]?.symbol, c = lt(n);
+  let b = {};
   const p = [];
-  let x = null;
+  let C = null;
   if (c === "fill") {
-    const h = ["step", ["get", l]];
-    h.push(I(o[0]?.symbol?.color));
+    const y = ["step", ["get", l]];
+    y.push(z(o[0]?.symbol?.color));
     for (let g = 0; g < o.length; g++) {
       const a = o[g];
-      g > 0 && (h.push(o[g - 1].classMaxValue), h.push(I(a.symbol?.color))), p.push({
+      g > 0 && (y.push(o[g - 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),
+    if (b = {
+      "fill-color": y,
+      "fill-opacity": ye(i)
+    }, Fe(n?.outline)) {
+      const g = X(n.outline.width || 1);
+      C = {
+        "line-color": z(n.outline.color),
         "line-width": g
       };
     }
   } else if (c === "line") {
-    const h = o.map((E) => E.symbol?.style || "esriSLSSolid"), g = [...new Set(h)];
+    const y = o.map((F) => F.symbol?.style || "esriSLSSolid"), g = [...new Set(y)];
     if (g.length > 1) {
-      const E = Ko(o, h, l, e, i);
-      return { paint: {}, legend: [], geomType: c, outlinePaint: x, splitLayers: E };
+      const F = Ko(o, y, l, e, i);
+      return { paint: {}, legend: [], geomType: c, outlinePaint: C, splitLayers: F };
     }
     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({
+    v.push(z(o[0]?.symbol?.color));
+    let u = e.minValue ?? 0;
+    for (let F = 0; F < o.length; F++) {
+      const E = o[F];
+      F > 0 && (v.push(o[F - 1].classMaxValue), v.push(z(E.symbol?.color))), p.push({
         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(E.symbol?.color),
+        width: X(E.symbol?.width || n?.width || 2),
+        label: E.label || `${u} - ${E.classMaxValue}`
+      }), u = E.classMaxValue + 1;
     }
-    const L = ee(n?.width || 2);
-    w = {
+    const w = X(n?.width || 2);
+    b = {
       "line-color": v,
-      "line-width": L,
-      "line-opacity": be(i)
+      "line-width": w,
+      "line-opacity": ye(i)
     };
-    const S = at(g[0]);
-    S && (w["line-dasharray"] = S);
+    const L = Je(g[0]);
+    L && (b["line-dasharray"] = L);
   }
-  return { paint: w, legend: p, geomType: c, outlinePaint: x };
+  return { paint: b, legend: p, geomType: c, outlinePaint: C };
 }
-function ta(e, i, l, o) {
+function oa(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);
-  let w = {};
+  const n = l.classBreakInfos?.[0]?.symbol || l.defaultSymbol, c = lt(n);
+  let b = {};
   const p = [];
-  let x = null;
+  let C = null;
   if (c === "fill") {
-    const h = ["interpolate", ["linear"], ["get", i]];
+    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 = {
+    if (b = {
       "fill-color": [
         "case",
         ["==", ["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": ye(o)
+    }, Fe(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: b, legend: p, geomType: c, outlinePaint: C };
 }
-function oa(e, i, l, o) {
+function aa(e, i, l, o) {
   if (!e?.renderer)
     return { paint: {}, legend: [], geomType: "fill", outlinePaint: null };
   const r = e.renderer;
   switch (r.type) {
     case "simple":
-      return Zt(r, i);
+      return Vt(r, i);
     case "uniqueValue":
-      return Yo(r, i, l);
+      return ea(r, i, l);
     case "classBreaks":
-      return ea(r, i);
+      return ta(r, i);
     default:
       return { paint: {}, legend: [], geomType: "fill", outlinePaint: null };
   }
 }
-function aa(e) {
+function ia(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 = {
@@ -1548,16 +1588,16 @@ function aa(e) {
   };
   return e.showTime && (r.showTime = !0), r;
 }
-function ia(e) {
+function la(e) {
   return e?.definitionExpression;
 }
-function la(e) {
+function na(e) {
   return (e.includes("_") ? e.split("_").slice(1).join(" ") : e).toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
 }
-function na(e) {
+function ra(e) {
   return e.includes("_") ? e.split("_").slice(1).join(" ") : e;
 }
-function ra(e) {
+function sa(e) {
   const i = /* @__PURE__ */ new Map();
   if (!e)
     return i;
@@ -1566,13 +1606,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 [, c, b] = n;
+      c && b && i.set(c, b.trim());
     }
   }
   return i;
 }
-async function sa(e) {
+async function ca(e) {
   try {
     const i = await fetch(`${e}?f=json`);
     if (!i.ok)
@@ -1599,85 +1639,85 @@ function zt(e) {
   };
   return e.where && (i.where = e.where), e.minZoom !== void 0 && (i.minZoom = e.minZoom), e.maxZoom !== void 0 && (i.maxZoom = e.maxZoom), e.outlinePaint && (i.outlinePaint = e.outlinePaint), i;
 }
-async function Vt(e) {
+async function Zt(e) {
   const i = e.operationalLayers || [], l = [], o = ["Zoning and Planning_Land Use"];
   for (const r of i)
     if (r.url && !r.title?.toLowerCase().includes("(under construction)") && !(r.url && /\/MapServer(\/\d+)?$/i.test(r.url)))
       try {
         let n = r.layerDefinition?.drawingInfo, c;
-        const w = !n || !n.renderer, p = o.includes(r.title), x = n?.renderer?.uniqueValueInfos?.[0]?.symbol?.outline || n?.renderer?.defaultSymbol?.outline;
-        if ((w || p) && r.url) {
-          const O = await sa(r.url);
-          if (O) {
-            if (n = O.drawingInfo, x && Te(x) && n?.renderer) {
+        const b = !n || !n.renderer, p = o.includes(r.title), C = n?.renderer?.uniqueValueInfos?.[0]?.symbol?.outline || n?.renderer?.defaultSymbol?.outline;
+        if ((b || p) && r.url) {
+          const I = await ca(r.url);
+          if (I) {
+            if (n = I.drawingInfo, C && Fe(C) && n?.renderer) {
               const _ = n.renderer, te = _.uniqueValueInfos?.[0]?.symbol?.outline || _.defaultSymbol?.outline;
-              if (!Te(te)) {
-                for (const U of _.uniqueValueInfos || [])
-                  U.symbol && (U.symbol.outline = x);
-                _.defaultSymbol && (_.defaultSymbol.outline = x);
+              if (!Fe(te)) {
+                for (const W of _.uniqueValueInfos || [])
+                  W.symbol && (W.symbol.outline = C);
+                _.defaultSymbol && (_.defaultSymbol.outline = C);
               }
             }
-            O.description && (c = ra(O.description), c.size > 0);
+            I.description && (c = sa(I.description), c.size > 0);
           }
         }
-        const { paint: h, legend: g, geomType: a, outlinePaint: v, splitLayers: f } = oa(
+        const { paint: y, legend: g, geomType: a, outlinePaint: v, splitLayers: u } = aa(
           n,
           r.opacity,
           c,
           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)
+        ), w = ia(r.popupInfo), L = la(r.layerDefinition), F = Yo(r.layerDefinition?.minScale, r.layerDefinition?.maxScale), E = na(r.title), V = ra(r.title), T = r.opacity ?? 1;
+        if (u && u.length > 0)
+          for (const I of u)
             l.push(zt({
-              id: `${D}${O.suffix}`,
-              title: X,
+              id: `${E}${I.suffix}`,
+              title: V,
               type: a,
               url: r.url,
               opacity: T,
-              paint: O.paint,
-              legend: O.legend,
-              popup: L,
-              where: S ? `(${S}) AND (${O.where})` : O.where,
-              minZoom: E.minZoom,
-              maxZoom: E.maxZoom
+              paint: I.paint,
+              legend: I.legend,
+              popup: w,
+              where: L ? `(${L}) AND (${I.where})` : I.where,
+              minZoom: F.minZoom,
+              maxZoom: F.maxZoom
             }));
         else
           l.push(zt({
-            id: D,
-            title: X,
+            id: E,
+            title: V,
             type: a,
             url: r.url,
             opacity: T,
-            paint: h,
+            paint: y,
             legend: g,
-            popup: L,
-            where: S,
-            minZoom: E.minZoom,
-            maxZoom: E.maxZoom,
+            popup: w,
+            where: L,
+            minZoom: F.minZoom,
+            maxZoom: F.maxZoom,
             outlinePaint: v
           }));
       } catch {
       }
   return l.sort((r, n) => r.title.localeCompare(n.title)), l;
 }
-const Dt = {}, Lt = "376af635c84643cd816a8c5d017a53aa", qa = Lt;
+const Dt = {}, Lt = "376af635c84643cd816a8c5d017a53aa", Ga = Lt;
 function St(e, i) {
   let l = `https://www.arcgis.com/sharing/rest/content/items/${e}/data?f=json`;
   return i && (l += `&token=${i}`), l;
 }
-function Ga() {
+function Ha() {
   return St(Lt);
 }
-const ot = /* @__PURE__ */ new Map(), He = /* @__PURE__ */ new Map();
-function ca(e) {
-  e ? (ot.delete(e), He.delete(e)) : (ot.clear(), He.clear());
+const it = /* @__PURE__ */ new Map(), He = /* @__PURE__ */ new Map();
+function ua(e) {
+  e ? (it.delete(e), He.delete(e)) : (it.clear(), He.clear());
 }
-let Ye, _t = 0;
-async function ua() {
+let et, _t = 0;
+async function da() {
   const e = typeof import.meta < "u" && Dt?.VITE_AGO_USERNAME, i = typeof import.meta < "u" && Dt?.VITE_AGO_PASSWORD;
   if (!(!e || !i)) {
-    if (Ye && Date.now() < _t - 3e5)
-      return Ye;
+    if (et && Date.now() < _t - 3e5)
+      return et;
     try {
       const o = await (await fetch("https://www.arcgis.com/sharing/rest/generateToken", {
         method: "POST",
@@ -1693,13 +1733,13 @@ async function ua() {
           // 2 hours
         })
       })).json();
-      return o.error ? void 0 : (Ye = o.token, _t = o.expires, Ye);
+      return o.error ? void 0 : (et = o.token, _t = o.expires, et);
     } catch {
       return;
     }
   }
 }
-async function da(e, i) {
+async function fa(e, i) {
   const l = St(e, i), o = await fetch(l, { cache: "no-store" });
   if (!o.ok)
     throw new Error(`Failed to fetch WebMap: ${o.status} ${o.statusText}`);
@@ -1708,10 +1748,10 @@ 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 pa(e) {
   try {
-    const i = await ua(), l = await da(e, i);
-    return await Vt(l);
+    const i = await da(), l = await fa(e, i);
+    return await Zt(l);
   } catch (i) {
     throw new Error(
       `Failed to load dynamic layer configs: ${i instanceof Error ? i.message : "Unknown error"}`
@@ -1719,7 +1759,7 @@ async function fa(e) {
   }
 }
 async function gt(e = Lt) {
-  const i = ot.get(e);
+  const i = it.get(e);
   if (i)
     return i;
   const l = He.get(e);
@@ -1727,16 +1767,16 @@ 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 pa(e);
+      return it.set(e, r), r;
     } finally {
       He.delete(e);
     }
   })();
   return He.set(e, o), o;
 }
-function pa(e) {
-  const i = k({}), l = /* @__PURE__ */ new Map();
+function ya(e) {
+  const i = x({}), l = /* @__PURE__ */ new Map();
   for (const a of e)
     i.value[a.id] = {
       data: null,
@@ -1756,48 +1796,48 @@ function pa(e) {
       }
     };
     try {
-      let f;
+      let u;
       if (a.type === "http-get") {
-        const L = await fetch(a.url, {
+        const w = await fetch(a.url, {
           method: "GET",
           ...a.options
         });
-        if (!L.ok)
-          throw new Error(`HTTP ${L.status}: ${L.statusText}`);
-        f = await L.json();
+        if (!w.ok)
+          throw new Error(`HTTP ${w.status}: ${w.statusText}`);
+        u = await w.json();
       } else if (a.type === "http-post") {
-        const L = await fetch(a.url, {
+        const w = await fetch(a.url, {
           method: "POST",
           ...a.options
         });
-        if (!L.ok)
-          throw new Error(`HTTP ${L.status}: ${L.statusText}`);
-        f = await L.json();
+        if (!w.ok)
+          throw new Error(`HTTP ${w.status}: ${w.statusText}`);
+        u = await w.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 L = `${a.url.replace(/\/$/, "")}/query?where=1%3D1&outFields=*&returnGeometry=false&f=json`, F = await fetch(L, a.options);
+        if (!F.ok)
+          throw new Error(`HTTP ${F.status}: ${F.statusText}`);
+        u = (await F.json()).features?.map((V) => V.attributes) || [];
       } else
         throw new Error(`Unknown data source type: ${a.type}`);
-      a.transform && (f = a.transform(f)), i.value = {
+      a.transform && (u = a.transform(u)), i.value = {
         ...i.value,
         [v]: {
-          data: f,
+          data: u,
           loading: !1,
           error: null,
           lastFetched: Date.now()
         }
       };
-    } catch (f) {
-      const L = f instanceof Error ? f.message : "Unknown error";
+    } catch (u) {
+      const w = u instanceof Error ? u.message : "Unknown error";
       i.value = {
         ...i.value,
         [v]: {
           data: i.value[v]?.data ?? null,
           lastFetched: i.value[v]?.lastFetched ?? null,
           loading: !1,
-          error: L
+          error: w
         }
       };
     }
@@ -1806,20 +1846,20 @@ function pa(e) {
     await Promise.all(e.map((a) => o(a)));
   }
   async function n(a) {
-    const v = e.find((f) => f.id === a);
+    const v = e.find((u) => u.id === a);
     v && await o(v);
   }
   function c(a) {
     return i.value[a]?.data ?? null;
   }
-  const w = z(() => Object.values(i.value).some((a) => a.loading));
+  const b = D(() => 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(() => {
@@ -1833,15 +1873,15 @@ function pa(e) {
       window.clearInterval(a);
     l.clear();
   }
-  return et(() => {
-    r(), h();
+  return ot(() => {
+    r(), y();
   }), Rt(() => {
     g();
   }), {
     /** Reactive state for all data sources */
-    state: j(i),
+    state: q(i),
     /** Whether any data source is currently loading */
-    isLoading: w,
+    isLoading: b,
     /** Fetch all data sources */
     fetchAll: r,
     /** Refetch a specific data source by id */
@@ -1851,27 +1891,27 @@ function pa(e) {
     /** 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
   };
 }
-const ya = { class: "layerboard-layout" }, ma = ["aria-expanded"], ha = {
+const ma = { class: "layerboard-layout" }, ha = ["aria-expanded"], ga = {
   key: 0,
   class: "layerboard-subtitle"
-}, ga = { class: "layerboard-mobile-menu-content" }, va = { class: "layerboard-main" }, ba = {
+}, va = { class: "layerboard-mobile-menu-content" }, ba = { class: "layerboard-main" }, wa = {
   key: 0,
   class: "layerboard-loading",
   role: "status",
   "aria-live": "polite"
-}, wa = {
+}, La = {
   key: 1,
   class: "layerboard-error",
   role: "alert"
-}, La = ["aria-expanded", "aria-label"], Sa = { key: 0 }, Ca = { key: 1 }, ka = {
+}, Sa = ["aria-expanded", "aria-label"], Ca = { key: 0 }, ka = { key: 1 }, xa = {
   class: "sr-only",
   "aria-live": "polite"
-}, xa = /* @__PURE__ */ ye({
+}, $a = /* @__PURE__ */ me({
   __name: "Layerboard",
   props: {
     title: {},
@@ -1901,193 +1941,193 @@ 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 = {};
+    const o = e, r = l, n = x([]), c = x(!0), b = x(null), p = x(12), C = x(""), y = x(/* @__PURE__ */ new Set()), g = x({}), a = x(/* @__PURE__ */ new Set()), v = x({}), u = x({}), w = x(/* @__PURE__ */ new Set()), L = x({});
+    function F() {
+      const m = {};
       for (const M of o.tiledLayers)
-        y[M.id] = M.opacity ?? 1;
-      S.value = y;
+        m[M.id] = M.opacity ?? 1;
+      L.value = m;
     }
-    function D(y) {
-      L.value.has(y) ? L.value.delete(y) : L.value.add(y), L.value = new Set(L.value);
+    function E(m) {
+      w.value.has(m) ? w.value.delete(m) : w.value.add(m), w.value = new Set(w.value);
     }
-    function X(y, M) {
-      M ? L.value.add(y) : L.value.delete(y), L.value = new Set(L.value);
+    function V(m, M) {
+      M ? w.value.add(m) : w.value.delete(m), w.value = new Set(w.value);
     }
-    function T(y, M) {
-      S.value = { ...S.value, [y]: M };
+    function T(m, M) {
+      L.value = { ...L.value, [m]: M };
     }
-    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 I = o.dataSources.length > 0 ? ya(o.dataSources) : null, _ = D(() => I?.state.value ?? {}), te = D(() => I?.isLoading.value ?? !1);
+    function W(m) {
+      return I?.getData(m) ?? null;
     }
-    function me(y) {
-      return O?.refetch(y) ?? Promise.resolve();
+    function he(m) {
+      return I?.refetch(m) ?? 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", g), Z("layerboard-loading", q(a)), Z("layerboard-errors", q(v)), Z("layerboard-zoom", q(p)), Z("layerboard-toggle-layer", _e), Z("layerboard-set-layer-visible", Me), Z("layerboard-set-layers-visible", Re), Z("layerboard-set-opacity", Pe), Z("layerboard-tiled-layers", q(D(() => o.tiledLayers))), Z("layerboard-visible-tiled", w), Z("layerboard-tiled-opacities", L), Z("layerboard-toggle-tiled", E), Z("layerboard-set-tiled-opacity", T), Z("layerboard-set-tiled-visible", V), Z("layerboard-data-sources-state", _), Z("layerboard-data-sources-loading", te), Z("layerboard-get-data-source", W), Z("layerboard-refetch-data-source", he);
+    const ge = D(() => ({
       backgroundColor: o.themeColor
-    })), Ue = z(() => ({
+    })), Ue = D(() => ({
       backgroundColor: o.themeColor
-    })), Je = z(() => ({
+    })), Ke = D(() => ({
       backgroundColor: o.themeColor
-    })), lt = z(() => ({
+    })), nt = D(() => ({
       width: de.value ? "0" : o.sidebarWidth
     }));
     async function De() {
       try {
-        c.value = !0, w.value = null;
-        const M = (await gt(o.webMapId)).map((W) => {
-          let Q = W;
-          const Ce = o.layerStyleOverrides[W.id];
-          Ce && (Q = {
-            ...Q,
-            paint: Ce.paint ?? Q.paint,
-            outlinePaint: Ce.outlinePaint ?? Q.outlinePaint,
-            legend: Ce.legend ?? Q.legend,
-            type: Ce.type ?? Q.type
+        c.value = !0, b.value = null;
+        const M = (await gt(o.webMapId)).map((j) => {
+          let Y = j;
+          const Ce = o.layerStyleOverrides[j.id];
+          Ce && (Y = {
+            ...Y,
+            paint: Ce.paint ?? Y.paint,
+            outlinePaint: Ce.outlinePaint ?? Y.outlinePaint,
+            legend: Ce.legend ?? Y.legend,
+            type: Ce.type ?? Y.type
           });
-          const Ve = o.popupOverrides[W.id];
-          return Ve && Q.popup && (Q = {
-            ...Q,
-            popup: { ...Q.popup, ...Ve }
-          }), Q;
+          const Ze = o.popupOverrides[j.id];
+          return Ze && Y.popup && (Y = {
+            ...Y,
+            popup: { ...Y.popup, ...Ze }
+          }), Y;
         });
-        n.value = M.map((W) => ({
-          config: W,
-          component: W.type
+        n.value = M.map((j) => ({
+          config: j,
+          component: j.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 = {};
+        M.forEach((j) => {
+          K[j.id] = j.opacity ?? 1;
+        }), g.value = K, r("configs-loaded", M);
+      } catch (m) {
+        const M = m instanceof Error ? m.message : "Failed to load layer configurations";
+        b.value = M, r("load-error", M);
       } finally {
         c.value = !1;
       }
     }
-    async function nt() {
+    async function rt() {
       if (o.fetchMetadata)
         try {
-          const y = "https://phl.carto.com/api/v2/sql?q=" + encodeURIComponent(
+          const m = "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);
+          ), M = await fetch(m);
           if (!M.ok) return;
-          const J = await M.json(), W = {};
-          for (const Q of J.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 K = await M.json(), j = {};
+          for (const Y of K.rows || [])
+            if (Y.url_text && Y.representation) {
+              const Ce = Bt(Y.url_text), Ze = `https://metadata.phila.gov/#home/representationdetails/${Y.representation}/`;
+              j[Ce] = Ze;
             }
-          f.value = W;
+          u.value = j;
         } catch {
         }
     }
-    function rt(y) {
-      p.value = y, r("zoom", y);
+    function st(m) {
+      p.value = m, r("zoom", m);
     }
-    function _e(y) {
-      h.value.has(y) ? h.value.delete(y) : h.value.add(y), h.value = new Set(h.value);
+    function _e(m) {
+      y.value.has(m) ? y.value.delete(m) : y.value.add(m), 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 Me(m, M) {
+      M ? y.value.add(m) : y.value.delete(m), 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 Re(m, M) {
+      for (const K of m)
+        M ? 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(m, M) {
+      g.value = { ...g.value, [m]: M };
     }
-    function st(y, M) {
-      M ? a.value.add(y) : a.value.delete(y), a.value = new Set(a.value);
+    function ct(m, M) {
+      M ? a.value.add(m) : a.value.delete(m), a.value = new Set(a.value);
     }
-    function se(y, M) {
+    function se(m, M) {
       if (M)
-        v.value = { ...v.value, [y]: M };
+        v.value = { ...v.value, [m]: M };
       else {
-        const J = { ...v.value };
-        delete J[y], v.value = J;
+        const K = { ...v.value };
+        delete K[m], v.value = K;
       }
     }
-    function Ae(y) {
-      x.value = y;
+    function Ae(m) {
+      C.value = m;
     }
-    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");
+    const ae = x(null), Te = x(null), ut = x(null), we = x(null), We = x(null), je = x(null), Qe = x(null), Le = x("sidebar");
     function Be() {
       Le.value = Le.value === "sidebar" ? "map" : "sidebar", Ne(() => {
         Le.value === "sidebar" && ae.value?.focus();
       });
     }
-    const ie = k(!1);
-    function Qe() {
+    const ie = x(!1);
+    function Xe() {
       ie.value = !ie.value, ie.value && Ne(() => {
         we.value?.focus();
       });
     }
     function Ee() {
       ie.value = !1, Ne(() => {
-        Fe.value?.focus();
+        Te.value?.focus();
       });
     }
-    const de = k(!1);
+    const de = x(!1);
     function Oe() {
       de.value = !de.value;
     }
-    const ge = k(!1), qe = k(null);
+    const ve = x(!1), qe = x(null);
     function Se() {
-      qe.value = document.activeElement, ge.value = !0, Ne(() => {
-        Ke.value?.focus();
+      qe.value = document.activeElement, ve.value = !0, Ne(() => {
+        Qe.value?.focus();
       });
     }
     function le() {
-      ge.value = !1, Ne(() => {
+      ve.value = !1, Ne(() => {
         qe.value?.focus(), qe.value = null;
       });
     }
-    function Ze(y) {
-      y.target.classList.contains("layerboard-modal-backdrop") && le();
+    function Ve(m) {
+      m.target.classList.contains("layerboard-modal-backdrop") && le();
     }
-    function ut(y) {
-      if (y.key === "Escape") {
+    function dt(m) {
+      if (m.key === "Escape") {
         Ee();
         return;
       }
-      if (y.key === "Tab" && We.value) {
+      if (m.key === "Tab" && We.value) {
         const M = Array.from(
           We.value.querySelectorAll(
             'a[href], button:not([disabled]), textarea, input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])'
           )
         );
         if (M.length === 0) return;
-        const J = M[0], W = M[M.length - 1];
-        y.shiftKey ? document.activeElement === J && (y.preventDefault(), W.focus()) : document.activeElement === W && (y.preventDefault(), J.focus());
+        const K = M[0], j = M[M.length - 1];
+        m.shiftKey ? document.activeElement === K && (m.preventDefault(), j.focus()) : document.activeElement === j && (m.preventDefault(), K.focus());
       }
     }
-    function dt(y) {
-      if (y.key === "Escape") {
+    function ft(m) {
+      if (m.key === "Escape") {
         le();
         return;
       }
-      if (y.key === "Tab" && je.value) {
+      if (m.key === "Tab" && je.value) {
         const M = Array.from(
           je.value.querySelectorAll(
             'a[href], button:not([disabled]), textarea, input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])'
           )
         );
         if (M.length === 0) return;
-        const J = M[0], W = M[M.length - 1];
-        y.shiftKey ? document.activeElement === J && (y.preventDefault(), W.focus()) : document.activeElement === W && (y.preventDefault(), J.focus());
+        const K = M[0], j = M[M.length - 1];
+        m.shiftKey ? document.activeElement === K && (m.preventDefault(), j.focus()) : document.activeElement === j && (m.preventDefault(), K.focus());
       }
     }
-    Z("layerboard-open-modal", Se), Z("layerboard-close-modal", le), Z("layerboard-is-modal-open", j(ge)), i({
+    Z("layerboard-open-modal", Se), Z("layerboard-close-modal", le), Z("layerboard-is-modal-open", q(ve)), i({
       /** Layer configurations */
       layerList: n,
       /** Set of visible layer IDs */
-      visibleLayers: h,
+      visibleLayers: y,
       /** Layer opacity values */
       layerOpacities: g,
       /** Set of currently loading layer IDs */
@@ -2107,16 +2147,16 @@ const ya = { class: "layerboard-layout" }, ma = ["aria-expanded"], ha = {
       /** Reload layer configurations */
       reloadConfigs: De,
       /** Clear configuration cache */
-      clearCache: () => ca(o.webMapId),
+      clearCache: () => ua(o.webMapId),
       // Tiled layer APIs
       /** Set of visible tiled layer IDs */
-      visibleTiledLayers: L,
+      visibleTiledLayers: w,
       /** Tiled layer opacity values */
-      tiledLayerOpacities: S,
+      tiledLayerOpacities: L,
       /** Toggle a tiled layer's visibility */
-      toggleTiledLayer: D,
+      toggleTiledLayer: E,
       /** Set a tiled layer's visibility explicitly */
-      setTiledLayerVisible: X,
+      setTiledLayerVisible: V,
       /** Set a tiled layer's opacity */
       setTiledLayerOpacity: T,
       // Data source APIs
@@ -2125,32 +2165,32 @@ const ya = { class: "layerboard-layout" }, ma = ["aria-expanded"], ha = {
       /** Whether any data source is loading */
       dataSourcesLoading: te,
       /** Get data from a specific data source */
-      getDataSourceData: U,
+      getDataSourceData: W,
       /** Refetch a specific data source */
-      refetchDataSource: me,
+      refetchDataSource: he,
       // Modal APIs
       /** Whether the modal is currently open */
-      isModalOpen: ge,
+      isModalOpen: ve,
       /** Open the modal */
       openModal: Se,
       /** Close the modal */
       closeModal: le
     });
-    function Xe(y) {
-      y.key === "Escape" && ie.value && Ee();
+    function Ye(m) {
+      m.key === "Escape" && ie.value && Ee();
     }
-    return et(() => {
-      De(), nt(), E(), document.addEventListener("keydown", Xe);
+    return ot(() => {
+      De(), rt(), F(), document.addEventListener("keydown", Ye);
     }), Kt(() => {
-      document.removeEventListener("keydown", Xe);
-    }), (y, M) => (m(), $("div", ya, [
+      document.removeEventListener("keydown", Ye);
+    }), (m, M) => (h(), $("div", ma, [
       M[5] || (M[5] = P("a", {
         href: "#main-content",
         class: "skip-to-main-content-link"
       }, "Skip to main content", -1)),
       P("header", {
         class: "layerboard-header",
-        style: fe(he.value)
+        style: fe(ge.value)
       }, [
         M[1] || (M[1] = P("a", {
           href: "https://www.phila.gov/",
@@ -2167,24 +2207,24 @@ const ya = { class: "layerboard-layout" }, ma = ["aria-expanded"], ha = {
         }, null, -1)),
         P("button", {
           ref_key: "hamburgerRef",
-          ref: Fe,
+          ref: Te,
           class: "layerboard-hamburger layerboard-mobile-only",
           "aria-expanded": ie.value,
           "aria-label": "Toggle menu",
-          onClick: Qe
+          onClick: Xe
         }, [
-          H(d(ke), {
-            "icon-definition": d(xo),
+          J(f(ke), {
+            "icon-definition": f(xo),
             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, ha),
+        pe(m.$slots, "header", {}, () => [
+          P("h1", null, H(e.title), 1),
+          e.subtitle ? (h(), $("span", ga, H(e.subtitle), 1)) : R("", !0)
         ], !0),
-        ie.value ? (m(), $("div", {
+        ie.value ? (h(), $("div", {
           key: 0,
           ref_key: "mobileMenuRef",
           ref: We,
@@ -2193,13 +2233,13 @@ const ya = { class: "layerboard-layout" }, ma = ["aria-expanded"], ha = {
           "aria-modal": "true",
           "aria-label": "Site menu",
           style: fe({ backgroundColor: e.themeColor }),
-          onKeydown: ut
+          onKeydown: dt
         }, [
-          P("div", ga, [
-            pe(y.$slots, "footer", {
+          P("div", va, [
+            pe(m.$slots, "footer", {
               openModal: Se,
               closeModal: le,
-              isModalOpen: ge.value
+              isModalOpen: ve.value
             }, () => [
               M[0] || (M[0] = xe(" City of Philadelphia ", -1))
             ], !0)
@@ -2211,47 +2251,47 @@ const ya = { class: "layerboard-layout" }, ma = ["aria-expanded"], ha = {
             "aria-label": "Close menu",
             onClick: Ee
           }, [
-            H(d(ke), {
-              "icon-definition": d(Ot),
+            J(f(ke), {
+              "icon-definition": f(Ot),
               size: "medium",
               decorative: ""
             }, null, 8, ["icon-definition"])
           ], 512)
         ], 36)) : R("", !0),
-        ie.value ? (m(), $("div", {
+        ie.value ? (h(), $("div", {
           key: 1,
           class: "layerboard-mobile-menu-backdrop",
           onClick: Ee
         })) : R("", !0)
       ], 4),
-      P("div", va, [
-        c.value ? (m(), $("div", ba, [
+      P("div", ba, [
+        c.value ? (h(), $("div", wa, [
           P("div", {
             class: "layerboard-spinner",
             style: fe({ borderTopColor: e.themeColor })
           }, null, 4),
-          P("p", null, "Loading " + G(e.title) + "...", 1)
-        ])) : w.value ? (m(), $("div", wa, [
+          P("p", null, "Loading " + H(e.title) + "...", 1)
+        ])) : b.value ? (h(), $("div", La, [
           M[3] || (M[3] = P("h2", null, "Error Loading Layers", -1)),
-          P("p", null, G(w.value), 1),
+          P("p", null, H(b.value), 1),
           P("button", {
             class: "layerboard-retry-button",
             style: fe({ backgroundColor: e.themeColor }),
             onClick: De
           }, " Retry ", 4)
-        ])) : (m(), $(ue, { key: 2 }, [
+        ])) : (h(), $(ue, { 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),
+            style: fe(nt.value),
             "aria-label": "Map layers",
             tabindex: "-1"
           }, [
-            pe(y.$slots, "sidebar", {
+            pe(m.$slots, "sidebar", {
               layers: n.value,
-              visibleLayers: h.value,
+              visibleLayers: y.value,
               layerOpacities: g.value,
               loadingLayers: a.value,
               layerErrors: v.value,
@@ -2261,26 +2301,26 @@ const ya = { class: "layerboard-layout" }, ma = ["aria-expanded"], ha = {
               setLayersVisible: Re,
               setOpacity: Pe,
               tiledLayers: e.tiledLayers,
-              visibleTiledLayers: L.value,
-              tiledLayerOpacities: S.value,
-              toggleTiledLayer: D,
-              setTiledLayerVisible: X,
+              visibleTiledLayers: w.value,
+              tiledLayerOpacities: L.value,
+              toggleTiledLayer: E,
+              setTiledLayerVisible: V,
               setTiledLayerOpacity: T,
               dataSourcesState: _.value,
               dataSourcesLoading: te.value,
-              getDataSource: U,
-              refetchDataSource: me
+              getDataSource: W,
+              refetchDataSource: he
             }, () => [
-              e.showDefaultSidebar ? (m(), q(Ho, {
+              e.showDefaultSidebar ? (h(), G(Ho, {
                 key: 0,
                 "layer-list": n.value,
-                "visible-layers": h.value,
+                "visible-layers": y.value,
                 "layer-opacities": g.value,
                 "loading-layers": a.value,
                 "layer-errors": v.value,
                 "current-zoom": p.value,
-                "search-query": x.value,
-                "layer-metadata": f.value,
+                "search-query": C.value,
+                "layer-metadata": u.value,
                 onToggleLayer: _e,
                 onSetOpacity: Pe,
                 onUpdateSearch: Ae
@@ -2292,13 +2332,13 @@ const ya = { class: "layerboard-layout" }, ma = ["aria-expanded"], ha = {
             "aria-label": "Map",
             class: re(["layerboard-map", { "is-active": Le.value === "map" }])
           }, [
-            H(no, {
-              "visible-layers": h.value,
+            J(no, {
+              "visible-layers": y.value,
               "layer-opacities": g.value,
               "layer-list": n.value,
               "tiled-layers": e.tiledLayers,
-              "visible-tiled-layers": L.value,
-              "tiled-layer-opacities": S.value,
+              "visible-tiled-layers": w.value,
+              "tiled-layer-opacities": L.value,
               "cyclomedia-config": e.cyclomediaConfig,
               "pictometry-credentials": e.pictometryCredentials,
               "basemap-control-position": e.basemapControlPosition,
@@ -2310,8 +2350,8 @@ 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,
+              onZoom: st,
+              onLayerLoading: ct,
               onLayerError: se
             }, 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),
@@ -2322,40 +2362,40 @@ const ya = { class: "layerboard-layout" }, ma = ["aria-expanded"], ha = {
             "aria-label": de.value ? "Expand sidebar" : "Collapse sidebar",
             onClick: Oe
           }, [
-            H(d(ke), {
-              "icon-definition": de.value ? d(Co) : d(ko),
+            J(f(ke), {
+              "icon-definition": de.value ? f(Co) : f(ko),
               size: "medium",
               decorative: ""
             }, null, 8, ["icon-definition"])
-          ], 14, La)
+          ], 14, Sa)
         ], 64))
       ]),
       P("button", {
         ref_key: "mobileToggleRef",
-        ref: ct,
+        ref: ut,
         class: "layerboard-mobile-toggle",
-        style: fe(Je.value),
+        style: fe(Ke.value),
         onClick: Be
       }, [
-        Le.value === "map" ? (m(), $("span", Sa, G(e.sidebarLabel), 1)) : (m(), $("span", Ca, G(e.mapLabel), 1))
+        Le.value === "map" ? (h(), $("span", Ca, H(e.sidebarLabel), 1)) : (h(), $("span", ka, H(e.mapLabel), 1))
       ], 4),
       P("footer", {
         class: "layerboard-footer",
         style: fe(Ue.value)
       }, [
-        pe(y.$slots, "footer", {
+        pe(m.$slots, "footer", {
           openModal: Se,
           closeModal: le,
-          isModalOpen: ge.value
+          isModalOpen: ve.value
         }, () => [
           M[4] || (M[4] = xe(" City of Philadelphia ", -1))
         ], !0)
       ], 4),
-      ge.value ? (m(), $("div", {
+      ve.value ? (h(), $("div", {
         key: 0,
         class: "layerboard-modal-backdrop",
-        onClick: Ze,
-        onKeydown: dt
+        onClick: Ve,
+        onKeydown: ft
       }, [
         P("div", {
           ref_key: "modalRef",
@@ -2367,27 +2407,27 @@ const ya = { class: "layerboard-layout" }, ma = ["aria-expanded"], ha = {
         }, [
           P("button", {
             ref_key: "modalCloseRef",
-            ref: Ke,
+            ref: Qe,
             class: "layerboard-modal-close",
             "aria-label": "Close modal",
             onClick: le
           }, [
-            H(d(ke), {
-              "icon-definition": d(Ot),
+            J(f(ke), {
+              "icon-definition": f(Ot),
               size: "medium",
               decorative: ""
             }, null, 8, ["icon-definition"])
           ], 512),
-          pe(y.$slots, "modal", { closeModal: le }, void 0, !0)
+          pe(m.$slots, "modal", { closeModal: le }, void 0, !0)
         ], 512)
       ], 32)) : R("", !0),
-      P("span", ka, G(Le.value === "sidebar" ? "Showing layers panel" : "Showing map"), 1)
+      P("span", xa, H(Le.value === "sidebar" ? "Showing layers panel" : "Showing map"), 1)
     ]));
   }
-}), Ha = /* @__PURE__ */ $e(xa, [["__scopeId", "data-v-67021805"]]), $a = ["aria-expanded"], Ma = {
+}), Ja = /* @__PURE__ */ $e($a, [["__scopeId", "data-v-0a7b6d44"]]), Ma = ["aria-expanded"], Pa = {
   key: 0,
   class: "topic-icon"
-}, Pa = { class: "topic-title" }, Ta = /* @__PURE__ */ ye({
+}, Fa = { class: "topic-title" }, Ta = /* @__PURE__ */ me({
   __name: "TopicAccordion",
   props: {
     title: {},
@@ -2398,19 +2438,19 @@ 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()}`;
+    const l = e, o = i, r = x(l.expanded), n = `topic-panel-${Mt()}`, c = `topic-header-${Mt()}`;
     Ie(
       () => l.expanded,
       (p) => {
         r.value = p;
       }
     );
-    function w() {
+    function b() {
       r.value = !r.value, o("toggle", r.value);
     }
-    return (p, x) => {
-      const h = Qt("font-awesome-icon");
-      return m(), $("div", {
+    return (p, C) => {
+      const y = Qt("font-awesome-icon");
+      return h(), $("div", {
         class: re(["topic-accordion", { "is-expanded": r.value }])
       }, [
         P("button", {
@@ -2419,21 +2459,21 @@ const ya = { class: "layerboard-layout" }, ma = ["aria-expanded"], ha = {
           type: "button",
           "aria-expanded": r.value,
           "aria-controls": n,
-          onClick: w
+          onClick: b
         }, [
-          e.icon || p.$slots.icon ? (m(), $("span", Ma, [
+          e.icon || p.$slots.icon ? (h(), $("span", Pa, [
             pe(p.$slots, "icon", {}, () => [
-              e.icon ? (m(), q(h, {
+              e.icon ? (h(), 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", Fa, H(e.title), 1),
           P("span", {
             class: re(["topic-chevron", { "is-rotated": r.value }])
-          }, [...x[0] || (x[0] = [
+          }, [...C[0] || (C[0] = [
             P("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               width: "20",
@@ -2449,7 +2489,7 @@ const ya = { class: "layerboard-layout" }, ma = ["aria-expanded"], ha = {
               P("polyline", { points: "6 9 12 15 18 9" })
             ], -1)
           ])], 2)
-        ], 10, $a),
+        ], 10, Ma),
         At(P("div", {
           id: n,
           role: "region",
@@ -2457,7 +2497,7 @@ const ya = { class: "layerboard-layout" }, ma = ["aria-expanded"], ha = {
           class: "topic-content"
         }, [
           pe(p.$slots, "default", {}, () => [
-            x[1] || (x[1] = P("p", { class: "topic-empty" }, "No content provided for this topic.", -1))
+            C[1] || (C[1] = P("p", { class: "topic-empty" }, "No content provided for this topic.", -1))
           ], !0)
         ], 512), [
           [Xt, r.value]
@@ -2465,8 +2505,8 @@ const ya = { class: "layerboard-layout" }, ma = ["aria-expanded"], ha = {
       ], 2);
     };
   }
-}), Ja = /* @__PURE__ */ $e(Ta, [["__scopeId", "data-v-a2023afa"]]);
-function Fa(e) {
+}), Ka = /* @__PURE__ */ $e(Ta, [["__scopeId", "data-v-a2023afa"]]);
+function Ea(e) {
   return e.displayOptions?.shouldShowCheckbox !== !1;
 }
 function Nt(e, i) {
@@ -2478,10 +2518,10 @@ function Ut(e, i) {
 function ze(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 Oa = ["aria-label"], Ia = ["checked", "disabled", "onChange"], za = { class: "layer-title" }, Da = { class: "layer-title" }, _a = {
   key: 0,
   class: "empty-state"
-}, _a = /* @__PURE__ */ ye({
+}, Ra = /* @__PURE__ */ me({
   __name: "LayerCheckboxSet",
   props: {
     layers: {},
@@ -2496,78 +2536,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: c, getLayerError: b, isLayerAvailableAtZoom: p } = wt(
       () => l
     );
-    function x(h) {
-      o("toggleLayer", h);
+    function C(y) {
+      o("toggleLayer", y);
     }
-    return (h, g) => (m(), $("fieldset", {
+    return (y, g) => (h(), $("fieldset", {
       class: "layer-checkbox-set",
       role: "group",
       "aria-label": e.groupLabel
     }, [
-      (m(!0), $(ue, null, ve(e.layers, (a) => (m(), $("div", {
+      (h(!0), $(ue, null, be(e.layers, (a) => (h(), $("div", {
         key: a.id,
         class: "layer-item"
       }, [
-        d(Fa)(a) ? (m(), $("label", {
+        f(Ea)(a) ? (h(), $("label", {
           key: 0,
           class: re(["layer-checkbox", {
-            "layer-unavailable": !d(p)(a),
-            "layer-error": d(w)(a.id)
+            "layer-unavailable": !f(p)(a),
+            "layer-error": f(b)(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: (v) => C(a.id)
+          }, null, 40, Ia),
+          P("span", za, [
+            xe(H(f(ze)(a)) + " ", 1),
+            J(at, {
+              loading: f(c)(a.id),
+              error: f(b)(a.id),
+              unavailable: !f(p)(a)
             }, null, 8, ["loading", "error", "unavailable"])
           ])
-        ], 2)) : (m(), $("div", {
+        ], 2)) : (h(), $("div", {
           key: 1,
           class: re(["layer-label-only", {
-            "layer-unavailable": !d(p)(a),
-            "layer-error": d(w)(a.id)
+            "layer-unavailable": !f(p)(a),
+            "layer-error": f(b)(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", Da, [
+            xe(H(f(ze)(a)) + " ", 1),
+            J(at, {
+              loading: f(c)(a.id),
+              error: f(b)(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(Nt)(a, e.showOpacity) && f(r)(a.id) && f(p)(a) ? (h(), G(vt, {
           key: 2,
           "layer-id": a.id,
-          "layer-name": d(ze)(a),
-          opacity: d(n)(a.id),
+          "layer-name": f(ze)(a),
+          opacity: f(n)(a.id),
           "onUpdate:opacity": (v) => o("setOpacity", a.id, v)
         }, 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(Ut)(a, e.showLegend) && f(r)(a.id) && f(p)(a) && a.legend?.length ? (h(), G(bt, {
           key: 3,
           items: a.legend,
-          label: "Legend for " + d(ze)(a)
+          label: "Legend for " + f(ze)(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 ? (h(), $("div", _a, "No layers available")) : R("", !0)
+    ], 8, Oa));
   }
-}), Ka = /* @__PURE__ */ $e(_a, [["__scopeId", "data-v-bfcd7855"]]), Ra = ["aria-label"], Aa = ["name", "checked", "disabled", "onChange"], Ba = { class: "layer-title" }, Za = {
+}), Qa = /* @__PURE__ */ $e(Ra, [["__scopeId", "data-v-bfcd7855"]]), Aa = ["aria-label"], Ba = ["name", "checked", "disabled", "onChange"], Va = { class: "layer-title" }, Za = {
   key: 0,
   class: "empty-state"
-}, Va = /* @__PURE__ */ ye({
+}, Na = /* @__PURE__ */ me({
   __name: "LayerRadioButtonSet",
   props: {
     layers: {},
@@ -2583,152 +2623,152 @@ 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: c, getLayerError: b, isLayerAvailableAtZoom: p } = wt(
       () => 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 g = l.layers.filter((a) => l.visibleLayerIds.has(a.id) && a.id !== y).map((a) => a.id);
+      o("selectLayer", y, g);
     }
-    return (h, g) => (m(), $("div", {
+    return (y, g) => (h(), $("div", {
       class: "layer-radio-set",
       role: "radiogroup",
       "aria-label": e.groupLabel
     }, [
-      (m(!0), $(ue, null, ve(e.layers, (a) => (m(), $("div", {
+      (h(!0), $(ue, null, be(e.layers, (a) => (h(), $("div", {
         key: a.id,
         class: "layer-item"
       }, [
         P("label", {
           class: re(["layer-radio", {
-            "layer-unavailable": !d(p)(a),
-            "layer-error": d(w)(a.id)
+            "layer-unavailable": !f(p)(a),
+            "layer-error": f(b)(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: (v) => C(a.id)
+          }, null, 40, Ba),
+          P("span", Va, [
+            xe(H(f(ze)(a)) + " ", 1),
+            J(at, {
+              loading: f(c)(a.id),
+              error: f(b)(a.id),
+              unavailable: !f(p)(a)
             }, null, 8, ["loading", "error", "unavailable"])
           ])
         ], 2),
-        d(Nt)(a, e.showOpacity) && d(r)(a.id) && d(p)(a) ? (m(), q(vt, {
+        f(Nt)(a, e.showOpacity) && f(r)(a.id) && f(p)(a) ? (h(), G(vt, {
           key: 0,
           "layer-id": a.id,
-          "layer-name": d(ze)(a),
-          opacity: d(n)(a.id),
+          "layer-name": f(ze)(a),
+          opacity: f(n)(a.id),
           "onUpdate:opacity": (v) => o("setOpacity", a.id, v)
         }, 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(Ut)(a, e.showLegend) && f(r)(a.id) && f(p)(a) && a.legend?.length ? (h(), G(bt, {
           key: 1,
           items: a.legend,
-          label: "Legend for " + d(ze)(a)
+          label: "Legend for " + f(ze)(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 ? (h(), $("div", Za, "No layers available")) : R("", !0)
+    ], 8, Aa));
   }
-}), 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(() => {
+}), Xa = /* @__PURE__ */ $e(Na, [["__scopeId", "data-v-c368d815"]]);
+function Ya(e) {
+  const i = x([]), l = x(/* @__PURE__ */ new Set()), o = x({}), r = x(/* @__PURE__ */ new Set()), n = x({}), c = x(""), b = x(!1), p = x(!1), C = x(null), y = D(() => {
     if (!c.value.trim())
       return i.value;
     const T = c.value.toLowerCase();
-    return i.value.filter((O) => O.title.toLowerCase().includes(T));
-  }), g = z(() => i.value.map((T) => ({
+    return i.value.filter((I) => I.title.toLowerCase().includes(T));
+  }), g = D(() => 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;
+      b.value = !0, C.value = null;
       try {
         let T;
         e.mode === "dynamic" || !e.mode ? e.webMapId ? T = await v(e.webMapId) : T = await gt() : T = await gt(), i.value = T;
-        const O = {};
+        const I = {};
         T.forEach((_) => {
-          O[_.id] = _.opacity ?? 1;
-        }), o.value = O, p.value = !0;
+          I[_.id] = _.opacity ?? 1;
+        }), o.value = I, 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;
+        b.value = !1;
       }
     }
   }
   async function v(T) {
-    const O = St(T), _ = await fetch(O, { cache: "no-store" });
+    const I = St(T), _ = await fetch(I, { cache: "no-store" });
     if (!_.ok)
       throw new Error(`Failed to fetch WebMap: ${_.status} ${_.statusText}`);
     const te = await _.json();
-    return Vt(te);
+    return Zt(te);
   }
-  function f(T) {
-    const O = new Set(l.value);
-    O.has(T) ? O.delete(T) : O.add(T), l.value = O;
+  function u(T) {
+    const I = new Set(l.value);
+    I.has(T) ? I.delete(T) : I.add(T), l.value = I;
   }
-  function L(T, O) {
+  function w(T, I) {
     o.value = {
       ...o.value,
-      [T]: Math.max(0, Math.min(1, O))
+      [T]: Math.max(0, Math.min(1, I))
     };
   }
-  function S(T) {
+  function L(T) {
     c.value = T;
   }
-  function E(T, O) {
+  function F(T, I) {
     const _ = new Set(r.value);
-    O ? _.add(T) : _.delete(T), r.value = _;
+    I ? _.add(T) : _.delete(T), r.value = _;
   }
-  function D(T, O) {
-    if (O)
-      n.value = { ...n.value, [T]: O };
+  function E(T, I) {
+    if (I)
+      n.value = { ...n.value, [T]: I };
     else {
       const _ = { ...n.value };
       delete _[T], n.value = _;
     }
   }
-  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 = {}, c.value = "", b.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(c),
+    isLoading: q(b),
+    isInitialized: q(p),
+    error: q(C),
     // Computed
-    filteredLayerConfigs: h,
+    filteredLayerConfigs: y,
     layerList: g,
     // Config
     config: e,
     // Methods
     initialize: a,
-    toggleLayer: f,
-    setLayerOpacity: L,
-    filterLayers: S,
-    setLayerLoading: E,
-    setLayerError: D,
-    reset: X
+    toggleLayer: u,
+    setLayerOpacity: w,
+    filterLayers: L,
+    setLayerLoading: F,
+    setLayerError: E,
+    reset: V
   };
 }
-function Ya() {
-  const e = k([]), i = k(/* @__PURE__ */ new Set()), l = k(/* @__PURE__ */ new Set());
+function ei() {
+  const e = x([]), i = x(/* @__PURE__ */ new Set()), l = x(/* @__PURE__ */ new Set());
   function o(n) {
     i.value.has(n) ? i.value.delete(n) : i.value.add(n);
   }
@@ -2736,38 +2776,38 @@ function Ya() {
     e.value = n;
   }
   return {
-    layers: z(() => e.value),
-    visibleLayerIds: z(() => i.value),
-    loadingLayerIds: z(() => l.value),
+    layers: D(() => e.value),
+    visibleLayerIds: D(() => i.value),
+    loadingLayerIds: D(() => l.value),
     toggleLayer: o,
     setLayers: r
   };
 }
-function Na(e) {
-  const i = k(null), l = k(!1), o = k(null), r = k(0);
+function Ua(e) {
+  const i = x(null), l = x(!1), o = x(null), r = x(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, g = [], 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 u = e.url.replace(/\/$/, ""), w = encodeURIComponent(p.where || e.where || "1=1");
+        let L = `${u}/query?where=${w}&outFields=*&returnGeometry=true&resultRecordCount=${C}&resultOffset=${y}&f=geojson`;
         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`;
+          L += `&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 F = await fetch(L);
+        if (!F.ok)
+          throw new Error(`HTTP ${F.status}: ${F.statusText}`);
+        const E = await F.json();
+        E.features && E.features.length > 0 ? (g = g.concat(E.features), y += E.features.length, a = E.features.length === C) : a = !1;
       }
       const v = {
         type: "FeatureCollection",
@@ -2775,8 +2815,8 @@ function Na(e) {
       };
       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;
+      const u = v instanceof Error ? v : new Error("Failed to fetch features");
+      throw o.value = u, u;
     } finally {
       l.value = !1;
     }
@@ -2784,25 +2824,25 @@ function Na(e) {
   function c() {
     i.value = null, r.value = 0, o.value = null;
   }
-  async function w(p = {}) {
+  async function b(p = {}) {
     return n(p);
   }
   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,
+    refetch: b,
     clear: c
   };
 }
-function ei(e, i, l) {
-  const o = Na(e);
+function ti(e, i, l) {
+  const o = Ua(e);
   return Ie(
     i,
     async (r) => {
@@ -2815,26 +2855,26 @@ function ei(e, i, l) {
   ), o;
 }
 export {
-  Ka as LayerCheckboxSet,
+  Qa as LayerCheckboxSet,
   Ho as LayerPanel,
-  Qa as LayerRadioButtonSet,
-  Ha as Layerboard,
+  Xa as LayerRadioButtonSet,
+  Ja as Layerboard,
   no as MapPanel,
-  Ja as TopicAccordion,
-  qa as WEBMAP_ID,
+  Ka as TopicAccordion,
+  Ga as WEBMAP_ID,
   St as buildWebMapUrl,
-  ca as clearCache,
+  ua as clearCache,
   gt as getLayerConfigs,
   ze as getLayerDisplayName,
-  Ga as getWebMapUrl,
+  Ha as getWebMapUrl,
   Bt as normalizeUrl,
-  Fa as shouldShowCheckbox,
+  Ea 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
+  Zt as transformWebMapToLayerConfigs,
+  ya as useApiDataSources,
+  Ua as useDataSource,
+  ei as useLayerConfig,
+  Ya as useLayerboard,
+  ti as useReactiveDataSource
 };