@phila/layerboard 3.0.0-beta.6 → 3.0.0-beta.7

package/dist/index.mjs

@@ -1,7 +1,7 @@
-import { defineComponent as we, ref as C, watch as Pe, computed as I, onMounted as Ve, onUnmounted as Lt, createElementBlock as w, openBlock as p, createVNode as K, unref as _, withCtx as Ee, createBlock as Y, createCommentVNode as O, Fragment as ie, renderList as se, useAttrs as Ft, toRef as zt, normalizeClass as ne, createElementVNode as P, toDisplayString as j, renderSlot as ae, withDirectives as St, mergeProps as tt, vModelDynamic as Tt, createTextVNode as me, normalizeProps as dt, guardReactiveProps as ft, withModifiers as Et, normalizeStyle as ee, readonly as W, provide as U, resolveComponent as _t, vShow as Ot } from "vue";
+import { defineComponent as ve, ref as $, watch as Pe, computed as I, onMounted as Ne, onUnmounted as Lt, createElementBlock as m, openBlock as u, createVNode as X, unref as O, withCtx as Ee, createBlock as ee, createCommentVNode as T, Fragment as oe, renderList as ae, useAttrs as Mt, toRef as zt, normalizeClass as ne, createElementVNode as k, toDisplayString as W, renderSlot as le, withDirectives as St, mergeProps as tt, vModelDynamic as Ft, createTextVNode as fe, normalizeProps as dt, guardReactiveProps as ft, withModifiers as Tt, normalizeStyle as H, readonly as j, provide as U, resolveComponent as Et, vShow as Ot } from "vue";
 import { Map as It, DrawTool as Rt, RasterLayer as pt, CircleLayer as yt, FillLayer as Dt, LineLayer as Ye, MapMarker as Zt, MapPopup as Bt } from "@phila/phila-ui-map-core";
