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

package/dist/index.mjs

@@ -1,7 +1,7 @@
-import { defineComponent as ge, ref as k, watch as Ee, computed as _, nextTick as Ze, onMounted as it, onUnmounted as At, createElementBlock as M, openBlock as m, createVNode as J, unref as f, withCtx as Ge, createBlock as G, createCommentVNode as R, Fragment as de, renderList as we, useAttrs as Ht, toRef as Jt, normalizeClass as se, createElementVNode as P, toDisplayString as H, renderSlot as me, withDirectives as Bt, mergeProps as ht, vModelDynamic as Kt, createTextVNode as ke, normalizeProps as $t, guardReactiveProps as Mt, normalizeStyle as ye, withModifiers as Qt, readonly as q, provide as N, onBeforeUnmount as Xt, useId as Pt, resolveComponent as Yt, vShow as eo } from "vue";
-import { Map as to, DrawTool as oo, RasterLayer as Ft, CircleLayer as Tt, FillLayer as It, LineLayer as mt, MapMarker as ao, MapPopup as io } from "@phila/phila-ui-map-core";
-import { cn as gt, Icon as Ce, BaseLink as lo, ActionContent as Et } from "@phila/phila-ui-core";
-const no = { class: "map-panel" }, ro = /* @__PURE__ */ ge({
+import { defineComponent as ge, ref as x, watch as Oe, computed as _, nextTick as Ne, onMounted as lt, onUnmounted as Vt, createElementBlock as M, openBlock as m, createVNode as H, unref as f, withCtx as He, createBlock as q, createCommentVNode as A, Fragment as ue, renderList as Le, useAttrs as Kt, toRef as Qt, normalizeClass as ne, createElementVNode as P, toDisplayString as G, renderSlot as me, withDirectives as Zt, mergeProps as vt, vModelDynamic as Xt, createTextVNode as xe, normalizeProps as Pt, guardReactiveProps as Ft, normalizeStyle as ye, withModifiers as Yt, readonly as j, provide as N, onBeforeUnmount as eo, useId as Tt, resolveComponent as to, vShow as oo } from "vue";
+import { Map as ao, DrawTool as io, RasterLayer as It, CircleLayer as Et, FillLayer as Ot, LineLayer as gt, MapMarker as lo, MapPopup as no } from "@phila/phila-ui-map-core";
+import { cn as bt, Icon as ke, BaseLink as ro, ActionContent as zt } from "@phila/phila-ui-core";
+const so = { class: "map-panel" }, co = /* @__PURE__ */ ge({
   __name: "MapPanel",
   props: {
     visibleLayers: {},
@@ -24,57 +24,57 @@ const no = { class: "map-panel" }, ro = /* @__PURE__ */ ge({
   },
   emits: ["zoom", "layerLoading", "layerError"],
   setup(e, { emit: a }) {
-    const l = e, o = a, r = k(null), n = k(null), u = k(0);
+    const l = e, o = a, r = x(null), n = x(null), u = x(0);
     function w(t) {
       o("zoom", t), n.value && (u.value = p(n.value));
     }
     function p(t) {
-      const c = t.getZoom(), b = t.getCenter().lat, $ = 559082264028e-3, E = b * Math.PI / 180;
-      return $ * Math.cos(E) / Math.pow(2, c);
+      const c = t.getZoom(), b = t.getCenter().lat, k = 559082264028e-3, I = b * Math.PI / 180;
+      return k * Math.cos(I) / Math.pow(2, c);
     }
-    const C = k({}), y = k(null), h = k(/* @__PURE__ */ new Set());
-    async function i(t, c, s, b, $) {
-      const E = encodeURIComponent(b || "1=1"), B = JSON.stringify({
+    const C = x({}), y = x(null), h = x(/* @__PURE__ */ new Set());
+    async function i(t, c, s, b, k) {
+      const I = encodeURIComponent(b || "1=1"), B = JSON.stringify({
         xmin: c.west,
         ymin: c.south,
         xmax: c.east,
         ymax: c.north,
         spatialReference: { wkid: 4326 }
-      }), ee = $ !== void 0 && $ < 14 ? `&maxAllowableOffset=${360 / (Math.pow(2, $) * 512)}` : "", Y = 2e3;
-      let ie = 0, oe = [], A = !0;
-      for (; A; ) {
-        const j = `${t}/query?where=${E}&geometry=${encodeURIComponent(B)}&geometryType=esriGeometryEnvelope&spatialRel=esriSpatialRelIntersects&outFields=*&returnGeometry=true&resultRecordCount=${Y}&resultOffset=${ie}${ee}&f=geojson`, U = await fetch(j);
-        if (!U.ok)
-          throw new Error(`HTTP ${U.status}: ${U.statusText}`);
-        const ue = await U.json();
-        ue.features && ue.features.length > 0 ? (oe = oe.concat(ue.features), ie += ue.features.length, A = ue.features.length === Y) : A = !1;
+      }), Y = k !== void 0 && k < 14 ? `&maxAllowableOffset=${360 / (Math.pow(2, k) * 512)}` : "", Q = 2e3;
+      let pe = 0, we = [], se = !0;
+      for (; se; ) {
+        const te = `${t}/query?where=${I}&geometry=${encodeURIComponent(B)}&geometryType=esriGeometryEnvelope&spatialRel=esriSpatialRelIntersects&outFields=*&returnGeometry=true&resultRecordCount=${Q}&resultOffset=${pe}${Y}&f=geojson`, R = await fetch(te);
+        if (!R.ok)
+          throw new Error(`HTTP ${R.status}: ${R.statusText}`);
+        const W = await R.json();
+        W.features && W.features.length > 0 ? (we = we.concat(W.features), pe += W.features.length, se = W.features.length === Q) : se = !1;
       }
-      return oe = oe.map((j) => {
-        if (j.properties) {
-          const U = {};
-          for (const ue of Object.keys(j.properties))
-            U[ue.toLowerCase()] = j.properties[ue];
-          return { ...j, properties: U };
+      return we = we.map((te) => {
+        if (te.properties) {
+          const R = {};
+          for (const W of Object.keys(te.properties))
+            R[W.toLowerCase()] = te.properties[W];
+          return { ...te, properties: R };
         }
-        return j;
+        return te;
       }), {
         type: "FeatureCollection",
-        features: oe
+        features: we
       };
     }
     async function g(t, c, s) {
-      const b = c.map(async ($) => {
-        const E = l.layerList.find((B) => B.config.id === $)?.config;
-        if (E) {
-          o("layerLoading", $, !0);
+      const b = c.map(async (k) => {
+        const I = l.layerList.find((B) => B.config.id === k)?.config;
+        if (I) {
+          o("layerLoading", k, !0);
           try {
-            const B = await i(E.url, t, $, E.where, s);
-            C.value = { ...C.value, [$]: B }, o("layerError", $, null);
+            const B = await i(I.url, t, k, I.where, s);
+            C.value = { ...C.value, [k]: B }, o("layerError", k, null);
           } catch (B) {
-            const ee = B instanceof Error ? B.message : "Failed to load";
-            o("layerError", $, ee);
+            const Y = B instanceof Error ? B.message : "Failed to load";
+            o("layerError", k, Y);
           } finally {
-            o("layerLoading", $, !1);
+            o("layerLoading", k, !1);
           }
         }
       });
@@ -93,7 +93,7 @@ const no = { class: "map-panel" }, ro = /* @__PURE__ */ ge({
     function S(t) {
       y.value = t.bounds, L(t.bounds, t.zoom);
     }
-    function I(t) {
+    function E(t) {
       n.value = t;
       const c = t.getBounds();
       y.value = {
@@ -105,10 +105,10 @@ const no = { class: "map-panel" }, ro = /* @__PURE__ */ ge({
       const s = t.getZoom();
       o("zoom", s), u.value = p(t), L(y.value, s);
     }
-    Ee(
+    Oe(
       () => l.visibleLayers,
       async () => {
-        if (ce.value.length > 0 && Te(), y.value) {
+        if (re.value.length > 0 && Ie(), y.value) {
           const t = new Set(l.visibleLayers), c = [...t].filter((b) => !h.value.has(b));
           h.value = new Set(t);
           const s = d(c);
@@ -135,12 +135,12 @@ const no = { class: "map-panel" }, ro = /* @__PURE__ */ ge({
       () => l.layerList.filter(
         (t) => t.config.type === "fill" && t.config.outlinePaint && F(t.config.id) && V(t.config)
       ).map((t) => t.config)
-    ), te = _(
+    ), ee = _(
       () => l.layerList.filter((t) => t.config.type === "line" && F(t.config.id) && V(t.config)).map((t) => t.config)
     );
-    Ee(te, async (t) => {
+    Oe(ee, async (t) => {
       if (t.length < 2) return;
-      await Ze();
+      await Ne();
       const c = n.value;
       if (c)
         for (let s = t.length - 1; s >= 0; s--) {
@@ -151,16 +151,16 @@ const no = { class: "map-panel" }, ro = /* @__PURE__ */ ge({
           }
         }
     });
-    function W(t) {
+    function U(t) {
       return l.visibleTiledLayers?.has(t) ?? !1;
     }
-    function fe(t) {
+    function de(t) {
       return l.tiledLayerOpacities?.[t] ?? 1;
     }
     function ve(t) {
       return `${t.replace(/\/$/, "")}/tile/{z}/{y}/{x}`;
     }
-    function st(t) {
+    function ct(t) {
       return {
         type: "raster",
         tiles: [ve(t.url)],
@@ -168,43 +168,43 @@ const no = { class: "map-panel" }, ro = /* @__PURE__ */ ge({
         attribution: t.attribution || ""
       };
     }
-    const Ne = k({}), Ke = k(/* @__PURE__ */ new Set());
-    async function Ue(t) {
-      if (!Ke.value.has(t.id)) {
-        Ke.value.add(t.id);
+    const Ue = x({}), Qe = x(/* @__PURE__ */ new Set());
+    async function We(t) {
+      if (!Qe.value.has(t.id)) {
+        Qe.value.add(t.id);
         try {
           const c = t.url.replace(/\/$/, ""), s = await fetch(`${c}?f=json`);
           if (!s.ok)
             return;
-          const b = await s.json(), $ = b.minScale || 0;
-          let E = b.maxScale || 0;
+          const b = await s.json(), k = b.minScale || 0;
+          let I = b.maxScale || 0;
           if (b.layers && b.layers.length > 0)
             for (const B of b.layers)
-              B.maxScale && B.maxScale > 0 && (E === 0 || B.maxScale < E) && (E = B.maxScale);
-          E === 0 && (E = 72e3), Ne.value = {
-            ...Ne.value,
-            [t.id]: { minScale: $, maxScale: E }
+              B.maxScale && B.maxScale > 0 && (I === 0 || B.maxScale < I) && (I = B.maxScale);
+          I === 0 && (I = 72e3), Ue.value = {
+            ...Ue.value,
+            [t.id]: { minScale: k, maxScale: I }
           };
         } catch {
         }
       }
     }
-    it(() => {
+    lt(() => {
       if (l.tiledLayers)
         for (const t of l.tiledLayers)
-          t.scaleBasedRendering && Ue(t);
+          t.scaleBasedRendering && We(t);
     });
-    function Qe(t) {
+    function Xe(t) {
       if (!t.scaleBasedRendering)
         return "tiled";
-      const c = Ne.value[t.id];
+      const c = Ue.value[t.id];
       if (!c)
         return "tiled";
       const s = u.value;
       return s === 0 || s > c.maxScale ? "tiled" : "dynamic";
     }
-    const ct = _(() => l.tiledLayers ? l.tiledLayers.filter((t) => W(t.id) ? t.scaleBasedRendering ? Qe(t) === "tiled" : !0 : !1) : []), ze = _(() => l.tiledLayers ? l.tiledLayers.filter((t) => W(t.id) && t.scaleBasedRendering ? Qe(t) === "dynamic" : !1) : []);
-    function We(t) {
+    const ut = _(() => l.tiledLayers ? l.tiledLayers.filter((t) => U(t.id) ? t.scaleBasedRendering ? Xe(t) === "tiled" : !0 : !1) : []), De = _(() => l.tiledLayers ? l.tiledLayers.filter((t) => U(t.id) && t.scaleBasedRendering ? Xe(t) === "dynamic" : !1) : []);
+    function je(t) {
       return {
         type: "raster",
         tiles: [`${t.url.replace(/\/$/, "")}/export?bbox={bbox-epsg-3857}&bboxSR=3857&imageSR=3857&size=256,256&format=png32&transparent=true&f=image`],
@@ -212,57 +212,57 @@ const no = { class: "map-panel" }, ro = /* @__PURE__ */ ge({
         attribution: t.attribution || ""
       };
     }
-    function $e(t) {
+    function Me(t) {
       return { type: "geojson", data: C.value[t.id], tolerance: 0 };
     }
-    function Pe(t) {
+    function Fe(t) {
       return l.layerOpacities[t] ?? 1;
     }
-    function je(t) {
-      const c = Pe(t.id), s = t.type === "circle" ? "circle-opacity" : t.type === "fill" ? "fill-opacity" : "line-opacity";
+    function qe(t) {
+      const c = Fe(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", $ = { ...t.paint }, E = $[b], B = $[s] === 1, ee = typeof E == "string" && E.startsWith("rgba(");
-      if (B && ee) {
+      const b = t.type === "circle" ? "circle-color" : t.type === "fill" ? "fill-color" : "line-color", k = { ...t.paint }, I = k[b], B = k[s] === 1, Y = typeof I == "string" && I.startsWith("rgba(");
+      if (B && Y) {
         if (c === 1)
-          return $;
+          return k;
         {
-          const Y = E.match(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*([\d.]+)\)/);
-          if (Y && Y[4]) {
-            const [, ie, oe, A, j] = Y, U = parseFloat(j) * c;
-            $[b] = `rgba(${ie}, ${oe}, ${A}, ${U})`, $[s] = 1;
+          const Q = I.match(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*([\d.]+)\)/);
+          if (Q && Q[4]) {
+            const [, pe, we, se, te] = Q, R = parseFloat(te) * c;
+            k[b] = `rgba(${pe}, ${we}, ${se}, ${R})`, k[s] = 1;
           }
-          return $;
+          return k;
         }
       }
-      if (ee) {
-        const Y = E.match(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*([\d.]+)\)/);
-        if (Y) {
-          const [, ie, oe, A] = Y;
-          $[b] = `rgb(${ie}, ${oe}, ${A})`;
+      if (Y) {
+        const Q = I.match(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*([\d.]+)\)/);
+        if (Q) {
+          const [, pe, we, se] = Q;
+          k[b] = `rgb(${pe}, ${we}, ${se})`;
         }
       }
-      return $[s] = c, $;
+      return k[s] = c, k;
     }
-    function ut(t) {
-      const c = Pe(t.id);
+    function dt(t) {
+      const c = Fe(t.id);
       return { ...t.outlinePaint, "line-opacity": c };
     }
-    const ce = k([]), Fe = k(null), ae = k(0);
-    function De(t) {
+    const re = x([]), Te = x(null), oe = x(0);
+    function _e(t) {
       const c = t.replace(/-outline$/, "");
       return l.layerList.find((b) => b.config.id === c)?.config;
     }
-    function Xe(t, c) {
+    function Ye(t, c) {
       return t.replace(/\{([^}]+)\}/g, (s, b) => {
-        const $ = c[b];
-        return $ == null ? "" : String($);
+        const k = c[b];
+        return k == null ? "" : String(k);
       });
     }
     function be(t) {
       return t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
     }
-    function qe(t, c, s) {
+    function Ge(t, c, s) {
       if (t == null) return "-";
       if (c?.dateFormat && typeof t == "number") {
         const b = new Date(t);
@@ -284,202 +284,205 @@ const no = { class: "map-panel" }, ro = /* @__PURE__ */ ge({
       if (typeof t == "number") {
         if (t > 1e12 && !c)
           return new Date(t).toLocaleDateString();
-        const b = c?.places, $ = c?.digitSeparator ?? !0;
+        const b = c?.places, k = c?.digitSeparator ?? !0;
         if (b !== void 0) {
           if (Number.isInteger(t) && b >= 0)
             return String(t);
-          const E = t.toFixed(b);
-          if ($) {
-            const B = E.split("."), ee = B[0] || "0", Y = B[1], ie = ee.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
-            return Y ? `${ie}.${Y}` : ie;
+          const I = t.toFixed(b);
+          if (k) {
+            const B = I.split("."), Y = B[0] || "0", Q = B[1], pe = Y.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+            return Q ? `${pe}.${Q}` : pe;
           }
-          return E;
+          return I;
         }
-        return Number.isInteger(t) ? String(t) : $ ? t.toLocaleString() : String(t);
+        return Number.isInteger(t) ? String(t) : k ? t.toLocaleString() : String(t);
       }
       return String(t);
     }
-    function Ye(t) {
+    function et(t) {
       const c = /* @__PURE__ */ new Set();
       return t.filter((s) => {
-        const $ = `${s.layer.id.replace(/-outline$/, "")}:${JSON.stringify(s.properties)}`;
-        return c.has($) ? !1 : (c.add($), !0);
+        const k = `${s.layer.id.replace(/-outline$/, "")}:${JSON.stringify(s.properties)}`;
+        return c.has(k) ? !1 : (c.add(k), !0);
       });
     }
-    function Le(t, c) {
+    function Se(t, c) {
       const s = C.value[t];
       if (!s?.features) return null;
       const b = c.objectid ?? c.OBJECTID ?? c.FID;
       if (b != null) {
-        const $ = s.features.find(
-          (E) => (E.properties?.objectid ?? E.properties?.OBJECTID ?? E.properties?.FID) === b
+        const k = s.features.find(
+          (I) => (I.properties?.objectid ?? I.properties?.OBJECTID ?? I.properties?.FID) === b
         );
-        if ($) return $.geometry;
+        if (k) return k.geometry;
       }
       return null;
     }
-    function dt(t, c) {
+    function ft(t, c) {
       const s = /* @__PURE__ */ new Map();
-      return c.forEach((b, $) => {
-        s.set(b.id, $);
-      }), t.sort((b, $) => {
-        const E = b.layer.id.replace(/-outline$/, ""), B = $.layer.id.replace(/-outline$/, ""), ee = s.get(E) ?? -1;
-        return (s.get(B) ?? -1) - ee;
+      return c.forEach((b, k) => {
+        s.set(b.id, k);
+      }), t.sort((b, k) => {
+        const I = b.layer.id.replace(/-outline$/, ""), B = k.layer.id.replace(/-outline$/, ""), Y = s.get(I) ?? -1;
+        return (s.get(B) ?? -1) - Y;
       });
     }
-    function le(t) {
+    function ae(t) {
       const c = n.value;
       if (!c) return;
       const s = [];
-      l.layerList.forEach((A) => {
-        const j = A.config;
-        F(j.id) && (s.push(j.id), j.outlinePaint && s.push(`${j.id}-outline`));
+      l.layerList.forEach((R) => {
+        const W = R.config;
+        F(W.id) && (s.push(W.id), W.outlinePaint && s.push(`${W.id}-outline`));
       });
-      const b = s.filter((A) => c.getLayer(A));
+      const b = s.filter((R) => c.getLayer(R));
       if (b.length === 0) return;
-      const $ = c.project([t.lngLat.lng, t.lngLat.lat]), E = c.queryRenderedFeatures($, {
+      const k = c.project([t.lngLat.lng, t.lngLat.lat]), I = 10, B = [
+        [k.x - I, k.y - I],
+        [k.x + I, k.y + I]
+      ], Y = c.queryRenderedFeatures(B, {
         layers: b
       });
-      if (E.length === 0) return;
-      const B = Ye(E), ee = l.layerList.map((A) => A.config), ie = dt(B, ee).map((A) => {
-        const j = A.layer.id.replace(/-outline$/, ""), U = De(j);
-        if (!U) return null;
-        const ue = Le(U.id, A.properties || {});
+      if (Y.length === 0) return;
+      const Q = et(Y), pe = l.layerList.map((R) => R.config), se = ft(Q, pe).map((R) => {
+        const W = R.layer.id.replace(/-outline$/, ""), ce = _e(W);
+        if (!ce) return null;
+        const yt = Se(ce.id, R.properties || {});
         return {
-          layerId: U.id,
-          layerTitle: U.title,
-          properties: A.properties || {},
-          geometry: ue || A.geometry,
-          popupConfig: U.popup
+          layerId: ce.id,
+          layerTitle: ce.title,
+          properties: R.properties || {},
+          geometry: yt || R.geometry,
+          popupConfig: ce.popup
         };
-      }).filter((A) => A !== null);
-      if (ie.length === 0) return;
-      ie.sort((A, j) => {
-        const U = A.popupConfig?.popupSortField, ue = j.popupConfig?.popupSortField;
-        if (!U || U !== ue) return 0;
-        const pt = A.properties[U], yt = j.properties[U];
-        if (pt == null || yt == null) return 0;
-        const xt = A.popupConfig?.popupSortOrder !== "asc";
-        return pt < yt ? xt ? 1 : -1 : pt > yt ? xt ? -1 : 1 : 0;
-      }), ce.value = ie, ae.value = 0, Fe.value = [t.lngLat.lng, t.lngLat.lat];
-      const oe = ie[0];
-      if (oe) {
-        const A = De(oe.layerId);
-        if (A) {
-          const j = K(oe.geometry), U = Z(A.id, A.type);
-          x.value = {
-            geometry: oe.geometry,
-            geometryType: j,
-            layerId: A.id,
-            properties: oe.properties,
-            originalStyle: U
+      }).filter((R) => R !== null);
+      if (se.length === 0) return;
+      se.sort((R, W) => {
+        const ce = R.popupConfig?.popupSortField, yt = W.popupConfig?.popupSortField;
+        if (!ce || ce !== yt) return 0;
+        const mt = R.properties[ce], ht = W.properties[ce];
+        if (mt == null || ht == null) return 0;
+        const Mt = R.popupConfig?.popupSortOrder !== "asc";
+        return mt < ht ? Mt ? 1 : -1 : mt > ht ? Mt ? -1 : 1 : 0;
+      }), re.value = se, oe.value = 0, Te.value = [t.lngLat.lng, t.lngLat.lat];
+      const te = se[0];
+      if (te) {
+        const R = _e(te.layerId);
+        if (R) {
+          const W = J(te.geometry), ce = Z(R.id, R.type);
+          $.value = {
+            geometry: te.geometry,
+            geometryType: W,
+            layerId: R.id,
+            properties: te.properties,
+            originalStyle: ce
           };
         }
       }
     }
-    function Te() {
-      ce.value = [], Fe.value = null, ae.value = 0, x.value = null;
+    function Ie() {
+      re.value = [], Te.value = null, oe.value = 0, $.value = null;
     }
-    function Ie(t) {
-      if (ce.value.length === 0) return;
+    function Ee(t) {
+      if (re.value.length === 0) return;
       const c = t.target;
       if (!(c.tagName === "INPUT" || c.tagName === "TEXTAREA" || c.isContentEditable))
         switch (t.key) {
           case "ArrowLeft":
           case "ArrowUp":
-            t.preventDefault(), et();
+            t.preventDefault(), tt();
             break;
           case "ArrowRight":
           case "ArrowDown":
-            t.preventDefault(), pe();
+            t.preventDefault(), fe();
             break;
           case "Escape":
-            t.preventDefault(), Te();
+            t.preventDefault(), Ie();
             break;
         }
     }
-    it(() => {
-      window.addEventListener("keydown", Ie);
-    }), At(() => {
-      window.removeEventListener("keydown", Ie);
+    lt(() => {
+      window.addEventListener("keydown", Ee);
+    }), Vt(() => {
+      window.removeEventListener("keydown", Ee);
     });
-    function pe() {
-      const t = ce.value.length;
-      t <= 1 || ae.value >= t - 1 || (ae.value = ae.value + 1);
-    }
-    function et() {
-      ce.value.length <= 1 || ae.value <= 0 || (ae.value = ae.value - 1);
-    }
-    const ne = _(() => ce.value.length === 0 ? null : ce.value[ae.value]), _e = _(() => {
-      const t = ne.value;
-      return !t || !t.popupConfig ? t?.layerTitle || "" : Xe(t.popupConfig.title, t.properties);
-    }), Re = _(() => {
-      const t = ne.value;
+    function fe() {
+      const t = re.value.length;
+      t <= 1 || oe.value >= t - 1 || (oe.value = oe.value + 1);
+    }
+    function tt() {
+      re.value.length <= 1 || oe.value <= 0 || (oe.value = oe.value - 1);
+    }
+    const ie = _(() => re.value.length === 0 ? null : re.value[oe.value]), Re = _(() => {
+      const t = ie.value;
+      return !t || !t.popupConfig ? t?.layerTitle || "" : Ye(t.popupConfig.title, t.properties);
+    }), Ae = _(() => {
+      const t = ie.value;
       if (!t) return "";
       let c = '<div class="popup-content">';
-      if (c += `<h3 class="popup-title">${be(_e.value)}</h3>`, t.popupConfig?.fields?.length) {
-        c += `<table class="popup-table" aria-label="${be(_e.value)}">`;
+      if (c += `<h3 class="popup-title">${be(Re.value)}</h3>`, t.popupConfig?.fields?.length) {
+        c += `<table class="popup-table" aria-label="${be(Re.value)}">`;
         for (const s of t.popupConfig.fields) {
-          const b = qe(t.properties[s.field], s.format, t.popupConfig.showTime), $ = s.label.toLowerCase(), E = $.includes("url") || $.includes("website"), B = b.startsWith("http://") || b.startsWith("https://") || b.startsWith("www.") || E && b.includes("."), ee = b.startsWith("http://") || b.startsWith("https://") ? b : `https://${b}`, Y = B ? `<a href="${be(ee)}" target="_blank" rel="noopener noreferrer">${be(b)}</a>` : be(b);
-          c += `<tr><th scope="row">${be(s.label)}</th><td>${Y}</td></tr>`;
+          const b = Ge(t.properties[s.field], s.format, t.popupConfig.showTime), k = s.label.toLowerCase(), I = k.includes("url") || k.includes("website"), B = b.startsWith("http://") || b.startsWith("https://") || b.startsWith("www.") || I && b.includes("."), Y = b.startsWith("http://") || b.startsWith("https://") ? b : `https://${b}`, Q = B ? `<a href="${be(Y)}" target="_blank" rel="noopener noreferrer">${be(b)}</a>` : be(b);
+          c += `<tr><th scope="row">${be(s.label)}</th><td>${Q}</td></tr>`;
         }
         c += "</table>";
       }
       return c += "</div>", c;
-    }), re = k({
+    }), le = x({
       type: "FeatureCollection",
       features: []
-    }), Ae = k({
+    }), Be = x({
       type: "FeatureCollection",
       features: []
-    }), Be = k({
+    }), Ve = x({
       type: "FeatureCollection",
       features: []
-    }), ft = {
+    }), pt = {
       "circle-radius": ["get", "highlightRadius"],
       "circle-color": "#00FFFF",
       "circle-opacity": 0.8,
       "circle-stroke-width": 2,
       "circle-stroke-color": "#FFFFFF"
-    }, tt = {
+    }, ot = {
       "line-width": ["get", "highlightWidth"],
       "line-color": "#00FFFF",
       "line-opacity": 0.9
     }, v = {
       "fill-color": "#808080",
       "fill-opacity": 0.5
-    }, x = k(null);
-    function K(t) {
+    }, $ = x(null);
+    function J(t) {
       return t.type;
     }
     function Z(t, c) {
-      const s = De(t);
+      const s = _e(t);
       if (!s) return { radius: 5, width: 2 };
       const b = s.paint || {};
       if (c === "circle") {
-        const $ = b["circle-radius"];
-        return typeof $ == "number" ? { radius: $ } : { radius: 5 };
+        const k = b["circle-radius"];
+        return typeof k == "number" ? { radius: k } : { radius: 5 };
       }
       if (c === "line" || c === "fill") {
-        const $ = b["line-width"];
-        if (typeof $ == "number")
-          return { width: $ };
+        const k = b["line-width"];
+        if (typeof k == "number")
+          return { width: k };
         if (s.outlinePaint && s.outlinePaint["line-width"]) {
-          const E = s.outlinePaint["line-width"];
-          if (typeof E == "number")
-            return { width: E };
+          const I = s.outlinePaint["line-width"];
+          if (typeof I == "number")
+            return { width: I };
         }
         return { width: 2 };
       }
       return { radius: 5, width: 2 };
     }
-    function Q(t) {
+    function K(t) {
       return !t || t.length === 0 ? [] : t[0] ?? [];
     }
-    function Se(t) {
+    function Ce(t) {
       const { geometry: c, geometryType: s, originalStyle: b } = t;
       if (s === "Point" || s === "MultiPoint") {
-        const E = (b.radius || 5) + 3;
+        const I = (b.radius || 5) + 3;
         return {
           type: "FeatureCollection",
           features: [
@@ -487,14 +490,14 @@ const no = { class: "map-panel" }, ro = /* @__PURE__ */ ge({
               type: "Feature",
               geometry: c,
               properties: {
-                highlightRadius: E
+                highlightRadius: I
               }
             }
           ]
         };
       }
       if (s === "LineString" || s === "MultiLineString") {
-        const E = (b.width || 2) + 3;
+        const I = (b.width || 2) + 3;
         return {
           type: "FeatureCollection",
           features: [
@@ -502,14 +505,14 @@ const no = { class: "map-panel" }, ro = /* @__PURE__ */ ge({
               type: "Feature",
               geometry: c,
               properties: {
-                highlightWidth: E
+                highlightWidth: I
               }
             }
           ]
         };
       }
       if (s === "Polygon") {
-        const $ = c.coordinates, E = Q($), ee = (b.width || 2) + 3;
+        const k = c.coordinates, I = K(k), Y = (b.width || 2) + 3;
         return {
           type: "FeatureCollection",
           features: [
@@ -517,24 +520,24 @@ const no = { class: "map-panel" }, ro = /* @__PURE__ */ ge({
               type: "Feature",
               geometry: {
                 type: "LineString",
-                coordinates: E
+                coordinates: I
               },
               properties: {
-                highlightWidth: ee
+                highlightWidth: Y
               }
             }
           ]
         };
       }
       if (s === "MultiPolygon") {
-        const $ = c.coordinates, B = (b.width || 2) + 3;
+        const k = c.coordinates, B = (b.width || 2) + 3;
         return {
           type: "FeatureCollection",
-          features: $.map((Y) => ({
+          features: k.map((Q) => ({
             type: "Feature",
             geometry: {
               type: "LineString",
-              coordinates: Q(Y)
+              coordinates: K(Q)
             },
             properties: {
               highlightWidth: B
@@ -547,42 +550,42 @@ const no = { class: "map-panel" }, ro = /* @__PURE__ */ ge({
         features: []
       };
     }
-    function Ve(t) {
+    function Ze(t) {
       const { geometry: c, geometryType: s } = t;
       return s === "Polygon" || s === "MultiPolygon" ? {
         type: "FeatureCollection",
         features: [{ type: "Feature", geometry: c, properties: {} }]
       } : { type: "FeatureCollection", features: [] };
     }
-    function jt(t) {
+    function Gt(t) {
       if (!t) {
-        qt();
+        Ht();
         return;
       }
-      const c = Se(t);
-      t.geometryType === "Point" || t.geometryType === "MultiPoint" ? (re.value = c, Ae.value = { type: "FeatureCollection", features: [] }, Be.value = { type: "FeatureCollection", features: [] }) : (Ae.value = c, re.value = { type: "FeatureCollection", features: [] }, Be.value = Ve(t));
+      const c = Ce(t);
+      t.geometryType === "Point" || t.geometryType === "MultiPoint" ? (le.value = c, Be.value = { type: "FeatureCollection", features: [] }, Ve.value = { type: "FeatureCollection", features: [] }) : (Be.value = c, le.value = { type: "FeatureCollection", features: [] }, Ve.value = Ze(t));
     }
-    function qt() {
-      re.value = { type: "FeatureCollection", features: [] }, Ae.value = { type: "FeatureCollection", features: [] }, Be.value = { type: "FeatureCollection", features: [] };
+    function Ht() {
+      le.value = { type: "FeatureCollection", features: [] }, Be.value = { type: "FeatureCollection", features: [] }, Ve.value = { type: "FeatureCollection", features: [] };
     }
-    Ee(x, (t) => {
-      jt(t);
-    }), Ee(
+    Oe($, (t) => {
+      Gt(t);
+    }), Oe(
       () => l.visibleLayers,
       (t) => {
-        x.value && !t.has(x.value.layerId) && (x.value = null, Te());
+        $.value && !t.has($.value.layerId) && ($.value = null, Ie());
       },
       { deep: !0 }
-    ), Ee(ae, () => {
-      const t = ne.value;
+    ), Oe(oe, () => {
+      const t = ie.value;
       if (!t) {
-        x.value = null;
+        $.value = null;
         return;
       }
-      const c = De(t.layerId);
+      const c = _e(t.layerId);
       if (c) {
-        const s = K(t.geometry), b = Z(c.id, c.type);
-        x.value = {
+        const s = J(t.geometry), b = Z(c.id, c.type);
+        $.value = {
           geometry: t.geometry,
           geometryType: s,
           layerId: c.id,
@@ -591,13 +594,13 @@ const no = { class: "map-panel" }, ro = /* @__PURE__ */ ge({
         };
       }
     });
-    const kt = k(null);
-    function Gt(t) {
+    const $t = x(null);
+    function Jt(t) {
       const [c, s] = t.geometry.coordinates;
-      kt.value = [c, s];
+      $t.value = [c, s];
     }
-    return (t, c) => (m(), M("div", no, [
-      J(f(to), {
+    return (t, c) => (m(), M("div", so, [
+      H(f(ao), {
         ref_key: "mapRef",
         ref: r,
         zoom: l.initialZoom,
@@ -615,124 +618,124 @@ const no = { class: "map-panel" }, ro = /* @__PURE__ */ ge({
         "tool-panel-layout": "vertical",
         "tool-panel-split-ratio": 50,
         onZoom: w,
-        onClick: Te,
+        onClick: Ie,
         onMoveend: S,
-        onLoad: I,
-        onSearchResult: Gt
+        onLoad: E,
+        onSearchResult: Jt
       }, {
-        default: Ge(() => [
-          l.drawControlPosition !== null ? (m(), G(f(oo), {
+        default: He(() => [
+          l.drawControlPosition !== null ? (m(), q(f(io), {
             key: 0,
             position: l.drawControlPosition
-          }, null, 8, ["position"])) : R("", !0),
-          (m(!0), M(de, null, we(ct.value, (s) => (m(), G(f(Ft), {
+          }, null, 8, ["position"])) : A("", !0),
+          (m(!0), M(ue, null, Le(ut.value, (s) => (m(), q(f(It), {
             id: "tiled-" + s.id,
             key: "tiled-" + s.id,
-            source: st(s),
-            paint: { "raster-opacity": fe(s.id) },
+            source: ct(s),
+            paint: { "raster-opacity": de(s.id) },
             minzoom: s.minZoom,
             maxzoom: s.maxZoom
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          (m(!0), M(de, null, we(ze.value, (s) => (m(), G(f(Ft), {
+          (m(!0), M(ue, null, Le(De.value, (s) => (m(), q(f(It), {
             id: "dynamic-" + s.id,
             key: "dynamic-" + s.id,
-            source: We(s),
-            paint: { "raster-opacity": fe(s.id) },
+            source: je(s),
+            paint: { "raster-opacity": de(s.id) },
             minzoom: s.minZoom,
             maxzoom: s.maxZoom
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          (m(!0), M(de, null, we(T.value, (s) => (m(), G(f(Tt), {
+          (m(!0), M(ue, null, Le(T.value, (s) => (m(), q(f(Et), {
             id: s.id,
             key: s.id,
-            source: $e(s),
-            paint: je(s),
+            source: Me(s),
+            paint: qe(s),
             minzoom: s.minZoom,
             maxzoom: s.maxZoom,
             "before-id": "highlight-circles",
-            onClick: le
+            onClick: ae
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          (m(!0), M(de, null, we(O.value, (s) => (m(), G(f(It), {
+          (m(!0), M(ue, null, Le(O.value, (s) => (m(), q(f(Ot), {
             id: s.id,
             key: s.id,
-            source: $e(s),
-            paint: je(s),
+            source: Me(s),
+            paint: qe(s),
             minzoom: s.minZoom,
             maxzoom: s.maxZoom,
             "before-id": "highlight-circles",
-            onClick: le
+            onClick: ae
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          (m(!0), M(de, null, we(D.value, (s) => (m(), G(f(mt), {
+          (m(!0), M(ue, null, Le(D.value, (s) => (m(), q(f(gt), {
             id: s.id + "-outline",
             key: s.id + "-outline",
-            source: $e(s),
-            paint: ut(s),
+            source: Me(s),
+            paint: dt(s),
             minzoom: s.minZoom,
             maxzoom: s.maxZoom,
             "before-id": "highlight-lines",
-            onClick: le
+            onClick: ae
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          (m(!0), M(de, null, we(te.value, (s) => (m(), G(f(mt), {
+          (m(!0), M(ue, null, Le(ee.value, (s) => (m(), q(f(gt), {
             id: s.id,
             key: s.id,
-            source: $e(s),
-            paint: je(s),
+            source: Me(s),
+            paint: qe(s),
             minzoom: s.minZoom,
             maxzoom: s.maxZoom,
             "before-id": "highlight-lines",
-            onClick: le
+            onClick: ae
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          J(f(Tt), {
+          H(f(Et), {
             id: "highlight-circles",
             key: "highlight-circles-layer",
-            source: { type: "geojson", data: re.value },
-            paint: ft
+            source: { type: "geojson", data: le.value },
+            paint: pt
           }, null, 8, ["source"]),
-          J(f(It), {
+          H(f(Ot), {
             id: "highlight-fill",
             key: "highlight-fill-layer",
-            source: { type: "geojson", data: Be.value },
+            source: { type: "geojson", data: Ve.value },
             paint: v
           }, null, 8, ["source"]),
-          J(f(mt), {
+          H(f(gt), {
             id: "highlight-lines",
             key: "highlight-lines-layer",
-            source: { type: "geojson", data: Ae.value },
-            paint: tt
+            source: { type: "geojson", data: Be.value },
+            paint: ot
           }, null, 8, ["source"]),
-          J(f(ao), {
-            "lng-lat": kt.value,
+          H(f(lo), {
+            "lng-lat": $t.value,
             color: "#2176d2"
           }, null, 8, ["lng-lat"]),
-          ne.value && Fe.value ? (m(), G(f(io), {
+          ie.value && Te.value ? (m(), q(f(no), {
             key: 1,
-            "lng-lat": Fe.value,
-            html: Re.value,
+            "lng-lat": Te.value,
+            html: Ae.value,
             "close-on-click": !1,
             offset: [0, -15],
-            "show-navigation": ce.value.length > 1,
-            "current-feature-index": ae.value,
-            "total-features": ce.value.length,
-            "layer-name": ne.value.layerTitle,
-            onClose: Te,
-            onNext: pe,
-            onPrevious: et
-          }, null, 8, ["lng-lat", "html", "show-navigation", "current-feature-index", "total-features", "layer-name"])) : R("", !0)
+            "show-navigation": re.value.length > 1,
+            "current-feature-index": oe.value,
+            "total-features": re.value.length,
+            "layer-name": ie.value.layerTitle,
+            onClose: Ie,
+            onNext: fe,
+            onPrevious: tt
+          }, null, 8, ["lng-lat", "html", "show-navigation", "current-feature-index", "total-features", "layer-name"])) : A("", !0)
         ]),
         _: 1
       }, 8, ["zoom", "center", "navigation-controls", "geolocation-control", "basemap-change-controls", "map-search-control", "cyclomedia-config", "cyclomedia-button-position", "pictometry-credentials", "pictometry-button-position"])
     ]));
   }
-}), xe = (e, a) => {
+}), $e = (e, a) => {
   const l = e.__vccOpts || e;
   for (const [o, r] of a)
     l[o] = r;
   return l;
-}, so = /* @__PURE__ */ xe(ro, [["__scopeId", "data-v-7b0b7505"]]);
-function Vt(e) {
+}, uo = /* @__PURE__ */ $e(co, [["__scopeId", "data-v-c704fcd9"]]);
+function Nt(e) {
   let a = e.split("?")[0] || e;
   return a = a.replace(/\/query$/, ""), a = a.replace(/\/$/, ""), a = a.replace(/^https?:\/\//, ""), a.toLowerCase();
 }
-const co = ["disabled"], uo = /* @__PURE__ */ ge({
+const fo = ["disabled"], po = /* @__PURE__ */ ge({
   inheritAttrs: !1,
   __name: "PhlButton",
   props: {
@@ -754,7 +757,7 @@ const co = ["disabled"], uo = /* @__PURE__ */ ge({
     svgRaw: {}
   },
   setup(e) {
-    const a = e, l = (u) => "href" in u && u.href !== void 0 || "to" in u && u.to !== void 0, o = _(() => gt(
+    const a = e, l = (u) => "href" in u && u.href !== void 0 || "to" in u && u.to !== void 0, o = _(() => bt(
       "phila-button",
       `phila-button--${a.variant}`,
       a.size && `is-${a.size}`,
@@ -782,51 +785,51 @@ const co = ["disabled"], uo = /* @__PURE__ */ ge({
         size: a.size
       })
     );
-    return (u, w) => l(a) ? (m(), G(f(lo), ht({ key: 0 }, { ...r.value, ...u.$attrs }, { role: "button" }), {
-      default: Ge(() => [
-        J(f(Et), $t(Mt(n.value)), {
-          default: Ge(() => [
+    return (u, w) => l(a) ? (m(), q(f(ro), vt({ key: 0 }, { ...r.value, ...u.$attrs }, { role: "button" }), {
+      default: He(() => [
+        H(f(zt), Pt(Ft(n.value)), {
+          default: He(() => [
             me(u.$slots, "default", {}, () => [
-              ke(H(a.text), 1)
+              xe(G(a.text), 1)
             ])
           ]),
           _: 3
         }, 16)
       ]),
       _: 3
-    }, 16)) : (m(), M("button", ht({
+    }, 16)) : (m(), M("button", vt({
       key: 1,
       type: "button",
       disabled: a.disabled,
       class: o.value
     }, u.$attrs), [
-      J(f(Et), $t(Mt(n.value)), {
-        default: Ge(() => [
+      H(f(zt), Pt(Ft(n.value)), {
+        default: He(() => [
           me(u.$slots, "default", {}, () => [
-            ke(H(a.text), 1)
+            xe(G(a.text), 1)
           ])
         ]),
         _: 3
       }, 16)
-    ], 16, co));
+    ], 16, fo));
   }
 });
-var fo = {
+var yo = {
   prefix: "fas",
   iconName: "circle-exclamation",
   icon: [512, 512, ["exclamation-circle"], "f06a", "M256 512a256 256 0 1 1 0-512 256 256 0 1 1 0 512zm0-192a32 32 0 1 0 0 64 32 32 0 1 0 0-64zm0-192c-18.2 0-32.7 15.5-31.4 33.7l7.4 104c.9 12.6 11.4 22.3 23.9 22.3 12.6 0 23-9.7 23.9-22.3l7.4-104c1.3-18.2-13.1-33.7-31.4-33.7z"]
-}, po = fo, yo = {
+}, mo = yo, ho = {
   prefix: "fas",
   iconName: "xmark",
   icon: [384, 512, [128473, 10005, 10006, 10060, 215, "close", "multiply", "remove", "times"], "f00d", "M55.1 73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L147.2 256 9.9 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192.5 301.3 329.9 438.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.8 256 375.1 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192.5 210.7 55.1 73.4z"]
-}, mo = yo;
-const ho = ["for"], go = { class: "state-layer" }, vo = { class: "content" }, bo = { class: "input-text-container" }, wo = ["id", "placeholder", "aria-label"], Lo = {
+}, go = ho;
+const vo = ["for"], bo = { class: "state-layer" }, wo = { class: "content" }, Lo = { class: "input-text-container" }, So = ["id", "placeholder", "aria-label"], Co = {
   key: 1,
   class: "has-text-body-small phila-supporting-text"
-}, So = {
+}, ko = {
   key: 2,
   class: "has-text-body-small phila-error-text"
-}, Co = /* @__PURE__ */ ge({
+}, xo = /* @__PURE__ */ ge({
   inheritAttrs: !1,
   __name: "TextField",
   props: {
@@ -844,45 +847,45 @@ const ho = ["for"], go = { class: "state-layer" }, vo = { class: "content" }, bo
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const l = Ht(), o = e, r = _(() => typeof o.error == "string" ? o.error : o.error[0]), n = Jt(o, "id"), u = a, w = k(""), p = _({
+    const l = Kt(), o = e, r = _(() => typeof o.error == "string" ? o.error : o.error[0]), n = Qt(o, "id"), u = a, w = x(""), p = _({
       get: () => o.modelValue !== void 0 ? o.modelValue : w.value,
       set: (d) => {
         u("update:modelValue", d), w.value = d;
       }
     }), C = _(() => {
       const d = ["default-class"];
-      return l.disabled != null && d.push("phila-input--disabled"), r.value && d.push("phila-input--error"), l.required != null && d.push("phila-input--required"), gt(...d);
+      return l.disabled != null && d.push("phila-input--disabled"), r.value && d.push("phila-input--error"), l.required != null && d.push("phila-input--required"), bt(...d);
     }), y = _(() => {
       const d = [];
-      return p.value !== "" && d.push("phila-text-field--filled"), o.className && d.push(o.className), gt(...d);
+      return p.value !== "" && d.push("phila-text-field--filled"), o.className && d.push(o.className), bt(...d);
     }), h = _(() => {
       if (!(o.label || l["aria-label"]))
         return o.placeholder || void 0;
-    }), i = k(null), g = (d) => {
+    }), i = x(null), g = (d) => {
       d.target.closest("button") || i.value?.focus();
     };
     return (d, L) => (m(), M("div", {
-      class: se(["phila-input", C.value])
+      class: ne(["phila-input", C.value])
     }, [
       o.label ? (m(), M("label", {
         key: 0,
         for: n.value,
         class: "has-text-label-small phila-label"
-      }, H(o.label), 9, ho)) : R("", !0),
+      }, G(o.label), 9, vo)) : A("", !0),
       P("div", {
-        class: se(["phila-text-field", y.value]),
+        class: ne(["phila-text-field", y.value]),
         onClick: g
       }, [
-        P("div", go, [
-          o.leadingIcon ? (m(), G(f(Ce), {
+        P("div", bo, [
+          o.leadingIcon ? (m(), q(f(ke), {
             key: 0,
             "icon-class": o.leadingIcon,
             inline: "",
             decorative: ""
-          }, null, 8, ["icon-class"])) : R("", !0),
-          P("div", vo, [
-            P("div", bo, [
-              Bt(P("input", ht({
+          }, null, 8, ["icon-class"])) : A("", !0),
+          P("div", wo, [
+            P("div", Lo, [
+              Zt(P("input", vt({
                 id: n.value,
                 ref_key: "inputRef",
                 ref: i,
@@ -890,75 +893,75 @@ const ho = ["for"], go = { class: "state-layer" }, vo = { class: "content" }, bo
                 class: "phila-text-field-input has-text-body-default",
                 placeholder: o.placeholder,
                 "aria-label": h.value
-              }, f(l)), null, 16, wo), [
-                [Kt, p.value]
+              }, f(l)), null, 16, So), [
+                [Xt, p.value]
               ])
             ])
           ]),
-          p.value != "" ? (m(), G(f(uo), {
+          p.value != "" ? (m(), q(f(po), {
             key: 1,
             variant: "standard",
             size: "small",
             "icon-only": "",
-            "icon-definition": f(mo),
+            "icon-definition": f(go),
             onClick: L[1] || (L[1] = (S) => p.value = "")
-          }, null, 8, ["icon-definition"])) : R("", !0),
-          o.trailingIcon ? (m(), G(f(Ce), {
+          }, null, 8, ["icon-definition"])) : A("", !0),
+          o.trailingIcon ? (m(), q(f(ke), {
             key: 2,
             size: "small",
             "icon-class": o.trailingIcon,
             inline: "",
             decorative: ""
-          }, null, 8, ["icon-class"])) : R("", !0),
+          }, null, 8, ["icon-class"])) : A("", !0),
           me(d.$slots, "trailing-action")
         ])
       ], 2),
-      o.supportingText ? (m(), M("div", Lo, H(o.supportingText), 1)) : R("", !0),
-      r.value ? (m(), M("div", So, [
-        J(f(Ce), {
-          "icon-definition": f(po),
+      o.supportingText ? (m(), M("div", Co, G(o.supportingText), 1)) : A("", !0),
+      r.value ? (m(), M("div", ko, [
+        H(f(ke), {
+          "icon-definition": f(mo),
           size: "small",
           inline: "",
           decorative: ""
         }, null, 8, ["icon-definition"]),
-        ke(" " + H(r.value), 1)
-      ])) : R("", !0)
+        xe(" " + G(r.value), 1)
+      ])) : A("", !0)
     ], 2));
   }
 });
-var ko = {
+var $o = {
   prefix: "fas",
   iconName: "filter",
   icon: [512, 512, [], "f0b0", "M32 64C19.1 64 7.4 71.8 2.4 83.8S.2 109.5 9.4 118.6L192 301.3 192 416c0 8.5 3.4 16.6 9.4 22.6l64 64c9.2 9.2 22.9 11.9 34.9 6.9S320 492.9 320 480l0-178.7 182.6-182.6c9.2-9.2 11.9-22.9 6.9-34.9S492.9 64 480 64L32 64z"]
-}, xo = {
+}, Mo = {
   prefix: "fas",
   iconName: "caret-right",
   icon: [256, 512, [], "f0da", "M249.3 235.8c10.2 12.6 9.5 31.1-2.2 42.8l-128 128c-9.2 9.2-22.9 11.9-34.9 6.9S64.5 396.9 64.5 384l0-256c0-12.9 7.8-24.6 19.8-29.6s25.7-2.2 34.9 6.9l128 128 2.2 2.4z"]
-}, $o = {
+}, Po = {
   prefix: "fas",
   iconName: "caret-left",
   icon: [256, 512, [], "f0d9", "M7.7 235.8c-10.3 12.6-9.5 31.1 2.2 42.8l128 128c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6l0-256c0-12.9-7.8-24.6-19.8-29.6s-25.7-2.2-34.9 6.9l-128 128-2.2 2.4z"]
-}, Ot = {
+}, Dt = {
   prefix: "fas",
   iconName: "xmark",
   icon: [384, 512, [128473, 10005, 10006, 10060, 215, "close", "multiply", "remove", "times"], "f00d", "M55.1 73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L147.2 256 9.9 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192.5 301.3 329.9 438.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.8 256 375.1 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192.5 210.7 55.1 73.4z"]
-}, Mo = {
+}, Fo = {
   prefix: "fas",
   iconName: "bars",
   icon: [448, 512, ["navicon"], "f0c9", "M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"]
-}, Po = {
+}, To = {
   prefix: "fas",
   iconName: "circle-info",
   icon: [512, 512, ["info-circle"], "f05a", "M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zM224 160a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm-8 64l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z"]
 };
-const Fo = {
+const Io = {
   key: 0,
   class: "loading-indicator",
   role: "status"
-}, To = ["aria-label"], Io = {
+}, Eo = ["aria-label"], Oo = {
   key: 2,
   class: "zoom-indicator"
-}, Eo = /* @__PURE__ */ ge({
+}, zo = /* @__PURE__ */ ge({
   __name: "LayerStatusIndicators",
   props: {
     loading: { type: Boolean },
@@ -966,18 +969,18 @@ const Fo = {
     unavailable: { type: Boolean }
   },
   setup(e) {
-    return (a, l) => (m(), M(de, null, [
-      e.loading && !e.unavailable ? (m(), M("span", Fo, " Loading... ")) : R("", !0),
+    return (a, l) => (m(), M(ue, null, [
+      e.loading && !e.unavailable ? (m(), M("span", Io, " Loading... ")) : A("", !0),
       e.error ? (m(), M("span", {
         key: 1,
         class: "error-indicator",
         "aria-label": e.error,
         role: "status"
-      }, " Error ", 8, To)) : R("", !0),
-      e.unavailable ? (m(), M("span", Io, " (zoom in) ")) : R("", !0)
+      }, " Error ", 8, Eo)) : A("", !0),
+      e.unavailable ? (m(), M("span", Oo, " (zoom in) ")) : A("", !0)
     ], 64));
   }
-}), lt = /* @__PURE__ */ xe(Eo, [["__scopeId", "data-v-19b1b402"]]), Oo = { class: "opacity-control" }, zo = ["for"], Do = ["id", "value", "aria-label"], _o = /* @__PURE__ */ ge({
+}), nt = /* @__PURE__ */ $e(zo, [["__scopeId", "data-v-19b1b402"]]), Do = { class: "opacity-control" }, _o = ["for"], Ro = ["id", "value", "aria-label"], Ao = /* @__PURE__ */ ge({
   __name: "LayerOpacitySlider",
   props: {
     layerId: {},
@@ -991,11 +994,11 @@ const Fo = {
       const n = r.target;
       l("update:opacity", parseFloat(n.value));
     }
-    return (r, n) => (m(), M("div", Oo, [
+    return (r, n) => (m(), M("div", Do, [
       P("label", {
         class: "opacity-label",
         for: "opacity-" + e.layerId
-      }, " Opacity: " + H(Math.round(e.opacity * 100)) + "% ", 9, zo),
+      }, " Opacity: " + G(Math.round(e.opacity * 100)) + "% ", 9, _o),
       P("input", {
         id: "opacity-" + e.layerId,
         type: "range",
@@ -1006,10 +1009,10 @@ const Fo = {
         "aria-label": "Opacity for " + e.layerName,
         class: "opacity-slider",
         onInput: o
-      }, null, 40, Do)
+      }, null, 40, Ro)
     ]));
   }
-}), bt = /* @__PURE__ */ xe(_o, [["__scopeId", "data-v-1a025f6a"]]), Ro = ["aria-label"], Ao = { class: "legend-label" }, Bo = /* @__PURE__ */ ge({
+}), Lt = /* @__PURE__ */ $e(Ao, [["__scopeId", "data-v-1a025f6a"]]), Bo = ["aria-label"], Vo = { class: "legend-label" }, Zo = /* @__PURE__ */ ge({
   __name: "LayerLegend",
   props: {
     items: {},
@@ -1020,7 +1023,7 @@ const Fo = {
       class: "layer-legend",
       "aria-label": e.label
     }, [
-      (m(!0), M(de, null, we(e.items, (o, r) => (m(), M("li", {
+      (m(!0), M(ue, null, Le(e.items, (o, r) => (m(), M("li", {
         key: r,
         class: "legend-item"
       }, [
@@ -1042,13 +1045,13 @@ const Fo = {
           class: "legend-symbol legend-fill",
           style: ye({ backgroundColor: o.color }),
           "aria-hidden": "true"
-        }, null, 4)) : R("", !0),
-        P("span", Ao, H(o.label), 1)
+        }, null, 4)) : A("", !0),
+        P("span", Vo, G(o.label), 1)
       ]))), 128))
-    ], 8, Ro));
+    ], 8, Bo));
   }
-}), wt = /* @__PURE__ */ xe(Bo, [["__scopeId", "data-v-62e210e3"]]);
-function Lt(e) {
+}), St = /* @__PURE__ */ $e(Zo, [["__scopeId", "data-v-62e210e3"]]);
+function Ct(e) {
   function a(u) {
     return e().visibleLayerIds.has(u);
   }
@@ -1067,19 +1070,19 @@ function Lt(e) {
   }
   return { isVisible: a, getLayerOpacity: l, isLayerLoading: o, getLayerError: r, isLayerAvailableAtZoom: n };
 }
-const Vo = { class: "layer-panel" }, Zo = {
+const No = { class: "layer-panel" }, Uo = {
   key: 0,
   class: "search-box"
-}, No = {
+}, Wo = {
   key: 1,
   class: "topics-container"
-}, Uo = { class: "layer-row" }, Wo = ["href", "aria-label"], jo = {
+}, jo = { class: "layer-row" }, qo = ["href", "aria-label"], Go = {
   key: 1,
   class: "metadata-placeholder"
-}, qo = ["checked", "disabled", "onChange"], Go = { class: "layer-title" }, Ho = {
+}, Ho = ["checked", "disabled", "onChange"], Jo = { class: "layer-title" }, Ko = {
   key: 0,
   class: "no-results"
-}, Jo = /* @__PURE__ */ ge({
+}, Qo = /* @__PURE__ */ ge({
   __name: "LayerPanel",
   props: {
     layerList: {},
@@ -1105,10 +1108,10 @@ const Vo = { class: "layer-panel" }, Zo = {
       return l.layerList.filter((L) => L.config.title.toLowerCase().includes(d));
     });
     function n(d) {
-      const L = Vt(d);
+      const L = Nt(d);
       return l.layerMetadata[L] || null;
     }
-    const u = _(() => l.layerList.some((d) => n(d.config.url))), { isVisible: w, getLayerOpacity: p, isLayerLoading: C, getLayerError: y, isLayerAvailableAtZoom: h } = Lt(() => ({
+    const u = _(() => l.layerList.some((d) => n(d.config.url))), { isVisible: w, getLayerOpacity: p, isLayerLoading: C, getLayerError: y, isLayerAvailableAtZoom: h } = Ct(() => ({
       visibleLayerIds: l.visibleLayers,
       layerOpacities: l.layerOpacities,
       loadingLayerIds: l.loadingLayers,
@@ -1121,17 +1124,17 @@ const Vo = { class: "layer-panel" }, Zo = {
     function g(d) {
       o("toggleLayer", d);
     }
-    return (d, L) => (m(), M("div", Vo, [
-      e.showSearch ? (m(), M("div", Zo, [
-        J(f(Co), {
+    return (d, L) => (m(), M("div", No, [
+      e.showSearch ? (m(), M("div", Uo, [
+        H(f(xo), {
           modelValue: i.value,
           "onUpdate:modelValue": L[0] || (L[0] = (S) => i.value = S),
           placeholder: e.searchPlaceholder,
           "class-name": "layer-search-field"
         }, {
-          "trailing-action": Ge(() => [
-            J(f(Ce), {
-              "icon-definition": f(ko),
+          "trailing-action": He(() => [
+            H(f(ke), {
+              "icon-definition": f($o),
               size: "small",
               inline: "",
               decorative: ""
@@ -1139,20 +1142,20 @@ const Vo = { class: "layer-panel" }, Zo = {
           ]),
           _: 1
         }, 8, ["modelValue", "placeholder"])
-      ])) : R("", !0),
-      e.mode === "topics" ? (m(), M("div", No, [
+      ])) : A("", !0),
+      e.mode === "topics" ? (m(), M("div", Wo, [
         me(d.$slots, "topics", {}, () => [
           L[2] || (L[2] = P("div", { class: "no-topics" }, ' No topic components provided. Use the "topics" slot to add TopicAccordion components. ', -1))
         ], !0)
       ])) : (m(), M("div", {
         key: 2,
-        class: se(["layer-list", { "has-metadata": u.value }])
+        class: ne(["layer-list", { "has-metadata": u.value }])
       }, [
-        (m(!0), M(de, null, we(r.value, (S) => (m(), M("div", {
+        (m(!0), M(ue, null, Le(r.value, (S) => (m(), M("div", {
           key: S.config.id,
           class: "layer-item"
         }, [
-          P("div", Uo, [
+          P("div", jo, [
             n(S.config.url) ? (m(), M("a", {
               key: 0,
               href: n(S.config.url) || "",
@@ -1160,18 +1163,18 @@ const Vo = { class: "layer-panel" }, Zo = {
               rel: "noopener noreferrer",
               class: "metadata-link",
               "aria-label": "View metadata for " + S.config.title,
-              onClick: L[1] || (L[1] = Qt(() => {
+              onClick: L[1] || (L[1] = Yt(() => {
               }, ["stop"]))
             }, [
-              J(f(Ce), {
-                "icon-definition": f(Po),
+              H(f(ke), {
+                "icon-definition": f(To),
                 size: "small",
                 inline: "",
                 decorative: ""
               }, null, 8, ["icon-definition"])
-            ], 8, Wo)) : u.value ? (m(), M("span", jo)) : R("", !0),
+            ], 8, qo)) : u.value ? (m(), M("span", Go)) : A("", !0),
             P("label", {
-              class: se(["layer-checkbox", {
+              class: ne(["layer-checkbox", {
                 "layer-unavailable": !f(h)(S.config),
                 "layer-error": f(y)(S.config.id)
               }])
@@ -1180,11 +1183,11 @@ const Vo = { class: "layer-panel" }, Zo = {
                 type: "checkbox",
                 checked: f(w)(S.config.id),
                 disabled: !f(h)(S.config),
-                onChange: (I) => g(S.config.id)
-              }, null, 40, qo),
-              P("span", Go, [
-                ke(H(S.config.title) + " ", 1),
-                J(lt, {
+                onChange: (E) => g(S.config.id)
+              }, null, 40, Ho),
+              P("span", Jo, [
+                xe(G(S.config.title) + " ", 1),
+                H(nt, {
                   loading: f(C)(S.config.id),
                   error: f(y)(S.config.id),
                   unavailable: !f(h)(S.config)
@@ -1192,24 +1195,24 @@ const Vo = { class: "layer-panel" }, Zo = {
               ])
             ], 2)
           ]),
-          e.showOpacity && f(w)(S.config.id) && f(h)(S.config) ? (m(), G(bt, {
+          e.showOpacity && f(w)(S.config.id) && f(h)(S.config) ? (m(), q(Lt, {
             key: 0,
             "layer-id": S.config.id,
             "layer-name": S.config.title,
             opacity: f(p)(S.config.id),
-            "onUpdate:opacity": (I) => o("setOpacity", S.config.id, I)
-          }, null, 8, ["layer-id", "layer-name", "opacity", "onUpdate:opacity"])) : R("", !0),
-          e.showLegend && f(w)(S.config.id) && f(h)(S.config) && S.config.legend?.length ? (m(), G(wt, {
+            "onUpdate:opacity": (E) => o("setOpacity", S.config.id, E)
+          }, null, 8, ["layer-id", "layer-name", "opacity", "onUpdate:opacity"])) : A("", !0),
+          e.showLegend && f(w)(S.config.id) && f(h)(S.config) && S.config.legend?.length ? (m(), q(St, {
             key: 1,
             items: S.config.legend,
             label: "Legend for " + S.config.title
-          }, null, 8, ["items", "label"])) : R("", !0)
+          }, null, 8, ["items", "label"])) : A("", !0)
         ]))), 128)),
-        r.value.length === 0 ? (m(), M("div", Ho, 'No layers match "' + H(e.searchQuery) + '"', 1)) : R("", !0)
+        r.value.length === 0 ? (m(), M("div", Ko, 'No layers match "' + G(e.searchQuery) + '"', 1)) : A("", !0)
       ], 2))
     ]));
   }
-}), Ko = /* @__PURE__ */ xe(Jo, [["__scopeId", "data-v-e48bb978"]]), Qo = {
+}), Xo = /* @__PURE__ */ $e(Qo, [["__scopeId", "data-v-e48bb978"]]), Yo = {
   esriSLSSolid: null,
   esriSLSDash: [6, 1.5],
   esriSLSDot: [1, 1.5],
@@ -1217,11 +1220,11 @@ const Vo = { class: "layer-panel" }, Zo = {
   esriSLSDashDotDot: [6, 1.5, 1, 1.5, 1, 1.5],
   esriSLSNull: null
 };
-function Je(e) {
+function Ke(e) {
   if (e)
-    return Qo[e] ?? void 0;
+    return Yo[e] ?? void 0;
 }
-function Xo(e, a, l, o, r) {
+function ea(e, a, l, o, r) {
   const n = [];
   let u = a[0], w = [e[0]], p = 0;
   for (let i = 1; i < e.length; i++)
@@ -1230,37 +1233,37 @@ function Xo(e, a, l, o, r) {
   const C = [], y = /* @__PURE__ */ new Set();
   let h = o.minValue ?? 0;
   for (let i = 0; i < n.length; i++) {
-    const g = n[i], d = g.breaks, L = Je(g.style), S = i === 0 ? null : n[i - 1].breaks[n[i - 1].breaks.length - 1].classMaxValue, I = d[d.length - 1].classMaxValue;
+    const g = n[i], d = g.breaks, L = Ke(g.style), S = i === 0 ? null : n[i - 1].breaks[n[i - 1].breaks.length - 1].classMaxValue, E = d[d.length - 1].classMaxValue;
     let F;
     const V = !!o.defaultSymbol;
-    S === null ? F = `${!V && o.minValue != null ? `${l} >= ${o.minValue} AND ` : ""}${l} <= ${I}` : i === n.length - 1 && V ? F = `${l} > ${S}` : F = `${l} > ${S} AND ${l} <= ${I}`;
+    S === null ? F = `${!V && o.minValue != null ? `${l} >= ${o.minValue} AND ` : ""}${l} <= ${E}` : i === n.length - 1 && V ? F = `${l} > ${S}` : F = `${l} > ${S} AND ${l} <= ${E}`;
     const T = {
       "line-opacity": he(r)
     };
     if (L && (T["line-dasharray"] = L), d.length === 1)
       T["line-color"] = z(d[0].symbol?.color), T["line-width"] = X(d[0].symbol?.width || 2);
     else {
-      const W = ["step", ["get", l]], fe = ["step", ["get", l]];
-      W.push(z(d[0].symbol?.color)), fe.push(X(d[0].symbol?.width || 2));
+      const U = ["step", ["get", l]], de = ["step", ["get", l]];
+      U.push(z(d[0].symbol?.color)), de.push(X(d[0].symbol?.width || 2));
       for (let ve = 1; ve < d.length; ve++)
-        W.push(d[ve - 1].classMaxValue), W.push(z(d[ve].symbol?.color)), fe.push(d[ve - 1].classMaxValue), fe.push(X(d[ve].symbol?.width || 2));
-      T["line-color"] = W, T["line-width"] = fe;
+        U.push(d[ve - 1].classMaxValue), U.push(z(d[ve].symbol?.color)), de.push(d[ve - 1].classMaxValue), de.push(X(d[ve].symbol?.width || 2));
+      T["line-color"] = U, T["line-width"] = de;
     }
     const O = [];
-    for (const W of d)
+    for (const U of d)
       O.push({
         type: "line",
-        color: z(W.symbol?.color),
-        width: X(W.symbol?.width || 2),
-        label: W.label || `${h} - ${W.classMaxValue}`
-      }), h = W.classMaxValue + 1;
+        color: z(U.symbol?.color),
+        width: X(U.symbol?.width || 2),
+        label: U.label || `${h} - ${U.classMaxValue}`
+      }), h = U.classMaxValue + 1;
     const D = g.style.replace("esriSLS", "").toLowerCase();
-    let te;
-    i === 0 ? te = "" : y.has(D) ? te = `-${D}-${i}` : te = `-${D}`, y.add(D), C.push({ suffix: te, where: F, paint: T, legend: O });
+    let ee;
+    i === 0 ? ee = "" : y.has(D) ? ee = `-${D}-${i}` : ee = `-${D}`, y.add(D), C.push({ suffix: ee, where: F, paint: T, legend: O });
   }
   return C;
 }
-function Yo(e, a, l, o, r) {
+function ta(e, a, l, o, r) {
   const n = /* @__PURE__ */ new Map();
   for (const C of e) {
     const y = C.symbol?.style || "esriSLSSolid";
@@ -1269,7 +1272,7 @@ function Yo(e, a, l, o, r) {
   const u = [], w = /* @__PURE__ */ new Set();
   let p = !0;
   for (const [C, y] of n) {
-    const h = Je(C), g = y.map((F) => `${a} = '${String(F.value).replace(/'/g, "''")}'`).join(" OR "), d = {
+    const h = Ke(C), g = y.map((F) => `${a} = '${String(F.value).replace(/'/g, "''")}'`).join(" OR "), d = {
       "line-opacity": he(o)
     };
     if (h && (d["line-dasharray"] = h), y.length === 1)
@@ -1277,7 +1280,7 @@ function Yo(e, a, l, o, r) {
     else {
       const F = ["match", ["to-string", ["get", a]]];
       for (const V of y)
-        F.push(at(V.value)), F.push(z(V.symbol?.color));
+        F.push(it(V.value)), F.push(z(V.symbol?.color));
       F.push(l ? z(l.color) : "rgba(0, 0, 0, 0)"), d["line-color"] = F, d["line-width"] = X(y[0].symbol?.width || 2);
     }
     const L = [];
@@ -1291,8 +1294,8 @@ function Yo(e, a, l, o, r) {
       });
     }
     const S = C.replace("esriSLS", "").toLowerCase();
-    let I;
-    p ? I = "" : w.has(S) ? I = `-${S}-${u.length}` : I = `-${S}`, w.add(S), p = !1, u.push({ suffix: I, where: g, paint: d, legend: L });
+    let E;
+    p ? E = "" : w.has(S) ? E = `-${S}-${u.length}` : E = `-${S}`, w.add(S), p = !1, u.push({ suffix: E, where: g, paint: d, legend: L });
   }
   return u;
 }
@@ -1307,23 +1310,23 @@ function he(e) {
 function X(e) {
   return Math.round(e * (96 / 72) * 10) / 10;
 }
-const ea = 559082264;
-function zt(e) {
-  return !e || e <= 0 ? null : Math.round(Math.log2(ea / e) * 100) / 100;
+const oa = 559082264;
+function _t(e) {
+  return !e || e <= 0 ? null : Math.round(Math.log2(oa / e) * 100) / 100;
 }
-function ta(e, a) {
+function aa(e, a) {
   const l = {};
   if (e && e > 0) {
-    const o = zt(e);
+    const o = _t(e);
     o !== null && (l.minZoom = o);
   }
   if (a && a > 0) {
-    const o = zt(a);
+    const o = _t(a);
     o !== null && (l.maxZoom = o);
   }
   return l;
 }
-function rt(e) {
+function st(e) {
   if (!e) return "fill";
   switch (e.type) {
     case "esriSFS":
@@ -1340,21 +1343,21 @@ function rt(e) {
       return "fill";
   }
 }
-function Me(e) {
+function Pe(e) {
   return !(!e || e.style === "esriSLSNull" || e.color === null || e.width === 0 || e.color && e.color[3] === 0);
 }
-function at(e) {
+function it(e) {
   return String(e);
 }
-function Zt(e, a, l) {
-  const o = e.symbol, r = rt(o);
+function Ut(e, a, l) {
+  const o = e.symbol, r = st(o);
   let n = {}, u = [], w = null;
   if (r === "fill" && o) {
     const p = o.color === null ? 0 : o.color?.[3] ?? 255, C = p === 0 ? "rgba(0, 0, 0, 0)" : z(o.color), y = p === 0 ? 0 : p < 255 ? 1 : he(a);
     if (n = {
       "fill-color": C,
       "fill-opacity": y
-    }, Me(o.outline)) {
+    }, Pe(o.outline)) {
       const h = X(o.outline.width || 1);
       w = {
         "line-color": z(o.outline.color),
@@ -1374,7 +1377,7 @@ function Zt(e, a, l) {
       "line-width": X(o.width || 1),
       "line-opacity": he(a)
     };
-    const p = Je(o.style);
+    const p = Ke(o.style);
     p && (n["line-dasharray"] = p), u = [
       {
         type: "line",
@@ -1389,7 +1392,7 @@ function Zt(e, a, l) {
       "circle-color": z(o.color),
       "circle-radius": p,
       "circle-opacity": he(a)
-    }, Me(o.outline) && (n["circle-stroke-color"] = z(o.outline.color), n["circle-stroke-width"] = X(o.outline.width || 1)), u = [
+    }, Pe(o.outline) && (n["circle-stroke-color"] = z(o.outline.color), n["circle-stroke-width"] = X(o.outline.width || 1)), u = [
       {
         type: "circle",
         color: z(o.color),
@@ -1399,18 +1402,18 @@ function Zt(e, a, l) {
   }
   return { paint: n, legend: u, geomType: r, outlinePaint: w };
 }
-function oa(e, a, l) {
+function ia(e, a, l) {
   const o = e.field1.toLowerCase(), r = e.uniqueValueInfos || [], n = e.defaultSymbol;
   if (r.length === 0)
-    return Zt({ ...e, symbol: n }, a);
-  const u = r[0]?.symbol || n, w = rt(u);
+    return Ut({ ...e, symbol: n }, a);
+  const u = r[0]?.symbol || n, w = st(u);
   let p = {};
   const C = [];
   let y = null;
   if (w === "fill") {
     const h = ["match", ["to-string", ["get", o]]];
     for (const i of r) {
-      h.push(at(i.value)), h.push(z(i.symbol?.color));
+      h.push(it(i.value)), h.push(z(i.symbol?.color));
       const g = String(i.value), L = l?.get(g) || i.label || g;
       C.push({
         type: "fill",
@@ -1421,7 +1424,7 @@ function oa(e, a, l) {
     if (h.push(n ? z(n.color) : "rgba(0, 0, 0, 0)"), p = {
       "fill-color": h,
       "fill-opacity": he(a)
-    }, Me(u?.outline)) {
+    }, Pe(u?.outline)) {
       const i = X(Math.max(u.outline.width || 1, 1));
       y = {
         "line-color": z(u.outline.color),
@@ -1431,13 +1434,13 @@ function oa(e, a, l) {
   } else if (w === "line") {
     const h = ["match", ["to-string", ["get", o]]];
     for (const d of r) {
-      h.push(at(d.value)), h.push(z(d.symbol?.color));
-      const L = String(d.value), I = l?.get(L) || d.label || L;
+      h.push(it(d.value)), h.push(z(d.symbol?.color));
+      const L = String(d.value), E = l?.get(L) || d.label || L;
       C.push({
         type: "line",
         color: z(d.symbol?.color),
         width: X(d.symbol?.width || 1),
-        label: I
+        label: E
       });
     }
     h.push(n ? z(n.color) : "rgba(0, 0, 0, 0)"), p = {
@@ -1447,17 +1450,17 @@ function oa(e, a, l) {
     };
     const i = r.map((d) => d.symbol?.style || "esriSLSSolid"), g = [...new Set(i)];
     if (g.length > 1) {
-      const d = Yo(r, o, n, a, l);
+      const d = ta(r, o, n, a, l);
       return { paint: {}, legend: [], geomType: w, outlinePaint: y, splitLayers: d };
     }
     if (g.length === 1) {
-      const d = Je(g[0]);
+      const d = Ke(g[0]);
       d && (p["line-dasharray"] = d);
     }
   } else if (w === "circle") {
     const h = ["match", ["to-string", ["get", o]]];
     for (const g of r) {
-      h.push(at(g.value)), h.push(z(g.symbol?.color));
+      h.push(it(g.value)), h.push(z(g.symbol?.color));
       const d = String(g.value), S = l?.get(d) || g.label || d;
       C.push({
         type: "circle",
@@ -1471,17 +1474,17 @@ function oa(e, a, l) {
       "circle-color": h,
       "circle-radius": i,
       "circle-opacity": he(a)
-    }, Me(u?.outline) && (p["circle-stroke-color"] = z(u.outline.color), p["circle-stroke-width"] = X(u.outline.width || 1));
+    }, Pe(u?.outline) && (p["circle-stroke-color"] = z(u.outline.color), p["circle-stroke-width"] = X(u.outline.width || 1));
   }
   return { paint: p, legend: C, geomType: w, outlinePaint: y };
 }
-function aa(e, a) {
+function la(e, a) {
   const l = e.field.toLowerCase(), o = e.classBreakInfos || [], r = e.visualVariables?.find((y) => y.type === "colorInfo");
   if (r?.stops && r.stops.length > 0)
-    return ia(r, l, e, a);
+    return na(r, l, e, a);
   if (o.length === 0)
     return { paint: {}, legend: [], geomType: "fill", outlinePaint: null };
-  const n = o[0]?.symbol, u = rt(n);
+  const n = o[0]?.symbol, u = st(n);
   let w = {};
   const p = [];
   let C = null;
@@ -1499,7 +1502,7 @@ function aa(e, a) {
     if (w = {
       "fill-color": y,
       "fill-opacity": he(a)
-    }, Me(n?.outline)) {
+    }, Pe(n?.outline)) {
       const h = X(n.outline.width || 1);
       C = {
         "line-color": z(n.outline.color),
@@ -1507,17 +1510,17 @@ function aa(e, a) {
       };
     }
   } else if (u === "line") {
-    const y = o.map((I) => I.symbol?.style || "esriSLSSolid"), h = [...new Set(y)];
+    const y = o.map((E) => E.symbol?.style || "esriSLSSolid"), h = [...new Set(y)];
     if (h.length > 1) {
-      const I = Xo(o, y, l, e, a);
-      return { paint: {}, legend: [], geomType: u, outlinePaint: C, splitLayers: I };
+      const E = ea(o, y, l, e, a);
+      return { paint: {}, legend: [], geomType: u, outlinePaint: C, splitLayers: E };
     }
     const g = ["step", ["get", l]];
     g.push(z(o[0]?.symbol?.color));
     let d = e.minValue ?? 0;
-    for (let I = 0; I < o.length; I++) {
-      const F = o[I];
-      I > 0 && (g.push(o[I - 1].classMaxValue), g.push(z(F.symbol?.color))), p.push({
+    for (let E = 0; E < o.length; E++) {
+      const F = o[E];
+      E > 0 && (g.push(o[E - 1].classMaxValue), g.push(z(F.symbol?.color))), p.push({
         type: "line",
         color: z(F.symbol?.color),
         width: X(F.symbol?.width || n?.width || 2),
@@ -1530,16 +1533,16 @@ function aa(e, a) {
       "line-width": L,
       "line-opacity": he(a)
     };
-    const S = Je(h[0]);
+    const S = Ke(h[0]);
     S && (w["line-dasharray"] = S);
   }
   return { paint: w, legend: p, geomType: u, outlinePaint: C };
 }
-function ia(e, a, l, o) {
+function na(e, a, l, o) {
   const r = e.stops || [];
   if (r.length === 0)
     return { paint: {}, legend: [], geomType: "fill", outlinePaint: null };
-  const n = l.classBreakInfos?.[0]?.symbol || l.defaultSymbol, u = rt(n);
+  const n = l.classBreakInfos?.[0]?.symbol || l.defaultSymbol, u = st(n);
   let w = {};
   const p = [];
   let C = null;
@@ -1561,7 +1564,7 @@ function ia(e, a, l, o) {
         // Otherwise use the interpolated color
       ],
       "fill-opacity": he(o)
-    }, Me(n?.outline)) {
+    }, Pe(n?.outline)) {
       const i = X(n.outline.width || 1);
       C = {
         "line-color": z(n.outline.color),
@@ -1571,22 +1574,22 @@ function ia(e, a, l, o) {
   }
   return { paint: w, legend: p, geomType: u, outlinePaint: C };
 }
-function la(e, a, l, o) {
+function ra(e, a, l, o) {
   if (!e?.renderer)
     return { paint: {}, legend: [], geomType: "fill", outlinePaint: null };
   const r = e.renderer;
   switch (r.type) {
     case "simple":
-      return Zt(r, a);
+      return Ut(r, a);
     case "uniqueValue":
-      return oa(r, a, l);
+      return ia(r, a, l);
     case "classBreaks":
-      return aa(r, a);
+      return la(r, a);
     default:
       return { paint: {}, legend: [], geomType: "fill", outlinePaint: null };
   }
 }
-function na(e) {
+function sa(e) {
   if (!e) return null;
   const a = (e.title || "").replace(/\{([^}]+)\}/g, (n, u) => `{${u.toLowerCase()}}`), o = (e.fieldInfos || []).filter((n) => n.visible === !0).map((n) => {
     const u = {
@@ -1600,16 +1603,16 @@ function na(e) {
   };
   return e.showTime && (r.showTime = !0), r;
 }
-function ra(e) {
+function ca(e) {
   return e?.definitionExpression;
 }
-function sa(e) {
+function ua(e) {
   return (e.includes("_") ? e.split("_").slice(1).join(" ") : e).toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
 }
-function ca(e) {
+function da(e) {
   return e.includes("_") ? e.split("_").slice(1).join(" ") : e;
 }
-function ua(e) {
+function fa(e) {
   const a = /* @__PURE__ */ new Map();
   if (!e)
     return a;
@@ -1624,7 +1627,7 @@ function ua(e) {
   }
   return a;
 }
-async function da(e) {
+async function pa(e) {
   try {
     const a = await fetch(`${e}?f=json`);
     if (!a.ok)
@@ -1638,7 +1641,7 @@ async function da(e) {
     return null;
   }
 }
-function Dt(e) {
+function Rt(e) {
   const a = {
     id: e.id,
     title: e.title,
@@ -1651,7 +1654,7 @@ function Dt(e) {
   };
   return e.where && (a.where = e.where), e.minZoom !== void 0 && (a.minZoom = e.minZoom), e.maxZoom !== void 0 && (a.maxZoom = e.maxZoom), e.outlinePaint && (a.outlinePaint = e.outlinePaint), e.parentId && (a.parentId = e.parentId), a;
 }
-async function Nt(e) {
+async function Wt(e) {
   const a = e.operationalLayers || [], l = [], o = ["Zoning and Planning_Land Use"];
   for (const r of a)
     if (r.url && !r.title?.toLowerCase().includes("(under construction)") && !(r.url && /\/MapServer(\/\d+)?$/i.test(r.url)))
@@ -1659,29 +1662,29 @@ async function Nt(e) {
         let n = r.layerDefinition?.drawingInfo, u;
         const w = !n || !n.renderer, p = o.includes(r.title), C = n?.renderer?.uniqueValueInfos?.[0]?.symbol?.outline || n?.renderer?.defaultSymbol?.outline;
         if ((w || p) && r.url) {
-          const O = await da(r.url);
+          const O = await pa(r.url);
           if (O) {
-            if (n = O.drawingInfo, C && Me(C) && n?.renderer) {
-              const D = n.renderer, te = D.uniqueValueInfos?.[0]?.symbol?.outline || D.defaultSymbol?.outline;
-              if (!Me(te)) {
-                for (const W of D.uniqueValueInfos || [])
-                  W.symbol && (W.symbol.outline = C);
+            if (n = O.drawingInfo, C && Pe(C) && n?.renderer) {
+              const D = n.renderer, ee = D.uniqueValueInfos?.[0]?.symbol?.outline || D.defaultSymbol?.outline;
+              if (!Pe(ee)) {
+                for (const U of D.uniqueValueInfos || [])
+                  U.symbol && (U.symbol.outline = C);
                 D.defaultSymbol && (D.defaultSymbol.outline = C);
               }
             }
-            O.description && (u = ua(O.description), u.size > 0);
+            O.description && (u = fa(O.description), u.size > 0);
           }
         }
-        const { paint: y, legend: h, geomType: i, outlinePaint: g, splitLayers: d } = la(
+        const { paint: y, legend: h, geomType: i, outlinePaint: g, splitLayers: d } = ra(
           n,
           r.opacity,
           u,
           r.title
-        ), L = na(r.popupInfo), S = ra(r.layerDefinition), I = ta(r.layerDefinition?.minScale, r.layerDefinition?.maxScale), F = sa(r.title), V = ca(r.title), T = r.opacity ?? 1;
+        ), L = sa(r.popupInfo), S = ca(r.layerDefinition), E = aa(r.layerDefinition?.minScale, r.layerDefinition?.maxScale), F = ua(r.title), V = da(r.title), T = r.opacity ?? 1;
         if (d && d.length > 0)
           for (const O of d) {
             const D = `${F}${O.suffix}`;
-            l.push(Dt({
+            l.push(Rt({
               id: D,
               title: V,
               type: i,
@@ -1691,13 +1694,13 @@ async function Nt(e) {
               legend: O.legend,
               popup: L,
               where: S ? `(${S}) AND (${O.where})` : O.where,
-              minZoom: I.minZoom,
-              maxZoom: I.maxZoom,
+              minZoom: E.minZoom,
+              maxZoom: E.maxZoom,
               parentId: O.suffix ? F : void 0
             }));
           }
         else
-          l.push(Dt({
+          l.push(Rt({
             id: F,
             title: V,
             type: i,
@@ -1707,32 +1710,32 @@ async function Nt(e) {
             legend: h,
             popup: L,
             where: S,
-            minZoom: I.minZoom,
-            maxZoom: I.maxZoom,
+            minZoom: E.minZoom,
+            maxZoom: E.maxZoom,
             outlinePaint: g
           }));
       } catch {
       }
   return l.sort((r, n) => r.title.localeCompare(n.title)), l;
 }
-const _t = {}, St = "376af635c84643cd816a8c5d017a53aa", Ja = St;
-function Ct(e, a) {
+const At = {}, kt = "376af635c84643cd816a8c5d017a53aa", Qa = kt;
+function xt(e, a) {
   let l = `https://www.arcgis.com/sharing/rest/content/items/${e}/data?f=json`;
   return a && (l += `&token=${a}`), l;
 }
-function Ka() {
-  return Ct(St);
+function Xa() {
+  return xt(kt);
 }
-const nt = /* @__PURE__ */ new Map(), He = /* @__PURE__ */ new Map();
-function fa(e) {
-  e ? (nt.delete(e), He.delete(e)) : (nt.clear(), He.clear());
+const rt = /* @__PURE__ */ new Map(), Je = /* @__PURE__ */ new Map();
+function ya(e) {
+  e ? (rt.delete(e), Je.delete(e)) : (rt.clear(), Je.clear());
 }
-let ot, Rt = 0;
-async function pa() {
-  const e = typeof import.meta < "u" && _t?.VITE_AGO_USERNAME, a = typeof import.meta < "u" && _t?.VITE_AGO_PASSWORD;
+let at, Bt = 0;
+async function ma() {
+  const e = typeof import.meta < "u" && At?.VITE_AGO_USERNAME, a = typeof import.meta < "u" && At?.VITE_AGO_PASSWORD;
   if (!(!e || !a)) {
-    if (ot && Date.now() < Rt - 3e5)
-      return ot;
+    if (at && Date.now() < Bt - 3e5)
+      return at;
     try {
       const o = await (await fetch("https://www.arcgis.com/sharing/rest/generateToken", {
         method: "POST",
@@ -1748,14 +1751,14 @@ async function pa() {
           // 2 hours
         })
       })).json();
-      return o.error ? void 0 : (ot = o.token, Rt = o.expires, ot);
+      return o.error ? void 0 : (at = o.token, Bt = o.expires, at);
     } catch {
       return;
     }
   }
 }
-async function ya(e, a) {
-  const l = Ct(e, a), o = await fetch(l, { cache: "no-store" });
+async function ha(e, a) {
+  const l = xt(e, a), o = await fetch(l, { cache: "no-store" });
   if (!o.ok)
     throw new Error(`Failed to fetch WebMap: ${o.status} ${o.statusText}`);
   const r = await o.json();
@@ -1763,35 +1766,35 @@ async function ya(e, a) {
     throw new Error(`ArcGIS error: ${r.error.message || r.error.code || "Unknown error"}`);
   return r;
 }
-async function ma(e) {
+async function ga(e) {
   try {
-    const a = await pa(), l = await ya(e, a);
-    return await Nt(l);
+    const a = await ma(), l = await ha(e, a);
+    return await Wt(l);
   } catch (a) {
     throw new Error(
       `Failed to load dynamic layer configs: ${a instanceof Error ? a.message : "Unknown error"}`
     );
   }
 }
-async function vt(e = St) {
-  const a = nt.get(e);
+async function wt(e = kt) {
+  const a = rt.get(e);
   if (a)
     return a;
-  const l = He.get(e);
+  const l = Je.get(e);
   if (l)
     return l;
   const o = (async () => {
     try {
-      const r = await ma(e);
-      return nt.set(e, r), r;
+      const r = await ga(e);
+      return rt.set(e, r), r;
     } finally {
-      He.delete(e);
+      Je.delete(e);
     }
   })();
-  return He.set(e, o), o;
+  return Je.set(e, o), o;
 }
-function ha(e) {
-  const a = k({}), l = /* @__PURE__ */ new Map();
+function va(e) {
+  const a = x({}), l = /* @__PURE__ */ new Map();
   for (const i of e)
     a.value[i.id] = {
       data: null,
@@ -1829,10 +1832,10 @@ function ha(e) {
           throw new Error(`HTTP ${L.status}: ${L.statusText}`);
         d = await L.json();
       } else if (i.type === "esri") {
-        const S = `${i.url.replace(/\/$/, "")}/query?where=1%3D1&outFields=*&returnGeometry=false&f=json`, I = await fetch(S, i.options);
-        if (!I.ok)
-          throw new Error(`HTTP ${I.status}: ${I.statusText}`);
-        d = (await I.json()).features?.map((V) => V.attributes) || [];
+        const S = `${i.url.replace(/\/$/, "")}/query?where=1%3D1&outFields=*&returnGeometry=false&f=json`, E = await fetch(S, i.options);
+        if (!E.ok)
+          throw new Error(`HTTP ${E.status}: ${E.statusText}`);
+        d = (await E.json()).features?.map((V) => V.attributes) || [];
       } else
         throw new Error(`Unknown data source type: ${i.type}`);
       i.transform && (d = i.transform(d)), a.value = {
@@ -1888,13 +1891,13 @@ function ha(e) {
       window.clearInterval(i);
     l.clear();
   }
-  return it(() => {
+  return lt(() => {
     r(), y();
-  }), At(() => {
+  }), Vt(() => {
     h();
   }), {
     /** Reactive state for all data sources */
-    state: q(a),
+    state: j(a),
     /** Whether any data source is currently loading */
     isLoading: w,
     /** Fetch all data sources */
@@ -1911,22 +1914,22 @@ function ha(e) {
     stopPolling: h
   };
 }
-const ga = { class: "layerboard-layout" }, va = ["aria-expanded"], ba = {
+const ba = { class: "layerboard-layout" }, wa = ["aria-expanded"], La = {
   key: 0,
   class: "layerboard-subtitle"
-}, wa = { class: "layerboard-mobile-menu-content" }, La = { class: "layerboard-main" }, Sa = {
+}, Sa = { class: "layerboard-mobile-menu-content" }, Ca = { class: "layerboard-main" }, ka = {
   key: 0,
   class: "layerboard-loading",
   role: "status",
   "aria-live": "polite"
-}, Ca = {
+}, xa = {
   key: 1,
   class: "layerboard-error",
   role: "alert"
-}, ka = ["aria-expanded", "aria-label"], xa = { key: 0 }, $a = { key: 1 }, Ma = {
+}, $a = ["aria-expanded", "aria-label"], Ma = { key: 0 }, Pa = { key: 1 }, Fa = {
   class: "sr-only",
   "aria-live": "polite"
-}, Pa = /* @__PURE__ */ ge({
+}, Ta = /* @__PURE__ */ ge({
   __name: "Layerboard",
   props: {
     title: {},
@@ -1956,189 +1959,189 @@ const ga = { class: "layerboard-layout" }, va = ["aria-expanded"], ba = {
   },
   emits: ["configs-loaded", "load-error", "zoom"],
   setup(e, { expose: a, emit: l }) {
-    const o = e, r = l, n = k([]), u = k(!0), w = k(null), p = k(12), C = k(""), y = k(/* @__PURE__ */ new Set()), h = k({}), i = k(/* @__PURE__ */ new Set()), g = k({}), d = k({}), L = k(/* @__PURE__ */ new Set()), S = k({});
-    function I() {
+    const o = e, r = l, n = x([]), u = x(!0), w = x(null), p = x(12), C = x(""), y = x(/* @__PURE__ */ new Set()), h = x({}), i = x(/* @__PURE__ */ new Set()), g = x({}), d = x({}), L = x(/* @__PURE__ */ new Set()), S = x({});
+    function E() {
       const v = {};
-      for (const x of o.tiledLayers)
-        v[x.id] = x.opacity ?? 1;
+      for (const $ of o.tiledLayers)
+        v[$.id] = $.opacity ?? 1;
       S.value = v;
     }
     function F(v) {
       L.value.has(v) ? L.value.delete(v) : L.value.add(v), L.value = new Set(L.value);
     }
-    function V(v, x) {
-      x ? L.value.add(v) : L.value.delete(v), L.value = new Set(L.value);
+    function V(v, $) {
+      $ ? L.value.add(v) : L.value.delete(v), L.value = new Set(L.value);
     }
-    function T(v, x) {
-      S.value = { ...S.value, [v]: x };
+    function T(v, $) {
+      S.value = { ...S.value, [v]: $ };
     }
-    const O = o.dataSources.length > 0 ? ha(o.dataSources) : null, D = _(() => O?.state.value ?? {}), te = _(() => O?.isLoading.value ?? !1);
-    function W(v) {
+    const O = o.dataSources.length > 0 ? va(o.dataSources) : null, D = _(() => O?.state.value ?? {}), ee = _(() => O?.isLoading.value ?? !1);
+    function U(v) {
       return O?.getData(v) ?? null;
     }
-    function fe(v) {
+    function de(v) {
       return O?.refetch(v) ?? Promise.resolve();
     }
-    N("layerboard-layers", q(n)), N("layerboard-visible", y), N("layerboard-opacities", h), N("layerboard-loading", q(i)), N("layerboard-errors", q(g)), N("layerboard-zoom", q(p)), N("layerboard-toggle-layer", ze), N("layerboard-set-layer-visible", We), N("layerboard-set-layers-visible", $e), N("layerboard-set-opacity", Pe), N("layerboard-tiled-layers", q(_(() => o.tiledLayers))), N("layerboard-visible-tiled", L), N("layerboard-tiled-opacities", S), N("layerboard-toggle-tiled", F), N("layerboard-set-tiled-opacity", T), N("layerboard-set-tiled-visible", V), N("layerboard-data-sources-state", D), N("layerboard-data-sources-loading", te), N("layerboard-get-data-source", W), N("layerboard-refetch-data-source", fe);
+    N("layerboard-layers", j(n)), N("layerboard-visible", y), N("layerboard-opacities", h), N("layerboard-loading", j(i)), N("layerboard-errors", j(g)), N("layerboard-zoom", j(p)), N("layerboard-toggle-layer", De), N("layerboard-set-layer-visible", je), N("layerboard-set-layers-visible", Me), N("layerboard-set-opacity", Fe), N("layerboard-tiled-layers", j(_(() => o.tiledLayers))), N("layerboard-visible-tiled", L), N("layerboard-tiled-opacities", S), N("layerboard-toggle-tiled", F), N("layerboard-set-tiled-opacity", T), N("layerboard-set-tiled-visible", V), N("layerboard-data-sources-state", D), N("layerboard-data-sources-loading", ee), N("layerboard-get-data-source", U), N("layerboard-refetch-data-source", de);
     const ve = _(() => ({
       backgroundColor: o.themeColor
-    })), st = _(() => ({
+    })), ct = _(() => ({
       backgroundColor: o.themeColor
-    })), Ne = _(() => ({
+    })), Ue = _(() => ({
       backgroundColor: o.themeColor
-    })), Ke = _(() => ({
-      width: pe.value ? "0" : o.sidebarWidth
+    })), Qe = _(() => ({
+      width: fe.value ? "0" : o.sidebarWidth
     }));
-    async function Ue() {
+    async function We() {
       try {
         u.value = !0, w.value = null;
-        const x = (await vt(o.webMapId)).map((Z) => {
-          let Q = Z;
-          const Se = o.layerStyleOverrides[Z.id];
-          Se && (Q = {
-            ...Q,
-            paint: Se.paint ?? Q.paint,
-            outlinePaint: Se.outlinePaint ?? Q.outlinePaint,
-            legend: Se.legend ?? Q.legend,
-            type: Se.type ?? Q.type
+        const $ = (await wt(o.webMapId)).map((Z) => {
+          let K = Z;
+          const Ce = o.layerStyleOverrides[Z.id];
+          Ce && (K = {
+            ...K,
+            paint: Ce.paint ?? K.paint,
+            outlinePaint: Ce.outlinePaint ?? K.outlinePaint,
+            legend: Ce.legend ?? K.legend,
+            type: Ce.type ?? K.type
           });
-          const Ve = o.popupOverrides[Z.id] || (Z.parentId ? o.popupOverrides[Z.parentId] : void 0);
-          return Ve && Q.popup && (Q = {
-            ...Q,
-            popup: { ...Q.popup, ...Ve }
-          }), Q;
+          const Ze = o.popupOverrides[Z.id] || (Z.parentId ? o.popupOverrides[Z.parentId] : void 0);
+          return Ze && K.popup && (K = {
+            ...K,
+            popup: { ...K.popup, ...Ze }
+          }), K;
         });
-        n.value = x.map((Z) => ({
+        n.value = $.map((Z) => ({
           config: Z,
           component: Z.type
         }));
-        const K = {};
-        x.forEach((Z) => {
-          K[Z.id] = Z.opacity ?? 1;
-        }), h.value = K, r("configs-loaded", x);
+        const J = {};
+        $.forEach((Z) => {
+          J[Z.id] = Z.opacity ?? 1;
+        }), h.value = J, r("configs-loaded", $);
       } catch (v) {
-        const x = v instanceof Error ? v.message : "Failed to load layer configurations";
-        w.value = x, r("load-error", x);
+        const $ = v instanceof Error ? v.message : "Failed to load layer configurations";
+        w.value = $, r("load-error", $);
       } finally {
         u.value = !1;
       }
     }
-    async function Qe() {
+    async function Xe() {
       if (o.fetchMetadata)
         try {
           const v = "https://phl.carto.com/api/v2/sql?q=" + encodeURIComponent(
             "select url_text, COALESCE(representation, '') as representation from phl.knack_metadata_reps_endpoints_join WHERE ( format = 'API' OR format = 'GeoService' ) AND url_text IS NOT null"
-          ), x = await fetch(v);
-          if (!x.ok) return;
-          const K = await x.json(), Z = {};
-          for (const Q of K.rows || [])
-            if (Q.url_text && Q.representation) {
-              const Se = Vt(Q.url_text), Ve = `https://metadata.phila.gov/#home/representationdetails/${Q.representation}/`;
-              Z[Se] = Ve;
+          ), $ = await fetch(v);
+          if (!$.ok) return;
+          const J = await $.json(), Z = {};
+          for (const K of J.rows || [])
+            if (K.url_text && K.representation) {
+              const Ce = Nt(K.url_text), Ze = `https://metadata.phila.gov/#home/representationdetails/${K.representation}/`;
+              Z[Ce] = Ze;
             }
           d.value = Z;
         } catch {
         }
     }
-    function ct(v) {
+    function ut(v) {
       p.value = v, r("zoom", v);
     }
-    function ze(v) {
+    function De(v) {
       y.value.has(v) ? y.value.delete(v) : y.value.add(v), y.value = new Set(y.value);
     }
-    function We(v, x) {
-      x ? y.value.add(v) : y.value.delete(v), y.value = new Set(y.value);
+    function je(v, $) {
+      $ ? y.value.add(v) : y.value.delete(v), y.value = new Set(y.value);
     }
-    function $e(v, x) {
-      for (const K of v)
-        x ? y.value.add(K) : y.value.delete(K);
+    function Me(v, $) {
+      for (const J of v)
+        $ ? y.value.add(J) : y.value.delete(J);
       y.value = new Set(y.value);
     }
-    function Pe(v, x) {
-      h.value = { ...h.value, [v]: x };
+    function Fe(v, $) {
+      h.value = { ...h.value, [v]: $ };
     }
-    function je(v, x) {
-      x ? i.value.add(v) : i.value.delete(v), i.value = new Set(i.value);
+    function qe(v, $) {
+      $ ? i.value.add(v) : i.value.delete(v), i.value = new Set(i.value);
     }
-    function ut(v, x) {
-      if (x)
-        g.value = { ...g.value, [v]: x };
+    function dt(v, $) {
+      if ($)
+        g.value = { ...g.value, [v]: $ };
       else {
-        const K = { ...g.value };
-        delete K[v], g.value = K;
+        const J = { ...g.value };
+        delete J[v], g.value = J;
       }
     }
-    function ce(v) {
+    function re(v) {
       C.value = v;
     }
-    const Fe = k(null), ae = k(null), De = k(null), Xe = k(null), be = k(null), qe = k(null), Ye = k(null), Le = k("sidebar");
-    function dt() {
-      Le.value = Le.value === "sidebar" ? "map" : "sidebar", Ze(() => {
-        Le.value === "sidebar" && Fe.value?.focus();
+    const Te = x(null), oe = x(null), _e = x(null), Ye = x(null), be = x(null), Ge = x(null), et = x(null), Se = x("sidebar");
+    function ft() {
+      Se.value = Se.value === "sidebar" ? "map" : "sidebar", Ne(() => {
+        Se.value === "sidebar" && Te.value?.focus();
       });
     }
-    const le = k(!1);
-    function Te() {
-      le.value = !le.value, le.value && Ze(() => {
-        Xe.value?.focus();
+    const ae = x(!1);
+    function Ie() {
+      ae.value = !ae.value, ae.value && Ne(() => {
+        Ye.value?.focus();
       });
     }
-    function Ie() {
-      le.value = !1, Ze(() => {
-        ae.value?.focus();
+    function Ee() {
+      ae.value = !1, Ne(() => {
+        oe.value?.focus();
       });
     }
-    const pe = k(!1);
-    function et() {
-      pe.value = !pe.value;
+    const fe = x(!1);
+    function tt() {
+      fe.value = !fe.value;
     }
-    const ne = k(!1), _e = k(null);
-    function Re() {
-      _e.value = document.activeElement, ne.value = !0, Ze(() => {
-        Ye.value?.focus();
+    const ie = x(!1), Re = x(null);
+    function Ae() {
+      Re.value = document.activeElement, ie.value = !0, Ne(() => {
+        et.value?.focus();
       });
     }
-    function re() {
-      ne.value = !1, Ze(() => {
-        _e.value?.focus(), _e.value = null;
+    function le() {
+      ie.value = !1, Ne(() => {
+        Re.value?.focus(), Re.value = null;
       });
     }
-    function Ae(v) {
-      v.target.classList.contains("layerboard-modal-backdrop") && re();
-    }
     function Be(v) {
+      v.target.classList.contains("layerboard-modal-backdrop") && le();
+    }
+    function Ve(v) {
       if (v.key === "Escape") {
-        Ie();
+        Ee();
         return;
       }
       if (v.key === "Tab" && be.value) {
-        const x = Array.from(
+        const $ = Array.from(
           be.value.querySelectorAll(
             'a[href], button:not([disabled]), textarea, input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])'
           )
         );
-        if (x.length === 0) return;
-        const K = x[0], Z = x[x.length - 1];
-        v.shiftKey ? document.activeElement === K && (v.preventDefault(), Z.focus()) : document.activeElement === Z && (v.preventDefault(), K.focus());
+        if ($.length === 0) return;
+        const J = $[0], Z = $[$.length - 1];
+        v.shiftKey ? document.activeElement === J && (v.preventDefault(), Z.focus()) : document.activeElement === Z && (v.preventDefault(), J.focus());
       }
     }
-    function ft(v) {
+    function pt(v) {
       if (v.key === "Escape") {
-        re();
+        le();
         return;
       }
-      if (v.key === "Tab" && qe.value) {
-        const x = Array.from(
-          qe.value.querySelectorAll(
+      if (v.key === "Tab" && Ge.value) {
+        const $ = Array.from(
+          Ge.value.querySelectorAll(
             'a[href], button:not([disabled]), textarea, input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])'
           )
         );
-        if (x.length === 0) return;
-        const K = x[0], Z = x[x.length - 1];
-        v.shiftKey ? document.activeElement === K && (v.preventDefault(), Z.focus()) : document.activeElement === Z && (v.preventDefault(), K.focus());
+        if ($.length === 0) return;
+        const J = $[0], Z = $[$.length - 1];
+        v.shiftKey ? document.activeElement === J && (v.preventDefault(), Z.focus()) : document.activeElement === Z && (v.preventDefault(), J.focus());
       }
     }
-    N("layerboard-open-modal", Re), N("layerboard-close-modal", re), N("layerboard-is-modal-open", q(ne)), a({
+    N("layerboard-open-modal", Ae), N("layerboard-close-modal", le), N("layerboard-is-modal-open", j(ie)), a({
       /** Layer configurations */
       layerList: n,
       /** Set of visible layer IDs */
@@ -2152,17 +2155,17 @@ const ga = { class: "layerboard-layout" }, va = ["aria-expanded"], ba = {
       /** Current map zoom level */
       currentZoom: p,
       /** Toggle a layer's visibility */
-      toggleLayer: ze,
+      toggleLayer: De,
       /** Set a layer's visibility explicitly */
-      setLayerVisible: We,
+      setLayerVisible: je,
       /** Set multiple layers' visibility at once */
-      setLayersVisible: $e,
+      setLayersVisible: Me,
       /** Set a layer's opacity */
-      setLayerOpacity: Pe,
+      setLayerOpacity: Fe,
       /** Reload layer configurations */
-      reloadConfigs: Ue,
+      reloadConfigs: We,
       /** Clear configuration cache */
-      clearCache: () => fa(o.webMapId),
+      clearCache: () => ya(o.webMapId),
       // Tiled layer APIs
       /** Set of visible tiled layer IDs */
       visibleTiledLayers: L,
@@ -2178,28 +2181,28 @@ const ga = { class: "layerboard-layout" }, va = ["aria-expanded"], ba = {
       /** State of all data sources */
       dataSourcesState: D,
       /** Whether any data source is loading */
-      dataSourcesLoading: te,
+      dataSourcesLoading: ee,
       /** Get data from a specific data source */
-      getDataSourceData: W,
+      getDataSourceData: U,
       /** Refetch a specific data source */
-      refetchDataSource: fe,
+      refetchDataSource: de,
       // Modal APIs
       /** Whether the modal is currently open */
-      isModalOpen: ne,
+      isModalOpen: ie,
       /** Open the modal */
-      openModal: Re,
+      openModal: Ae,
       /** Close the modal */
-      closeModal: re
+      closeModal: le
     });
-    function tt(v) {
-      v.key === "Escape" && le.value && Ie();
-    }
-    return it(() => {
-      Ue(), Qe(), I(), document.addEventListener("keydown", tt);
-    }), Xt(() => {
-      document.removeEventListener("keydown", tt);
-    }), (v, x) => (m(), M("div", ga, [
-      x[5] || (x[5] = P("a", {
+    function ot(v) {
+      v.key === "Escape" && ae.value && Ee();
+    }
+    return lt(() => {
+      We(), Xe(), E(), document.addEventListener("keydown", ot);
+    }), eo(() => {
+      document.removeEventListener("keydown", ot);
+    }), (v, $) => (m(), M("div", ba, [
+      $[5] || ($[5] = P("a", {
         href: "#main-content",
         class: "skip-to-main-content-link"
       }, "Skip to main content", -1)),
@@ -2207,7 +2210,7 @@ const ga = { class: "layerboard-layout" }, va = ["aria-expanded"], ba = {
         class: "layerboard-header",
         style: ye(ve.value)
       }, [
-        x[1] || (x[1] = P("a", {
+        $[1] || ($[1] = P("a", {
           href: "https://www.phila.gov/",
           class: "layerboard-logo layerboard-desktop-only"
         }, [
@@ -2216,30 +2219,30 @@ const ga = { class: "layerboard-layout" }, va = ["aria-expanded"], ba = {
             alt: "City of Philadelphia"
           })
         ], -1)),
-        x[2] || (x[2] = P("span", {
+        $[2] || ($[2] = P("span", {
           class: "layerboard-header-divider layerboard-desktop-only",
           "aria-hidden": "true"
         }, null, -1)),
         P("button", {
           ref_key: "hamburgerRef",
-          ref: ae,
+          ref: oe,
           class: "layerboard-hamburger layerboard-mobile-only",
-          "aria-expanded": le.value,
+          "aria-expanded": ae.value,
           "aria-label": "Toggle menu",
-          onClick: Te
+          onClick: Ie
         }, [
-          J(f(Ce), {
-            "icon-definition": f(Mo),
+          H(f(ke), {
+            "icon-definition": f(Fo),
             size: "medium",
             inline: "",
             decorative: ""
           }, null, 8, ["icon-definition"])
-        ], 8, va),
+        ], 8, wa),
         me(v.$slots, "header", {}, () => [
-          P("h1", null, H(e.title), 1),
-          e.subtitle ? (m(), M("span", ba, H(e.subtitle), 1)) : R("", !0)
+          P("h1", null, G(e.title), 1),
+          e.subtitle ? (m(), M("span", La, G(e.subtitle), 1)) : A("", !0)
         ], !0),
-        le.value ? (m(), M("div", {
+        ae.value ? (m(), M("div", {
           key: 0,
           ref_key: "mobileMenuRef",
           ref: be,
@@ -2248,59 +2251,59 @@ const ga = { class: "layerboard-layout" }, va = ["aria-expanded"], ba = {
           "aria-modal": "true",
           "aria-label": "Site menu",
           style: ye({ backgroundColor: e.themeColor }),
-          onKeydown: Be
+          onKeydown: Ve
         }, [
-          P("div", wa, [
+          P("div", Sa, [
             me(v.$slots, "footer", {
-              openModal: Re,
-              closeModal: re,
-              isModalOpen: ne.value
+              openModal: Ae,
+              closeModal: le,
+              isModalOpen: ie.value
             }, () => [
-              x[0] || (x[0] = ke(" City of Philadelphia ", -1))
+              $[0] || ($[0] = xe(" City of Philadelphia ", -1))
             ], !0)
           ]),
           P("button", {
             ref_key: "mobileMenuCloseRef",
-            ref: Xe,
+            ref: Ye,
             class: "layerboard-mobile-menu-close",
             "aria-label": "Close menu",
-            onClick: Ie
+            onClick: Ee
           }, [
-            J(f(Ce), {
-              "icon-definition": f(Ot),
+            H(f(ke), {
+              "icon-definition": f(Dt),
               size: "medium",
               decorative: ""
             }, null, 8, ["icon-definition"])
           ], 512)
-        ], 36)) : R("", !0),
-        le.value ? (m(), M("div", {
+        ], 36)) : A("", !0),
+        ae.value ? (m(), M("div", {
           key: 1,
           class: "layerboard-mobile-menu-backdrop",
-          onClick: Ie
-        })) : R("", !0)
+          onClick: Ee
+        })) : A("", !0)
       ], 4),
-      P("div", La, [
-        u.value ? (m(), M("div", Sa, [
+      P("div", Ca, [
+        u.value ? (m(), M("div", ka, [
           P("div", {
             class: "layerboard-spinner",
             style: ye({ borderTopColor: e.themeColor })
           }, null, 4),
-          P("p", null, "Loading " + H(e.title) + "...", 1)
-        ])) : w.value ? (m(), M("div", Ca, [
-          x[3] || (x[3] = P("h2", null, "Error Loading Layers", -1)),
-          P("p", null, H(w.value), 1),
+          P("p", null, "Loading " + G(e.title) + "...", 1)
+        ])) : w.value ? (m(), M("div", xa, [
+          $[3] || ($[3] = P("h2", null, "Error Loading Layers", -1)),
+          P("p", null, G(w.value), 1),
           P("button", {
             class: "layerboard-retry-button",
             style: ye({ backgroundColor: e.themeColor }),
-            onClick: Ue
+            onClick: We
           }, " Retry ", 4)
-        ])) : (m(), M(de, { key: 2 }, [
+        ])) : (m(), M(ue, { key: 2 }, [
           P("aside", {
             id: "main-content",
             ref_key: "sidebarRef",
-            ref: Fe,
-            class: se(["layerboard-sidebar", { "is-active": Le.value === "sidebar" }]),
-            style: ye(Ke.value),
+            ref: Te,
+            class: ne(["layerboard-sidebar", { "is-active": Se.value === "sidebar" }]),
+            style: ye(Qe.value),
             "aria-label": "Map layers",
             tabindex: "-1"
           }, [
@@ -2311,10 +2314,10 @@ const ga = { class: "layerboard-layout" }, va = ["aria-expanded"], ba = {
               loadingLayers: i.value,
               layerErrors: g.value,
               currentZoom: p.value,
-              toggleLayer: ze,
-              setLayerVisible: We,
-              setLayersVisible: $e,
-              setOpacity: Pe,
+              toggleLayer: De,
+              setLayerVisible: je,
+              setLayersVisible: Me,
+              setOpacity: Fe,
               tiledLayers: e.tiledLayers,
               visibleTiledLayers: L.value,
               tiledLayerOpacities: S.value,
@@ -2322,11 +2325,11 @@ const ga = { class: "layerboard-layout" }, va = ["aria-expanded"], ba = {
               setTiledLayerVisible: V,
               setTiledLayerOpacity: T,
               dataSourcesState: D.value,
-              dataSourcesLoading: te.value,
-              getDataSource: W,
-              refetchDataSource: fe
+              dataSourcesLoading: ee.value,
+              getDataSource: U,
+              refetchDataSource: de
             }, () => [
-              e.showDefaultSidebar ? (m(), G(Ko, {
+              e.showDefaultSidebar ? (m(), q(Xo, {
                 key: 0,
                 "layer-list": n.value,
                 "visible-layers": y.value,
@@ -2336,18 +2339,18 @@ const ga = { class: "layerboard-layout" }, va = ["aria-expanded"], ba = {
                 "current-zoom": p.value,
                 "search-query": C.value,
                 "layer-metadata": d.value,
-                onToggleLayer: ze,
-                onSetOpacity: Pe,
-                onUpdateSearch: ce
-              }, null, 8, ["layer-list", "visible-layers", "layer-opacities", "loading-layers", "layer-errors", "current-zoom", "search-query", "layer-metadata"])) : R("", !0)
+                onToggleLayer: De,
+                onSetOpacity: Fe,
+                onUpdateSearch: re
+              }, null, 8, ["layer-list", "visible-layers", "layer-opacities", "loading-layers", "layer-errors", "current-zoom", "search-query", "layer-metadata"])) : A("", !0)
             ], !0)
           ], 6),
           P("div", {
             role: "main",
             "aria-label": "Map",
-            class: se(["layerboard-map", { "is-active": Le.value === "map" }])
+            class: ne(["layerboard-map", { "is-active": Se.value === "map" }])
           }, [
-            J(so, {
+            H(uo, {
               "visible-layers": y.value,
               "layer-opacities": h.value,
               "layer-list": n.value,
@@ -2365,56 +2368,56 @@ const ga = { class: "layerboard-layout" }, va = ["aria-expanded"], ba = {
               "pictometry-button-position": e.pictometryButtonPosition,
               "initial-zoom": e.initialZoom,
               "initial-center": e.initialCenter,
-              onZoom: ct,
-              onLayerLoading: je,
-              onLayerError: ut
+              onZoom: ut,
+              onLayerLoading: qe,
+              onLayerError: dt
             }, null, 8, ["visible-layers", "layer-opacities", "layer-list", "tiled-layers", "visible-tiled-layers", "tiled-layer-opacities", "cyclomedia-config", "pictometry-credentials", "basemap-control-position", "navigation-control-position", "geolocation-control-position", "search-control-position", "draw-control-position", "cyclomedia-button-position", "pictometry-button-position", "initial-zoom", "initial-center"])
           ], 2),
           P("button", {
-            class: se(["layerboard-sidebar-toggle", { "is-collapsed": pe.value }]),
-            style: ye({ left: pe.value ? "0" : o.sidebarWidth }),
-            "aria-expanded": !pe.value,
-            "aria-label": pe.value ? "Expand sidebar" : "Collapse sidebar",
-            onClick: et
+            class: ne(["layerboard-sidebar-toggle", { "is-collapsed": fe.value }]),
+            style: ye({ left: fe.value ? "0" : o.sidebarWidth }),
+            "aria-expanded": !fe.value,
+            "aria-label": fe.value ? "Expand sidebar" : "Collapse sidebar",
+            onClick: tt
           }, [
-            J(f(Ce), {
-              "icon-definition": pe.value ? f(xo) : f($o),
+            H(f(ke), {
+              "icon-definition": fe.value ? f(Mo) : f(Po),
               size: "medium",
               decorative: ""
             }, null, 8, ["icon-definition"])
-          ], 14, ka)
+          ], 14, $a)
         ], 64))
       ]),
       P("button", {
         ref_key: "mobileToggleRef",
-        ref: De,
+        ref: _e,
         class: "layerboard-mobile-toggle",
-        style: ye(Ne.value),
-        onClick: dt
+        style: ye(Ue.value),
+        onClick: ft
       }, [
-        Le.value === "map" ? (m(), M("span", xa, H(e.sidebarLabel), 1)) : (m(), M("span", $a, H(e.mapLabel), 1))
+        Se.value === "map" ? (m(), M("span", Ma, G(e.sidebarLabel), 1)) : (m(), M("span", Pa, G(e.mapLabel), 1))
       ], 4),
       P("footer", {
         class: "layerboard-footer",
-        style: ye(st.value)
+        style: ye(ct.value)
       }, [
         me(v.$slots, "footer", {
-          openModal: Re,
-          closeModal: re,
-          isModalOpen: ne.value
+          openModal: Ae,
+          closeModal: le,
+          isModalOpen: ie.value
         }, () => [
-          x[4] || (x[4] = ke(" City of Philadelphia ", -1))
+          $[4] || ($[4] = xe(" City of Philadelphia ", -1))
         ], !0)
       ], 4),
-      ne.value ? (m(), M("div", {
+      ie.value ? (m(), M("div", {
         key: 0,
         class: "layerboard-modal-backdrop",
-        onClick: Ae,
-        onKeydown: ft
+        onClick: Be,
+        onKeydown: pt
       }, [
         P("div", {
           ref_key: "modalRef",
-          ref: qe,
+          ref: Ge,
           class: "layerboard-modal",
           role: "dialog",
           "aria-modal": "true",
@@ -2422,27 +2425,27 @@ const ga = { class: "layerboard-layout" }, va = ["aria-expanded"], ba = {
         }, [
           P("button", {
             ref_key: "modalCloseRef",
-            ref: Ye,
+            ref: et,
             class: "layerboard-modal-close",
             "aria-label": "Close modal",
-            onClick: re
+            onClick: le
           }, [
-            J(f(Ce), {
-              "icon-definition": f(Ot),
+            H(f(ke), {
+              "icon-definition": f(Dt),
               size: "medium",
               decorative: ""
             }, null, 8, ["icon-definition"])
           ], 512),
-          me(v.$slots, "modal", { closeModal: re }, void 0, !0)
+          me(v.$slots, "modal", { closeModal: le }, void 0, !0)
         ], 512)
-      ], 32)) : R("", !0),
-      P("span", Ma, H(Le.value === "sidebar" ? "Showing layers panel" : "Showing map"), 1)
+      ], 32)) : A("", !0),
+      P("span", Fa, G(Se.value === "sidebar" ? "Showing layers panel" : "Showing map"), 1)
     ]));
   }
-}), Qa = /* @__PURE__ */ xe(Pa, [["__scopeId", "data-v-b6c04107"]]), Fa = ["aria-expanded"], Ta = {
+}), Ya = /* @__PURE__ */ $e(Ta, [["__scopeId", "data-v-b6c04107"]]), Ia = ["aria-expanded"], Ea = {
   key: 0,
   class: "topic-icon"
-}, Ia = { class: "topic-title" }, Ea = /* @__PURE__ */ ge({
+}, Oa = { class: "topic-title" }, za = /* @__PURE__ */ ge({
   __name: "TopicAccordion",
   props: {
     title: {},
@@ -2453,8 +2456,8 @@ const ga = { class: "layerboard-layout" }, va = ["aria-expanded"], ba = {
   },
   emits: ["toggle", "layerChange"],
   setup(e, { emit: a }) {
-    const l = e, o = a, r = k(l.expanded), n = `topic-panel-${Pt()}`, u = `topic-header-${Pt()}`;
-    Ee(
+    const l = e, o = a, r = x(l.expanded), n = `topic-panel-${Tt()}`, u = `topic-header-${Tt()}`;
+    Oe(
       () => l.expanded,
       (p) => {
         r.value = p;
@@ -2464,30 +2467,30 @@ const ga = { class: "layerboard-layout" }, va = ["aria-expanded"], ba = {
       r.value = !r.value, o("toggle", r.value);
     }
     return (p, C) => {
-      const y = Yt("font-awesome-icon");
+      const y = to("font-awesome-icon");
       return m(), M("div", {
-        class: se(["topic-accordion", { "is-expanded": r.value }])
+        class: ne(["topic-accordion", { "is-expanded": r.value }])
       }, [
         P("button", {
           id: u,
-          class: se(["topic-header", e.headerClass]),
+          class: ne(["topic-header", e.headerClass]),
           type: "button",
           "aria-expanded": r.value,
           "aria-controls": n,
           onClick: w
         }, [
-          e.icon || p.$slots.icon ? (m(), M("span", Ta, [
+          e.icon || p.$slots.icon ? (m(), M("span", Ea, [
             me(p.$slots, "icon", {}, () => [
-              e.icon ? (m(), G(y, {
+              e.icon ? (m(), q(y, {
                 key: 0,
                 icon: ["fas", e.icon],
                 "aria-hidden": "true"
-              }, null, 8, ["icon"])) : R("", !0)
+              }, null, 8, ["icon"])) : A("", !0)
             ], !0)
-          ])) : R("", !0),
-          P("span", Ia, H(e.title), 1),
+          ])) : A("", !0),
+          P("span", Oa, G(e.title), 1),
           P("span", {
-            class: se(["topic-chevron", { "is-rotated": r.value }])
+            class: ne(["topic-chevron", { "is-rotated": r.value }])
           }, [...C[0] || (C[0] = [
             P("svg", {
               xmlns: "http://www.w3.org/2000/svg",
@@ -2504,8 +2507,8 @@ const ga = { class: "layerboard-layout" }, va = ["aria-expanded"], ba = {
               P("polyline", { points: "6 9 12 15 18 9" })
             ], -1)
           ])], 2)
-        ], 10, Fa),
-        Bt(P("div", {
+        ], 10, Ia),
+        Zt(P("div", {
           id: n,
           role: "region",
           "aria-labelledby": u,
@@ -2515,28 +2518,28 @@ const ga = { class: "layerboard-layout" }, va = ["aria-expanded"], ba = {
             C[1] || (C[1] = P("p", { class: "topic-empty" }, "No content provided for this topic.", -1))
           ], !0)
         ], 512), [
-          [eo, r.value]
+          [oo, r.value]
         ])
       ], 2);
     };
   }
-}), Xa = /* @__PURE__ */ xe(Ea, [["__scopeId", "data-v-a2023afa"]]);
-function Oa(e) {
+}), ei = /* @__PURE__ */ $e(za, [["__scopeId", "data-v-a2023afa"]]);
+function Da(e) {
   return e.displayOptions?.shouldShowCheckbox !== !1;
 }
-function Ut(e, a) {
+function jt(e, a) {
   return a ? e.displayOptions?.shouldShowSlider !== !1 : !1;
 }
-function Wt(e, a) {
+function qt(e, a) {
   return a ? e.displayOptions?.shouldShowLegendBox !== !1 : !1;
 }
-function Oe(e) {
+function ze(e) {
   return e.displayOptions?.layerNameChange || e.title;
 }
-const za = ["aria-label"], Da = ["checked", "disabled", "onChange"], _a = { class: "layer-title" }, Ra = { class: "layer-title" }, Aa = {
+const _a = ["aria-label"], Ra = ["checked", "disabled", "onChange"], Aa = { class: "layer-title" }, Ba = { class: "layer-title" }, Va = {
   key: 0,
   class: "empty-state"
-}, Ba = /* @__PURE__ */ ge({
+}, Za = /* @__PURE__ */ ge({
   __name: "LayerCheckboxSet",
   props: {
     layers: {},
@@ -2551,7 +2554,7 @@ const za = ["aria-label"], Da = ["checked", "disabled", "onChange"], _a = { clas
   },
   emits: ["toggleLayer", "setOpacity"],
   setup(e, { emit: a }) {
-    const l = e, o = a, { isVisible: r, getLayerOpacity: n, isLayerLoading: u, getLayerError: w, isLayerAvailableAtZoom: p } = Lt(
+    const l = e, o = a, { isVisible: r, getLayerOpacity: n, isLayerLoading: u, getLayerError: w, isLayerAvailableAtZoom: p } = Ct(
       () => l
     );
     function C(y) {
@@ -2562,13 +2565,13 @@ const za = ["aria-label"], Da = ["checked", "disabled", "onChange"], _a = { clas
       role: "group",
       "aria-label": e.groupLabel
     }, [
-      (m(!0), M(de, null, we(e.layers, (i) => (m(), M("div", {
+      (m(!0), M(ue, null, Le(e.layers, (i) => (m(), M("div", {
         key: i.id,
         class: "layer-item"
       }, [
-        f(Oa)(i) ? (m(), M("label", {
+        f(Da)(i) ? (m(), M("label", {
           key: 0,
-          class: se(["layer-checkbox", {
+          class: ne(["layer-checkbox", {
             "layer-unavailable": !f(p)(i),
             "layer-error": f(w)(i.id)
           }])
@@ -2578,10 +2581,10 @@ const za = ["aria-label"], Da = ["checked", "disabled", "onChange"], _a = { clas
             checked: f(r)(i.id),
             disabled: !f(p)(i),
             onChange: (g) => C(i.id)
-          }, null, 40, Da),
-          P("span", _a, [
-            ke(H(f(Oe)(i)) + " ", 1),
-            J(lt, {
+          }, null, 40, Ra),
+          P("span", Aa, [
+            xe(G(f(ze)(i)) + " ", 1),
+            H(nt, {
               loading: f(u)(i.id),
               error: f(w)(i.id),
               unavailable: !f(p)(i)
@@ -2589,40 +2592,40 @@ const za = ["aria-label"], Da = ["checked", "disabled", "onChange"], _a = { clas
           ])
         ], 2)) : (m(), M("div", {
           key: 1,
-          class: se(["layer-label-only", {
+          class: ne(["layer-label-only", {
             "layer-unavailable": !f(p)(i),
             "layer-error": f(w)(i.id)
           }])
         }, [
-          P("span", Ra, [
-            ke(H(f(Oe)(i)) + " ", 1),
-            J(lt, {
+          P("span", Ba, [
+            xe(G(f(ze)(i)) + " ", 1),
+            H(nt, {
               loading: f(u)(i.id),
               error: f(w)(i.id),
               unavailable: !f(p)(i)
             }, null, 8, ["loading", "error", "unavailable"])
           ])
         ], 2)),
-        f(Ut)(i, e.showOpacity) && f(r)(i.id) && f(p)(i) ? (m(), G(bt, {
+        f(jt)(i, e.showOpacity) && f(r)(i.id) && f(p)(i) ? (m(), q(Lt, {
           key: 2,
           "layer-id": i.id,
-          "layer-name": f(Oe)(i),
+          "layer-name": f(ze)(i),
           opacity: f(n)(i.id),
           "onUpdate:opacity": (g) => o("setOpacity", i.id, g)
-        }, null, 8, ["layer-id", "layer-name", "opacity", "onUpdate:opacity"])) : R("", !0),
-        f(Wt)(i, e.showLegend) && f(r)(i.id) && f(p)(i) && i.legend?.length ? (m(), G(wt, {
+        }, null, 8, ["layer-id", "layer-name", "opacity", "onUpdate:opacity"])) : A("", !0),
+        f(qt)(i, e.showLegend) && f(r)(i.id) && f(p)(i) && i.legend?.length ? (m(), q(St, {
           key: 3,
           items: i.legend,
-          label: "Legend for " + f(Oe)(i)
-        }, null, 8, ["items", "label"])) : R("", !0)
+          label: "Legend for " + f(ze)(i)
+        }, null, 8, ["items", "label"])) : A("", !0)
       ]))), 128)),
-      e.layers.length === 0 ? (m(), M("div", Aa, "No layers available")) : R("", !0)
-    ], 8, za));
+      e.layers.length === 0 ? (m(), M("div", Va, "No layers available")) : A("", !0)
+    ], 8, _a));
   }
-}), Ya = /* @__PURE__ */ xe(Ba, [["__scopeId", "data-v-bfcd7855"]]), Va = ["aria-label"], Za = ["name", "checked", "disabled", "onChange"], Na = { class: "layer-title" }, Ua = {
+}), ti = /* @__PURE__ */ $e(Za, [["__scopeId", "data-v-bfcd7855"]]), Na = ["aria-label"], Ua = ["name", "checked", "disabled", "onChange"], Wa = { class: "layer-title" }, ja = {
   key: 0,
   class: "empty-state"
-}, Wa = /* @__PURE__ */ ge({
+}, qa = /* @__PURE__ */ ge({
   __name: "LayerRadioButtonSet",
   props: {
     layers: {},
@@ -2638,7 +2641,7 @@ const za = ["aria-label"], Da = ["checked", "disabled", "onChange"], _a = { clas
   },
   emits: ["selectLayer", "setOpacity"],
   setup(e, { emit: a }) {
-    const l = e, o = a, { isVisible: r, getLayerOpacity: n, isLayerLoading: u, getLayerError: w, isLayerAvailableAtZoom: p } = Lt(
+    const l = e, o = a, { isVisible: r, getLayerOpacity: n, isLayerLoading: u, getLayerError: w, isLayerAvailableAtZoom: p } = Ct(
       () => l
     );
     function C(y) {
@@ -2650,12 +2653,12 @@ const za = ["aria-label"], Da = ["checked", "disabled", "onChange"], _a = { clas
       role: "radiogroup",
       "aria-label": e.groupLabel
     }, [
-      (m(!0), M(de, null, we(e.layers, (i) => (m(), M("div", {
+      (m(!0), M(ue, null, Le(e.layers, (i) => (m(), M("div", {
         key: i.id,
         class: "layer-item"
       }, [
         P("label", {
-          class: se(["layer-radio", {
+          class: ne(["layer-radio", {
             "layer-unavailable": !f(p)(i),
             "layer-error": f(w)(i.id)
           }])
@@ -2666,35 +2669,35 @@ const za = ["aria-label"], Da = ["checked", "disabled", "onChange"], _a = { clas
             checked: f(r)(i.id),
             disabled: !f(p)(i),
             onChange: (g) => C(i.id)
-          }, null, 40, Za),
-          P("span", Na, [
-            ke(H(f(Oe)(i)) + " ", 1),
-            J(lt, {
+          }, null, 40, Ua),
+          P("span", Wa, [
+            xe(G(f(ze)(i)) + " ", 1),
+            H(nt, {
               loading: f(u)(i.id),
               error: f(w)(i.id),
               unavailable: !f(p)(i)
             }, null, 8, ["loading", "error", "unavailable"])
           ])
         ], 2),
-        f(Ut)(i, e.showOpacity) && f(r)(i.id) && f(p)(i) ? (m(), G(bt, {
+        f(jt)(i, e.showOpacity) && f(r)(i.id) && f(p)(i) ? (m(), q(Lt, {
           key: 0,
           "layer-id": i.id,
-          "layer-name": f(Oe)(i),
+          "layer-name": f(ze)(i),
           opacity: f(n)(i.id),
           "onUpdate:opacity": (g) => o("setOpacity", i.id, g)
-        }, null, 8, ["layer-id", "layer-name", "opacity", "onUpdate:opacity"])) : R("", !0),
-        f(Wt)(i, e.showLegend) && f(r)(i.id) && f(p)(i) && i.legend?.length ? (m(), G(wt, {
+        }, null, 8, ["layer-id", "layer-name", "opacity", "onUpdate:opacity"])) : A("", !0),
+        f(qt)(i, e.showLegend) && f(r)(i.id) && f(p)(i) && i.legend?.length ? (m(), q(St, {
           key: 1,
           items: i.legend,
-          label: "Legend for " + f(Oe)(i)
-        }, null, 8, ["items", "label"])) : R("", !0)
+          label: "Legend for " + f(ze)(i)
+        }, null, 8, ["items", "label"])) : A("", !0)
       ]))), 128)),
-      e.layers.length === 0 ? (m(), M("div", Ua, "No layers available")) : R("", !0)
-    ], 8, Va));
+      e.layers.length === 0 ? (m(), M("div", ja, "No layers available")) : A("", !0)
+    ], 8, Na));
   }
-}), ei = /* @__PURE__ */ xe(Wa, [["__scopeId", "data-v-c368d815"]]);
-function ti(e) {
-  const a = k([]), l = k(/* @__PURE__ */ new Set()), o = k({}), r = k(/* @__PURE__ */ new Set()), n = k({}), u = k(""), w = k(!1), p = k(!1), C = k(null), y = _(() => {
+}), oi = /* @__PURE__ */ $e(qa, [["__scopeId", "data-v-c368d815"]]);
+function ai(e) {
+  const a = x([]), l = x(/* @__PURE__ */ new Set()), o = x({}), r = x(/* @__PURE__ */ new Set()), n = x({}), u = x(""), w = x(!1), p = x(!1), C = x(null), y = _(() => {
     if (!u.value.trim())
       return a.value;
     const T = u.value.toLowerCase();
@@ -2709,7 +2712,7 @@ function ti(e) {
       w.value = !0, C.value = null;
       try {
         let T;
-        e.mode === "dynamic" || !e.mode ? e.webMapId ? T = await g(e.webMapId) : T = await vt() : T = await vt(), a.value = T;
+        e.mode === "dynamic" || !e.mode ? e.webMapId ? T = await g(e.webMapId) : T = await wt() : T = await wt(), a.value = T;
         const O = {};
         T.forEach((D) => {
           O[D.id] = D.opacity ?? 1;
@@ -2722,11 +2725,11 @@ function ti(e) {
     }
   }
   async function g(T) {
-    const O = Ct(T), D = await fetch(O, { cache: "no-store" });
+    const O = xt(T), D = await fetch(O, { cache: "no-store" });
     if (!D.ok)
       throw new Error(`Failed to fetch WebMap: ${D.status} ${D.statusText}`);
-    const te = await D.json();
-    return Nt(te);
+    const ee = await D.json();
+    return Wt(ee);
   }
   function d(T) {
     const O = new Set(l.value);
@@ -2741,7 +2744,7 @@ function ti(e) {
   function S(T) {
     u.value = T;
   }
-  function I(T, O) {
+  function E(T, O) {
     const D = new Set(r.value);
     O ? D.add(T) : D.delete(T), r.value = D;
   }
@@ -2758,15 +2761,15 @@ function ti(e) {
   }
   return {
     // State (readonly)
-    layerConfigs: q(a),
-    visibleLayers: q(l),
-    layerOpacities: q(o),
-    loadingLayers: q(r),
-    layerErrors: q(n),
-    searchQuery: q(u),
-    isLoading: q(w),
-    isInitialized: q(p),
-    error: q(C),
+    layerConfigs: j(a),
+    visibleLayers: j(l),
+    layerOpacities: j(o),
+    loadingLayers: j(r),
+    layerErrors: j(n),
+    searchQuery: j(u),
+    isLoading: j(w),
+    isInitialized: j(p),
+    error: j(C),
     // Computed
     filteredLayerConfigs: y,
     layerList: h,
@@ -2777,13 +2780,13 @@ function ti(e) {
     toggleLayer: d,
     setLayerOpacity: L,
     filterLayers: S,
-    setLayerLoading: I,
+    setLayerLoading: E,
     setLayerError: F,
     reset: V
   };
 }
-function oi() {
-  const e = k([]), a = k(/* @__PURE__ */ new Set()), l = k(/* @__PURE__ */ new Set());
+function ii() {
+  const e = x([]), a = x(/* @__PURE__ */ new Set()), l = x(/* @__PURE__ */ new Set());
   function o(n) {
     a.value.has(n) ? a.value.delete(n) : a.value.add(n);
   }
@@ -2798,8 +2801,8 @@ function oi() {
     setLayers: r
   };
 }
-function ja(e) {
-  const a = k(null), l = k(!1), o = k(null), r = k(0);
+function Ga(e) {
+  const a = x(null), l = x(!1), o = x(null), r = x(0);
   async function n(p = {}) {
     l.value = !0, o.value = null;
     const C = e.pageSize || 2e3;
@@ -2818,10 +2821,10 @@ function ja(e) {
           });
           S += `&geometry=${encodeURIComponent(V)}&geometryType=esriGeometryEnvelope&spatialRel=esriSpatialRelIntersects`;
         }
-        const I = await fetch(S);
-        if (!I.ok)
-          throw new Error(`HTTP ${I.status}: ${I.statusText}`);
-        const F = await I.json();
+        const E = await fetch(S);
+        if (!E.ok)
+          throw new Error(`HTTP ${E.status}: ${E.statusText}`);
+        const F = await E.json();
         F.features && F.features.length > 0 ? (h = h.concat(F.features), y += F.features.length, i = F.features.length === C) : i = !1;
       }
       const g = {
@@ -2844,10 +2847,10 @@ function ja(e) {
   }
   return {
     // State (readonly)
-    data: q(a),
-    isLoading: q(l),
-    error: q(o),
-    totalFeatures: q(r),
+    data: j(a),
+    isLoading: j(l),
+    error: j(o),
+    totalFeatures: j(r),
     // Config
     config: e,
     // Methods
@@ -2856,9 +2859,9 @@ function ja(e) {
     clear: u
   };
 }
-function ai(e, a, l) {
-  const o = ja(e);
-  return Ee(
+function li(e, a, l) {
+  const o = Ga(e);
+  return Oe(
     a,
     async (r) => {
       if (r) {
@@ -2870,26 +2873,26 @@ function ai(e, a, l) {
   ), o;
 }
 export {
-  Ya as LayerCheckboxSet,
-  Ko as LayerPanel,
-  ei as LayerRadioButtonSet,
-  Qa as Layerboard,
-  so as MapPanel,
-  Xa as TopicAccordion,
-  Ja as WEBMAP_ID,
-  Ct as buildWebMapUrl,
-  fa as clearCache,
-  vt as getLayerConfigs,
-  Oe as getLayerDisplayName,
-  Ka as getWebMapUrl,
-  Vt as normalizeUrl,
-  Oa as shouldShowCheckbox,
-  Wt as shouldShowLegendBox,
-  Ut as shouldShowSlider,
-  Nt as transformWebMapToLayerConfigs,
-  ha as useApiDataSources,
-  ja as useDataSource,
-  oi as useLayerConfig,
-  ti as useLayerboard,
-  ai as useReactiveDataSource
+  ti as LayerCheckboxSet,
+  Xo as LayerPanel,
+  oi as LayerRadioButtonSet,
+  Ya as Layerboard,
+  uo as MapPanel,
+  ei as TopicAccordion,
+  Qa as WEBMAP_ID,
+  xt as buildWebMapUrl,
+  ya as clearCache,
+  wt as getLayerConfigs,
+  ze as getLayerDisplayName,
+  Xa as getWebMapUrl,
+  Nt as normalizeUrl,
+  Da as shouldShowCheckbox,
+  qt as shouldShowLegendBox,
+  jt as shouldShowSlider,
+  Wt as transformWebMapToLayerConfigs,
+  va as useApiDataSources,
+  Ga as useDataSource,
+  ii as useLayerConfig,
+  ai as useLayerboard,
+  li as useReactiveDataSource
 };