@phila/layerboard 3.0.0-beta.25 → 3.0.0-beta.26

package/dist/index.mjs

@@ -1,7 +1,7 @@
-import { defineComponent as ge, ref as w, watch as Re, computed as D, nextTick as je, onMounted as ot, onUnmounted as Ot, createElementBlock as x, openBlock as m, createVNode as G, unref as d, withCtx as Ke, createBlock as j, createCommentVNode as B, Fragment as fe, renderList as be, useAttrs as Nt, toRef as Ut, normalizeClass as ue, createElementVNode as P, toDisplayString as q, renderSlot as he, withDirectives as zt, mergeProps as pt, vModelDynamic as Wt, createTextVNode as Me, normalizeProps as St, guardReactiveProps as Ct, normalizeStyle as me, withModifiers as jt, readonly as W, provide as Z, onBeforeUnmount as qt, useId as kt, resolveComponent as Gt, vShow as Ht } from "vue";
+import { defineComponent as he, ref as w, watch as Be, computed as D, nextTick as qe, onMounted as ot, onUnmounted as Ot, createElementBlock as x, openBlock as m, createVNode as H, unref as d, withCtx as Ke, createBlock as q, createCommentVNode as B, Fragment as ue, renderList as be, useAttrs as Nt, toRef as Ut, normalizeClass as se, createElementVNode as P, toDisplayString as G, renderSlot as me, withDirectives as zt, mergeProps as pt, vModelDynamic as Wt, createTextVNode as Pe, normalizeProps as St, guardReactiveProps as Ct, normalizeStyle as ye, withModifiers as jt, readonly as j, provide as Z, onBeforeUnmount as qt, useId as kt, resolveComponent as Gt, vShow as Ht } from "vue";
 import { Map as Jt, DrawTool as Kt, RasterLayer as xt, CircleLayer as $t, FillLayer as Mt, LineLayer as dt, MapMarker as Qt, MapPopup as Xt } from "@phila/phila-ui-map-core";