-import { cn as ot, Icon as ue, BaseLink as Vt, ActionContent as gt } from "@phila/phila-ui-core";
-function Ne(e, n, t = {}) {
+import { cn as ot, Icon as ue, BaseLink as Nt, ActionContent as gt } from "@phila/phila-ui-core";
+function Ve(e, n, t = {}) {
   const o = { type: "Feature" };
   return (t.id === 0 || t.id) && (o.id = t.id), t.bbox && (o.bbox = t.bbox), o.properties = n || {}, o.geometry = e, o;
 }
@@ -17,27 +17,27 @@ function At(e, n, t = {}) {
       if (a[a.length - 1][l] !== a[0][l])
         throw new Error("First and last Position are not equivalent.");
   }
-  return Ne({
+  return Ve({
     type: "Polygon",
     coordinates: e
   }, n, t);
 }
-function Nt(e, n, t = {}) {
+function Vt(e, n, t = {}) {
   if (e.length < 2)
     throw new Error("coordinates must be an array of two or more positions");
-  return Ne({
+  return Ve({
     type: "LineString",
     coordinates: e
   }, n, t);
 }
 function Ut(e, n, t = {}) {
-  return Ne({
+  return Ve({
     type: "MultiLineString",
     coordinates: e
   }, n, t);
 }
 function Wt(e, n, t = {}) {
-  return Ne({
+  return Ve({
     type: "MultiPolygon",
     coordinates: e
   }, n, t);
@@ -46,27 +46,27 @@ function jt(e) {
   return e.type === "Feature" ? e.geometry : e;
 }
 function qt(e, n, t) {
-  var o = e.length, a = Me(e[0], n), l = [], c, h, f;
-  let M, m;
+  var o = e.length, a = _e(e[0], n), l = [], c, v, y;
+  let P, w;
   for (t || (t = []), c = 1; c < o; c++) {
-    for (M = e[c - 1], m = e[c], h = f = Me(m, n); ; )
-      if (a | h) {
-        if (a & h)
+    for (P = e[c - 1], w = e[c], v = y = _e(w, n); ; )
+      if (a | v) {
+        if (a & v)
           break;
-        a ? (M = nt(M, m, a, n), a = Me(M, n)) : (m = nt(M, m, h, n), h = Me(m, n));
+        a ? (P = nt(P, w, a, n), a = _e(P, n)) : (w = nt(P, w, v, n), v = _e(w, n));
       } else {
-        l.push(M), h !== f ? (l.push(m), c < o - 1 && (t.push(l), l = [])) : c === o - 1 && l.push(m);
+        l.push(P), v !== y ? (l.push(w), c < o - 1 && (t.push(l), l = [])) : c === o - 1 && l.push(w);
         break;
       }
-    a = f;
+    a = y;
   }
   return l.length && t.push(l), t;
 }
 function Gt(e, n) {
-  var t, o, a, l, c, h, f;
+  var t, o, a, l, c, v, y;
   for (o = 1; o <= 8; o *= 2) {
-    for (t = [], a = e[e.length - 1], l = !(Me(a, n) & o), c = 0; c < e.length; c++)
-      h = e[c], f = !(Me(h, n) & o), f !== l && t.push(nt(a, h, o, n)), f && t.push(h), a = h, l = f;
+    for (t = [], a = e[e.length - 1], l = !(_e(a, n) & o), c = 0; c < e.length; c++)
+      v = e[c], y = !(_e(v, n) & o), y !== l && t.push(nt(a, v, o, n)), y && t.push(v), a = v, l = y;
     if (e = t, !e.length) break;
   }
   return t;
@@ -74,7 +74,7 @@ function Gt(e, n) {
 function nt(e, n, t, o) {
   return t & 8 ? [e[0] + (n[0] - e[0]) * (o[3] - e[1]) / (n[1] - e[1]), o[3]] : t & 4 ? [e[0] + (n[0] - e[0]) * (o[1] - e[1]) / (n[1] - e[1]), o[1]] : t & 2 ? [o[2], e[1] + (n[1] - e[1]) * (o[2] - e[0]) / (n[0] - e[0])] : t & 1 ? [o[0], e[1] + (n[1] - e[1]) * (o[0] - e[0]) / (n[0] - e[0])] : null;
 }
-function Me(e, n) {
+function _e(e, n) {
   var t = 0;
   return e[0] < n[0] ? t |= 1 : e[0] > n[2] && (t |= 2), e[1] < n[1] ? t |= 4 : e[1] > n[3] && (t |= 8), t;
 }
@@ -85,9 +85,9 @@ function Ht(e, n) {
     case "LineString":
     case "MultiLineString": {
       const c = [];
-      return o === "LineString" && (l = [l]), l.forEach((h) => {
-        qt(h, n, c);
-      }), c.length === 1 ? Nt(c[0], a) : Ut(c, a);
+      return o === "LineString" && (l = [l]), l.forEach((v) => {
+        qt(v, n, c);
+      }), c.length === 1 ? Vt(c[0], a) : Ut(c, a);
     }
     case "Polygon":
       return At(ht(l, n), a);
@@ -109,7 +109,7 @@ function ht(e, n) {
   return t;
 }
 var Jt = Ht;
-const Qt = { class: "map-panel" }, Kt = /* @__PURE__ */ we({
+const Qt = { class: "map-panel" }, Kt = /* @__PURE__ */ ve({
   __name: "MapPanel",
   props: {
     visibleLayers: {},
@@ -132,34 +132,34 @@ const Qt = { class: "map-panel" }, Kt = /* @__PURE__ */ we({
   },
   emits: ["zoom", "layerLoading", "layerError"],
   setup(e, { emit: n }) {
-    const t = e, o = n, a = C(null), l = C(null), c = C(0);
-    function h(i) {
-      o("zoom", i), l.value && (c.value = f(l.value));
-    }
-    function f(i) {
-      const u = i.getZoom(), x = i.getCenter().lat, k = 559082264028e-3, z = x * Math.PI / 180;
-      return k * Math.cos(z) / Math.pow(2, u);
-    }
-    const M = C({}), m = C(null), v = C(/* @__PURE__ */ new Set()), s = ["fema-100-year-floodplain", "fema-500-year-floodplain"];
-    async function d(i, u, r, x) {
-      const k = encodeURIComponent(x || "1=1"), z = JSON.stringify({
-        xmin: u.west,
-        ymin: u.south,
-        xmax: u.east,
-        ymax: u.north,
+    const t = e, o = n, a = $(null), l = $(null), c = $(0);
+    function v(i) {
+      o("zoom", i), l.value && (c.value = y(l.value));
+    }
+    function y(i) {
+      const f = i.getZoom(), _ = i.getCenter().lat, x = 559082264028e-3, z = _ * Math.PI / 180;
+      return x * Math.cos(z) / Math.pow(2, f);
+    }
+    const P = $({}), w = $(null), L = $(/* @__PURE__ */ new Set()), r = ["fema-100-year-floodplain", "fema-500-year-floodplain"];
+    async function h(i, f, s, _) {
+      const x = encodeURIComponent(_ || "1=1"), z = JSON.stringify({
+        xmin: f.west,
+        ymin: f.south,
+        xmax: f.east,
+        ymax: f.north,
         spatialReference: { wkid: 4326 }
       }), R = 2e3;
-      let V = 0, N = [], X = !0;
-      for (; X; ) {
-        const G = `${i}/query?where=${k}&geometry=${encodeURIComponent(z)}&geometryType=esriGeometryEnvelope&spatialRel=esriSpatialRelIntersects&outFields=*&returnGeometry=true&resultRecordCount=${R}&resultOffset=${V}&f=geojson`, Z = await fetch(G);
+      let N = 0, V = [], Y = !0;
+      for (; Y; ) {
+        const G = `${i}/query?where=${x}&geometry=${encodeURIComponent(z)}&geometryType=esriGeometryEnvelope&spatialRel=esriSpatialRelIntersects&outFields=*&returnGeometry=true&resultRecordCount=${R}&resultOffset=${N}&f=geojson`, Z = await fetch(G);
         if (!Z.ok)
           throw new Error(`HTTP ${Z.status}: ${Z.statusText}`);
-        const H = await Z.json();
-        H.features && H.features.length > 0 ? (N = N.concat(H.features), V += H.features.length, X = H.features.length === R) : X = !1;
+        const J = await Z.json();
+        J.features && J.features.length > 0 ? (V = V.concat(J.features), N += J.features.length, Y = J.features.length === R) : Y = !1;
       }
-      if (s.includes(r)) {
-        const G = [u.west, u.south, u.east, u.north];
-        N = N.map((Z) => {
+      if (r.includes(s)) {
+        const G = [f.west, f.south, f.east, f.north];
+        V = V.map((Z) => {
           if (Z.geometry && (Z.geometry.type === "Polygon" || Z.geometry.type === "MultiPolygon"))
             try {
               return Jt(Z, G);
@@ -171,71 +171,71 @@ const Qt = { class: "map-panel" }, Kt = /* @__PURE__ */ we({
       }
       return {
         type: "FeatureCollection",
-        features: N
+        features: V
       };
     }
-    async function $(i, u) {
-      const r = u.map(async (x) => {
-        const k = t.layerList.find((z) => z.config.id === x)?.config;
-        if (k) {
-          o("layerLoading", x, !0);
+    async function b(i, f) {
+      const s = f.map(async (_) => {
+        const x = t.layerList.find((z) => z.config.id === _)?.config;
+        if (x) {
+          o("layerLoading", _, !0);
           try {
-            const z = await d(k.url, i, x, k.where);
-            M.value = { ...M.value, [x]: z }, o("layerError", x, null);
+            const z = await h(x.url, i, _, x.where);
+            P.value = { ...P.value, [_]: z }, o("layerError", _, null);
           } catch (z) {
             const R = z instanceof Error ? z.message : "Failed to load";
-            o("layerError", x, R);
+            o("layerError", _, R);
           } finally {
-            o("layerLoading", x, !1);
+            o("layerLoading", _, !1);
           }
         }
       });
-      await Promise.all(r);
+      await Promise.all(s);
     }
-    async function y(i) {
-      const u = [...t.visibleLayers];
-      await $(i, u);
+    async function g(i) {
+      const f = [...t.visibleLayers];
+      await b(i, f);
     }
-    function S(i) {
-      m.value = i.bounds, y(i.bounds);
+    function p(i) {
+      w.value = i.bounds, g(i.bounds);
     }
-    function g(i) {
+    function d(i) {
       l.value = i;
-      const u = i.getBounds();
-      m.value = {
-        west: u.getWest(),
-        south: u.getSouth(),
-        east: u.getEast(),
-        north: u.getNorth()
+      const f = i.getBounds();
+      w.value = {
+        west: f.getWest(),
+        south: f.getSouth(),
+        east: f.getEast(),
+        north: f.getNorth()
       };
-      const r = i.getZoom();
-      o("zoom", r), c.value = f(i), y(m.value);
+      const s = i.getZoom();
+      o("zoom", s), c.value = y(i), g(w.value);
     }
     Pe(
       () => t.visibleLayers.size,
       async () => {
-        if (oe.value.length > 0 && te(), m.value) {
-          const i = new Set(t.visibleLayers), u = [...i].filter(
-            (r) => !v.value.has(r)
+        if (ie.value.length > 0 && te(), w.value) {
+          const i = new Set(t.visibleLayers), f = [...i].filter(
+            (s) => !L.value.has(s)
           );
-          v.value = new Set(i), u.length > 0 && await $(m.value, u);
+          L.value = new Set(i), f.length > 0 && await b(w.value, f);
         }
       }
     );
-    function b(i) {
+    function S(i) {
       return t.visibleLayers.has(i);
     }
     function E(i) {
-      return !!M.value[i.id];
+      return !!P.value[i.id];
     }
-    const T = I(
-      () => t.layerList.filter((i) => i.config.type === "circle" && b(i.config.id) && E(i.config)).map((i) => i.config)
+    const F = I(
+      () => t.layerList.filter((i) => i.config.type === "circle" && S(i.config.id) && E(i.config)).map((i) => i.config)
     ), B = I(
-      () => t.layerList.filter((i) => i.config.type === "fill" && b(i.config.id) && E(i.config)).map((i) => i.config)
+      () => t.layerList.filter((i) => i.config.type === "fill" && S(i.config.id) && E(i.config)).map((i) => i.config)
     ), q = I(
-      () => t.layerList.filter((i) => i.config.type === "fill" && i.config.outlinePaint && b(i.config.id) && E(i.config)).map((i) => i.config)
+      () => t.layerList.filter((i) => i.config.type === "fill" && i.config.outlinePaint && S(i.config.id) && E(i.config)).map((i) => i.config)
     ), ce = I(
-      () => t.layerList.filter((i) => i.config.type === "line" && b(i.config.id) && E(i.config)).map((i) => i.config)
+      () => t.layerList.filter((i) => i.config.type === "line" && S(i.config.id) && E(i.config)).map((i) => i.config)
     );
     function Le(i) {
       return t.visibleTiledLayers?.has(i) ?? !1;
@@ -254,28 +254,28 @@ const Qt = { class: "map-panel" }, Kt = /* @__PURE__ */ we({
         attribution: i.attribution || ""
       };
     }
-    const ze = C({}), Ie = C(/* @__PURE__ */ new Set());
+    const Fe = $({}), Ie = $(/* @__PURE__ */ new Set());
     async function Te(i) {
       if (!Ie.value.has(i.id)) {
         Ie.value.add(i.id);
         try {
-          const u = i.url.replace(/\/$/, ""), r = await fetch(`${u}?f=json`);
-          if (!r.ok)
+          const f = i.url.replace(/\/$/, ""), s = await fetch(`${f}?f=json`);
+          if (!s.ok)
             return;
-          const x = await r.json();
-          let k = x.minScale || 0, z = x.maxScale || 0;
-          if (x.layers && x.layers.length > 0)
-            for (const R of x.layers)
+          const _ = await s.json();
+          let x = _.minScale || 0, z = _.maxScale || 0;
+          if (_.layers && _.layers.length > 0)
+            for (const R of _.layers)
               R.maxScale && R.maxScale > 0 && (z === 0 || R.maxScale < z) && (z = R.maxScale);
-          z === 0 && (z = 72e3), ze.value = {
-            ...ze.value,
-            [i.id]: { minScale: k, maxScale: z }
+          z === 0 && (z = 72e3), Fe.value = {
+            ...Fe.value,
+            [i.id]: { minScale: x, maxScale: z }
           };
         } catch {
         }
       }
     }
-    Ve(() => {
+    Ne(() => {
       if (t.tiledLayers)
         for (const i of t.tiledLayers)
           i.scaleBasedRendering && Te(i);
@@ -283,11 +283,11 @@ const Qt = { class: "map-panel" }, Kt = /* @__PURE__ */ we({
     function Re(i) {
       if (!i.scaleBasedRendering)
         return "tiled";
-      const u = ze.value[i.id];
-      if (!u)
+      const f = Fe.value[i.id];
+      if (!f)
         return "tiled";
-      const r = c.value;
-      return r === 0 || r > u.maxScale ? "tiled" : "dynamic";
+      const s = c.value;
+      return s === 0 || s > f.maxScale ? "tiled" : "dynamic";
     }
     const qe = I(() => t.tiledLayers ? t.tiledLayers.filter((i) => Le(i.id) ? i.scaleBasedRendering ? Re(i) === "tiled" : !0 : !1) : []), Ge = I(() => t.tiledLayers ? t.tiledLayers.filter((i) => Le(i.id) && i.scaleBasedRendering ? Re(i) === "dynamic" : !1) : []);
     function Ce(i) {
@@ -298,147 +298,147 @@ const Qt = { class: "map-panel" }, Kt = /* @__PURE__ */ we({
         attribution: i.attribution || ""
       };
     }
-    function fe(i) {
-      return { type: "geojson", data: M.value[i.id] };
+    function pe(i) {
+      return { type: "geojson", data: P.value[i.id] };
     }
     function ke(i) {
       return t.layerOpacities[i] ?? 1;
     }
-    function pe(i) {
-      const u = ke(i.id), r = i.type === "circle" ? "circle-opacity" : i.type === "fill" ? "fill-opacity" : "line-opacity";
+    function ye(i) {
+      const f = ke(i.id), s = i.type === "circle" ? "circle-opacity" : i.type === "fill" ? "fill-opacity" : "line-opacity";
       if (i.type === "fill" && i.paint["fill-opacity"] === 0)
         return { ...i.paint, "fill-opacity": 0 };
-      const x = i.type === "circle" ? "circle-color" : i.type === "fill" ? "fill-color" : "line-color", k = { ...i.paint }, z = k[x], R = k[r] === 1, V = typeof z == "string" && z.startsWith("rgba(");
-      if (R && V) {
-        if (u === 1)
-          return k;
+      const _ = i.type === "circle" ? "circle-color" : i.type === "fill" ? "fill-color" : "line-color", x = { ...i.paint }, z = x[_], R = x[s] === 1, N = typeof z == "string" && z.startsWith("rgba(");
+      if (R && N) {
+        if (f === 1)
+          return x;
         {
-          const N = z.match(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*([\d.]+)\)/);
-          if (N && N[4]) {
-            const [, X, G, Z, H] = N, Xe = parseFloat(H) * u;
-            k[x] = `rgba(${X}, ${G}, ${Z}, ${Xe})`, k[r] = 1;
+          const V = z.match(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*([\d.]+)\)/);
+          if (V && V[4]) {
+            const [, Y, G, Z, J] = V, Xe = parseFloat(J) * f;
+            x[_] = `rgba(${Y}, ${G}, ${Z}, ${Xe})`, x[s] = 1;
           }
-          return k;
+          return x;
         }
       }
-      if (V) {
-        const N = z.match(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*([\d.]+)\)/);
-        if (N) {
-          const [, X, G, Z] = N;
-          k[x] = `rgb(${X}, ${G}, ${Z})`;
+      if (N) {
+        const V = z.match(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*([\d.]+)\)/);
+        if (V) {
+          const [, Y, G, Z] = V;
+          x[_] = `rgb(${Y}, ${G}, ${Z})`;
         }
       }
-      return k[r] = u, k;
+      return x[s] = f, x;
     }
     function He(i) {
-      const u = ke(i.id);
-      return { ...i.outlinePaint, "line-opacity": u };
+      const f = ke(i.id);
+      return { ...i.outlinePaint, "line-opacity": f };
     }
-    const oe = C([]), ye = C(null), J = C(0);
+    const ie = $([]), ge = $(null), Q = $(0);
     function $e(i) {
-      const u = i.replace(/-outline$/, "");
-      return t.layerList.find((x) => x.config.id === u)?.config;
+      const f = i.replace(/-outline$/, "");
+      return t.layerList.find((_) => _.config.id === f)?.config;
     }
-    function ve(i, u) {
-      return i.replace(/\{([^}]+)\}/g, (r, x) => {
-        const k = u[x];
-        return k == null ? "" : String(k);
+    function be(i, f) {
+      return i.replace(/\{([^}]+)\}/g, (s, _) => {
+        const x = f[_];
+        return x == null ? "" : String(x);
       });
     }
-    function Je(i, u) {
+    function Je(i, f) {
       if (i == null) return "-";
-      if (u?.dateFormat && typeof i == "number") {
-        const r = new Date(i);
-        switch (u.dateFormat) {
+      if (f?.dateFormat && typeof i == "number") {
+        const s = new Date(i);
+        switch (f.dateFormat) {
           case "shortDateShortTime":
-            return r.toLocaleString();
+            return s.toLocaleString();
           case "longMonthDayYear":
-            return r.toLocaleDateString(void 0, { month: "long", day: "numeric", year: "numeric" });
+            return s.toLocaleDateString(void 0, { month: "long", day: "numeric", year: "numeric" });
           case "shortDate":
-            return r.toLocaleDateString();
+            return s.toLocaleDateString();
           case "longDate":
-            return r.toLocaleDateString(void 0, { weekday: "long", month: "long", day: "numeric", year: "numeric" });
+            return s.toLocaleDateString(void 0, { weekday: "long", month: "long", day: "numeric", year: "numeric" });
           default:
-            return r.toLocaleDateString();
+            return s.toLocaleDateString();
         }
       }
       if (typeof i == "number") {
-        if (i > 1e12 && !u)
+        if (i > 1e12 && !f)
           return new Date(i).toLocaleDateString();
-        const r = u?.places, x = u?.digitSeparator ?? !0;
-        if (r !== void 0) {
-          const k = i.toFixed(r);
-          if (x) {
-            const z = k.split("."), R = z[0] || "0", V = z[1], N = R.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
-            return V ? `${N}.${V}` : N;
+        const s = f?.places, _ = f?.digitSeparator ?? !0;
+        if (s !== void 0) {
+          const x = i.toFixed(s);
+          if (_) {
+            const z = x.split("."), R = z[0] || "0", N = z[1], V = R.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+            return N ? `${V}.${N}` : V;
           }
-          return k;
+          return x;
         }
-        return x ? i.toLocaleString() : String(i);
+        return _ ? i.toLocaleString() : String(i);
       }
       return String(i);
     }
     function De(i) {
-      const u = /* @__PURE__ */ new Set();
-      return i.filter((r) => {
-        const k = `${r.layer.id.replace(/-outline$/, "")}:${JSON.stringify(r.properties)}`;
-        return u.has(k) ? !1 : (u.add(k), !0);
+      const f = /* @__PURE__ */ new Set();
+      return i.filter((s) => {
+        const x = `${s.layer.id.replace(/-outline$/, "")}:${JSON.stringify(s.properties)}`;
+        return f.has(x) ? !1 : (f.add(x), !0);
       });
     }
-    function ge(i, u) {
-      const r = /* @__PURE__ */ new Map();
-      return u.forEach((x, k) => {
-        r.set(x.id, k);
-      }), i.sort((x, k) => {
-        const z = x.layer.id.replace(/-outline$/, ""), R = k.layer.id.replace(/-outline$/, ""), V = r.get(z) ?? -1;
-        return (r.get(R) ?? -1) - V;
+    function he(i, f) {
+      const s = /* @__PURE__ */ new Map();
+      return f.forEach((_, x) => {
+        s.set(_.id, x);
+      }), i.sort((_, x) => {
+        const z = _.layer.id.replace(/-outline$/, ""), R = x.layer.id.replace(/-outline$/, ""), N = s.get(z) ?? -1;
+        return (s.get(R) ?? -1) - N;
       });
     }
     function xe(i) {
-      const u = l.value;
-      if (!u) return;
-      const r = [];
+      const f = l.value;
+      if (!f) return;
+      const s = [];
       t.layerList.forEach((G) => {
         const Z = G.config;
-        t.visibleLayers.has(Z.id) && (r.push(Z.id), Z.outlinePaint && r.push(`${Z.id}-outline`));
+        t.visibleLayers.has(Z.id) && (s.push(Z.id), Z.outlinePaint && s.push(`${Z.id}-outline`));
       });
-      const x = u.project([i.lngLat.lng, i.lngLat.lat]), k = u.queryRenderedFeatures(x, {
-        layers: r
+      const _ = f.project([i.lngLat.lng, i.lngLat.lat]), x = f.queryRenderedFeatures(_, {
+        layers: s
       });
-      if (k.length === 0) return;
-      const z = De(k), R = t.layerList.map((G) => G.config), V = ge(z, R), N = V.map((G) => {
-        const Z = G.layer.id.replace(/-outline$/, ""), H = $e(Z);
-        return H ? {
-          layerId: H.id,
-          layerTitle: H.title,
+      if (x.length === 0) return;
+      const z = De(x), R = t.layerList.map((G) => G.config), N = he(z, R), V = N.map((G) => {
+        const Z = G.layer.id.replace(/-outline$/, ""), J = $e(Z);
+        return J ? {
+          layerId: J.id,
+          layerTitle: J.title,
           properties: G.properties || {},
-          popupConfig: H.popup
+          popupConfig: J.popup
         } : null;
       }).filter((G) => G !== null);
-      if (N.length === 0) return;
-      oe.value = N, J.value = 0, ye.value = [i.lngLat.lng, i.lngLat.lat];
-      const X = V[0];
-      if (X && X.geometry) {
-        const G = X.layer.id.replace(/-outline$/, ""), Z = $e(G);
+      if (V.length === 0) return;
+      ie.value = V, Q.value = 0, ge.value = [i.lngLat.lng, i.lngLat.lat];
+      const Y = N[0];
+      if (Y && Y.geometry) {
+        const G = Y.layer.id.replace(/-outline$/, ""), Z = $e(G);
         if (Z) {
-          const H = rt(X.geometry), Xe = st(Z.id, Z.type);
-          he.value = {
-            geometry: X.geometry,
-            geometryType: H,
+          const J = rt(Y.geometry), Xe = st(Z.id, Z.type);
+          me.value = {
+            geometry: Y.geometry,
+            geometryType: J,
             layerId: Z.id,
-            properties: X.properties || {},
+            properties: Y.properties || {},
             originalStyle: Xe
           };
         }
       }
     }
     function te() {
-      oe.value = [], ye.value = null, J.value = 0, he.value = null;
+      ie.value = [], ge.value = null, Q.value = 0, me.value = null;
     }
-    function be(i) {
-      if (oe.value.length === 0) return;
-      const u = i.target;
-      if (!(u.tagName === "INPUT" || u.tagName === "TEXTAREA" || u.isContentEditable))
+    function we(i) {
+      if (ie.value.length === 0) return;
+      const f = i.target;
+      if (!(f.tagName === "INPUT" || f.tagName === "TEXTAREA" || f.isContentEditable))
         switch (i.key) {
           case "ArrowLeft":
           case "ArrowUp":
@@ -446,47 +446,47 @@ const Qt = { class: "map-panel" }, Kt = /* @__PURE__ */ we({
             break;
           case "ArrowRight":
           case "ArrowDown":
-            i.preventDefault(), le();
+            i.preventDefault(), re();
             break;
           case "Escape":
             i.preventDefault(), te();
             break;
         }
     }
-    Ve(() => {
-      window.addEventListener("keydown", be);
+    Ne(() => {
+      window.addEventListener("keydown", we);
     }), Lt(() => {
-      window.removeEventListener("keydown", be);
+      window.removeEventListener("keydown", we);
     });
-    function le() {
-      const i = oe.value.length;
-      i <= 1 || (J.value = (J.value + 1) % i);
+    function re() {
+      const i = ie.value.length;
+      i <= 1 || (Q.value = (Q.value + 1) % i);
     }
     function Ze() {
-      const i = oe.value.length;
-      i <= 1 || (J.value = (J.value - 1 + i) % i);
-    }
-    const L = I(() => oe.value.length === 0 ? null : oe.value[J.value]), F = I(() => {
-      const i = L.value;
-      return !i || !i.popupConfig ? i?.layerTitle || "" : ve(i.popupConfig.title, i.properties);
-    }), re = I(() => {
-      const i = L.value;
+      const i = ie.value.length;
+      i <= 1 || (Q.value = (Q.value - 1 + i) % i);
+    }
+    const C = I(() => ie.value.length === 0 ? null : ie.value[Q.value]), M = I(() => {
+      const i = C.value;
+      return !i || !i.popupConfig ? i?.layerTitle || "" : be(i.popupConfig.title, i.properties);
+    }), se = I(() => {
+      const i = C.value;
       if (!i) return "";
-      let u = '<div class="popup-content">';
-      if (u += `<h3 class="popup-title">${F.value}</h3>`, i.popupConfig?.fields?.length) {
-        u += '<table class="popup-table">';
-        for (const r of i.popupConfig.fields) {
-          const x = Je(i.properties[r.field], r.format);
-          u += `<tr><th>${r.label}</th><td>${x}</td></tr>`;
+      let f = '<div class="popup-content">';
+      if (f += `<h3 class="popup-title">${M.value}</h3>`, i.popupConfig?.fields?.length) {
+        f += '<table class="popup-table">';
+        for (const s of i.popupConfig.fields) {
+          const _ = Je(i.properties[s.field], s.format);
+          f += `<tr><th>${s.label}</th><td>${_}</td></tr>`;
         }
-        u += "</table>";
+        f += "</table>";
       } else
-        u += '<p class="popup-no-fields">No additional information available.</p>';
-      return u += "</div>", u;
-    }), A = C({
+        f += '<p class="popup-no-fields">No additional information available.</p>';
+      return f += "</div>", f;
+    }), A = $({
       type: "FeatureCollection",
       features: []
-    }), Q = C({
+    }), K = $({
       type: "FeatureCollection",
       features: []
     }), Qe = {
@@ -499,24 +499,24 @@ const Qt = { class: "map-panel" }, Kt = /* @__PURE__ */ we({
       "line-width": ["get", "highlightWidth"],
       "line-color": "#00FFFF",
       "line-opacity": 0.9
-    }, he = C(null);
+    }, me = $(null);
     function rt(i) {
       return i.type;
     }
-    function st(i, u) {
-      const r = $e(i);
-      if (!r) return { radius: 5, width: 2 };
-      const x = r.paint || {};
-      if (u === "circle") {
-        const k = x["circle-radius"];
-        return typeof k == "number" ? { radius: k } : { radius: 5 };
+    function st(i, f) {
+      const s = $e(i);
+      if (!s) return { radius: 5, width: 2 };
+      const _ = s.paint || {};
+      if (f === "circle") {
+        const x = _["circle-radius"];
+        return typeof x == "number" ? { radius: x } : { radius: 5 };
       }
-      if (u === "line" || u === "fill") {
-        const k = x["line-width"];
-        if (typeof k == "number")
-          return { width: k };
-        if (r.outlinePaint && r.outlinePaint["line-width"]) {
-          const z = r.outlinePaint["line-width"];
+      if (f === "line" || f === "fill") {
+        const x = _["line-width"];
+        if (typeof x == "number")
+          return { width: x };
+        if (s.outlinePaint && s.outlinePaint["line-width"]) {
+          const z = s.outlinePaint["line-width"];
           if (typeof z == "number")
             return { width: z };
         }
@@ -528,35 +528,35 @@ const Qt = { class: "map-panel" }, Kt = /* @__PURE__ */ we({
       return !i || i.length === 0 ? [] : i[0] ?? [];
     }
     function $t(i) {
-      const { geometry: u, geometryType: r, originalStyle: x } = i;
-      if (r === "Point" || r === "MultiPoint") {
-        const z = (x.radius || 5) + 3;
+      const { geometry: f, geometryType: s, originalStyle: _ } = i;
+      if (s === "Point" || s === "MultiPoint") {
+        const z = (_.radius || 5) + 3;
         return {
           type: "FeatureCollection",
           features: [{
             type: "Feature",
-            geometry: u,
+            geometry: f,
             properties: {
               highlightRadius: z
             }
           }]
         };
       }
-      if (r === "LineString" || r === "MultiLineString") {
-        const z = (x.width || 2) + 3;
+      if (s === "LineString" || s === "MultiLineString") {
+        const z = (_.width || 2) + 3;
         return {
           type: "FeatureCollection",
           features: [{
             type: "Feature",
-            geometry: u,
+            geometry: f,
             properties: {
               highlightWidth: z
             }
           }]
         };
       }
-      if (r === "Polygon") {
-        const k = u.coordinates, z = ct(k), V = (x.width || 2) + 3;
+      if (s === "Polygon") {
+        const x = f.coordinates, z = ct(x), N = (_.width || 2) + 3;
         return {
           type: "FeatureCollection",
           features: [{
@@ -566,20 +566,20 @@ const Qt = { class: "map-panel" }, Kt = /* @__PURE__ */ we({
               coordinates: z
             },
             properties: {
-              highlightWidth: V
+              highlightWidth: N
             }
           }]
         };
       }
-      if (r === "MultiPolygon") {
-        const k = u.coordinates, R = (x.width || 2) + 3;
+      if (s === "MultiPolygon") {
+        const x = f.coordinates, R = (_.width || 2) + 3;
         return {
           type: "FeatureCollection",
-          features: k.map((N) => ({
+          features: x.map((V) => ({
             type: "Feature",
             geometry: {
               type: "LineString",
-              coordinates: ct(N)
+              coordinates: ct(V)
             },
             properties: {
               highlightWidth: R
@@ -597,57 +597,57 @@ const Qt = { class: "map-panel" }, Kt = /* @__PURE__ */ we({
         Pt();
         return;
       }
-      const u = $t(i);
-      i.geometryType === "Point" || i.geometryType === "MultiPoint" ? (A.value = u, Q.value = { type: "FeatureCollection", features: [] }) : (Q.value = u, A.value = { type: "FeatureCollection", features: [] });
+      const f = $t(i);
+      i.geometryType === "Point" || i.geometryType === "MultiPoint" ? (A.value = f, K.value = { type: "FeatureCollection", features: [] }) : (K.value = f, A.value = { type: "FeatureCollection", features: [] });
     }
     function Pt() {
-      A.value = { type: "FeatureCollection", features: [] }, Q.value = { type: "FeatureCollection", features: [] };
+      A.value = { type: "FeatureCollection", features: [] }, K.value = { type: "FeatureCollection", features: [] };
     }
-    Pe(he, (i) => {
+    Pe(me, (i) => {
       xt(i);
     }), Pe(
       () => t.visibleLayers,
       (i) => {
-        he.value && !i.has(he.value.layerId) && (he.value = null, te());
+        me.value && !i.has(me.value.layerId) && (me.value = null, te());
       },
       { deep: !0 }
-    ), Pe(J, () => {
-      const i = L.value;
+    ), Pe(Q, () => {
+      const i = C.value;
       if (!i) {
-        he.value = null;
+        me.value = null;
         return;
       }
-      const u = l.value;
-      if (!u || !ye.value) return;
-      const r = [];
+      const f = l.value;
+      if (!f || !ge.value) return;
+      const s = [];
       t.layerList.forEach((R) => {
-        const V = R.config;
-        t.visibleLayers.has(V.id) && (r.push(V.id), V.outlinePaint && r.push(`${V.id}-outline`));
+        const N = R.config;
+        t.visibleLayers.has(N.id) && (s.push(N.id), N.outlinePaint && s.push(`${N.id}-outline`));
       });
-      const x = u.project(ye.value), z = u.queryRenderedFeatures(x, {
-        layers: r
+      const _ = f.project(ge.value), z = f.queryRenderedFeatures(_, {
+        layers: s
       }).find((R) => R.layer.id.replace(/-outline$/, "") === i.layerId && JSON.stringify(R.properties) === JSON.stringify(i.properties));
       if (z && z.geometry) {
         const R = $e(i.layerId);
         if (R) {
-          const V = rt(z.geometry), N = st(R.id, R.type);
-          he.value = {
+          const N = rt(z.geometry), V = st(R.id, R.type);
+          me.value = {
             geometry: z.geometry,
-            geometryType: V,
+            geometryType: N,
             layerId: R.id,
             properties: z.properties || {},
-            originalStyle: N
+            originalStyle: V
           };
         }
       }
     });
-    const ut = C(null);
-    function Mt(i) {
-      const [u, r] = i.geometry.coordinates;
-      ut.value = [u, r];
+    const ut = $(null);
+    function _t(i) {
+      const [f, s] = i.geometry.coordinates;
+      ut.value = [f, s];
     }
-    return (i, u) => (p(), w("div", Qt, [
-      K(_(It), {
+    return (i, f) => (u(), m("div", Qt, [
+      X(O(It), {
         ref_key: "mapRef",
         ref: a,
         zoom: t.initialZoom,
@@ -664,113 +664,113 @@ const Qt = { class: "map-panel" }, Kt = /* @__PURE__ */ we({
         "pictometry-button-position": t.pictometryButtonPosition,
         "tool-panel-layout": "vertical",
         "tool-panel-split-ratio": 50,
-        onZoom: h,
+        onZoom: v,
         onClick: te,
-        onMoveend: S,
-        onLoad: g,
-        onSearchResult: Mt
+        onMoveend: p,
+        onLoad: d,
+        onSearchResult: _t
       }, {
         default: Ee(() => [
-          t.drawControlPosition !== null ? (p(), Y(_(Rt), {
+          t.drawControlPosition !== null ? (u(), ee(O(Rt), {
             key: 0,
             position: t.drawControlPosition
-          }, null, 8, ["position"])) : O("", !0),
-          (p(!0), w(ie, null, se(qe.value, (r) => (p(), Y(_(pt), {
-            key: "tiled-" + r.id,
-            id: "tiled-" + r.id,
-            source: je(r),
-            paint: { "raster-opacity": Se(r.id) },
-            minzoom: r.minZoom,
-            maxzoom: r.maxZoom
+          }, null, 8, ["position"])) : T("", !0),
+          (u(!0), m(oe, null, ae(qe.value, (s) => (u(), ee(O(pt), {
+            key: "tiled-" + s.id,
+            id: "tiled-" + s.id,
+            source: je(s),
+            paint: { "raster-opacity": Se(s.id) },
+            minzoom: s.minZoom,
+            maxzoom: s.maxZoom
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          (p(!0), w(ie, null, se(Ge.value, (r) => (p(), Y(_(pt), {
-            key: "dynamic-" + r.id,
-            id: "dynamic-" + r.id,
-            source: Ce(r),
-            paint: { "raster-opacity": Se(r.id) },
-            minzoom: r.minZoom,
-            maxzoom: r.maxZoom
+          (u(!0), m(oe, null, ae(Ge.value, (s) => (u(), ee(O(pt), {
+            key: "dynamic-" + s.id,
+            id: "dynamic-" + s.id,
+            source: Ce(s),
+            paint: { "raster-opacity": Se(s.id) },
+            minzoom: s.minZoom,
+            maxzoom: s.maxZoom
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          (p(!0), w(ie, null, se(T.value, (r) => (p(), Y(_(yt), {
-            key: r.id,
-            id: r.id,
-            source: fe(r),
-            paint: pe(r),
-            minzoom: r.minZoom,
-            maxzoom: r.maxZoom,
+          (u(!0), m(oe, null, ae(F.value, (s) => (u(), ee(O(yt), {
+            key: s.id,
+            id: s.id,
+            source: pe(s),
+            paint: ye(s),
+            minzoom: s.minZoom,
+            maxzoom: s.maxZoom,
             "before-id": "highlight-circles",
             onClick: xe
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          (p(!0), w(ie, null, se(B.value, (r) => (p(), Y(_(Dt), {
-            key: r.id,
-            id: r.id,
-            source: fe(r),
-            paint: pe(r),
-            minzoom: r.minZoom,
-            maxzoom: r.maxZoom,
+          (u(!0), m(oe, null, ae(B.value, (s) => (u(), ee(O(Dt), {
+            key: s.id,
+            id: s.id,
+            source: pe(s),
+            paint: ye(s),
+            minzoom: s.minZoom,
+            maxzoom: s.maxZoom,
             "before-id": "highlight-circles",
             onClick: xe
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          (p(!0), w(ie, null, se(q.value, (r) => (p(), Y(_(Ye), {
-            key: r.id + "-outline",
-            id: r.id + "-outline",
-            source: fe(r),
-            paint: He(r),
-            minzoom: r.minZoom,
-            maxzoom: r.maxZoom,
+          (u(!0), m(oe, null, ae(q.value, (s) => (u(), ee(O(Ye), {
+            key: s.id + "-outline",
+            id: s.id + "-outline",
+            source: pe(s),
+            paint: He(s),
+            minzoom: s.minZoom,
+            maxzoom: s.maxZoom,
             "before-id": "highlight-lines",
             onClick: xe
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          (p(!0), w(ie, null, se(ce.value, (r) => (p(), Y(_(Ye), {
-            key: r.id,
-            id: r.id,
-            source: fe(r),
-            paint: pe(r),
-            minzoom: r.minZoom,
-            maxzoom: r.maxZoom,
+          (u(!0), m(oe, null, ae(ce.value, (s) => (u(), ee(O(Ye), {
+            key: s.id,
+            id: s.id,
+            source: pe(s),
+            paint: ye(s),
+            minzoom: s.minZoom,
+            maxzoom: s.maxZoom,
             "before-id": "highlight-lines",
             onClick: xe
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          K(_(yt), {
+          X(O(yt), {
             key: "highlight-circles-layer",
             id: "highlight-circles",
             source: { type: "geojson", data: A.value },
             paint: Qe
           }, null, 8, ["source"]),
-          K(_(Ye), {
+          X(O(Ye), {
             key: "highlight-lines-layer",
             id: "highlight-lines",
-            source: { type: "geojson", data: Q.value },
+            source: { type: "geojson", data: K.value },
             paint: Ke
           }, null, 8, ["source"]),
-          K(_(Zt), {
+          X(O(Zt), {
             "lng-lat": ut.value,
             color: "#2176d2"
           }, null, 8, ["lng-lat"]),
-          L.value && ye.value ? (p(), Y(_(Bt), {
+          C.value && ge.value ? (u(), ee(O(Bt), {
             key: 1,
-            "lng-lat": ye.value,
-            html: re.value,
+            "lng-lat": ge.value,
+            html: se.value,
             "close-on-click": !1,
-            "show-navigation": oe.value.length > 1,
-            "current-feature-index": J.value,
-            "total-features": oe.value.length,
-            "layer-name": L.value.layerTitle,
+            "show-navigation": ie.value.length > 1,
+            "current-feature-index": Q.value,
+            "total-features": ie.value.length,
+            "layer-name": C.value.layerTitle,
             onClose: te,
-            onNext: le,
+            onNext: re,
             onPrevious: Ze
-          }, null, 8, ["lng-lat", "html", "show-navigation", "current-feature-index", "total-features", "layer-name"])) : O("", !0)
+          }, null, 8, ["lng-lat", "html", "show-navigation", "current-feature-index", "total-features", "layer-name"])) : T("", !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"])
     ]));
   }
-}), Oe = (e, n) => {
+}), ze = (e, n) => {
   const t = e.__vccOpts || e;
   for (const [o, a] of n)
     t[o] = a;
   return t;
-}, Xt = /* @__PURE__ */ Oe(Kt, [["__scopeId", "data-v-c7524a9f"]]), Yt = ["disabled"], eo = /* @__PURE__ */ we({
+}, Xt = /* @__PURE__ */ ze(Kt, [["__scopeId", "data-v-3f5a9efa"]]), Yt = ["disabled"], eo = /* @__PURE__ */ ve({
   inheritAttrs: !1,
   __name: "PhlButton",
   props: {
@@ -821,28 +821,28 @@ const Qt = { class: "map-panel" }, Kt = /* @__PURE__ */ we({
         shadow: n.iconOnly && n.variant === "standard"
       })
     );
-    return (c, h) => t(n) ? (p(), Y(_(Vt), tt({ key: 0 }, { ...a.value, ...c.$attrs }, { role: "button" }), {
+    return (c, v) => t(n) ? (u(), ee(O(Nt), tt({ key: 0 }, { ...a.value, ...c.$attrs }, { role: "button" }), {
       default: Ee(() => [
-        K(_(gt), dt(ft(l.value)), {
+        X(O(gt), dt(ft(l.value)), {
           default: Ee(() => [
-            ae(c.$slots, "default", {}, () => [
-              me(j(n.text), 1)
+            le(c.$slots, "default", {}, () => [
+              fe(W(n.text), 1)
             ])
           ]),
           _: 3
         }, 16)
       ]),
       _: 3
-    }, 16)) : (p(), w("button", tt({
+    }, 16)) : (u(), m("button", tt({
       key: 1,
       type: "button",
       disabled: n.disabled,
       class: o.value
     }, c.$attrs), [
-      K(_(gt), dt(ft(l.value)), {
+      X(O(gt), dt(ft(l.value)), {
         default: Ee(() => [
-          ae(c.$slots, "default", {}, () => [
-            me(j(n.text), 1)
+          le(c.$slots, "default", {}, () => [
+            fe(W(n.text), 1)
           ])
         ]),
         _: 3
@@ -865,7 +865,7 @@ const ao = ["for"], lo = { class: "state-layer" }, ro = { class: "content" }, so
 }, fo = {
   key: 2,
   class: "has-text-body-small phila-error-text"
-}, po = /* @__PURE__ */ we({
+}, po = /* @__PURE__ */ ve({
   inheritAttrs: !1,
   __name: "TextField",
   props: {
@@ -883,83 +883,83 @@ const ao = ["for"], lo = { class: "state-layer" }, ro = { class: "content" }, so
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    const t = Ft(), o = e, a = I(() => typeof o.error == "string" ? o.error : o.error[0]), l = zt(o, "id"), c = n, h = C(""), f = I({
-      get: () => o.modelValue !== void 0 ? o.modelValue : h.value,
-      set: (d) => {
-        c("update:modelValue", d), h.value = d;
+    const t = Mt(), o = e, a = I(() => typeof o.error == "string" ? o.error : o.error[0]), l = zt(o, "id"), c = n, v = $(""), y = I({
+      get: () => o.modelValue !== void 0 ? o.modelValue : v.value,
+      set: (h) => {
+        c("update:modelValue", h), v.value = h;
       }
-    }), M = I(() => {
-      const d = ["default-class"];
-      return t.disabled != null && d.push("phila-input--disabled"), a.value && d.push("phila-input--error"), t.required != null && d.push("phila-input--required"), ot(...d);
-    }), m = I(() => {
-      const d = [];
-      return f.value !== "" && d.push("phila-text-field--filled"), o.className && d.push(o.className), ot(...d);
-    }), v = C(null), s = (d) => {
-      d.target.closest("button") || v.value?.focus();
+    }), P = I(() => {
+      const h = ["default-class"];
+      return t.disabled != null && h.push("phila-input--disabled"), a.value && h.push("phila-input--error"), t.required != null && h.push("phila-input--required"), ot(...h);
+    }), w = I(() => {
+      const h = [];
+      return y.value !== "" && h.push("phila-text-field--filled"), o.className && h.push(o.className), ot(...h);
+    }), L = $(null), r = (h) => {
+      h.target.closest("button") || L.value?.focus();
     };
-    return (d, $) => (p(), w("div", {
-      class: ne(["phila-input", M.value])
+    return (h, b) => (u(), m("div", {
+      class: ne(["phila-input", P.value])
     }, [
-      o.label ? (p(), w("label", {
+      o.label ? (u(), m("label", {
         key: 0,
         for: l.value,
         class: "has-text-label-small phila-label"
-      }, j(o.label), 9, ao)) : O("", !0),
-      P("div", {
-        class: ne(["phila-text-field", m.value]),
-        onClick: s
+      }, W(o.label), 9, ao)) : T("", !0),
+      k("div", {
+        class: ne(["phila-text-field", w.value]),
+        onClick: r
       }, [
-        P("div", lo, [
-          o.leadingIcon ? (p(), Y(_(ue), {
+        k("div", lo, [
+          o.leadingIcon ? (u(), ee(O(ue), {
             key: 0,
             "icon-class": o.leadingIcon,
             inline: "",
             decorative: "",
             shadow: ""
-          }, null, 8, ["icon-class"])) : O("", !0),
-          P("div", ro, [
-            P("div", so, [
-              St(P("input", tt({
+          }, null, 8, ["icon-class"])) : T("", !0),
+          k("div", ro, [
+            k("div", so, [
+              St(k("input", tt({
                 id: l.value,
                 ref_key: "inputRef",
-                ref: v,
-                "onUpdate:modelValue": $[0] || ($[0] = (y) => f.value = y),
+                ref: L,
+                "onUpdate:modelValue": b[0] || (b[0] = (g) => y.value = g),
                 class: "phila-text-field-input has-text-body-default",
                 placeholder: o.placeholder
-              }, _(t)), null, 16, co), [
-                [Tt, f.value]
+              }, O(t)), null, 16, co), [
+                [Ft, y.value]
               ])
             ])
           ]),
-          f.value != "" ? (p(), Y(_(eo), {
+          y.value != "" ? (u(), ee(O(eo), {
             key: 1,
             variant: "standard",
             size: "small",
             "icon-only": "",
-            "icon-definition": _(io),
-            onClick: $[1] || ($[1] = (y) => f.value = "")
-          }, null, 8, ["icon-definition"])) : O("", !0),
-          o.trailingIcon ? (p(), Y(_(ue), {
+            "icon-definition": O(io),
+            onClick: b[1] || (b[1] = (g) => y.value = "")
+          }, null, 8, ["icon-definition"])) : T("", !0),
+          o.trailingIcon ? (u(), ee(O(ue), {
             key: 2,
             size: "small",
             "icon-class": o.trailingIcon,
             inline: "",
             decorative: "",
             shadow: ""
-          }, null, 8, ["icon-class"])) : O("", !0),
-          ae(d.$slots, "trailing-action")
+          }, null, 8, ["icon-class"])) : T("", !0),
+          le(h.$slots, "trailing-action")
         ])
       ], 2),
-      o.supportingText ? (p(), w("div", uo, j(o.supportingText), 1)) : O("", !0),
-      a.value ? (p(), w("div", fo, [
-        K(_(ue), {
-          "icon-definition": _(oo),
+      o.supportingText ? (u(), m("div", uo, W(o.supportingText), 1)) : T("", !0),
+      a.value ? (u(), m("div", fo, [
+        X(O(ue), {
+          "icon-definition": O(oo),
           size: "small",
           inline: "",
           decorative: ""
         }, null, 8, ["icon-definition"]),
-        me(" " + j(a.value), 1)
-      ])) : O("", !0)
+        fe(" " + W(a.value), 1)
+      ])) : T("", !0)
     ], 2));
   }
 });
@@ -1000,19 +1000,19 @@ const bo = { class: "layer-panel" }, wo = {
 }, $o = ["checked", "disabled", "onChange"], xo = { class: "layer-title" }, Po = {
   key: 0,
   class: "loading-indicator"
-}, Mo = ["title"], Fo = {
+}, _o = ["title"], Mo = {
   key: 2,
   class: "zoom-indicator"
 }, zo = {
   key: 0,
   class: "opacity-control"
-}, To = { class: "opacity-label" }, Eo = ["value", "onInput"], _o = {
+}, Fo = { class: "opacity-label" }, To = ["value", "onInput"], Eo = {
   key: 1,
   class: "layer-legend"
 }, Oo = { class: "legend-label" }, Io = {
   key: 0,
   class: "no-results"
-}, Ro = /* @__PURE__ */ we({
+}, Ro = /* @__PURE__ */ ve({
   __name: "LayerPanel",
   props: {
     layerList: {},
@@ -1034,58 +1034,58 @@ const bo = { class: "layer-panel" }, wo = {
     const t = e, o = n, a = I(() => {
       if (!t.searchQuery.trim())
         return t.layerList;
-      const S = t.searchQuery.toLowerCase();
+      const p = t.searchQuery.toLowerCase();
       return t.layerList.filter(
-        (g) => g.config.title.toLowerCase().includes(S)
+        (d) => d.config.title.toLowerCase().includes(p)
       );
     });
-    function l(S) {
-      let g = S.split("?")[0] || S;
-      return g = g.replace(/\/query$/, ""), g = g.replace(/\/$/, ""), g.toLowerCase();
+    function l(p) {
+      let d = p.split("?")[0] || p;
+      return d = d.replace(/\/query$/, ""), d = d.replace(/\/$/, ""), d.toLowerCase();
     }
-    function c(S) {
-      const g = l(S);
-      return t.layerMetadata[g] || null;
+    function c(p) {
+      const d = l(p);
+      return t.layerMetadata[d] || null;
     }
-    const h = I(() => t.layerList.some((S) => c(S.config.url)));
-    function f(S) {
-      return t.visibleLayers.has(S);
+    const v = I(() => t.layerList.some((p) => c(p.config.url)));
+    function y(p) {
+      return t.visibleLayers.has(p);
     }
-    function M(S) {
-      return t.layerOpacities[S] ?? 1;
+    function P(p) {
+      return t.layerOpacities[p] ?? 1;
     }
-    function m(S) {
-      return t.loadingLayers.has(S);
+    function w(p) {
+      return t.loadingLayers.has(p);
     }
-    function v(S) {
-      return t.layerErrors[S] || null;
+    function L(p) {
+      return t.layerErrors[p] || null;
     }
-    function s(S) {
-      const g = t.currentZoom, b = S.minZoom, E = S.maxZoom;
-      return !(b !== void 0 && g < b || E !== void 0 && g > E);
+    function r(p) {
+      const d = t.currentZoom, S = p.minZoom, E = p.maxZoom;
+      return !(S !== void 0 && d < S || E !== void 0 && d > E);
     }
-    const d = I({
+    const h = I({
       get: () => t.searchQuery,
-      set: (S) => o("updateSearch", S)
+      set: (p) => o("updateSearch", p)
     });
-    function $(S) {
-      o("toggleLayer", S);
-    }
-    function y(S, g) {
-      const b = g.target, E = parseFloat(b.value);
-      o("setOpacity", S, E);
-    }
-    return (S, g) => (p(), w("aside", bo, [
-      e.showSearch ? (p(), w("div", wo, [
-        K(_(po), {
-          modelValue: d.value,
-          "onUpdate:modelValue": g[0] || (g[0] = (b) => d.value = b),
+    function b(p) {
+      o("toggleLayer", p);
+    }
+    function g(p, d) {
+      const S = d.target, E = parseFloat(S.value);
+      o("setOpacity", p, E);
+    }
+    return (p, d) => (u(), m("aside", bo, [
+      e.showSearch ? (u(), m("div", wo, [
+        X(O(po), {
+          modelValue: h.value,
+          "onUpdate:modelValue": d[0] || (d[0] = (S) => h.value = S),
           placeholder: e.searchPlaceholder,
           "class-name": "layer-search-field"
         }, {
           "trailing-action": Ee(() => [
-            K(_(ue), {
-              "icon-definition": _(yo),
+            X(O(ue), {
+              "icon-definition": O(yo),
               size: "small",
               inline: "",
               decorative: ""
@@ -1093,103 +1093,103 @@ const bo = { class: "layer-panel" }, wo = {
           ]),
           _: 1
         }, 8, ["modelValue", "placeholder"])
-      ])) : O("", !0),
-      e.mode === "topics" ? (p(), w("div", Lo, [
-        ae(S.$slots, "topics", {}, () => [
-          g[2] || (g[2] = P("div", { class: "no-topics" }, ' No topic components provided. Use the "topics" slot to add TopicAccordion components. ', -1))
+      ])) : T("", !0),
+      e.mode === "topics" ? (u(), m("div", Lo, [
+        le(p.$slots, "topics", {}, () => [
+          d[2] || (d[2] = k("div", { class: "no-topics" }, ' No topic components provided. Use the "topics" slot to add TopicAccordion components. ', -1))
         ], !0)
-      ])) : (p(), w("div", {
+      ])) : (u(), m("div", {
         key: 2,
-        class: ne(["layer-list", { "has-metadata": h.value }])
+        class: ne(["layer-list", { "has-metadata": v.value }])
       }, [
-        (p(!0), w(ie, null, se(a.value, (b) => (p(), w("div", {
-          key: b.config.id,
+        (u(!0), m(oe, null, ae(a.value, (S) => (u(), m("div", {
+          key: S.config.id,
           class: "layer-item"
         }, [
-          P("div", So, [
-            c(b.config.url) ? (p(), w("a", {
+          k("div", So, [
+            c(S.config.url) ? (u(), m("a", {
               key: 0,
-              href: c(b.config.url) || "",
+              href: c(S.config.url) || "",
               target: "_blank",
               rel: "noopener noreferrer",
               class: "metadata-link",
               title: "View metadata",
-              onClick: g[1] || (g[1] = Et(() => {
+              onClick: d[1] || (d[1] = Tt(() => {
               }, ["stop"]))
             }, [
-              K(_(ue), {
-                "icon-definition": _(vo),
+              X(O(ue), {
+                "icon-definition": O(vo),
                 size: "small",
                 inline: "",
                 decorative: ""
               }, null, 8, ["icon-definition"])
-            ], 8, Co)) : h.value ? (p(), w("span", ko)) : O("", !0),
-            P("label", {
+            ], 8, Co)) : v.value ? (u(), m("span", ko)) : T("", !0),
+            k("label", {
               class: ne(["layer-checkbox", {
-                "layer-unavailable": !s(b.config),
-                "layer-error": v(b.config.id)
+                "layer-unavailable": !r(S.config),
+                "layer-error": L(S.config.id)
               }])
             }, [
-              P("input", {
+              k("input", {
                 type: "checkbox",
-                checked: f(b.config.id),
-                disabled: !s(b.config),
-                onChange: (E) => $(b.config.id)
+                checked: y(S.config.id),
+                disabled: !r(S.config),
+                onChange: (E) => b(S.config.id)
               }, null, 40, $o),
-              P("span", xo, [
-                me(j(b.config.title) + " ", 1),
-                m(b.config.id) ? (p(), w("span", Po, " Loading... ")) : O("", !0),
-                v(b.config.id) ? (p(), w("span", {
+              k("span", xo, [
+                fe(W(S.config.title) + " ", 1),
+                w(S.config.id) ? (u(), m("span", Po, " Loading... ")) : T("", !0),
+                L(S.config.id) ? (u(), m("span", {
                   key: 1,
                   class: "error-indicator",
-                  title: v(b.config.id) || ""
-                }, " Error ", 8, Mo)) : O("", !0),
-                s(b.config) ? O("", !0) : (p(), w("span", Fo, " (zoom in) "))
+                  title: L(S.config.id) || ""
+                }, " Error ", 8, _o)) : T("", !0),
+                r(S.config) ? T("", !0) : (u(), m("span", Mo, " (zoom in) "))
               ])
             ], 2)
           ]),
-          e.showOpacity && f(b.config.id) ? (p(), w("div", zo, [
-            P("label", To, " Opacity: " + j(Math.round(M(b.config.id) * 100)) + "% ", 1),
-            P("input", {
+          e.showOpacity && y(S.config.id) ? (u(), m("div", zo, [
+            k("label", Fo, " Opacity: " + W(Math.round(P(S.config.id) * 100)) + "% ", 1),
+            k("input", {
               type: "range",
               min: "0",
               max: "1",
               step: "0.05",
-              value: M(b.config.id),
+              value: P(S.config.id),
               class: "opacity-slider",
-              onInput: (E) => y(b.config.id, E)
-            }, null, 40, Eo)
-          ])) : O("", !0),
-          e.showLegend && f(b.config.id) && b.config.legend?.length ? (p(), w("ul", _o, [
-            (p(!0), w(ie, null, se(b.config.legend, (E, T) => (p(), w("li", {
-              key: T,
+              onInput: (E) => g(S.config.id, E)
+            }, null, 40, To)
+          ])) : T("", !0),
+          e.showLegend && y(S.config.id) && S.config.legend?.length ? (u(), m("ul", Eo, [
+            (u(!0), m(oe, null, ae(S.config.legend, (E, F) => (u(), m("li", {
+              key: F,
               class: "legend-item"
             }, [
-              E.type === "circle" ? (p(), w("span", {
+              E.type === "circle" ? (u(), m("span", {
                 key: 0,
                 class: "legend-symbol legend-circle",
-                style: ee({ backgroundColor: E.color })
-              }, null, 4)) : E.type === "line" ? (p(), w("span", {
+                style: H({ backgroundColor: E.color })
+              }, null, 4)) : E.type === "line" ? (u(), m("span", {
                 key: 1,
                 class: "legend-symbol legend-line",
-                style: ee({
+                style: H({
                   backgroundColor: E.color,
                   height: `${E.width || 2}px`
                 })
-              }, null, 4)) : E.type === "fill" ? (p(), w("span", {
+              }, null, 4)) : E.type === "fill" ? (u(), m("span", {
                 key: 2,
                 class: "legend-symbol legend-fill",
-                style: ee({ backgroundColor: E.color })
-              }, null, 4)) : O("", !0),
-              P("span", Oo, j(E.label), 1)
+                style: H({ backgroundColor: E.color })
+              }, null, 4)) : T("", !0),
+              k("span", Oo, W(E.label), 1)
             ]))), 128))
-          ])) : O("", !0)
+          ])) : T("", !0)
         ]))), 128)),
-        a.value.length === 0 ? (p(), w("div", Io, ' No layers match "' + j(e.searchQuery) + '" ', 1)) : O("", !0)
+        a.value.length === 0 ? (u(), m("div", Io, ' No layers match "' + W(e.searchQuery) + '" ', 1)) : T("", !0)
       ], 2))
     ]));
   }
-}), Do = /* @__PURE__ */ Oe(Ro, [["__scopeId", "data-v-d2e878e2"]]);
+}), Do = /* @__PURE__ */ ze(Ro, [["__scopeId", "data-v-d2e878e2"]]);
 function D(e) {
   if (!e || !Array.isArray(e) || e.length < 3) return "#888888";
   const n = e[0], t = e[1], o = e[2], l = (e[3] ?? 255) / 255;
@@ -1231,7 +1231,7 @@ function Ue(e) {
       return "fill";
   }
 }
-function Fe(e) {
+function Me(e) {
   return !(!e || e.style === "esriSLSNull" || e.color === null || e.width === 0 || e.color && e.color[3] === 0);
 }
 function et(e) {
@@ -1239,17 +1239,17 @@ function et(e) {
 }
 function Ct(e, n, t) {
   const o = e.symbol, a = Ue(o);
-  let l = {}, c = [], h = null;
+  let l = {}, c = [], v = null;
   if (a === "fill" && o) {
-    const f = o.color === null ? 0 : o.color?.[3] ?? 255, M = f === 0 ? "rgba(0, 0, 0, 0)" : D(o.color), m = f === 0 ? 0 : f < 255 ? 1 : de(n);
+    const y = o.color === null ? 0 : o.color?.[3] ?? 255, P = y === 0 ? "rgba(0, 0, 0, 0)" : D(o.color), w = y === 0 ? 0 : y < 255 ? 1 : de(n);
     if (l = {
-      "fill-color": M,
-      "fill-opacity": m
-    }, Fe(o.outline)) {
-      const v = o.outline.width || 1, s = D(o.outline.color);
-      f !== 0 && (l["fill-outline-color"] = s), (v > 1 || f === 0) && (h = {
-        "line-color": s,
-        "line-width": v
+      "fill-color": P,
+      "fill-opacity": w
+    }, Me(o.outline)) {
+      const L = o.outline.width || 1, r = D(o.outline.color);
+      y !== 0 && (l["fill-outline-color"] = r), (L > 1 || y === 0) && (v = {
+        "line-color": r,
+        "line-width": L
       });
     }
     c = [{
@@ -1269,168 +1269,168 @@ function Ct(e, n, t) {
       label: e.label || "Feature"
     }];
   else if (a === "circle" && o) {
-    const f = Math.round((o.size || 6) * 0.71 * 100) / 100;
+    const y = Math.round((o.size || 6) * 0.71 * 100) / 100;
     l = {
       "circle-color": D(o.color),
-      "circle-radius": f,
+      "circle-radius": y,
       "circle-opacity": de(n)
-    }, Fe(o.outline) && (l["circle-stroke-color"] = D(o.outline.color), l["circle-stroke-width"] = o.outline.width || 1), c = [{
+    }, Me(o.outline) && (l["circle-stroke-color"] = D(o.outline.color), l["circle-stroke-width"] = o.outline.width || 1), c = [{
       type: "circle",
       color: D(o.color),
       label: e.label || "Feature"
     }];
   }
-  return { paint: l, legend: c, geomType: a, outlinePaint: h };
+  return { paint: l, legend: c, geomType: a, outlinePaint: v };
 }
-function Vo(e, n, t) {
+function No(e, n, t) {
   const o = e.field1, a = e.uniqueValueInfos || [], l = e.defaultSymbol;
   if (a.length === 0)
     return Ct({ ...e, symbol: l }, n);
-  const c = a[0]?.symbol || l, h = Ue(c);
-  let f = {}, M = [], m = null;
-  if (h === "fill") {
-    const v = ["match", ["to-string", ["get", o]]];
-    for (const s of a) {
-      v.push(et(s.value)), v.push(D(s.symbol?.color));
-      const d = String(s.value), y = t?.get(d) || s.label || d;
-      M.push({
+  const c = a[0]?.symbol || l, v = Ue(c);
+  let y = {}, P = [], w = null;
+  if (v === "fill") {
+    const L = ["match", ["to-string", ["get", o]]];
+    for (const r of a) {
+      L.push(et(r.value)), L.push(D(r.symbol?.color));
+      const h = String(r.value), g = t?.get(h) || r.label || h;
+      P.push({
         type: "fill",
-        color: D(s.symbol?.color),
-        label: y
+        color: D(r.symbol?.color),
+        label: g
       });
     }
-    if (v.push(l ? D(l.color) : "#888888"), f = {
-      "fill-color": v,
+    if (L.push(l ? D(l.color) : "#888888"), y = {
+      "fill-color": L,
       "fill-opacity": de(n)
-    }, Fe(c?.outline)) {
-      const s = c.outline.width || 1, d = D(c.outline.color);
-      f["fill-outline-color"] = d, s > 1 && (m = {
-        "line-color": d,
-        "line-width": s
+    }, Me(c?.outline)) {
+      const r = c.outline.width || 1, h = D(c.outline.color);
+      y["fill-outline-color"] = h, r > 1 && (w = {
+        "line-color": h,
+        "line-width": r
       });
     }
-  } else if (h === "line") {
-    const v = ["match", ["to-string", ["get", o]]];
-    for (const s of a) {
-      v.push(et(s.value)), v.push(D(s.symbol?.color));
-      const d = String(s.value), y = t?.get(d) || s.label || d;
-      M.push({
+  } else if (v === "line") {
+    const L = ["match", ["to-string", ["get", o]]];
+    for (const r of a) {
+      L.push(et(r.value)), L.push(D(r.symbol?.color));
+      const h = String(r.value), g = t?.get(h) || r.label || h;
+      P.push({
         type: "line",
-        color: D(s.symbol?.color),
-        width: s.symbol?.width || 1,
-        label: y
+        color: D(r.symbol?.color),
+        width: r.symbol?.width || 1,
+        label: g
       });
     }
-    v.push(l ? D(l.color) : "#888888"), f = {
-      "line-color": v,
+    L.push(l ? D(l.color) : "#888888"), y = {
+      "line-color": L,
       "line-width": c?.width || 2,
       "line-opacity": de(n)
     };
-  } else if (h === "circle") {
-    const v = ["match", ["to-string", ["get", o]]];
-    for (const d of a) {
-      v.push(et(d.value)), v.push(D(d.symbol?.color));
-      const $ = String(d.value), S = t?.get($) || d.label || $;
-      M.push({
+  } else if (v === "circle") {
+    const L = ["match", ["to-string", ["get", o]]];
+    for (const h of a) {
+      L.push(et(h.value)), L.push(D(h.symbol?.color));
+      const b = String(h.value), p = t?.get(b) || h.label || b;
+      P.push({
         type: "circle",
-        color: D(d.symbol?.color),
-        label: S
+        color: D(h.symbol?.color),
+        label: p
       });
     }
-    v.push(l ? D(l.color) : "#888888");
-    const s = Math.round((c?.size || 6) * 0.71 * 100) / 100;
-    f = {
-      "circle-color": v,
-      "circle-radius": s,
+    L.push(l ? D(l.color) : "#888888");
+    const r = Math.round((c?.size || 6) * 0.71 * 100) / 100;
+    y = {
+      "circle-color": L,
+      "circle-radius": r,
       "circle-opacity": de(n)
-    }, Fe(c?.outline) && (f["circle-stroke-color"] = D(c.outline.color), f["circle-stroke-width"] = c.outline.width || 1);
+    }, Me(c?.outline) && (y["circle-stroke-color"] = D(c.outline.color), y["circle-stroke-width"] = c.outline.width || 1);
   }
-  return { paint: f, legend: M, geomType: h, outlinePaint: m };
+  return { paint: y, legend: P, geomType: v, outlinePaint: w };
 }
 function Ao(e, n) {
-  const t = e.field, o = e.classBreakInfos || [], a = e.visualVariables?.find((m) => m.type === "colorInfo");
+  const t = e.field, o = e.classBreakInfos || [], a = e.visualVariables?.find((w) => w.type === "colorInfo");
   if (a?.stops && a.stops.length > 0)
-    return No(a, t, e, n);
+    return Vo(a, t, e, n);
   if (o.length === 0)
     return { paint: {}, legend: [], geomType: "fill", outlinePaint: null };
   const l = o[0]?.symbol, c = Ue(l);
-  let h = {}, f = [], M = null;
+  let v = {}, y = [], P = null;
   if (c === "fill") {
-    const m = ["step", ["get", t]];
-    m.push(D(o[0]?.symbol?.color));
-    for (let v = 0; v < o.length; v++) {
-      const s = o[v];
-      v > 0 && (m.push(o[v - 1].classMaxValue), m.push(D(s.symbol?.color))), f.push({
+    const w = ["step", ["get", t]];
+    w.push(D(o[0]?.symbol?.color));
+    for (let L = 0; L < o.length; L++) {
+      const r = o[L];
+      L > 0 && (w.push(o[L - 1].classMaxValue), w.push(D(r.symbol?.color))), y.push({
         type: "fill",
-        color: D(s.symbol?.color),
-        label: s.label || `${s.classMaxValue}`
+        color: D(r.symbol?.color),
+        label: r.label || `${r.classMaxValue}`
       });
     }
-    if (h = {
-      "fill-color": m,
+    if (v = {
+      "fill-color": w,
       "fill-opacity": de(n)
-    }, Fe(l?.outline)) {
-      const v = l.outline.width || 1, s = D(l.outline.color);
-      h["fill-outline-color"] = s, v > 1 && (M = {
-        "line-color": s,
-        "line-width": v
+    }, Me(l?.outline)) {
+      const L = l.outline.width || 1, r = D(l.outline.color);
+      v["fill-outline-color"] = r, L > 1 && (P = {
+        "line-color": r,
+        "line-width": L
       });
     }
   } else if (c === "line") {
-    const m = ["step", ["get", t]];
-    m.push(D(o[0]?.symbol?.color));
-    let v = e.minValue ?? 0;
-    for (let d = 0; d < o.length; d++) {
-      const $ = o[d];
-      d > 0 && (m.push(o[d - 1].classMaxValue), m.push(D($.symbol?.color))), f.push({
+    const w = ["step", ["get", t]];
+    w.push(D(o[0]?.symbol?.color));
+    let L = e.minValue ?? 0;
+    for (let h = 0; h < o.length; h++) {
+      const b = o[h];
+      h > 0 && (w.push(o[h - 1].classMaxValue), w.push(D(b.symbol?.color))), y.push({
         type: "line",
-        color: D($.symbol?.color),
-        width: $.symbol?.width || l?.width || 2,
-        label: $.label || `${v} - ${$.classMaxValue}`
-      }), v = $.classMaxValue + 1;
-    }
-    const s = l?.width || 2;
-    h = {
-      "line-color": m,
-      "line-width": s,
+        color: D(b.symbol?.color),
+        width: b.symbol?.width || l?.width || 2,
+        label: b.label || `${L} - ${b.classMaxValue}`
+      }), L = b.classMaxValue + 1;
+    }
+    const r = l?.width || 2;
+    v = {
+      "line-color": w,
+      "line-width": r,
       "line-opacity": de(n)
     };
   }
-  return { paint: h, legend: f, geomType: c, outlinePaint: M };
+  return { paint: v, legend: y, geomType: c, outlinePaint: P };
 }
-function No(e, n, t, o) {
+function Vo(e, n, t, o) {
   const a = e.stops || [];
   if (a.length === 0)
     return { paint: {}, legend: [], geomType: "fill", outlinePaint: null };
   const l = t.classBreakInfos?.[0]?.symbol || t.defaultSymbol, c = Ue(l);
-  let h = {}, f = [], M = null;
+  let v = {}, y = [], P = null;
   if (c === "fill") {
-    const m = ["interpolate", ["linear"], ["get", n]];
-    for (const s of a)
-      m.push(s.value), m.push(D(s.color)), f.push({
+    const w = ["interpolate", ["linear"], ["get", n]];
+    for (const r of a)
+      w.push(r.value), w.push(D(r.color)), y.push({
         type: "fill",
-        color: D(s.color),
-        label: s.label || `${s.value}`
+        color: D(r.color),
+        label: r.label || `${r.value}`
       });
-    if (h = {
+    if (v = {
       "fill-color": [
         "case",
         ["==", ["get", n], null],
         "rgba(0, 0, 0, 0)",
         // Transparent for null/no-data values
-        m
+        w
         // Otherwise use the interpolated color
       ],
       "fill-opacity": de(o)
-    }, Fe(l?.outline)) {
-      const s = l.outline.width || 1, d = D(l.outline.color);
-      h["fill-outline-color"] = d, s > 1 && (M = {
-        "line-color": d,
-        "line-width": s
+    }, Me(l?.outline)) {
+      const r = l.outline.width || 1, h = D(l.outline.color);
+      v["fill-outline-color"] = h, r > 1 && (P = {
+        "line-color": h,
+        "line-width": r
       });
     }
   }
-  return { paint: h, legend: f, geomType: c, outlinePaint: M };
+  return { paint: v, legend: y, geomType: c, outlinePaint: P };
 }
 function Uo(e, n, t, o) {
   if (!e?.renderer)
@@ -1440,7 +1440,7 @@ function Uo(e, n, t, o) {
     case "simple":
       return Ct(a, n);
     case "uniqueValue":
-      return Vo(a, n, t);
+      return No(a, n, t);
     case "classBreaks":
       return Ao(a, n);
     default:
@@ -1479,8 +1479,8 @@ function Ho(e) {
   for (const a of t) {
     const l = a.trim().match(o);
     if (l) {
-      const [, c, h] = l;
-      c && h && n.set(c, h.trim());
+      const [, c, v] = l;
+      c && v && n.set(c, v.trim());
     }
   }
   return n;
@@ -1505,47 +1505,47 @@ async function kt(e) {
     if (a.url && a.itemId !== "4f39b829b96d437da9231727d9c91fab")
       try {
         let l = a.layerDefinition?.drawingInfo, c;
-        const h = !l || !l.renderer, f = o.includes(a.title);
-        if ((h || f) && a.url) {
-          const T = await Jo(a.url);
-          T && (l = T.drawingInfo, T.description && (c = Ho(T.description), c.size > 0));
+        const v = !l || !l.renderer, y = o.includes(a.title);
+        if ((v || y) && a.url) {
+          const F = await Jo(a.url);
+          F && (l = F.drawingInfo, F.description && (c = Ho(F.description), c.size > 0));
         }
-        const { paint: M, legend: m, geomType: v, outlinePaint: s } = Uo(
+        const { paint: P, legend: w, geomType: L, outlinePaint: r } = Uo(
           l,
           a.opacity,
           c,
           a.title
-        ), d = Wo(a.popupInfo), $ = jo(a.layerDefinition), y = Bo(
+        ), h = Wo(a.popupInfo), b = jo(a.layerDefinition), g = Bo(
           a.layerDefinition?.minScale,
           a.layerDefinition?.maxScale
-        ), S = qo(a.title), g = Go(a.title);
-        let b = a.opacity ?? 1;
+        ), p = qo(a.title), d = Go(a.title);
+        let S = a.opacity ?? 1;
         const E = {
-          id: S,
-          title: g,
-          type: v,
+          id: p,
+          title: d,
+          type: L,
           url: a.url,
-          opacity: b,
-          paint: M,
-          legend: m,
-          popup: d
+          opacity: S,
+          paint: P,
+          legend: w,
+          popup: h
         };
-        $ && (E.where = $), y.minZoom !== void 0 && (E.minZoom = y.minZoom), y.maxZoom !== void 0 && (E.maxZoom = y.maxZoom), s && (E.outlinePaint = s), t.push(E);
+        b && (E.where = b), g.minZoom !== void 0 && (E.minZoom = g.minZoom), g.maxZoom !== void 0 && (E.maxZoom = g.maxZoom), r && (E.outlinePaint = r), t.push(E);
       } catch {
       }
   return t.sort((a, l) => a.title.localeCompare(l.title)), t;
 }
-const bt = {}, at = "376af635c84643cd816a8c5d017a53aa", Zn = at;
+const bt = {}, at = "376af635c84643cd816a8c5d017a53aa", Kn = at;
 function lt(e, n) {
   let t = `https://www.arcgis.com/sharing/rest/content/items/${e}/data?f=json`;
   return n && (t += `&token=${n}`), t;
 }
-function Bn() {
+function Xn() {
   return lt(at);
 }
-const Ae = /* @__PURE__ */ new Map(), _e = /* @__PURE__ */ new Map();
+const Ae = /* @__PURE__ */ new Map(), Oe = /* @__PURE__ */ new Map();
 function Qo(e) {
-  e ? (Ae.delete(e), _e.delete(e)) : (Ae.clear(), _e.clear());
+  e ? (Ae.delete(e), Oe.delete(e)) : (Ae.clear(), Oe.clear());
 }
 let Be, wt = 0;
 async function Ko() {
@@ -1595,7 +1595,7 @@ async function it(e = at) {
   const n = Ae.get(e);
   if (n)
     return n;
-  const t = _e.get(e);
+  const t = Oe.get(e);
   if (t)
     return t;
   const o = (async () => {
@@ -1603,118 +1603,118 @@ async function it(e = at) {
       const a = await Yo(e);
       return Ae.set(e, a), a;
     } finally {
-      _e.delete(e);
+      Oe.delete(e);
     }
   })();
-  return _e.set(e, o), o;
+  return Oe.set(e, o), o;
 }
 function en(e) {
-  const n = C({}), t = /* @__PURE__ */ new Map();
-  for (const s of e)
-    n.value[s.id] = {
+  const n = $({}), t = /* @__PURE__ */ new Map();
+  for (const r of e)
+    n.value[r.id] = {
       data: null,
       loading: !1,
       error: null,
       lastFetched: null
     };
-  async function o(s) {
-    const d = s.id;
+  async function o(r) {
+    const h = r.id;
     n.value = {
       ...n.value,
-      [d]: {
-        data: n.value[d]?.data ?? null,
-        lastFetched: n.value[d]?.lastFetched ?? null,
+      [h]: {
+        data: n.value[h]?.data ?? null,
+        lastFetched: n.value[h]?.lastFetched ?? null,
         loading: !0,
         error: null
       }
     };
     try {
-      let $;
-      if (s.type === "http-get") {
-        const y = await fetch(s.url, {
+      let b;
+      if (r.type === "http-get") {
+        const g = await fetch(r.url, {
           method: "GET",
-          ...s.options
+          ...r.options
         });
-        if (!y.ok)
-          throw new Error(`HTTP ${y.status}: ${y.statusText}`);
-        $ = await y.json();
-      } else if (s.type === "http-post") {
-        const y = await fetch(s.url, {
+        if (!g.ok)
+          throw new Error(`HTTP ${g.status}: ${g.statusText}`);
+        b = await g.json();
+      } else if (r.type === "http-post") {
+        const g = await fetch(r.url, {
           method: "POST",
-          ...s.options
+          ...r.options
         });
-        if (!y.ok)
-          throw new Error(`HTTP ${y.status}: ${y.statusText}`);
-        $ = await y.json();
-      } else if (s.type === "esri") {
-        const S = `${s.url.replace(/\/$/, "")}/query?where=1%3D1&outFields=*&returnGeometry=false&f=json`, g = await fetch(S, s.options);
         if (!g.ok)
           throw new Error(`HTTP ${g.status}: ${g.statusText}`);
-        $ = (await g.json()).features?.map((E) => E.attributes) || [];
+        b = await g.json();
+      } else if (r.type === "esri") {
+        const p = `${r.url.replace(/\/$/, "")}/query?where=1%3D1&outFields=*&returnGeometry=false&f=json`, d = await fetch(p, r.options);
+        if (!d.ok)
+          throw new Error(`HTTP ${d.status}: ${d.statusText}`);
+        b = (await d.json()).features?.map((E) => E.attributes) || [];
       } else
-        throw new Error(`Unknown data source type: ${s.type}`);
-      s.transform && ($ = s.transform($)), n.value = {
+        throw new Error(`Unknown data source type: ${r.type}`);
+      r.transform && (b = r.transform(b)), n.value = {
         ...n.value,
-        [d]: {
-          data: $,
+        [h]: {
+          data: b,
           loading: !1,
           error: null,
           lastFetched: Date.now()
         }
       };
-    } catch ($) {
-      const y = $ instanceof Error ? $.message : "Unknown error";
+    } catch (b) {
+      const g = b instanceof Error ? b.message : "Unknown error";
       n.value = {
         ...n.value,
-        [d]: {
-          data: n.value[d]?.data ?? null,
-          lastFetched: n.value[d]?.lastFetched ?? null,
+        [h]: {
+          data: n.value[h]?.data ?? null,
+          lastFetched: n.value[h]?.lastFetched ?? null,
           loading: !1,
-          error: y
+          error: g
         }
       };
     }
   }
   async function a() {
-    await Promise.all(e.map((s) => o(s)));
+    await Promise.all(e.map((r) => o(r)));
   }
-  async function l(s) {
-    const d = e.find(($) => $.id === s);
-    d && await o(d);
+  async function l(r) {
+    const h = e.find((b) => b.id === r);
+    h && await o(h);
   }
-  function c(s) {
-    return n.value[s]?.data ?? null;
+  function c(r) {
+    return n.value[r]?.data ?? null;
   }
-  const h = I(() => Object.values(n.value).some((s) => s.loading));
-  function f(s) {
-    return n.value[s]?.loading ?? !1;
+  const v = I(() => Object.values(n.value).some((r) => r.loading));
+  function y(r) {
+    return n.value[r]?.loading ?? !1;
   }
-  function M(s) {
-    return n.value[s]?.error ?? null;
+  function P(r) {
+    return n.value[r]?.error ?? null;
   }
-  function m() {
-    for (const s of e)
-      if (s.pollInterval && s.pollInterval > 0) {
-        const d = window.setInterval(() => {
-          o(s);
-        }, s.pollInterval);
-        t.set(s.id, d);
+  function w() {
+    for (const r of e)
+      if (r.pollInterval && r.pollInterval > 0) {
+        const h = window.setInterval(() => {
+          o(r);
+        }, r.pollInterval);
+        t.set(r.id, h);
       }
   }
-  function v() {
-    for (const [, s] of t)
-      window.clearInterval(s);
+  function L() {
+    for (const [, r] of t)
+      window.clearInterval(r);
     t.clear();
   }
-  return Ve(() => {
-    a(), m();
+  return Ne(() => {
+    a(), w();
   }), Lt(() => {
-    v();
+    L();
   }), {
     /** Reactive state for all data sources */
-    state: W(n),
+    state: j(n),
     /** Whether any data source is currently loading */
-    isLoading: h,
+    isLoading: v,
     /** Fetch all data sources */
     fetchAll: a,
     /** Refetch a specific data source by id */
@@ -1722,11 +1722,11 @@ function en(e) {
     /** Get data for a specific source */
     getData: c,
     /** Check if a specific source is loading */
-    isSourceLoading: f,
+    isSourceLoading: y,
     /** Get error for a specific source */
-    getError: M,
+    getError: P,
     /** Stop all polling (useful for cleanup) */
-    stopPolling: v
+    stopPolling: L
   };
 }
 const tn = { class: "layerboard-layout" }, on = {
@@ -1738,7 +1738,7 @@ const tn = { class: "layerboard-layout" }, on = {
 }, rn = {
   key: 1,
   class: "layerboard-error"
-}, sn = { key: 0 }, cn = { key: 1 }, un = { class: "layerboard-modal" }, dn = /* @__PURE__ */ we({
+}, sn = { key: 0 }, cn = { key: 1 }, un = { class: "layerboard-modal" }, dn = /* @__PURE__ */ ve({
   __name: "Layerboard",
   props: {
     title: {},
@@ -1767,180 +1767,180 @@ const tn = { class: "layerboard-layout" }, on = {
   },
   emits: ["configs-loaded", "load-error", "zoom"],
   setup(e, { expose: n, emit: t }) {
-    const o = e, a = t, l = C([]), c = C(!0), h = C(null), f = C(12), M = C(""), m = C(/* @__PURE__ */ new Set()), v = C({}), s = C(/* @__PURE__ */ new Set()), d = C({}), $ = C({}), y = C(/* @__PURE__ */ new Set()), S = C({});
-    function g() {
-      const L = {};
-      for (const F of o.tiledLayers)
-        L[F.id] = F.opacity ?? 1;
-      S.value = L;
+    const o = e, a = t, l = $([]), c = $(!0), v = $(null), y = $(12), P = $(""), w = $(/* @__PURE__ */ new Set()), L = $({}), r = $(/* @__PURE__ */ new Set()), h = $({}), b = $({}), g = $(/* @__PURE__ */ new Set()), p = $({});
+    function d() {
+      const C = {};
+      for (const M of o.tiledLayers)
+        C[M.id] = M.opacity ?? 1;
+      p.value = C;
     }
-    function b(L) {
-      y.value.has(L) ? y.value.delete(L) : y.value.add(L), y.value = new Set(y.value);
+    function S(C) {
+      g.value.has(C) ? g.value.delete(C) : g.value.add(C), g.value = new Set(g.value);
     }
-    function E(L, F) {
-      F ? y.value.add(L) : y.value.delete(L), y.value = new Set(y.value);
+    function E(C, M) {
+      M ? g.value.add(C) : g.value.delete(C), g.value = new Set(g.value);
     }
-    function T(L, F) {
-      S.value = { ...S.value, [L]: F };
+    function F(C, M) {
+      p.value = { ...p.value, [C]: M };
     }
     const B = o.dataSources.length > 0 ? en(o.dataSources) : null, q = I(() => B?.state.value ?? {}), ce = I(() => B?.isLoading.value ?? !1);
-    function Le(L) {
-      return B?.getData(L) ?? null;
+    function Le(C) {
+      return B?.getData(C) ?? null;
     }
-    function Se(L) {
-      return B?.refetch(L) ?? Promise.resolve();
+    function Se(C) {
+      return B?.refetch(C) ?? Promise.resolve();
     }
-    U("layerboard-layers", W(l)), U("layerboard-visible", m), U("layerboard-opacities", v), U("layerboard-loading", W(s)), U("layerboard-errors", W(d)), U("layerboard-zoom", W(f)), U("layerboard-toggle-layer", Ce), U("layerboard-set-layer-visible", fe), U("layerboard-set-layers-visible", ke), U("layerboard-set-opacity", pe), U("layerboard-tiled-layers", W(I(() => o.tiledLayers))), U("layerboard-visible-tiled", y), U("layerboard-tiled-opacities", S), U("layerboard-toggle-tiled", b), U("layerboard-set-tiled-opacity", T), U("layerboard-set-tiled-visible", E), U("layerboard-data-sources-state", q), U("layerboard-data-sources-loading", ce), U("layerboard-get-data-source", Le), U("layerboard-refetch-data-source", Se);
+    U("layerboard-layers", j(l)), U("layerboard-visible", w), U("layerboard-opacities", L), U("layerboard-loading", j(r)), U("layerboard-errors", j(h)), U("layerboard-zoom", j(y)), U("layerboard-toggle-layer", Ce), U("layerboard-set-layer-visible", pe), U("layerboard-set-layers-visible", ke), U("layerboard-set-opacity", ye), U("layerboard-tiled-layers", j(I(() => o.tiledLayers))), U("layerboard-visible-tiled", g), U("layerboard-tiled-opacities", p), U("layerboard-toggle-tiled", S), U("layerboard-set-tiled-opacity", F), U("layerboard-set-tiled-visible", E), U("layerboard-data-sources-state", q), U("layerboard-data-sources-loading", ce), U("layerboard-get-data-source", Le), U("layerboard-refetch-data-source", Se);
     const We = I(() => ({
       backgroundColor: o.themeColor
     })), je = I(() => ({
       backgroundColor: o.themeColor
-    })), ze = I(() => ({
+    })), Fe = I(() => ({
       backgroundColor: o.themeColor
     })), Ie = I(() => ({
-      width: ge.value ? "0" : o.sidebarWidth
+      width: he.value ? "0" : o.sidebarWidth
     }));
     async function Te() {
       try {
-        c.value = !0, h.value = null;
-        const F = (await it(o.webMapId)).map((A) => {
-          const Q = o.layerStyleOverrides[A.id];
-          return Q ? {
+        c.value = !0, v.value = null;
+        const M = (await it(o.webMapId)).map((A) => {
+          const K = o.layerStyleOverrides[A.id];
+          return K ? {
             ...A,
-            paint: Q.paint ?? A.paint,
-            outlinePaint: Q.outlinePaint ?? A.outlinePaint,
-            legend: Q.legend ?? A.legend,
-            type: Q.type ?? A.type
+            paint: K.paint ?? A.paint,
+            outlinePaint: K.outlinePaint ?? A.outlinePaint,
+            legend: K.legend ?? A.legend,
+            type: K.type ?? A.type
           } : A;
         });
-        l.value = F.map((A) => ({
+        l.value = M.map((A) => ({
           config: A,
           component: A.type
         }));
-        const re = {};
-        F.forEach((A) => {
-          re[A.id] = A.opacity ?? 1;
-        }), v.value = re, a("configs-loaded", F);
-      } catch (L) {
-        const F = L instanceof Error ? L.message : "Failed to load layer configurations";
-        h.value = F, a("load-error", F);
+        const se = {};
+        M.forEach((A) => {
+          se[A.id] = A.opacity ?? 1;
+        }), L.value = se, a("configs-loaded", M);
+      } catch (C) {
+        const M = C instanceof Error ? C.message : "Failed to load layer configurations";
+        v.value = M, a("load-error", M);
       } finally {
         c.value = !1;
       }
     }
-    function Re(L) {
-      let F = L.split("?")[0] || L;
-      return F = F.replace(/\/query$/, ""), F = F.replace(/\/$/, ""), F.toLowerCase();
+    function Re(C) {
+      let M = C.split("?")[0] || C;
+      return M = M.replace(/\/query$/, ""), M = M.replace(/\/$/, ""), M.toLowerCase();
     }
     async function qe() {
       if (o.fetchMetadata)
         try {
-          const L = "https://phl.carto.com/api/v2/sql?q=" + encodeURIComponent(
+          const C = "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"
-          ), F = await fetch(L);
-          if (!F.ok) return;
-          const re = await F.json(), A = {};
-          for (const Q of re.rows || [])
-            if (Q.url_text && Q.representation) {
-              const Qe = Re(Q.url_text), Ke = `https://metadata.phila.gov/#home/representationdetails/${Q.representation}/`;
+          ), M = await fetch(C);
+          if (!M.ok) return;
+          const se = await M.json(), A = {};
+          for (const K of se.rows || [])
+            if (K.url_text && K.representation) {
+              const Qe = Re(K.url_text), Ke = `https://metadata.phila.gov/#home/representationdetails/${K.representation}/`;
               A[Qe] = Ke;
             }
-          $.value = A;
+          b.value = A;
         } catch {
         }
     }
-    function Ge(L) {
-      f.value = L, a("zoom", L);
+    function Ge(C) {
+      y.value = C, a("zoom", C);
     }
-    function Ce(L) {
-      m.value.has(L) ? m.value.delete(L) : m.value.add(L), m.value = new Set(m.value);
+    function Ce(C) {
+      w.value.has(C) ? w.value.delete(C) : w.value.add(C), w.value = new Set(w.value);
     }
-    function fe(L, F) {
-      F ? m.value.add(L) : m.value.delete(L), m.value = new Set(m.value);
+    function pe(C, M) {
+      M ? w.value.add(C) : w.value.delete(C), w.value = new Set(w.value);
     }
-    function ke(L, F) {
-      for (const re of L)
-        F ? m.value.add(re) : m.value.delete(re);
-      m.value = new Set(m.value);
+    function ke(C, M) {
+      for (const se of C)
+        M ? w.value.add(se) : w.value.delete(se);
+      w.value = new Set(w.value);
     }
-    function pe(L, F) {
-      v.value = { ...v.value, [L]: F };
+    function ye(C, M) {
+      L.value = { ...L.value, [C]: M };
     }
-    function He(L, F) {
-      F ? s.value.add(L) : s.value.delete(L), s.value = new Set(s.value);
+    function He(C, M) {
+      M ? r.value.add(C) : r.value.delete(C), r.value = new Set(r.value);
     }
-    function oe(L, F) {
-      if (F)
-        d.value = { ...d.value, [L]: F };
+    function ie(C, M) {
+      if (M)
+        h.value = { ...h.value, [C]: M };
       else {
-        const { [L]: re, ...A } = d.value;
-        d.value = A;
+        const { [C]: se, ...A } = h.value;
+        h.value = A;
       }
     }
-    function ye(L) {
-      M.value = L;
+    function ge(C) {
+      P.value = C;
     }
-    const J = C("map");
+    const Q = $("map");
     function $e() {
-      J.value = J.value === "sidebar" ? "map" : "sidebar";
+      Q.value = Q.value === "sidebar" ? "map" : "sidebar";
     }
-    const ve = C(!1);
+    const be = $(!1);
     function Je() {
-      ve.value = !ve.value;
+      be.value = !be.value;
     }
     function De() {
-      ve.value = !1;
+      be.value = !1;
     }
-    const ge = C(!1);
+    const he = $(!1);
     function xe() {
-      ge.value = !ge.value;
+      he.value = !he.value;
     }
-    const te = C(!1);
-    function be() {
+    const te = $(!1);
+    function we() {
       te.value = !0;
     }
-    function le() {
+    function re() {
       te.value = !1;
     }
-    function Ze(L) {
-      L.target.classList.contains("layerboard-modal-backdrop") && le();
+    function Ze(C) {
+      C.target.classList.contains("layerboard-modal-backdrop") && re();
     }
-    return U("layerboard-open-modal", be), U("layerboard-close-modal", le), U("layerboard-is-modal-open", W(te)), n({
+    return U("layerboard-open-modal", we), U("layerboard-close-modal", re), U("layerboard-is-modal-open", j(te)), n({
       /** Layer configurations */
       layerList: l,
       /** Set of visible layer IDs */
-      visibleLayers: m,
+      visibleLayers: w,
       /** Layer opacity values */
-      layerOpacities: v,
+      layerOpacities: L,
       /** Set of currently loading layer IDs */
-      loadingLayers: s,
+      loadingLayers: r,
       /** Map of layer errors by ID */
-      layerErrors: d,
+      layerErrors: h,
       /** Current map zoom level */
-      currentZoom: f,
+      currentZoom: y,
       /** Toggle a layer's visibility */
       toggleLayer: Ce,
       /** Set a layer's visibility explicitly */
-      setLayerVisible: fe,
+      setLayerVisible: pe,
       /** Set multiple layers' visibility at once */
       setLayersVisible: ke,
       /** Set a layer's opacity */
-      setLayerOpacity: pe,
+      setLayerOpacity: ye,
       /** Reload layer configurations */
       reloadConfigs: Te,
       /** Clear configuration cache */
       clearCache: () => Qo(o.webMapId),
       // Tiled layer APIs
       /** Set of visible tiled layer IDs */
-      visibleTiledLayers: y,
+      visibleTiledLayers: g,
       /** Tiled layer opacity values */
-      tiledLayerOpacities: S,
+      tiledLayerOpacities: p,
       /** Toggle a tiled layer's visibility */
-      toggleTiledLayer: b,
+      toggleTiledLayer: S,
       /** Set a tiled layer's visibility explicitly */
       setTiledLayerVisible: E,
       /** Set a tiled layer's opacity */
-      setTiledLayerOpacity: T,
+      setTiledLayerOpacity: F,
       // Data source APIs
       /** State of all data sources */
       dataSourcesState: q,
@@ -1954,141 +1954,141 @@ const tn = { class: "layerboard-layout" }, on = {
       /** Whether the modal is currently open */
       isModalOpen: te,
       /** Open the modal */
-      openModal: be,
+      openModal: we,
       /** Close the modal */
-      closeModal: le
-    }), Ve(() => {
-      Te(), qe(), g();
-    }), (L, F) => (p(), w("div", tn, [
-      P("header", {
+      closeModal: re
+    }), Ne(() => {
+      Te(), qe(), d();
+    }), (C, M) => (u(), m("div", tn, [
+      k("header", {
         class: "layerboard-header",
-        style: ee(We.value)
+        style: H(We.value)
       }, [
-        F[1] || (F[1] = P("a", {
+        M[1] || (M[1] = k("a", {
           href: "https://www.phila.gov/",
           class: "layerboard-logo layerboard-desktop-only"
         }, [
-          P("img", {
+          k("img", {
             src: "https://standards.phila.gov/img/logo/city-of-philadelphia-yellow-white.png",
             alt: "City of Philadelphia"
           })
         ], -1)),
-        F[2] || (F[2] = P("span", { class: "layerboard-header-divider layerboard-desktop-only" }, null, -1)),
-        P("button", {
+        M[2] || (M[2] = k("span", { class: "layerboard-header-divider layerboard-desktop-only" }, null, -1)),
+        k("button", {
           class: "layerboard-hamburger layerboard-mobile-only",
           onClick: Je,
           "aria-label": "Toggle menu"
         }, [
-          K(_(ue), {
-            "icon-definition": _(mo),
+          X(O(ue), {
+            "icon-definition": O(mo),
             size: "medium",
             decorative: ""
           }, null, 8, ["icon-definition"])
         ]),
-        ae(L.$slots, "header", {}, () => [
-          P("h1", null, j(e.title), 1),
-          e.subtitle ? (p(), w("span", on, j(e.subtitle), 1)) : O("", !0)
+        le(C.$slots, "header", {}, () => [
+          k("h1", null, W(e.title), 1),
+          e.subtitle ? (u(), m("span", on, W(e.subtitle), 1)) : T("", !0)
         ], !0),
-        ve.value ? (p(), w("div", {
+        be.value ? (u(), m("div", {
           key: 0,
           class: "layerboard-mobile-menu",
-          style: ee({ backgroundColor: e.themeColor })
+          style: H({ backgroundColor: e.themeColor })
         }, [
-          P("div", nn, [
-            ae(L.$slots, "footer", {
-              openModal: be,
-              closeModal: le,
+          k("div", nn, [
+            le(C.$slots, "footer", {
+              openModal: we,
+              closeModal: re,
               isModalOpen: te.value
             }, () => [
-              F[0] || (F[0] = me(" City of Philadelphia ", -1))
+              M[0] || (M[0] = fe(" City of Philadelphia ", -1))
             ], !0)
           ]),
-          P("button", {
+          k("button", {
             class: "layerboard-mobile-menu-close",
             onClick: De,
             "aria-label": "Close menu"
           }, [
-            K(_(ue), {
-              "icon-definition": _(mt),
+            X(O(ue), {
+              "icon-definition": O(mt),
               size: "medium",
               decorative: ""
             }, null, 8, ["icon-definition"])
           ])
-        ], 4)) : O("", !0),
-        ve.value ? (p(), w("div", {
+        ], 4)) : T("", !0),
+        be.value ? (u(), m("div", {
           key: 1,
           class: "layerboard-mobile-menu-backdrop",
           onClick: De
-        })) : O("", !0)
+        })) : T("", !0)
       ], 4),
-      P("div", an, [
-        c.value ? (p(), w("div", ln, [
-          P("div", {
+      k("div", an, [
+        c.value ? (u(), m("div", ln, [
+          k("div", {
             class: "layerboard-spinner",
-            style: ee({ borderTopColor: e.themeColor })
+            style: H({ borderTopColor: e.themeColor })
           }, null, 4),
-          P("p", null, "Loading " + j(e.title) + "...", 1)
-        ])) : h.value ? (p(), w("div", rn, [
-          F[3] || (F[3] = P("h2", null, "Error Loading Layers", -1)),
-          P("p", null, j(h.value), 1),
-          P("button", {
+          k("p", null, "Loading " + W(e.title) + "...", 1)
+        ])) : v.value ? (u(), m("div", rn, [
+          M[3] || (M[3] = k("h2", null, "Error Loading Layers", -1)),
+          k("p", null, W(v.value), 1),
+          k("button", {
             class: "layerboard-retry-button",
-            style: ee({ backgroundColor: e.themeColor }),
+            style: H({ backgroundColor: e.themeColor }),
             onClick: Te
           }, " Retry ", 4)
-        ])) : (p(), w(ie, { key: 2 }, [
-          P("aside", {
-            class: ne(["layerboard-sidebar", { "is-active": J.value === "sidebar" }]),
-            style: ee(Ie.value)
+        ])) : (u(), m(oe, { key: 2 }, [
+          k("aside", {
+            class: ne(["layerboard-sidebar", { "is-active": Q.value === "sidebar" }]),
+            style: H(Ie.value)
           }, [
-            ae(L.$slots, "sidebar", {
+            le(C.$slots, "sidebar", {
               layers: l.value,
-              visibleLayers: m.value,
-              layerOpacities: v.value,
-              loadingLayers: s.value,
-              layerErrors: d.value,
-              currentZoom: f.value,
+              visibleLayers: w.value,
+              layerOpacities: L.value,
+              loadingLayers: r.value,
+              layerErrors: h.value,
+              currentZoom: y.value,
               toggleLayer: Ce,
-              setLayerVisible: fe,
+              setLayerVisible: pe,
               setLayersVisible: ke,
-              setOpacity: pe,
+              setOpacity: ye,
               tiledLayers: e.tiledLayers,
-              visibleTiledLayers: y.value,
-              tiledLayerOpacities: S.value,
-              toggleTiledLayer: b,
+              visibleTiledLayers: g.value,
+              tiledLayerOpacities: p.value,
+              toggleTiledLayer: S,
               setTiledLayerVisible: E,
-              setTiledLayerOpacity: T,
+              setTiledLayerOpacity: F,
               dataSourcesState: q.value,
               dataSourcesLoading: ce.value,
               getDataSource: Le,
               refetchDataSource: Se
             }, () => [
-              e.showDefaultSidebar ? (p(), Y(Do, {
+              e.showDefaultSidebar ? (u(), ee(Do, {
                 key: 0,
                 "layer-list": l.value,
-                "visible-layers": m.value,
-                "layer-opacities": v.value,
-                "loading-layers": s.value,
-                "layer-errors": d.value,
-                "current-zoom": f.value,
-                "search-query": M.value,
-                "layer-metadata": $.value,
+                "visible-layers": w.value,
+                "layer-opacities": L.value,
+                "loading-layers": r.value,
+                "layer-errors": h.value,
+                "current-zoom": y.value,
+                "search-query": P.value,
+                "layer-metadata": b.value,
                 onToggleLayer: Ce,
-                onSetOpacity: pe,
-                onUpdateSearch: ye
-              }, null, 8, ["layer-list", "visible-layers", "layer-opacities", "loading-layers", "layer-errors", "current-zoom", "search-query", "layer-metadata"])) : O("", !0)
+                onSetOpacity: ye,
+                onUpdateSearch: ge
+              }, null, 8, ["layer-list", "visible-layers", "layer-opacities", "loading-layers", "layer-errors", "current-zoom", "search-query", "layer-metadata"])) : T("", !0)
             ], !0)
           ], 6),
-          P("div", {
-            class: ne(["layerboard-map", { "is-active": J.value === "map" }])
+          k("div", {
+            class: ne(["layerboard-map", { "is-active": Q.value === "map" }])
           }, [
-            K(Xt, {
-              "visible-layers": m.value,
-              "layer-opacities": v.value,
+            X(Xt, {
+              "visible-layers": w.value,
+              "layer-opacities": L.value,
               "layer-list": l.value,
               "tiled-layers": e.tiledLayers,
-              "visible-tiled-layers": y.value,
-              "tiled-layer-opacities": S.value,
+              "visible-tiled-layers": g.value,
+              "tiled-layer-opacities": p.value,
               "cyclomedia-config": e.cyclomediaConfig,
               "pictometry-credentials": e.pictometryCredentials,
               "basemap-control-position": e.basemapControlPosition,
@@ -2102,68 +2102,68 @@ const tn = { class: "layerboard-layout" }, on = {
               "initial-center": e.initialCenter,
               onZoom: Ge,
               onLayerLoading: He,
-              onLayerError: oe
+              onLayerError: ie
             }, null, 8, ["visible-layers", "layer-opacities", "layer-list", "tiled-layers", "visible-tiled-layers", "tiled-layer-opacities", "cyclomedia-config", "pictometry-credentials", "basemap-control-position", "navigation-control-position", "geolocation-control-position", "search-control-position", "draw-control-position", "cyclomedia-button-position", "pictometry-button-position", "initial-zoom", "initial-center"])
           ], 2),
-          P("button", {
-            class: ne(["layerboard-sidebar-toggle", { "is-collapsed": ge.value }]),
-            style: ee({ left: ge.value ? "0" : o.sidebarWidth }),
+          k("button", {
+            class: ne(["layerboard-sidebar-toggle", { "is-collapsed": he.value }]),
+            style: H({ left: he.value ? "0" : o.sidebarWidth }),
             onClick: xe,
             "aria-label": "Toggle sidebar"
           }, [
-            K(_(ue), {
-              "icon-definition": ge.value ? _(go) : _(ho),
+            X(O(ue), {
+              "icon-definition": he.value ? O(go) : O(ho),
               size: "medium",
               decorative: ""
             }, null, 8, ["icon-definition"])
           ], 6)
         ], 64))
       ]),
-      P("button", {
+      k("button", {
         class: "layerboard-mobile-toggle",
-        style: ee(ze.value),
+        style: H(Fe.value),
         onClick: $e
       }, [
-        J.value === "map" ? (p(), w("span", sn, j(e.sidebarLabel), 1)) : (p(), w("span", cn, j(e.mapLabel), 1))
+        Q.value === "map" ? (u(), m("span", sn, W(e.sidebarLabel), 1)) : (u(), m("span", cn, W(e.mapLabel), 1))
       ], 4),
-      P("footer", {
+      k("footer", {
         class: "layerboard-footer",
-        style: ee(je.value)
+        style: H(je.value)
       }, [
-        ae(L.$slots, "footer", {
-          openModal: be,
-          closeModal: le,
+        le(C.$slots, "footer", {
+          openModal: we,
+          closeModal: re,
           isModalOpen: te.value
         }, () => [
-          F[4] || (F[4] = me(" City of Philadelphia ", -1))
+          M[4] || (M[4] = fe(" City of Philadelphia ", -1))
         ], !0)
       ], 4),
-      te.value ? (p(), w("div", {
+      te.value ? (u(), m("div", {
         key: 0,
         class: "layerboard-modal-backdrop",
         onClick: Ze
       }, [
-        P("div", un, [
-          P("button", {
+        k("div", un, [
+          k("button", {
             class: "layerboard-modal-close",
-            onClick: le,
+            onClick: re,
             "aria-label": "Close modal"
           }, [
-            K(_(ue), {
-              "icon-definition": _(mt),
+            X(O(ue), {
+              "icon-definition": O(mt),
               size: "medium",
               decorative: ""
             }, null, 8, ["icon-definition"])
           ]),
-          ae(L.$slots, "modal", { closeModal: le }, void 0, !0)
+          le(C.$slots, "modal", { closeModal: re }, void 0, !0)
         ])
-      ])) : O("", !0)
+      ])) : T("", !0)
     ]));
   }
-}), Vn = /* @__PURE__ */ Oe(dn, [["__scopeId", "data-v-dac16679"]]), fn = ["aria-expanded"], pn = {
+}), Yn = /* @__PURE__ */ ze(dn, [["__scopeId", "data-v-dac16679"]]), fn = ["aria-expanded"], pn = {
   key: 0,
   class: "topic-icon"
-}, yn = { class: "topic-title" }, gn = { class: "topic-content" }, hn = /* @__PURE__ */ we({
+}, yn = { class: "topic-title" }, gn = { class: "topic-content" }, hn = /* @__PURE__ */ ve({
   __name: "TopicAccordion",
   props: {
     title: {},
@@ -2174,7 +2174,7 @@ const tn = { class: "layerboard-layout" }, on = {
   },
   emits: ["toggle", "layerChange"],
   setup(e, { emit: n }) {
-    const t = e, o = n, a = C(t.expanded);
+    const t = e, o = n, a = $(t.expanded);
     Pe(
       () => t.expanded,
       (c) => {
@@ -2184,30 +2184,30 @@ const tn = { class: "layerboard-layout" }, on = {
     function l() {
       a.value = !a.value, o("toggle", a.value);
     }
-    return (c, h) => {
-      const f = _t("font-awesome-icon");
-      return p(), w("div", {
+    return (c, v) => {
+      const y = Et("font-awesome-icon");
+      return u(), m("div", {
         class: ne(["topic-accordion", { "is-expanded": a.value }])
       }, [
-        P("button", {
+        k("button", {
           class: ne(["topic-header", e.headerClass]),
           type: "button",
           "aria-expanded": a.value,
           onClick: l
         }, [
-          e.icon || c.$slots.icon ? (p(), w("span", pn, [
-            ae(c.$slots, "icon", {}, () => [
-              e.icon ? (p(), Y(f, {
+          e.icon || c.$slots.icon ? (u(), m("span", pn, [
+            le(c.$slots, "icon", {}, () => [
+              e.icon ? (u(), ee(y, {
                 key: 0,
                 icon: ["fas", e.icon]
-              }, null, 8, ["icon"])) : O("", !0)
+              }, null, 8, ["icon"])) : T("", !0)
             ], !0)
-          ])) : O("", !0),
-          P("span", yn, j(e.title), 1),
-          P("span", {
+          ])) : T("", !0),
+          k("span", yn, W(e.title), 1),
+          k("span", {
             class: ne(["topic-chevron", { "is-rotated": a.value }])
-          }, [...h[0] || (h[0] = [
-            P("svg", {
+          }, [...v[0] || (v[0] = [
+            k("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               width: "20",
               height: "20",
@@ -2218,13 +2218,13 @@ const tn = { class: "layerboard-layout" }, on = {
               "stroke-linecap": "round",
               "stroke-linejoin": "round"
             }, [
-              P("polyline", { points: "6 9 12 15 18 9" })
+              k("polyline", { points: "6 9 12 15 18 9" })
             ], -1)
           ])], 2)
         ], 10, fn),
-        St(P("div", gn, [
-          ae(c.$slots, "default", {}, () => [
-            h[1] || (h[1] = P("p", { class: "topic-empty" }, "No content provided for this topic.", -1))
+        St(k("div", gn, [
+          le(c.$slots, "default", {}, () => [
+            v[1] || (v[1] = k("p", { class: "topic-empty" }, "No content provided for this topic.", -1))
           ], !0)
         ], 512), [
           [Ot, a.value]
@@ -2232,7 +2232,7 @@ const tn = { class: "layerboard-layout" }, on = {
       ], 2);
     };
   }
-}), An = /* @__PURE__ */ Oe(hn, [["__scopeId", "data-v-fb48c75b"]]), mn = { class: "layer-checkbox-set" }, vn = ["checked", "disabled", "onChange"], bn = { class: "layer-title" }, wn = {
+}), ei = /* @__PURE__ */ ze(hn, [["__scopeId", "data-v-fb48c75b"]]), mn = { class: "layer-checkbox-set" }, vn = ["checked", "disabled", "onChange"], bn = { class: "layer-title" }, wn = {
   key: 0,
   class: "loading-indicator"
 }, Ln = ["title"], Sn = {
@@ -2247,13 +2247,13 @@ const tn = { class: "layerboard-layout" }, on = {
 }, Pn = {
   key: 2,
   class: "opacity-control"
-}, Mn = { class: "opacity-label" }, Fn = ["value", "onInput"], zn = {
+}, _n = { class: "opacity-label" }, Mn = ["value", "onInput"], zn = {
   key: 3,
   class: "layer-legend"
-}, Tn = { class: "legend-label" }, En = {
+}, Fn = { class: "legend-label" }, Tn = {
   key: 0,
   class: "empty-state"
-}, _n = /* @__PURE__ */ we({
+}, En = /* @__PURE__ */ ve({
   __name: "LayerCheckboxSet",
   props: {
     layers: {},
@@ -2268,221 +2268,354 @@ const tn = { class: "layerboard-layout" }, on = {
   emits: ["toggleLayer", "setOpacity"],
   setup(e, { emit: n }) {
     const t = e, o = n;
-    function a(y) {
-      return t.visibleLayerIds.has(y);
+    function a(g) {
+      return t.visibleLayerIds.has(g);
     }
-    function l(y) {
-      return t.layerOpacities[y] ?? 1;
+    function l(g) {
+      return t.layerOpacities[g] ?? 1;
     }
-    function c(y) {
-      return t.loadingLayerIds.has(y);
+    function c(g) {
+      return t.loadingLayerIds.has(g);
     }
-    function h(y) {
-      return t.layerErrors[y] || null;
+    function v(g) {
+      return t.layerErrors[g] || null;
     }
-    function f(y) {
-      const S = t.currentZoom, g = y.minZoom, b = y.maxZoom;
-      return !(g !== void 0 && S < g || b !== void 0 && S > b);
+    function y(g) {
+      const p = t.currentZoom, d = g.minZoom, S = g.maxZoom;
+      return !(d !== void 0 && p < d || S !== void 0 && p > S);
     }
-    function M(y) {
-      return y.displayOptions?.shouldShowCheckbox !== !1;
+    function P(g) {
+      return g.displayOptions?.shouldShowCheckbox !== !1;
     }
-    function m(y) {
-      return t.showOpacity ? y.displayOptions?.shouldShowSlider !== !1 : !1;
+    function w(g) {
+      return t.showOpacity ? g.displayOptions?.shouldShowSlider !== !1 : !1;
     }
-    function v(y) {
-      return t.showLegend ? y.displayOptions?.shouldShowLegendBox !== !1 : !1;
+    function L(g) {
+      return t.showLegend ? g.displayOptions?.shouldShowLegendBox !== !1 : !1;
     }
-    function s(y) {
-      return y.displayOptions?.layerNameChange || y.title;
+    function r(g) {
+      return g.displayOptions?.layerNameChange || g.title;
     }
-    function d(y) {
-      o("toggleLayer", y);
+    function h(g) {
+      o("toggleLayer", g);
     }
-    function $(y, S) {
-      const g = S.target;
-      o("setOpacity", y, parseFloat(g.value));
+    function b(g, p) {
+      const d = p.target;
+      o("setOpacity", g, parseFloat(d.value));
     }
-    return (y, S) => (p(), w("div", mn, [
-      (p(!0), w(ie, null, se(e.layers, (g) => (p(), w("div", {
-        key: g.id,
+    return (g, p) => (u(), m("div", mn, [
+      (u(!0), m(oe, null, ae(e.layers, (d) => (u(), m("div", {
+        key: d.id,
         class: "layer-item"
       }, [
-        M(g) ? (p(), w("label", {
+        P(d) ? (u(), m("label", {
           key: 0,
           class: ne(["layer-checkbox", {
-            "layer-unavailable": !f(g),
-            "layer-error": h(g.id)
+            "layer-unavailable": !y(d),
+            "layer-error": v(d.id)
           }])
         }, [
-          P("input", {
+          k("input", {
             type: "checkbox",
-            checked: a(g.id),
-            disabled: !f(g),
-            onChange: (b) => d(g.id)
+            checked: a(d.id),
+            disabled: !y(d),
+            onChange: (S) => h(d.id)
           }, null, 40, vn),
-          P("span", bn, [
-            me(j(s(g)) + " ", 1),
-            c(g.id) ? (p(), w("span", wn, " Loading... ")) : O("", !0),
-            h(g.id) ? (p(), w("span", {
+          k("span", bn, [
+            fe(W(r(d)) + " ", 1),
+            c(d.id) ? (u(), m("span", wn, " Loading... ")) : T("", !0),
+            v(d.id) ? (u(), m("span", {
               key: 1,
               class: "error-indicator",
-              title: h(g.id) || ""
-            }, " Error ", 8, Ln)) : O("", !0),
-            f(g) ? O("", !0) : (p(), w("span", Sn, " (zoom in) "))
+              title: v(d.id) || ""
+            }, " Error ", 8, Ln)) : T("", !0),
+            y(d) ? T("", !0) : (u(), m("span", Sn, " (zoom in) "))
           ])
-        ], 2)) : (p(), w("div", {
+        ], 2)) : (u(), m("div", {
           key: 1,
           class: ne(["layer-label-only", {
-            "layer-unavailable": !f(g),
-            "layer-error": h(g.id)
+            "layer-unavailable": !y(d),
+            "layer-error": v(d.id)
           }])
         }, [
-          P("span", Cn, [
-            me(j(s(g)) + " ", 1),
-            c(g.id) ? (p(), w("span", kn, " Loading... ")) : O("", !0),
-            h(g.id) ? (p(), w("span", {
+          k("span", Cn, [
+            fe(W(r(d)) + " ", 1),
+            c(d.id) ? (u(), m("span", kn, " Loading... ")) : T("", !0),
+            v(d.id) ? (u(), m("span", {
               key: 1,
               class: "error-indicator",
-              title: h(g.id) || ""
-            }, " Error ", 8, $n)) : O("", !0),
-            f(g) ? O("", !0) : (p(), w("span", xn, " (zoom in) "))
+              title: v(d.id) || ""
+            }, " Error ", 8, $n)) : T("", !0),
+            y(d) ? T("", !0) : (u(), m("span", xn, " (zoom in) "))
           ])
         ], 2)),
-        m(g) && a(g.id) ? (p(), w("div", Pn, [
-          P("label", Mn, " Opacity: " + j(Math.round(l(g.id) * 100)) + "% ", 1),
-          P("input", {
+        w(d) && a(d.id) ? (u(), m("div", Pn, [
+          k("label", _n, " Opacity: " + W(Math.round(l(d.id) * 100)) + "% ", 1),
+          k("input", {
             type: "range",
             min: "0",
             max: "1",
             step: "0.05",
-            value: l(g.id),
+            value: l(d.id),
             class: "opacity-slider",
-            onInput: (b) => $(g.id, b)
-          }, null, 40, Fn)
-        ])) : O("", !0),
-        v(g) && a(g.id) && g.legend?.length ? (p(), w("ul", zn, [
-          (p(!0), w(ie, null, se(g.legend, (b, E) => (p(), w("li", {
+            onInput: (S) => b(d.id, S)
+          }, null, 40, Mn)
+        ])) : T("", !0),
+        L(d) && a(d.id) && d.legend?.length ? (u(), m("ul", zn, [
+          (u(!0), m(oe, null, ae(d.legend, (S, E) => (u(), m("li", {
             key: E,
             class: "legend-item"
           }, [
-            b.type === "circle" ? (p(), w("span", {
+            S.type === "circle" ? (u(), m("span", {
               key: 0,
               class: "legend-symbol legend-circle",
-              style: ee({ backgroundColor: b.color })
-            }, null, 4)) : b.type === "line" ? (p(), w("span", {
+              style: H({ backgroundColor: S.color })
+            }, null, 4)) : S.type === "line" ? (u(), m("span", {
               key: 1,
               class: "legend-symbol legend-line",
-              style: ee({
-                backgroundColor: b.color,
-                height: `${b.width || 2}px`
+              style: H({
+                backgroundColor: S.color,
+                height: `${S.width || 2}px`
               })
-            }, null, 4)) : b.type === "fill" ? (p(), w("span", {
+            }, null, 4)) : S.type === "fill" ? (u(), m("span", {
               key: 2,
               class: "legend-symbol legend-fill",
-              style: ee({ backgroundColor: b.color })
-            }, null, 4)) : O("", !0),
-            P("span", Tn, j(b.label), 1)
+              style: H({ backgroundColor: S.color })
+            }, null, 4)) : T("", !0),
+            k("span", Fn, W(S.label), 1)
           ]))), 128))
-        ])) : O("", !0)
+        ])) : T("", !0)
       ]))), 128)),
-      e.layers.length === 0 ? (p(), w("div", En, " No layers available ")) : O("", !0)
+      e.layers.length === 0 ? (u(), m("div", Tn, " No layers available ")) : T("", !0)
     ]));
   }
-}), Nn = /* @__PURE__ */ Oe(_n, [["__scopeId", "data-v-cc5e50fd"]]);
-function Un(e) {
-  const n = C([]), t = C(/* @__PURE__ */ new Set()), o = C({}), a = C(/* @__PURE__ */ new Set()), l = C({}), c = C(""), h = C(!1), f = C(!1), M = C(null), m = I(() => {
+}), ti = /* @__PURE__ */ ze(En, [["__scopeId", "data-v-cc5e50fd"]]), On = { class: "layer-radio-set" }, In = ["name", "checked", "disabled", "onChange"], Rn = { class: "layer-title" }, Dn = {
+  key: 0,
+  class: "loading-indicator"
+}, Zn = ["title"], Bn = {
+  key: 2,
+  class: "zoom-indicator"
+}, Nn = {
+  key: 0,
+  class: "opacity-control"
+}, An = { class: "opacity-label" }, Vn = ["value", "onInput"], Un = {
+  key: 1,
+  class: "layer-legend"
+}, Wn = { class: "legend-label" }, jn = {
+  key: 0,
+  class: "empty-state"
+}, qn = /* @__PURE__ */ ve({
+  __name: "LayerRadioButtonSet",
+  props: {
+    layers: {},
+    visibleLayerIds: {},
+    layerOpacities: { default: () => ({}) },
+    loadingLayerIds: { default: () => /* @__PURE__ */ new Set() },
+    layerErrors: { default: () => ({}) },
+    currentZoom: { default: 12 },
+    showOpacity: { type: Boolean, default: !0 },
+    showLegend: { type: Boolean, default: !0 },
+    groupName: { default: "layer-radio-group" }
+  },
+  emits: ["selectLayer", "setOpacity"],
+  setup(e, { emit: n }) {
+    const t = e, o = n;
+    function a(b) {
+      return t.visibleLayerIds.has(b);
+    }
+    function l(b) {
+      return t.layerOpacities[b] ?? 1;
+    }
+    function c(b) {
+      return t.loadingLayerIds.has(b);
+    }
+    function v(b) {
+      return t.layerErrors[b] || null;
+    }
+    function y(b) {
+      const g = t.currentZoom, p = b.minZoom, d = b.maxZoom;
+      return !(p !== void 0 && g < p || d !== void 0 && g > d);
+    }
+    function P(b) {
+      return t.showOpacity ? b.displayOptions?.shouldShowSlider !== !1 : !1;
+    }
+    function w(b) {
+      return t.showLegend ? b.displayOptions?.shouldShowLegendBox !== !1 : !1;
+    }
+    function L(b) {
+      return b.displayOptions?.layerNameChange || b.title;
+    }
+    function r(b) {
+      const g = t.layers.filter((p) => t.visibleLayerIds.has(p.id) && p.id !== b).map((p) => p.id);
+      o("selectLayer", b, g);
+    }
+    function h(b, g) {
+      const p = g.target;
+      o("setOpacity", b, parseFloat(p.value));
+    }
+    return (b, g) => (u(), m("div", On, [
+      (u(!0), m(oe, null, ae(e.layers, (p) => (u(), m("div", {
+        key: p.id,
+        class: "layer-item"
+      }, [
+        k("label", {
+          class: ne(["layer-radio", {
+            "layer-unavailable": !y(p),
+            "layer-error": v(p.id)
+          }])
+        }, [
+          k("input", {
+            type: "radio",
+            name: e.groupName,
+            checked: a(p.id),
+            disabled: !y(p),
+            onChange: (d) => r(p.id)
+          }, null, 40, In),
+          k("span", Rn, [
+            fe(W(L(p)) + " ", 1),
+            c(p.id) ? (u(), m("span", Dn, " Loading... ")) : T("", !0),
+            v(p.id) ? (u(), m("span", {
+              key: 1,
+              class: "error-indicator",
+              title: v(p.id) || ""
+            }, " Error ", 8, Zn)) : T("", !0),
+            y(p) ? T("", !0) : (u(), m("span", Bn, " (zoom in) "))
+          ])
+        ], 2),
+        P(p) && a(p.id) ? (u(), m("div", Nn, [
+          k("label", An, " Opacity: " + W(Math.round(l(p.id) * 100)) + "% ", 1),
+          k("input", {
+            type: "range",
+            min: "0",
+            max: "1",
+            step: "0.05",
+            value: l(p.id),
+            class: "opacity-slider",
+            onInput: (d) => h(p.id, d)
+          }, null, 40, Vn)
+        ])) : T("", !0),
+        w(p) && a(p.id) && p.legend?.length ? (u(), m("ul", Un, [
+          (u(!0), m(oe, null, ae(p.legend, (d, S) => (u(), m("li", {
+            key: S,
+            class: "legend-item"
+          }, [
+            d.type === "circle" ? (u(), m("span", {
+              key: 0,
+              class: "legend-symbol legend-circle",
+              style: H({ backgroundColor: d.color })
+            }, null, 4)) : d.type === "line" ? (u(), m("span", {
+              key: 1,
+              class: "legend-symbol legend-line",
+              style: H({
+                backgroundColor: d.color,
+                height: `${d.width || 2}px`
+              })
+            }, null, 4)) : d.type === "fill" ? (u(), m("span", {
+              key: 2,
+              class: "legend-symbol legend-fill",
+              style: H({ backgroundColor: d.color })
+            }, null, 4)) : T("", !0),
+            k("span", Wn, W(d.label), 1)
+          ]))), 128))
+        ])) : T("", !0)
+      ]))), 128)),
+      e.layers.length === 0 ? (u(), m("div", jn, " No layers available ")) : T("", !0)
+    ]));
+  }
+}), oi = /* @__PURE__ */ ze(qn, [["__scopeId", "data-v-c0e5f6f1"]]);
+function ni(e) {
+  const n = $([]), t = $(/* @__PURE__ */ new Set()), o = $({}), a = $(/* @__PURE__ */ new Set()), l = $({}), c = $(""), v = $(!1), y = $(!1), P = $(null), w = I(() => {
     if (!c.value.trim())
       return n.value;
-    const T = c.value.toLowerCase();
+    const F = c.value.toLowerCase();
     return n.value.filter(
-      (B) => B.title.toLowerCase().includes(T)
+      (B) => B.title.toLowerCase().includes(F)
     );
-  }), v = I(() => n.value.map((T) => ({
-    config: T,
-    component: T.type
+  }), L = I(() => n.value.map((F) => ({
+    config: F,
+    component: F.type
     // "circle", "fill", or "line"
   })));
-  async function s() {
-    if (!f.value) {
-      h.value = !0, M.value = null;
+  async function r() {
+    if (!y.value) {
+      v.value = !0, P.value = null;
       try {
-        let T;
-        e.mode === "dynamic" || !e.mode ? e.webMapId ? T = await d(e.webMapId) : T = await it() : T = await it(), n.value = T;
+        let F;
+        e.mode === "dynamic" || !e.mode ? e.webMapId ? F = await h(e.webMapId) : F = await it() : F = await it(), n.value = F;
         const B = {};
-        T.forEach((q) => {
+        F.forEach((q) => {
           B[q.id] = q.opacity ?? 1;
-        }), o.value = B, f.value = !0;
-      } catch (T) {
-        M.value = T instanceof Error ? T : new Error("Failed to initialize layerboard");
+        }), o.value = B, y.value = !0;
+      } catch (F) {
+        P.value = F instanceof Error ? F : new Error("Failed to initialize layerboard");
       } finally {
-        h.value = !1;
+        v.value = !1;
       }
     }
   }
-  async function d(T) {
-    const B = lt(T), q = await fetch(B);
+  async function h(F) {
+    const B = lt(F), q = await fetch(B);
     if (!q.ok)
       throw new Error(`Failed to fetch WebMap: ${q.status} ${q.statusText}`);
     const ce = await q.json();
     return kt(ce);
   }
-  function $(T) {
+  function b(F) {
     const B = new Set(t.value);
-    B.has(T) ? B.delete(T) : B.add(T), t.value = B;
+    B.has(F) ? B.delete(F) : B.add(F), t.value = B;
   }
-  function y(T, B) {
+  function g(F, B) {
     o.value = {
       ...o.value,
-      [T]: Math.max(0, Math.min(1, B))
+      [F]: Math.max(0, Math.min(1, B))
     };
   }
-  function S(T) {
-    c.value = T;
+  function p(F) {
+    c.value = F;
   }
-  function g(T, B) {
+  function d(F, B) {
     const q = new Set(a.value);
-    B ? q.add(T) : q.delete(T), a.value = q;
+    B ? q.add(F) : q.delete(F), a.value = q;
   }
-  function b(T, B) {
+  function S(F, B) {
     if (B)
-      l.value = { ...l.value, [T]: B };
+      l.value = { ...l.value, [F]: B };
     else {
-      const { [T]: q, ...ce } = l.value;
+      const { [F]: q, ...ce } = l.value;
       l.value = ce;
     }
   }
   function E() {
-    n.value = [], t.value = /* @__PURE__ */ new Set(), o.value = {}, a.value = /* @__PURE__ */ new Set(), l.value = {}, c.value = "", h.value = !1, f.value = !1, M.value = null;
+    n.value = [], t.value = /* @__PURE__ */ new Set(), o.value = {}, a.value = /* @__PURE__ */ new Set(), l.value = {}, c.value = "", v.value = !1, y.value = !1, P.value = null;
   }
   return {
     // State (readonly)
-    layerConfigs: W(n),
-    visibleLayers: W(t),
-    layerOpacities: W(o),
-    loadingLayers: W(a),
-    layerErrors: W(l),
-    searchQuery: W(c),
-    isLoading: W(h),
-    isInitialized: W(f),
-    error: W(M),
+    layerConfigs: j(n),
+    visibleLayers: j(t),
+    layerOpacities: j(o),
+    loadingLayers: j(a),
+    layerErrors: j(l),
+    searchQuery: j(c),
+    isLoading: j(v),
+    isInitialized: j(y),
+    error: j(P),
     // Computed
-    filteredLayerConfigs: m,
-    layerList: v,
+    filteredLayerConfigs: w,
+    layerList: L,
     // Config
     config: e,
     // Methods
-    initialize: s,
-    toggleLayer: $,
-    setLayerOpacity: y,
-    filterLayers: S,
-    setLayerLoading: g,
-    setLayerError: b,
+    initialize: r,
+    toggleLayer: b,
+    setLayerOpacity: g,
+    filterLayers: p,
+    setLayerLoading: d,
+    setLayerError: S,
     reset: E
   };
 }
-function Wn() {
-  const e = C([]), n = C(/* @__PURE__ */ new Set()), t = C(/* @__PURE__ */ new Set());
+function ii() {
+  const e = $([]), n = $(/* @__PURE__ */ new Set()), t = $(/* @__PURE__ */ new Set());
   function o(l) {
     n.value.has(l) ? n.value.delete(l) : n.value.add(l);
   }
@@ -2497,40 +2630,40 @@ function Wn() {
     setLayers: a
   };
 }
-function On(e) {
-  const n = C(null), t = C(!1), o = C(null), a = C(0);
-  async function l(f = {}) {
+function Gn(e) {
+  const n = $(null), t = $(!1), o = $(null), a = $(0);
+  async function l(y = {}) {
     t.value = !0, o.value = null;
-    const M = e.pageSize || 2e3;
-    let m = 0, v = [], s = !0;
+    const P = e.pageSize || 2e3;
+    let w = 0, L = [], r = !0;
     try {
-      for (; s; ) {
-        const $ = e.url.replace(/\/$/, ""), y = encodeURIComponent(f.where || e.where || "1=1");
-        let S = `${$}/query?where=${y}&outFields=*&returnGeometry=true&resultRecordCount=${M}&resultOffset=${m}&f=geojson`;
-        if (f.bounds) {
+      for (; r; ) {
+        const b = e.url.replace(/\/$/, ""), g = encodeURIComponent(y.where || e.where || "1=1");
+        let p = `${b}/query?where=${g}&outFields=*&returnGeometry=true&resultRecordCount=${P}&resultOffset=${w}&f=geojson`;
+        if (y.bounds) {
           const E = JSON.stringify({
-            xmin: f.bounds.west,
-            ymin: f.bounds.south,
-            xmax: f.bounds.east,
-            ymax: f.bounds.north,
+            xmin: y.bounds.west,
+            ymin: y.bounds.south,
+            xmax: y.bounds.east,
+            ymax: y.bounds.north,
             spatialReference: { wkid: 4326 }
           });
-          S += `&geometry=${encodeURIComponent(E)}&geometryType=esriGeometryEnvelope&spatialRel=esriSpatialRelIntersects`;
+          p += `&geometry=${encodeURIComponent(E)}&geometryType=esriGeometryEnvelope&spatialRel=esriSpatialRelIntersects`;
         }
-        const g = await fetch(S);
-        if (!g.ok)
-          throw new Error(`HTTP ${g.status}: ${g.statusText}`);
-        const b = await g.json();
-        b.features && b.features.length > 0 ? (v = v.concat(b.features), m += b.features.length, s = b.features.length === M) : s = !1;
+        const d = await fetch(p);
+        if (!d.ok)
+          throw new Error(`HTTP ${d.status}: ${d.statusText}`);
+        const S = await d.json();
+        S.features && S.features.length > 0 ? (L = L.concat(S.features), w += S.features.length, r = S.features.length === P) : r = !1;
       }
-      const d = {
+      const h = {
         type: "FeatureCollection",
-        features: v
+        features: L
       };
-      return n.value = d, a.value = v.length, d;
-    } catch (d) {
-      const $ = d instanceof Error ? d : new Error("Failed to fetch features");
-      throw o.value = $, $;
+      return n.value = h, a.value = L.length, h;
+    } catch (h) {
+      const b = h instanceof Error ? h : new Error("Failed to fetch features");
+      throw o.value = b, b;
     } finally {
       t.value = !1;
     }
@@ -2538,25 +2671,25 @@ function On(e) {
   function c() {
     n.value = null, a.value = 0, o.value = null;
   }
-  async function h(f = {}) {
-    return l(f);
+  async function v(y = {}) {
+    return l(y);
   }
   return {
     // State (readonly)
-    data: W(n),
-    isLoading: W(t),
-    error: W(o),
-    totalFeatures: W(a),
+    data: j(n),
+    isLoading: j(t),
+    error: j(o),
+    totalFeatures: j(a),
     // Config
     config: e,
     // Methods
     fetch: l,
-    refetch: h,
+    refetch: v,
     clear: c
   };
 }
-function jn(e, n, t) {
-  const o = On(e);
+function ai(e, n, t) {
+  const o = Gn(e);
   return Pe(
     n,
     async (a) => {
@@ -2569,20 +2702,21 @@ function jn(e, n, t) {
   ), o;
 }
 export {
-  Nn as LayerCheckboxSet,
+  ti as LayerCheckboxSet,
   Do as LayerPanel,
-  Vn as Layerboard,
+  oi as LayerRadioButtonSet,
+  Yn as Layerboard,
   Xt as MapPanel,
-  An as TopicAccordion,
-  Zn as WEBMAP_ID,
+  ei as TopicAccordion,
+  Kn as WEBMAP_ID,
   lt as buildWebMapUrl,
   Qo as clearCache,
   it as getLayerConfigs,
-  Bn as getWebMapUrl,
+  Xn as getWebMapUrl,
   kt as transformWebMapToLayerConfigs,
   en as useApiDataSources,
-  On as useDataSource,
-  Wn as useLayerConfig,
-  Un as useLayerboard,
-  jn as useReactiveDataSource
+  Gn as useDataSource,
+  ii as useLayerConfig,
+  ni as useLayerboard,
+  ai as useReactiveDataSource
 };