@phila/layerboard 3.0.0-beta.16 → 3.0.0-beta.18

package/dist/index.mjs

@@ -1,115 +1,7 @@
-import { defineComponent as Ce, ref as $, watch as ze, computed as I, onMounted as Qe, onUnmounted as Ft, createElementBlock as v, openBlock as p, createVNode as X, unref as O, withCtx as Ue, createBlock as oe, createCommentVNode as T, Fragment as ie, renderList as re, useAttrs as Dt, toRef as Bt, normalizeClass as ae, createElementVNode as _, toDisplayString as U, renderSlot as ce, withDirectives as Tt, mergeProps as ft, vModelDynamic as Zt, createTextVNode as be, normalizeProps as bt, guardReactiveProps as wt, withModifiers as At, normalizeStyle as K, readonly as G, provide as W, onBeforeUnmount as Vt, nextTick as Ne, useId as Lt, resolveComponent as Nt, vShow as Ut } from "vue";
-import { Map as Wt, DrawTool as jt, RasterLayer as St, CircleLayer as Ct, FillLayer as kt, LineLayer as ut, MapMarker as qt, MapPopup as Gt } from "@phila/phila-ui-map-core";
-import { cn as pt, Icon as me, BaseLink as Ht, ActionContent as $t } from "@phila/phila-ui-core";
-function Ye(e, i, t = {}) {
-  const n = { type: "Feature" };
-  return (t.id === 0 || t.id) && (n.id = t.id), t.bbox && (n.bbox = t.bbox), n.properties = i || {}, n.geometry = e, n;
-}
-function Jt(e, i, t = {}) {
-  for (const a of e) {
-    if (a.length < 4)
-      throw new Error(
-        "Each LinearRing of a Polygon must have 4 or more Positions."
-      );
-    if (a[a.length - 1].length !== a[0].length)
-      throw new Error("First and last Position are not equivalent.");
-    for (let l = 0; l < a[a.length - 1].length; l++)
-      if (a[a.length - 1][l] !== a[0][l])
-        throw new Error("First and last Position are not equivalent.");
-  }
-  return Ye({
-    type: "Polygon",
-    coordinates: e
-  }, i, t);
-}
-function Kt(e, i, t = {}) {
-  if (e.length < 2)
-    throw new Error("coordinates must be an array of two or more positions");
-  return Ye({
-    type: "LineString",
-    coordinates: e
-  }, i, t);
-}
-function Qt(e, i, t = {}) {
-  return Ye({
-    type: "MultiLineString",
-    coordinates: e
-  }, i, t);
-}
-function Xt(e, i, t = {}) {
-  return Ye({
-    type: "MultiPolygon",
-    coordinates: e
-  }, i, t);
-}
-function Yt(e) {
-  return e.type === "Feature" ? e.geometry : e;
-}
-function eo(e, i, t) {
-  var n = e.length, a = Ie(e[0], i), l = [], c, w, y;
-  let P, b;
-  for (t || (t = []), c = 1; c < n; c++) {
-    for (P = e[c - 1], b = e[c], w = y = Ie(b, i); ; )
-      if (a | w) {
-        if (a & w)
-          break;
-        a ? (P = yt(P, b, a, i), a = Ie(P, i)) : (b = yt(P, b, w, i), w = Ie(b, i));
-      } else {
-        l.push(P), w !== y ? (l.push(b), c < n - 1 && (t.push(l), l = [])) : c === n - 1 && l.push(b);
-        break;
-      }
-    a = y;
-  }
-  return l.length && t.push(l), t;
-}
-function to(e, i) {
-  var t, n, a, l, c, w, y;
-  for (n = 1; n <= 8; n *= 2) {
-    for (t = [], a = e[e.length - 1], l = !(Ie(a, i) & n), c = 0; c < e.length; c++)
-      w = e[c], y = !(Ie(w, i) & n), y !== l && t.push(yt(a, w, n, i)), y && t.push(w), a = w, l = y;
-    if (e = t, !e.length) break;
-  }
-  return t;
-}
-function yt(e, i, t, n) {
-  return t & 8 ? [e[0] + (i[0] - e[0]) * (n[3] - e[1]) / (i[1] - e[1]), n[3]] : t & 4 ? [e[0] + (i[0] - e[0]) * (n[1] - e[1]) / (i[1] - e[1]), n[1]] : t & 2 ? [n[2], e[1] + (i[1] - e[1]) * (n[2] - e[0]) / (i[0] - e[0])] : t & 1 ? [n[0], e[1] + (i[1] - e[1]) * (n[0] - e[0]) / (i[0] - e[0])] : null;
-}
-function Ie(e, i) {
-  var t = 0;
-  return e[0] < i[0] ? t |= 1 : e[0] > i[2] && (t |= 2), e[1] < i[1] ? t |= 4 : e[1] > i[3] && (t |= 8), t;
-}
-function oo(e, i) {
-  const t = Yt(e), n = t.type, a = e.type === "Feature" ? e.properties : {};
-  let l = t.coordinates;
-  switch (n) {
-    case "LineString":
-    case "MultiLineString": {
-      const c = [];
-      return n === "LineString" && (l = [l]), l.forEach((w) => {
-        eo(w, i, c);
-      }), c.length === 1 ? Kt(c[0], a) : Qt(c, a);
-    }
-    case "Polygon":
-      return Jt(xt(l, i), a);
-    case "MultiPolygon":
-      return Xt(
-        l.map((c) => xt(c, i)),
-        a
-      );
-    default:
-      throw new Error("geometry " + n + " not supported");
-  }
-}
-function xt(e, i) {
-  const t = [];
-  for (const n of e) {
-    const a = to(n, i);
-    a.length > 0 && ((a[0][0] !== a[a.length - 1][0] || a[0][1] !== a[a.length - 1][1]) && a.push(a[0]), a.length >= 4 && t.push(a));
-  }
-  return t;
-}
-var no = oo;
-const io = { class: "map-panel" }, ao = /* @__PURE__ */ Ce({
+import { defineComponent as $e, ref as k, watch as Re, computed as z, onMounted as Xe, onUnmounted as Pt, createElementBlock as h, openBlock as f, createVNode as Q, unref as O, withCtx as Ue, createBlock as te, createCommentVNode as E, Fragment as ie, renderList as se, useAttrs as Ot, toRef as zt, normalizeClass as ne, createElementVNode as P, toDisplayString as N, renderSlot as fe, withDirectives as Mt, mergeProps as dt, vModelDynamic as It, createTextVNode as Le, normalizeProps as mt, guardReactiveProps as vt, withModifiers as Rt, normalizeStyle as J, readonly as j, provide as V, onBeforeUnmount as Dt, nextTick as Ve, useId as bt, resolveComponent as Zt, vShow as Bt } from "vue";
+import { Map as At, DrawTool as Nt, RasterLayer as wt, CircleLayer as Lt, FillLayer as St, LineLayer as ct, MapMarker as Vt, MapPopup as Ut } from "@phila/phila-ui-map-core";
+import { cn as ft, Icon as be, BaseLink as Wt, ActionContent as Ct } from "@phila/phila-ui-core";
+const jt = { class: "map-panel" }, qt = /* @__PURE__ */ $e({
   __name: "MapPanel",
   props: {
     visibleLayers: {},
@@ -131,440 +23,428 @@ const io = { class: "map-panel" }, ao = /* @__PURE__ */ Ce({
     initialCenter: {}
   },
   emits: ["zoom", "layerLoading", "layerError"],
-  setup(e, { emit: i }) {
-    const t = e, n = i, a = $(null), l = $(null), c = $(0);
-    function w(o) {
-      n("zoom", o), l.value && (c.value = y(l.value));
-    }
-    function y(o) {
-      const d = o.getZoom(), S = o.getCenter().lat, E = 559082264028e-3, M = S * Math.PI / 180;
-      return E * Math.cos(M) / Math.pow(2, d);
-    }
-    const P = $({}), b = $(null), C = $(/* @__PURE__ */ new Set()), s = ["fema-100-year-floodplain", "fema-500-year-floodplain"];
-    async function k(o, d, r, S) {
-      const E = encodeURIComponent(S || "1=1"), M = JSON.stringify({
+  setup(t, { emit: i }) {
+    const a = t, o = i, l = k(null), n = k(null), y = k(0);
+    function $(e) {
+      o("zoom", e), n.value && (y.value = m(n.value));
+    }
+    function m(e) {
+      const d = e.getZoom(), w = e.getCenter().lat, _ = 559082264028e-3, T = w * Math.PI / 180;
+      return _ * Math.cos(T) / Math.pow(2, d);
+    }
+    const M = k({}), L = k(null), S = k(/* @__PURE__ */ new Set());
+    async function s(e, d, r, w, _) {
+      const T = encodeURIComponent(w || "1=1"), B = JSON.stringify({
         xmin: d.west,
         ymin: d.south,
         xmax: d.east,
         ymax: d.north,
         spatialReference: { wkid: 4326 }
-      }), N = 2e3;
-      let Y = 0, V = [], Q = !0;
-      for (; Q; ) {
-        const D = `${o}/query?where=${E}&geometry=${encodeURIComponent(M)}&geometryType=esriGeometryEnvelope&spatialRel=esriSpatialRelIntersects&outFields=*&returnGeometry=true&resultRecordCount=${N}&resultOffset=${Y}&f=geojson`, Z = await fetch(D);
-        if (!Z.ok)
-          throw new Error(`HTTP ${Z.status}: ${Z.statusText}`);
-        const q = await Z.json();
-        q.features && q.features.length > 0 ? (V = V.concat(q.features), Y += q.features.length, Q = q.features.length === N) : Q = !1;
+      }), ee = _ !== void 0 ? `&maxAllowableOffset=${360 / (Math.pow(2, _) * 512)}` : "", U = 2e3;
+      let X = 0, A = [], K = !0;
+      for (; K; ) {
+        const H = `${e}/query?where=${T}&geometry=${encodeURIComponent(B)}&geometryType=esriGeometryEnvelope&spatialRel=esriSpatialRelIntersects&outFields=*&returnGeometry=true&resultRecordCount=${U}&resultOffset=${X}${ee}&f=geojson`, de = await fetch(H);
+        if (!de.ok)
+          throw new Error(`HTTP ${de.status}: ${de.statusText}`);
+        const ke = await de.json();
+        ke.features && ke.features.length > 0 ? (A = A.concat(ke.features), X += ke.features.length, K = ke.features.length === U) : K = !1;
       }
-      if (V = V.map((D) => {
-        if (D.properties) {
-          const Z = {};
-          for (const q of Object.keys(D.properties))
-            Z[q.toLowerCase()] = D.properties[q];
-          return { ...D, properties: Z };
+      return A = A.map((H) => {
+        if (H.properties) {
+          const de = {};
+          for (const ke of Object.keys(H.properties))
+            de[ke.toLowerCase()] = H.properties[ke];
+          return { ...H, properties: de };
         }
-        return D;
-      }), s.includes(r)) {
-        const D = [d.west, d.south, d.east, d.north];
-        V = V.map((Z) => {
-          if (Z.geometry && (Z.geometry.type === "Polygon" || Z.geometry.type === "MultiPolygon"))
-            try {
-              return no(Z, D);
-            } catch {
-              return Z;
-            }
-          return Z;
-        });
-      }
-      return {
+        return H;
+      }), {
         type: "FeatureCollection",
-        features: V
+        features: A
       };
     }
-    async function g(o, d) {
-      const r = d.map(async (S) => {
-        const E = t.layerList.find((M) => M.config.id === S)?.config;
-        if (E) {
-          n("layerLoading", S, !0);
+    async function C(e, d) {
+      const r = d.map(async (w) => {
+        const _ = a.layerList.find((T) => T.config.id === w)?.config;
+        if (_) {
+          o("layerLoading", w, !0);
           try {
-            const M = await k(E.url, o, S, E.where);
-            P.value = { ...P.value, [S]: M }, n("layerError", S, null);
-          } catch (M) {
-            const N = M instanceof Error ? M.message : "Failed to load";
-            n("layerError", S, N);
+            const T = n.value?.getZoom(), B = await s(_.url, e, w, _.where, T);
+            M.value = { ...M.value, [w]: B }, o("layerError", w, null);
+          } catch (T) {
+            const B = T instanceof Error ? T.message : "Failed to load";
+            o("layerError", w, B);
           } finally {
-            n("layerLoading", S, !1);
+            o("layerLoading", w, !1);
           }
         }
       });
       await Promise.all(r);
     }
-    async function h(o) {
-      const d = [...t.visibleLayers];
-      await g(o, d);
+    async function p(e) {
+      const d = [...a.visibleLayers];
+      await C(e, d);
     }
-    function u(o) {
-      b.value = o.bounds, h(o.bounds);
+    function g(e) {
+      L.value = e.bounds, p(e.bounds);
     }
-    function f(o) {
-      l.value = o;
-      const d = o.getBounds();
-      b.value = {
+    function c(e) {
+      n.value = e;
+      const d = e.getBounds();
+      L.value = {
         west: d.getWest(),
         south: d.getSouth(),
         east: d.getEast(),
         north: d.getNorth()
       };
-      const r = o.getZoom();
-      n("zoom", r), c.value = y(o), h(b.value);
+      const r = e.getZoom();
+      o("zoom", r), y.value = m(e), p(L.value);
     }
-    ze(
-      () => t.visibleLayers.size,
+    Re(
+      () => a.visibleLayers.size,
       async () => {
-        if (le.value.length > 0 && te(), b.value) {
-          const o = new Set(t.visibleLayers), d = [...o].filter((r) => !C.value.has(r));
-          C.value = new Set(o), d.length > 0 && await g(b.value, d);
+        if (le.value.length > 0 && Me(), L.value) {
+          const e = new Set(a.visibleLayers), d = [...e].filter((r) => !S.value.has(r));
+          S.value = new Set(e), d.length > 0 && await C(L.value, d);
         }
       }
     );
-    function L(o) {
-      return t.visibleLayers.has(o);
-    }
-    function z(o) {
-      return !!P.value[o.id];
-    }
-    const F = I(
-      () => t.layerList.filter((o) => o.config.type === "circle" && L(o.config.id) && z(o.config)).map((o) => o.config)
-    ), R = I(
-      () => t.layerList.filter((o) => o.config.type === "fill" && L(o.config.id) && z(o.config)).map((o) => o.config)
-    ), A = I(
-      () => t.layerList.filter(
-        (o) => o.config.type === "fill" && o.config.outlinePaint && L(o.config.id) && z(o.config)
-      ).map((o) => o.config)
-    ), de = I(
-      () => t.layerList.filter((o) => o.config.type === "line" && L(o.config.id) && z(o.config)).map((o) => o.config)
+    function u(e) {
+      return a.visibleLayers.has(e);
+    }
+    function b(e) {
+      return !!M.value[e.id];
+    }
+    const I = z(
+      () => a.layerList.filter((e) => e.config.type === "circle" && u(e.config.id) && b(e.config)).map((e) => e.config)
+    ), F = z(
+      () => a.layerList.filter((e) => e.config.type === "fill" && u(e.config.id) && b(e.config)).map((e) => e.config)
+    ), R = z(
+      () => a.layerList.filter(
+        (e) => e.config.type === "fill" && e.config.outlinePaint && u(e.config.id) && b(e.config)
+      ).map((e) => e.config)
+    ), Z = z(
+      () => a.layerList.filter((e) => e.config.type === "line" && u(e.config.id) && b(e.config)).map((e) => e.config)
     );
-    function fe(o) {
-      return t.visibleTiledLayers?.has(o) ?? !1;
+    function pe(e) {
+      return a.visibleTiledLayers?.has(e) ?? !1;
     }
-    function Pe(o) {
-      return t.tiledLayerOpacities?.[o] ?? 1;
+    function ye(e) {
+      return a.tiledLayerOpacities?.[e] ?? 1;
     }
-    function tt(o) {
-      return `${o.replace(/\/$/, "")}/tile/{z}/{y}/{x}`;
+    function Ze(e) {
+      return `${e.replace(/\/$/, "")}/tile/{z}/{y}/{x}`;
     }
-    function ot(o) {
+    function tt(e) {
       return {
         type: "raster",
-        tiles: [tt(o.url)],
+        tiles: [Ze(e.url)],
         tileSize: 256,
-        attribution: o.attribution || ""
+        attribution: e.attribution || ""
       };
     }
-    const De = $({}), je = $(/* @__PURE__ */ new Set());
-    async function Be(o) {
-      if (!je.value.has(o.id)) {
-        je.value.add(o.id);
+    const Be = k({}), je = k(/* @__PURE__ */ new Set());
+    async function ot(e) {
+      if (!je.value.has(e.id)) {
+        je.value.add(e.id);
         try {
-          const d = o.url.replace(/\/$/, ""), r = await fetch(`${d}?f=json`);
+          const d = e.url.replace(/\/$/, ""), r = await fetch(`${d}?f=json`);
           if (!r.ok)
             return;
-          const S = await r.json(), E = S.minScale || 0;
-          let M = S.maxScale || 0;
-          if (S.layers && S.layers.length > 0)
-            for (const N of S.layers)
-              N.maxScale && N.maxScale > 0 && (M === 0 || N.maxScale < M) && (M = N.maxScale);
-          M === 0 && (M = 72e3), De.value = {
-            ...De.value,
-            [o.id]: { minScale: E, maxScale: M }
+          const w = await r.json(), _ = w.minScale || 0;
+          let T = w.maxScale || 0;
+          if (w.layers && w.layers.length > 0)
+            for (const B of w.layers)
+              B.maxScale && B.maxScale > 0 && (T === 0 || B.maxScale < T) && (T = B.maxScale);
+          T === 0 && (T = 72e3), Be.value = {
+            ...Be.value,
+            [e.id]: { minScale: _, maxScale: T }
           };
         } catch {
         }
       }
     }
-    Qe(() => {
-      if (t.tiledLayers)
-        for (const o of t.tiledLayers)
-          o.scaleBasedRendering && Be(o);
+    Xe(() => {
+      if (a.tiledLayers)
+        for (const e of a.tiledLayers)
+          e.scaleBasedRendering && ot(e);
     });
-    function qe(o) {
-      if (!o.scaleBasedRendering)
+    function Fe(e) {
+      if (!e.scaleBasedRendering)
         return "tiled";
-      const d = De.value[o.id];
+      const d = Be.value[e.id];
       if (!d)
         return "tiled";
-      const r = c.value;
+      const r = y.value;
       return r === 0 || r > d.maxScale ? "tiled" : "dynamic";
     }
-    const nt = I(() => t.tiledLayers ? t.tiledLayers.filter((o) => fe(o.id) ? o.scaleBasedRendering ? qe(o) === "tiled" : !0 : !1) : []), it = I(() => t.tiledLayers ? t.tiledLayers.filter((o) => fe(o.id) && o.scaleBasedRendering ? qe(o) === "dynamic" : !1) : []);
-    function _e(o) {
+    const at = z(() => a.tiledLayers ? a.tiledLayers.filter((e) => pe(e.id) ? e.scaleBasedRendering ? Fe(e) === "tiled" : !0 : !1) : []), it = z(() => a.tiledLayers ? a.tiledLayers.filter((e) => pe(e.id) && e.scaleBasedRendering ? Fe(e) === "dynamic" : !1) : []);
+    function nt(e) {
       return {
         type: "raster",
-        tiles: [`${o.url.replace(/\/$/, "")}/export?bbox={bbox-epsg-3857}&bboxSR=3857&imageSR=3857&size=256,256&format=png32&transparent=true&f=image`],
+        tiles: [`${e.url.replace(/\/$/, "")}/export?bbox={bbox-epsg-3857}&bboxSR=3857&imageSR=3857&size=256,256&format=png32&transparent=true&f=image`],
         tileSize: 256,
-        attribution: o.attribution || ""
+        attribution: e.attribution || ""
       };
     }
-    function we(o) {
-      return { type: "geojson", data: P.value[o.id] };
+    function ge(e) {
+      return { type: "geojson", data: M.value[e.id] };
     }
-    function Ee(o) {
-      return t.layerOpacities[o] ?? 1;
+    function Ee(e) {
+      return a.layerOpacities[e] ?? 1;
     }
-    function Le(o) {
-      const d = Ee(o.id), r = o.type === "circle" ? "circle-opacity" : o.type === "fill" ? "fill-opacity" : "line-opacity";
-      if (o.type === "fill" && o.paint["fill-opacity"] === 0)
-        return { ...o.paint, "fill-opacity": 0 };
-      const S = o.type === "circle" ? "circle-color" : o.type === "fill" ? "fill-color" : "line-color", E = { ...o.paint }, M = E[S], N = E[r] === 1, Y = typeof M == "string" && M.startsWith("rgba(");
-      if (N && Y) {
+    function _e(e) {
+      const d = Ee(e.id), r = e.type === "circle" ? "circle-opacity" : e.type === "fill" ? "fill-opacity" : "line-opacity";
+      if (e.type === "fill" && e.paint["fill-opacity"] === 0)
+        return { ...e.paint, "fill-opacity": 0 };
+      const w = e.type === "circle" ? "circle-color" : e.type === "fill" ? "fill-color" : "line-color", _ = { ...e.paint }, T = _[w], B = _[r] === 1, ee = typeof T == "string" && T.startsWith("rgba(");
+      if (B && ee) {
         if (d === 1)
-          return E;
+          return _;
         {
-          const V = M.match(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*([\d.]+)\)/);
-          if (V && V[4]) {
-            const [, Q, D, Z, q] = V, ct = parseFloat(q) * d;
-            E[S] = `rgba(${Q}, ${D}, ${Z}, ${ct})`, E[r] = 1;
+          const U = T.match(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*([\d.]+)\)/);
+          if (U && U[4]) {
+            const [, X, A, K, H] = U, de = parseFloat(H) * d;
+            _[w] = `rgba(${X}, ${A}, ${K}, ${de})`, _[r] = 1;
           }
-          return E;
+          return _;
         }
       }
-      if (Y) {
-        const V = M.match(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*([\d.]+)\)/);
-        if (V) {
-          const [, Q, D, Z] = V;
-          E[S] = `rgb(${Q}, ${D}, ${Z})`;
+      if (ee) {
+        const U = T.match(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*([\d.]+)\)/);
+        if (U) {
+          const [, X, A, K] = U;
+          _[w] = `rgb(${X}, ${A}, ${K})`;
         }
       }
-      return E[r] = d, E;
+      return _[r] = d, _;
     }
-    function at(o) {
-      const d = Ee(o.id);
-      return { ...o.outlinePaint, "line-opacity": d };
+    function Oe(e) {
+      const d = Ee(e.id);
+      return { ...e.outlinePaint, "line-opacity": d };
     }
-    const le = $([]), Me = $(null), ee = $(0);
-    function ke(o) {
-      const d = o.replace(/-outline$/, "");
-      return t.layerList.find((S) => S.config.id === d)?.config;
+    const le = k([]), ze = k(null), oe = k(0);
+    function Pe(e) {
+      const d = e.replace(/-outline$/, "");
+      return a.layerList.find((w) => w.config.id === d)?.config;
     }
-    function lt(o, d) {
-      return o.replace(/\{([^}]+)\}/g, (r, S) => {
-        const E = d[S];
-        return E == null ? "" : String(E);
+    function qe(e, d) {
+      return e.replace(/\{([^}]+)\}/g, (r, w) => {
+        const _ = d[w];
+        return _ == null ? "" : String(_);
       });
     }
-    function pe(o) {
-      return o.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+    function Se(e) {
+      return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
     }
-    function Ze(o, d, r) {
-      if (o == null) return "-";
-      if (d?.dateFormat && typeof o == "number") {
-        const S = new Date(o);
+    function Ge(e, d, r) {
+      if (e == null) return "-";
+      if (d?.dateFormat && typeof e == "number") {
+        const w = new Date(e);
         if (r && d.dateFormat === "shortDateShortTime")
-          return S.toLocaleString(void 0, { dateStyle: "short", timeStyle: "short" });
+          return w.toLocaleString(void 0, { dateStyle: "short", timeStyle: "short" });
         switch (d.dateFormat) {
           case "shortDateShortTime":
-            return S.toLocaleDateString();
+            return w.toLocaleDateString();
           case "longMonthDayYear":
-            return S.toLocaleDateString(void 0, { month: "long", day: "numeric", year: "numeric" });
+            return w.toLocaleDateString(void 0, { month: "long", day: "numeric", year: "numeric" });
           case "shortDate":
-            return S.toLocaleDateString();
+            return w.toLocaleDateString();
           case "longDate":
-            return S.toLocaleDateString(void 0, { weekday: "long", month: "long", day: "numeric", year: "numeric" });
+            return w.toLocaleDateString(void 0, { weekday: "long", month: "long", day: "numeric", year: "numeric" });
           default:
-            return S.toLocaleDateString();
+            return w.toLocaleDateString();
         }
       }
-      if (typeof o == "number") {
-        if (o > 1e12 && !d)
-          return new Date(o).toLocaleDateString();
-        const S = d?.places, E = d?.digitSeparator ?? !0;
-        if (S !== void 0) {
-          if (Number.isInteger(o) && S >= 0)
-            return String(o);
-          const M = o.toFixed(S);
-          if (E) {
-            const N = M.split("."), Y = N[0] || "0", V = N[1], Q = Y.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
-            return V ? `${Q}.${V}` : Q;
+      if (typeof e == "number") {
+        if (e > 1e12 && !d)
+          return new Date(e).toLocaleDateString();
+        const w = d?.places, _ = d?.digitSeparator ?? !0;
+        if (w !== void 0) {
+          if (Number.isInteger(e) && w >= 0)
+            return String(e);
+          const T = e.toFixed(w);
+          if (_) {
+            const B = T.split("."), ee = B[0] || "0", U = B[1], X = ee.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+            return U ? `${X}.${U}` : X;
           }
-          return M;
+          return T;
         }
-        return Number.isInteger(o) ? String(o) : E ? o.toLocaleString() : String(o);
+        return Number.isInteger(e) ? String(e) : _ ? e.toLocaleString() : String(e);
       }
-      return String(o);
+      return String(e);
     }
-    function Ae(o) {
+    function Ae(e) {
       const d = /* @__PURE__ */ new Set();
-      return o.filter((r) => {
-        const E = `${r.layer.id.replace(/-outline$/, "")}:${JSON.stringify(r.properties)}`;
-        return d.has(E) ? !1 : (d.add(E), !0);
+      return e.filter((r) => {
+        const _ = `${r.layer.id.replace(/-outline$/, "")}:${JSON.stringify(r.properties)}`;
+        return d.has(_) ? !1 : (d.add(_), !0);
       });
     }
-    function Ge(o, d) {
-      const r = P.value[o];
+    function Ne(e, d) {
+      const r = M.value[e];
       if (!r?.features) return null;
-      const S = d.objectid ?? d.OBJECTID ?? d.FID;
-      if (S != null) {
-        const E = r.features.find(
-          (M) => (M.properties?.objectid ?? M.properties?.OBJECTID ?? M.properties?.FID) === S
+      const w = d.objectid ?? d.OBJECTID ?? d.FID;
+      if (w != null) {
+        const _ = r.features.find(
+          (T) => (T.properties?.objectid ?? T.properties?.OBJECTID ?? T.properties?.FID) === w
         );
-        if (E) return E.geometry;
+        if (_) return _.geometry;
       }
       return null;
     }
-    function ye(o, d) {
+    function He(e, d) {
       const r = /* @__PURE__ */ new Map();
-      return d.forEach((S, E) => {
-        r.set(S.id, E);
-      }), o.sort((S, E) => {
-        const M = S.layer.id.replace(/-outline$/, ""), N = E.layer.id.replace(/-outline$/, ""), Y = r.get(M) ?? -1;
-        return (r.get(N) ?? -1) - Y;
+      return d.forEach((w, _) => {
+        r.set(w.id, _);
+      }), e.sort((w, _) => {
+        const T = w.layer.id.replace(/-outline$/, ""), B = _.layer.id.replace(/-outline$/, ""), ee = r.get(T) ?? -1;
+        return (r.get(B) ?? -1) - ee;
       });
     }
-    function Fe(o) {
-      const d = l.value;
+    function re(e) {
+      const d = n.value;
       if (!d) return;
       const r = [];
-      t.layerList.forEach((D) => {
-        const Z = D.config;
-        t.visibleLayers.has(Z.id) && (r.push(Z.id), Z.outlinePaint && r.push(`${Z.id}-outline`));
+      a.layerList.forEach((A) => {
+        const K = A.config;
+        a.visibleLayers.has(K.id) && (r.push(K.id), K.outlinePaint && r.push(`${K.id}-outline`));
       });
-      const S = d.project([o.lngLat.lng, o.lngLat.lat]), E = d.queryRenderedFeatures(S, {
+      const w = d.project([e.lngLat.lng, e.lngLat.lat]), _ = d.queryRenderedFeatures(w, {
         layers: r
       });
-      if (E.length === 0) return;
-      const M = Ae(E), N = t.layerList.map((D) => D.config), V = ye(M, N).map((D) => {
-        const Z = D.layer.id.replace(/-outline$/, ""), q = ke(Z);
-        if (!q) return null;
-        const ct = Ge(q.id, D.properties || {});
+      if (_.length === 0) return;
+      const T = Ae(_), B = a.layerList.map((A) => A.config), U = He(T, B).map((A) => {
+        const K = A.layer.id.replace(/-outline$/, ""), H = Pe(K);
+        if (!H) return null;
+        const de = Ne(H.id, A.properties || {});
         return {
-          layerId: q.id,
-          layerTitle: q.title,
-          properties: D.properties || {},
-          geometry: ct || D.geometry,
-          popupConfig: q.popup
+          layerId: H.id,
+          layerTitle: H.title,
+          properties: A.properties || {},
+          geometry: de || A.geometry,
+          popupConfig: H.popup
         };
-      }).filter((D) => D !== null);
-      if (V.length === 0) return;
-      le.value = V, ee.value = 0, Me.value = [o.lngLat.lng, o.lngLat.lat];
-      const Q = V[0];
-      if (Q) {
-        const D = ke(Q.layerId);
-        if (D) {
-          const Z = x(Q.geometry), q = H(D.id, D.type);
-          m.value = {
-            geometry: Q.geometry,
-            geometryType: Z,
-            layerId: D.id,
-            properties: Q.properties,
-            originalStyle: q
+      }).filter((A) => A !== null);
+      if (U.length === 0) return;
+      le.value = U, oe.value = 0, ze.value = [e.lngLat.lng, e.lngLat.lat];
+      const X = U[0];
+      if (X) {
+        const A = Pe(X.layerId);
+        if (A) {
+          const K = v(X.geometry), H = x(A.id, A.type);
+          ue.value = {
+            geometry: X.geometry,
+            geometryType: K,
+            layerId: A.id,
+            properties: X.properties,
+            originalStyle: H
           };
         }
       }
     }
-    function te() {
-      le.value = [], Me.value = null, ee.value = 0, m.value = null;
+    function Me() {
+      le.value = [], ze.value = null, oe.value = 0, ue.value = null;
     }
-    function He(o) {
+    function ce(e) {
       if (le.value.length === 0) return;
-      const d = o.target;
+      const d = e.target;
       if (!(d.tagName === "INPUT" || d.tagName === "TEXTAREA" || d.isContentEditable))
-        switch (o.key) {
+        switch (e.key) {
           case "ArrowLeft":
           case "ArrowUp":
-            o.preventDefault(), se();
+            e.preventDefault(), Te();
             break;
           case "ArrowRight":
           case "ArrowDown":
-            o.preventDefault(), $e();
+            e.preventDefault(), Je();
             break;
           case "Escape":
-            o.preventDefault(), te();
+            e.preventDefault(), Me();
             break;
         }
     }
-    Qe(() => {
-      window.addEventListener("keydown", He);
-    }), Ft(() => {
-      window.removeEventListener("keydown", He);
+    Xe(() => {
+      window.addEventListener("keydown", ce);
+    }), Pt(() => {
+      window.removeEventListener("keydown", ce);
     });
-    function $e() {
-      const o = le.value.length;
-      o <= 1 || ee.value >= o - 1 || (ee.value = ee.value + 1);
-    }
-    function se() {
-      le.value.length <= 1 || ee.value <= 0 || (ee.value = ee.value - 1);
-    }
-    const xe = I(() => le.value.length === 0 ? null : le.value[ee.value]), ue = I(() => {
-      const o = xe.value;
-      return !o || !o.popupConfig ? o?.layerTitle || "" : lt(o.popupConfig.title, o.properties);
-    }), Ve = I(() => {
-      const o = xe.value;
-      if (!o) return "";
+    function Je() {
+      const e = le.value.length;
+      e <= 1 || oe.value >= e - 1 || (oe.value = oe.value + 1);
+    }
+    function Te() {
+      le.value.length <= 1 || oe.value <= 0 || (oe.value = oe.value - 1);
+    }
+    const Y = z(() => le.value.length === 0 ? null : le.value[oe.value]), Ke = z(() => {
+      const e = Y.value;
+      return !e || !e.popupConfig ? e?.layerTitle || "" : qe(e.popupConfig.title, e.properties);
+    }), he = z(() => {
+      const e = Y.value;
+      if (!e) return "";
       let d = '<div class="popup-content">';
-      if (d += `<h3 class="popup-title">${pe(ue.value)}</h3>`, o.popupConfig?.fields?.length) {
-        d += `<table class="popup-table" aria-label="${pe(ue.value)}">`;
-        for (const r of o.popupConfig.fields) {
-          const S = Ze(o.properties[r.field], r.format, o.popupConfig.showTime), E = r.label.toLowerCase(), M = E.includes("url") || E.includes("website"), N = S.startsWith("http://") || S.startsWith("https://") || S.startsWith("www.") || M && S.includes("."), Y = S.startsWith("http://") || S.startsWith("https://") ? S : `https://${S}`, V = N ? `<a href="${pe(Y)}" target="_blank" rel="noopener noreferrer">${pe(S)}</a>` : pe(S);
-          d += `<tr><th scope="row">${pe(r.label)}</th><td>${V}</td></tr>`;
+      if (d += `<h3 class="popup-title">${Se(Ke.value)}</h3>`, e.popupConfig?.fields?.length) {
+        d += `<table class="popup-table" aria-label="${Se(Ke.value)}">`;
+        for (const r of e.popupConfig.fields) {
+          const w = Ge(e.properties[r.field], r.format, e.popupConfig.showTime), _ = r.label.toLowerCase(), T = _.includes("url") || _.includes("website"), B = w.startsWith("http://") || w.startsWith("https://") || w.startsWith("www.") || T && w.includes("."), ee = w.startsWith("http://") || w.startsWith("https://") ? w : `https://${w}`, U = B ? `<a href="${Se(ee)}" target="_blank" rel="noopener noreferrer">${Se(w)}</a>` : Se(w);
+          d += `<tr><th scope="row">${Se(r.label)}</th><td>${U}</td></tr>`;
         }
         d += "</table>";
       }
       return d += "</div>", d;
-    }), ge = $({
+    }), Ce = k({
       type: "FeatureCollection",
       features: []
-    }), ne = $({
+    }), me = k({
       type: "FeatureCollection",
       features: []
-    }), Te = $({
+    }), ae = k({
       type: "FeatureCollection",
       features: []
-    }), rt = {
+    }), lt = {
       "circle-radius": ["get", "highlightRadius"],
       "circle-color": "#00FFFF",
       "circle-opacity": 0.8,
       "circle-stroke-width": 2,
       "circle-stroke-color": "#FFFFFF"
-    }, st = {
+    }, rt = {
       "line-width": ["get", "highlightWidth"],
       "line-color": "#00FFFF",
       "line-opacity": 0.9
-    }, Je = {
+    }, st = {
       "fill-color": "#808080",
       "fill-opacity": 0.5
-    }, m = $(null);
-    function x(o) {
-      return o.type;
+    }, ue = k(null);
+    function v(e) {
+      return e.type;
     }
-    function H(o, d) {
-      const r = ke(o);
+    function x(e, d) {
+      const r = Pe(e);
       if (!r) return { radius: 5, width: 2 };
-      const S = r.paint || {};
+      const w = r.paint || {};
       if (d === "circle") {
-        const E = S["circle-radius"];
-        return typeof E == "number" ? { radius: E } : { radius: 5 };
+        const _ = w["circle-radius"];
+        return typeof _ == "number" ? { radius: _ } : { radius: 5 };
       }
       if (d === "line" || d === "fill") {
-        const E = S["line-width"];
-        if (typeof E == "number")
-          return { width: E };
+        const _ = w["line-width"];
+        if (typeof _ == "number")
+          return { width: _ };
         if (r.outlinePaint && r.outlinePaint["line-width"]) {
-          const M = r.outlinePaint["line-width"];
-          if (typeof M == "number")
-            return { width: M };
+          const T = r.outlinePaint["line-width"];
+          if (typeof T == "number")
+            return { width: T };
         }
         return { width: 2 };
       }
       return { radius: 5, width: 2 };
     }
-    function j(o) {
-      return !o || o.length === 0 ? [] : o[0] ?? [];
+    function q(e) {
+      return !e || e.length === 0 ? [] : e[0] ?? [];
     }
-    function J(o) {
-      const { geometry: d, geometryType: r, originalStyle: S } = o;
+    function W(e) {
+      const { geometry: d, geometryType: r, originalStyle: w } = e;
       if (r === "Point" || r === "MultiPoint") {
-        const M = (S.radius || 5) + 3;
+        const T = (w.radius || 5) + 3;
         return {
           type: "FeatureCollection",
           features: [
@@ -572,14 +452,14 @@ const io = { class: "map-panel" }, ao = /* @__PURE__ */ Ce({
               type: "Feature",
               geometry: d,
               properties: {
-                highlightRadius: M
+                highlightRadius: T
               }
             }
           ]
         };
       }
       if (r === "LineString" || r === "MultiLineString") {
-        const M = (S.width || 2) + 3;
+        const T = (w.width || 2) + 3;
         return {
           type: "FeatureCollection",
           features: [
@@ -587,14 +467,14 @@ const io = { class: "map-panel" }, ao = /* @__PURE__ */ Ce({
               type: "Feature",
               geometry: d,
               properties: {
-                highlightWidth: M
+                highlightWidth: T
               }
             }
           ]
         };
       }
       if (r === "Polygon") {
-        const E = d.coordinates, M = j(E), Y = (S.width || 2) + 3;
+        const _ = d.coordinates, T = q(_), ee = (w.width || 2) + 3;
         return {
           type: "FeatureCollection",
           features: [
@@ -602,27 +482,27 @@ const io = { class: "map-panel" }, ao = /* @__PURE__ */ Ce({
               type: "Feature",
               geometry: {
                 type: "LineString",
-                coordinates: M
+                coordinates: T
               },
               properties: {
-                highlightWidth: Y
+                highlightWidth: ee
               }
             }
           ]
         };
       }
       if (r === "MultiPolygon") {
-        const E = d.coordinates, N = (S.width || 2) + 3;
+        const _ = d.coordinates, B = (w.width || 2) + 3;
         return {
           type: "FeatureCollection",
-          features: E.map((V) => ({
+          features: _.map((U) => ({
             type: "Feature",
             geometry: {
               type: "LineString",
-              coordinates: j(V)
+              coordinates: q(U)
             },
             properties: {
-              highlightWidth: N
+              highlightWidth: B
             }
           }))
         };
@@ -632,187 +512,187 @@ const io = { class: "map-panel" }, ao = /* @__PURE__ */ Ce({
         features: []
       };
     }
-    function he(o) {
-      const { geometry: d, geometryType: r } = o;
+    function G(e) {
+      const { geometry: d, geometryType: r } = e;
       return r === "Polygon" || r === "MultiPolygon" ? {
         type: "FeatureCollection",
         features: [{ type: "Feature", geometry: d, properties: {} }]
       } : { type: "FeatureCollection", features: [] };
     }
-    function Oe(o) {
-      if (!o) {
-        It();
+    function ve(e) {
+      if (!e) {
+        Ie();
         return;
       }
-      const d = J(o);
-      o.geometryType === "Point" || o.geometryType === "MultiPoint" ? (ge.value = d, ne.value = { type: "FeatureCollection", features: [] }, Te.value = { type: "FeatureCollection", features: [] }) : (ne.value = d, ge.value = { type: "FeatureCollection", features: [] }, Te.value = he(o));
-    }
-    function It() {
-      ge.value = { type: "FeatureCollection", features: [] }, ne.value = { type: "FeatureCollection", features: [] }, Te.value = { type: "FeatureCollection", features: [] };
-    }
-    ze(m, (o) => {
-      Oe(o);
-    }), ze(
-      () => t.visibleLayers,
-      (o) => {
-        m.value && !o.has(m.value.layerId) && (m.value = null, te());
+      const d = W(e);
+      e.geometryType === "Point" || e.geometryType === "MultiPoint" ? (Ce.value = d, me.value = { type: "FeatureCollection", features: [] }, ae.value = { type: "FeatureCollection", features: [] }) : (me.value = d, Ce.value = { type: "FeatureCollection", features: [] }, ae.value = G(e));
+    }
+    function Ie() {
+      Ce.value = { type: "FeatureCollection", features: [] }, me.value = { type: "FeatureCollection", features: [] }, ae.value = { type: "FeatureCollection", features: [] };
+    }
+    Re(ue, (e) => {
+      ve(e);
+    }), Re(
+      () => a.visibleLayers,
+      (e) => {
+        ue.value && !e.has(ue.value.layerId) && (ue.value = null, Me());
       },
       { deep: !0 }
-    ), ze(ee, () => {
-      const o = xe.value;
-      if (!o) {
-        m.value = null;
+    ), Re(oe, () => {
+      const e = Y.value;
+      if (!e) {
+        ue.value = null;
         return;
       }
-      const d = ke(o.layerId);
+      const d = Pe(e.layerId);
       if (d) {
-        const r = x(o.geometry), S = H(d.id, d.type);
-        m.value = {
-          geometry: o.geometry,
+        const r = v(e.geometry), w = x(d.id, d.type);
+        ue.value = {
+          geometry: e.geometry,
           geometryType: r,
           layerId: d.id,
-          properties: o.properties,
-          originalStyle: S
+          properties: e.properties,
+          originalStyle: w
         };
       }
     });
-    const vt = $(null);
-    function Rt(o) {
-      const [d, r] = o.geometry.coordinates;
-      vt.value = [d, r];
+    const ht = k(null);
+    function Et(e) {
+      const [d, r] = e.geometry.coordinates;
+      ht.value = [d, r];
     }
-    return (o, d) => (p(), v("div", io, [
-      X(O(Wt), {
+    return (e, d) => (f(), h("div", jt, [
+      Q(O(At), {
         ref_key: "mapRef",
-        ref: a,
-        zoom: t.initialZoom,
-        center: t.initialCenter,
-        "navigation-controls": { position: t.navigationControlPosition },
-        "geolocation-control": { position: t.geolocationControlPosition },
-        "basemap-change-controls": { toggle: !0, dropdown: !0, position: t.basemapControlPosition },
-        "map-search-control": { position: t.searchControlPosition },
+        ref: l,
+        zoom: a.initialZoom,
+        center: a.initialCenter,
+        "navigation-controls": { position: a.navigationControlPosition },
+        "geolocation-control": { position: a.geolocationControlPosition },
+        "basemap-change-controls": { toggle: !0, dropdown: !0, position: a.basemapControlPosition },
+        "map-search-control": { position: a.searchControlPosition },
         "enable-cyclomedia": !0,
-        "cyclomedia-config": t.cyclomediaConfig,
-        "cyclomedia-button-position": t.cyclomediaButtonPosition,
+        "cyclomedia-config": a.cyclomediaConfig,
+        "cyclomedia-button-position": a.cyclomediaButtonPosition,
         "enable-pictometry": !0,
-        "pictometry-credentials": t.pictometryCredentials,
-        "pictometry-button-position": t.pictometryButtonPosition,
+        "pictometry-credentials": a.pictometryCredentials,
+        "pictometry-button-position": a.pictometryButtonPosition,
         "tool-panel-layout": "vertical",
         "tool-panel-split-ratio": 50,
-        onZoom: w,
-        onClick: te,
-        onMoveend: u,
-        onLoad: f,
-        onSearchResult: Rt
+        onZoom: $,
+        onClick: Me,
+        onMoveend: g,
+        onLoad: c,
+        onSearchResult: Et
       }, {
         default: Ue(() => [
-          t.drawControlPosition !== null ? (p(), oe(O(jt), {
+          a.drawControlPosition !== null ? (f(), te(O(Nt), {
             key: 0,
-            position: t.drawControlPosition
-          }, null, 8, ["position"])) : T("", !0),
-          (p(!0), v(ie, null, re(nt.value, (r) => (p(), oe(O(St), {
+            position: a.drawControlPosition
+          }, null, 8, ["position"])) : E("", !0),
+          (f(!0), h(ie, null, se(at.value, (r) => (f(), te(O(wt), {
             id: "tiled-" + r.id,
             key: "tiled-" + r.id,
-            source: ot(r),
-            paint: { "raster-opacity": Pe(r.id) },
+            source: tt(r),
+            paint: { "raster-opacity": ye(r.id) },
             minzoom: r.minZoom,
             maxzoom: r.maxZoom
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          (p(!0), v(ie, null, re(it.value, (r) => (p(), oe(O(St), {
+          (f(!0), h(ie, null, se(it.value, (r) => (f(), te(O(wt), {
             id: "dynamic-" + r.id,
             key: "dynamic-" + r.id,
-            source: _e(r),
-            paint: { "raster-opacity": Pe(r.id) },
+            source: nt(r),
+            paint: { "raster-opacity": ye(r.id) },
             minzoom: r.minZoom,
             maxzoom: r.maxZoom
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          (p(!0), v(ie, null, re(F.value, (r) => (p(), oe(O(Ct), {
+          (f(!0), h(ie, null, se(I.value, (r) => (f(), te(O(Lt), {
             id: r.id,
             key: r.id,
-            source: we(r),
-            paint: Le(r),
+            source: ge(r),
+            paint: _e(r),
             minzoom: r.minZoom,
             maxzoom: r.maxZoom,
             "before-id": "highlight-circles",
-            onClick: Fe
+            onClick: re
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          (p(!0), v(ie, null, re(R.value, (r) => (p(), oe(O(kt), {
+          (f(!0), h(ie, null, se(F.value, (r) => (f(), te(O(St), {
             id: r.id,
             key: r.id,
-            source: we(r),
-            paint: Le(r),
+            source: ge(r),
+            paint: _e(r),
             minzoom: r.minZoom,
             maxzoom: r.maxZoom,
             "before-id": "highlight-circles",
-            onClick: Fe
+            onClick: re
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          (p(!0), v(ie, null, re(A.value, (r) => (p(), oe(O(ut), {
+          (f(!0), h(ie, null, se(R.value, (r) => (f(), te(O(ct), {
             id: r.id + "-outline",
             key: r.id + "-outline",
-            source: we(r),
-            paint: at(r),
+            source: ge(r),
+            paint: Oe(r),
             minzoom: r.minZoom,
             maxzoom: r.maxZoom,
             "before-id": "highlight-lines",
-            onClick: Fe
+            onClick: re
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          (p(!0), v(ie, null, re(de.value, (r) => (p(), oe(O(ut), {
+          (f(!0), h(ie, null, se(Z.value, (r) => (f(), te(O(ct), {
             id: r.id,
             key: r.id,
-            source: we(r),
-            paint: Le(r),
+            source: ge(r),
+            paint: _e(r),
             minzoom: r.minZoom,
             maxzoom: r.maxZoom,
             "before-id": "highlight-lines",
-            onClick: Fe
+            onClick: re
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          X(O(Ct), {
+          Q(O(Lt), {
             id: "highlight-circles",
             key: "highlight-circles-layer",
-            source: { type: "geojson", data: ge.value },
-            paint: rt
+            source: { type: "geojson", data: Ce.value },
+            paint: lt
           }, null, 8, ["source"]),
-          X(O(kt), {
+          Q(O(St), {
             id: "highlight-fill",
             key: "highlight-fill-layer",
-            source: { type: "geojson", data: Te.value },
-            paint: Je
+            source: { type: "geojson", data: ae.value },
+            paint: st
           }, null, 8, ["source"]),
-          X(O(ut), {
+          Q(O(ct), {
             id: "highlight-lines",
             key: "highlight-lines-layer",
-            source: { type: "geojson", data: ne.value },
-            paint: st
+            source: { type: "geojson", data: me.value },
+            paint: rt
           }, null, 8, ["source"]),
-          X(O(qt), {
-            "lng-lat": vt.value,
+          Q(O(Vt), {
+            "lng-lat": ht.value,
             color: "#2176d2"
           }, null, 8, ["lng-lat"]),
-          xe.value && Me.value ? (p(), oe(O(Gt), {
+          Y.value && ze.value ? (f(), te(O(Ut), {
             key: 1,
-            "lng-lat": Me.value,
-            html: Ve.value,
+            "lng-lat": ze.value,
+            html: he.value,
             "close-on-click": !1,
             offset: [0, -15],
             "show-navigation": le.value.length > 1,
-            "current-feature-index": ee.value,
+            "current-feature-index": oe.value,
             "total-features": le.value.length,
-            "layer-name": xe.value.layerTitle,
-            onClose: te,
-            onNext: $e,
-            onPrevious: se
-          }, null, 8, ["lng-lat", "html", "show-navigation", "current-feature-index", "total-features", "layer-name"])) : T("", !0)
+            "layer-name": Y.value.layerTitle,
+            onClose: Me,
+            onNext: Je,
+            onPrevious: Te
+          }, null, 8, ["lng-lat", "html", "show-navigation", "current-feature-index", "total-features", "layer-name"])) : E("", !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"])
     ]));
   }
-}), Re = (e, i) => {
-  const t = e.__vccOpts || e;
-  for (const [n, a] of i)
-    t[n] = a;
-  return t;
-}, lo = /* @__PURE__ */ Re(ao, [["__scopeId", "data-v-8ba101d1"]]), ro = ["disabled"], so = /* @__PURE__ */ Ce({
+}), De = (t, i) => {
+  const a = t.__vccOpts || t;
+  for (const [o, l] of i)
+    a[o] = l;
+  return a;
+}, Gt = /* @__PURE__ */ De(qt, [["__scopeId", "data-v-ead53fa0"]]), Ht = ["disabled"], Jt = /* @__PURE__ */ $e({
   inheritAttrs: !1,
   __name: "PhlButton",
   props: {
@@ -833,25 +713,25 @@ const io = { class: "map-panel" }, ao = /* @__PURE__ */ Ce({
     src: {},
     svgRaw: {}
   },
-  setup(e) {
-    const i = e, t = (c) => "href" in c && c.href !== void 0 || "to" in c && c.to !== void 0, n = I(() => pt(
+  setup(t) {
+    const i = t, a = (y) => "href" in y && y.href !== void 0 || "to" in y && y.to !== void 0, o = z(() => ft(
       "phila-button",
       `phila-button--${i.variant}`,
       i.size && `is-${i.size}`,
       i.iconOnly && "icon-button",
       i.iconOnly && i.variant === "standard" && "icon-button--standard",
       i.className
-    )), a = I(() => t(i) ? "to" in i && i.to !== void 0 ? {
+    )), l = z(() => a(i) ? "to" in i && i.to !== void 0 ? {
       to: i.to,
       disabled: i.disabled,
-      className: n.value
+      className: o.value
     } : {
       href: i.href,
       target: i.target,
       rel: i.rel,
       disabled: i.disabled,
-      className: n.value
-    } : {}), l = I(
+      className: o.value
+    } : {}), n = z(
       () => ({
         iconDefinition: i.iconDefinition,
         iconClass: i.iconClass,
@@ -862,51 +742,51 @@ const io = { class: "map-panel" }, ao = /* @__PURE__ */ Ce({
         size: i.size
       })
     );
-    return (c, w) => t(i) ? (p(), oe(O(Ht), ft({ key: 0 }, { ...a.value, ...c.$attrs }, { role: "button" }), {
+    return (y, $) => a(i) ? (f(), te(O(Wt), dt({ key: 0 }, { ...l.value, ...y.$attrs }, { role: "button" }), {
       default: Ue(() => [
-        X(O($t), bt(wt(l.value)), {
+        Q(O(Ct), mt(vt(n.value)), {
           default: Ue(() => [
-            ce(c.$slots, "default", {}, () => [
-              be(U(i.text), 1)
+            fe(y.$slots, "default", {}, () => [
+              Le(N(i.text), 1)
             ])
           ]),
           _: 3
         }, 16)
       ]),
       _: 3
-    }, 16)) : (p(), v("button", ft({
+    }, 16)) : (f(), h("button", dt({
       key: 1,
       type: "button",
       disabled: i.disabled,
-      class: n.value
-    }, c.$attrs), [
-      X(O($t), bt(wt(l.value)), {
+      class: o.value
+    }, y.$attrs), [
+      Q(O(Ct), mt(vt(n.value)), {
         default: Ue(() => [
-          ce(c.$slots, "default", {}, () => [
-            be(U(i.text), 1)
+          fe(y.$slots, "default", {}, () => [
+            Le(N(i.text), 1)
           ])
         ]),
         _: 3
       }, 16)
-    ], 16, ro));
+    ], 16, Ht));
   }
 });
-var co = {
+var Kt = {
   prefix: "fas",
   iconName: "circle-exclamation",
   icon: [512, 512, ["exclamation-circle"], "f06a", "M256 512a256 256 0 1 1 0-512 256 256 0 1 1 0 512zm0-192a32 32 0 1 0 0 64 32 32 0 1 0 0-64zm0-192c-18.2 0-32.7 15.5-31.4 33.7l7.4 104c.9 12.6 11.4 22.3 23.9 22.3 12.6 0 23-9.7 23.9-22.3l7.4-104c1.3-18.2-13.1-33.7-31.4-33.7z"]
-}, uo = co, fo = {
+}, Qt = Kt, Xt = {
   prefix: "fas",
   iconName: "xmark",
   icon: [384, 512, [128473, 10005, 10006, 10060, 215, "close", "multiply", "remove", "times"], "f00d", "M55.1 73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L147.2 256 9.9 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192.5 301.3 329.9 438.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.8 256 375.1 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192.5 210.7 55.1 73.4z"]
-}, po = fo;
-const yo = ["for"], go = { class: "state-layer" }, ho = { class: "content" }, mo = { class: "input-text-container" }, vo = ["id", "placeholder", "aria-label"], bo = {
+}, Yt = Xt;
+const eo = ["for"], to = { class: "state-layer" }, oo = { class: "content" }, ao = { class: "input-text-container" }, io = ["id", "placeholder", "aria-label"], no = {
   key: 1,
   class: "has-text-body-small phila-supporting-text"
-}, wo = {
+}, lo = {
   key: 2,
   class: "has-text-body-small phila-error-text"
-}, Lo = /* @__PURE__ */ Ce({
+}, ro = /* @__PURE__ */ $e({
   inheritAttrs: !1,
   __name: "TextField",
   props: {
@@ -923,137 +803,137 @@ const yo = ["for"], go = { class: "state-layer" }, ho = { class: "content" }, mo
     } }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: i }) {
-    const t = Dt(), n = e, a = I(() => typeof n.error == "string" ? n.error : n.error[0]), l = Bt(n, "id"), c = i, w = $(""), y = I({
-      get: () => n.modelValue !== void 0 ? n.modelValue : w.value,
-      set: (g) => {
-        c("update:modelValue", g), w.value = g;
+  setup(t, { emit: i }) {
+    const a = Ot(), o = t, l = z(() => typeof o.error == "string" ? o.error : o.error[0]), n = zt(o, "id"), y = i, $ = k(""), m = z({
+      get: () => o.modelValue !== void 0 ? o.modelValue : $.value,
+      set: (p) => {
+        y("update:modelValue", p), $.value = p;
       }
-    }), P = I(() => {
-      const g = ["default-class"];
-      return t.disabled != null && g.push("phila-input--disabled"), a.value && g.push("phila-input--error"), t.required != null && g.push("phila-input--required"), pt(...g);
-    }), b = I(() => {
-      const g = [];
-      return y.value !== "" && g.push("phila-text-field--filled"), n.className && g.push(n.className), pt(...g);
-    }), C = I(() => {
-      if (!(n.label || t["aria-label"]))
-        return n.placeholder || void 0;
-    }), s = $(null), k = (g) => {
-      g.target.closest("button") || s.value?.focus();
+    }), M = z(() => {
+      const p = ["default-class"];
+      return a.disabled != null && p.push("phila-input--disabled"), l.value && p.push("phila-input--error"), a.required != null && p.push("phila-input--required"), ft(...p);
+    }), L = z(() => {
+      const p = [];
+      return m.value !== "" && p.push("phila-text-field--filled"), o.className && p.push(o.className), ft(...p);
+    }), S = z(() => {
+      if (!(o.label || a["aria-label"]))
+        return o.placeholder || void 0;
+    }), s = k(null), C = (p) => {
+      p.target.closest("button") || s.value?.focus();
     };
-    return (g, h) => (p(), v("div", {
-      class: ae(["phila-input", P.value])
+    return (p, g) => (f(), h("div", {
+      class: ne(["phila-input", M.value])
     }, [
-      n.label ? (p(), v("label", {
+      o.label ? (f(), h("label", {
         key: 0,
-        for: l.value,
+        for: n.value,
         class: "has-text-label-small phila-label"
-      }, U(n.label), 9, yo)) : T("", !0),
-      _("div", {
-        class: ae(["phila-text-field", b.value]),
-        onClick: k
+      }, N(o.label), 9, eo)) : E("", !0),
+      P("div", {
+        class: ne(["phila-text-field", L.value]),
+        onClick: C
       }, [
-        _("div", go, [
-          n.leadingIcon ? (p(), oe(O(me), {
+        P("div", to, [
+          o.leadingIcon ? (f(), te(O(be), {
             key: 0,
-            "icon-class": n.leadingIcon,
+            "icon-class": o.leadingIcon,
             inline: "",
             decorative: ""
-          }, null, 8, ["icon-class"])) : T("", !0),
-          _("div", ho, [
-            _("div", mo, [
-              Tt(_("input", ft({
-                id: l.value,
+          }, null, 8, ["icon-class"])) : E("", !0),
+          P("div", oo, [
+            P("div", ao, [
+              Mt(P("input", dt({
+                id: n.value,
                 ref_key: "inputRef",
                 ref: s,
-                "onUpdate:modelValue": h[0] || (h[0] = (u) => y.value = u),
+                "onUpdate:modelValue": g[0] || (g[0] = (c) => m.value = c),
                 class: "phila-text-field-input has-text-body-default",
-                placeholder: n.placeholder,
-                "aria-label": C.value
-              }, O(t)), null, 16, vo), [
-                [Zt, y.value]
+                placeholder: o.placeholder,
+                "aria-label": S.value
+              }, O(a)), null, 16, io), [
+                [It, m.value]
               ])
             ])
           ]),
-          y.value != "" ? (p(), oe(O(so), {
+          m.value != "" ? (f(), te(O(Jt), {
             key: 1,
             variant: "standard",
             size: "small",
             "icon-only": "",
-            "icon-definition": O(po),
-            onClick: h[1] || (h[1] = (u) => y.value = "")
-          }, null, 8, ["icon-definition"])) : T("", !0),
-          n.trailingIcon ? (p(), oe(O(me), {
+            "icon-definition": O(Yt),
+            onClick: g[1] || (g[1] = (c) => m.value = "")
+          }, null, 8, ["icon-definition"])) : E("", !0),
+          o.trailingIcon ? (f(), te(O(be), {
             key: 2,
             size: "small",
-            "icon-class": n.trailingIcon,
+            "icon-class": o.trailingIcon,
             inline: "",
             decorative: ""
-          }, null, 8, ["icon-class"])) : T("", !0),
-          ce(g.$slots, "trailing-action")
+          }, null, 8, ["icon-class"])) : E("", !0),
+          fe(p.$slots, "trailing-action")
         ])
       ], 2),
-      n.supportingText ? (p(), v("div", bo, U(n.supportingText), 1)) : T("", !0),
-      a.value ? (p(), v("div", wo, [
-        X(O(me), {
-          "icon-definition": O(uo),
+      o.supportingText ? (f(), h("div", no, N(o.supportingText), 1)) : E("", !0),
+      l.value ? (f(), h("div", lo, [
+        Q(O(be), {
+          "icon-definition": O(Qt),
           size: "small",
           inline: "",
           decorative: ""
         }, null, 8, ["icon-definition"]),
-        be(" " + U(a.value), 1)
-      ])) : T("", !0)
+        Le(" " + N(l.value), 1)
+      ])) : E("", !0)
     ], 2));
   }
 });
-var So = {
+var so = {
   prefix: "fas",
   iconName: "filter",
   icon: [512, 512, [], "f0b0", "M32 64C19.1 64 7.4 71.8 2.4 83.8S.2 109.5 9.4 118.6L192 301.3 192 416c0 8.5 3.4 16.6 9.4 22.6l64 64c9.2 9.2 22.9 11.9 34.9 6.9S320 492.9 320 480l0-178.7 182.6-182.6c9.2-9.2 11.9-22.9 6.9-34.9S492.9 64 480 64L32 64z"]
-}, Co = {
+}, co = {
   prefix: "fas",
   iconName: "caret-right",
   icon: [256, 512, [], "f0da", "M249.3 235.8c10.2 12.6 9.5 31.1-2.2 42.8l-128 128c-9.2 9.2-22.9 11.9-34.9 6.9S64.5 396.9 64.5 384l0-256c0-12.9 7.8-24.6 19.8-29.6s25.7-2.2 34.9 6.9l128 128 2.2 2.4z"]
-}, ko = {
+}, uo = {
   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"]
-}, Pt = {
+}, kt = {
   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"]
-}, $o = {
+}, 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"]
-}, xo = {
+}, po = {
   prefix: "fas",
   iconName: "circle-info",
   icon: [512, 512, ["info-circle"], "f05a", "M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zM224 160a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm-8 64l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z"]
 };
-const Po = { class: "layer-panel" }, _o = {
+const yo = { class: "layer-panel" }, go = {
   key: 0,
   class: "search-box"
-}, Eo = {
+}, ho = {
   key: 1,
   class: "topics-container"
-}, Mo = { class: "layer-row" }, Fo = ["href", "aria-label"], To = {
+}, mo = { class: "layer-row" }, vo = ["href", "aria-label"], bo = {
   key: 1,
   class: "metadata-placeholder"
-}, Oo = ["checked", "disabled", "onChange"], zo = { class: "layer-title" }, Io = {
+}, wo = ["checked", "disabled", "onChange"], Lo = { class: "layer-title" }, So = {
   key: 0,
   class: "loading-indicator",
   role: "status"
-}, Ro = ["aria-label"], Do = {
+}, Co = ["aria-label"], ko = {
   key: 2,
   class: "zoom-indicator"
-}, Bo = {
+}, xo = {
   key: 0,
   class: "opacity-control"
-}, Zo = ["for"], Ao = ["id", "value", "aria-label", "onInput"], Vo = ["aria-label"], No = { class: "legend-label" }, Uo = {
+}, $o = ["for"], _o = ["id", "value", "aria-label", "onInput"], Po = ["aria-label"], Mo = { class: "legend-label" }, To = {
   key: 0,
   class: "no-results"
-}, Wo = /* @__PURE__ */ Ce({
+}, Fo = /* @__PURE__ */ $e({
   __name: "LayerPanel",
   props: {
     layerList: {},
@@ -1071,60 +951,60 @@ const Po = { class: "layer-panel" }, _o = {
     searchPlaceholder: { default: "Filter layers..." }
   },
   emits: ["toggleLayer", "setOpacity", "updateSearch"],
-  setup(e, { emit: i }) {
-    const t = e, n = i, a = I(() => {
-      if (!t.searchQuery.trim())
-        return t.layerList;
-      const u = t.searchQuery.toLowerCase();
-      return t.layerList.filter((f) => f.config.title.toLowerCase().includes(u));
+  setup(t, { emit: i }) {
+    const a = t, o = i, l = z(() => {
+      if (!a.searchQuery.trim())
+        return a.layerList;
+      const c = a.searchQuery.toLowerCase();
+      return a.layerList.filter((u) => u.config.title.toLowerCase().includes(c));
     });
-    function l(u) {
-      let f = u.split("?")[0] || u;
-      return f = f.replace(/\/query$/, ""), f = f.replace(/\/$/, ""), f.toLowerCase();
+    function n(c) {
+      let u = c.split("?")[0] || c;
+      return u = u.replace(/\/query$/, ""), u = u.replace(/\/$/, ""), u.toLowerCase();
     }
-    function c(u) {
-      const f = l(u);
-      return t.layerMetadata[f] || null;
+    function y(c) {
+      const u = n(c);
+      return a.layerMetadata[u] || null;
     }
-    const w = I(() => t.layerList.some((u) => c(u.config.url)));
-    function y(u) {
-      return t.visibleLayers.has(u);
+    const $ = z(() => a.layerList.some((c) => y(c.config.url)));
+    function m(c) {
+      return a.visibleLayers.has(c);
     }
-    function P(u) {
-      return t.layerOpacities[u] ?? 1;
+    function M(c) {
+      return a.layerOpacities[c] ?? 1;
     }
-    function b(u) {
-      return t.loadingLayers.has(u);
+    function L(c) {
+      return a.loadingLayers.has(c);
     }
-    function C(u) {
-      return t.layerErrors[u] || null;
+    function S(c) {
+      return a.layerErrors[c] || null;
     }
-    function s(u) {
-      const f = t.currentZoom, L = u.minZoom, z = u.maxZoom;
-      return !(L !== void 0 && f < L || z !== void 0 && f > z);
+    function s(c) {
+      const u = a.currentZoom, b = c.minZoom, I = c.maxZoom;
+      return !(b !== void 0 && u < b || I !== void 0 && u > I);
     }
-    const k = I({
-      get: () => t.searchQuery,
-      set: (u) => n("updateSearch", u)
+    const C = z({
+      get: () => a.searchQuery,
+      set: (c) => o("updateSearch", c)
     });
-    function g(u) {
-      n("toggleLayer", u);
-    }
-    function h(u, f) {
-      const L = f.target, z = parseFloat(L.value);
-      n("setOpacity", u, z);
-    }
-    return (u, f) => (p(), v("div", Po, [
-      e.showSearch ? (p(), v("div", _o, [
-        X(O(Lo), {
-          modelValue: k.value,
-          "onUpdate:modelValue": f[0] || (f[0] = (L) => k.value = L),
-          placeholder: e.searchPlaceholder,
+    function p(c) {
+      o("toggleLayer", c);
+    }
+    function g(c, u) {
+      const b = u.target, I = parseFloat(b.value);
+      o("setOpacity", c, I);
+    }
+    return (c, u) => (f(), h("div", yo, [
+      t.showSearch ? (f(), h("div", go, [
+        Q(O(ro), {
+          modelValue: C.value,
+          "onUpdate:modelValue": u[0] || (u[0] = (b) => C.value = b),
+          placeholder: t.searchPlaceholder,
           "class-name": "layer-search-field"
         }, {
           "trailing-action": Ue(() => [
-            X(O(me), {
-              "icon-definition": O(So),
+            Q(O(be), {
+              "icon-definition": O(so),
               size: "small",
               inline: "",
               decorative: ""
@@ -1132,143 +1012,143 @@ const Po = { class: "layer-panel" }, _o = {
           ]),
           _: 1
         }, 8, ["modelValue", "placeholder"])
-      ])) : T("", !0),
-      e.mode === "topics" ? (p(), v("div", Eo, [
-        ce(u.$slots, "topics", {}, () => [
-          f[2] || (f[2] = _("div", { class: "no-topics" }, ' No topic components provided. Use the "topics" slot to add TopicAccordion components. ', -1))
+      ])) : E("", !0),
+      t.mode === "topics" ? (f(), h("div", ho, [
+        fe(c.$slots, "topics", {}, () => [
+          u[2] || (u[2] = P("div", { class: "no-topics" }, ' No topic components provided. Use the "topics" slot to add TopicAccordion components. ', -1))
         ], !0)
-      ])) : (p(), v("div", {
+      ])) : (f(), h("div", {
         key: 2,
-        class: ae(["layer-list", { "has-metadata": w.value }])
+        class: ne(["layer-list", { "has-metadata": $.value }])
       }, [
-        (p(!0), v(ie, null, re(a.value, (L) => (p(), v("div", {
-          key: L.config.id,
+        (f(!0), h(ie, null, se(l.value, (b) => (f(), h("div", {
+          key: b.config.id,
           class: "layer-item"
         }, [
-          _("div", Mo, [
-            c(L.config.url) ? (p(), v("a", {
+          P("div", mo, [
+            y(b.config.url) ? (f(), h("a", {
               key: 0,
-              href: c(L.config.url) || "",
+              href: y(b.config.url) || "",
               target: "_blank",
               rel: "noopener noreferrer",
               class: "metadata-link",
-              "aria-label": "View metadata for " + L.config.title,
-              onClick: f[1] || (f[1] = At(() => {
+              "aria-label": "View metadata for " + b.config.title,
+              onClick: u[1] || (u[1] = Rt(() => {
               }, ["stop"]))
             }, [
-              X(O(me), {
-                "icon-definition": O(xo),
+              Q(O(be), {
+                "icon-definition": O(po),
                 size: "small",
                 inline: "",
                 decorative: ""
               }, null, 8, ["icon-definition"])
-            ], 8, Fo)) : w.value ? (p(), v("span", To)) : T("", !0),
-            _("label", {
-              class: ae(["layer-checkbox", {
-                "layer-unavailable": !s(L.config),
-                "layer-error": C(L.config.id)
+            ], 8, vo)) : $.value ? (f(), h("span", bo)) : E("", !0),
+            P("label", {
+              class: ne(["layer-checkbox", {
+                "layer-unavailable": !s(b.config),
+                "layer-error": S(b.config.id)
               }])
             }, [
-              _("input", {
+              P("input", {
                 type: "checkbox",
-                checked: y(L.config.id),
-                disabled: !s(L.config),
-                onChange: (z) => g(L.config.id)
-              }, null, 40, Oo),
-              _("span", zo, [
-                be(U(L.config.title) + " ", 1),
-                b(L.config.id) ? (p(), v("span", Io, " Loading... ")) : T("", !0),
-                C(L.config.id) ? (p(), v("span", {
+                checked: m(b.config.id),
+                disabled: !s(b.config),
+                onChange: (I) => p(b.config.id)
+              }, null, 40, wo),
+              P("span", Lo, [
+                Le(N(b.config.title) + " ", 1),
+                L(b.config.id) ? (f(), h("span", So, " Loading... ")) : E("", !0),
+                S(b.config.id) ? (f(), h("span", {
                   key: 1,
                   class: "error-indicator",
-                  "aria-label": C(L.config.id) || "Error",
+                  "aria-label": S(b.config.id) || "Error",
                   role: "status"
-                }, " Error ", 8, Ro)) : T("", !0),
-                s(L.config) ? T("", !0) : (p(), v("span", Do, " (zoom in) "))
+                }, " Error ", 8, Co)) : E("", !0),
+                s(b.config) ? E("", !0) : (f(), h("span", ko, " (zoom in) "))
               ])
             ], 2)
           ]),
-          e.showOpacity && y(L.config.id) ? (p(), v("div", Bo, [
-            _("label", {
+          t.showOpacity && m(b.config.id) ? (f(), h("div", xo, [
+            P("label", {
               class: "opacity-label",
-              for: "opacity-" + L.config.id
-            }, " Opacity: " + U(Math.round(P(L.config.id) * 100)) + "% ", 9, Zo),
-            _("input", {
-              id: "opacity-" + L.config.id,
+              for: "opacity-" + b.config.id
+            }, " Opacity: " + N(Math.round(M(b.config.id) * 100)) + "% ", 9, $o),
+            P("input", {
+              id: "opacity-" + b.config.id,
               type: "range",
               min: "0",
               max: "1",
               step: "0.05",
-              value: P(L.config.id),
-              "aria-label": "Opacity for " + L.config.title,
+              value: M(b.config.id),
+              "aria-label": "Opacity for " + b.config.title,
               class: "opacity-slider",
-              onInput: (z) => h(L.config.id, z)
-            }, null, 40, Ao)
-          ])) : T("", !0),
-          e.showLegend && y(L.config.id) && L.config.legend?.length ? (p(), v("ul", {
+              onInput: (I) => g(b.config.id, I)
+            }, null, 40, _o)
+          ])) : E("", !0),
+          t.showLegend && m(b.config.id) && b.config.legend?.length ? (f(), h("ul", {
             key: 1,
             class: "layer-legend",
-            "aria-label": "Legend for " + L.config.title
+            "aria-label": "Legend for " + b.config.title
           }, [
-            (p(!0), v(ie, null, re(L.config.legend, (z, F) => (p(), v("li", {
+            (f(!0), h(ie, null, se(b.config.legend, (I, F) => (f(), h("li", {
               key: F,
               class: "legend-item"
             }, [
-              z.type === "circle" ? (p(), v("span", {
+              I.type === "circle" ? (f(), h("span", {
                 key: 0,
                 class: "legend-symbol legend-circle",
-                style: K({ backgroundColor: z.color }),
+                style: J({ backgroundColor: I.color }),
                 "aria-hidden": "true"
-              }, null, 4)) : z.type === "line" ? (p(), v("span", {
+              }, null, 4)) : I.type === "line" ? (f(), h("span", {
                 key: 1,
                 class: "legend-symbol legend-line",
-                style: K({
-                  backgroundColor: z.color,
-                  height: `${z.width || 2}px`
+                style: J({
+                  backgroundColor: I.color,
+                  height: `${I.width || 2}px`
                 }),
                 "aria-hidden": "true"
-              }, null, 4)) : z.type === "fill" ? (p(), v("span", {
+              }, null, 4)) : I.type === "fill" ? (f(), h("span", {
                 key: 2,
                 class: "legend-symbol legend-fill",
-                style: K({ backgroundColor: z.color }),
+                style: J({ backgroundColor: I.color }),
                 "aria-hidden": "true"
-              }, null, 4)) : T("", !0),
-              _("span", No, U(z.label), 1)
+              }, null, 4)) : E("", !0),
+              P("span", Mo, N(I.label), 1)
             ]))), 128))
-          ], 8, Vo)) : T("", !0)
+          ], 8, Po)) : E("", !0)
         ]))), 128)),
-        a.value.length === 0 ? (p(), v("div", Uo, 'No layers match "' + U(e.searchQuery) + '"', 1)) : T("", !0)
+        l.value.length === 0 ? (f(), h("div", To, 'No layers match "' + N(t.searchQuery) + '"', 1)) : E("", !0)
       ], 2))
     ]));
   }
-}), jo = /* @__PURE__ */ Re(Wo, [["__scopeId", "data-v-0a3d0d7e"]]);
-function B(e) {
-  if (!e || !Array.isArray(e) || e.length < 3) return "#888888";
-  const i = e[0], t = e[1], n = e[2], l = (e[3] ?? 255) / 255;
-  return l === 1 ? `#${i.toString(16).padStart(2, "0")}${t.toString(16).padStart(2, "0")}${n.toString(16).padStart(2, "0")}` : `rgba(${i}, ${t}, ${n}, ${l.toFixed(2)})`;
+}), Eo = /* @__PURE__ */ De(Fo, [["__scopeId", "data-v-0a3d0d7e"]]);
+function D(t) {
+  if (!t || !Array.isArray(t) || t.length < 3) return "#888888";
+  const i = t[0], a = t[1], o = t[2], n = (t[3] ?? 255) / 255;
+  return n === 1 ? `#${i.toString(16).padStart(2, "0")}${a.toString(16).padStart(2, "0")}${o.toString(16).padStart(2, "0")}` : `rgba(${i}, ${a}, ${o}, ${n.toFixed(2)})`;
 }
-function ve(e) {
-  return e !== void 0 ? e : 1;
+function we(t) {
+  return t !== void 0 ? t : 1;
 }
-const qo = 559082264;
-function _t(e) {
-  return !e || e <= 0 ? null : Math.round(Math.log2(qo / e) * 100) / 100;
+const Oo = 559082264;
+function xt(t) {
+  return !t || t <= 0 ? null : Math.round(Math.log2(Oo / t) * 100) / 100;
 }
-function Go(e, i) {
-  const t = {};
-  if (e && e > 0) {
-    const n = _t(e);
-    n !== null && (t.minZoom = n);
+function zo(t, i) {
+  const a = {};
+  if (t && t > 0) {
+    const o = xt(t);
+    o !== null && (a.minZoom = o);
   }
   if (i && i > 0) {
-    const n = _t(i);
-    n !== null && (t.maxZoom = n);
+    const o = xt(i);
+    o !== null && (a.maxZoom = o);
   }
-  return t;
+  return a;
 }
-function et(e) {
-  if (!e) return "fill";
-  switch (e.type) {
+function et(t) {
+  if (!t) return "fill";
+  switch (t.type) {
     case "esriSFS":
       return "fill";
     case "esriSLS":
@@ -1283,539 +1163,539 @@ function et(e) {
       return "fill";
   }
 }
-function Se(e) {
-  return !(!e || e.style === "esriSLSNull" || e.color === null || e.width === 0 || e.color && e.color[3] === 0);
+function xe(t) {
+  return !(!t || t.style === "esriSLSNull" || t.color === null || t.width === 0 || t.color && t.color[3] === 0);
 }
-function dt(e) {
-  return String(e);
+function ut(t) {
+  return String(t);
 }
-function Ot(e, i, t) {
-  const n = e.symbol, a = et(n);
-  let l = {}, c = [], w = null;
-  if (a === "fill" && n) {
-    const y = n.color === null ? 0 : n.color?.[3] ?? 255, P = y === 0 ? "rgba(0, 0, 0, 0)" : B(n.color), b = y === 0 ? 0 : y < 255 ? 1 : ve(i);
-    if (l = {
-      "fill-color": P,
-      "fill-opacity": b
-    }, Se(n.outline)) {
-      const C = n.outline.width || 1;
-      w = {
-        "line-color": B(n.outline.color),
-        "line-width": C
+function Tt(t, i, a) {
+  const o = t.symbol, l = et(o);
+  let n = {}, y = [], $ = null;
+  if (l === "fill" && o) {
+    const m = o.color === null ? 0 : o.color?.[3] ?? 255, M = m === 0 ? "rgba(0, 0, 0, 0)" : D(o.color), L = m === 0 ? 0 : m < 255 ? 1 : we(i);
+    if (n = {
+      "fill-color": M,
+      "fill-opacity": L
+    }, xe(o.outline)) {
+      const S = o.outline.width || 1;
+      $ = {
+        "line-color": D(o.outline.color),
+        "line-width": S
       };
     }
-    c = [
+    y = [
       {
         type: "fill",
-        color: B(n.color),
-        label: e.label || "Feature"
+        color: D(o.color),
+        label: t.label || "Feature"
       }
     ];
-  } else if (a === "line" && n)
-    l = {
-      "line-color": B(n.color),
-      "line-width": n.width || 1,
-      "line-opacity": ve(i)
-    }, c = [
+  } else if (l === "line" && o)
+    n = {
+      "line-color": D(o.color),
+      "line-width": o.width || 1,
+      "line-opacity": we(i)
+    }, y = [
       {
         type: "line",
-        color: B(n.color),
-        width: n.width || 1,
-        label: e.label || "Feature"
+        color: D(o.color),
+        width: o.width || 1,
+        label: t.label || "Feature"
       }
     ];
-  else if (a === "circle" && n) {
-    const y = Math.round((n.size || 6) * 0.71 * 100) / 100;
-    l = {
-      "circle-color": B(n.color),
-      "circle-radius": y,
-      "circle-opacity": ve(i)
-    }, Se(n.outline) && (l["circle-stroke-color"] = B(n.outline.color), l["circle-stroke-width"] = n.outline.width || 1), c = [
+  else if (l === "circle" && o) {
+    const m = Math.round((o.size || 6) * 0.71 * 100) / 100;
+    n = {
+      "circle-color": D(o.color),
+      "circle-radius": m,
+      "circle-opacity": we(i)
+    }, xe(o.outline) && (n["circle-stroke-color"] = D(o.outline.color), n["circle-stroke-width"] = o.outline.width || 1), y = [
       {
         type: "circle",
-        color: B(n.color),
-        label: e.label || "Feature"
+        color: D(o.color),
+        label: t.label || "Feature"
       }
     ];
   }
-  return { paint: l, legend: c, geomType: a, outlinePaint: w };
+  return { paint: n, legend: y, geomType: l, outlinePaint: $ };
 }
-function Ho(e, i, t) {
-  const n = e.field1.toLowerCase(), a = e.uniqueValueInfos || [], l = e.defaultSymbol;
-  if (a.length === 0)
-    return Ot({ ...e, symbol: l }, i);
-  const c = a[0]?.symbol || l, w = et(c);
-  let y = {};
-  const P = [];
-  let b = null;
-  if (w === "fill") {
-    const C = ["match", ["to-string", ["get", n]]];
-    for (const s of a) {
-      C.push(dt(s.value)), C.push(B(s.symbol?.color));
-      const k = String(s.value), h = t?.get(k) || s.label || k;
-      P.push({
+function Io(t, i, a) {
+  const o = t.field1.toLowerCase(), l = t.uniqueValueInfos || [], n = t.defaultSymbol;
+  if (l.length === 0)
+    return Tt({ ...t, symbol: n }, i);
+  const y = l[0]?.symbol || n, $ = et(y);
+  let m = {};
+  const M = [];
+  let L = null;
+  if ($ === "fill") {
+    const S = ["match", ["to-string", ["get", o]]];
+    for (const s of l) {
+      S.push(ut(s.value)), S.push(D(s.symbol?.color));
+      const C = String(s.value), g = a?.get(C) || s.label || C;
+      M.push({
         type: "fill",
-        color: B(s.symbol?.color),
-        label: h
+        color: D(s.symbol?.color),
+        label: g
       });
     }
-    if (C.push(l ? B(l.color) : "rgba(0, 0, 0, 0)"), y = {
-      "fill-color": C,
-      "fill-opacity": ve(i)
-    }, Se(c?.outline)) {
-      const s = Math.max(c.outline.width || 1, 1);
-      b = {
-        "line-color": B(c.outline.color),
+    if (S.push(n ? D(n.color) : "rgba(0, 0, 0, 0)"), m = {
+      "fill-color": S,
+      "fill-opacity": we(i)
+    }, xe(y?.outline)) {
+      const s = Math.max(y.outline.width || 1, 1);
+      L = {
+        "line-color": D(y.outline.color),
         "line-width": s
       };
     }
-  } else if (w === "line") {
-    const C = ["match", ["to-string", ["get", n]]];
-    for (const s of a) {
-      C.push(dt(s.value)), C.push(B(s.symbol?.color));
-      const k = String(s.value), h = t?.get(k) || s.label || k;
-      P.push({
+  } else if ($ === "line") {
+    const S = ["match", ["to-string", ["get", o]]];
+    for (const s of l) {
+      S.push(ut(s.value)), S.push(D(s.symbol?.color));
+      const C = String(s.value), g = a?.get(C) || s.label || C;
+      M.push({
         type: "line",
-        color: B(s.symbol?.color),
+        color: D(s.symbol?.color),
         width: s.symbol?.width || 1,
-        label: h
+        label: g
       });
     }
-    C.push(l ? B(l.color) : "rgba(0, 0, 0, 0)"), y = {
-      "line-color": C,
-      "line-width": c?.width || 2,
-      "line-opacity": ve(i)
+    S.push(n ? D(n.color) : "rgba(0, 0, 0, 0)"), m = {
+      "line-color": S,
+      "line-width": y?.width || 2,
+      "line-opacity": we(i)
     };
-  } else if (w === "circle") {
-    const C = ["match", ["to-string", ["get", n]]];
-    for (const k of a) {
-      C.push(dt(k.value)), C.push(B(k.symbol?.color));
-      const g = String(k.value), u = t?.get(g) || k.label || g;
-      P.push({
+  } else if ($ === "circle") {
+    const S = ["match", ["to-string", ["get", o]]];
+    for (const C of l) {
+      S.push(ut(C.value)), S.push(D(C.symbol?.color));
+      const p = String(C.value), c = a?.get(p) || C.label || p;
+      M.push({
         type: "circle",
-        color: B(k.symbol?.color),
-        label: u
+        color: D(C.symbol?.color),
+        label: c
       });
     }
-    C.push(l ? B(l.color) : "rgba(0, 0, 0, 0)");
-    const s = Math.round((c?.size || 6) * 0.71 * 100) / 100;
-    y = {
-      "circle-color": C,
+    S.push(n ? D(n.color) : "rgba(0, 0, 0, 0)");
+    const s = Math.round((y?.size || 6) * 0.71 * 100) / 100;
+    m = {
+      "circle-color": S,
       "circle-radius": s,
-      "circle-opacity": ve(i)
-    }, Se(c?.outline) && (y["circle-stroke-color"] = B(c.outline.color), y["circle-stroke-width"] = c.outline.width || 1);
+      "circle-opacity": we(i)
+    }, xe(y?.outline) && (m["circle-stroke-color"] = D(y.outline.color), m["circle-stroke-width"] = y.outline.width || 1);
   }
-  return { paint: y, legend: P, geomType: w, outlinePaint: b };
+  return { paint: m, legend: M, geomType: $, outlinePaint: L };
 }
-function Jo(e, i) {
-  const t = e.field.toLowerCase(), n = e.classBreakInfos || [], a = e.visualVariables?.find((b) => b.type === "colorInfo");
-  if (a?.stops && a.stops.length > 0)
-    return Ko(a, t, e, i);
-  if (n.length === 0)
+function Ro(t, i) {
+  const a = t.field.toLowerCase(), o = t.classBreakInfos || [], l = t.visualVariables?.find((L) => L.type === "colorInfo");
+  if (l?.stops && l.stops.length > 0)
+    return Do(l, a, t, i);
+  if (o.length === 0)
     return { paint: {}, legend: [], geomType: "fill", outlinePaint: null };
-  const l = n[0]?.symbol, c = et(l);
-  let w = {};
-  const y = [];
-  let P = null;
-  if (c === "fill") {
-    const b = ["step", ["get", t]];
-    b.push(B(n[0]?.symbol?.color));
-    for (let C = 0; C < n.length; C++) {
-      const s = n[C];
-      C > 0 && (b.push(n[C - 1].classMaxValue), b.push(B(s.symbol?.color))), y.push({
+  const n = o[0]?.symbol, y = et(n);
+  let $ = {};
+  const m = [];
+  let M = null;
+  if (y === "fill") {
+    const L = ["step", ["get", a]];
+    L.push(D(o[0]?.symbol?.color));
+    for (let S = 0; S < o.length; S++) {
+      const s = o[S];
+      S > 0 && (L.push(o[S - 1].classMaxValue), L.push(D(s.symbol?.color))), m.push({
         type: "fill",
-        color: B(s.symbol?.color),
+        color: D(s.symbol?.color),
         label: s.label || `${s.classMaxValue}`
       });
     }
-    if (w = {
-      "fill-color": b,
-      "fill-opacity": ve(i)
-    }, Se(l?.outline)) {
-      const C = l.outline.width || 1;
-      P = {
-        "line-color": B(l.outline.color),
-        "line-width": C
+    if ($ = {
+      "fill-color": L,
+      "fill-opacity": we(i)
+    }, xe(n?.outline)) {
+      const S = n.outline.width || 1;
+      M = {
+        "line-color": D(n.outline.color),
+        "line-width": S
       };
     }
-  } else if (c === "line") {
-    const b = ["step", ["get", t]];
-    b.push(B(n[0]?.symbol?.color));
-    let C = e.minValue ?? 0;
-    for (let k = 0; k < n.length; k++) {
-      const g = n[k];
-      k > 0 && (b.push(n[k - 1].classMaxValue), b.push(B(g.symbol?.color))), y.push({
+  } else if (y === "line") {
+    const L = ["step", ["get", a]];
+    L.push(D(o[0]?.symbol?.color));
+    let S = t.minValue ?? 0;
+    for (let C = 0; C < o.length; C++) {
+      const p = o[C];
+      C > 0 && (L.push(o[C - 1].classMaxValue), L.push(D(p.symbol?.color))), m.push({
         type: "line",
-        color: B(g.symbol?.color),
-        width: g.symbol?.width || l?.width || 2,
-        label: g.label || `${C} - ${g.classMaxValue}`
-      }), C = g.classMaxValue + 1;
-    }
-    const s = l?.width || 2;
-    w = {
-      "line-color": b,
+        color: D(p.symbol?.color),
+        width: p.symbol?.width || n?.width || 2,
+        label: p.label || `${S} - ${p.classMaxValue}`
+      }), S = p.classMaxValue + 1;
+    }
+    const s = n?.width || 2;
+    $ = {
+      "line-color": L,
       "line-width": s,
-      "line-opacity": ve(i)
+      "line-opacity": we(i)
     };
   }
-  return { paint: w, legend: y, geomType: c, outlinePaint: P };
+  return { paint: $, legend: m, geomType: y, outlinePaint: M };
 }
-function Ko(e, i, t, n) {
-  const a = e.stops || [];
-  if (a.length === 0)
+function Do(t, i, a, o) {
+  const l = t.stops || [];
+  if (l.length === 0)
     return { paint: {}, legend: [], geomType: "fill", outlinePaint: null };
-  const l = t.classBreakInfos?.[0]?.symbol || t.defaultSymbol, c = et(l);
-  let w = {};
-  const y = [];
-  let P = null;
-  if (c === "fill") {
-    const b = ["interpolate", ["linear"], ["get", i]];
-    for (const s of a)
-      b.push(s.value), b.push(B(s.color)), y.push({
+  const n = a.classBreakInfos?.[0]?.symbol || a.defaultSymbol, y = et(n);
+  let $ = {};
+  const m = [];
+  let M = null;
+  if (y === "fill") {
+    const L = ["interpolate", ["linear"], ["get", i]];
+    for (const s of l)
+      L.push(s.value), L.push(D(s.color)), m.push({
         type: "fill",
-        color: B(s.color),
+        color: D(s.color),
         label: s.label || `${s.value}`
       });
-    if (w = {
+    if ($ = {
       "fill-color": [
         "case",
         ["==", ["get", i], null],
         "rgba(0, 0, 0, 0)",
         // Transparent for null/no-data values
-        b
+        L
         // Otherwise use the interpolated color
       ],
-      "fill-opacity": ve(n)
-    }, Se(l?.outline)) {
-      const s = l.outline.width || 1;
-      P = {
-        "line-color": B(l.outline.color),
+      "fill-opacity": we(o)
+    }, xe(n?.outline)) {
+      const s = n.outline.width || 1;
+      M = {
+        "line-color": D(n.outline.color),
         "line-width": s
       };
     }
   }
-  return { paint: w, legend: y, geomType: c, outlinePaint: P };
+  return { paint: $, legend: m, geomType: y, outlinePaint: M };
 }
-function Qo(e, i, t, n) {
-  if (!e?.renderer)
+function Zo(t, i, a, o) {
+  if (!t?.renderer)
     return { paint: {}, legend: [], geomType: "fill", outlinePaint: null };
-  const a = e.renderer;
-  switch (a.type) {
+  const l = t.renderer;
+  switch (l.type) {
     case "simple":
-      return Ot(a, i);
+      return Tt(l, i);
     case "uniqueValue":
-      return Ho(a, i, t);
+      return Io(l, i, a);
     case "classBreaks":
-      return Jo(a, i);
+      return Ro(l, i);
     default:
       return { paint: {}, legend: [], geomType: "fill", outlinePaint: null };
   }
 }
-function Xo(e) {
-  if (!e) return null;
-  const i = (e.title || "").replace(/\{([^}]+)\}/g, (l, c) => `{${c.toLowerCase()}}`), n = (e.fieldInfos || []).filter((l) => l.visible === !0).map((l) => {
-    const c = {
-      field: l.fieldName.toLowerCase(),
-      label: l.label || l.fieldName
+function Bo(t) {
+  if (!t) return null;
+  const i = (t.title || "").replace(/\{([^}]+)\}/g, (n, y) => `{${y.toLowerCase()}}`), o = (t.fieldInfos || []).filter((n) => n.visible === !0).map((n) => {
+    const y = {
+      field: n.fieldName.toLowerCase(),
+      label: n.label || n.fieldName
     };
-    return l.format && (c.format = {}, l.format.dateFormat && (c.format.dateFormat = l.format.dateFormat), l.format.digitSeparator !== void 0 && (c.format.digitSeparator = l.format.digitSeparator), l.format.places !== void 0 && (c.format.places = l.format.places), Object.keys(c.format).length === 0 && delete c.format), c;
-  }), a = {
+    return n.format && (y.format = {}, n.format.dateFormat && (y.format.dateFormat = n.format.dateFormat), n.format.digitSeparator !== void 0 && (y.format.digitSeparator = n.format.digitSeparator), n.format.places !== void 0 && (y.format.places = n.format.places), Object.keys(y.format).length === 0 && delete y.format), y;
+  }), l = {
     title: i,
-    fields: n
+    fields: o
   };
-  return e.showTime && (a.showTime = !0), a;
+  return t.showTime && (l.showTime = !0), l;
 }
-function Yo(e) {
-  return e?.definitionExpression;
+function Ao(t) {
+  return t?.definitionExpression;
 }
-function en(e) {
-  return (e.includes("_") ? e.split("_").slice(1).join(" ") : e).toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
+function No(t) {
+  return (t.includes("_") ? t.split("_").slice(1).join(" ") : t).toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
 }
-function tn(e) {
-  return e.includes("_") ? e.split("_").slice(1).join(" ") : e;
+function Vo(t) {
+  return t.includes("_") ? t.split("_").slice(1).join(" ") : t;
 }
-function on(e) {
+function Uo(t) {
   const i = /* @__PURE__ */ new Map();
-  if (!e)
+  if (!t)
     return i;
-  const t = e.split(`
-`), n = /^(\d{1,3})\s+(.+)$/;
-  for (const a of t) {
-    const l = a.trim().match(n);
-    if (l) {
-      const [, c, w] = l;
-      c && w && i.set(c, w.trim());
+  const a = t.split(`
+`), o = /^(\d{1,3})\s+(.+)$/;
+  for (const l of a) {
+    const n = l.trim().match(o);
+    if (n) {
+      const [, y, $] = n;
+      y && $ && i.set(y, $.trim());
     }
   }
   return i;
 }
-async function nn(e) {
+async function Wo(t) {
   try {
-    const i = await fetch(`${e}?f=json`);
+    const i = await fetch(`${t}?f=json`);
     if (!i.ok)
       return null;
-    const t = await i.json();
-    return t.drawingInfo ? {
-      drawingInfo: t.drawingInfo,
-      description: t.description
+    const a = await i.json();
+    return a.drawingInfo ? {
+      drawingInfo: a.drawingInfo,
+      description: a.description
     } : null;
   } catch {
     return null;
   }
 }
-async function zt(e) {
-  const i = e.operationalLayers || [], t = [], n = ["Zoning and Planning_Land Use"];
-  for (const a of i)
-    if (a.url && !a.title?.toLowerCase().includes("(under construction)"))
+async function Ft(t) {
+  const i = t.operationalLayers || [], a = [], o = ["Zoning and Planning_Land Use"];
+  for (const l of i)
+    if (l.url && !l.title?.toLowerCase().includes("(under construction)"))
       try {
-        let l = a.layerDefinition?.drawingInfo, c;
-        const w = !l || !l.renderer, y = n.includes(a.title), P = l?.renderer?.uniqueValueInfos?.[0]?.symbol?.outline || l?.renderer?.defaultSymbol?.outline;
-        if ((w || y) && a.url) {
-          const R = await nn(a.url);
+        let n = l.layerDefinition?.drawingInfo, y;
+        const $ = !n || !n.renderer, m = o.includes(l.title), M = n?.renderer?.uniqueValueInfos?.[0]?.symbol?.outline || n?.renderer?.defaultSymbol?.outline;
+        if (($ || m) && l.url) {
+          const R = await Wo(l.url);
           if (R) {
-            if (l = R.drawingInfo, P && Se(P) && l?.renderer) {
-              const A = l.renderer, de = A.uniqueValueInfos?.[0]?.symbol?.outline || A.defaultSymbol?.outline;
-              if (!Se(de)) {
-                for (const fe of A.uniqueValueInfos || [])
-                  fe.symbol && (fe.symbol.outline = P);
-                A.defaultSymbol && (A.defaultSymbol.outline = P);
+            if (n = R.drawingInfo, M && xe(M) && n?.renderer) {
+              const Z = n.renderer, pe = Z.uniqueValueInfos?.[0]?.symbol?.outline || Z.defaultSymbol?.outline;
+              if (!xe(pe)) {
+                for (const ye of Z.uniqueValueInfos || [])
+                  ye.symbol && (ye.symbol.outline = M);
+                Z.defaultSymbol && (Z.defaultSymbol.outline = M);
               }
             }
-            R.description && (c = on(R.description), c.size > 0);
+            R.description && (y = Uo(R.description), y.size > 0);
           }
         }
-        const { paint: b, legend: C, geomType: s, outlinePaint: k } = Qo(
-          l,
-          a.opacity,
-          c,
-          a.title
-        ), g = Xo(a.popupInfo), h = Yo(a.layerDefinition), u = Go(a.layerDefinition?.minScale, a.layerDefinition?.maxScale), f = en(a.title), L = tn(a.title), z = a.opacity ?? 1, F = {
-          id: f,
-          title: L,
+        const { paint: L, legend: S, geomType: s, outlinePaint: C } = Zo(
+          n,
+          l.opacity,
+          y,
+          l.title
+        ), p = Bo(l.popupInfo), g = Ao(l.layerDefinition), c = zo(l.layerDefinition?.minScale, l.layerDefinition?.maxScale), u = No(l.title), b = Vo(l.title), I = l.opacity ?? 1, F = {
+          id: u,
+          title: b,
           type: s,
-          url: a.url,
-          opacity: z,
-          paint: b,
-          legend: C,
-          popup: g
+          url: l.url,
+          opacity: I,
+          paint: L,
+          legend: S,
+          popup: p
         };
-        h && (F.where = h), u.minZoom !== void 0 && (F.minZoom = u.minZoom), u.maxZoom !== void 0 && (F.maxZoom = u.maxZoom), k && (F.outlinePaint = k), t.push(F);
+        g && (F.where = g), c.minZoom !== void 0 && (F.minZoom = c.minZoom), c.maxZoom !== void 0 && (F.maxZoom = c.maxZoom), C && (F.outlinePaint = C), a.push(F);
       } catch {
       }
-  return t.sort((a, l) => a.title.localeCompare(l.title)), t;
+  return a.sort((l, n) => l.title.localeCompare(n.title)), a;
 }
-const Et = {}, ht = "376af635c84643cd816a8c5d017a53aa", li = ht;
-function mt(e, i) {
-  let t = `https://www.arcgis.com/sharing/rest/content/items/${e}/data?f=json`;
-  return i && (t += `&token=${i}`), t;
+const $t = {}, yt = "376af635c84643cd816a8c5d017a53aa", qa = yt;
+function gt(t, i) {
+  let a = `https://www.arcgis.com/sharing/rest/content/items/${t}/data?f=json`;
+  return i && (a += `&token=${i}`), a;
 }
-function ri() {
-  return mt(ht);
+function Ga() {
+  return gt(yt);
 }
-const Xe = /* @__PURE__ */ new Map(), We = /* @__PURE__ */ new Map();
-function an(e) {
-  e ? (Xe.delete(e), We.delete(e)) : (Xe.clear(), We.clear());
+const Ye = /* @__PURE__ */ new Map(), We = /* @__PURE__ */ new Map();
+function jo(t) {
+  t ? (Ye.delete(t), We.delete(t)) : (Ye.clear(), We.clear());
 }
-let Ke, Mt = 0;
-async function ln() {
-  const e = typeof import.meta < "u" && Et?.VITE_AGO_USERNAME, i = typeof import.meta < "u" && Et?.VITE_AGO_PASSWORD;
-  if (!(!e || !i)) {
-    if (Ke && Date.now() < Mt - 3e5)
-      return Ke;
+let Qe, _t = 0;
+async function qo() {
+  const t = typeof import.meta < "u" && $t?.VITE_AGO_USERNAME, i = typeof import.meta < "u" && $t?.VITE_AGO_PASSWORD;
+  if (!(!t || !i)) {
+    if (Qe && Date.now() < _t - 3e5)
+      return Qe;
     try {
-      const n = await (await fetch("https://www.arcgis.com/sharing/rest/generateToken", {
+      const o = await (await fetch("https://www.arcgis.com/sharing/rest/generateToken", {
         method: "POST",
         headers: {
           "Content-Type": "application/x-www-form-urlencoded"
         },
         body: new URLSearchParams({
           f: "json",
-          username: e,
+          username: t,
           password: i,
           referer: window.location.origin || "https://localhost",
           expiration: "120"
           // 2 hours
         })
       })).json();
-      return n.error ? void 0 : (Ke = n.token, Mt = n.expires, Ke);
+      return o.error ? void 0 : (Qe = o.token, _t = o.expires, Qe);
     } catch {
       return;
     }
   }
 }
-async function rn(e, i) {
-  const t = mt(e, i), n = await fetch(t, { cache: "no-store" });
-  if (!n.ok)
-    throw new Error(`Failed to fetch WebMap: ${n.status} ${n.statusText}`);
-  const a = await n.json();
-  if (a.error)
-    throw new Error(`ArcGIS error: ${a.error.message || a.error.code || "Unknown error"}`);
-  return a;
+async function Go(t, i) {
+  const a = gt(t, i), o = await fetch(a, { cache: "no-store" });
+  if (!o.ok)
+    throw new Error(`Failed to fetch WebMap: ${o.status} ${o.statusText}`);
+  const l = await o.json();
+  if (l.error)
+    throw new Error(`ArcGIS error: ${l.error.message || l.error.code || "Unknown error"}`);
+  return l;
 }
-async function sn(e) {
+async function Ho(t) {
   try {
-    const i = await ln(), t = await rn(e, i);
-    return await zt(t);
+    const i = await qo(), a = await Go(t, i);
+    return await Ft(a);
   } catch (i) {
     throw new Error(
       `Failed to load dynamic layer configs: ${i instanceof Error ? i.message : "Unknown error"}`
     );
   }
 }
-async function gt(e = ht) {
-  const i = Xe.get(e);
+async function pt(t = yt) {
+  const i = Ye.get(t);
   if (i)
     return i;
-  const t = We.get(e);
-  if (t)
-    return t;
-  const n = (async () => {
+  const a = We.get(t);
+  if (a)
+    return a;
+  const o = (async () => {
     try {
-      const a = await sn(e);
-      return Xe.set(e, a), a;
+      const l = await Ho(t);
+      return Ye.set(t, l), l;
     } finally {
-      We.delete(e);
+      We.delete(t);
     }
   })();
-  return We.set(e, n), n;
+  return We.set(t, o), o;
 }
-function cn(e) {
-  const i = $({}), t = /* @__PURE__ */ new Map();
-  for (const s of e)
+function Jo(t) {
+  const i = k({}), a = /* @__PURE__ */ new Map();
+  for (const s of t)
     i.value[s.id] = {
       data: null,
       loading: !1,
       error: null,
       lastFetched: null
     };
-  async function n(s) {
-    const k = s.id;
+  async function o(s) {
+    const C = s.id;
     i.value = {
       ...i.value,
-      [k]: {
-        data: i.value[k]?.data ?? null,
-        lastFetched: i.value[k]?.lastFetched ?? null,
+      [C]: {
+        data: i.value[C]?.data ?? null,
+        lastFetched: i.value[C]?.lastFetched ?? null,
         loading: !0,
         error: null
       }
     };
     try {
-      let g;
+      let p;
       if (s.type === "http-get") {
-        const h = await fetch(s.url, {
+        const g = await fetch(s.url, {
           method: "GET",
           ...s.options
         });
-        if (!h.ok)
-          throw new Error(`HTTP ${h.status}: ${h.statusText}`);
-        g = await h.json();
+        if (!g.ok)
+          throw new Error(`HTTP ${g.status}: ${g.statusText}`);
+        p = await g.json();
       } else if (s.type === "http-post") {
-        const h = await fetch(s.url, {
+        const g = await fetch(s.url, {
           method: "POST",
           ...s.options
         });
-        if (!h.ok)
-          throw new Error(`HTTP ${h.status}: ${h.statusText}`);
-        g = await h.json();
+        if (!g.ok)
+          throw new Error(`HTTP ${g.status}: ${g.statusText}`);
+        p = await g.json();
       } else if (s.type === "esri") {
-        const u = `${s.url.replace(/\/$/, "")}/query?where=1%3D1&outFields=*&returnGeometry=false&f=json`, f = await fetch(u, s.options);
-        if (!f.ok)
-          throw new Error(`HTTP ${f.status}: ${f.statusText}`);
-        g = (await f.json()).features?.map((z) => z.attributes) || [];
+        const c = `${s.url.replace(/\/$/, "")}/query?where=1%3D1&outFields=*&returnGeometry=false&f=json`, u = await fetch(c, s.options);
+        if (!u.ok)
+          throw new Error(`HTTP ${u.status}: ${u.statusText}`);
+        p = (await u.json()).features?.map((I) => I.attributes) || [];
       } else
         throw new Error(`Unknown data source type: ${s.type}`);
-      s.transform && (g = s.transform(g)), i.value = {
+      s.transform && (p = s.transform(p)), i.value = {
         ...i.value,
-        [k]: {
-          data: g,
+        [C]: {
+          data: p,
           loading: !1,
           error: null,
           lastFetched: Date.now()
         }
       };
-    } catch (g) {
-      const h = g instanceof Error ? g.message : "Unknown error";
+    } catch (p) {
+      const g = p instanceof Error ? p.message : "Unknown error";
       i.value = {
         ...i.value,
-        [k]: {
-          data: i.value[k]?.data ?? null,
-          lastFetched: i.value[k]?.lastFetched ?? null,
+        [C]: {
+          data: i.value[C]?.data ?? null,
+          lastFetched: i.value[C]?.lastFetched ?? null,
           loading: !1,
-          error: h
+          error: g
         }
       };
     }
   }
-  async function a() {
-    await Promise.all(e.map((s) => n(s)));
+  async function l() {
+    await Promise.all(t.map((s) => o(s)));
   }
-  async function l(s) {
-    const k = e.find((g) => g.id === s);
-    k && await n(k);
+  async function n(s) {
+    const C = t.find((p) => p.id === s);
+    C && await o(C);
   }
-  function c(s) {
+  function y(s) {
     return i.value[s]?.data ?? null;
   }
-  const w = I(() => Object.values(i.value).some((s) => s.loading));
-  function y(s) {
+  const $ = z(() => Object.values(i.value).some((s) => s.loading));
+  function m(s) {
     return i.value[s]?.loading ?? !1;
   }
-  function P(s) {
+  function M(s) {
     return i.value[s]?.error ?? null;
   }
-  function b() {
-    for (const s of e)
+  function L() {
+    for (const s of t)
       if (s.pollInterval && s.pollInterval > 0) {
-        const k = window.setInterval(() => {
-          n(s);
+        const C = window.setInterval(() => {
+          o(s);
         }, s.pollInterval);
-        t.set(s.id, k);
+        a.set(s.id, C);
       }
   }
-  function C() {
-    for (const [, s] of t)
+  function S() {
+    for (const [, s] of a)
       window.clearInterval(s);
-    t.clear();
+    a.clear();
   }
-  return Qe(() => {
-    a(), b();
-  }), Ft(() => {
-    C();
+  return Xe(() => {
+    l(), L();
+  }), Pt(() => {
+    S();
   }), {
     /** Reactive state for all data sources */
-    state: G(i),
+    state: j(i),
     /** Whether any data source is currently loading */
-    isLoading: w,
+    isLoading: $,
     /** Fetch all data sources */
-    fetchAll: a,
+    fetchAll: l,
     /** Refetch a specific data source by id */
-    refetch: l,
+    refetch: n,
     /** Get data for a specific source */
-    getData: c,
+    getData: y,
     /** Check if a specific source is loading */
-    isSourceLoading: y,
+    isSourceLoading: m,
     /** Get error for a specific source */
-    getError: P,
+    getError: M,
     /** Stop all polling (useful for cleanup) */
-    stopPolling: C
+    stopPolling: S
   };
 }
-const un = { class: "layerboard-layout" }, dn = ["aria-expanded"], fn = {
+const Ko = { class: "layerboard-layout" }, Qo = ["aria-expanded"], Xo = {
   key: 0,
   class: "layerboard-subtitle"
-}, pn = { class: "layerboard-mobile-menu-content" }, yn = { class: "layerboard-main" }, gn = {
+}, Yo = { class: "layerboard-mobile-menu-content" }, ea = { class: "layerboard-main" }, ta = {
   key: 0,
   class: "layerboard-loading",
   role: "status",
   "aria-live": "polite"
-}, hn = {
+}, oa = {
   key: 1,
   class: "layerboard-error",
   role: "alert"
-}, mn = ["aria-expanded", "aria-label"], vn = { key: 0 }, bn = { key: 1 }, wn = {
+}, aa = ["aria-expanded", "aria-label"], ia = { key: 0 }, na = { key: 1 }, la = {
   class: "sr-only",
   "aria-live": "polite"
-}, Ln = /* @__PURE__ */ Ce({
+}, ra = /* @__PURE__ */ $e({
   __name: "Layerboard",
   props: {
     title: {},
@@ -1844,498 +1724,498 @@ const un = { class: "layerboard-layout" }, dn = ["aria-expanded"], fn = {
     initialCenter: {}
   },
   emits: ["configs-loaded", "load-error", "zoom"],
-  setup(e, { expose: i, emit: t }) {
-    const n = e, a = t, l = $([]), c = $(!0), w = $(null), y = $(12), P = $(""), b = $(/* @__PURE__ */ new Set()), C = $({}), s = $(/* @__PURE__ */ new Set()), k = $({}), g = $({}), h = $(/* @__PURE__ */ new Set()), u = $({});
-    function f() {
-      const m = {};
-      for (const x of n.tiledLayers)
-        m[x.id] = x.opacity ?? 1;
-      u.value = m;
-    }
-    function L(m) {
-      h.value.has(m) ? h.value.delete(m) : h.value.add(m), h.value = new Set(h.value);
-    }
-    function z(m, x) {
-      x ? h.value.add(m) : h.value.delete(m), h.value = new Set(h.value);
-    }
-    function F(m, x) {
-      u.value = { ...u.value, [m]: x };
-    }
-    const R = n.dataSources.length > 0 ? cn(n.dataSources) : null, A = I(() => R?.state.value ?? {}), de = I(() => R?.isLoading.value ?? !1);
-    function fe(m) {
-      return R?.getData(m) ?? null;
-    }
-    function Pe(m) {
-      return R?.refetch(m) ?? Promise.resolve();
-    }
-    W("layerboard-layers", G(l)), W("layerboard-visible", b), W("layerboard-opacities", C), W("layerboard-loading", G(s)), W("layerboard-errors", G(k)), W("layerboard-zoom", G(y)), W("layerboard-toggle-layer", _e), W("layerboard-set-layer-visible", we), W("layerboard-set-layers-visible", Ee), W("layerboard-set-opacity", Le), W("layerboard-tiled-layers", G(I(() => n.tiledLayers))), W("layerboard-visible-tiled", h), W("layerboard-tiled-opacities", u), W("layerboard-toggle-tiled", L), W("layerboard-set-tiled-opacity", F), W("layerboard-set-tiled-visible", z), W("layerboard-data-sources-state", A), W("layerboard-data-sources-loading", de), W("layerboard-get-data-source", fe), W("layerboard-refetch-data-source", Pe);
-    const tt = I(() => ({
-      backgroundColor: n.themeColor
-    })), ot = I(() => ({
-      backgroundColor: n.themeColor
-    })), De = I(() => ({
-      backgroundColor: n.themeColor
-    })), je = I(() => ({
-      width: se.value ? "0" : n.sidebarWidth
+  setup(t, { expose: i, emit: a }) {
+    const o = t, l = a, n = k([]), y = k(!0), $ = k(null), m = k(12), M = k(""), L = k(/* @__PURE__ */ new Set()), S = k({}), s = k(/* @__PURE__ */ new Set()), C = k({}), p = k({}), g = k(/* @__PURE__ */ new Set()), c = k({});
+    function u() {
+      const v = {};
+      for (const x of o.tiledLayers)
+        v[x.id] = x.opacity ?? 1;
+      c.value = v;
+    }
+    function b(v) {
+      g.value.has(v) ? g.value.delete(v) : g.value.add(v), g.value = new Set(g.value);
+    }
+    function I(v, x) {
+      x ? g.value.add(v) : g.value.delete(v), g.value = new Set(g.value);
+    }
+    function F(v, x) {
+      c.value = { ...c.value, [v]: x };
+    }
+    const R = o.dataSources.length > 0 ? Jo(o.dataSources) : null, Z = z(() => R?.state.value ?? {}), pe = z(() => R?.isLoading.value ?? !1);
+    function ye(v) {
+      return R?.getData(v) ?? null;
+    }
+    function Ze(v) {
+      return R?.refetch(v) ?? Promise.resolve();
+    }
+    V("layerboard-layers", j(n)), V("layerboard-visible", L), V("layerboard-opacities", S), V("layerboard-loading", j(s)), V("layerboard-errors", j(C)), V("layerboard-zoom", j(m)), V("layerboard-toggle-layer", ge), V("layerboard-set-layer-visible", Ee), V("layerboard-set-layers-visible", _e), V("layerboard-set-opacity", Oe), V("layerboard-tiled-layers", j(z(() => o.tiledLayers))), V("layerboard-visible-tiled", g), V("layerboard-tiled-opacities", c), V("layerboard-toggle-tiled", b), V("layerboard-set-tiled-opacity", F), V("layerboard-set-tiled-visible", I), V("layerboard-data-sources-state", Z), V("layerboard-data-sources-loading", pe), V("layerboard-get-data-source", ye), V("layerboard-refetch-data-source", Ze);
+    const tt = z(() => ({
+      backgroundColor: o.themeColor
+    })), Be = z(() => ({
+      backgroundColor: o.themeColor
+    })), je = z(() => ({
+      backgroundColor: o.themeColor
+    })), ot = z(() => ({
+      width: Y.value ? "0" : o.sidebarWidth
     }));
-    async function Be() {
+    async function Fe() {
       try {
-        c.value = !0, w.value = null;
-        const x = (await gt(n.webMapId)).map((j) => {
-          let J = j;
-          const he = n.layerStyleOverrides[j.id];
-          he && (J = {
-            ...J,
-            paint: he.paint ?? J.paint,
-            outlinePaint: he.outlinePaint ?? J.outlinePaint,
-            legend: he.legend ?? J.legend,
-            type: he.type ?? J.type
+        y.value = !0, $.value = null;
+        const x = (await pt(o.webMapId)).map((W) => {
+          let G = W;
+          const ve = o.layerStyleOverrides[W.id];
+          ve && (G = {
+            ...G,
+            paint: ve.paint ?? G.paint,
+            outlinePaint: ve.outlinePaint ?? G.outlinePaint,
+            legend: ve.legend ?? G.legend,
+            type: ve.type ?? G.type
           });
-          const Oe = n.popupOverrides[j.id];
-          return Oe && J.popup && (J = {
-            ...J,
-            popup: { ...J.popup, ...Oe }
-          }), J;
+          const Ie = o.popupOverrides[W.id];
+          return Ie && G.popup && (G = {
+            ...G,
+            popup: { ...G.popup, ...Ie }
+          }), G;
         });
-        l.value = x.map((j) => ({
-          config: j,
-          component: j.type
+        n.value = x.map((W) => ({
+          config: W,
+          component: W.type
         }));
-        const H = {};
-        x.forEach((j) => {
-          H[j.id] = j.opacity ?? 1;
-        }), C.value = H, a("configs-loaded", x);
-      } catch (m) {
-        const x = m instanceof Error ? m.message : "Failed to load layer configurations";
-        w.value = x, a("load-error", x);
+        const q = {};
+        x.forEach((W) => {
+          q[W.id] = W.opacity ?? 1;
+        }), S.value = q, l("configs-loaded", x);
+      } catch (v) {
+        const x = v instanceof Error ? v.message : "Failed to load layer configurations";
+        $.value = x, l("load-error", x);
       } finally {
-        c.value = !1;
+        y.value = !1;
       }
     }
-    function qe(m) {
-      let x = m.split("?")[0] || m;
+    function at(v) {
+      let x = v.split("?")[0] || v;
       return x = x.replace(/\/query$/, ""), x = x.replace(/\/$/, ""), x.toLowerCase();
     }
-    async function nt() {
-      if (n.fetchMetadata)
+    async function it() {
+      if (o.fetchMetadata)
         try {
-          const m = "https://phl.carto.com/api/v2/sql?q=" + encodeURIComponent(
+          const v = "https://phl.carto.com/api/v2/sql?q=" + encodeURIComponent(
             "select url_text, COALESCE(representation, '') as representation from phl.knack_metadata_reps_endpoints_join WHERE ( format = 'API' OR format = 'GeoService' ) AND url_text IS NOT null"
-          ), x = await fetch(m);
+          ), x = await fetch(v);
           if (!x.ok) return;
-          const H = await x.json(), j = {};
-          for (const J of H.rows || [])
-            if (J.url_text && J.representation) {
-              const he = qe(J.url_text), Oe = `https://metadata.phila.gov/#home/representationdetails/${J.representation}/`;
-              j[he] = Oe;
+          const q = await x.json(), W = {};
+          for (const G of q.rows || [])
+            if (G.url_text && G.representation) {
+              const ve = at(G.url_text), Ie = `https://metadata.phila.gov/#home/representationdetails/${G.representation}/`;
+              W[ve] = Ie;
             }
-          g.value = j;
+          p.value = W;
         } catch {
         }
     }
-    function it(m) {
-      y.value = m, a("zoom", m);
+    function nt(v) {
+      m.value = v, l("zoom", v);
     }
-    function _e(m) {
-      b.value.has(m) ? b.value.delete(m) : b.value.add(m), b.value = new Set(b.value);
+    function ge(v) {
+      L.value.has(v) ? L.value.delete(v) : L.value.add(v), L.value = new Set(L.value);
     }
-    function we(m, x) {
-      x ? b.value.add(m) : b.value.delete(m), b.value = new Set(b.value);
+    function Ee(v, x) {
+      x ? L.value.add(v) : L.value.delete(v), L.value = new Set(L.value);
     }
-    function Ee(m, x) {
-      for (const H of m)
-        x ? b.value.add(H) : b.value.delete(H);
-      b.value = new Set(b.value);
+    function _e(v, x) {
+      for (const q of v)
+        x ? L.value.add(q) : L.value.delete(q);
+      L.value = new Set(L.value);
     }
-    function Le(m, x) {
-      C.value = { ...C.value, [m]: x };
+    function Oe(v, x) {
+      S.value = { ...S.value, [v]: x };
     }
-    function at(m, x) {
-      x ? s.value.add(m) : s.value.delete(m), s.value = new Set(s.value);
+    function le(v, x) {
+      x ? s.value.add(v) : s.value.delete(v), s.value = new Set(s.value);
     }
-    function le(m, x) {
+    function ze(v, x) {
       if (x)
-        k.value = { ...k.value, [m]: x };
+        C.value = { ...C.value, [v]: x };
       else {
-        const H = { ...k.value };
-        delete H[m], k.value = H;
+        const q = { ...C.value };
+        delete q[v], C.value = q;
       }
     }
-    function Me(m) {
-      P.value = m;
+    function oe(v) {
+      M.value = v;
     }
-    const ee = $(null), ke = $(null), lt = $(null), pe = $(null), Ze = $(null), Ae = $(null), Ge = $(null), ye = $("map");
-    function Fe() {
-      ye.value = ye.value === "sidebar" ? "map" : "sidebar", Ne(() => {
-        ye.value === "sidebar" && ee.value?.focus();
+    const Pe = k(null), qe = k(null), Se = k(null), Ge = k(null), Ae = k(null), Ne = k(null), He = k(null), re = k("map");
+    function Me() {
+      re.value = re.value === "sidebar" ? "map" : "sidebar", Ve(() => {
+        re.value === "sidebar" && Pe.value?.focus();
       });
     }
-    const te = $(!1);
-    function He() {
-      te.value = !te.value, te.value && Ne(() => {
-        pe.value?.focus();
+    const ce = k(!1);
+    function Je() {
+      ce.value = !ce.value, ce.value && Ve(() => {
+        Ge.value?.focus();
       });
     }
-    function $e() {
-      te.value = !1, Ne(() => {
-        ke.value?.focus();
+    function Te() {
+      ce.value = !1, Ve(() => {
+        qe.value?.focus();
       });
     }
-    const se = $(!1);
-    function xe() {
-      se.value = !se.value;
+    const Y = k(!1);
+    function Ke() {
+      Y.value = !Y.value;
     }
-    const ue = $(!1), Ve = $(null);
-    function ge() {
-      Ve.value = document.activeElement, ue.value = !0, Ne(() => {
-        Ge.value?.focus();
+    const he = k(!1), Ce = k(null);
+    function me() {
+      Ce.value = document.activeElement, he.value = !0, Ve(() => {
+        He.value?.focus();
       });
     }
-    function ne() {
-      ue.value = !1, Ne(() => {
-        Ve.value?.focus(), Ve.value = null;
+    function ae() {
+      he.value = !1, Ve(() => {
+        Ce.value?.focus(), Ce.value = null;
       });
     }
-    function Te(m) {
-      m.target.classList.contains("layerboard-modal-backdrop") && ne();
+    function lt(v) {
+      v.target.classList.contains("layerboard-modal-backdrop") && ae();
     }
-    function rt(m) {
-      if (m.key === "Escape") {
-        $e();
+    function rt(v) {
+      if (v.key === "Escape") {
+        Te();
         return;
       }
-      if (m.key === "Tab" && Ze.value) {
+      if (v.key === "Tab" && Ae.value) {
         const x = Array.from(
-          Ze.value.querySelectorAll(
+          Ae.value.querySelectorAll(
             'a[href], button:not([disabled]), textarea, input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])'
           )
         );
         if (x.length === 0) return;
-        const H = x[0], j = x[x.length - 1];
-        m.shiftKey ? document.activeElement === H && (m.preventDefault(), j.focus()) : document.activeElement === j && (m.preventDefault(), H.focus());
+        const q = x[0], W = x[x.length - 1];
+        v.shiftKey ? document.activeElement === q && (v.preventDefault(), W.focus()) : document.activeElement === W && (v.preventDefault(), q.focus());
       }
     }
-    function st(m) {
-      if (m.key === "Escape") {
-        ne();
+    function st(v) {
+      if (v.key === "Escape") {
+        ae();
         return;
       }
-      if (m.key === "Tab" && Ae.value) {
+      if (v.key === "Tab" && Ne.value) {
         const x = Array.from(
-          Ae.value.querySelectorAll(
+          Ne.value.querySelectorAll(
             'a[href], button:not([disabled]), textarea, input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])'
           )
         );
         if (x.length === 0) return;
-        const H = x[0], j = x[x.length - 1];
-        m.shiftKey ? document.activeElement === H && (m.preventDefault(), j.focus()) : document.activeElement === j && (m.preventDefault(), H.focus());
+        const q = x[0], W = x[x.length - 1];
+        v.shiftKey ? document.activeElement === q && (v.preventDefault(), W.focus()) : document.activeElement === W && (v.preventDefault(), q.focus());
       }
     }
-    W("layerboard-open-modal", ge), W("layerboard-close-modal", ne), W("layerboard-is-modal-open", G(ue)), i({
+    V("layerboard-open-modal", me), V("layerboard-close-modal", ae), V("layerboard-is-modal-open", j(he)), i({
       /** Layer configurations */
-      layerList: l,
+      layerList: n,
       /** Set of visible layer IDs */
-      visibleLayers: b,
+      visibleLayers: L,
       /** Layer opacity values */
-      layerOpacities: C,
+      layerOpacities: S,
       /** Set of currently loading layer IDs */
       loadingLayers: s,
       /** Map of layer errors by ID */
-      layerErrors: k,
+      layerErrors: C,
       /** Current map zoom level */
-      currentZoom: y,
+      currentZoom: m,
       /** Toggle a layer's visibility */
-      toggleLayer: _e,
+      toggleLayer: ge,
       /** Set a layer's visibility explicitly */
-      setLayerVisible: we,
+      setLayerVisible: Ee,
       /** Set multiple layers' visibility at once */
-      setLayersVisible: Ee,
+      setLayersVisible: _e,
       /** Set a layer's opacity */
-      setLayerOpacity: Le,
+      setLayerOpacity: Oe,
       /** Reload layer configurations */
-      reloadConfigs: Be,
+      reloadConfigs: Fe,
       /** Clear configuration cache */
-      clearCache: () => an(n.webMapId),
+      clearCache: () => jo(o.webMapId),
       // Tiled layer APIs
       /** Set of visible tiled layer IDs */
-      visibleTiledLayers: h,
+      visibleTiledLayers: g,
       /** Tiled layer opacity values */
-      tiledLayerOpacities: u,
+      tiledLayerOpacities: c,
       /** Toggle a tiled layer's visibility */
-      toggleTiledLayer: L,
+      toggleTiledLayer: b,
       /** Set a tiled layer's visibility explicitly */
-      setTiledLayerVisible: z,
+      setTiledLayerVisible: I,
       /** Set a tiled layer's opacity */
       setTiledLayerOpacity: F,
       // Data source APIs
       /** State of all data sources */
-      dataSourcesState: A,
+      dataSourcesState: Z,
       /** Whether any data source is loading */
-      dataSourcesLoading: de,
+      dataSourcesLoading: pe,
       /** Get data from a specific data source */
-      getDataSourceData: fe,
+      getDataSourceData: ye,
       /** Refetch a specific data source */
-      refetchDataSource: Pe,
+      refetchDataSource: Ze,
       // Modal APIs
       /** Whether the modal is currently open */
-      isModalOpen: ue,
+      isModalOpen: he,
       /** Open the modal */
-      openModal: ge,
+      openModal: me,
       /** Close the modal */
-      closeModal: ne
+      closeModal: ae
     });
-    function Je(m) {
-      m.key === "Escape" && te.value && $e();
-    }
-    return Qe(() => {
-      Be(), nt(), f(), document.addEventListener("keydown", Je);
-    }), Vt(() => {
-      document.removeEventListener("keydown", Je);
-    }), (m, x) => (p(), v("div", un, [
-      x[5] || (x[5] = _("a", {
+    function ue(v) {
+      v.key === "Escape" && ce.value && Te();
+    }
+    return Xe(() => {
+      Fe(), it(), u(), document.addEventListener("keydown", ue);
+    }), Dt(() => {
+      document.removeEventListener("keydown", ue);
+    }), (v, x) => (f(), h("div", Ko, [
+      x[5] || (x[5] = P("a", {
         href: "#main-content",
         class: "skip-to-main-content-link"
       }, "Skip to main content", -1)),
-      _("header", {
+      P("header", {
         class: "layerboard-header",
-        style: K(tt.value)
+        style: J(tt.value)
       }, [
-        x[1] || (x[1] = _("a", {
+        x[1] || (x[1] = P("a", {
           href: "https://www.phila.gov/",
           class: "layerboard-logo layerboard-desktop-only"
         }, [
-          _("img", {
+          P("img", {
             src: "https://standards.phila.gov/img/logo/city-of-philadelphia-yellow-white.png",
             alt: "City of Philadelphia"
           })
         ], -1)),
-        x[2] || (x[2] = _("span", {
+        x[2] || (x[2] = P("span", {
           class: "layerboard-header-divider layerboard-desktop-only",
           "aria-hidden": "true"
         }, null, -1)),
-        _("button", {
+        P("button", {
           ref_key: "hamburgerRef",
-          ref: ke,
+          ref: qe,
           class: "layerboard-hamburger layerboard-mobile-only",
-          "aria-expanded": te.value,
+          "aria-expanded": ce.value,
           "aria-label": "Toggle menu",
-          onClick: He
+          onClick: Je
         }, [
-          X(O(me), {
-            "icon-definition": O($o),
+          Q(O(be), {
+            "icon-definition": O(fo),
             size: "medium",
             inline: "",
             decorative: ""
           }, null, 8, ["icon-definition"])
-        ], 8, dn),
-        ce(m.$slots, "header", {}, () => [
-          _("h1", null, U(e.title), 1),
-          e.subtitle ? (p(), v("span", fn, U(e.subtitle), 1)) : T("", !0)
+        ], 8, Qo),
+        fe(v.$slots, "header", {}, () => [
+          P("h1", null, N(t.title), 1),
+          t.subtitle ? (f(), h("span", Xo, N(t.subtitle), 1)) : E("", !0)
         ], !0),
-        te.value ? (p(), v("div", {
+        ce.value ? (f(), h("div", {
           key: 0,
           ref_key: "mobileMenuRef",
-          ref: Ze,
+          ref: Ae,
           class: "layerboard-mobile-menu",
           role: "dialog",
           "aria-modal": "true",
           "aria-label": "Site menu",
-          style: K({ backgroundColor: e.themeColor }),
+          style: J({ backgroundColor: t.themeColor }),
           onKeydown: rt
         }, [
-          _("div", pn, [
-            ce(m.$slots, "footer", {
-              openModal: ge,
-              closeModal: ne,
-              isModalOpen: ue.value
+          P("div", Yo, [
+            fe(v.$slots, "footer", {
+              openModal: me,
+              closeModal: ae,
+              isModalOpen: he.value
             }, () => [
-              x[0] || (x[0] = be(" City of Philadelphia ", -1))
+              x[0] || (x[0] = Le(" City of Philadelphia ", -1))
             ], !0)
           ]),
-          _("button", {
+          P("button", {
             ref_key: "mobileMenuCloseRef",
-            ref: pe,
+            ref: Ge,
             class: "layerboard-mobile-menu-close",
             "aria-label": "Close menu",
-            onClick: $e
+            onClick: Te
           }, [
-            X(O(me), {
-              "icon-definition": O(Pt),
+            Q(O(be), {
+              "icon-definition": O(kt),
               size: "medium",
               decorative: ""
             }, null, 8, ["icon-definition"])
           ], 512)
-        ], 36)) : T("", !0),
-        te.value ? (p(), v("div", {
+        ], 36)) : E("", !0),
+        ce.value ? (f(), h("div", {
           key: 1,
           class: "layerboard-mobile-menu-backdrop",
-          onClick: $e
-        })) : T("", !0)
+          onClick: Te
+        })) : E("", !0)
       ], 4),
-      _("div", yn, [
-        c.value ? (p(), v("div", gn, [
-          _("div", {
+      P("div", ea, [
+        y.value ? (f(), h("div", ta, [
+          P("div", {
             class: "layerboard-spinner",
-            style: K({ borderTopColor: e.themeColor })
+            style: J({ borderTopColor: t.themeColor })
           }, null, 4),
-          _("p", null, "Loading " + U(e.title) + "...", 1)
-        ])) : w.value ? (p(), v("div", hn, [
-          x[3] || (x[3] = _("h2", null, "Error Loading Layers", -1)),
-          _("p", null, U(w.value), 1),
-          _("button", {
+          P("p", null, "Loading " + N(t.title) + "...", 1)
+        ])) : $.value ? (f(), h("div", oa, [
+          x[3] || (x[3] = P("h2", null, "Error Loading Layers", -1)),
+          P("p", null, N($.value), 1),
+          P("button", {
             class: "layerboard-retry-button",
-            style: K({ backgroundColor: e.themeColor }),
-            onClick: Be
+            style: J({ backgroundColor: t.themeColor }),
+            onClick: Fe
           }, " Retry ", 4)
-        ])) : (p(), v(ie, { key: 2 }, [
-          _("aside", {
+        ])) : (f(), h(ie, { key: 2 }, [
+          P("aside", {
             id: "main-content",
             ref_key: "sidebarRef",
-            ref: ee,
-            class: ae(["layerboard-sidebar", { "is-active": ye.value === "sidebar" }]),
-            style: K(je.value),
+            ref: Pe,
+            class: ne(["layerboard-sidebar", { "is-active": re.value === "sidebar" }]),
+            style: J(ot.value),
             "aria-label": "Map layers",
             tabindex: "-1"
           }, [
-            ce(m.$slots, "sidebar", {
-              layers: l.value,
-              visibleLayers: b.value,
-              layerOpacities: C.value,
+            fe(v.$slots, "sidebar", {
+              layers: n.value,
+              visibleLayers: L.value,
+              layerOpacities: S.value,
               loadingLayers: s.value,
-              layerErrors: k.value,
-              currentZoom: y.value,
-              toggleLayer: _e,
-              setLayerVisible: we,
-              setLayersVisible: Ee,
-              setOpacity: Le,
-              tiledLayers: e.tiledLayers,
-              visibleTiledLayers: h.value,
-              tiledLayerOpacities: u.value,
-              toggleTiledLayer: L,
-              setTiledLayerVisible: z,
+              layerErrors: C.value,
+              currentZoom: m.value,
+              toggleLayer: ge,
+              setLayerVisible: Ee,
+              setLayersVisible: _e,
+              setOpacity: Oe,
+              tiledLayers: t.tiledLayers,
+              visibleTiledLayers: g.value,
+              tiledLayerOpacities: c.value,
+              toggleTiledLayer: b,
+              setTiledLayerVisible: I,
               setTiledLayerOpacity: F,
-              dataSourcesState: A.value,
-              dataSourcesLoading: de.value,
-              getDataSource: fe,
-              refetchDataSource: Pe
+              dataSourcesState: Z.value,
+              dataSourcesLoading: pe.value,
+              getDataSource: ye,
+              refetchDataSource: Ze
             }, () => [
-              e.showDefaultSidebar ? (p(), oe(jo, {
+              t.showDefaultSidebar ? (f(), te(Eo, {
                 key: 0,
-                "layer-list": l.value,
-                "visible-layers": b.value,
-                "layer-opacities": C.value,
+                "layer-list": n.value,
+                "visible-layers": L.value,
+                "layer-opacities": S.value,
                 "loading-layers": s.value,
-                "layer-errors": k.value,
-                "current-zoom": y.value,
-                "search-query": P.value,
-                "layer-metadata": g.value,
-                onToggleLayer: _e,
-                onSetOpacity: Le,
-                onUpdateSearch: Me
-              }, null, 8, ["layer-list", "visible-layers", "layer-opacities", "loading-layers", "layer-errors", "current-zoom", "search-query", "layer-metadata"])) : T("", !0)
+                "layer-errors": C.value,
+                "current-zoom": m.value,
+                "search-query": M.value,
+                "layer-metadata": p.value,
+                onToggleLayer: ge,
+                onSetOpacity: Oe,
+                onUpdateSearch: oe
+              }, null, 8, ["layer-list", "visible-layers", "layer-opacities", "loading-layers", "layer-errors", "current-zoom", "search-query", "layer-metadata"])) : E("", !0)
             ], !0)
           ], 6),
-          _("div", {
+          P("div", {
             role: "main",
             "aria-label": "Map",
-            class: ae(["layerboard-map", { "is-active": ye.value === "map" }])
+            class: ne(["layerboard-map", { "is-active": re.value === "map" }])
           }, [
-            X(lo, {
-              "visible-layers": b.value,
-              "layer-opacities": C.value,
-              "layer-list": l.value,
-              "tiled-layers": e.tiledLayers,
-              "visible-tiled-layers": h.value,
-              "tiled-layer-opacities": u.value,
-              "cyclomedia-config": e.cyclomediaConfig,
-              "pictometry-credentials": e.pictometryCredentials,
-              "basemap-control-position": e.basemapControlPosition,
-              "navigation-control-position": e.navigationControlPosition,
-              "geolocation-control-position": e.geolocationControlPosition,
-              "search-control-position": e.searchControlPosition,
-              "draw-control-position": e.drawControlPosition,
-              "cyclomedia-button-position": e.cyclomediaButtonPosition,
-              "pictometry-button-position": e.pictometryButtonPosition,
-              "initial-zoom": e.initialZoom,
-              "initial-center": e.initialCenter,
-              onZoom: it,
-              onLayerLoading: at,
-              onLayerError: le
+            Q(Gt, {
+              "visible-layers": L.value,
+              "layer-opacities": S.value,
+              "layer-list": n.value,
+              "tiled-layers": t.tiledLayers,
+              "visible-tiled-layers": g.value,
+              "tiled-layer-opacities": c.value,
+              "cyclomedia-config": t.cyclomediaConfig,
+              "pictometry-credentials": t.pictometryCredentials,
+              "basemap-control-position": t.basemapControlPosition,
+              "navigation-control-position": t.navigationControlPosition,
+              "geolocation-control-position": t.geolocationControlPosition,
+              "search-control-position": t.searchControlPosition,
+              "draw-control-position": t.drawControlPosition,
+              "cyclomedia-button-position": t.cyclomediaButtonPosition,
+              "pictometry-button-position": t.pictometryButtonPosition,
+              "initial-zoom": t.initialZoom,
+              "initial-center": t.initialCenter,
+              onZoom: nt,
+              onLayerLoading: le,
+              onLayerError: ze
             }, 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),
-          _("button", {
-            class: ae(["layerboard-sidebar-toggle", { "is-collapsed": se.value }]),
-            style: K({ left: se.value ? "0" : n.sidebarWidth }),
-            "aria-expanded": !se.value,
-            "aria-label": se.value ? "Expand sidebar" : "Collapse sidebar",
-            onClick: xe
+          P("button", {
+            class: ne(["layerboard-sidebar-toggle", { "is-collapsed": Y.value }]),
+            style: J({ left: Y.value ? "0" : o.sidebarWidth }),
+            "aria-expanded": !Y.value,
+            "aria-label": Y.value ? "Expand sidebar" : "Collapse sidebar",
+            onClick: Ke
           }, [
-            X(O(me), {
-              "icon-definition": se.value ? O(Co) : O(ko),
+            Q(O(be), {
+              "icon-definition": Y.value ? O(co) : O(uo),
               size: "medium",
               decorative: ""
             }, null, 8, ["icon-definition"])
-          ], 14, mn)
+          ], 14, aa)
         ], 64))
       ]),
-      _("button", {
+      P("button", {
         ref_key: "mobileToggleRef",
-        ref: lt,
+        ref: Se,
         class: "layerboard-mobile-toggle",
-        style: K(De.value),
-        onClick: Fe
+        style: J(je.value),
+        onClick: Me
       }, [
-        ye.value === "map" ? (p(), v("span", vn, U(e.sidebarLabel), 1)) : (p(), v("span", bn, U(e.mapLabel), 1))
+        re.value === "map" ? (f(), h("span", ia, N(t.sidebarLabel), 1)) : (f(), h("span", na, N(t.mapLabel), 1))
       ], 4),
-      _("footer", {
+      P("footer", {
         class: "layerboard-footer",
-        style: K(ot.value)
+        style: J(Be.value)
       }, [
-        ce(m.$slots, "footer", {
-          openModal: ge,
-          closeModal: ne,
-          isModalOpen: ue.value
+        fe(v.$slots, "footer", {
+          openModal: me,
+          closeModal: ae,
+          isModalOpen: he.value
         }, () => [
-          x[4] || (x[4] = be(" City of Philadelphia ", -1))
+          x[4] || (x[4] = Le(" City of Philadelphia ", -1))
         ], !0)
       ], 4),
-      ue.value ? (p(), v("div", {
+      he.value ? (f(), h("div", {
         key: 0,
         class: "layerboard-modal-backdrop",
-        onClick: Te,
+        onClick: lt,
         onKeydown: st
       }, [
-        _("div", {
+        P("div", {
           ref_key: "modalRef",
-          ref: Ae,
+          ref: Ne,
           class: "layerboard-modal",
           role: "dialog",
           "aria-modal": "true",
           "aria-label": "Application information"
         }, [
-          _("button", {
+          P("button", {
             ref_key: "modalCloseRef",
-            ref: Ge,
+            ref: He,
             class: "layerboard-modal-close",
             "aria-label": "Close modal",
-            onClick: ne
+            onClick: ae
           }, [
-            X(O(me), {
-              "icon-definition": O(Pt),
+            Q(O(be), {
+              "icon-definition": O(kt),
               size: "medium",
               decorative: ""
             }, null, 8, ["icon-definition"])
           ], 512),
-          ce(m.$slots, "modal", { closeModal: ne }, void 0, !0)
+          fe(v.$slots, "modal", { closeModal: ae }, void 0, !0)
         ], 512)
-      ], 32)) : T("", !0),
-      _("span", wn, U(ye.value === "sidebar" ? "Showing layers panel" : "Showing map"), 1)
+      ], 32)) : E("", !0),
+      P("span", la, N(re.value === "sidebar" ? "Showing layers panel" : "Showing map"), 1)
     ]));
   }
-}), si = /* @__PURE__ */ Re(Ln, [["__scopeId", "data-v-863275b0"]]), Sn = ["aria-expanded"], Cn = {
+}), Ha = /* @__PURE__ */ De(ra, [["__scopeId", "data-v-863275b0"]]), sa = ["aria-expanded"], ca = {
   key: 0,
   class: "topic-icon"
-}, kn = { class: "topic-title" }, $n = /* @__PURE__ */ Ce({
+}, ua = { class: "topic-title" }, da = /* @__PURE__ */ $e({
   __name: "TopicAccordion",
   props: {
     title: {},
@@ -2345,44 +2225,44 @@ const un = { class: "layerboard-layout" }, dn = ["aria-expanded"], fn = {
     headerClass: {}
   },
   emits: ["toggle", "layerChange"],
-  setup(e, { emit: i }) {
-    const t = e, n = i, a = $(t.expanded), l = `topic-panel-${Lt()}`, c = `topic-header-${Lt()}`;
-    ze(
-      () => t.expanded,
-      (y) => {
-        a.value = y;
+  setup(t, { emit: i }) {
+    const a = t, o = i, l = k(a.expanded), n = `topic-panel-${bt()}`, y = `topic-header-${bt()}`;
+    Re(
+      () => a.expanded,
+      (m) => {
+        l.value = m;
       }
     );
-    function w() {
-      a.value = !a.value, n("toggle", a.value);
+    function $() {
+      l.value = !l.value, o("toggle", l.value);
     }
-    return (y, P) => {
-      const b = Nt("font-awesome-icon");
-      return p(), v("div", {
-        class: ae(["topic-accordion", { "is-expanded": a.value }])
+    return (m, M) => {
+      const L = Zt("font-awesome-icon");
+      return f(), h("div", {
+        class: ne(["topic-accordion", { "is-expanded": l.value }])
       }, [
-        _("button", {
-          id: c,
-          class: ae(["topic-header", e.headerClass]),
+        P("button", {
+          id: y,
+          class: ne(["topic-header", t.headerClass]),
           type: "button",
-          "aria-expanded": a.value,
-          "aria-controls": l,
-          onClick: w
+          "aria-expanded": l.value,
+          "aria-controls": n,
+          onClick: $
         }, [
-          e.icon || y.$slots.icon ? (p(), v("span", Cn, [
-            ce(y.$slots, "icon", {}, () => [
-              e.icon ? (p(), oe(b, {
+          t.icon || m.$slots.icon ? (f(), h("span", ca, [
+            fe(m.$slots, "icon", {}, () => [
+              t.icon ? (f(), te(L, {
                 key: 0,
-                icon: ["fas", e.icon],
+                icon: ["fas", t.icon],
                 "aria-hidden": "true"
-              }, null, 8, ["icon"])) : T("", !0)
+              }, null, 8, ["icon"])) : E("", !0)
             ], !0)
-          ])) : T("", !0),
-          _("span", kn, U(e.title), 1),
-          _("span", {
-            class: ae(["topic-chevron", { "is-rotated": a.value }])
-          }, [...P[0] || (P[0] = [
-            _("svg", {
+          ])) : E("", !0),
+          P("span", ua, N(t.title), 1),
+          P("span", {
+            class: ne(["topic-chevron", { "is-rotated": l.value }])
+          }, [...M[0] || (M[0] = [
+            P("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               width: "20",
               height: "20",
@@ -2394,46 +2274,46 @@ const un = { class: "layerboard-layout" }, dn = ["aria-expanded"], fn = {
               "stroke-linejoin": "round",
               "aria-hidden": "true"
             }, [
-              _("polyline", { points: "6 9 12 15 18 9" })
+              P("polyline", { points: "6 9 12 15 18 9" })
             ], -1)
           ])], 2)
-        ], 10, Sn),
-        Tt(_("div", {
-          id: l,
+        ], 10, sa),
+        Mt(P("div", {
+          id: n,
           role: "region",
-          "aria-labelledby": c,
+          "aria-labelledby": y,
           class: "topic-content"
         }, [
-          ce(y.$slots, "default", {}, () => [
-            P[1] || (P[1] = _("p", { class: "topic-empty" }, "No content provided for this topic.", -1))
+          fe(m.$slots, "default", {}, () => [
+            M[1] || (M[1] = P("p", { class: "topic-empty" }, "No content provided for this topic.", -1))
           ], !0)
         ], 512), [
-          [Ut, a.value]
+          [Bt, l.value]
         ])
       ], 2);
     };
   }
-}), ci = /* @__PURE__ */ Re($n, [["__scopeId", "data-v-9af09394"]]), xn = ["aria-label"], Pn = ["checked", "disabled", "onChange"], _n = { class: "layer-title" }, En = {
+}), Ja = /* @__PURE__ */ De(da, [["__scopeId", "data-v-9af09394"]]), fa = ["aria-label"], pa = ["checked", "disabled", "onChange"], ya = { class: "layer-title" }, ga = {
   key: 0,
   class: "loading-indicator",
   role: "status"
-}, Mn = ["aria-label"], Fn = {
+}, ha = ["aria-label"], ma = {
   key: 2,
   class: "zoom-indicator"
-}, Tn = { class: "layer-title" }, On = {
+}, va = { class: "layer-title" }, ba = {
   key: 0,
   class: "loading-indicator",
   role: "status"
-}, zn = ["aria-label"], In = {
+}, wa = ["aria-label"], La = {
   key: 2,
   class: "zoom-indicator"
-}, Rn = {
+}, Sa = {
   key: 2,
   class: "opacity-control"
-}, Dn = ["for"], Bn = ["id", "value", "aria-label", "onInput"], Zn = ["aria-label"], An = { class: "legend-label" }, Vn = {
+}, Ca = ["for"], ka = ["id", "value", "aria-label", "onInput"], xa = ["aria-label"], $a = { class: "legend-label" }, _a = {
   key: 0,
   class: "empty-state"
-}, Nn = /* @__PURE__ */ Ce({
+}, Pa = /* @__PURE__ */ $e({
   __name: "LayerCheckboxSet",
   props: {
     layers: {},
@@ -2447,161 +2327,161 @@ const un = { class: "layerboard-layout" }, dn = ["aria-expanded"], fn = {
     groupLabel: {}
   },
   emits: ["toggleLayer", "setOpacity"],
-  setup(e, { emit: i }) {
-    const t = e, n = i;
-    function a(h) {
-      return t.visibleLayerIds.has(h);
+  setup(t, { emit: i }) {
+    const a = t, o = i;
+    function l(g) {
+      return a.visibleLayerIds.has(g);
     }
-    function l(h) {
-      return t.layerOpacities[h] ?? 1;
+    function n(g) {
+      return a.layerOpacities[g] ?? 1;
     }
-    function c(h) {
-      return t.loadingLayerIds.has(h);
+    function y(g) {
+      return a.loadingLayerIds.has(g);
     }
-    function w(h) {
-      return t.layerErrors[h] || null;
+    function $(g) {
+      return a.layerErrors[g] || null;
     }
-    function y(h) {
-      const u = t.currentZoom, f = h.minZoom, L = h.maxZoom;
-      return !(f !== void 0 && u < f || L !== void 0 && u > L);
+    function m(g) {
+      const c = a.currentZoom, u = g.minZoom, b = g.maxZoom;
+      return !(u !== void 0 && c < u || b !== void 0 && c > b);
     }
-    function P(h) {
-      return h.displayOptions?.shouldShowCheckbox !== !1;
+    function M(g) {
+      return g.displayOptions?.shouldShowCheckbox !== !1;
     }
-    function b(h) {
-      return t.showOpacity ? h.displayOptions?.shouldShowSlider !== !1 : !1;
+    function L(g) {
+      return a.showOpacity ? g.displayOptions?.shouldShowSlider !== !1 : !1;
     }
-    function C(h) {
-      return t.showLegend ? h.displayOptions?.shouldShowLegendBox !== !1 : !1;
+    function S(g) {
+      return a.showLegend ? g.displayOptions?.shouldShowLegendBox !== !1 : !1;
     }
-    function s(h) {
-      return h.displayOptions?.layerNameChange || h.title;
+    function s(g) {
+      return g.displayOptions?.layerNameChange || g.title;
     }
-    function k(h) {
-      n("toggleLayer", h);
+    function C(g) {
+      o("toggleLayer", g);
     }
-    function g(h, u) {
-      const f = u.target;
-      n("setOpacity", h, parseFloat(f.value));
+    function p(g, c) {
+      const u = c.target;
+      o("setOpacity", g, parseFloat(u.value));
     }
-    return (h, u) => (p(), v("fieldset", {
+    return (g, c) => (f(), h("fieldset", {
       class: "layer-checkbox-set",
       role: "group",
-      "aria-label": e.groupLabel
+      "aria-label": t.groupLabel
     }, [
-      (p(!0), v(ie, null, re(e.layers, (f) => (p(), v("div", {
-        key: f.id,
+      (f(!0), h(ie, null, se(t.layers, (u) => (f(), h("div", {
+        key: u.id,
         class: "layer-item"
       }, [
-        P(f) ? (p(), v("label", {
+        M(u) ? (f(), h("label", {
           key: 0,
-          class: ae(["layer-checkbox", {
-            "layer-unavailable": !y(f),
-            "layer-error": w(f.id)
+          class: ne(["layer-checkbox", {
+            "layer-unavailable": !m(u),
+            "layer-error": $(u.id)
           }])
         }, [
-          _("input", {
+          P("input", {
             type: "checkbox",
-            checked: a(f.id),
-            disabled: !y(f),
-            onChange: (L) => k(f.id)
-          }, null, 40, Pn),
-          _("span", _n, [
-            be(U(s(f)) + " ", 1),
-            c(f.id) ? (p(), v("span", En, " Loading... ")) : T("", !0),
-            w(f.id) ? (p(), v("span", {
+            checked: l(u.id),
+            disabled: !m(u),
+            onChange: (b) => C(u.id)
+          }, null, 40, pa),
+          P("span", ya, [
+            Le(N(s(u)) + " ", 1),
+            y(u.id) ? (f(), h("span", ga, " Loading... ")) : E("", !0),
+            $(u.id) ? (f(), h("span", {
               key: 1,
               class: "error-indicator",
-              "aria-label": w(f.id) || "Error",
+              "aria-label": $(u.id) || "Error",
               role: "status"
-            }, " Error ", 8, Mn)) : T("", !0),
-            y(f) ? T("", !0) : (p(), v("span", Fn, " (zoom in) "))
+            }, " Error ", 8, ha)) : E("", !0),
+            m(u) ? E("", !0) : (f(), h("span", ma, " (zoom in) "))
           ])
-        ], 2)) : (p(), v("div", {
+        ], 2)) : (f(), h("div", {
           key: 1,
-          class: ae(["layer-label-only", {
-            "layer-unavailable": !y(f),
-            "layer-error": w(f.id)
+          class: ne(["layer-label-only", {
+            "layer-unavailable": !m(u),
+            "layer-error": $(u.id)
           }])
         }, [
-          _("span", Tn, [
-            be(U(s(f)) + " ", 1),
-            c(f.id) ? (p(), v("span", On, " Loading... ")) : T("", !0),
-            w(f.id) ? (p(), v("span", {
+          P("span", va, [
+            Le(N(s(u)) + " ", 1),
+            y(u.id) ? (f(), h("span", ba, " Loading... ")) : E("", !0),
+            $(u.id) ? (f(), h("span", {
               key: 1,
               class: "error-indicator",
-              "aria-label": w(f.id) || "Error",
+              "aria-label": $(u.id) || "Error",
               role: "status"
-            }, " Error ", 8, zn)) : T("", !0),
-            y(f) ? T("", !0) : (p(), v("span", In, " (zoom in) "))
+            }, " Error ", 8, wa)) : E("", !0),
+            m(u) ? E("", !0) : (f(), h("span", La, " (zoom in) "))
           ])
         ], 2)),
-        b(f) && a(f.id) ? (p(), v("div", Rn, [
-          _("label", {
+        L(u) && l(u.id) ? (f(), h("div", Sa, [
+          P("label", {
             class: "opacity-label",
-            for: "opacity-" + f.id
-          }, " Opacity: " + U(Math.round(l(f.id) * 100)) + "% ", 9, Dn),
-          _("input", {
-            id: "opacity-" + f.id,
+            for: "opacity-" + u.id
+          }, " Opacity: " + N(Math.round(n(u.id) * 100)) + "% ", 9, Ca),
+          P("input", {
+            id: "opacity-" + u.id,
             type: "range",
             min: "0",
             max: "1",
             step: "0.05",
-            value: l(f.id),
-            "aria-label": "Opacity for " + s(f),
+            value: n(u.id),
+            "aria-label": "Opacity for " + s(u),
             class: "opacity-slider",
-            onInput: (L) => g(f.id, L)
-          }, null, 40, Bn)
-        ])) : T("", !0),
-        C(f) && a(f.id) && f.legend?.length ? (p(), v("ul", {
+            onInput: (b) => p(u.id, b)
+          }, null, 40, ka)
+        ])) : E("", !0),
+        S(u) && l(u.id) && u.legend?.length ? (f(), h("ul", {
           key: 3,
           class: "layer-legend",
-          "aria-label": "Legend for " + s(f)
+          "aria-label": "Legend for " + s(u)
         }, [
-          (p(!0), v(ie, null, re(f.legend, (L, z) => (p(), v("li", {
-            key: z,
+          (f(!0), h(ie, null, se(u.legend, (b, I) => (f(), h("li", {
+            key: I,
             class: "legend-item"
           }, [
-            L.type === "circle" ? (p(), v("span", {
+            b.type === "circle" ? (f(), h("span", {
               key: 0,
               class: "legend-symbol legend-circle",
-              style: K({ backgroundColor: L.color }),
+              style: J({ backgroundColor: b.color }),
               "aria-hidden": "true"
-            }, null, 4)) : L.type === "line" ? (p(), v("span", {
+            }, null, 4)) : b.type === "line" ? (f(), h("span", {
               key: 1,
               class: "legend-symbol legend-line",
-              style: K({
-                backgroundColor: L.color,
-                height: `${L.width || 2}px`
+              style: J({
+                backgroundColor: b.color,
+                height: `${b.width || 2}px`
               }),
               "aria-hidden": "true"
-            }, null, 4)) : L.type === "fill" ? (p(), v("span", {
+            }, null, 4)) : b.type === "fill" ? (f(), h("span", {
               key: 2,
               class: "legend-symbol legend-fill",
-              style: K({ backgroundColor: L.color }),
+              style: J({ backgroundColor: b.color }),
               "aria-hidden": "true"
-            }, null, 4)) : T("", !0),
-            _("span", An, U(L.label), 1)
+            }, null, 4)) : E("", !0),
+            P("span", $a, N(b.label), 1)
           ]))), 128))
-        ], 8, Zn)) : T("", !0)
+        ], 8, xa)) : E("", !0)
       ]))), 128)),
-      e.layers.length === 0 ? (p(), v("div", Vn, "No layers available")) : T("", !0)
-    ], 8, xn));
+      t.layers.length === 0 ? (f(), h("div", _a, "No layers available")) : E("", !0)
+    ], 8, fa));
   }
-}), ui = /* @__PURE__ */ Re(Nn, [["__scopeId", "data-v-55505629"]]), Un = ["aria-label"], Wn = ["name", "checked", "disabled", "onChange"], jn = { class: "layer-title" }, qn = {
+}), Ka = /* @__PURE__ */ De(Pa, [["__scopeId", "data-v-55505629"]]), Ma = ["aria-label"], Ta = ["name", "checked", "disabled", "onChange"], Fa = { class: "layer-title" }, Ea = {
   key: 0,
   class: "loading-indicator",
   role: "status"
-}, Gn = ["aria-label"], Hn = {
+}, Oa = ["aria-label"], za = {
   key: 2,
   class: "zoom-indicator"
-}, Jn = {
+}, Ia = {
   key: 0,
   class: "opacity-control"
-}, Kn = ["for"], Qn = ["id", "value", "aria-label", "onInput"], Xn = ["aria-label"], Yn = { class: "legend-label" }, ei = {
+}, Ra = ["for"], Da = ["id", "value", "aria-label", "onInput"], Za = ["aria-label"], Ba = { class: "legend-label" }, Aa = {
   key: 0,
   class: "empty-state"
-}, ti = /* @__PURE__ */ Ce({
+}, Na = /* @__PURE__ */ $e({
   __name: "LayerRadioButtonSet",
   props: {
     layers: {},
@@ -2616,320 +2496,320 @@ const un = { class: "layerboard-layout" }, dn = ["aria-expanded"], fn = {
     groupLabel: {}
   },
   emits: ["selectLayer", "setOpacity"],
-  setup(e, { emit: i }) {
-    const t = e, n = i;
-    function a(g) {
-      return t.visibleLayerIds.has(g);
+  setup(t, { emit: i }) {
+    const a = t, o = i;
+    function l(p) {
+      return a.visibleLayerIds.has(p);
     }
-    function l(g) {
-      return t.layerOpacities[g] ?? 1;
+    function n(p) {
+      return a.layerOpacities[p] ?? 1;
     }
-    function c(g) {
-      return t.loadingLayerIds.has(g);
+    function y(p) {
+      return a.loadingLayerIds.has(p);
     }
-    function w(g) {
-      return t.layerErrors[g] || null;
+    function $(p) {
+      return a.layerErrors[p] || null;
     }
-    function y(g) {
-      const h = t.currentZoom, u = g.minZoom, f = g.maxZoom;
-      return !(u !== void 0 && h < u || f !== void 0 && h > f);
+    function m(p) {
+      const g = a.currentZoom, c = p.minZoom, u = p.maxZoom;
+      return !(c !== void 0 && g < c || u !== void 0 && g > u);
     }
-    function P(g) {
-      return t.showOpacity ? g.displayOptions?.shouldShowSlider !== !1 : !1;
+    function M(p) {
+      return a.showOpacity ? p.displayOptions?.shouldShowSlider !== !1 : !1;
     }
-    function b(g) {
-      return t.showLegend ? g.displayOptions?.shouldShowLegendBox !== !1 : !1;
+    function L(p) {
+      return a.showLegend ? p.displayOptions?.shouldShowLegendBox !== !1 : !1;
     }
-    function C(g) {
-      return g.displayOptions?.layerNameChange || g.title;
+    function S(p) {
+      return p.displayOptions?.layerNameChange || p.title;
     }
-    function s(g) {
-      const h = t.layers.filter((u) => t.visibleLayerIds.has(u.id) && u.id !== g).map((u) => u.id);
-      n("selectLayer", g, h);
+    function s(p) {
+      const g = a.layers.filter((c) => a.visibleLayerIds.has(c.id) && c.id !== p).map((c) => c.id);
+      o("selectLayer", p, g);
     }
-    function k(g, h) {
-      const u = h.target;
-      n("setOpacity", g, parseFloat(u.value));
+    function C(p, g) {
+      const c = g.target;
+      o("setOpacity", p, parseFloat(c.value));
     }
-    return (g, h) => (p(), v("div", {
+    return (p, g) => (f(), h("div", {
       class: "layer-radio-set",
       role: "radiogroup",
-      "aria-label": e.groupLabel
+      "aria-label": t.groupLabel
     }, [
-      (p(!0), v(ie, null, re(e.layers, (u) => (p(), v("div", {
-        key: u.id,
+      (f(!0), h(ie, null, se(t.layers, (c) => (f(), h("div", {
+        key: c.id,
         class: "layer-item"
       }, [
-        _("label", {
-          class: ae(["layer-radio", {
-            "layer-unavailable": !y(u),
-            "layer-error": w(u.id)
+        P("label", {
+          class: ne(["layer-radio", {
+            "layer-unavailable": !m(c),
+            "layer-error": $(c.id)
           }])
         }, [
-          _("input", {
+          P("input", {
             type: "radio",
-            name: e.groupName,
-            checked: a(u.id),
-            disabled: !y(u),
-            onChange: (f) => s(u.id)
-          }, null, 40, Wn),
-          _("span", jn, [
-            be(U(C(u)) + " ", 1),
-            c(u.id) ? (p(), v("span", qn, " Loading... ")) : T("", !0),
-            w(u.id) ? (p(), v("span", {
+            name: t.groupName,
+            checked: l(c.id),
+            disabled: !m(c),
+            onChange: (u) => s(c.id)
+          }, null, 40, Ta),
+          P("span", Fa, [
+            Le(N(S(c)) + " ", 1),
+            y(c.id) ? (f(), h("span", Ea, " Loading... ")) : E("", !0),
+            $(c.id) ? (f(), h("span", {
               key: 1,
               class: "error-indicator",
-              "aria-label": w(u.id) || "Error",
+              "aria-label": $(c.id) || "Error",
               role: "status"
-            }, " Error ", 8, Gn)) : T("", !0),
-            y(u) ? T("", !0) : (p(), v("span", Hn, " (zoom in) "))
+            }, " Error ", 8, Oa)) : E("", !0),
+            m(c) ? E("", !0) : (f(), h("span", za, " (zoom in) "))
           ])
         ], 2),
-        P(u) && a(u.id) ? (p(), v("div", Jn, [
-          _("label", {
+        M(c) && l(c.id) ? (f(), h("div", Ia, [
+          P("label", {
             class: "opacity-label",
-            for: "opacity-" + u.id
-          }, " Opacity: " + U(Math.round(l(u.id) * 100)) + "% ", 9, Kn),
-          _("input", {
-            id: "opacity-" + u.id,
+            for: "opacity-" + c.id
+          }, " Opacity: " + N(Math.round(n(c.id) * 100)) + "% ", 9, Ra),
+          P("input", {
+            id: "opacity-" + c.id,
             type: "range",
             min: "0",
             max: "1",
             step: "0.05",
-            value: l(u.id),
-            "aria-label": "Opacity for " + C(u),
+            value: n(c.id),
+            "aria-label": "Opacity for " + S(c),
             class: "opacity-slider",
-            onInput: (f) => k(u.id, f)
-          }, null, 40, Qn)
-        ])) : T("", !0),
-        b(u) && a(u.id) && u.legend?.length ? (p(), v("ul", {
+            onInput: (u) => C(c.id, u)
+          }, null, 40, Da)
+        ])) : E("", !0),
+        L(c) && l(c.id) && c.legend?.length ? (f(), h("ul", {
           key: 1,
           class: "layer-legend",
-          "aria-label": "Legend for " + C(u)
+          "aria-label": "Legend for " + S(c)
         }, [
-          (p(!0), v(ie, null, re(u.legend, (f, L) => (p(), v("li", {
-            key: L,
+          (f(!0), h(ie, null, se(c.legend, (u, b) => (f(), h("li", {
+            key: b,
             class: "legend-item"
           }, [
-            f.type === "circle" ? (p(), v("span", {
+            u.type === "circle" ? (f(), h("span", {
               key: 0,
               class: "legend-symbol legend-circle",
-              style: K({ backgroundColor: f.color }),
+              style: J({ backgroundColor: u.color }),
               "aria-hidden": "true"
-            }, null, 4)) : f.type === "line" ? (p(), v("span", {
+            }, null, 4)) : u.type === "line" ? (f(), h("span", {
               key: 1,
               class: "legend-symbol legend-line",
-              style: K({
-                backgroundColor: f.color,
-                height: `${f.width || 2}px`
+              style: J({
+                backgroundColor: u.color,
+                height: `${u.width || 2}px`
               }),
               "aria-hidden": "true"
-            }, null, 4)) : f.type === "fill" ? (p(), v("span", {
+            }, null, 4)) : u.type === "fill" ? (f(), h("span", {
               key: 2,
               class: "legend-symbol legend-fill",
-              style: K({ backgroundColor: f.color }),
+              style: J({ backgroundColor: u.color }),
               "aria-hidden": "true"
-            }, null, 4)) : T("", !0),
-            _("span", Yn, U(f.label), 1)
+            }, null, 4)) : E("", !0),
+            P("span", Ba, N(u.label), 1)
           ]))), 128))
-        ], 8, Xn)) : T("", !0)
+        ], 8, Za)) : E("", !0)
       ]))), 128)),
-      e.layers.length === 0 ? (p(), v("div", ei, "No layers available")) : T("", !0)
-    ], 8, Un));
+      t.layers.length === 0 ? (f(), h("div", Aa, "No layers available")) : E("", !0)
+    ], 8, Ma));
   }
-}), di = /* @__PURE__ */ Re(ti, [["__scopeId", "data-v-5e01b240"]]);
-function fi(e) {
-  const i = $([]), t = $(/* @__PURE__ */ new Set()), n = $({}), a = $(/* @__PURE__ */ new Set()), l = $({}), c = $(""), w = $(!1), y = $(!1), P = $(null), b = I(() => {
-    if (!c.value.trim())
+}), Qa = /* @__PURE__ */ De(Na, [["__scopeId", "data-v-5e01b240"]]);
+function Xa(t) {
+  const i = k([]), a = k(/* @__PURE__ */ new Set()), o = k({}), l = k(/* @__PURE__ */ new Set()), n = k({}), y = k(""), $ = k(!1), m = k(!1), M = k(null), L = z(() => {
+    if (!y.value.trim())
       return i.value;
-    const F = c.value.toLowerCase();
+    const F = y.value.toLowerCase();
     return i.value.filter((R) => R.title.toLowerCase().includes(F));
-  }), C = I(() => i.value.map((F) => ({
+  }), S = z(() => i.value.map((F) => ({
     config: F,
     component: F.type
     // "circle", "fill", or "line"
   })));
   async function s() {
-    if (!y.value) {
-      w.value = !0, P.value = null;
+    if (!m.value) {
+      $.value = !0, M.value = null;
       try {
         let F;
-        e.mode === "dynamic" || !e.mode ? e.webMapId ? F = await k(e.webMapId) : F = await gt() : F = await gt(), i.value = F;
+        t.mode === "dynamic" || !t.mode ? t.webMapId ? F = await C(t.webMapId) : F = await pt() : F = await pt(), i.value = F;
         const R = {};
-        F.forEach((A) => {
-          R[A.id] = A.opacity ?? 1;
-        }), n.value = R, y.value = !0;
+        F.forEach((Z) => {
+          R[Z.id] = Z.opacity ?? 1;
+        }), o.value = R, m.value = !0;
       } catch (F) {
-        P.value = F instanceof Error ? F : new Error("Failed to initialize layerboard");
+        M.value = F instanceof Error ? F : new Error("Failed to initialize layerboard");
       } finally {
-        w.value = !1;
+        $.value = !1;
       }
     }
   }
-  async function k(F) {
-    const R = mt(F), A = await fetch(R, { cache: "no-store" });
-    if (!A.ok)
-      throw new Error(`Failed to fetch WebMap: ${A.status} ${A.statusText}`);
-    const de = await A.json();
-    return zt(de);
+  async function C(F) {
+    const R = gt(F), Z = await fetch(R, { cache: "no-store" });
+    if (!Z.ok)
+      throw new Error(`Failed to fetch WebMap: ${Z.status} ${Z.statusText}`);
+    const pe = await Z.json();
+    return Ft(pe);
   }
-  function g(F) {
-    const R = new Set(t.value);
-    R.has(F) ? R.delete(F) : R.add(F), t.value = R;
+  function p(F) {
+    const R = new Set(a.value);
+    R.has(F) ? R.delete(F) : R.add(F), a.value = R;
   }
-  function h(F, R) {
-    n.value = {
-      ...n.value,
+  function g(F, R) {
+    o.value = {
+      ...o.value,
       [F]: Math.max(0, Math.min(1, R))
     };
   }
-  function u(F) {
-    c.value = F;
+  function c(F) {
+    y.value = F;
   }
-  function f(F, R) {
-    const A = new Set(a.value);
-    R ? A.add(F) : A.delete(F), a.value = A;
+  function u(F, R) {
+    const Z = new Set(l.value);
+    R ? Z.add(F) : Z.delete(F), l.value = Z;
   }
-  function L(F, R) {
+  function b(F, R) {
     if (R)
-      l.value = { ...l.value, [F]: R };
+      n.value = { ...n.value, [F]: R };
     else {
-      const A = { ...l.value };
-      delete A[F], l.value = A;
+      const Z = { ...n.value };
+      delete Z[F], n.value = Z;
     }
   }
-  function z() {
-    i.value = [], t.value = /* @__PURE__ */ new Set(), n.value = {}, a.value = /* @__PURE__ */ new Set(), l.value = {}, c.value = "", w.value = !1, y.value = !1, P.value = null;
+  function I() {
+    i.value = [], a.value = /* @__PURE__ */ new Set(), o.value = {}, l.value = /* @__PURE__ */ new Set(), n.value = {}, y.value = "", $.value = !1, m.value = !1, M.value = null;
   }
   return {
     // State (readonly)
-    layerConfigs: G(i),
-    visibleLayers: G(t),
-    layerOpacities: G(n),
-    loadingLayers: G(a),
-    layerErrors: G(l),
-    searchQuery: G(c),
-    isLoading: G(w),
-    isInitialized: G(y),
-    error: G(P),
+    layerConfigs: j(i),
+    visibleLayers: j(a),
+    layerOpacities: j(o),
+    loadingLayers: j(l),
+    layerErrors: j(n),
+    searchQuery: j(y),
+    isLoading: j($),
+    isInitialized: j(m),
+    error: j(M),
     // Computed
-    filteredLayerConfigs: b,
-    layerList: C,
+    filteredLayerConfigs: L,
+    layerList: S,
     // Config
-    config: e,
+    config: t,
     // Methods
     initialize: s,
-    toggleLayer: g,
-    setLayerOpacity: h,
-    filterLayers: u,
-    setLayerLoading: f,
-    setLayerError: L,
-    reset: z
+    toggleLayer: p,
+    setLayerOpacity: g,
+    filterLayers: c,
+    setLayerLoading: u,
+    setLayerError: b,
+    reset: I
   };
 }
-function pi() {
-  const e = $([]), i = $(/* @__PURE__ */ new Set()), t = $(/* @__PURE__ */ new Set());
-  function n(l) {
-    i.value.has(l) ? i.value.delete(l) : i.value.add(l);
+function Ya() {
+  const t = k([]), i = k(/* @__PURE__ */ new Set()), a = k(/* @__PURE__ */ new Set());
+  function o(n) {
+    i.value.has(n) ? i.value.delete(n) : i.value.add(n);
   }
-  function a(l) {
-    e.value = l;
+  function l(n) {
+    t.value = n;
   }
   return {
-    layers: I(() => e.value),
-    visibleLayerIds: I(() => i.value),
-    loadingLayerIds: I(() => t.value),
-    toggleLayer: n,
-    setLayers: a
+    layers: z(() => t.value),
+    visibleLayerIds: z(() => i.value),
+    loadingLayerIds: z(() => a.value),
+    toggleLayer: o,
+    setLayers: l
   };
 }
-function oi(e) {
-  const i = $(null), t = $(!1), n = $(null), a = $(0);
-  async function l(y = {}) {
-    t.value = !0, n.value = null;
-    const P = e.pageSize || 2e3;
-    let b = 0, C = [], s = !0;
+function Va(t) {
+  const i = k(null), a = k(!1), o = k(null), l = k(0);
+  async function n(m = {}) {
+    a.value = !0, o.value = null;
+    const M = t.pageSize || 2e3;
+    let L = 0, S = [], s = !0;
     try {
       for (; s; ) {
-        const g = e.url.replace(/\/$/, ""), h = encodeURIComponent(y.where || e.where || "1=1");
-        let u = `${g}/query?where=${h}&outFields=*&returnGeometry=true&resultRecordCount=${P}&resultOffset=${b}&f=geojson`;
-        if (y.bounds) {
-          const z = JSON.stringify({
-            xmin: y.bounds.west,
-            ymin: y.bounds.south,
-            xmax: y.bounds.east,
-            ymax: y.bounds.north,
+        const p = t.url.replace(/\/$/, ""), g = encodeURIComponent(m.where || t.where || "1=1");
+        let c = `${p}/query?where=${g}&outFields=*&returnGeometry=true&resultRecordCount=${M}&resultOffset=${L}&f=geojson`;
+        if (m.bounds) {
+          const I = JSON.stringify({
+            xmin: m.bounds.west,
+            ymin: m.bounds.south,
+            xmax: m.bounds.east,
+            ymax: m.bounds.north,
             spatialReference: { wkid: 4326 }
           });
-          u += `&geometry=${encodeURIComponent(z)}&geometryType=esriGeometryEnvelope&spatialRel=esriSpatialRelIntersects`;
+          c += `&geometry=${encodeURIComponent(I)}&geometryType=esriGeometryEnvelope&spatialRel=esriSpatialRelIntersects`;
         }
-        const f = await fetch(u);
-        if (!f.ok)
-          throw new Error(`HTTP ${f.status}: ${f.statusText}`);
-        const L = await f.json();
-        L.features && L.features.length > 0 ? (C = C.concat(L.features), b += L.features.length, s = L.features.length === P) : s = !1;
+        const u = await fetch(c);
+        if (!u.ok)
+          throw new Error(`HTTP ${u.status}: ${u.statusText}`);
+        const b = await u.json();
+        b.features && b.features.length > 0 ? (S = S.concat(b.features), L += b.features.length, s = b.features.length === M) : s = !1;
       }
-      const k = {
+      const C = {
         type: "FeatureCollection",
-        features: C
+        features: S
       };
-      return i.value = k, a.value = C.length, k;
-    } catch (k) {
-      const g = k instanceof Error ? k : new Error("Failed to fetch features");
-      throw n.value = g, g;
+      return i.value = C, l.value = S.length, C;
+    } catch (C) {
+      const p = C instanceof Error ? C : new Error("Failed to fetch features");
+      throw o.value = p, p;
     } finally {
-      t.value = !1;
+      a.value = !1;
     }
   }
-  function c() {
-    i.value = null, a.value = 0, n.value = null;
+  function y() {
+    i.value = null, l.value = 0, o.value = null;
   }
-  async function w(y = {}) {
-    return l(y);
+  async function $(m = {}) {
+    return n(m);
   }
   return {
     // State (readonly)
-    data: G(i),
-    isLoading: G(t),
-    error: G(n),
-    totalFeatures: G(a),
+    data: j(i),
+    isLoading: j(a),
+    error: j(o),
+    totalFeatures: j(l),
     // Config
-    config: e,
+    config: t,
     // Methods
-    fetch: l,
-    refetch: w,
-    clear: c
+    fetch: n,
+    refetch: $,
+    clear: y
   };
 }
-function yi(e, i, t) {
-  const n = oi(e);
-  return ze(
+function ei(t, i, a) {
+  const o = Va(t);
+  return Re(
     i,
-    async (a) => {
-      if (a) {
-        const l = t(a);
-        await n.fetch(l);
+    async (l) => {
+      if (l) {
+        const n = a(l);
+        await o.fetch(n);
       }
     },
     { immediate: !0 }
-  ), n;
+  ), o;
 }
 export {
-  ui as LayerCheckboxSet,
-  jo as LayerPanel,
-  di as LayerRadioButtonSet,
-  si as Layerboard,
-  lo as MapPanel,
-  ci as TopicAccordion,
-  li as WEBMAP_ID,
-  mt as buildWebMapUrl,
-  an as clearCache,
-  gt as getLayerConfigs,
-  ri as getWebMapUrl,
-  zt as transformWebMapToLayerConfigs,
-  cn as useApiDataSources,
-  oi as useDataSource,
-  pi as useLayerConfig,
-  fi as useLayerboard,
-  yi as useReactiveDataSource
+  Ka as LayerCheckboxSet,
+  Eo as LayerPanel,
+  Qa as LayerRadioButtonSet,
+  Ha as Layerboard,
+  Gt as MapPanel,
+  Ja as TopicAccordion,
+  qa as WEBMAP_ID,
+  gt as buildWebMapUrl,
+  jo as clearCache,
+  pt as getLayerConfigs,
+  Ga as getWebMapUrl,
+  Ft as transformWebMapToLayerConfigs,
+  Jo as useApiDataSources,
+  Va as useDataSource,
+  Ya as useLayerConfig,
+  Xa as useLayerboard,
+  ei as useReactiveDataSource
 };