-import { cn as yt, Icon as $e, BaseLink as Yt, ActionContent as Pt } from "@phila/phila-ui-core";
-const eo = { class: "map-panel" }, to = /* @__PURE__ */ ge({
+import { cn as yt, Icon as Me, BaseLink as Yt, ActionContent as Pt } from "@phila/phila-ui-core";
+const eo = { class: "map-panel" }, to = /* @__PURE__ */ he({
   __name: "MapPanel",
   props: {
     visibleLayers: {},
@@ -40,21 +40,21 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ ge({
         xmax: c.east,
         ymax: c.north,
         spatialReference: { wkid: 4326 }
-      }), ie = k !== void 0 && k < 14 ? `&maxAllowableOffset=${360 / (Math.pow(2, k) * 512)}` : "", U = 2e3;
-      let te = 0, V = [], ee = !0;
+      }), le = k !== void 0 && k < 14 ? `&maxAllowableOffset=${360 / (Math.pow(2, k) * 512)}` : "", U = 2e3;
+      let oe = 0, V = [], ee = !0;
       for (; ee; ) {
-        const Y = `${t}/query?where=${E}&geometry=${encodeURIComponent(A)}&geometryType=esriGeometryEnvelope&spatialRel=esriSpatialRelIntersects&outFields=*&returnGeometry=true&resultRecordCount=${U}&resultOffset=${te}${ie}&f=geojson`, ye = await fetch(Y);
-        if (!ye.ok)
-          throw new Error(`HTTP ${ye.status}: ${ye.statusText}`);
-        const Ee = await ye.json();
-        Ee.features && Ee.features.length > 0 ? (V = V.concat(Ee.features), te += Ee.features.length, ee = Ee.features.length === U) : ee = !1;
+        const Y = `${t}/query?where=${E}&geometry=${encodeURIComponent(A)}&geometryType=esriGeometryEnvelope&spatialRel=esriSpatialRelIntersects&outFields=*&returnGeometry=true&resultRecordCount=${U}&resultOffset=${oe}${le}&f=geojson`, pe = await fetch(Y);
+        if (!pe.ok)
+          throw new Error(`HTTP ${pe.status}: ${pe.statusText}`);
+        const Ie = await pe.json();
+        Ie.features && Ie.features.length > 0 ? (V = V.concat(Ie.features), oe += Ie.features.length, ee = Ie.features.length === U) : ee = !1;
       }
       return V = V.map((Y) => {
         if (Y.properties) {
-          const ye = {};
-          for (const Ee of Object.keys(Y.properties))
-            ye[Ee.toLowerCase()] = Y.properties[Ee];
-          return { ...Y, properties: ye };
+          const pe = {};
+          for (const Ie of Object.keys(Y.properties))
+            pe[Ie.toLowerCase()] = Y.properties[Ie];
+          return { ...Y, properties: pe };
         }
         return Y;
       }), {
@@ -99,10 +99,10 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ ge({
       const s = t.getZoom();
       o("zoom", s), u.value = f(t), p(g.value);
     }
-    Re(
+    Be(
       () => l.visibleLayers,
       async () => {
-        if (de.value.length > 0 && ae(), g.value) {
+        if (ce.value.length > 0 && ie(), g.value) {
           const t = new Set(l.visibleLayers), c = [...t].filter((s) => !v.value.has(s));
           v.value = new Set(t), c.length > 0 && await b(g.value, c);
         }
@@ -114,7 +114,7 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ ge({
     function _(t) {
       return !!$.value[t.id];
     }
-    const H = D(
+    const J = D(
       () => l.layerList.filter((t) => t.config.type === "circle" && T(t.config.id) && _(t.config)).map((t) => t.config)
     ), I = D(
       () => l.layerList.filter((t) => t.config.type === "fill" && T(t.config.id) && _(t.config)).map((t) => t.config)
@@ -125,9 +125,9 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ ge({
     ), O = D(
       () => l.layerList.filter((t) => t.config.type === "line" && T(t.config.id) && _(t.config)).map((t) => t.config)
     );
-    Re(O, async (t) => {
+    Be(O, async (t) => {
       if (t.length < 2) return;
-      await je();
+      await qe();
       const c = r.value;
       if (c)
         for (let s = t.length - 1; s >= 0; s--) {
@@ -141,24 +141,24 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ ge({
     function R(t) {
       return l.visibleTiledLayers?.has(t) ?? !1;
     }
-    function le(t) {
+    function ne(t) {
       return l.tiledLayerOpacities?.[t] ?? 1;
     }
-    function J(t) {
+    function K(t) {
       return `${t.replace(/\/$/, "")}/tile/{z}/{y}/{x}`;
     }
-    function Ae(t) {
+    function Ve(t) {
       return {
         type: "raster",
-        tiles: [J(t.url)],
+        tiles: [K(t.url)],
         tileSize: 256,
         attribution: t.attribution || ""
       };
     }
-    const Le = w({}), Oe = w(/* @__PURE__ */ new Set());
-    async function Te(t) {
-      if (!Oe.value.has(t.id)) {
-        Oe.value.add(t.id);
+    const Le = w({}), ze = w(/* @__PURE__ */ new Set());
+    async function Fe(t) {
+      if (!ze.value.has(t.id)) {
+        ze.value.add(t.id);
         try {
           const c = t.url.replace(/\/$/, ""), s = await fetch(`${c}?f=json`);
           if (!s.ok)
@@ -179,9 +179,9 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ ge({
     ot(() => {
       if (l.tiledLayers)
         for (const t of l.tiledLayers)
-          t.scaleBasedRendering && Te(t);
+          t.scaleBasedRendering && Fe(t);
     });
-    function ne(t) {
+    function Se(t) {
       if (!t.scaleBasedRendering)
         return "tiled";
       const c = Le.value[t.id];
@@ -190,8 +190,8 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ ge({
       const s = u.value;
       return s === 0 || s > c.maxScale ? "tiled" : "dynamic";
     }
-    const Ve = D(() => l.tiledLayers ? l.tiledLayers.filter((t) => R(t.id) ? t.scaleBasedRendering ? ne(t) === "tiled" : !0 : !1) : []), qe = D(() => l.tiledLayers ? l.tiledLayers.filter((t) => R(t.id) && t.scaleBasedRendering ? ne(t) === "dynamic" : !1) : []);
-    function X(t) {
+    const ge = D(() => l.tiledLayers ? l.tiledLayers.filter((t) => R(t.id) ? t.scaleBasedRendering ? Se(t) === "tiled" : !0 : !1) : []), Ze = D(() => l.tiledLayers ? l.tiledLayers.filter((t) => R(t.id) && t.scaleBasedRendering ? Se(t) === "dynamic" : !1) : []);
+    function Ee(t) {
       return {
         type: "raster",
         tiles: [`${t.url.replace(/\/$/, "")}/export?bbox={bbox-epsg-3857}&bboxSR=3857&imageSR=3857&size=256,256&format=png32&transparent=true&f=image`],
@@ -199,44 +199,44 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ ge({
         attribution: t.attribution || ""
       };
     }
-    function re(t) {
+    function W(t) {
       return { type: "geojson", data: $.value[t.id], tolerance: 0 };
     }
-    function se(t) {
+    function de(t) {
       return l.layerOpacities[t] ?? 1;
     }
-    function Fe(t) {
-      const c = se(t.id), s = t.type === "circle" ? "circle-opacity" : t.type === "fill" ? "fill-opacity" : "line-opacity";
+    function te(t) {
+      const c = de(t.id), s = t.type === "circle" ? "circle-opacity" : t.type === "fill" ? "fill-opacity" : "line-opacity";
       if (t.type === "fill" && t.paint["fill-opacity"] === 0)
         return { ...t.paint, "fill-opacity": 0 };
-      const h = t.type === "circle" ? "circle-color" : t.type === "fill" ? "fill-color" : "line-color", k = { ...t.paint }, E = k[h], A = k[s] === 1, ie = typeof E == "string" && E.startsWith("rgba(");
-      if (A && ie) {
+      const h = t.type === "circle" ? "circle-color" : t.type === "fill" ? "fill-color" : "line-color", k = { ...t.paint }, E = k[h], A = k[s] === 1, le = typeof E == "string" && E.startsWith("rgba(");
+      if (A && le) {
         if (c === 1)
           return k;
         {
           const U = E.match(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*([\d.]+)\)/);
           if (U && U[4]) {
-            const [, te, V, ee, Y] = U, ye = parseFloat(Y) * c;
-            k[h] = `rgba(${te}, ${V}, ${ee}, ${ye})`, k[s] = 1;
+            const [, oe, V, ee, Y] = U, pe = parseFloat(Y) * c;
+            k[h] = `rgba(${oe}, ${V}, ${ee}, ${pe})`, k[s] = 1;
           }
           return k;
         }
       }
-      if (ie) {
+      if (le) {
         const U = E.match(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*([\d.]+)\)/);
         if (U) {
-          const [, te, V, ee] = U;
-          k[h] = `rgb(${te}, ${V}, ${ee})`;
+          const [, oe, V, ee] = U;
+          k[h] = `rgb(${oe}, ${V}, ${ee})`;
         }
       }
       return k[s] = c, k;
     }
     function rt(t) {
-      const c = se(t.id);
+      const c = de(t.id);
       return { ...t.outlinePaint, "line-opacity": c };
     }
-    const de = w([]), Ze = w(null), oe = w(0);
-    function ze(t) {
+    const ce = w([]), Ne = w(null), ae = w(0);
+    function De(t) {
       const c = t.replace(/-outline$/, "");
       return l.layerList.find((h) => h.config.id === c)?.config;
     }
@@ -246,7 +246,7 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ ge({
         return k == null ? "" : String(k);
       });
     }
-    function Se(t) {
+    function Ce(t) {
       return t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
     }
     function Ge(t, c, s) {
@@ -277,8 +277,8 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ ge({
             return String(t);
           const E = t.toFixed(h);
           if (k) {
-            const A = E.split("."), ie = A[0] || "0", U = A[1], te = ie.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
-            return U ? `${te}.${U}` : te;
+            const A = E.split("."), le = A[0] || "0", U = A[1], oe = le.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+            return U ? `${oe}.${U}` : oe;
           }
           return E;
         }
@@ -305,16 +305,16 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ ge({
       }
       return null;
     }
-    function Ce(t, c) {
+    function ke(t, c) {
       const s = /* @__PURE__ */ new Map();
       return c.forEach((h, k) => {
         s.set(h.id, k);
       }), t.sort((h, k) => {
-        const E = h.layer.id.replace(/-outline$/, ""), A = k.layer.id.replace(/-outline$/, ""), ie = s.get(E) ?? -1;
-        return (s.get(A) ?? -1) - ie;
+        const E = h.layer.id.replace(/-outline$/, ""), A = k.layer.id.replace(/-outline$/, ""), le = s.get(E) ?? -1;
+        return (s.get(A) ?? -1) - le;
       });
     }
-    function Ne(t) {
+    function Ue(t) {
       const c = r.value;
       if (!c) return;
       const s = [];
@@ -326,53 +326,53 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ ge({
         layers: s
       });
       if (k.length === 0) return;
-      const E = He(k), A = l.layerList.map((V) => V.config), U = Ce(E, A).map((V) => {
-        const ee = V.layer.id.replace(/-outline$/, ""), Y = ze(ee);
+      const E = He(k), A = l.layerList.map((V) => V.config), U = ke(E, A).map((V) => {
+        const ee = V.layer.id.replace(/-outline$/, ""), Y = De(ee);
         if (!Y) return null;
-        const ye = Xe(Y.id, V.properties || {});
+        const pe = Xe(Y.id, V.properties || {});
         return {
           layerId: Y.id,
           layerTitle: Y.title,
           properties: V.properties || {},
-          geometry: ye || V.geometry,
+          geometry: pe || V.geometry,
           popupConfig: Y.popup
         };
       }).filter((V) => V !== null);
       if (U.length === 0) return;
-      de.value = U, oe.value = 0, Ze.value = [t.lngLat.lng, t.lngLat.lat];
-      const te = U[0];
-      if (te) {
-        const V = ze(te.layerId);
+      ce.value = U, ae.value = 0, Ne.value = [t.lngLat.lng, t.lngLat.lat];
+      const oe = U[0];
+      if (oe) {
+        const V = De(oe.layerId);
         if (V) {
-          const ee = M(te.geometry), Y = K(V.id, V.type);
+          const ee = M(oe.geometry), Y = Q(V.id, V.type);
           y.value = {
-            geometry: te.geometry,
+            geometry: oe.geometry,
             geometryType: ee,
             layerId: V.id,
-            properties: te.properties,
+            properties: oe.properties,
             originalStyle: Y
           };
         }
       }
     }
-    function ae() {
-      de.value = [], Ze.value = null, oe.value = 0, y.value = null;
+    function ie() {
+      ce.value = [], Ne.value = null, ae.value = 0, y.value = null;
     }
     function Ye(t) {
-      if (de.value.length === 0) return;
+      if (ce.value.length === 0) return;
       const c = t.target;
       if (!(c.tagName === "INPUT" || c.tagName === "TEXTAREA" || c.isContentEditable))
         switch (t.key) {
           case "ArrowLeft":
           case "ArrowUp":
-            t.preventDefault(), pe();
+            t.preventDefault(), fe();
             break;
           case "ArrowRight":
           case "ArrowDown":
-            t.preventDefault(), De();
+            t.preventDefault(), _e();
             break;
           case "Escape":
-            t.preventDefault(), ae();
+            t.preventDefault(), ie();
             break;
         }
     }
@@ -381,36 +381,36 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ ge({
     }), Ot(() => {
       window.removeEventListener("keydown", Ye);
     });
-    function De() {
-      const t = de.value.length;
-      t <= 1 || oe.value >= t - 1 || (oe.value = oe.value + 1);
+    function _e() {
+      const t = ce.value.length;
+      t <= 1 || ae.value >= t - 1 || (ae.value = ae.value + 1);
     }
-    function pe() {
-      de.value.length <= 1 || oe.value <= 0 || (oe.value = oe.value - 1);
+    function fe() {
+      ce.value.length <= 1 || ae.value <= 0 || (ae.value = ae.value - 1);
     }
-    const _e = D(() => de.value.length === 0 ? null : de.value[oe.value]), ve = D(() => {
-      const t = _e.value;
+    const Re = D(() => ce.value.length === 0 ? null : ce.value[ae.value]), ve = D(() => {
+      const t = Re.value;
       return !t || !t.popupConfig ? t?.layerTitle || "" : st(t.popupConfig.title, t.properties);
     }), Je = D(() => {
-      const t = _e.value;
+      const t = Re.value;
       if (!t) return "";
       let c = '<div class="popup-content">';
-      if (c += `<h3 class="popup-title">${Se(ve.value)}</h3>`, t.popupConfig?.fields?.length) {
-        c += `<table class="popup-table" aria-label="${Se(ve.value)}">`;
+      if (c += `<h3 class="popup-title">${Ce(ve.value)}</h3>`, t.popupConfig?.fields?.length) {
+        c += `<table class="popup-table" aria-label="${Ce(ve.value)}">`;
         for (const s of t.popupConfig.fields) {
-          const h = Ge(t.properties[s.field], s.format, t.popupConfig.showTime), k = s.label.toLowerCase(), E = k.includes("url") || k.includes("website"), A = h.startsWith("http://") || h.startsWith("https://") || h.startsWith("www.") || E && h.includes("."), ie = h.startsWith("http://") || h.startsWith("https://") ? h : `https://${h}`, U = A ? `<a href="${Se(ie)}" target="_blank" rel="noopener noreferrer">${Se(h)}</a>` : Se(h);
-          c += `<tr><th scope="row">${Se(s.label)}</th><td>${U}</td></tr>`;
+          const h = Ge(t.properties[s.field], s.format, t.popupConfig.showTime), k = s.label.toLowerCase(), E = k.includes("url") || k.includes("website"), A = h.startsWith("http://") || h.startsWith("https://") || h.startsWith("www.") || E && h.includes("."), le = h.startsWith("http://") || h.startsWith("https://") ? h : `https://${h}`, U = A ? `<a href="${Ce(le)}" target="_blank" rel="noopener noreferrer">${Ce(h)}</a>` : Ce(h);
+          c += `<tr><th scope="row">${Ce(s.label)}</th><td>${U}</td></tr>`;
         }
         c += "</table>";
       }
       return c += "</div>", c;
-    }), ke = w({
+    }), xe = w({
       type: "FeatureCollection",
       features: []
-    }), ce = w({
+    }), re = w({
       type: "FeatureCollection",
       features: []
-    }), Ue = w({
+    }), We = w({
       type: "FeatureCollection",
       features: []
     }), ct = {
@@ -430,8 +430,8 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ ge({
     function M(t) {
       return t.type;
     }
-    function K(t, c) {
-      const s = ze(t);
+    function Q(t, c) {
+      const s = De(t);
       if (!s) return { radius: 5, width: 2 };
       const h = s.paint || {};
       if (c === "circle") {
@@ -454,7 +454,7 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ ge({
     function N(t) {
       return !t || t.length === 0 ? [] : t[0] ?? [];
     }
-    function Q(t) {
+    function X(t) {
       const { geometry: c, geometryType: s, originalStyle: h } = t;
       if (s === "Point" || s === "MultiPoint") {
         const E = (h.radius || 5) + 3;
@@ -487,7 +487,7 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ ge({
         };
       }
       if (s === "Polygon") {
-        const k = c.coordinates, E = N(k), ie = (h.width || 2) + 3;
+        const k = c.coordinates, E = N(k), le = (h.width || 2) + 3;
         return {
           type: "FeatureCollection",
           features: [
@@ -498,7 +498,7 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ ge({
                 coordinates: E
               },
               properties: {
-                highlightWidth: ie
+                highlightWidth: le
               }
             }
           ]
@@ -525,41 +525,41 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ ge({
         features: []
       };
     }
-    function xe(t) {
+    function $e(t) {
       const { geometry: c, geometryType: s } = t;
       return s === "Polygon" || s === "MultiPolygon" ? {
         type: "FeatureCollection",
         features: [{ type: "Feature", geometry: c, properties: {} }]
       } : { type: "FeatureCollection", features: [] };
     }
-    function We(t) {
+    function je(t) {
       if (!t) {
         Vt();
         return;
       }
-      const c = Q(t);
-      t.geometryType === "Point" || t.geometryType === "MultiPoint" ? (ke.value = c, ce.value = { type: "FeatureCollection", features: [] }, Ue.value = { type: "FeatureCollection", features: [] }) : (ce.value = c, ke.value = { type: "FeatureCollection", features: [] }, Ue.value = xe(t));
+      const c = X(t);
+      t.geometryType === "Point" || t.geometryType === "MultiPoint" ? (xe.value = c, re.value = { type: "FeatureCollection", features: [] }, We.value = { type: "FeatureCollection", features: [] }) : (re.value = c, xe.value = { type: "FeatureCollection", features: [] }, We.value = $e(t));
     }
     function Vt() {
-      ke.value = { type: "FeatureCollection", features: [] }, ce.value = { type: "FeatureCollection", features: [] }, Ue.value = { type: "FeatureCollection", features: [] };
+      xe.value = { type: "FeatureCollection", features: [] }, re.value = { type: "FeatureCollection", features: [] }, We.value = { type: "FeatureCollection", features: [] };
     }
-    Re(y, (t) => {
-      We(t);
-    }), Re(
+    Be(y, (t) => {
+      je(t);
+    }), Be(
       () => l.visibleLayers,
       (t) => {
-        y.value && !t.has(y.value.layerId) && (y.value = null, ae());
+        y.value && !t.has(y.value.layerId) && (y.value = null, ie());
       },
       { deep: !0 }
-    ), Re(oe, () => {
-      const t = _e.value;
+    ), Be(ae, () => {
+      const t = Re.value;
       if (!t) {
         y.value = null;
         return;
       }
-      const c = ze(t.layerId);
+      const c = De(t.layerId);
       if (c) {
-        const s = M(t.geometry), h = K(c.id, c.type);
+        const s = M(t.geometry), h = Q(c.id, c.type);
         y.value = {
           geometry: t.geometry,
           geometryType: s,
@@ -575,7 +575,7 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ ge({
       Lt.value = [c, s];
     }
     return (t, c) => (m(), x("div", eo, [
-      G(d(Jt), {
+      H(d(Jt), {
         ref_key: "mapRef",
         ref: n,
         zoom: l.initialZoom,
@@ -593,124 +593,124 @@ const eo = { class: "map-panel" }, to = /* @__PURE__ */ ge({
         "tool-panel-layout": "vertical",
         "tool-panel-split-ratio": 50,
         onZoom: S,
-        onClick: ae,
+        onClick: ie,
         onMoveend: L,
         onLoad: C,
         onSearchResult: Zt
       }, {
         default: Ke(() => [
-          l.drawControlPosition !== null ? (m(), j(d(Kt), {
+          l.drawControlPosition !== null ? (m(), q(d(Kt), {
             key: 0,
             position: l.drawControlPosition
           }, null, 8, ["position"])) : B("", !0),
-          (m(!0), x(fe, null, be(Ve.value, (s) => (m(), j(d(xt), {
+          (m(!0), x(ue, null, be(ge.value, (s) => (m(), q(d(xt), {
             id: "tiled-" + s.id,
             key: "tiled-" + s.id,
-            source: Ae(s),
-            paint: { "raster-opacity": le(s.id) },
+            source: Ve(s),
+            paint: { "raster-opacity": ne(s.id) },
             minzoom: s.minZoom,
             maxzoom: s.maxZoom
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          (m(!0), x(fe, null, be(qe.value, (s) => (m(), j(d(xt), {
+          (m(!0), x(ue, null, be(Ze.value, (s) => (m(), q(d(xt), {
             id: "dynamic-" + s.id,
             key: "dynamic-" + s.id,
-            source: X(s),
-            paint: { "raster-opacity": le(s.id) },
+            source: Ee(s),
+            paint: { "raster-opacity": ne(s.id) },
             minzoom: s.minZoom,
             maxzoom: s.maxZoom
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          (m(!0), x(fe, null, be(H.value, (s) => (m(), j(d($t), {
+          (m(!0), x(ue, null, be(J.value, (s) => (m(), q(d($t), {
             id: s.id,
             key: s.id,
-            source: re(s),
-            paint: Fe(s),
+            source: W(s),
+            paint: te(s),
             minzoom: s.minZoom,
             maxzoom: s.maxZoom,
             "before-id": "highlight-circles",
-            onClick: Ne
+            onClick: Ue
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          (m(!0), x(fe, null, be(I.value, (s) => (m(), j(d(Mt), {
+          (m(!0), x(ue, null, be(I.value, (s) => (m(), q(d(Mt), {
             id: s.id,
             key: s.id,
-            source: re(s),
-            paint: Fe(s),
+            source: W(s),
+            paint: te(s),
             minzoom: s.minZoom,
             maxzoom: s.maxZoom,
             "before-id": "highlight-circles",
-            onClick: Ne
+            onClick: Ue
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          (m(!0), x(fe, null, be(F.value, (s) => (m(), j(d(dt), {
+          (m(!0), x(ue, null, be(F.value, (s) => (m(), q(d(dt), {
             id: s.id + "-outline",
             key: s.id + "-outline",
-            source: re(s),
+            source: W(s),
             paint: rt(s),
             minzoom: s.minZoom,
             maxzoom: s.maxZoom,
             "before-id": "highlight-lines",
-            onClick: Ne
+            onClick: Ue
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          (m(!0), x(fe, null, be(O.value, (s) => (m(), j(d(dt), {
+          (m(!0), x(ue, null, be(O.value, (s) => (m(), q(d(dt), {
             id: s.id,
             key: s.id,
-            source: re(s),
-            paint: Fe(s),
+            source: W(s),
+            paint: te(s),
             minzoom: s.minZoom,
             maxzoom: s.maxZoom,
             "before-id": "highlight-lines",
-            onClick: Ne
+            onClick: Ue
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          G(d($t), {
+          H(d($t), {
             id: "highlight-circles",
             key: "highlight-circles-layer",
-            source: { type: "geojson", data: ke.value },
+            source: { type: "geojson", data: xe.value },
             paint: ct
           }, null, 8, ["source"]),
-          G(d(Mt), {
+          H(d(Mt), {
             id: "highlight-fill",
             key: "highlight-fill-layer",
-            source: { type: "geojson", data: Ue.value },
+            source: { type: "geojson", data: We.value },
             paint: et
           }, null, 8, ["source"]),
-          G(d(dt), {
+          H(d(dt), {
             id: "highlight-lines",
             key: "highlight-lines-layer",
-            source: { type: "geojson", data: ce.value },
+            source: { type: "geojson", data: re.value },
             paint: ut
           }, null, 8, ["source"]),
-          G(d(Qt), {
+          H(d(Qt), {
             "lng-lat": Lt.value,
             color: "#2176d2"
           }, null, 8, ["lng-lat"]),
-          _e.value && Ze.value ? (m(), j(d(Xt), {
+          Re.value && Ne.value ? (m(), q(d(Xt), {
             key: 1,
-            "lng-lat": Ze.value,
+            "lng-lat": Ne.value,
             html: Je.value,
             "close-on-click": !1,
             offset: [0, -15],
-            "show-navigation": de.value.length > 1,
-            "current-feature-index": oe.value,
-            "total-features": de.value.length,
-            "layer-name": _e.value.layerTitle,
-            onClose: ae,
-            onNext: De,
-            onPrevious: pe
+            "show-navigation": ce.value.length > 1,
+            "current-feature-index": ae.value,
+            "total-features": ce.value.length,
+            "layer-name": Re.value.layerTitle,
+            onClose: ie,
+            onNext: _e,
+            onPrevious: fe
           }, null, 8, ["lng-lat", "html", "show-navigation", "current-feature-index", "total-features", "layer-name"])) : B("", !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"])
     ]));
   }
-}), Pe = (e, a) => {
+}), Te = (e, a) => {
   const l = e.__vccOpts || e;
   for (const [o, n] of a)
     l[o] = n;
   return l;
-}, oo = /* @__PURE__ */ Pe(to, [["__scopeId", "data-v-fb4efa11"]]);
+}, oo = /* @__PURE__ */ Te(to, [["__scopeId", "data-v-fb4efa11"]]);
 function Dt(e) {
   let a = e.split("?")[0] || e;
   return a = a.replace(/\/query$/, ""), a = a.replace(/\/$/, ""), a.toLowerCase();
 }
-const ao = ["disabled"], io = /* @__PURE__ */ ge({
+const ao = ["disabled"], io = /* @__PURE__ */ he({
   inheritAttrs: !1,
   __name: "PhlButton",
   props: {
@@ -760,12 +760,12 @@ const ao = ["disabled"], io = /* @__PURE__ */ ge({
         size: a.size
       })
     );
-    return (u, S) => l(a) ? (m(), j(d(Yt), pt({ key: 0 }, { ...n.value, ...u.$attrs }, { role: "button" }), {
+    return (u, S) => l(a) ? (m(), q(d(Yt), pt({ key: 0 }, { ...n.value, ...u.$attrs }, { role: "button" }), {
       default: Ke(() => [
-        G(d(Pt), St(Ct(r.value)), {
+        H(d(Pt), St(Ct(r.value)), {
           default: Ke(() => [
-            he(u.$slots, "default", {}, () => [
-              Me(q(a.text), 1)
+            me(u.$slots, "default", {}, () => [
+              Pe(G(a.text), 1)
             ])
           ]),
           _: 3
@@ -778,10 +778,10 @@ const ao = ["disabled"], io = /* @__PURE__ */ ge({
       disabled: a.disabled,
       class: o.value
     }, u.$attrs), [
-      G(d(Pt), St(Ct(r.value)), {
+      H(d(Pt), St(Ct(r.value)), {
         default: Ke(() => [
-          he(u.$slots, "default", {}, () => [
-            Me(q(a.text), 1)
+          me(u.$slots, "default", {}, () => [
+            Pe(G(a.text), 1)
           ])
         ]),
         _: 3
@@ -804,7 +804,7 @@ const co = ["for"], uo = { class: "state-layer" }, fo = { class: "content" }, po
 }, ho = {
   key: 2,
   class: "has-text-body-small phila-error-text"
-}, go = /* @__PURE__ */ ge({
+}, go = /* @__PURE__ */ he({
   inheritAttrs: !1,
   __name: "TextField",
   props: {
@@ -840,19 +840,19 @@ const co = ["for"], uo = { class: "state-layer" }, fo = { class: "content" }, po
       p.target.closest("button") || i.value?.focus();
     };
     return (p, L) => (m(), x("div", {
-      class: ue(["phila-input", $.value])
+      class: se(["phila-input", $.value])
     }, [
       o.label ? (m(), x("label", {
         key: 0,
         for: r.value,
         class: "has-text-label-small phila-label"
-      }, q(o.label), 9, co)) : B("", !0),
+      }, G(o.label), 9, co)) : B("", !0),
       P("div", {
-        class: ue(["phila-text-field", g.value]),
+        class: se(["phila-text-field", g.value]),
         onClick: b
       }, [
         P("div", uo, [
-          o.leadingIcon ? (m(), j(d($e), {
+          o.leadingIcon ? (m(), q(d(Me), {
             key: 0,
             "icon-class": o.leadingIcon,
             inline: "",
@@ -873,7 +873,7 @@ const co = ["for"], uo = { class: "state-layer" }, fo = { class: "content" }, po
               ])
             ])
           ]),
-          f.value != "" ? (m(), j(d(io), {
+          f.value != "" ? (m(), q(d(io), {
             key: 1,
             variant: "standard",
             size: "small",
@@ -881,25 +881,25 @@ const co = ["for"], uo = { class: "state-layer" }, fo = { class: "content" }, po
             "icon-definition": d(so),
             onClick: L[1] || (L[1] = (C) => f.value = "")
           }, null, 8, ["icon-definition"])) : B("", !0),
-          o.trailingIcon ? (m(), j(d($e), {
+          o.trailingIcon ? (m(), q(d(Me), {
             key: 2,
             size: "small",
             "icon-class": o.trailingIcon,
             inline: "",
             decorative: ""
           }, null, 8, ["icon-class"])) : B("", !0),
-          he(p.$slots, "trailing-action")
+          me(p.$slots, "trailing-action")
         ])
       ], 2),
-      o.supportingText ? (m(), x("div", mo, q(o.supportingText), 1)) : B("", !0),
+      o.supportingText ? (m(), x("div", mo, G(o.supportingText), 1)) : B("", !0),
       n.value ? (m(), x("div", ho, [
-        G(d($e), {
+        H(d(Me), {
           "icon-definition": d(no),
           size: "small",
           inline: "",
           decorative: ""
         }, null, 8, ["icon-definition"]),
-        Me(" " + q(n.value), 1)
+        Pe(" " + G(n.value), 1)
       ])) : B("", !0)
     ], 2));
   }
@@ -936,7 +936,7 @@ const Co = {
 }, ko = ["aria-label"], xo = {
   key: 2,
   class: "zoom-indicator"
-}, $o = /* @__PURE__ */ ge({
+}, $o = /* @__PURE__ */ he({
   __name: "LayerStatusIndicators",
   props: {
     loading: { type: Boolean },
@@ -944,7 +944,7 @@ const Co = {
     unavailable: { type: Boolean }
   },
   setup(e) {
-    return (a, l) => (m(), x(fe, null, [
+    return (a, l) => (m(), x(ue, null, [
       e.loading && !e.unavailable ? (m(), x("span", Co, " Loading... ")) : B("", !0),
       e.error ? (m(), x("span", {
         key: 1,
@@ -955,7 +955,7 @@ const Co = {
       e.unavailable ? (m(), x("span", xo, " (zoom in) ")) : B("", !0)
     ], 64));
   }
-}), at = /* @__PURE__ */ Pe($o, [["__scopeId", "data-v-19b1b402"]]), Mo = { class: "opacity-control" }, Po = ["for"], To = ["id", "value", "aria-label"], Fo = /* @__PURE__ */ ge({
+}), at = /* @__PURE__ */ Te($o, [["__scopeId", "data-v-19b1b402"]]), Mo = { class: "opacity-control" }, Po = ["for"], To = ["id", "value", "aria-label"], Fo = /* @__PURE__ */ he({
   __name: "LayerOpacitySlider",
   props: {
     layerId: {},
@@ -973,7 +973,7 @@ const Co = {
       P("label", {
         class: "opacity-label",
         for: "opacity-" + e.layerId
-      }, " Opacity: " + q(Math.round(e.opacity * 100)) + "% ", 9, Po),
+      }, " Opacity: " + G(Math.round(e.opacity * 100)) + "% ", 9, Po),
       P("input", {
         id: "opacity-" + e.layerId,
         type: "range",
@@ -987,7 +987,7 @@ const Co = {
       }, null, 40, To)
     ]));
   }
-}), ht = /* @__PURE__ */ Pe(Fo, [["__scopeId", "data-v-1a025f6a"]]), Eo = ["aria-label"], Io = { class: "legend-label" }, Oo = /* @__PURE__ */ ge({
+}), ht = /* @__PURE__ */ Te(Fo, [["__scopeId", "data-v-1a025f6a"]]), Eo = ["aria-label"], Io = { class: "legend-label" }, Oo = /* @__PURE__ */ he({
   __name: "LayerLegend",
   props: {
     items: {},
@@ -998,19 +998,19 @@ const Co = {
       class: "layer-legend",
       "aria-label": e.label
     }, [
-      (m(!0), x(fe, null, be(e.items, (o, n) => (m(), x("li", {
+      (m(!0), x(ue, null, be(e.items, (o, n) => (m(), x("li", {
         key: n,
         class: "legend-item"
       }, [
         o.type === "circle" ? (m(), x("span", {
           key: 0,
           class: "legend-symbol legend-circle",
-          style: me({ backgroundColor: o.color }),
+          style: ye({ backgroundColor: o.color }),
           "aria-hidden": "true"
         }, null, 4)) : o.type === "line" ? (m(), x("span", {
           key: 1,
           class: "legend-symbol legend-line",
-          style: me({
+          style: ye({
             backgroundColor: o.color,
             height: `${o.width || 2}px`
           }),
@@ -1018,14 +1018,14 @@ const Co = {
         }, null, 4)) : o.type === "fill" ? (m(), x("span", {
           key: 2,
           class: "legend-symbol legend-fill",
-          style: me({ backgroundColor: o.color }),
+          style: ye({ backgroundColor: o.color }),
           "aria-hidden": "true"
         }, null, 4)) : B("", !0),
-        P("span", Io, q(o.label), 1)
+        P("span", Io, G(o.label), 1)
       ]))), 128))
     ], 8, Eo));
   }
-}), gt = /* @__PURE__ */ Pe(Oo, [["__scopeId", "data-v-62e210e3"]]);
+}), gt = /* @__PURE__ */ Te(Oo, [["__scopeId", "data-v-62e210e3"]]);
 function vt(e) {
   function a(u) {
     return e().visibleLayerIds.has(u);
@@ -1057,7 +1057,7 @@ const zo = { class: "layer-panel" }, Do = {
 }, Vo = ["checked", "disabled", "onChange"], Zo = { class: "layer-title" }, No = {
   key: 0,
   class: "no-results"
-}, Uo = /* @__PURE__ */ ge({
+}, Uo = /* @__PURE__ */ he({
   __name: "LayerPanel",
   props: {
     layerList: {},
@@ -1101,14 +1101,14 @@ const zo = { class: "layer-panel" }, Do = {
     }
     return (p, L) => (m(), x("div", zo, [
       e.showSearch ? (m(), x("div", Do, [
-        G(d(go), {
+        H(d(go), {
           modelValue: i.value,
           "onUpdate:modelValue": L[0] || (L[0] = (C) => i.value = C),
           placeholder: e.searchPlaceholder,
           "class-name": "layer-search-field"
         }, {
           "trailing-action": Ke(() => [
-            G(d($e), {
+            H(d(Me), {
               "icon-definition": d(vo),
               size: "small",
               inline: "",
@@ -1119,14 +1119,14 @@ const zo = { class: "layer-panel" }, Do = {
         }, 8, ["modelValue", "placeholder"])
       ])) : B("", !0),
       e.mode === "topics" ? (m(), x("div", _o, [
-        he(p.$slots, "topics", {}, () => [
+        me(p.$slots, "topics", {}, () => [
           L[2] || (L[2] = P("div", { class: "no-topics" }, ' No topic components provided. Use the "topics" slot to add TopicAccordion components. ', -1))
         ], !0)
       ])) : (m(), x("div", {
         key: 2,
-        class: ue(["layer-list", { "has-metadata": u.value }])
+        class: se(["layer-list", { "has-metadata": u.value }])
       }, [
-        (m(!0), x(fe, null, be(n.value, (C) => (m(), x("div", {
+        (m(!0), x(ue, null, be(n.value, (C) => (m(), x("div", {
           key: C.config.id,
           class: "layer-item"
         }, [
@@ -1141,7 +1141,7 @@ const zo = { class: "layer-panel" }, Do = {
               onClick: L[1] || (L[1] = jt(() => {
               }, ["stop"]))
             }, [
-              G(d($e), {
+              H(d(Me), {
                 "icon-definition": d(So),
                 size: "small",
                 inline: "",
@@ -1149,7 +1149,7 @@ const zo = { class: "layer-panel" }, Do = {
               }, null, 8, ["icon-definition"])
             ], 8, Bo)) : u.value ? (m(), x("span", Ao)) : B("", !0),
             P("label", {
-              class: ue(["layer-checkbox", {
+              class: se(["layer-checkbox", {
                 "layer-unavailable": !d(v)(C.config),
                 "layer-error": d(g)(C.config.id)
               }])
@@ -1161,8 +1161,8 @@ const zo = { class: "layer-panel" }, Do = {
                 onChange: (T) => b(C.config.id)
               }, null, 40, Vo),
               P("span", Zo, [
-                Me(q(C.config.title) + " ", 1),
-                G(at, {
+                Pe(G(C.config.title) + " ", 1),
+                H(at, {
                   loading: d($)(C.config.id),
                   error: d(g)(C.config.id),
                   unavailable: !d(v)(C.config)
@@ -1170,24 +1170,24 @@ const zo = { class: "layer-panel" }, Do = {
               ])
             ], 2)
           ]),
-          e.showOpacity && d(S)(C.config.id) && d(v)(C.config) ? (m(), j(ht, {
+          e.showOpacity && d(S)(C.config.id) && d(v)(C.config) ? (m(), q(ht, {
             key: 0,
             "layer-id": C.config.id,
             "layer-name": C.config.title,
             opacity: d(f)(C.config.id),
             "onUpdate:opacity": (T) => o("setOpacity", C.config.id, T)
           }, null, 8, ["layer-id", "layer-name", "opacity", "onUpdate:opacity"])) : B("", !0),
-          e.showLegend && d(S)(C.config.id) && d(v)(C.config) && C.config.legend?.length ? (m(), j(gt, {
+          e.showLegend && d(S)(C.config.id) && d(v)(C.config) && C.config.legend?.length ? (m(), q(gt, {
             key: 1,
             items: C.config.legend,
             label: "Legend for " + C.config.title
           }, null, 8, ["items", "label"])) : B("", !0)
         ]))), 128)),
-        n.value.length === 0 ? (m(), x("div", No, 'No layers match "' + q(e.searchQuery) + '"', 1)) : B("", !0)
+        n.value.length === 0 ? (m(), x("div", No, 'No layers match "' + G(e.searchQuery) + '"', 1)) : B("", !0)
       ], 2))
     ]));
   }
-}), Wo = /* @__PURE__ */ Pe(Uo, [["__scopeId", "data-v-e48bb978"]]), jo = {
+}), Wo = /* @__PURE__ */ Te(Uo, [["__scopeId", "data-v-e48bb978"]]), jo = {
   esriSLSSolid: null,
   esriSLSDash: [4, 3],
   esriSLSDot: [1, 3],
@@ -1240,7 +1240,7 @@ function nt(e) {
       return "fill";
   }
 }
-function Ie(e) {
+function Oe(e) {
   return !(!e || e.style === "esriSLSNull" || e.color === null || e.width === 0 || e.color && e.color[3] === 0);
 }
 function ft(e) {
@@ -1254,7 +1254,7 @@ function _t(e, a, l) {
     if (r = {
       "fill-color": $,
       "fill-opacity": g
-    }, Ie(o.outline)) {
+    }, Oe(o.outline)) {
       const v = o.outline.width || 1;
       S = {
         "line-color": z(o.outline.color),
@@ -1289,7 +1289,7 @@ function _t(e, a, l) {
       "circle-color": z(o.color),
       "circle-radius": f,
       "circle-opacity": we(a)
-    }, Ie(o.outline) && (r["circle-stroke-color"] = z(o.outline.color), r["circle-stroke-width"] = o.outline.width || 1), u = [
+    }, Oe(o.outline) && (r["circle-stroke-color"] = z(o.outline.color), r["circle-stroke-width"] = o.outline.width || 1), u = [
       {
         type: "circle",
         color: z(o.color),
@@ -1321,7 +1321,7 @@ function Ho(e, a, l) {
     if (v.push(r ? z(r.color) : "rgba(0, 0, 0, 0)"), f = {
       "fill-color": v,
       "fill-opacity": we(a)
-    }, Ie(u?.outline)) {
+    }, Oe(u?.outline)) {
       const i = Math.max(u.outline.width || 1, 1);
       g = {
         "line-color": z(u.outline.color),
@@ -1367,7 +1367,7 @@ function Ho(e, a, l) {
       "circle-color": v,
       "circle-radius": i,
       "circle-opacity": we(a)
-    }, Ie(u?.outline) && (f["circle-stroke-color"] = z(u.outline.color), f["circle-stroke-width"] = u.outline.width || 1);
+    }, Oe(u?.outline) && (f["circle-stroke-color"] = z(u.outline.color), f["circle-stroke-width"] = u.outline.width || 1);
   }
   return { paint: f, legend: $, geomType: S, outlinePaint: g };
 }
@@ -1395,7 +1395,7 @@ function Jo(e, a) {
     if (S = {
       "fill-color": g,
       "fill-opacity": we(a)
-    }, Ie(r?.outline)) {
+    }, Oe(r?.outline)) {
       const v = r.outline.width || 1;
       $ = {
         "line-color": z(r.outline.color),
@@ -1406,38 +1406,39 @@ function Jo(e, a) {
     const g = o.map((T) => T.symbol?.style || "esriSLSSolid"), v = [...new Set(g)];
     if (v.length > 1) {
       const T = [];
-      let _ = g[0], H = [o[0]], I = 0;
+      let _ = g[0], J = [o[0]], I = 0;
       for (let R = 1; R < o.length; R++)
-        g[R] === _ ? H.push(o[R]) : (T.push({ style: _, breaks: H, startIndex: I }), _ = g[R], H = [o[R]], I = R);
-      T.push({ style: _, breaks: H, startIndex: I });
+        g[R] === _ ? J.push(o[R]) : (T.push({ style: _, breaks: J, startIndex: I }), _ = g[R], J = [o[R]], I = R);
+      T.push({ style: _, breaks: J, startIndex: I });
       const F = [];
       let O = e.minValue ?? 0;
       for (let R = 0; R < T.length; R++) {
-        const le = T[R], J = le.breaks, Ae = it(le.style), Le = R === 0 ? null : T[R - 1].breaks[T[R - 1].breaks.length - 1].classMaxValue, Oe = J[J.length - 1].classMaxValue;
-        let Te;
-        Le === null ? Te = `${l} <= ${Oe}` : R === T.length - 1 ? Te = `${l} > ${Le}` : Te = `${l} > ${Le} AND ${l} <= ${Oe}`;
-        const ne = {
+        const ne = T[R], K = ne.breaks, Ve = it(ne.style), Le = R === 0 ? null : T[R - 1].breaks[T[R - 1].breaks.length - 1].classMaxValue, ze = K[K.length - 1].classMaxValue;
+        let Fe;
+        const Se = !!e.defaultSymbol;
+        Le === null ? Fe = `${!Se && e.minValue != null ? `${l} >= ${e.minValue} AND ` : ""}${l} <= ${ze}` : R === T.length - 1 && Se ? Fe = `${l} > ${Le}` : Fe = `${l} > ${Le} AND ${l} <= ${ze}`;
+        const ge = {
           "line-opacity": we(a)
         };
-        if (Ae && (ne["line-dasharray"] = Ae), J.length === 1)
-          ne["line-color"] = z(J[0].symbol?.color), ne["line-width"] = J[0].symbol?.width || 2;
+        if (Ve && (ge["line-dasharray"] = Ve), K.length === 1)
+          ge["line-color"] = z(K[0].symbol?.color), ge["line-width"] = K[0].symbol?.width || 2;
         else {
-          const X = ["step", ["get", l]], re = ["step", ["get", l]];
-          X.push(z(J[0].symbol?.color)), re.push(J[0].symbol?.width || 2);
-          for (let se = 1; se < J.length; se++)
-            X.push(J[se - 1].classMaxValue), X.push(z(J[se].symbol?.color)), re.push(J[se - 1].classMaxValue), re.push(J[se].symbol?.width || 2);
-          ne["line-color"] = X, ne["line-width"] = re;
+          const W = ["step", ["get", l]], de = ["step", ["get", l]];
+          W.push(z(K[0].symbol?.color)), de.push(K[0].symbol?.width || 2);
+          for (let te = 1; te < K.length; te++)
+            W.push(K[te - 1].classMaxValue), W.push(z(K[te].symbol?.color)), de.push(K[te - 1].classMaxValue), de.push(K[te].symbol?.width || 2);
+          ge["line-color"] = W, ge["line-width"] = de;
         }
-        const Ve = [];
-        for (const X of J)
-          Ve.push({
+        const Ze = [];
+        for (const W of K)
+          Ze.push({
             type: "line",
-            color: z(X.symbol?.color),
-            width: X.symbol?.width || 2,
-            label: X.label || `${O} - ${X.classMaxValue}`
-          }), O = X.classMaxValue + 1;
-        const qe = R === 0 ? "" : `-${le.style.replace("esriSLS", "").toLowerCase()}`;
-        F.push({ suffix: qe, where: Te, paint: ne, legend: Ve });
+            color: z(W.symbol?.color),
+            width: W.symbol?.width || 2,
+            label: W.label || `${O} - ${W.classMaxValue}`
+          }), O = W.classMaxValue + 1;
+        const Ee = R === 0 ? "" : `-${ne.style.replace("esriSLS", "").toLowerCase()}`;
+        F.push({ suffix: Ee, where: Fe, paint: ge, legend: Ze });
       }
       return { paint: {}, legend: [], geomType: u, outlinePaint: $, splitLayers: F };
     }
@@ -1490,7 +1491,7 @@ function Ko(e, a, l, o) {
         // Otherwise use the interpolated color
       ],
       "fill-opacity": we(o)
-    }, Ie(r?.outline)) {
+    }, Oe(r?.outline)) {
       const i = r.outline.width || 1;
       $ = {
         "line-color": z(r.outline.color),
@@ -1577,11 +1578,11 @@ async function Rt(e) {
         if ((S || f) && n.url) {
           const F = await aa(n.url);
           if (F) {
-            if (r = F.drawingInfo, $ && Ie($) && r?.renderer) {
+            if (r = F.drawingInfo, $ && Oe($) && r?.renderer) {
               const O = r.renderer, R = O.uniqueValueInfos?.[0]?.symbol?.outline || O.defaultSymbol?.outline;
-              if (!Ie(R)) {
-                for (const le of O.uniqueValueInfos || [])
-                  le.symbol && (le.symbol.outline = $);
+              if (!Oe(R)) {
+                for (const ne of O.uniqueValueInfos || [])
+                  ne.symbol && (ne.symbol.outline = $);
                 O.defaultSymbol && (O.defaultSymbol.outline = $);
               }
             }
@@ -1593,12 +1594,12 @@ async function Rt(e) {
           n.opacity,
           u,
           n.title
-        ), L = Xo(n.popupInfo), C = Yo(n.layerDefinition), T = Go(n.layerDefinition?.minScale, n.layerDefinition?.maxScale), _ = ea(n.title), H = ta(n.title), I = n.opacity ?? 1;
+        ), L = Xo(n.popupInfo), C = Yo(n.layerDefinition), T = Go(n.layerDefinition?.minScale, n.layerDefinition?.maxScale), _ = ea(n.title), J = ta(n.title), I = n.opacity ?? 1;
         if (p && p.length > 0)
           for (const F of p) {
             const O = C ? `(${C}) AND (${F.where})` : F.where, R = {
               id: `${_}${F.suffix}`,
-              title: H,
+              title: J,
               type: i,
               url: n.url,
               opacity: I,
@@ -1611,7 +1612,7 @@ async function Rt(e) {
         else {
           const F = {
             id: _,
-            title: H,
+            title: J,
             type: i,
             url: n.url,
             opacity: I,
@@ -1742,7 +1743,7 @@ function sa(e) {
         const C = `${i.url.replace(/\/$/, "")}/query?where=1%3D1&outFields=*&returnGeometry=false&f=json`, T = await fetch(C, i.options);
         if (!T.ok)
           throw new Error(`HTTP ${T.status}: ${T.statusText}`);
-        p = (await T.json()).features?.map((H) => H.attributes) || [];
+        p = (await T.json()).features?.map((J) => J.attributes) || [];
       } else
         throw new Error(`Unknown data source type: ${i.type}`);
       i.transform && (p = i.transform(p)), a.value = {
@@ -1804,7 +1805,7 @@ function sa(e) {
     v();
   }), {
     /** Reactive state for all data sources */
-    state: W(a),
+    state: j(a),
     /** Whether any data source is currently loading */
     isLoading: S,
     /** Fetch all data sources */
@@ -1836,7 +1837,7 @@ const ca = { class: "layerboard-layout" }, ua = ["aria-expanded"], da = {
 }, ha = ["aria-expanded", "aria-label"], ga = { key: 0 }, va = { key: 1 }, ba = {
   class: "sr-only",
   "aria-live": "polite"
-}, wa = /* @__PURE__ */ ge({
+}, wa = /* @__PURE__ */ he({
   __name: "Layerboard",
   props: {
     title: {},
@@ -1876,56 +1877,56 @@ const ca = { class: "layerboard-layout" }, ua = ["aria-expanded"], da = {
     function _(y) {
       L.value.has(y) ? L.value.delete(y) : L.value.add(y), L.value = new Set(L.value);
     }
-    function H(y, M) {
+    function J(y, M) {
       M ? L.value.add(y) : L.value.delete(y), L.value = new Set(L.value);
     }
     function I(y, M) {
       C.value = { ...C.value, [y]: M };
     }
     const F = o.dataSources.length > 0 ? sa(o.dataSources) : null, O = D(() => F?.state.value ?? {}), R = D(() => F?.isLoading.value ?? !1);
-    function le(y) {
+    function ne(y) {
       return F?.getData(y) ?? null;
     }
-    function J(y) {
+    function K(y) {
       return F?.refetch(y) ?? Promise.resolve();
     }
-    Z("layerboard-layers", W(r)), Z("layerboard-visible", g), Z("layerboard-opacities", v), Z("layerboard-loading", W(i)), Z("layerboard-errors", W(b)), Z("layerboard-zoom", W(f)), Z("layerboard-toggle-layer", X), Z("layerboard-set-layer-visible", re), Z("layerboard-set-layers-visible", se), Z("layerboard-set-opacity", Fe), Z("layerboard-tiled-layers", W(D(() => o.tiledLayers))), Z("layerboard-visible-tiled", L), Z("layerboard-tiled-opacities", C), Z("layerboard-toggle-tiled", _), Z("layerboard-set-tiled-opacity", I), Z("layerboard-set-tiled-visible", H), Z("layerboard-data-sources-state", O), Z("layerboard-data-sources-loading", R), Z("layerboard-get-data-source", le), Z("layerboard-refetch-data-source", J);
-    const Ae = D(() => ({
+    Z("layerboard-layers", j(r)), Z("layerboard-visible", g), Z("layerboard-opacities", v), Z("layerboard-loading", j(i)), Z("layerboard-errors", j(b)), Z("layerboard-zoom", j(f)), Z("layerboard-toggle-layer", Ee), Z("layerboard-set-layer-visible", W), Z("layerboard-set-layers-visible", de), Z("layerboard-set-opacity", te), Z("layerboard-tiled-layers", j(D(() => o.tiledLayers))), Z("layerboard-visible-tiled", L), Z("layerboard-tiled-opacities", C), Z("layerboard-toggle-tiled", _), Z("layerboard-set-tiled-opacity", I), Z("layerboard-set-tiled-visible", J), Z("layerboard-data-sources-state", O), Z("layerboard-data-sources-loading", R), Z("layerboard-get-data-source", ne), Z("layerboard-refetch-data-source", K);
+    const Ve = D(() => ({
       backgroundColor: o.themeColor
     })), Le = D(() => ({
       backgroundColor: o.themeColor
-    })), Oe = D(() => ({
+    })), ze = D(() => ({
       backgroundColor: o.themeColor
-    })), Te = D(() => ({
-      width: pe.value ? "0" : o.sidebarWidth
+    })), Fe = D(() => ({
+      width: fe.value ? "0" : o.sidebarWidth
     }));
-    async function ne() {
+    async function Se() {
       try {
         u.value = !0, S.value = null;
         const M = (await mt(o.webMapId)).map((N) => {
-          let Q = N;
-          const xe = o.layerStyleOverrides[N.id];
-          xe && (Q = {
-            ...Q,
-            paint: xe.paint ?? Q.paint,
-            outlinePaint: xe.outlinePaint ?? Q.outlinePaint,
-            legend: xe.legend ?? Q.legend,
-            type: xe.type ?? Q.type
+          let X = N;
+          const $e = o.layerStyleOverrides[N.id];
+          $e && (X = {
+            ...X,
+            paint: $e.paint ?? X.paint,
+            outlinePaint: $e.outlinePaint ?? X.outlinePaint,
+            legend: $e.legend ?? X.legend,
+            type: $e.type ?? X.type
           });
-          const We = o.popupOverrides[N.id];
-          return We && Q.popup && (Q = {
-            ...Q,
-            popup: { ...Q.popup, ...We }
-          }), Q;
+          const je = o.popupOverrides[N.id];
+          return je && X.popup && (X = {
+            ...X,
+            popup: { ...X.popup, ...je }
+          }), X;
         });
         r.value = M.map((N) => ({
           config: N,
           component: N.type
         }));
-        const K = {};
+        const Q = {};
         M.forEach((N) => {
-          K[N.id] = N.opacity ?? 1;
-        }), v.value = K, n("configs-loaded", M);
+          Q[N.id] = N.opacity ?? 1;
+        }), v.value = Q, n("configs-loaded", M);
       } catch (y) {
         const M = y instanceof Error ? y.message : "Failed to load layer configurations";
         S.value = M, n("load-error", M);
@@ -1933,92 +1934,92 @@ const ca = { class: "layerboard-layout" }, ua = ["aria-expanded"], da = {
         u.value = !1;
       }
     }
-    async function Ve() {
+    async function ge() {
       if (o.fetchMetadata)
         try {
           const y = "https://phl.carto.com/api/v2/sql?q=" + encodeURIComponent(
             "select url_text, COALESCE(representation, '') as representation from phl.knack_metadata_reps_endpoints_join WHERE ( format = 'API' OR format = 'GeoService' ) AND url_text IS NOT null"
           ), M = await fetch(y);
           if (!M.ok) return;
-          const K = await M.json(), N = {};
-          for (const Q of K.rows || [])
-            if (Q.url_text && Q.representation) {
-              const xe = Dt(Q.url_text), We = `https://metadata.phila.gov/#home/representationdetails/${Q.representation}/`;
-              N[xe] = We;
+          const Q = await M.json(), N = {};
+          for (const X of Q.rows || [])
+            if (X.url_text && X.representation) {
+              const $e = Dt(X.url_text), je = `https://metadata.phila.gov/#home/representationdetails/${X.representation}/`;
+              N[$e] = je;
             }
           p.value = N;
         } catch {
         }
     }
-    function qe(y) {
+    function Ze(y) {
       f.value = y, n("zoom", y);
     }
-    function X(y) {
+    function Ee(y) {
       g.value.has(y) ? g.value.delete(y) : g.value.add(y), g.value = new Set(g.value);
     }
-    function re(y, M) {
+    function W(y, M) {
       M ? g.value.add(y) : g.value.delete(y), g.value = new Set(g.value);
     }
-    function se(y, M) {
-      for (const K of y)
-        M ? g.value.add(K) : g.value.delete(K);
+    function de(y, M) {
+      for (const Q of y)
+        M ? g.value.add(Q) : g.value.delete(Q);
       g.value = new Set(g.value);
     }
-    function Fe(y, M) {
+    function te(y, M) {
       v.value = { ...v.value, [y]: M };
     }
     function rt(y, M) {
       M ? i.value.add(y) : i.value.delete(y), i.value = new Set(i.value);
     }
-    function de(y, M) {
+    function ce(y, M) {
       if (M)
         b.value = { ...b.value, [y]: M };
       else {
-        const K = { ...b.value };
-        delete K[y], b.value = K;
+        const Q = { ...b.value };
+        delete Q[y], b.value = Q;
       }
     }
-    function Ze(y) {
+    function Ne(y) {
       $.value = y;
     }
-    const oe = w(null), ze = w(null), st = w(null), Se = w(null), Ge = w(null), He = w(null), Xe = w(null), Ce = w("map");
-    function Ne() {
-      Ce.value = Ce.value === "sidebar" ? "map" : "sidebar", je(() => {
-        Ce.value === "sidebar" && oe.value?.focus();
+    const ae = w(null), De = w(null), st = w(null), Ce = w(null), Ge = w(null), He = w(null), Xe = w(null), ke = w("map");
+    function Ue() {
+      ke.value = ke.value === "sidebar" ? "map" : "sidebar", qe(() => {
+        ke.value === "sidebar" && ae.value?.focus();
       });
     }
-    const ae = w(!1);
+    const ie = w(!1);
     function Ye() {
-      ae.value = !ae.value, ae.value && je(() => {
-        Se.value?.focus();
+      ie.value = !ie.value, ie.value && qe(() => {
+        Ce.value?.focus();
       });
     }
-    function De() {
-      ae.value = !1, je(() => {
-        ze.value?.focus();
+    function _e() {
+      ie.value = !1, qe(() => {
+        De.value?.focus();
       });
     }
-    const pe = w(!1);
-    function _e() {
-      pe.value = !pe.value;
+    const fe = w(!1);
+    function Re() {
+      fe.value = !fe.value;
     }
     const ve = w(!1), Je = w(null);
-    function ke() {
-      Je.value = document.activeElement, ve.value = !0, je(() => {
+    function xe() {
+      Je.value = document.activeElement, ve.value = !0, qe(() => {
         Xe.value?.focus();
       });
     }
-    function ce() {
-      ve.value = !1, je(() => {
+    function re() {
+      ve.value = !1, qe(() => {
         Je.value?.focus(), Je.value = null;
       });
     }
-    function Ue(y) {
-      y.target.classList.contains("layerboard-modal-backdrop") && ce();
+    function We(y) {
+      y.target.classList.contains("layerboard-modal-backdrop") && re();
     }
     function ct(y) {
       if (y.key === "Escape") {
-        De();
+        _e();
         return;
       }
       if (y.key === "Tab" && Ge.value) {
@@ -2028,13 +2029,13 @@ const ca = { class: "layerboard-layout" }, ua = ["aria-expanded"], da = {
           )
         );
         if (M.length === 0) return;
-        const K = M[0], N = M[M.length - 1];
-        y.shiftKey ? document.activeElement === K && (y.preventDefault(), N.focus()) : document.activeElement === N && (y.preventDefault(), K.focus());
+        const Q = M[0], N = M[M.length - 1];
+        y.shiftKey ? document.activeElement === Q && (y.preventDefault(), N.focus()) : document.activeElement === N && (y.preventDefault(), Q.focus());
       }
     }
     function ut(y) {
       if (y.key === "Escape") {
-        ce();
+        re();
         return;
       }
       if (y.key === "Tab" && He.value) {
@@ -2044,11 +2045,11 @@ const ca = { class: "layerboard-layout" }, ua = ["aria-expanded"], da = {
           )
         );
         if (M.length === 0) return;
-        const K = M[0], N = M[M.length - 1];
-        y.shiftKey ? document.activeElement === K && (y.preventDefault(), N.focus()) : document.activeElement === N && (y.preventDefault(), K.focus());
+        const Q = M[0], N = M[M.length - 1];
+        y.shiftKey ? document.activeElement === Q && (y.preventDefault(), N.focus()) : document.activeElement === N && (y.preventDefault(), Q.focus());
       }
     }
-    Z("layerboard-open-modal", ke), Z("layerboard-close-modal", ce), Z("layerboard-is-modal-open", W(ve)), a({
+    Z("layerboard-open-modal", xe), Z("layerboard-close-modal", re), Z("layerboard-is-modal-open", j(ve)), a({
       /** Layer configurations */
       layerList: r,
       /** Set of visible layer IDs */
@@ -2062,15 +2063,15 @@ const ca = { class: "layerboard-layout" }, ua = ["aria-expanded"], da = {
       /** Current map zoom level */
       currentZoom: f,
       /** Toggle a layer's visibility */
-      toggleLayer: X,
+      toggleLayer: Ee,
       /** Set a layer's visibility explicitly */
-      setLayerVisible: re,
+      setLayerVisible: W,
       /** Set multiple layers' visibility at once */
-      setLayersVisible: se,
+      setLayersVisible: de,
       /** Set a layer's opacity */
-      setLayerOpacity: Fe,
+      setLayerOpacity: te,
       /** Reload layer configurations */
-      reloadConfigs: ne,
+      reloadConfigs: Se,
       /** Clear configuration cache */
       clearCache: () => ia(o.webMapId),
       // Tiled layer APIs
@@ -2081,7 +2082,7 @@ const ca = { class: "layerboard-layout" }, ua = ["aria-expanded"], da = {
       /** Toggle a tiled layer's visibility */
       toggleTiledLayer: _,
       /** Set a tiled layer's visibility explicitly */
-      setTiledLayerVisible: H,
+      setTiledLayerVisible: J,
       /** Set a tiled layer's opacity */
       setTiledLayerOpacity: I,
       // Data source APIs
@@ -2090,22 +2091,22 @@ const ca = { class: "layerboard-layout" }, ua = ["aria-expanded"], da = {
       /** Whether any data source is loading */
       dataSourcesLoading: R,
       /** Get data from a specific data source */
-      getDataSourceData: le,
+      getDataSourceData: ne,
       /** Refetch a specific data source */
-      refetchDataSource: J,
+      refetchDataSource: K,
       // Modal APIs
       /** Whether the modal is currently open */
       isModalOpen: ve,
       /** Open the modal */
-      openModal: ke,
+      openModal: xe,
       /** Close the modal */
-      closeModal: ce
+      closeModal: re
     });
     function et(y) {
-      y.key === "Escape" && ae.value && De();
+      y.key === "Escape" && ie.value && _e();
     }
     return ot(() => {
-      ne(), Ve(), T(), document.addEventListener("keydown", et);
+      Se(), ge(), T(), document.addEventListener("keydown", et);
     }), qt(() => {
       document.removeEventListener("keydown", et);
     }), (y, M) => (m(), x("div", ca, [
@@ -2115,7 +2116,7 @@ const ca = { class: "layerboard-layout" }, ua = ["aria-expanded"], da = {
       }, "Skip to main content", -1)),
       P("header", {
         class: "layerboard-header",
-        style: me(Ae.value)
+        style: ye(Ve.value)
       }, [
         M[1] || (M[1] = P("a", {
           href: "https://www.phila.gov/",
@@ -2132,24 +2133,24 @@ const ca = { class: "layerboard-layout" }, ua = ["aria-expanded"], da = {
         }, null, -1)),
         P("button", {
           ref_key: "hamburgerRef",
-          ref: ze,
+          ref: De,
           class: "layerboard-hamburger layerboard-mobile-only",
-          "aria-expanded": ae.value,
+          "aria-expanded": ie.value,
           "aria-label": "Toggle menu",
           onClick: Ye
         }, [
-          G(d($e), {
+          H(d(Me), {
             "icon-definition": d(Lo),
             size: "medium",
             inline: "",
             decorative: ""
           }, null, 8, ["icon-definition"])
         ], 8, ua),
-        he(y.$slots, "header", {}, () => [
-          P("h1", null, q(e.title), 1),
-          e.subtitle ? (m(), x("span", da, q(e.subtitle), 1)) : B("", !0)
+        me(y.$slots, "header", {}, () => [
+          P("h1", null, G(e.title), 1),
+          e.subtitle ? (m(), x("span", da, G(e.subtitle), 1)) : B("", !0)
         ], !0),
-        ae.value ? (m(), x("div", {
+        ie.value ? (m(), x("div", {
           key: 0,
           ref_key: "mobileMenuRef",
           ref: Ge,
@@ -2157,86 +2158,86 @@ const ca = { class: "layerboard-layout" }, ua = ["aria-expanded"], da = {
           role: "dialog",
           "aria-modal": "true",
           "aria-label": "Site menu",
-          style: me({ backgroundColor: e.themeColor }),
+          style: ye({ backgroundColor: e.themeColor }),
           onKeydown: ct
         }, [
           P("div", fa, [
-            he(y.$slots, "footer", {
-              openModal: ke,
-              closeModal: ce,
+            me(y.$slots, "footer", {
+              openModal: xe,
+              closeModal: re,
               isModalOpen: ve.value
             }, () => [
-              M[0] || (M[0] = Me(" City of Philadelphia ", -1))
+              M[0] || (M[0] = Pe(" City of Philadelphia ", -1))
             ], !0)
           ]),
           P("button", {
             ref_key: "mobileMenuCloseRef",
-            ref: Se,
+            ref: Ce,
             class: "layerboard-mobile-menu-close",
             "aria-label": "Close menu",
-            onClick: De
+            onClick: _e
           }, [
-            G(d($e), {
+            H(d(Me), {
               "icon-definition": d(Tt),
               size: "medium",
               decorative: ""
             }, null, 8, ["icon-definition"])
           ], 512)
         ], 36)) : B("", !0),
-        ae.value ? (m(), x("div", {
+        ie.value ? (m(), x("div", {
           key: 1,
           class: "layerboard-mobile-menu-backdrop",
-          onClick: De
+          onClick: _e
         })) : B("", !0)
       ], 4),
       P("div", pa, [
         u.value ? (m(), x("div", ya, [
           P("div", {
             class: "layerboard-spinner",
-            style: me({ borderTopColor: e.themeColor })
+            style: ye({ borderTopColor: e.themeColor })
           }, null, 4),
-          P("p", null, "Loading " + q(e.title) + "...", 1)
+          P("p", null, "Loading " + G(e.title) + "...", 1)
         ])) : S.value ? (m(), x("div", ma, [
           M[3] || (M[3] = P("h2", null, "Error Loading Layers", -1)),
-          P("p", null, q(S.value), 1),
+          P("p", null, G(S.value), 1),
           P("button", {
             class: "layerboard-retry-button",
-            style: me({ backgroundColor: e.themeColor }),
-            onClick: ne
+            style: ye({ backgroundColor: e.themeColor }),
+            onClick: Se
           }, " Retry ", 4)
-        ])) : (m(), x(fe, { key: 2 }, [
+        ])) : (m(), x(ue, { key: 2 }, [
           P("aside", {
             id: "main-content",
             ref_key: "sidebarRef",
-            ref: oe,
-            class: ue(["layerboard-sidebar", { "is-active": Ce.value === "sidebar" }]),
-            style: me(Te.value),
+            ref: ae,
+            class: se(["layerboard-sidebar", { "is-active": ke.value === "sidebar" }]),
+            style: ye(Fe.value),
             "aria-label": "Map layers",
             tabindex: "-1"
           }, [
-            he(y.$slots, "sidebar", {
+            me(y.$slots, "sidebar", {
               layers: r.value,
               visibleLayers: g.value,
               layerOpacities: v.value,
               loadingLayers: i.value,
               layerErrors: b.value,
               currentZoom: f.value,
-              toggleLayer: X,
-              setLayerVisible: re,
-              setLayersVisible: se,
-              setOpacity: Fe,
+              toggleLayer: Ee,
+              setLayerVisible: W,
+              setLayersVisible: de,
+              setOpacity: te,
               tiledLayers: e.tiledLayers,
               visibleTiledLayers: L.value,
               tiledLayerOpacities: C.value,
               toggleTiledLayer: _,
-              setTiledLayerVisible: H,
+              setTiledLayerVisible: J,
               setTiledLayerOpacity: I,
               dataSourcesState: O.value,
               dataSourcesLoading: R.value,
-              getDataSource: le,
-              refetchDataSource: J
+              getDataSource: ne,
+              refetchDataSource: K
             }, () => [
-              e.showDefaultSidebar ? (m(), j(Wo, {
+              e.showDefaultSidebar ? (m(), q(Wo, {
                 key: 0,
                 "layer-list": r.value,
                 "visible-layers": g.value,
@@ -2246,18 +2247,18 @@ const ca = { class: "layerboard-layout" }, ua = ["aria-expanded"], da = {
                 "current-zoom": f.value,
                 "search-query": $.value,
                 "layer-metadata": p.value,
-                onToggleLayer: X,
-                onSetOpacity: Fe,
-                onUpdateSearch: Ze
+                onToggleLayer: Ee,
+                onSetOpacity: te,
+                onUpdateSearch: Ne
               }, null, 8, ["layer-list", "visible-layers", "layer-opacities", "loading-layers", "layer-errors", "current-zoom", "search-query", "layer-metadata"])) : B("", !0)
             ], !0)
           ], 6),
           P("div", {
             role: "main",
             "aria-label": "Map",
-            class: ue(["layerboard-map", { "is-active": Ce.value === "map" }])
+            class: se(["layerboard-map", { "is-active": ke.value === "map" }])
           }, [
-            G(oo, {
+            H(oo, {
               "visible-layers": g.value,
               "layer-opacities": v.value,
               "layer-list": r.value,
@@ -2275,20 +2276,20 @@ const ca = { class: "layerboard-layout" }, ua = ["aria-expanded"], da = {
               "pictometry-button-position": e.pictometryButtonPosition,
               "initial-zoom": e.initialZoom,
               "initial-center": e.initialCenter,
-              onZoom: qe,
+              onZoom: Ze,
               onLayerLoading: rt,
-              onLayerError: de
+              onLayerError: ce
             }, 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: ue(["layerboard-sidebar-toggle", { "is-collapsed": pe.value }]),
-            style: me({ left: pe.value ? "0" : o.sidebarWidth }),
-            "aria-expanded": !pe.value,
-            "aria-label": pe.value ? "Expand sidebar" : "Collapse sidebar",
-            onClick: _e
+            class: se(["layerboard-sidebar-toggle", { "is-collapsed": fe.value }]),
+            style: ye({ left: fe.value ? "0" : o.sidebarWidth }),
+            "aria-expanded": !fe.value,
+            "aria-label": fe.value ? "Expand sidebar" : "Collapse sidebar",
+            onClick: Re
           }, [
-            G(d($e), {
-              "icon-definition": pe.value ? d(bo) : d(wo),
+            H(d(Me), {
+              "icon-definition": fe.value ? d(bo) : d(wo),
               size: "medium",
               decorative: ""
             }, null, 8, ["icon-definition"])
@@ -2299,27 +2300,27 @@ const ca = { class: "layerboard-layout" }, ua = ["aria-expanded"], da = {
         ref_key: "mobileToggleRef",
         ref: st,
         class: "layerboard-mobile-toggle",
-        style: me(Oe.value),
-        onClick: Ne
+        style: ye(ze.value),
+        onClick: Ue
       }, [
-        Ce.value === "map" ? (m(), x("span", ga, q(e.sidebarLabel), 1)) : (m(), x("span", va, q(e.mapLabel), 1))
+        ke.value === "map" ? (m(), x("span", ga, G(e.sidebarLabel), 1)) : (m(), x("span", va, G(e.mapLabel), 1))
       ], 4),
       P("footer", {
         class: "layerboard-footer",
-        style: me(Le.value)
+        style: ye(Le.value)
       }, [
-        he(y.$slots, "footer", {
-          openModal: ke,
-          closeModal: ce,
+        me(y.$slots, "footer", {
+          openModal: xe,
+          closeModal: re,
           isModalOpen: ve.value
         }, () => [
-          M[4] || (M[4] = Me(" City of Philadelphia ", -1))
+          M[4] || (M[4] = Pe(" City of Philadelphia ", -1))
         ], !0)
       ], 4),
       ve.value ? (m(), x("div", {
         key: 0,
         class: "layerboard-modal-backdrop",
-        onClick: Ue,
+        onClick: We,
         onKeydown: ut
       }, [
         P("div", {
@@ -2335,24 +2336,24 @@ const ca = { class: "layerboard-layout" }, ua = ["aria-expanded"], da = {
             ref: Xe,
             class: "layerboard-modal-close",
             "aria-label": "Close modal",
-            onClick: ce
+            onClick: re
           }, [
-            G(d($e), {
+            H(d(Me), {
               "icon-definition": d(Tt),
               size: "medium",
               decorative: ""
             }, null, 8, ["icon-definition"])
           ], 512),
-          he(y.$slots, "modal", { closeModal: ce }, void 0, !0)
+          me(y.$slots, "modal", { closeModal: re }, void 0, !0)
         ], 512)
       ], 32)) : B("", !0),
-      P("span", ba, q(Ce.value === "sidebar" ? "Showing layers panel" : "Showing map"), 1)
+      P("span", ba, G(ke.value === "sidebar" ? "Showing layers panel" : "Showing map"), 1)
     ]));
   }
-}), Ua = /* @__PURE__ */ Pe(wa, [["__scopeId", "data-v-67021805"]]), La = ["aria-expanded"], Sa = {
+}), Ua = /* @__PURE__ */ Te(wa, [["__scopeId", "data-v-67021805"]]), La = ["aria-expanded"], Sa = {
   key: 0,
   class: "topic-icon"
-}, Ca = { class: "topic-title" }, ka = /* @__PURE__ */ ge({
+}, Ca = { class: "topic-title" }, ka = /* @__PURE__ */ he({
   __name: "TopicAccordion",
   props: {
     title: {},
@@ -2364,7 +2365,7 @@ const ca = { class: "layerboard-layout" }, ua = ["aria-expanded"], da = {
   emits: ["toggle", "layerChange"],
   setup(e, { emit: a }) {
     const l = e, o = a, n = w(l.expanded), r = `topic-panel-${kt()}`, u = `topic-header-${kt()}`;
-    Re(
+    Be(
       () => l.expanded,
       (f) => {
         n.value = f;
@@ -2376,28 +2377,28 @@ const ca = { class: "layerboard-layout" }, ua = ["aria-expanded"], da = {
     return (f, $) => {
       const g = Gt("font-awesome-icon");
       return m(), x("div", {
-        class: ue(["topic-accordion", { "is-expanded": n.value }])
+        class: se(["topic-accordion", { "is-expanded": n.value }])
       }, [
         P("button", {
           id: u,
-          class: ue(["topic-header", e.headerClass]),
+          class: se(["topic-header", e.headerClass]),
           type: "button",
           "aria-expanded": n.value,
           "aria-controls": r,
           onClick: S
         }, [
           e.icon || f.$slots.icon ? (m(), x("span", Sa, [
-            he(f.$slots, "icon", {}, () => [
-              e.icon ? (m(), j(g, {
+            me(f.$slots, "icon", {}, () => [
+              e.icon ? (m(), q(g, {
                 key: 0,
                 icon: ["fas", e.icon],
                 "aria-hidden": "true"
               }, null, 8, ["icon"])) : B("", !0)
             ], !0)
           ])) : B("", !0),
-          P("span", Ca, q(e.title), 1),
+          P("span", Ca, G(e.title), 1),
           P("span", {
-            class: ue(["topic-chevron", { "is-rotated": n.value }])
+            class: se(["topic-chevron", { "is-rotated": n.value }])
           }, [...$[0] || ($[0] = [
             P("svg", {
               xmlns: "http://www.w3.org/2000/svg",
@@ -2421,7 +2422,7 @@ const ca = { class: "layerboard-layout" }, ua = ["aria-expanded"], da = {
           "aria-labelledby": u,
           class: "topic-content"
         }, [
-          he(f.$slots, "default", {}, () => [
+          me(f.$slots, "default", {}, () => [
             $[1] || ($[1] = P("p", { class: "topic-empty" }, "No content provided for this topic.", -1))
           ], !0)
         ], 512), [
@@ -2430,7 +2431,7 @@ const ca = { class: "layerboard-layout" }, ua = ["aria-expanded"], da = {
       ], 2);
     };
   }
-}), Wa = /* @__PURE__ */ Pe(ka, [["__scopeId", "data-v-a2023afa"]]);
+}), Wa = /* @__PURE__ */ Te(ka, [["__scopeId", "data-v-a2023afa"]]);
 function xa(e) {
   return e.displayOptions?.shouldShowCheckbox !== !1;
 }
@@ -2440,13 +2441,13 @@ function Bt(e, a) {
 function At(e, a) {
   return a ? e.displayOptions?.shouldShowLegendBox !== !1 : !1;
 }
-function Be(e) {
+function Ae(e) {
   return e.displayOptions?.layerNameChange || e.title;
 }
 const $a = ["aria-label"], Ma = ["checked", "disabled", "onChange"], Pa = { class: "layer-title" }, Ta = { class: "layer-title" }, Fa = {
   key: 0,
   class: "empty-state"
-}, Ea = /* @__PURE__ */ ge({
+}, Ea = /* @__PURE__ */ he({
   __name: "LayerCheckboxSet",
   props: {
     layers: {},
@@ -2472,13 +2473,13 @@ const $a = ["aria-label"], Ma = ["checked", "disabled", "onChange"], Pa = { clas
       role: "group",
       "aria-label": e.groupLabel
     }, [
-      (m(!0), x(fe, null, be(e.layers, (i) => (m(), x("div", {
+      (m(!0), x(ue, null, be(e.layers, (i) => (m(), x("div", {
         key: i.id,
         class: "layer-item"
       }, [
         d(xa)(i) ? (m(), x("label", {
           key: 0,
-          class: ue(["layer-checkbox", {
+          class: se(["layer-checkbox", {
             "layer-unavailable": !d(f)(i),
             "layer-error": d(S)(i.id)
           }])
@@ -2490,8 +2491,8 @@ const $a = ["aria-label"], Ma = ["checked", "disabled", "onChange"], Pa = { clas
             onChange: (b) => $(i.id)
           }, null, 40, Ma),
           P("span", Pa, [
-            Me(q(d(Be)(i)) + " ", 1),
-            G(at, {
+            Pe(G(d(Ae)(i)) + " ", 1),
+            H(at, {
               loading: d(u)(i.id),
               error: d(S)(i.id),
               unavailable: !d(f)(i)
@@ -2499,40 +2500,40 @@ const $a = ["aria-label"], Ma = ["checked", "disabled", "onChange"], Pa = { clas
           ])
         ], 2)) : (m(), x("div", {
           key: 1,
-          class: ue(["layer-label-only", {
+          class: se(["layer-label-only", {
             "layer-unavailable": !d(f)(i),
             "layer-error": d(S)(i.id)
           }])
         }, [
           P("span", Ta, [
-            Me(q(d(Be)(i)) + " ", 1),
-            G(at, {
+            Pe(G(d(Ae)(i)) + " ", 1),
+            H(at, {
               loading: d(u)(i.id),
               error: d(S)(i.id),
               unavailable: !d(f)(i)
             }, null, 8, ["loading", "error", "unavailable"])
           ])
         ], 2)),
-        d(Bt)(i, e.showOpacity) && d(n)(i.id) && d(f)(i) ? (m(), j(ht, {
+        d(Bt)(i, e.showOpacity) && d(n)(i.id) && d(f)(i) ? (m(), q(ht, {
           key: 2,
           "layer-id": i.id,
-          "layer-name": d(Be)(i),
+          "layer-name": d(Ae)(i),
           opacity: d(r)(i.id),
           "onUpdate:opacity": (b) => o("setOpacity", i.id, b)
         }, null, 8, ["layer-id", "layer-name", "opacity", "onUpdate:opacity"])) : B("", !0),
-        d(At)(i, e.showLegend) && d(n)(i.id) && d(f)(i) && i.legend?.length ? (m(), j(gt, {
+        d(At)(i, e.showLegend) && d(n)(i.id) && d(f)(i) && i.legend?.length ? (m(), q(gt, {
           key: 3,
           items: i.legend,
-          label: "Legend for " + d(Be)(i)
+          label: "Legend for " + d(Ae)(i)
         }, null, 8, ["items", "label"])) : B("", !0)
       ]))), 128)),
       e.layers.length === 0 ? (m(), x("div", Fa, "No layers available")) : B("", !0)
     ], 8, $a));
   }
-}), ja = /* @__PURE__ */ Pe(Ea, [["__scopeId", "data-v-bfcd7855"]]), Ia = ["aria-label"], Oa = ["name", "checked", "disabled", "onChange"], za = { class: "layer-title" }, Da = {
+}), ja = /* @__PURE__ */ Te(Ea, [["__scopeId", "data-v-bfcd7855"]]), Ia = ["aria-label"], Oa = ["name", "checked", "disabled", "onChange"], za = { class: "layer-title" }, Da = {
   key: 0,
   class: "empty-state"
-}, _a = /* @__PURE__ */ ge({
+}, _a = /* @__PURE__ */ he({
   __name: "LayerRadioButtonSet",
   props: {
     layers: {},
@@ -2560,12 +2561,12 @@ const $a = ["aria-label"], Ma = ["checked", "disabled", "onChange"], Pa = { clas
       role: "radiogroup",
       "aria-label": e.groupLabel
     }, [
-      (m(!0), x(fe, null, be(e.layers, (i) => (m(), x("div", {
+      (m(!0), x(ue, null, be(e.layers, (i) => (m(), x("div", {
         key: i.id,
         class: "layer-item"
       }, [
         P("label", {
-          class: ue(["layer-radio", {
+          class: se(["layer-radio", {
             "layer-unavailable": !d(f)(i),
             "layer-error": d(S)(i.id)
           }])
@@ -2578,31 +2579,31 @@ const $a = ["aria-label"], Ma = ["checked", "disabled", "onChange"], Pa = { clas
             onChange: (b) => $(i.id)
           }, null, 40, Oa),
           P("span", za, [
-            Me(q(d(Be)(i)) + " ", 1),
-            G(at, {
+            Pe(G(d(Ae)(i)) + " ", 1),
+            H(at, {
               loading: d(u)(i.id),
               error: d(S)(i.id),
               unavailable: !d(f)(i)
             }, null, 8, ["loading", "error", "unavailable"])
           ])
         ], 2),
-        d(Bt)(i, e.showOpacity) && d(n)(i.id) && d(f)(i) ? (m(), j(ht, {
+        d(Bt)(i, e.showOpacity) && d(n)(i.id) && d(f)(i) ? (m(), q(ht, {
           key: 0,
           "layer-id": i.id,
-          "layer-name": d(Be)(i),
+          "layer-name": d(Ae)(i),
           opacity: d(r)(i.id),
           "onUpdate:opacity": (b) => o("setOpacity", i.id, b)
         }, null, 8, ["layer-id", "layer-name", "opacity", "onUpdate:opacity"])) : B("", !0),
-        d(At)(i, e.showLegend) && d(n)(i.id) && d(f)(i) && i.legend?.length ? (m(), j(gt, {
+        d(At)(i, e.showLegend) && d(n)(i.id) && d(f)(i) && i.legend?.length ? (m(), q(gt, {
           key: 1,
           items: i.legend,
-          label: "Legend for " + d(Be)(i)
+          label: "Legend for " + d(Ae)(i)
         }, null, 8, ["items", "label"])) : B("", !0)
       ]))), 128)),
       e.layers.length === 0 ? (m(), x("div", Da, "No layers available")) : B("", !0)
     ], 8, Ia));
   }
-}), qa = /* @__PURE__ */ Pe(_a, [["__scopeId", "data-v-c368d815"]]);
+}), qa = /* @__PURE__ */ Te(_a, [["__scopeId", "data-v-c368d815"]]);
 function Ga(e) {
   const a = w([]), l = w(/* @__PURE__ */ new Set()), o = w({}), n = w(/* @__PURE__ */ new Set()), r = w({}), u = w(""), S = w(!1), f = w(!1), $ = w(null), g = D(() => {
     if (!u.value.trim())
@@ -2663,20 +2664,20 @@ function Ga(e) {
       delete O[I], r.value = O;
     }
   }
-  function H() {
+  function J() {
     a.value = [], l.value = /* @__PURE__ */ new Set(), o.value = {}, n.value = /* @__PURE__ */ new Set(), r.value = {}, u.value = "", S.value = !1, f.value = !1, $.value = null;
   }
   return {
     // State (readonly)
-    layerConfigs: W(a),
-    visibleLayers: W(l),
-    layerOpacities: W(o),
-    loadingLayers: W(n),
-    layerErrors: W(r),
-    searchQuery: W(u),
-    isLoading: W(S),
-    isInitialized: W(f),
-    error: W($),
+    layerConfigs: j(a),
+    visibleLayers: j(l),
+    layerOpacities: j(o),
+    loadingLayers: j(n),
+    layerErrors: j(r),
+    searchQuery: j(u),
+    isLoading: j(S),
+    isInitialized: j(f),
+    error: j($),
     // Computed
     filteredLayerConfigs: g,
     layerList: v,
@@ -2689,7 +2690,7 @@ function Ga(e) {
     filterLayers: C,
     setLayerLoading: T,
     setLayerError: _,
-    reset: H
+    reset: J
   };
 }
 function Ha() {
@@ -2719,14 +2720,14 @@ function Ra(e) {
         const p = e.url.replace(/\/$/, ""), L = encodeURIComponent(f.where || e.where || "1=1");
         let C = `${p}/query?where=${L}&outFields=*&returnGeometry=true&resultRecordCount=${$}&resultOffset=${g}&f=geojson`;
         if (f.bounds) {
-          const H = JSON.stringify({
+          const J = JSON.stringify({
             xmin: f.bounds.west,
             ymin: f.bounds.south,
             xmax: f.bounds.east,
             ymax: f.bounds.north,
             spatialReference: { wkid: 4326 }
           });
-          C += `&geometry=${encodeURIComponent(H)}&geometryType=esriGeometryEnvelope&spatialRel=esriSpatialRelIntersects`;
+          C += `&geometry=${encodeURIComponent(J)}&geometryType=esriGeometryEnvelope&spatialRel=esriSpatialRelIntersects`;
         }
         const T = await fetch(C);
         if (!T.ok)
@@ -2754,10 +2755,10 @@ function Ra(e) {
   }
   return {
     // State (readonly)
-    data: W(a),
-    isLoading: W(l),
-    error: W(o),
-    totalFeatures: W(n),
+    data: j(a),
+    isLoading: j(l),
+    error: j(o),
+    totalFeatures: j(n),
     // Config
     config: e,
     // Methods
@@ -2768,7 +2769,7 @@ function Ra(e) {
 }
 function Ja(e, a, l) {
   const o = Ra(e);
-  return Re(
+  return Be(
     a,
     async (n) => {
       if (n) {
@@ -2790,7 +2791,7 @@ export {
   wt as buildWebMapUrl,
   ia as clearCache,
   mt as getLayerConfigs,
-  Be as getLayerDisplayName,
+  Ae as getLayerDisplayName,
   Na as getWebMapUrl,
   Dt as normalizeUrl,
   xa as shouldShowCheckbox,