@phila/layerboard 3.0.0-beta.28 → 3.0.0-beta.29

package/dist/index.mjs

@@ -1,7 +1,7 @@
-import { defineComponent as pe, ref as k, watch as Oe, computed as z, nextTick as Ne, onMounted as et, onUnmounted as Dt, createElementBlock as $, openBlock as m, createVNode as G, unref as d, withCtx as Ge, createBlock as j, createCommentVNode as R, Fragment as se, renderList as ge, useAttrs as Wt, toRef as jt, normalizeClass as ne, createElementVNode as P, toDisplayString as q, renderSlot as fe, withDirectives as _t, mergeProps as yt, vModelDynamic as qt, createTextVNode as ke, normalizeProps as Ct, guardReactiveProps as kt, normalizeStyle as de, withModifiers as Gt, readonly as W, provide as B, onBeforeUnmount as Ht, useId as xt, resolveComponent as Jt, vShow as Kt } from "vue";
-import { Map as Qt, DrawTool as Xt, RasterLayer as $t, CircleLayer as Mt, FillLayer as Pt, LineLayer as ft, MapMarker as Yt, MapPopup as eo } from "@phila/phila-ui-map-core";
-import { cn as mt, Icon as Ce, BaseLink as to, ActionContent as Tt } from "@phila/phila-ui-core";
-const oo = { class: "map-panel" }, ao = /* @__PURE__ */ pe({
+import { defineComponent as ye, ref as k, watch as Oe, computed as z, nextTick as Ne, onMounted as et, onUnmounted as _t, createElementBlock as $, openBlock as m, createVNode as H, unref as d, withCtx as Ge, createBlock as q, createCommentVNode as A, Fragment as ue, renderList as ve, useAttrs as jt, toRef as qt, normalizeClass as re, createElementVNode as P, toDisplayString as G, renderSlot as pe, withDirectives as Rt, mergeProps as yt, vModelDynamic as Gt, createTextVNode as xe, normalizeProps as kt, guardReactiveProps as xt, normalizeStyle as fe, withModifiers as Ht, readonly as j, provide as Z, onBeforeUnmount as Jt, useId as $t, resolveComponent as Kt, vShow as Qt } from "vue";
+import { Map as Xt, DrawTool as Yt, RasterLayer as Mt, CircleLayer as Pt, FillLayer as Tt, LineLayer as ft, MapMarker as eo, MapPopup as to } from "@phila/phila-ui-map-core";
+import { cn as mt, Icon as ke, BaseLink as oo, ActionContent as Ft } from "@phila/phila-ui-core";
+const ao = { class: "map-panel" }, io = /* @__PURE__ */ ye({
   __name: "MapPanel",
   props: {
     visibleLayers: {},
@@ -34,45 +34,45 @@ const oo = { class: "map-panel" }, ao = /* @__PURE__ */ pe({
     }
     const x = k({}), h = k(null), g = k(/* @__PURE__ */ new Set());
     async function a(t, u, s, b, C) {
-      const F = encodeURIComponent(b || "1=1"), A = JSON.stringify({
+      const F = encodeURIComponent(b || "1=1"), B = JSON.stringify({
         xmin: u.west,
         ymin: u.south,
         xmax: u.east,
         ymax: u.north,
         spatialReference: { wkid: 4326 }
-      }), X = C !== void 0 && C < 14 ? `&maxAllowableOffset=${360 / (Math.pow(2, C) * 512)}` : "", U = 2e3;
-      let oe = 0, Z = [], Y = !0;
-      for (; Y; ) {
-        const Q = `${t}/query?where=${F}&geometry=${encodeURIComponent(A)}&geometryType=esriGeometryEnvelope&spatialRel=esriSpatialRelIntersects&outFields=*&returnGeometry=true&resultRecordCount=${U}&resultOffset=${oe}${X}&f=geojson`, ue = await fetch(Q);
-        if (!ue.ok)
-          throw new Error(`HTTP ${ue.status}: ${ue.statusText}`);
-        const Pe = await ue.json();
-        Pe.features && Pe.features.length > 0 ? (Z = Z.concat(Pe.features), oe += Pe.features.length, Y = Pe.features.length === U) : Y = !1;
+      }), Y = C !== void 0 && C < 14 ? `&maxAllowableOffset=${360 / (Math.pow(2, C) * 512)}` : "", V = 2e3;
+      let oe = 0, R = [], K = !0;
+      for (; K; ) {
+        const W = `${t}/query?where=${F}&geometry=${encodeURIComponent(B)}&geometryType=esriGeometryEnvelope&spatialRel=esriSpatialRelIntersects&outFields=*&returnGeometry=true&resultRecordCount=${V}&resultOffset=${oe}${Y}&f=geojson`, ae = await fetch(W);
+        if (!ae.ok)
+          throw new Error(`HTTP ${ae.status}: ${ae.statusText}`);
+        const ce = await ae.json();
+        ce.features && ce.features.length > 0 ? (R = R.concat(ce.features), oe += ce.features.length, K = ce.features.length === V) : K = !1;
       }
-      return Z = Z.map((Q) => {
-        if (Q.properties) {
-          const ue = {};
-          for (const Pe of Object.keys(Q.properties))
-            ue[Pe.toLowerCase()] = Q.properties[Pe];
-          return { ...Q, properties: ue };
+      return R = R.map((W) => {
+        if (W.properties) {
+          const ae = {};
+          for (const ce of Object.keys(W.properties))
+            ae[ce.toLowerCase()] = W.properties[ce];
+          return { ...W, properties: ae };
         }
-        return Q;
+        return W;
       }), {
         type: "FeatureCollection",
-        features: Z
+        features: R
       };
     }
     async function v(t, u, s) {
       const b = u.map(async (C) => {
-        const F = l.layerList.find((A) => A.config.id === C)?.config;
+        const F = l.layerList.find((B) => B.config.id === C)?.config;
         if (F && !(s !== void 0 && F.minZoom !== void 0 && s < F.minZoom)) {
           o("layerLoading", C, !0);
           try {
-            const A = await a(F.url, t, C, F.where, s);
-            x.value = { ...x.value, [C]: A }, o("layerError", C, null);
-          } catch (A) {
-            const X = A instanceof Error ? A.message : "Failed to load";
-            o("layerError", C, X);
+            const B = await a(F.url, t, C, F.where, s);
+            x.value = { ...x.value, [C]: B }, o("layerError", C, null);
+          } catch (B) {
+            const Y = B instanceof Error ? B.message : "Failed to load";
+            o("layerError", C, Y);
           } finally {
             o("layerLoading", C, !1);
           }
@@ -102,7 +102,7 @@ const oo = { class: "map-panel" }, ao = /* @__PURE__ */ pe({
     Oe(
       () => l.visibleLayers,
       async () => {
-        if (re.value.length > 0 && ie(), h.value) {
+        if (se.value.length > 0 && le(), h.value) {
           const t = new Set(l.visibleLayers), u = [...t].filter((s) => !g.value.has(s));
           if (g.value = new Set(t), u.length > 0) {
             const s = n.value?.getZoom();
@@ -117,7 +117,7 @@ const oo = { class: "map-panel" }, ao = /* @__PURE__ */ pe({
     function D(t) {
       return !!x.value[t.id];
     }
-    const K = z(
+    const X = z(
       () => l.layerList.filter((t) => t.config.type === "circle" && E(t.config.id) && D(t.config)).map((t) => t.config)
     ), T = z(
       () => l.layerList.filter((t) => t.config.type === "fill" && E(t.config.id) && D(t.config)).map((t) => t.config)
@@ -144,16 +144,16 @@ const oo = { class: "map-panel" }, ao = /* @__PURE__ */ pe({
     function te(t) {
       return l.visibleTiledLayers?.has(t) ?? !1;
     }
-    function V(t) {
+    function N(t) {
       return l.tiledLayerOpacities?.[t] ?? 1;
     }
-    function ye(t) {
+    function me(t) {
       return `${t.replace(/\/$/, "")}/tile/{z}/{y}/{x}`;
     }
-    function me(t) {
+    function he(t) {
       return {
         type: "raster",
-        tiles: [ye(t.url)],
+        tiles: [me(t.url)],
         tileSize: 256,
         attribution: t.attribution || ""
       };
@@ -169,8 +169,8 @@ const oo = { class: "map-panel" }, ao = /* @__PURE__ */ pe({
           const b = await s.json(), C = b.minScale || 0;
           let F = b.maxScale || 0;
           if (b.layers && b.layers.length > 0)
-            for (const A of b.layers)
-              A.maxScale && A.maxScale > 0 && (F === 0 || A.maxScale < F) && (F = A.maxScale);
+            for (const B of b.layers)
+              B.maxScale && B.maxScale > 0 && (F === 0 || B.maxScale < F) && (F = B.maxScale);
           F === 0 && (F = 72e3), Ue.value = {
             ...Ue.value,
             [t.id]: { minScale: C, maxScale: F }
@@ -202,34 +202,34 @@ const oo = { class: "map-panel" }, ao = /* @__PURE__ */ pe({
         attribution: t.attribution || ""
       };
     }
-    function $e(t) {
+    function Me(t) {
       return { type: "geojson", data: x.value[t.id], tolerance: 0 };
     }
     function Re(t) {
       return l.layerOpacities[t] ?? 1;
     }
-    function Me(t) {
+    function Pe(t) {
       const u = Re(t.id), s = t.type === "circle" ? "circle-opacity" : t.type === "fill" ? "fill-opacity" : "line-opacity";
       if (t.type === "fill" && t.paint["fill-opacity"] === 0)
         return { ...t.paint, "fill-opacity": 0 };
-      const b = t.type === "circle" ? "circle-color" : t.type === "fill" ? "fill-color" : "line-color", C = { ...t.paint }, F = C[b], A = C[s] === 1, X = typeof F == "string" && F.startsWith("rgba(");
-      if (A && X) {
+      const b = t.type === "circle" ? "circle-color" : t.type === "fill" ? "fill-color" : "line-color", C = { ...t.paint }, F = C[b], B = C[s] === 1, Y = typeof F == "string" && F.startsWith("rgba(");
+      if (B && Y) {
         if (u === 1)
           return C;
         {
-          const U = F.match(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*([\d.]+)\)/);
-          if (U && U[4]) {
-            const [, oe, Z, Y, Q] = U, ue = parseFloat(Q) * u;
-            C[b] = `rgba(${oe}, ${Z}, ${Y}, ${ue})`, C[s] = 1;
+          const V = F.match(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*([\d.]+)\)/);
+          if (V && V[4]) {
+            const [, oe, R, K, W] = V, ae = parseFloat(W) * u;
+            C[b] = `rgba(${oe}, ${R}, ${K}, ${ae})`, C[s] = 1;
           }
           return C;
         }
       }
-      if (X) {
-        const U = F.match(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*([\d.]+)\)/);
-        if (U) {
-          const [, oe, Z, Y] = U;
-          C[b] = `rgb(${oe}, ${Z}, ${Y})`;
+      if (Y) {
+        const V = F.match(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*([\d.]+)\)/);
+        if (V) {
+          const [, oe, R, K] = V;
+          C[b] = `rgb(${oe}, ${R}, ${K})`;
         }
       }
       return C[s] = u, C;
@@ -238,7 +238,7 @@ const oo = { class: "map-panel" }, ao = /* @__PURE__ */ pe({
       const u = Re(t.id);
       return { ...t.outlinePaint, "line-opacity": u };
     }
-    const re = k([]), Ae = k(null), ae = k(0);
+    const se = k([]), Ae = k(null), ie = k(0);
     function Fe(t) {
       const u = t.replace(/-outline$/, "");
       return l.layerList.find((b) => b.config.id === u)?.config;
@@ -249,7 +249,7 @@ const oo = { class: "map-panel" }, ao = /* @__PURE__ */ pe({
         return C == null ? "" : String(C);
       });
     }
-    function be(t) {
+    function we(t) {
       return t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
     }
     function We(t, u, s) {
@@ -280,8 +280,8 @@ const oo = { class: "map-panel" }, ao = /* @__PURE__ */ pe({
             return String(t);
           const F = t.toFixed(b);
           if (C) {
-            const A = F.split("."), X = A[0] || "0", U = A[1], oe = X.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
-            return U ? `${oe}.${U}` : oe;
+            const B = F.split("."), Y = B[0] || "0", V = B[1], oe = Y.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+            return V ? `${oe}.${V}` : oe;
           }
           return F;
         }
@@ -308,112 +308,120 @@ const oo = { class: "map-panel" }, ao = /* @__PURE__ */ pe({
       }
       return null;
     }
-    function we(t, u) {
+    function Le(t, u) {
       const s = /* @__PURE__ */ new Map();
       return u.forEach((b, C) => {
         s.set(b.id, C);
       }), t.sort((b, C) => {
-        const F = b.layer.id.replace(/-outline$/, ""), A = C.layer.id.replace(/-outline$/, ""), X = s.get(F) ?? -1;
-        return (s.get(A) ?? -1) - X;
+        const F = b.layer.id.replace(/-outline$/, ""), B = C.layer.id.replace(/-outline$/, ""), Y = s.get(F) ?? -1;
+        return (s.get(B) ?? -1) - Y;
       });
     }
-    function Ze(t) {
+    function Be(t) {
       const u = n.value;
       if (!u) return;
       const s = [];
-      l.layerList.forEach((Z) => {
-        const Y = Z.config;
-        l.visibleLayers.has(Y.id) && (s.push(Y.id), Y.outlinePaint && s.push(`${Y.id}-outline`));
+      l.layerList.forEach((R) => {
+        const K = R.config;
+        l.visibleLayers.has(K.id) && (s.push(K.id), K.outlinePaint && s.push(`${K.id}-outline`));
       });
       const b = u.project([t.lngLat.lng, t.lngLat.lat]), C = u.queryRenderedFeatures(b, {
         layers: s
       });
       if (C.length === 0) return;
-      const F = je(C), A = l.layerList.map((Z) => Z.config), U = we(F, A).map((Z) => {
-        const Y = Z.layer.id.replace(/-outline$/, ""), Q = Fe(Y);
-        if (!Q) return null;
-        const ue = Ke(Q.id, Z.properties || {});
+      const F = je(C), B = l.layerList.map((R) => R.config), V = Le(F, B).map((R) => {
+        const K = R.layer.id.replace(/-outline$/, ""), W = Fe(K);
+        if (!W) return null;
+        const ae = Ke(W.id, R.properties || {});
         return {
-          layerId: Q.id,
-          layerTitle: Q.title,
-          properties: Z.properties || {},
-          geometry: ue || Z.geometry,
-          popupConfig: Q.popup
+          layerId: W.id,
+          layerTitle: W.title,
+          properties: R.properties || {},
+          geometry: ae || R.geometry,
+          popupConfig: W.popup
         };
-      }).filter((Z) => Z !== null);
-      if (U.length === 0) return;
-      re.value = U, ae.value = 0, Ae.value = [t.lngLat.lng, t.lngLat.lat];
-      const oe = U[0];
+      }).filter((R) => R !== null);
+      if (V.length === 0) return;
+      V.sort((R, K) => {
+        if (R.layerId !== K.layerId) return 0;
+        const W = R.popupConfig?.popupSortField;
+        if (!W) return 0;
+        const ae = R.properties[W], ce = K.properties[W];
+        if (ae == null || ce == null) return 0;
+        const Ct = R.popupConfig?.popupSortOrder === "asc" ? 1 : -1;
+        return ae < ce ? Ct : ae > ce ? -Ct : 0;
+      }), se.value = V, ie.value = 0, Ae.value = [t.lngLat.lng, t.lngLat.lat];
+      const oe = V[0];
       if (oe) {
-        const Z = Fe(oe.layerId);
-        if (Z) {
-          const Y = M(oe.geometry), Q = H(Z.id, Z.type);
+        const R = Fe(oe.layerId);
+        if (R) {
+          const K = M(oe.geometry), W = J(R.id, R.type);
           y.value = {
             geometry: oe.geometry,
-            geometryType: Y,
-            layerId: Z.id,
+            geometryType: K,
+            layerId: R.id,
             properties: oe.properties,
-            originalStyle: Q
+            originalStyle: W
           };
         }
       }
     }
-    function ie() {
-      re.value = [], Ae.value = null, ae.value = 0, y.value = null;
+    function le() {
+      se.value = [], Ae.value = null, ie.value = 0, y.value = null;
     }
     function Qe(t) {
-      if (re.value.length === 0) return;
+      if (se.value.length === 0) return;
       const u = t.target;
       if (!(u.tagName === "INPUT" || u.tagName === "TEXTAREA" || u.isContentEditable))
         switch (t.key) {
           case "ArrowLeft":
           case "ArrowUp":
-            t.preventDefault(), ce();
+            t.preventDefault(), de();
             break;
           case "ArrowRight":
           case "ArrowDown":
             t.preventDefault(), Ee();
             break;
           case "Escape":
-            t.preventDefault(), ie();
+            t.preventDefault(), le();
             break;
         }
     }
     et(() => {
       window.addEventListener("keydown", Qe);
-    }), Dt(() => {
+    }), _t(() => {
       window.removeEventListener("keydown", Qe);
     });
     function Ee() {
-      const t = re.value.length;
-      t <= 1 || ae.value >= t - 1 || (ae.value = ae.value + 1);
+      const t = se.value.length;
+      t <= 1 || ie.value >= t - 1 || (ie.value = ie.value + 1);
     }
-    function ce() {
-      re.value.length <= 1 || ae.value <= 0 || (ae.value = ae.value - 1);
+    function de() {
+      se.value.length <= 1 || ie.value <= 0 || (ie.value = ie.value - 1);
     }
-    const Ie = z(() => re.value.length === 0 ? null : re.value[ae.value]), he = z(() => {
+    const Ie = z(() => se.value.length === 0 ? null : se.value[ie.value]), ge = z(() => {
       const t = Ie.value;
       return !t || !t.popupConfig ? t?.layerTitle || "" : ct(t.popupConfig.title, t.properties);
     }), qe = z(() => {
       const t = Ie.value;
       if (!t) return "";
       let u = '<div class="popup-content">';
-      if (u += `<h3 class="popup-title">${be(he.value)}</h3>`, t.popupConfig?.fields?.length) {
-        u += `<table class="popup-table" aria-label="${be(he.value)}">`;
+      if (u += `<h3 class="popup-title">${we(ge.value)}</h3>`, t.popupConfig?.fields?.length) {
+        u += `<table class="popup-table" aria-label="${we(ge.value)}">`;
         for (const s of t.popupConfig.fields) {
-          const b = We(t.properties[s.field], s.format, t.popupConfig.showTime), C = s.label.toLowerCase(), F = C.includes("url") || C.includes("website"), A = b.startsWith("http://") || b.startsWith("https://") || b.startsWith("www.") || F && b.includes("."), X = b.startsWith("http://") || b.startsWith("https://") ? b : `https://${b}`, U = A ? `<a href="${be(X)}" target="_blank" rel="noopener noreferrer">${be(b)}</a>` : be(b);
-          u += `<tr><th scope="row">${be(s.label)}</th><td>${U}</td></tr>`;
+          const b = We(t.properties[s.field], s.format, t.popupConfig.showTime), C = s.label.toLowerCase(), F = C.includes("url") || C.includes("website"), B = b.startsWith("http://") || b.startsWith("https://") || b.startsWith("www.") || F && b.includes("."), Y = b.startsWith("http://") || b.startsWith("https://") ? b : `https://${b}`, V = B ? `<a href="${we(Y)}" target="_blank" rel="noopener noreferrer">${we(b)}</a>` : we(b);
+          u += `<tr><th scope="row">${we(s.label)}</th><td>${V}</td></tr>`;
         }
         u += "</table>";
       }
       return u += "</div>", u;
-    }), Le = k({
+    }), Se = k({
       type: "FeatureCollection",
       features: []
-    }), le = k({
+    }), ne = k({
       type: "FeatureCollection",
       features: []
-    }), Be = k({
+    }), Ze = k({
       type: "FeatureCollection",
       features: []
     }), ut = {
@@ -433,7 +441,7 @@ const oo = { class: "map-panel" }, ao = /* @__PURE__ */ pe({
     function M(t) {
       return t.type;
     }
-    function H(t, u) {
+    function J(t, u) {
       const s = Fe(t);
       if (!s) return { radius: 5, width: 2 };
       const b = s.paint || {};
@@ -454,10 +462,10 @@ const oo = { class: "map-panel" }, ao = /* @__PURE__ */ pe({
       }
       return { radius: 5, width: 2 };
     }
-    function N(t) {
+    function U(t) {
       return !t || t.length === 0 ? [] : t[0] ?? [];
     }
-    function J(t) {
+    function Q(t) {
       const { geometry: u, geometryType: s, originalStyle: b } = t;
       if (s === "Point" || s === "MultiPoint") {
         const F = (b.radius || 5) + 3;
@@ -490,7 +498,7 @@ const oo = { class: "map-panel" }, ao = /* @__PURE__ */ pe({
         };
       }
       if (s === "Polygon") {
-        const C = u.coordinates, F = N(C), X = (b.width || 2) + 3;
+        const C = u.coordinates, F = U(C), Y = (b.width || 2) + 3;
         return {
           type: "FeatureCollection",
           features: [
@@ -501,24 +509,24 @@ const oo = { class: "map-panel" }, ao = /* @__PURE__ */ pe({
                 coordinates: F
               },
               properties: {
-                highlightWidth: X
+                highlightWidth: Y
               }
             }
           ]
         };
       }
       if (s === "MultiPolygon") {
-        const C = u.coordinates, A = (b.width || 2) + 3;
+        const C = u.coordinates, B = (b.width || 2) + 3;
         return {
           type: "FeatureCollection",
-          features: C.map((U) => ({
+          features: C.map((V) => ({
             type: "Feature",
             geometry: {
               type: "LineString",
-              coordinates: N(U)
+              coordinates: U(V)
             },
             properties: {
-              highlightWidth: A
+              highlightWidth: B
             }
           }))
         };
@@ -528,7 +536,7 @@ const oo = { class: "map-panel" }, ao = /* @__PURE__ */ pe({
         features: []
       };
     }
-    function Se(t) {
+    function Ce(t) {
       const { geometry: u, geometryType: s } = t;
       return s === "Polygon" || s === "MultiPolygon" ? {
         type: "FeatureCollection",
@@ -537,24 +545,24 @@ const oo = { class: "map-panel" }, ao = /* @__PURE__ */ pe({
     }
     function Ve(t) {
       if (!t) {
-        Nt();
+        Ut();
         return;
       }
-      const u = J(t);
-      t.geometryType === "Point" || t.geometryType === "MultiPoint" ? (Le.value = u, le.value = { type: "FeatureCollection", features: [] }, Be.value = { type: "FeatureCollection", features: [] }) : (le.value = u, Le.value = { type: "FeatureCollection", features: [] }, Be.value = Se(t));
+      const u = Q(t);
+      t.geometryType === "Point" || t.geometryType === "MultiPoint" ? (Se.value = u, ne.value = { type: "FeatureCollection", features: [] }, Ze.value = { type: "FeatureCollection", features: [] }) : (ne.value = u, Se.value = { type: "FeatureCollection", features: [] }, Ze.value = Ce(t));
     }
-    function Nt() {
-      Le.value = { type: "FeatureCollection", features: [] }, le.value = { type: "FeatureCollection", features: [] }, Be.value = { type: "FeatureCollection", features: [] };
+    function Ut() {
+      Se.value = { type: "FeatureCollection", features: [] }, ne.value = { type: "FeatureCollection", features: [] }, Ze.value = { type: "FeatureCollection", features: [] };
     }
     Oe(y, (t) => {
       Ve(t);
     }), Oe(
       () => l.visibleLayers,
       (t) => {
-        y.value && !t.has(y.value.layerId) && (y.value = null, ie());
+        y.value && !t.has(y.value.layerId) && (y.value = null, le());
       },
       { deep: !0 }
-    ), Oe(ae, () => {
+    ), Oe(ie, () => {
       const t = Ie.value;
       if (!t) {
         y.value = null;
@@ -562,7 +570,7 @@ const oo = { class: "map-panel" }, ao = /* @__PURE__ */ pe({
       }
       const u = Fe(t.layerId);
       if (u) {
-        const s = M(t.geometry), b = H(u.id, u.type);
+        const s = M(t.geometry), b = J(u.id, u.type);
         y.value = {
           geometry: t.geometry,
           geometryType: s,
@@ -573,12 +581,12 @@ const oo = { class: "map-panel" }, ao = /* @__PURE__ */ pe({
       }
     });
     const St = k(null);
-    function Ut(t) {
+    function Wt(t) {
       const [u, s] = t.geometry.coordinates;
       St.value = [u, s];
     }
-    return (t, u) => (m(), $("div", oo, [
-      G(d(Qt), {
+    return (t, u) => (m(), $("div", ao, [
+      H(d(Xt), {
         ref_key: "mapRef",
         ref: r,
         zoom: l.initialZoom,
@@ -596,124 +604,124 @@ const oo = { class: "map-panel" }, ao = /* @__PURE__ */ pe({
         "tool-panel-layout": "vertical",
         "tool-panel-split-ratio": 50,
         onZoom: w,
-        onClick: ie,
+        onClick: le,
         onMoveend: L,
         onLoad: S,
-        onSearchResult: Ut
+        onSearchResult: Wt
       }, {
         default: Ge(() => [
-          l.drawControlPosition !== null ? (m(), j(d(Xt), {
+          l.drawControlPosition !== null ? (m(), q(d(Yt), {
             key: 0,
             position: l.drawControlPosition
-          }, null, 8, ["position"])) : R("", !0),
-          (m(!0), $(se, null, ge(nt.value, (s) => (m(), j(d($t), {
+          }, null, 8, ["position"])) : A("", !0),
+          (m(!0), $(ue, null, ve(nt.value, (s) => (m(), q(d(Mt), {
             id: "tiled-" + s.id,
             key: "tiled-" + s.id,
-            source: me(s),
-            paint: { "raster-opacity": V(s.id) },
+            source: he(s),
+            paint: { "raster-opacity": N(s.id) },
             minzoom: s.minZoom,
             maxzoom: s.maxZoom
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          (m(!0), $(se, null, ge(rt.value, (s) => (m(), j(d($t), {
+          (m(!0), $(ue, null, ve(rt.value, (s) => (m(), q(d(Mt), {
             id: "dynamic-" + s.id,
             key: "dynamic-" + s.id,
             source: _e(s),
-            paint: { "raster-opacity": V(s.id) },
+            paint: { "raster-opacity": N(s.id) },
             minzoom: s.minZoom,
             maxzoom: s.maxZoom
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          (m(!0), $(se, null, ge(K.value, (s) => (m(), j(d(Mt), {
+          (m(!0), $(ue, null, ve(X.value, (s) => (m(), q(d(Pt), {
             id: s.id,
             key: s.id,
-            source: $e(s),
-            paint: Me(s),
+            source: Me(s),
+            paint: Pe(s),
             minzoom: s.minZoom,
             maxzoom: s.maxZoom,
             "before-id": "highlight-circles",
-            onClick: Ze
+            onClick: Be
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          (m(!0), $(se, null, ge(T.value, (s) => (m(), j(d(Pt), {
+          (m(!0), $(ue, null, ve(T.value, (s) => (m(), q(d(Tt), {
             id: s.id,
             key: s.id,
-            source: $e(s),
-            paint: Me(s),
+            source: Me(s),
+            paint: Pe(s),
             minzoom: s.minZoom,
             maxzoom: s.maxZoom,
             "before-id": "highlight-circles",
-            onClick: Ze
+            onClick: Be
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          (m(!0), $(se, null, ge(I.value, (s) => (m(), j(d(ft), {
+          (m(!0), $(ue, null, ve(I.value, (s) => (m(), q(d(ft), {
             id: s.id + "-outline",
             key: s.id + "-outline",
-            source: $e(s),
+            source: Me(s),
             paint: st(s),
             minzoom: s.minZoom,
             maxzoom: s.maxZoom,
             "before-id": "highlight-lines",
-            onClick: Ze
+            onClick: Be
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          (m(!0), $(se, null, ge(_.value, (s) => (m(), j(d(ft), {
+          (m(!0), $(ue, null, ve(_.value, (s) => (m(), q(d(ft), {
             id: s.id,
             key: s.id,
-            source: $e(s),
-            paint: Me(s),
+            source: Me(s),
+            paint: Pe(s),
             minzoom: s.minZoom,
             maxzoom: s.maxZoom,
             "before-id": "highlight-lines",
-            onClick: Ze
+            onClick: Be
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          G(d(Mt), {
+          H(d(Pt), {
             id: "highlight-circles",
             key: "highlight-circles-layer",
-            source: { type: "geojson", data: Le.value },
+            source: { type: "geojson", data: Se.value },
             paint: ut
           }, null, 8, ["source"]),
-          G(d(Pt), {
+          H(d(Tt), {
             id: "highlight-fill",
             key: "highlight-fill-layer",
-            source: { type: "geojson", data: Be.value },
+            source: { type: "geojson", data: Ze.value },
             paint: Xe
           }, null, 8, ["source"]),
-          G(d(ft), {
+          H(d(ft), {
             id: "highlight-lines",
             key: "highlight-lines-layer",
-            source: { type: "geojson", data: le.value },
+            source: { type: "geojson", data: ne.value },
             paint: dt
           }, null, 8, ["source"]),
-          G(d(Yt), {
+          H(d(eo), {
             "lng-lat": St.value,
             color: "#2176d2"
           }, null, 8, ["lng-lat"]),
-          Ie.value && Ae.value ? (m(), j(d(eo), {
+          Ie.value && Ae.value ? (m(), q(d(to), {
             key: 1,
             "lng-lat": Ae.value,
             html: qe.value,
             "close-on-click": !1,
             offset: [0, -15],
-            "show-navigation": re.value.length > 1,
-            "current-feature-index": ae.value,
-            "total-features": re.value.length,
+            "show-navigation": se.value.length > 1,
+            "current-feature-index": ie.value,
+            "total-features": se.value.length,
             "layer-name": Ie.value.layerTitle,
-            onClose: ie,
+            onClose: le,
             onNext: Ee,
-            onPrevious: ce
-          }, null, 8, ["lng-lat", "html", "show-navigation", "current-feature-index", "total-features", "layer-name"])) : R("", !0)
+            onPrevious: de
+          }, null, 8, ["lng-lat", "html", "show-navigation", "current-feature-index", "total-features", "layer-name"])) : A("", !0)
         ]),
         _: 1
       }, 8, ["zoom", "center", "navigation-controls", "geolocation-control", "basemap-change-controls", "map-search-control", "cyclomedia-config", "cyclomedia-button-position", "pictometry-credentials", "pictometry-button-position"])
     ]));
   }
-}), xe = (e, i) => {
+}), $e = (e, i) => {
   const l = e.__vccOpts || e;
   for (const [o, r] of i)
     l[o] = r;
   return l;
-}, io = /* @__PURE__ */ xe(ao, [["__scopeId", "data-v-1921fe4b"]]);
-function Rt(e) {
+}, lo = /* @__PURE__ */ $e(io, [["__scopeId", "data-v-c1a3d529"]]);
+function At(e) {
   let i = e.split("?")[0] || e;
   return i = i.replace(/\/query$/, ""), i = i.replace(/\/$/, ""), i.toLowerCase();
 }
-const lo = ["disabled"], no = /* @__PURE__ */ pe({
+const no = ["disabled"], ro = /* @__PURE__ */ ye({
   inheritAttrs: !1,
   __name: "PhlButton",
   props: {
@@ -763,12 +771,12 @@ const lo = ["disabled"], no = /* @__PURE__ */ pe({
         size: i.size
       })
     );
-    return (c, w) => l(i) ? (m(), j(d(to), yt({ key: 0 }, { ...r.value, ...c.$attrs }, { role: "button" }), {
+    return (c, w) => l(i) ? (m(), q(d(oo), yt({ key: 0 }, { ...r.value, ...c.$attrs }, { role: "button" }), {
       default: Ge(() => [
-        G(d(Tt), Ct(kt(n.value)), {
+        H(d(Ft), kt(xt(n.value)), {
           default: Ge(() => [
-            fe(c.$slots, "default", {}, () => [
-              ke(q(i.text), 1)
+            pe(c.$slots, "default", {}, () => [
+              xe(G(i.text), 1)
             ])
           ]),
           _: 3
@@ -781,33 +789,33 @@ const lo = ["disabled"], no = /* @__PURE__ */ pe({
       disabled: i.disabled,
       class: o.value
     }, c.$attrs), [
-      G(d(Tt), Ct(kt(n.value)), {
+      H(d(Ft), kt(xt(n.value)), {
         default: Ge(() => [
-          fe(c.$slots, "default", {}, () => [
-            ke(q(i.text), 1)
+          pe(c.$slots, "default", {}, () => [
+            xe(G(i.text), 1)
           ])
         ]),
         _: 3
       }, 16)
-    ], 16, lo));
+    ], 16, no));
   }
 });
-var ro = {
+var so = {
   prefix: "fas",
   iconName: "circle-exclamation",
   icon: [512, 512, ["exclamation-circle"], "f06a", "M256 512a256 256 0 1 1 0-512 256 256 0 1 1 0 512zm0-192a32 32 0 1 0 0 64 32 32 0 1 0 0-64zm0-192c-18.2 0-32.7 15.5-31.4 33.7l7.4 104c.9 12.6 11.4 22.3 23.9 22.3 12.6 0 23-9.7 23.9-22.3l7.4-104c1.3-18.2-13.1-33.7-31.4-33.7z"]
-}, so = ro, co = {
+}, co = so, uo = {
   prefix: "fas",
   iconName: "xmark",
   icon: [384, 512, [128473, 10005, 10006, 10060, 215, "close", "multiply", "remove", "times"], "f00d", "M55.1 73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L147.2 256 9.9 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192.5 301.3 329.9 438.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.8 256 375.1 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192.5 210.7 55.1 73.4z"]
-}, uo = co;
-const fo = ["for"], po = { class: "state-layer" }, yo = { class: "content" }, mo = { class: "input-text-container" }, ho = ["id", "placeholder", "aria-label"], go = {
+}, fo = uo;
+const po = ["for"], yo = { class: "state-layer" }, mo = { class: "content" }, ho = { class: "input-text-container" }, go = ["id", "placeholder", "aria-label"], vo = {
   key: 1,
   class: "has-text-body-small phila-supporting-text"
-}, vo = {
+}, bo = {
   key: 2,
   class: "has-text-body-small phila-error-text"
-}, bo = /* @__PURE__ */ pe({
+}, wo = /* @__PURE__ */ ye({
   inheritAttrs: !1,
   __name: "TextField",
   props: {
@@ -825,7 +833,7 @@ const fo = ["for"], po = { class: "state-layer" }, yo = { class: "content" }, mo
   },
   emits: ["update:modelValue"],
   setup(e, { emit: i }) {
-    const l = Wt(), o = e, r = z(() => typeof o.error == "string" ? o.error : o.error[0]), n = jt(o, "id"), c = i, w = k(""), p = z({
+    const l = jt(), o = e, r = z(() => typeof o.error == "string" ? o.error : o.error[0]), n = qt(o, "id"), c = i, w = k(""), p = z({
       get: () => o.modelValue !== void 0 ? o.modelValue : w.value,
       set: (f) => {
         c("update:modelValue", f), w.value = f;
@@ -843,27 +851,27 @@ const fo = ["for"], po = { class: "state-layer" }, yo = { class: "content" }, mo
       f.target.closest("button") || a.value?.focus();
     };
     return (f, L) => (m(), $("div", {
-      class: ne(["phila-input", x.value])
+      class: re(["phila-input", x.value])
     }, [
       o.label ? (m(), $("label", {
         key: 0,
         for: n.value,
         class: "has-text-label-small phila-label"
-      }, q(o.label), 9, fo)) : R("", !0),
+      }, G(o.label), 9, po)) : A("", !0),
       P("div", {
-        class: ne(["phila-text-field", h.value]),
+        class: re(["phila-text-field", h.value]),
         onClick: v
       }, [
-        P("div", po, [
-          o.leadingIcon ? (m(), j(d(Ce), {
+        P("div", yo, [
+          o.leadingIcon ? (m(), q(d(ke), {
             key: 0,
             "icon-class": o.leadingIcon,
             inline: "",
             decorative: ""
-          }, null, 8, ["icon-class"])) : R("", !0),
-          P("div", yo, [
-            P("div", mo, [
-              _t(P("input", yt({
+          }, null, 8, ["icon-class"])) : A("", !0),
+          P("div", mo, [
+            P("div", ho, [
+              Rt(P("input", yt({
                 id: n.value,
                 ref_key: "inputRef",
                 ref: a,
@@ -871,75 +879,75 @@ const fo = ["for"], po = { class: "state-layer" }, yo = { class: "content" }, mo
                 class: "phila-text-field-input has-text-body-default",
                 placeholder: o.placeholder,
                 "aria-label": g.value
-              }, d(l)), null, 16, ho), [
-                [qt, p.value]
+              }, d(l)), null, 16, go), [
+                [Gt, p.value]
               ])
             ])
           ]),
-          p.value != "" ? (m(), j(d(no), {
+          p.value != "" ? (m(), q(d(ro), {
             key: 1,
             variant: "standard",
             size: "small",
             "icon-only": "",
-            "icon-definition": d(uo),
+            "icon-definition": d(fo),
             onClick: L[1] || (L[1] = (S) => p.value = "")
-          }, null, 8, ["icon-definition"])) : R("", !0),
-          o.trailingIcon ? (m(), j(d(Ce), {
+          }, null, 8, ["icon-definition"])) : A("", !0),
+          o.trailingIcon ? (m(), q(d(ke), {
             key: 2,
             size: "small",
             "icon-class": o.trailingIcon,
             inline: "",
             decorative: ""
-          }, null, 8, ["icon-class"])) : R("", !0),
-          fe(f.$slots, "trailing-action")
+          }, null, 8, ["icon-class"])) : A("", !0),
+          pe(f.$slots, "trailing-action")
         ])
       ], 2),
-      o.supportingText ? (m(), $("div", go, q(o.supportingText), 1)) : R("", !0),
-      r.value ? (m(), $("div", vo, [
-        G(d(Ce), {
-          "icon-definition": d(so),
+      o.supportingText ? (m(), $("div", vo, G(o.supportingText), 1)) : A("", !0),
+      r.value ? (m(), $("div", bo, [
+        H(d(ke), {
+          "icon-definition": d(co),
           size: "small",
           inline: "",
           decorative: ""
         }, null, 8, ["icon-definition"]),
-        ke(" " + q(r.value), 1)
-      ])) : R("", !0)
+        xe(" " + G(r.value), 1)
+      ])) : A("", !0)
     ], 2));
   }
 });
-var wo = {
+var Lo = {
   prefix: "fas",
   iconName: "filter",
   icon: [512, 512, [], "f0b0", "M32 64C19.1 64 7.4 71.8 2.4 83.8S.2 109.5 9.4 118.6L192 301.3 192 416c0 8.5 3.4 16.6 9.4 22.6l64 64c9.2 9.2 22.9 11.9 34.9 6.9S320 492.9 320 480l0-178.7 182.6-182.6c9.2-9.2 11.9-22.9 6.9-34.9S492.9 64 480 64L32 64z"]
-}, Lo = {
+}, So = {
   prefix: "fas",
   iconName: "caret-right",
   icon: [256, 512, [], "f0da", "M249.3 235.8c10.2 12.6 9.5 31.1-2.2 42.8l-128 128c-9.2 9.2-22.9 11.9-34.9 6.9S64.5 396.9 64.5 384l0-256c0-12.9 7.8-24.6 19.8-29.6s25.7-2.2 34.9 6.9l128 128 2.2 2.4z"]
-}, So = {
+}, Co = {
   prefix: "fas",
   iconName: "caret-left",
   icon: [256, 512, [], "f0d9", "M7.7 235.8c-10.3 12.6-9.5 31.1 2.2 42.8l128 128c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6l0-256c0-12.9-7.8-24.6-19.8-29.6s-25.7-2.2-34.9 6.9l-128 128-2.2 2.4z"]
-}, Ft = {
+}, Et = {
   prefix: "fas",
   iconName: "xmark",
   icon: [384, 512, [128473, 10005, 10006, 10060, 215, "close", "multiply", "remove", "times"], "f00d", "M55.1 73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L147.2 256 9.9 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192.5 301.3 329.9 438.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.8 256 375.1 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192.5 210.7 55.1 73.4z"]
-}, Co = {
+}, ko = {
   prefix: "fas",
   iconName: "bars",
   icon: [448, 512, ["navicon"], "f0c9", "M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"]
-}, ko = {
+}, xo = {
   prefix: "fas",
   iconName: "circle-info",
   icon: [512, 512, ["info-circle"], "f05a", "M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zM224 160a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm-8 64l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z"]
 };
-const xo = {
+const $o = {
   key: 0,
   class: "loading-indicator",
   role: "status"
-}, $o = ["aria-label"], Mo = {
+}, Mo = ["aria-label"], Po = {
   key: 2,
   class: "zoom-indicator"
-}, Po = /* @__PURE__ */ pe({
+}, To = /* @__PURE__ */ ye({
   __name: "LayerStatusIndicators",
   props: {
     loading: { type: Boolean },
@@ -947,18 +955,18 @@ const xo = {
     unavailable: { type: Boolean }
   },
   setup(e) {
-    return (i, l) => (m(), $(se, null, [
-      e.loading && !e.unavailable ? (m(), $("span", xo, " Loading... ")) : R("", !0),
+    return (i, l) => (m(), $(ue, null, [
+      e.loading && !e.unavailable ? (m(), $("span", $o, " Loading... ")) : A("", !0),
       e.error ? (m(), $("span", {
         key: 1,
         class: "error-indicator",
         "aria-label": e.error,
         role: "status"
-      }, " Error ", 8, $o)) : R("", !0),
-      e.unavailable ? (m(), $("span", Mo, " (zoom in) ")) : R("", !0)
+      }, " Error ", 8, Mo)) : A("", !0),
+      e.unavailable ? (m(), $("span", Po, " (zoom in) ")) : A("", !0)
     ], 64));
   }
-}), tt = /* @__PURE__ */ xe(Po, [["__scopeId", "data-v-19b1b402"]]), To = { class: "opacity-control" }, Fo = ["for"], Eo = ["id", "value", "aria-label"], Io = /* @__PURE__ */ pe({
+}), tt = /* @__PURE__ */ $e(To, [["__scopeId", "data-v-19b1b402"]]), Fo = { class: "opacity-control" }, Eo = ["for"], Io = ["id", "value", "aria-label"], Oo = /* @__PURE__ */ ye({
   __name: "LayerOpacitySlider",
   props: {
     layerId: {},
@@ -972,11 +980,11 @@ const xo = {
       const n = r.target;
       l("update:opacity", parseFloat(n.value));
     }
-    return (r, n) => (m(), $("div", To, [
+    return (r, n) => (m(), $("div", Fo, [
       P("label", {
         class: "opacity-label",
         for: "opacity-" + e.layerId
-      }, " Opacity: " + q(Math.round(e.opacity * 100)) + "% ", 9, Fo),
+      }, " Opacity: " + G(Math.round(e.opacity * 100)) + "% ", 9, Eo),
       P("input", {
         id: "opacity-" + e.layerId,
         type: "range",
@@ -987,10 +995,10 @@ const xo = {
         "aria-label": "Opacity for " + e.layerName,
         class: "opacity-slider",
         onInput: o
-      }, null, 40, Eo)
+      }, null, 40, Io)
     ]));
   }
-}), gt = /* @__PURE__ */ xe(Io, [["__scopeId", "data-v-1a025f6a"]]), Oo = ["aria-label"], zo = { class: "legend-label" }, Do = /* @__PURE__ */ pe({
+}), gt = /* @__PURE__ */ $e(Oo, [["__scopeId", "data-v-1a025f6a"]]), zo = ["aria-label"], Do = { class: "legend-label" }, _o = /* @__PURE__ */ ye({
   __name: "LayerLegend",
   props: {
     items: {},
@@ -1001,19 +1009,19 @@ const xo = {
       class: "layer-legend",
       "aria-label": e.label
     }, [
-      (m(!0), $(se, null, ge(e.items, (o, r) => (m(), $("li", {
+      (m(!0), $(ue, null, ve(e.items, (o, r) => (m(), $("li", {
         key: r,
         class: "legend-item"
       }, [
         o.type === "circle" ? (m(), $("span", {
           key: 0,
           class: "legend-symbol legend-circle",
-          style: de({ backgroundColor: o.color }),
+          style: fe({ backgroundColor: o.color }),
           "aria-hidden": "true"
         }, null, 4)) : o.type === "line" ? (m(), $("span", {
           key: 1,
           class: "legend-symbol legend-line",
-          style: de({
+          style: fe({
             backgroundColor: o.color,
             height: `${o.width || 2}px`
           }),
@@ -1021,14 +1029,14 @@ const xo = {
         }, null, 4)) : o.type === "fill" ? (m(), $("span", {
           key: 2,
           class: "legend-symbol legend-fill",
-          style: de({ backgroundColor: o.color }),
+          style: fe({ backgroundColor: o.color }),
           "aria-hidden": "true"
-        }, null, 4)) : R("", !0),
-        P("span", zo, q(o.label), 1)
+        }, null, 4)) : A("", !0),
+        P("span", Do, G(o.label), 1)
       ]))), 128))
-    ], 8, Oo));
+    ], 8, zo));
   }
-}), vt = /* @__PURE__ */ xe(Do, [["__scopeId", "data-v-62e210e3"]]);
+}), vt = /* @__PURE__ */ $e(_o, [["__scopeId", "data-v-62e210e3"]]);
 function bt(e) {
   function i(c) {
     return e().visibleLayerIds.has(c);
@@ -1048,19 +1056,19 @@ function bt(e) {
   }
   return { isVisible: i, getLayerOpacity: l, isLayerLoading: o, getLayerError: r, isLayerAvailableAtZoom: n };
 }
-const _o = { class: "layer-panel" }, Ro = {
+const Ro = { class: "layer-panel" }, Ao = {
   key: 0,
   class: "search-box"
-}, Ao = {
+}, Bo = {
   key: 1,
   class: "topics-container"
-}, Zo = { class: "layer-row" }, Bo = ["href", "aria-label"], Vo = {
+}, Zo = { class: "layer-row" }, Vo = ["href", "aria-label"], No = {
   key: 1,
   class: "metadata-placeholder"
-}, No = ["checked", "disabled", "onChange"], Uo = { class: "layer-title" }, Wo = {
+}, Uo = ["checked", "disabled", "onChange"], Wo = { class: "layer-title" }, jo = {
   key: 0,
   class: "no-results"
-}, jo = /* @__PURE__ */ pe({
+}, qo = /* @__PURE__ */ ye({
   __name: "LayerPanel",
   props: {
     layerList: {},
@@ -1086,7 +1094,7 @@ const _o = { class: "layer-panel" }, Ro = {
       return l.layerList.filter((L) => L.config.title.toLowerCase().includes(f));
     });
     function n(f) {
-      const L = Rt(f);
+      const L = At(f);
       return l.layerMetadata[L] || null;
     }
     const c = z(() => l.layerList.some((f) => n(f.config.url))), { isVisible: w, getLayerOpacity: p, isLayerLoading: x, getLayerError: h, isLayerAvailableAtZoom: g } = bt(() => ({
@@ -1102,17 +1110,17 @@ const _o = { class: "layer-panel" }, Ro = {
     function v(f) {
       o("toggleLayer", f);
     }
-    return (f, L) => (m(), $("div", _o, [
-      e.showSearch ? (m(), $("div", Ro, [
-        G(d(bo), {
+    return (f, L) => (m(), $("div", Ro, [
+      e.showSearch ? (m(), $("div", Ao, [
+        H(d(wo), {
           modelValue: a.value,
           "onUpdate:modelValue": L[0] || (L[0] = (S) => a.value = S),
           placeholder: e.searchPlaceholder,
           "class-name": "layer-search-field"
         }, {
           "trailing-action": Ge(() => [
-            G(d(Ce), {
-              "icon-definition": d(wo),
+            H(d(ke), {
+              "icon-definition": d(Lo),
               size: "small",
               inline: "",
               decorative: ""
@@ -1120,16 +1128,16 @@ const _o = { class: "layer-panel" }, Ro = {
           ]),
           _: 1
         }, 8, ["modelValue", "placeholder"])
-      ])) : R("", !0),
-      e.mode === "topics" ? (m(), $("div", Ao, [
-        fe(f.$slots, "topics", {}, () => [
+      ])) : A("", !0),
+      e.mode === "topics" ? (m(), $("div", Bo, [
+        pe(f.$slots, "topics", {}, () => [
           L[2] || (L[2] = P("div", { class: "no-topics" }, ' No topic components provided. Use the "topics" slot to add TopicAccordion components. ', -1))
         ], !0)
       ])) : (m(), $("div", {
         key: 2,
-        class: ne(["layer-list", { "has-metadata": c.value }])
+        class: re(["layer-list", { "has-metadata": c.value }])
       }, [
-        (m(!0), $(se, null, ge(r.value, (S) => (m(), $("div", {
+        (m(!0), $(ue, null, ve(r.value, (S) => (m(), $("div", {
           key: S.config.id,
           class: "layer-item"
         }, [
@@ -1141,18 +1149,18 @@ const _o = { class: "layer-panel" }, Ro = {
               rel: "noopener noreferrer",
               class: "metadata-link",
               "aria-label": "View metadata for " + S.config.title,
-              onClick: L[1] || (L[1] = Gt(() => {
+              onClick: L[1] || (L[1] = Ht(() => {
               }, ["stop"]))
             }, [
-              G(d(Ce), {
-                "icon-definition": d(ko),
+              H(d(ke), {
+                "icon-definition": d(xo),
                 size: "small",
                 inline: "",
                 decorative: ""
               }, null, 8, ["icon-definition"])
-            ], 8, Bo)) : c.value ? (m(), $("span", Vo)) : R("", !0),
+            ], 8, Vo)) : c.value ? (m(), $("span", No)) : A("", !0),
             P("label", {
-              class: ne(["layer-checkbox", {
+              class: re(["layer-checkbox", {
                 "layer-unavailable": !d(g)(S.config),
                 "layer-error": d(h)(S.config.id)
               }])
@@ -1162,10 +1170,10 @@ const _o = { class: "layer-panel" }, Ro = {
                 checked: d(w)(S.config.id),
                 disabled: !d(g)(S.config),
                 onChange: (E) => v(S.config.id)
-              }, null, 40, No),
-              P("span", Uo, [
-                ke(q(S.config.title) + " ", 1),
-                G(tt, {
+              }, null, 40, Uo),
+              P("span", Wo, [
+                xe(G(S.config.title) + " ", 1),
+                H(tt, {
                   loading: d(x)(S.config.id),
                   error: d(h)(S.config.id),
                   unavailable: !d(g)(S.config)
@@ -1173,24 +1181,24 @@ const _o = { class: "layer-panel" }, Ro = {
               ])
             ], 2)
           ]),
-          e.showOpacity && d(w)(S.config.id) && d(g)(S.config) ? (m(), j(gt, {
+          e.showOpacity && d(w)(S.config.id) && d(g)(S.config) ? (m(), q(gt, {
             key: 0,
             "layer-id": S.config.id,
             "layer-name": S.config.title,
             opacity: d(p)(S.config.id),
             "onUpdate:opacity": (E) => o("setOpacity", S.config.id, E)
-          }, null, 8, ["layer-id", "layer-name", "opacity", "onUpdate:opacity"])) : R("", !0),
-          e.showLegend && d(w)(S.config.id) && d(g)(S.config) && S.config.legend?.length ? (m(), j(vt, {
+          }, null, 8, ["layer-id", "layer-name", "opacity", "onUpdate:opacity"])) : A("", !0),
+          e.showLegend && d(w)(S.config.id) && d(g)(S.config) && S.config.legend?.length ? (m(), q(vt, {
             key: 1,
             items: S.config.legend,
             label: "Legend for " + S.config.title
-          }, null, 8, ["items", "label"])) : R("", !0)
+          }, null, 8, ["items", "label"])) : A("", !0)
         ]))), 128)),
-        r.value.length === 0 ? (m(), $("div", Wo, 'No layers match "' + q(e.searchQuery) + '"', 1)) : R("", !0)
+        r.value.length === 0 ? (m(), $("div", jo, 'No layers match "' + G(e.searchQuery) + '"', 1)) : A("", !0)
       ], 2))
     ]));
   }
-}), qo = /* @__PURE__ */ xe(jo, [["__scopeId", "data-v-e48bb978"]]), Go = {
+}), Go = /* @__PURE__ */ $e(qo, [["__scopeId", "data-v-e48bb978"]]), Ho = {
   esriSLSSolid: null,
   esriSLSDash: [4, 3],
   esriSLSDot: [1, 3],
@@ -1200,9 +1208,9 @@ const _o = { class: "layer-panel" }, Ro = {
 };
 function at(e) {
   if (e)
-    return Go[e] ?? void 0;
+    return Ho[e] ?? void 0;
 }
-function Ho(e, i, l, o, r) {
+function Jo(e, i, l, o, r) {
   const n = [];
   let c = i[0], w = [e[0]], p = 0;
   for (let a = 1; a < e.length; a++)
@@ -1213,28 +1221,28 @@ function Ho(e, i, l, o, r) {
   for (let a = 0; a < n.length; a++) {
     const v = n[a], f = v.breaks, L = at(v.style), S = a === 0 ? null : n[a - 1].breaks[n[a - 1].breaks.length - 1].classMaxValue, E = f[f.length - 1].classMaxValue;
     let D;
-    const K = !!o.defaultSymbol;
-    S === null ? D = `${!K && o.minValue != null ? `${l} >= ${o.minValue} AND ` : ""}${l} <= ${E}` : a === n.length - 1 && K ? D = `${l} > ${S}` : D = `${l} > ${S} AND ${l} <= ${E}`;
+    const X = !!o.defaultSymbol;
+    S === null ? D = `${!X && o.minValue != null ? `${l} >= ${o.minValue} AND ` : ""}${l} <= ${E}` : a === n.length - 1 && X ? D = `${l} > ${S}` : D = `${l} > ${S} AND ${l} <= ${E}`;
     const T = {
-      "line-opacity": ve(r)
+      "line-opacity": be(r)
     };
     if (L && (T["line-dasharray"] = L), f.length === 1)
       T["line-color"] = O(f[0].symbol?.color), T["line-width"] = ee(f[0].symbol?.width || 2);
     else {
-      const V = ["step", ["get", l]], ye = ["step", ["get", l]];
-      V.push(O(f[0].symbol?.color)), ye.push(ee(f[0].symbol?.width || 2));
-      for (let me = 1; me < f.length; me++)
-        V.push(f[me - 1].classMaxValue), V.push(O(f[me].symbol?.color)), ye.push(f[me - 1].classMaxValue), ye.push(ee(f[me].symbol?.width || 2));
-      T["line-color"] = V, T["line-width"] = ye;
+      const N = ["step", ["get", l]], me = ["step", ["get", l]];
+      N.push(O(f[0].symbol?.color)), me.push(ee(f[0].symbol?.width || 2));
+      for (let he = 1; he < f.length; he++)
+        N.push(f[he - 1].classMaxValue), N.push(O(f[he].symbol?.color)), me.push(f[he - 1].classMaxValue), me.push(ee(f[he].symbol?.width || 2));
+      T["line-color"] = N, T["line-width"] = me;
     }
     const I = [];
-    for (const V of f)
+    for (const N of f)
       I.push({
         type: "line",
-        color: O(V.symbol?.color),
-        width: ee(V.symbol?.width || 2),
-        label: V.label || `${g} - ${V.classMaxValue}`
-      }), g = V.classMaxValue + 1;
+        color: O(N.symbol?.color),
+        width: ee(N.symbol?.width || 2),
+        label: N.label || `${g} - ${N.classMaxValue}`
+      }), g = N.classMaxValue + 1;
     const _ = v.style.replace("esriSLS", "").toLowerCase();
     let te;
     a === 0 ? te = "" : h.has(_) ? te = `-${_}-${a}` : te = `-${_}`, h.add(_), x.push({ suffix: te, where: D, paint: T, legend: I });
@@ -1246,24 +1254,24 @@ function O(e) {
   const i = e[0], l = e[1], o = e[2], n = (e[3] ?? 255) / 255;
   return n === 1 ? `#${i.toString(16).padStart(2, "0")}${l.toString(16).padStart(2, "0")}${o.toString(16).padStart(2, "0")}` : `rgba(${i}, ${l}, ${o}, ${n.toFixed(2)})`;
 }
-function ve(e) {
+function be(e) {
   return e !== void 0 ? e : 1;
 }
 function ee(e) {
   return Math.round(e * (96 / 72) * 10) / 10;
 }
-const Jo = 559082264;
-function Et(e) {
-  return !e || e <= 0 ? null : Math.round(Math.log2(Jo / e) * 100) / 100;
+const Ko = 559082264;
+function It(e) {
+  return !e || e <= 0 ? null : Math.round(Math.log2(Ko / e) * 100) / 100;
 }
-function Ko(e, i) {
+function Qo(e, i) {
   const l = {};
   if (e && e > 0) {
-    const o = Et(e);
+    const o = It(e);
     o !== null && (l.minZoom = o);
   }
   if (i && i > 0) {
-    const o = Et(i);
+    const o = It(i);
     o !== null && (l.maxZoom = o);
   }
   return l;
@@ -1291,11 +1299,11 @@ function Te(e) {
 function pt(e) {
   return String(e);
 }
-function At(e, i, l) {
+function Bt(e, i, l) {
   const o = e.symbol, r = it(o);
   let n = {}, c = [], w = null;
   if (r === "fill" && o) {
-    const p = o.color === null ? 0 : o.color?.[3] ?? 255, x = p === 0 ? "rgba(0, 0, 0, 0)" : O(o.color), h = p === 0 ? 0 : p < 255 ? 1 : ve(i);
+    const p = o.color === null ? 0 : o.color?.[3] ?? 255, x = p === 0 ? "rgba(0, 0, 0, 0)" : O(o.color), h = p === 0 ? 0 : p < 255 ? 1 : be(i);
     if (n = {
       "fill-color": x,
       "fill-opacity": h
@@ -1317,7 +1325,7 @@ function At(e, i, l) {
     n = {
       "line-color": O(o.color),
       "line-width": ee(o.width || 1),
-      "line-opacity": ve(i)
+      "line-opacity": be(i)
     };
     const p = at(o.style);
     p && (n["line-dasharray"] = p), c = [
@@ -1333,7 +1341,7 @@ function At(e, i, l) {
     n = {
       "circle-color": O(o.color),
       "circle-radius": p,
-      "circle-opacity": ve(i)
+      "circle-opacity": be(i)
     }, Te(o.outline) && (n["circle-stroke-color"] = O(o.outline.color), n["circle-stroke-width"] = ee(o.outline.width || 1)), c = [
       {
         type: "circle",
@@ -1344,10 +1352,10 @@ function At(e, i, l) {
   }
   return { paint: n, legend: c, geomType: r, outlinePaint: w };
 }
-function Qo(e, i, l) {
+function Xo(e, i, l) {
   const o = e.field1.toLowerCase(), r = e.uniqueValueInfos || [], n = e.defaultSymbol;
   if (r.length === 0)
-    return At({ ...e, symbol: n }, i);
+    return Bt({ ...e, symbol: n }, i);
   const c = r[0]?.symbol || n, w = it(c);
   let p = {};
   const x = [];
@@ -1365,7 +1373,7 @@ function Qo(e, i, l) {
     }
     if (g.push(n ? O(n.color) : "rgba(0, 0, 0, 0)"), p = {
       "fill-color": g,
-      "fill-opacity": ve(i)
+      "fill-opacity": be(i)
     }, Te(c?.outline)) {
       const a = ee(Math.max(c.outline.width || 1, 1));
       h = {
@@ -1388,7 +1396,7 @@ function Qo(e, i, l) {
     g.push(n ? O(n.color) : "rgba(0, 0, 0, 0)"), p = {
       "line-color": g,
       "line-width": ee(c?.width || 2),
-      "line-opacity": ve(i)
+      "line-opacity": be(i)
     };
     const a = r.map((f) => f.symbol?.style).filter(Boolean), v = [...new Set(a)];
     if (v.length === 1) {
@@ -1411,15 +1419,15 @@ function Qo(e, i, l) {
     p = {
       "circle-color": g,
       "circle-radius": a,
-      "circle-opacity": ve(i)
+      "circle-opacity": be(i)
     }, Te(c?.outline) && (p["circle-stroke-color"] = O(c.outline.color), p["circle-stroke-width"] = ee(c.outline.width || 1));
   }
   return { paint: p, legend: x, geomType: w, outlinePaint: h };
 }
-function Xo(e, i) {
+function Yo(e, i) {
   const l = e.field.toLowerCase(), o = e.classBreakInfos || [], r = e.visualVariables?.find((h) => h.type === "colorInfo");
   if (r?.stops && r.stops.length > 0)
-    return Yo(r, l, e, i);
+    return ea(r, l, e, i);
   if (o.length === 0)
     return { paint: {}, legend: [], geomType: "fill", outlinePaint: null };
   const n = o[0]?.symbol, c = it(n);
@@ -1439,7 +1447,7 @@ function Xo(e, i) {
     }
     if (w = {
       "fill-color": h,
-      "fill-opacity": ve(i)
+      "fill-opacity": be(i)
     }, Te(n?.outline)) {
       const g = ee(n.outline.width || 1);
       x = {
@@ -1450,7 +1458,7 @@ function Xo(e, i) {
   } else if (c === "line") {
     const h = o.map((E) => E.symbol?.style || "esriSLSSolid"), g = [...new Set(h)];
     if (g.length > 1) {
-      const E = Ho(o, h, l, e, i);
+      const E = Jo(o, h, l, e, i);
       return { paint: {}, legend: [], geomType: c, outlinePaint: x, splitLayers: E };
     }
     const v = ["step", ["get", l]];
@@ -1469,14 +1477,14 @@ function Xo(e, i) {
     w = {
       "line-color": v,
       "line-width": L,
-      "line-opacity": ve(i)
+      "line-opacity": be(i)
     };
     const S = at(g[0]);
     S && (w["line-dasharray"] = S);
   }
   return { paint: w, legend: p, geomType: c, outlinePaint: x };
 }
-function Yo(e, i, l, o) {
+function ea(e, i, l, o) {
   const r = e.stops || [];
   if (r.length === 0)
     return { paint: {}, legend: [], geomType: "fill", outlinePaint: null };
@@ -1501,7 +1509,7 @@ function Yo(e, i, l, o) {
         h
         // Otherwise use the interpolated color
       ],
-      "fill-opacity": ve(o)
+      "fill-opacity": be(o)
     }, Te(n?.outline)) {
       const a = ee(n.outline.width || 1);
       x = {
@@ -1512,22 +1520,22 @@ function Yo(e, i, l, o) {
   }
   return { paint: w, legend: p, geomType: c, outlinePaint: x };
 }
-function ea(e, i, l, o) {
+function ta(e, i, l, o) {
   if (!e?.renderer)
     return { paint: {}, legend: [], geomType: "fill", outlinePaint: null };
   const r = e.renderer;
   switch (r.type) {
     case "simple":
-      return At(r, i);
+      return Bt(r, i);
     case "uniqueValue":
-      return Qo(r, i, l);
+      return Xo(r, i, l);
     case "classBreaks":
-      return Xo(r, i);
+      return Yo(r, i);
     default:
       return { paint: {}, legend: [], geomType: "fill", outlinePaint: null };
   }
 }
-function ta(e) {
+function oa(e) {
   if (!e) return null;
   const i = (e.title || "").replace(/\{([^}]+)\}/g, (n, c) => `{${c.toLowerCase()}}`), o = (e.fieldInfos || []).filter((n) => n.visible === !0).map((n) => {
     const c = {
@@ -1541,16 +1549,16 @@ function ta(e) {
   };
   return e.showTime && (r.showTime = !0), r;
 }
-function oa(e) {
+function aa(e) {
   return e?.definitionExpression;
 }
-function aa(e) {
+function ia(e) {
   return (e.includes("_") ? e.split("_").slice(1).join(" ") : e).toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
 }
-function ia(e) {
+function la(e) {
   return e.includes("_") ? e.split("_").slice(1).join(" ") : e;
 }
-function la(e) {
+function na(e) {
   const i = /* @__PURE__ */ new Map();
   if (!e)
     return i;
@@ -1565,7 +1573,7 @@ function la(e) {
   }
   return i;
 }
-async function na(e) {
+async function ra(e) {
   try {
     const i = await fetch(`${e}?f=json`);
     if (!i.ok)
@@ -1579,7 +1587,7 @@ async function na(e) {
     return null;
   }
 }
-function It(e) {
+function Ot(e) {
   const i = {
     id: e.id,
     title: e.title,
@@ -1600,30 +1608,30 @@ async function Zt(e) {
         let n = r.layerDefinition?.drawingInfo, c;
         const w = !n || !n.renderer, p = o.includes(r.title), x = n?.renderer?.uniqueValueInfos?.[0]?.symbol?.outline || n?.renderer?.defaultSymbol?.outline;
         if ((w || p) && r.url) {
-          const I = await na(r.url);
+          const I = await ra(r.url);
           if (I) {
             if (n = I.drawingInfo, x && Te(x) && n?.renderer) {
               const _ = n.renderer, te = _.uniqueValueInfos?.[0]?.symbol?.outline || _.defaultSymbol?.outline;
               if (!Te(te)) {
-                for (const V of _.uniqueValueInfos || [])
-                  V.symbol && (V.symbol.outline = x);
+                for (const N of _.uniqueValueInfos || [])
+                  N.symbol && (N.symbol.outline = x);
                 _.defaultSymbol && (_.defaultSymbol.outline = x);
               }
             }
-            I.description && (c = la(I.description), c.size > 0);
+            I.description && (c = na(I.description), c.size > 0);
           }
         }
-        const { paint: h, legend: g, geomType: a, outlinePaint: v, splitLayers: f } = ea(
+        const { paint: h, legend: g, geomType: a, outlinePaint: v, splitLayers: f } = ta(
           n,
           r.opacity,
           c,
           r.title
-        ), L = ta(r.popupInfo), S = oa(r.layerDefinition), E = Ko(r.layerDefinition?.minScale, r.layerDefinition?.maxScale), D = aa(r.title), K = ia(r.title), T = r.opacity ?? 1;
+        ), L = oa(r.popupInfo), S = aa(r.layerDefinition), E = Qo(r.layerDefinition?.minScale, r.layerDefinition?.maxScale), D = ia(r.title), X = la(r.title), T = r.opacity ?? 1;
         if (f && f.length > 0)
           for (const I of f)
-            l.push(It({
+            l.push(Ot({
               id: `${D}${I.suffix}`,
-              title: K,
+              title: X,
               type: a,
               url: r.url,
               opacity: T,
@@ -1635,9 +1643,9 @@ async function Zt(e) {
               maxZoom: E.maxZoom
             }));
         else
-          l.push(It({
+          l.push(Ot({
             id: D,
-            title: K,
+            title: X,
             type: a,
             url: r.url,
             opacity: T,
@@ -1653,23 +1661,23 @@ async function Zt(e) {
       }
   return l.sort((r, n) => r.title.localeCompare(n.title)), l;
 }
-const Ot = {}, wt = "376af635c84643cd816a8c5d017a53aa", Wa = wt;
+const zt = {}, wt = "376af635c84643cd816a8c5d017a53aa", ja = wt;
 function Lt(e, i) {
   let l = `https://www.arcgis.com/sharing/rest/content/items/${e}/data?f=json`;
   return i && (l += `&token=${i}`), l;
 }
-function ja() {
+function qa() {
   return Lt(wt);
 }
 const ot = /* @__PURE__ */ new Map(), He = /* @__PURE__ */ new Map();
-function ra(e) {
+function sa(e) {
   e ? (ot.delete(e), He.delete(e)) : (ot.clear(), He.clear());
 }
-let Ye, zt = 0;
-async function sa() {
-  const e = typeof import.meta < "u" && Ot?.VITE_AGO_USERNAME, i = typeof import.meta < "u" && Ot?.VITE_AGO_PASSWORD;
+let Ye, Dt = 0;
+async function ca() {
+  const e = typeof import.meta < "u" && zt?.VITE_AGO_USERNAME, i = typeof import.meta < "u" && zt?.VITE_AGO_PASSWORD;
   if (!(!e || !i)) {
-    if (Ye && Date.now() < zt - 3e5)
+    if (Ye && Date.now() < Dt - 3e5)
       return Ye;
     try {
       const o = await (await fetch("https://www.arcgis.com/sharing/rest/generateToken", {
@@ -1686,13 +1694,13 @@ async function sa() {
           // 2 hours
         })
       })).json();
-      return o.error ? void 0 : (Ye = o.token, zt = o.expires, Ye);
+      return o.error ? void 0 : (Ye = o.token, Dt = o.expires, Ye);
     } catch {
       return;
     }
   }
 }
-async function ca(e, i) {
+async function ua(e, i) {
   const l = Lt(e, i), o = await fetch(l, { cache: "no-store" });
   if (!o.ok)
     throw new Error(`Failed to fetch WebMap: ${o.status} ${o.statusText}`);
@@ -1701,9 +1709,9 @@ async function ca(e, i) {
     throw new Error(`ArcGIS error: ${r.error.message || r.error.code || "Unknown error"}`);
   return r;
 }
-async function ua(e) {
+async function da(e) {
   try {
-    const i = await sa(), l = await ca(e, i);
+    const i = await ca(), l = await ua(e, i);
     return await Zt(l);
   } catch (i) {
     throw new Error(
@@ -1720,7 +1728,7 @@ async function ht(e = wt) {
     return l;
   const o = (async () => {
     try {
-      const r = await ua(e);
+      const r = await da(e);
       return ot.set(e, r), r;
     } finally {
       He.delete(e);
@@ -1728,7 +1736,7 @@ async function ht(e = wt) {
   })();
   return He.set(e, o), o;
 }
-function da(e) {
+function fa(e) {
   const i = k({}), l = /* @__PURE__ */ new Map();
   for (const a of e)
     i.value[a.id] = {
@@ -1770,7 +1778,7 @@ function da(e) {
         const S = `${a.url.replace(/\/$/, "")}/query?where=1%3D1&outFields=*&returnGeometry=false&f=json`, E = await fetch(S, a.options);
         if (!E.ok)
           throw new Error(`HTTP ${E.status}: ${E.statusText}`);
-        f = (await E.json()).features?.map((K) => K.attributes) || [];
+        f = (await E.json()).features?.map((X) => X.attributes) || [];
       } else
         throw new Error(`Unknown data source type: ${a.type}`);
       a.transform && (f = a.transform(f)), i.value = {
@@ -1828,11 +1836,11 @@ function da(e) {
   }
   return et(() => {
     r(), h();
-  }), Dt(() => {
+  }), _t(() => {
     g();
   }), {
     /** Reactive state for all data sources */
-    state: W(i),
+    state: j(i),
     /** Whether any data source is currently loading */
     isLoading: w,
     /** Fetch all data sources */
@@ -1849,22 +1857,22 @@ function da(e) {
     stopPolling: g
   };
 }
-const fa = { class: "layerboard-layout" }, pa = ["aria-expanded"], ya = {
+const pa = { class: "layerboard-layout" }, ya = ["aria-expanded"], ma = {
   key: 0,
   class: "layerboard-subtitle"
-}, ma = { class: "layerboard-mobile-menu-content" }, ha = { class: "layerboard-main" }, ga = {
+}, ha = { class: "layerboard-mobile-menu-content" }, ga = { class: "layerboard-main" }, va = {
   key: 0,
   class: "layerboard-loading",
   role: "status",
   "aria-live": "polite"
-}, va = {
+}, ba = {
   key: 1,
   class: "layerboard-error",
   role: "alert"
-}, ba = ["aria-expanded", "aria-label"], wa = { key: 0 }, La = { key: 1 }, Sa = {
+}, wa = ["aria-expanded", "aria-label"], La = { key: 0 }, Sa = { key: 1 }, Ca = {
   class: "sr-only",
   "aria-live": "polite"
-}, Ca = /* @__PURE__ */ pe({
+}, ka = /* @__PURE__ */ ye({
   __name: "Layerboard",
   props: {
     title: {},
@@ -1904,56 +1912,56 @@ const fa = { class: "layerboard-layout" }, pa = ["aria-expanded"], ya = {
     function D(y) {
       L.value.has(y) ? L.value.delete(y) : L.value.add(y), L.value = new Set(L.value);
     }
-    function K(y, M) {
+    function X(y, M) {
       M ? L.value.add(y) : L.value.delete(y), L.value = new Set(L.value);
     }
     function T(y, M) {
       S.value = { ...S.value, [y]: M };
     }
-    const I = o.dataSources.length > 0 ? da(o.dataSources) : null, _ = z(() => I?.state.value ?? {}), te = z(() => I?.isLoading.value ?? !1);
-    function V(y) {
+    const I = o.dataSources.length > 0 ? fa(o.dataSources) : null, _ = z(() => I?.state.value ?? {}), te = z(() => I?.isLoading.value ?? !1);
+    function N(y) {
       return I?.getData(y) ?? null;
     }
-    function ye(y) {
+    function me(y) {
       return I?.refetch(y) ?? Promise.resolve();
     }
-    B("layerboard-layers", W(n)), B("layerboard-visible", h), B("layerboard-opacities", g), B("layerboard-loading", W(a)), B("layerboard-errors", W(v)), B("layerboard-zoom", W(p)), B("layerboard-toggle-layer", _e), B("layerboard-set-layer-visible", $e), B("layerboard-set-layers-visible", Re), B("layerboard-set-opacity", Me), B("layerboard-tiled-layers", W(z(() => o.tiledLayers))), B("layerboard-visible-tiled", L), B("layerboard-tiled-opacities", S), B("layerboard-toggle-tiled", D), B("layerboard-set-tiled-opacity", T), B("layerboard-set-tiled-visible", K), B("layerboard-data-sources-state", _), B("layerboard-data-sources-loading", te), B("layerboard-get-data-source", V), B("layerboard-refetch-data-source", ye);
-    const me = z(() => ({
+    Z("layerboard-layers", j(n)), Z("layerboard-visible", h), Z("layerboard-opacities", g), Z("layerboard-loading", j(a)), Z("layerboard-errors", j(v)), Z("layerboard-zoom", j(p)), Z("layerboard-toggle-layer", _e), Z("layerboard-set-layer-visible", Me), Z("layerboard-set-layers-visible", Re), Z("layerboard-set-opacity", Pe), Z("layerboard-tiled-layers", j(z(() => o.tiledLayers))), Z("layerboard-visible-tiled", L), Z("layerboard-tiled-opacities", S), Z("layerboard-toggle-tiled", D), Z("layerboard-set-tiled-opacity", T), Z("layerboard-set-tiled-visible", X), Z("layerboard-data-sources-state", _), Z("layerboard-data-sources-loading", te), Z("layerboard-get-data-source", N), Z("layerboard-refetch-data-source", me);
+    const he = z(() => ({
       backgroundColor: o.themeColor
     })), Ue = z(() => ({
       backgroundColor: o.themeColor
     })), Je = z(() => ({
       backgroundColor: o.themeColor
     })), lt = z(() => ({
-      width: ce.value ? "0" : o.sidebarWidth
+      width: de.value ? "0" : o.sidebarWidth
     }));
     async function De() {
       try {
         c.value = !0, w.value = null;
-        const M = (await ht(o.webMapId)).map((N) => {
-          let J = N;
-          const Se = o.layerStyleOverrides[N.id];
-          Se && (J = {
-            ...J,
-            paint: Se.paint ?? J.paint,
-            outlinePaint: Se.outlinePaint ?? J.outlinePaint,
-            legend: Se.legend ?? J.legend,
-            type: Se.type ?? J.type
+        const M = (await ht(o.webMapId)).map((U) => {
+          let Q = U;
+          const Ce = o.layerStyleOverrides[U.id];
+          Ce && (Q = {
+            ...Q,
+            paint: Ce.paint ?? Q.paint,
+            outlinePaint: Ce.outlinePaint ?? Q.outlinePaint,
+            legend: Ce.legend ?? Q.legend,
+            type: Ce.type ?? Q.type
           });
-          const Ve = o.popupOverrides[N.id];
-          return Ve && J.popup && (J = {
-            ...J,
-            popup: { ...J.popup, ...Ve }
-          }), J;
+          const Ve = o.popupOverrides[U.id];
+          return Ve && Q.popup && (Q = {
+            ...Q,
+            popup: { ...Q.popup, ...Ve }
+          }), Q;
         });
-        n.value = M.map((N) => ({
-          config: N,
-          component: N.type
+        n.value = M.map((U) => ({
+          config: U,
+          component: U.type
         }));
-        const H = {};
-        M.forEach((N) => {
-          H[N.id] = N.opacity ?? 1;
-        }), g.value = H, r("configs-loaded", M);
+        const J = {};
+        M.forEach((U) => {
+          J[U.id] = U.opacity ?? 1;
+        }), g.value = J, r("configs-loaded", M);
       } catch (y) {
         const M = y instanceof Error ? y.message : "Failed to load layer configurations";
         w.value = M, r("load-error", M);
@@ -1968,13 +1976,13 @@ const fa = { class: "layerboard-layout" }, pa = ["aria-expanded"], ya = {
             "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 H = await M.json(), N = {};
-          for (const J of H.rows || [])
-            if (J.url_text && J.representation) {
-              const Se = Rt(J.url_text), Ve = `https://metadata.phila.gov/#home/representationdetails/${J.representation}/`;
-              N[Se] = Ve;
+          const J = await M.json(), U = {};
+          for (const Q of J.rows || [])
+            if (Q.url_text && Q.representation) {
+              const Ce = At(Q.url_text), Ve = `https://metadata.phila.gov/#home/representationdetails/${Q.representation}/`;
+              U[Ce] = Ve;
             }
-          f.value = N;
+          f.value = U;
         } catch {
         }
     }
@@ -1984,65 +1992,65 @@ const fa = { class: "layerboard-layout" }, pa = ["aria-expanded"], ya = {
     function _e(y) {
       h.value.has(y) ? h.value.delete(y) : h.value.add(y), h.value = new Set(h.value);
     }
-    function $e(y, M) {
+    function Me(y, M) {
       M ? h.value.add(y) : h.value.delete(y), h.value = new Set(h.value);
     }
     function Re(y, M) {
-      for (const H of y)
-        M ? h.value.add(H) : h.value.delete(H);
+      for (const J of y)
+        M ? h.value.add(J) : h.value.delete(J);
       h.value = new Set(h.value);
     }
-    function Me(y, M) {
+    function Pe(y, M) {
       g.value = { ...g.value, [y]: M };
     }
     function st(y, M) {
       M ? a.value.add(y) : a.value.delete(y), a.value = new Set(a.value);
     }
-    function re(y, M) {
+    function se(y, M) {
       if (M)
         v.value = { ...v.value, [y]: M };
       else {
-        const H = { ...v.value };
-        delete H[y], v.value = H;
+        const J = { ...v.value };
+        delete J[y], v.value = J;
       }
     }
     function Ae(y) {
       x.value = y;
     }
-    const ae = k(null), Fe = k(null), ct = k(null), be = k(null), We = k(null), je = k(null), Ke = k(null), we = k("map");
-    function Ze() {
-      we.value = we.value === "sidebar" ? "map" : "sidebar", Ne(() => {
-        we.value === "sidebar" && ae.value?.focus();
+    const ie = k(null), Fe = k(null), ct = k(null), we = k(null), We = k(null), je = k(null), Ke = k(null), Le = k("map");
+    function Be() {
+      Le.value = Le.value === "sidebar" ? "map" : "sidebar", Ne(() => {
+        Le.value === "sidebar" && ie.value?.focus();
       });
     }
-    const ie = k(!1);
+    const le = k(!1);
     function Qe() {
-      ie.value = !ie.value, ie.value && Ne(() => {
-        be.value?.focus();
+      le.value = !le.value, le.value && Ne(() => {
+        we.value?.focus();
       });
     }
     function Ee() {
-      ie.value = !1, Ne(() => {
+      le.value = !1, Ne(() => {
         Fe.value?.focus();
       });
     }
-    const ce = k(!1);
+    const de = k(!1);
     function Ie() {
-      ce.value = !ce.value;
+      de.value = !de.value;
     }
-    const he = k(!1), qe = k(null);
-    function Le() {
-      qe.value = document.activeElement, he.value = !0, Ne(() => {
+    const ge = k(!1), qe = k(null);
+    function Se() {
+      qe.value = document.activeElement, ge.value = !0, Ne(() => {
         Ke.value?.focus();
       });
     }
-    function le() {
-      he.value = !1, Ne(() => {
+    function ne() {
+      ge.value = !1, Ne(() => {
         qe.value?.focus(), qe.value = null;
       });
     }
-    function Be(y) {
-      y.target.classList.contains("layerboard-modal-backdrop") && le();
+    function Ze(y) {
+      y.target.classList.contains("layerboard-modal-backdrop") && ne();
     }
     function ut(y) {
       if (y.key === "Escape") {
@@ -2056,13 +2064,13 @@ const fa = { class: "layerboard-layout" }, pa = ["aria-expanded"], ya = {
           )
         );
         if (M.length === 0) return;
-        const H = M[0], N = M[M.length - 1];
-        y.shiftKey ? document.activeElement === H && (y.preventDefault(), N.focus()) : document.activeElement === N && (y.preventDefault(), H.focus());
+        const J = M[0], U = M[M.length - 1];
+        y.shiftKey ? document.activeElement === J && (y.preventDefault(), U.focus()) : document.activeElement === U && (y.preventDefault(), J.focus());
       }
     }
     function dt(y) {
       if (y.key === "Escape") {
-        le();
+        ne();
         return;
       }
       if (y.key === "Tab" && je.value) {
@@ -2072,11 +2080,11 @@ const fa = { class: "layerboard-layout" }, pa = ["aria-expanded"], ya = {
           )
         );
         if (M.length === 0) return;
-        const H = M[0], N = M[M.length - 1];
-        y.shiftKey ? document.activeElement === H && (y.preventDefault(), N.focus()) : document.activeElement === N && (y.preventDefault(), H.focus());
+        const J = M[0], U = M[M.length - 1];
+        y.shiftKey ? document.activeElement === J && (y.preventDefault(), U.focus()) : document.activeElement === U && (y.preventDefault(), J.focus());
       }
     }
-    B("layerboard-open-modal", Le), B("layerboard-close-modal", le), B("layerboard-is-modal-open", W(he)), i({
+    Z("layerboard-open-modal", Se), Z("layerboard-close-modal", ne), Z("layerboard-is-modal-open", j(ge)), i({
       /** Layer configurations */
       layerList: n,
       /** Set of visible layer IDs */
@@ -2092,15 +2100,15 @@ const fa = { class: "layerboard-layout" }, pa = ["aria-expanded"], ya = {
       /** Toggle a layer's visibility */
       toggleLayer: _e,
       /** Set a layer's visibility explicitly */
-      setLayerVisible: $e,
+      setLayerVisible: Me,
       /** Set multiple layers' visibility at once */
       setLayersVisible: Re,
       /** Set a layer's opacity */
-      setLayerOpacity: Me,
+      setLayerOpacity: Pe,
       /** Reload layer configurations */
       reloadConfigs: De,
       /** Clear configuration cache */
-      clearCache: () => ra(o.webMapId),
+      clearCache: () => sa(o.webMapId),
       // Tiled layer APIs
       /** Set of visible tiled layer IDs */
       visibleTiledLayers: L,
@@ -2109,7 +2117,7 @@ const fa = { class: "layerboard-layout" }, pa = ["aria-expanded"], ya = {
       /** Toggle a tiled layer's visibility */
       toggleTiledLayer: D,
       /** Set a tiled layer's visibility explicitly */
-      setTiledLayerVisible: K,
+      setTiledLayerVisible: X,
       /** Set a tiled layer's opacity */
       setTiledLayerOpacity: T,
       // Data source APIs
@@ -2118,32 +2126,32 @@ const fa = { class: "layerboard-layout" }, pa = ["aria-expanded"], ya = {
       /** Whether any data source is loading */
       dataSourcesLoading: te,
       /** Get data from a specific data source */
-      getDataSourceData: V,
+      getDataSourceData: N,
       /** Refetch a specific data source */
-      refetchDataSource: ye,
+      refetchDataSource: me,
       // Modal APIs
       /** Whether the modal is currently open */
-      isModalOpen: he,
+      isModalOpen: ge,
       /** Open the modal */
-      openModal: Le,
+      openModal: Se,
       /** Close the modal */
-      closeModal: le
+      closeModal: ne
     });
     function Xe(y) {
-      y.key === "Escape" && ie.value && Ee();
+      y.key === "Escape" && le.value && Ee();
     }
     return et(() => {
       De(), nt(), E(), document.addEventListener("keydown", Xe);
-    }), Ht(() => {
+    }), Jt(() => {
       document.removeEventListener("keydown", Xe);
-    }), (y, M) => (m(), $("div", fa, [
+    }), (y, M) => (m(), $("div", pa, [
       M[5] || (M[5] = P("a", {
         href: "#main-content",
         class: "skip-to-main-content-link"
       }, "Skip to main content", -1)),
       P("header", {
         class: "layerboard-header",
-        style: de(me.value)
+        style: fe(he.value)
       }, [
         M[1] || (M[1] = P("a", {
           href: "https://www.phila.gov/",
@@ -2162,22 +2170,22 @@ const fa = { class: "layerboard-layout" }, pa = ["aria-expanded"], ya = {
           ref_key: "hamburgerRef",
           ref: Fe,
           class: "layerboard-hamburger layerboard-mobile-only",
-          "aria-expanded": ie.value,
+          "aria-expanded": le.value,
           "aria-label": "Toggle menu",
           onClick: Qe
         }, [
-          G(d(Ce), {
-            "icon-definition": d(Co),
+          H(d(ke), {
+            "icon-definition": d(ko),
             size: "medium",
             inline: "",
             decorative: ""
           }, null, 8, ["icon-definition"])
-        ], 8, pa),
-        fe(y.$slots, "header", {}, () => [
-          P("h1", null, q(e.title), 1),
-          e.subtitle ? (m(), $("span", ya, q(e.subtitle), 1)) : R("", !0)
+        ], 8, ya),
+        pe(y.$slots, "header", {}, () => [
+          P("h1", null, G(e.title), 1),
+          e.subtitle ? (m(), $("span", ma, G(e.subtitle), 1)) : A("", !0)
         ], !0),
-        ie.value ? (m(), $("div", {
+        le.value ? (m(), $("div", {
           key: 0,
           ref_key: "mobileMenuRef",
           ref: We,
@@ -2185,64 +2193,64 @@ const fa = { class: "layerboard-layout" }, pa = ["aria-expanded"], ya = {
           role: "dialog",
           "aria-modal": "true",
           "aria-label": "Site menu",
-          style: de({ backgroundColor: e.themeColor }),
+          style: fe({ backgroundColor: e.themeColor }),
           onKeydown: ut
         }, [
-          P("div", ma, [
-            fe(y.$slots, "footer", {
-              openModal: Le,
-              closeModal: le,
-              isModalOpen: he.value
+          P("div", ha, [
+            pe(y.$slots, "footer", {
+              openModal: Se,
+              closeModal: ne,
+              isModalOpen: ge.value
             }, () => [
-              M[0] || (M[0] = ke(" City of Philadelphia ", -1))
+              M[0] || (M[0] = xe(" City of Philadelphia ", -1))
             ], !0)
           ]),
           P("button", {
             ref_key: "mobileMenuCloseRef",
-            ref: be,
+            ref: we,
             class: "layerboard-mobile-menu-close",
             "aria-label": "Close menu",
             onClick: Ee
           }, [
-            G(d(Ce), {
-              "icon-definition": d(Ft),
+            H(d(ke), {
+              "icon-definition": d(Et),
               size: "medium",
               decorative: ""
             }, null, 8, ["icon-definition"])
           ], 512)
-        ], 36)) : R("", !0),
-        ie.value ? (m(), $("div", {
+        ], 36)) : A("", !0),
+        le.value ? (m(), $("div", {
           key: 1,
           class: "layerboard-mobile-menu-backdrop",
           onClick: Ee
-        })) : R("", !0)
+        })) : A("", !0)
       ], 4),
-      P("div", ha, [
-        c.value ? (m(), $("div", ga, [
+      P("div", ga, [
+        c.value ? (m(), $("div", va, [
           P("div", {
             class: "layerboard-spinner",
-            style: de({ borderTopColor: e.themeColor })
+            style: fe({ borderTopColor: e.themeColor })
           }, null, 4),
-          P("p", null, "Loading " + q(e.title) + "...", 1)
-        ])) : w.value ? (m(), $("div", va, [
+          P("p", null, "Loading " + G(e.title) + "...", 1)
+        ])) : w.value ? (m(), $("div", ba, [
           M[3] || (M[3] = P("h2", null, "Error Loading Layers", -1)),
-          P("p", null, q(w.value), 1),
+          P("p", null, G(w.value), 1),
           P("button", {
             class: "layerboard-retry-button",
-            style: de({ backgroundColor: e.themeColor }),
+            style: fe({ backgroundColor: e.themeColor }),
             onClick: De
           }, " Retry ", 4)
-        ])) : (m(), $(se, { key: 2 }, [
+        ])) : (m(), $(ue, { key: 2 }, [
           P("aside", {
             id: "main-content",
             ref_key: "sidebarRef",
-            ref: ae,
-            class: ne(["layerboard-sidebar", { "is-active": we.value === "sidebar" }]),
-            style: de(lt.value),
+            ref: ie,
+            class: re(["layerboard-sidebar", { "is-active": Le.value === "sidebar" }]),
+            style: fe(lt.value),
             "aria-label": "Map layers",
             tabindex: "-1"
           }, [
-            fe(y.$slots, "sidebar", {
+            pe(y.$slots, "sidebar", {
               layers: n.value,
               visibleLayers: h.value,
               layerOpacities: g.value,
@@ -2250,21 +2258,21 @@ const fa = { class: "layerboard-layout" }, pa = ["aria-expanded"], ya = {
               layerErrors: v.value,
               currentZoom: p.value,
               toggleLayer: _e,
-              setLayerVisible: $e,
+              setLayerVisible: Me,
               setLayersVisible: Re,
-              setOpacity: Me,
+              setOpacity: Pe,
               tiledLayers: e.tiledLayers,
               visibleTiledLayers: L.value,
               tiledLayerOpacities: S.value,
               toggleTiledLayer: D,
-              setTiledLayerVisible: K,
+              setTiledLayerVisible: X,
               setTiledLayerOpacity: T,
               dataSourcesState: _.value,
               dataSourcesLoading: te.value,
-              getDataSource: V,
-              refetchDataSource: ye
+              getDataSource: N,
+              refetchDataSource: me
             }, () => [
-              e.showDefaultSidebar ? (m(), j(qo, {
+              e.showDefaultSidebar ? (m(), q(Go, {
                 key: 0,
                 "layer-list": n.value,
                 "visible-layers": h.value,
@@ -2275,17 +2283,17 @@ const fa = { class: "layerboard-layout" }, pa = ["aria-expanded"], ya = {
                 "search-query": x.value,
                 "layer-metadata": f.value,
                 onToggleLayer: _e,
-                onSetOpacity: Me,
+                onSetOpacity: Pe,
                 onUpdateSearch: Ae
-              }, null, 8, ["layer-list", "visible-layers", "layer-opacities", "loading-layers", "layer-errors", "current-zoom", "search-query", "layer-metadata"])) : R("", !0)
+              }, null, 8, ["layer-list", "visible-layers", "layer-opacities", "loading-layers", "layer-errors", "current-zoom", "search-query", "layer-metadata"])) : A("", !0)
             ], !0)
           ], 6),
           P("div", {
             role: "main",
             "aria-label": "Map",
-            class: ne(["layerboard-map", { "is-active": we.value === "map" }])
+            class: re(["layerboard-map", { "is-active": Le.value === "map" }])
           }, [
-            G(io, {
+            H(lo, {
               "visible-layers": h.value,
               "layer-opacities": g.value,
               "layer-list": n.value,
@@ -2305,49 +2313,49 @@ const fa = { class: "layerboard-layout" }, pa = ["aria-expanded"], ya = {
               "initial-center": e.initialCenter,
               onZoom: rt,
               onLayerLoading: st,
-              onLayerError: re
+              onLayerError: se
             }, null, 8, ["visible-layers", "layer-opacities", "layer-list", "tiled-layers", "visible-tiled-layers", "tiled-layer-opacities", "cyclomedia-config", "pictometry-credentials", "basemap-control-position", "navigation-control-position", "geolocation-control-position", "search-control-position", "draw-control-position", "cyclomedia-button-position", "pictometry-button-position", "initial-zoom", "initial-center"])
           ], 2),
           P("button", {
-            class: ne(["layerboard-sidebar-toggle", { "is-collapsed": ce.value }]),
-            style: de({ left: ce.value ? "0" : o.sidebarWidth }),
-            "aria-expanded": !ce.value,
-            "aria-label": ce.value ? "Expand sidebar" : "Collapse sidebar",
+            class: re(["layerboard-sidebar-toggle", { "is-collapsed": de.value }]),
+            style: fe({ left: de.value ? "0" : o.sidebarWidth }),
+            "aria-expanded": !de.value,
+            "aria-label": de.value ? "Expand sidebar" : "Collapse sidebar",
             onClick: Ie
           }, [
-            G(d(Ce), {
-              "icon-definition": ce.value ? d(Lo) : d(So),
+            H(d(ke), {
+              "icon-definition": de.value ? d(So) : d(Co),
               size: "medium",
               decorative: ""
             }, null, 8, ["icon-definition"])
-          ], 14, ba)
+          ], 14, wa)
         ], 64))
       ]),
       P("button", {
         ref_key: "mobileToggleRef",
         ref: ct,
         class: "layerboard-mobile-toggle",
-        style: de(Je.value),
-        onClick: Ze
+        style: fe(Je.value),
+        onClick: Be
       }, [
-        we.value === "map" ? (m(), $("span", wa, q(e.sidebarLabel), 1)) : (m(), $("span", La, q(e.mapLabel), 1))
+        Le.value === "map" ? (m(), $("span", La, G(e.sidebarLabel), 1)) : (m(), $("span", Sa, G(e.mapLabel), 1))
       ], 4),
       P("footer", {
         class: "layerboard-footer",
-        style: de(Ue.value)
+        style: fe(Ue.value)
       }, [
-        fe(y.$slots, "footer", {
-          openModal: Le,
-          closeModal: le,
-          isModalOpen: he.value
+        pe(y.$slots, "footer", {
+          openModal: Se,
+          closeModal: ne,
+          isModalOpen: ge.value
         }, () => [
-          M[4] || (M[4] = ke(" City of Philadelphia ", -1))
+          M[4] || (M[4] = xe(" City of Philadelphia ", -1))
         ], !0)
       ], 4),
-      he.value ? (m(), $("div", {
+      ge.value ? (m(), $("div", {
         key: 0,
         class: "layerboard-modal-backdrop",
-        onClick: Be,
+        onClick: Ze,
         onKeydown: dt
       }, [
         P("div", {
@@ -2363,24 +2371,24 @@ const fa = { class: "layerboard-layout" }, pa = ["aria-expanded"], ya = {
             ref: Ke,
             class: "layerboard-modal-close",
             "aria-label": "Close modal",
-            onClick: le
+            onClick: ne
           }, [
-            G(d(Ce), {
-              "icon-definition": d(Ft),
+            H(d(ke), {
+              "icon-definition": d(Et),
               size: "medium",
               decorative: ""
             }, null, 8, ["icon-definition"])
           ], 512),
-          fe(y.$slots, "modal", { closeModal: le }, void 0, !0)
+          pe(y.$slots, "modal", { closeModal: ne }, void 0, !0)
         ], 512)
-      ], 32)) : R("", !0),
-      P("span", Sa, q(we.value === "sidebar" ? "Showing layers panel" : "Showing map"), 1)
+      ], 32)) : A("", !0),
+      P("span", Ca, G(Le.value === "sidebar" ? "Showing layers panel" : "Showing map"), 1)
     ]));
   }
-}), qa = /* @__PURE__ */ xe(Ca, [["__scopeId", "data-v-67021805"]]), ka = ["aria-expanded"], xa = {
+}), Ga = /* @__PURE__ */ $e(ka, [["__scopeId", "data-v-67021805"]]), xa = ["aria-expanded"], $a = {
   key: 0,
   class: "topic-icon"
-}, $a = { class: "topic-title" }, Ma = /* @__PURE__ */ pe({
+}, Ma = { class: "topic-title" }, Pa = /* @__PURE__ */ ye({
   __name: "TopicAccordion",
   props: {
     title: {},
@@ -2391,7 +2399,7 @@ const fa = { class: "layerboard-layout" }, pa = ["aria-expanded"], ya = {
   },
   emits: ["toggle", "layerChange"],
   setup(e, { emit: i }) {
-    const l = e, o = i, r = k(l.expanded), n = `topic-panel-${xt()}`, c = `topic-header-${xt()}`;
+    const l = e, o = i, r = k(l.expanded), n = `topic-panel-${$t()}`, c = `topic-header-${$t()}`;
     Oe(
       () => l.expanded,
       (p) => {
@@ -2402,30 +2410,30 @@ const fa = { class: "layerboard-layout" }, pa = ["aria-expanded"], ya = {
       r.value = !r.value, o("toggle", r.value);
     }
     return (p, x) => {
-      const h = Jt("font-awesome-icon");
+      const h = Kt("font-awesome-icon");
       return m(), $("div", {
-        class: ne(["topic-accordion", { "is-expanded": r.value }])
+        class: re(["topic-accordion", { "is-expanded": r.value }])
       }, [
         P("button", {
           id: c,
-          class: ne(["topic-header", e.headerClass]),
+          class: re(["topic-header", e.headerClass]),
           type: "button",
           "aria-expanded": r.value,
           "aria-controls": n,
           onClick: w
         }, [
-          e.icon || p.$slots.icon ? (m(), $("span", xa, [
-            fe(p.$slots, "icon", {}, () => [
-              e.icon ? (m(), j(h, {
+          e.icon || p.$slots.icon ? (m(), $("span", $a, [
+            pe(p.$slots, "icon", {}, () => [
+              e.icon ? (m(), q(h, {
                 key: 0,
                 icon: ["fas", e.icon],
                 "aria-hidden": "true"
-              }, null, 8, ["icon"])) : R("", !0)
+              }, null, 8, ["icon"])) : A("", !0)
             ], !0)
-          ])) : R("", !0),
-          P("span", $a, q(e.title), 1),
+          ])) : A("", !0),
+          P("span", Ma, G(e.title), 1),
           P("span", {
-            class: ne(["topic-chevron", { "is-rotated": r.value }])
+            class: re(["topic-chevron", { "is-rotated": r.value }])
           }, [...x[0] || (x[0] = [
             P("svg", {
               xmlns: "http://www.w3.org/2000/svg",
@@ -2442,39 +2450,39 @@ const fa = { class: "layerboard-layout" }, pa = ["aria-expanded"], ya = {
               P("polyline", { points: "6 9 12 15 18 9" })
             ], -1)
           ])], 2)
-        ], 10, ka),
-        _t(P("div", {
+        ], 10, xa),
+        Rt(P("div", {
           id: n,
           role: "region",
           "aria-labelledby": c,
           class: "topic-content"
         }, [
-          fe(p.$slots, "default", {}, () => [
+          pe(p.$slots, "default", {}, () => [
             x[1] || (x[1] = P("p", { class: "topic-empty" }, "No content provided for this topic.", -1))
           ], !0)
         ], 512), [
-          [Kt, r.value]
+          [Qt, r.value]
         ])
       ], 2);
     };
   }
-}), Ga = /* @__PURE__ */ xe(Ma, [["__scopeId", "data-v-a2023afa"]]);
-function Pa(e) {
+}), Ha = /* @__PURE__ */ $e(Pa, [["__scopeId", "data-v-a2023afa"]]);
+function Ta(e) {
   return e.displayOptions?.shouldShowCheckbox !== !1;
 }
-function Bt(e, i) {
+function Vt(e, i) {
   return i ? e.displayOptions?.shouldShowSlider !== !1 : !1;
 }
-function Vt(e, i) {
+function Nt(e, i) {
   return i ? e.displayOptions?.shouldShowLegendBox !== !1 : !1;
 }
 function ze(e) {
   return e.displayOptions?.layerNameChange || e.title;
 }
-const Ta = ["aria-label"], Fa = ["checked", "disabled", "onChange"], Ea = { class: "layer-title" }, Ia = { class: "layer-title" }, Oa = {
+const Fa = ["aria-label"], Ea = ["checked", "disabled", "onChange"], Ia = { class: "layer-title" }, Oa = { class: "layer-title" }, za = {
   key: 0,
   class: "empty-state"
-}, za = /* @__PURE__ */ pe({
+}, Da = /* @__PURE__ */ ye({
   __name: "LayerCheckboxSet",
   props: {
     layers: {},
@@ -2500,13 +2508,13 @@ const Ta = ["aria-label"], Fa = ["checked", "disabled", "onChange"], Ea = { clas
       role: "group",
       "aria-label": e.groupLabel
     }, [
-      (m(!0), $(se, null, ge(e.layers, (a) => (m(), $("div", {
+      (m(!0), $(ue, null, ve(e.layers, (a) => (m(), $("div", {
         key: a.id,
         class: "layer-item"
       }, [
-        d(Pa)(a) ? (m(), $("label", {
+        d(Ta)(a) ? (m(), $("label", {
           key: 0,
-          class: ne(["layer-checkbox", {
+          class: re(["layer-checkbox", {
             "layer-unavailable": !d(p)(a),
             "layer-error": d(w)(a.id)
           }])
@@ -2516,10 +2524,10 @@ const Ta = ["aria-label"], Fa = ["checked", "disabled", "onChange"], Ea = { clas
             checked: d(r)(a.id),
             disabled: !d(p)(a),
             onChange: (v) => x(a.id)
-          }, null, 40, Fa),
-          P("span", Ea, [
-            ke(q(d(ze)(a)) + " ", 1),
-            G(tt, {
+          }, null, 40, Ea),
+          P("span", Ia, [
+            xe(G(d(ze)(a)) + " ", 1),
+            H(tt, {
               loading: d(c)(a.id),
               error: d(w)(a.id),
               unavailable: !d(p)(a)
@@ -2527,40 +2535,40 @@ const Ta = ["aria-label"], Fa = ["checked", "disabled", "onChange"], Ea = { clas
           ])
         ], 2)) : (m(), $("div", {
           key: 1,
-          class: ne(["layer-label-only", {
+          class: re(["layer-label-only", {
             "layer-unavailable": !d(p)(a),
             "layer-error": d(w)(a.id)
           }])
         }, [
-          P("span", Ia, [
-            ke(q(d(ze)(a)) + " ", 1),
-            G(tt, {
+          P("span", Oa, [
+            xe(G(d(ze)(a)) + " ", 1),
+            H(tt, {
               loading: d(c)(a.id),
               error: d(w)(a.id),
               unavailable: !d(p)(a)
             }, null, 8, ["loading", "error", "unavailable"])
           ])
         ], 2)),
-        d(Bt)(a, e.showOpacity) && d(r)(a.id) && d(p)(a) ? (m(), j(gt, {
+        d(Vt)(a, e.showOpacity) && d(r)(a.id) && d(p)(a) ? (m(), q(gt, {
           key: 2,
           "layer-id": a.id,
           "layer-name": d(ze)(a),
           opacity: d(n)(a.id),
           "onUpdate:opacity": (v) => o("setOpacity", a.id, v)
-        }, null, 8, ["layer-id", "layer-name", "opacity", "onUpdate:opacity"])) : R("", !0),
-        d(Vt)(a, e.showLegend) && d(r)(a.id) && d(p)(a) && a.legend?.length ? (m(), j(vt, {
+        }, null, 8, ["layer-id", "layer-name", "opacity", "onUpdate:opacity"])) : A("", !0),
+        d(Nt)(a, e.showLegend) && d(r)(a.id) && d(p)(a) && a.legend?.length ? (m(), q(vt, {
           key: 3,
           items: a.legend,
           label: "Legend for " + d(ze)(a)
-        }, null, 8, ["items", "label"])) : R("", !0)
+        }, null, 8, ["items", "label"])) : A("", !0)
       ]))), 128)),
-      e.layers.length === 0 ? (m(), $("div", Oa, "No layers available")) : R("", !0)
-    ], 8, Ta));
+      e.layers.length === 0 ? (m(), $("div", za, "No layers available")) : A("", !0)
+    ], 8, Fa));
   }
-}), Ha = /* @__PURE__ */ xe(za, [["__scopeId", "data-v-bfcd7855"]]), Da = ["aria-label"], _a = ["name", "checked", "disabled", "onChange"], Ra = { class: "layer-title" }, Aa = {
+}), Ja = /* @__PURE__ */ $e(Da, [["__scopeId", "data-v-bfcd7855"]]), _a = ["aria-label"], Ra = ["name", "checked", "disabled", "onChange"], Aa = { class: "layer-title" }, Ba = {
   key: 0,
   class: "empty-state"
-}, Za = /* @__PURE__ */ pe({
+}, Za = /* @__PURE__ */ ye({
   __name: "LayerRadioButtonSet",
   props: {
     layers: {},
@@ -2588,12 +2596,12 @@ const Ta = ["aria-label"], Fa = ["checked", "disabled", "onChange"], Ea = { clas
       role: "radiogroup",
       "aria-label": e.groupLabel
     }, [
-      (m(!0), $(se, null, ge(e.layers, (a) => (m(), $("div", {
+      (m(!0), $(ue, null, ve(e.layers, (a) => (m(), $("div", {
         key: a.id,
         class: "layer-item"
       }, [
         P("label", {
-          class: ne(["layer-radio", {
+          class: re(["layer-radio", {
             "layer-unavailable": !d(p)(a),
             "layer-error": d(w)(a.id)
           }])
@@ -2604,34 +2612,34 @@ const Ta = ["aria-label"], Fa = ["checked", "disabled", "onChange"], Ea = { clas
             checked: d(r)(a.id),
             disabled: !d(p)(a),
             onChange: (v) => x(a.id)
-          }, null, 40, _a),
-          P("span", Ra, [
-            ke(q(d(ze)(a)) + " ", 1),
-            G(tt, {
+          }, null, 40, Ra),
+          P("span", Aa, [
+            xe(G(d(ze)(a)) + " ", 1),
+            H(tt, {
               loading: d(c)(a.id),
               error: d(w)(a.id),
               unavailable: !d(p)(a)
             }, null, 8, ["loading", "error", "unavailable"])
           ])
         ], 2),
-        d(Bt)(a, e.showOpacity) && d(r)(a.id) && d(p)(a) ? (m(), j(gt, {
+        d(Vt)(a, e.showOpacity) && d(r)(a.id) && d(p)(a) ? (m(), q(gt, {
           key: 0,
           "layer-id": a.id,
           "layer-name": d(ze)(a),
           opacity: d(n)(a.id),
           "onUpdate:opacity": (v) => o("setOpacity", a.id, v)
-        }, null, 8, ["layer-id", "layer-name", "opacity", "onUpdate:opacity"])) : R("", !0),
-        d(Vt)(a, e.showLegend) && d(r)(a.id) && d(p)(a) && a.legend?.length ? (m(), j(vt, {
+        }, null, 8, ["layer-id", "layer-name", "opacity", "onUpdate:opacity"])) : A("", !0),
+        d(Nt)(a, e.showLegend) && d(r)(a.id) && d(p)(a) && a.legend?.length ? (m(), q(vt, {
           key: 1,
           items: a.legend,
           label: "Legend for " + d(ze)(a)
-        }, null, 8, ["items", "label"])) : R("", !0)
+        }, null, 8, ["items", "label"])) : A("", !0)
       ]))), 128)),
-      e.layers.length === 0 ? (m(), $("div", Aa, "No layers available")) : R("", !0)
-    ], 8, Da));
+      e.layers.length === 0 ? (m(), $("div", Ba, "No layers available")) : A("", !0)
+    ], 8, _a));
   }
-}), Ja = /* @__PURE__ */ xe(Za, [["__scopeId", "data-v-c368d815"]]);
-function Ka(e) {
+}), Ka = /* @__PURE__ */ $e(Za, [["__scopeId", "data-v-c368d815"]]);
+function Qa(e) {
   const i = k([]), l = k(/* @__PURE__ */ new Set()), o = k({}), r = k(/* @__PURE__ */ new Set()), n = k({}), c = k(""), w = k(!1), p = k(!1), x = k(null), h = z(() => {
     if (!c.value.trim())
       return i.value;
@@ -2691,20 +2699,20 @@ function Ka(e) {
       delete _[T], n.value = _;
     }
   }
-  function K() {
+  function X() {
     i.value = [], l.value = /* @__PURE__ */ new Set(), o.value = {}, r.value = /* @__PURE__ */ new Set(), n.value = {}, c.value = "", w.value = !1, p.value = !1, x.value = null;
   }
   return {
     // State (readonly)
-    layerConfigs: W(i),
-    visibleLayers: W(l),
-    layerOpacities: W(o),
-    loadingLayers: W(r),
-    layerErrors: W(n),
-    searchQuery: W(c),
-    isLoading: W(w),
-    isInitialized: W(p),
-    error: W(x),
+    layerConfigs: j(i),
+    visibleLayers: j(l),
+    layerOpacities: j(o),
+    loadingLayers: j(r),
+    layerErrors: j(n),
+    searchQuery: j(c),
+    isLoading: j(w),
+    isInitialized: j(p),
+    error: j(x),
     // Computed
     filteredLayerConfigs: h,
     layerList: g,
@@ -2717,10 +2725,10 @@ function Ka(e) {
     filterLayers: S,
     setLayerLoading: E,
     setLayerError: D,
-    reset: K
+    reset: X
   };
 }
-function Qa() {
+function Xa() {
   const e = k([]), i = k(/* @__PURE__ */ new Set()), l = k(/* @__PURE__ */ new Set());
   function o(n) {
     i.value.has(n) ? i.value.delete(n) : i.value.add(n);
@@ -2736,7 +2744,7 @@ function Qa() {
     setLayers: r
   };
 }
-function Ba(e) {
+function Va(e) {
   const i = k(null), l = k(!1), o = k(null), r = k(0);
   async function n(p = {}) {
     l.value = !0, o.value = null;
@@ -2747,14 +2755,14 @@ function Ba(e) {
         const f = e.url.replace(/\/$/, ""), L = encodeURIComponent(p.where || e.where || "1=1");
         let S = `${f}/query?where=${L}&outFields=*&returnGeometry=true&resultRecordCount=${x}&resultOffset=${h}&f=geojson`;
         if (p.bounds) {
-          const K = JSON.stringify({
+          const X = JSON.stringify({
             xmin: p.bounds.west,
             ymin: p.bounds.south,
             xmax: p.bounds.east,
             ymax: p.bounds.north,
             spatialReference: { wkid: 4326 }
           });
-          S += `&geometry=${encodeURIComponent(K)}&geometryType=esriGeometryEnvelope&spatialRel=esriSpatialRelIntersects`;
+          S += `&geometry=${encodeURIComponent(X)}&geometryType=esriGeometryEnvelope&spatialRel=esriSpatialRelIntersects`;
         }
         const E = await fetch(S);
         if (!E.ok)
@@ -2782,10 +2790,10 @@ function Ba(e) {
   }
   return {
     // State (readonly)
-    data: W(i),
-    isLoading: W(l),
-    error: W(o),
-    totalFeatures: W(r),
+    data: j(i),
+    isLoading: j(l),
+    error: j(o),
+    totalFeatures: j(r),
     // Config
     config: e,
     // Methods
@@ -2794,8 +2802,8 @@ function Ba(e) {
     clear: c
   };
 }
-function Xa(e, i, l) {
-  const o = Ba(e);
+function Ya(e, i, l) {
+  const o = Va(e);
   return Oe(
     i,
     async (r) => {
@@ -2808,26 +2816,26 @@ function Xa(e, i, l) {
   ), o;
 }
 export {
-  Ha as LayerCheckboxSet,
-  qo as LayerPanel,
-  Ja as LayerRadioButtonSet,
-  qa as Layerboard,
-  io as MapPanel,
-  Ga as TopicAccordion,
-  Wa as WEBMAP_ID,
+  Ja as LayerCheckboxSet,
+  Go as LayerPanel,
+  Ka as LayerRadioButtonSet,
+  Ga as Layerboard,
+  lo as MapPanel,
+  Ha as TopicAccordion,
+  ja as WEBMAP_ID,
   Lt as buildWebMapUrl,
-  ra as clearCache,
+  sa as clearCache,
   ht as getLayerConfigs,
   ze as getLayerDisplayName,
-  ja as getWebMapUrl,
-  Rt as normalizeUrl,
-  Pa as shouldShowCheckbox,
-  Vt as shouldShowLegendBox,
-  Bt as shouldShowSlider,
+  qa as getWebMapUrl,
+  At as normalizeUrl,
+  Ta as shouldShowCheckbox,
+  Nt as shouldShowLegendBox,
+  Vt as shouldShowSlider,
   Zt as transformWebMapToLayerConfigs,
-  da as useApiDataSources,
-  Ba as useDataSource,
-  Qa as useLayerConfig,
-  Ka as useLayerboard,
-  Xa as useReactiveDataSource
+  fa as useApiDataSources,
+  Va as useDataSource,
+  Xa as useLayerConfig,
+  Qa as useLayerboard,
+  Ya as useReactiveDataSource
 };