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

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as ge, ref as k, watch as Ee, computed as _, nextTick as Ze, onMounted as it, onUnmounted as At, createElementBlock as M, openBlock as m, createVNode as J, unref as f, withCtx as Ge, createBlock as G, createCommentVNode as R, Fragment as de, renderList as we, useAttrs as Ht, toRef as Jt, normalizeClass as se, createElementVNode as P, toDisplayString as H, renderSlot as me, withDirectives as Bt, mergeProps as ht, vModelDynamic as Kt, createTextVNode as ke, normalizeProps as $t, guardReactiveProps as Mt, normalizeStyle as ye, withModifiers as Qt, readonly as q, provide as Z, onBeforeUnmount as Xt, useId as Pt, resolveComponent as Yt, vShow as eo } from "vue";
+import { defineComponent as ge, ref as k, watch as Ee, computed as _, nextTick as Ze, onMounted as it, onUnmounted as At, createElementBlock as M, openBlock as m, createVNode as J, unref as f, withCtx as Ge, createBlock as G, createCommentVNode as R, Fragment as de, renderList as we, useAttrs as Ht, toRef as Jt, normalizeClass as se, createElementVNode as P, toDisplayString as H, renderSlot as me, withDirectives as Bt, mergeProps as ht, vModelDynamic as Kt, createTextVNode as ke, normalizeProps as $t, guardReactiveProps as Mt, normalizeStyle as ye, withModifiers as Qt, readonly as q, provide as N, onBeforeUnmount as Xt, useId as Pt, resolveComponent as Yt, vShow as eo } from "vue";
 import { Map as to, DrawTool as oo, RasterLayer as Ft, CircleLayer as Tt, FillLayer as It, LineLayer as mt, MapMarker as ao, MapPopup as io } from "@phila/phila-ui-map-core";
 import { cn as gt, Icon as Ce, BaseLink as lo, ActionContent as Et } from "@phila/phila-ui-core";
 const no = { class: "map-panel" }, ro = /* @__PURE__ */ ge({
@@ -23,8 +23,8 @@ const no = { class: "map-panel" }, ro = /* @__PURE__ */ ge({
     initialCenter: { default: void 0 }
   },
   emits: ["zoom", "layerLoading", "layerError"],
-  setup(e, { emit: i }) {
-    const l = e, o = i, r = k(null), n = k(null), u = k(0);
+  setup(e, { emit: a }) {
+    const l = e, o = a, r = k(null), n = k(null), u = k(0);
     function w(t) {
       o("zoom", t), n.value && (u.value = p(n.value));
     }
@@ -33,7 +33,7 @@ const no = { class: "map-panel" }, ro = /* @__PURE__ */ ge({
       return $ * Math.cos(E) / Math.pow(2, c);
     }
     const C = k({}), y = k(null), h = k(/* @__PURE__ */ new Set());
-    async function a(t, c, s, b, $) {
+    async function i(t, c, s, b, $) {
       const E = encodeURIComponent(b || "1=1"), B = JSON.stringify({
         xmin: c.west,
         ymin: c.south,
@@ -43,18 +43,18 @@ const no = { class: "map-panel" }, ro = /* @__PURE__ */ ge({
       }), ee = $ !== void 0 && $ < 14 ? `&maxAllowableOffset=${360 / (Math.pow(2, $) * 512)}` : "", Y = 2e3;
       let ie = 0, oe = [], A = !0;
       for (; A; ) {
-        const j = `${t}/query?where=${E}&geometry=${encodeURIComponent(B)}&geometryType=esriGeometryEnvelope&spatialRel=esriSpatialRelIntersects&outFields=*&returnGeometry=true&resultRecordCount=${Y}&resultOffset=${ie}${ee}&f=geojson`, N = await fetch(j);
-        if (!N.ok)
-          throw new Error(`HTTP ${N.status}: ${N.statusText}`);
-        const ue = await N.json();
+        const j = `${t}/query?where=${E}&geometry=${encodeURIComponent(B)}&geometryType=esriGeometryEnvelope&spatialRel=esriSpatialRelIntersects&outFields=*&returnGeometry=true&resultRecordCount=${Y}&resultOffset=${ie}${ee}&f=geojson`, U = await fetch(j);
+        if (!U.ok)
+          throw new Error(`HTTP ${U.status}: ${U.statusText}`);
+        const ue = await U.json();
         ue.features && ue.features.length > 0 ? (oe = oe.concat(ue.features), ie += ue.features.length, A = ue.features.length === Y) : A = !1;
       }
       return oe = oe.map((j) => {
         if (j.properties) {
-          const N = {};
+          const U = {};
           for (const ue of Object.keys(j.properties))
-            N[ue.toLowerCase()] = j.properties[ue];
-          return { ...j, properties: N };
+            U[ue.toLowerCase()] = j.properties[ue];
+          return { ...j, properties: U };
         }
         return j;
       }), {
@@ -68,7 +68,7 @@ const no = { class: "map-panel" }, ro = /* @__PURE__ */ ge({
         if (E) {
           o("layerLoading", $, !0);
           try {
-            const B = await a(E.url, t, $, E.where, s);
+            const B = await i(E.url, t, $, E.where, s);
             C.value = { ...C.value, [$]: B }, o("layerError", $, null);
           } catch (B) {
             const ee = B instanceof Error ? B.message : "Failed to load";
@@ -151,7 +151,7 @@ const no = { class: "map-panel" }, ro = /* @__PURE__ */ ge({
           }
         }
     });
-    function U(t) {
+    function W(t) {
       return l.visibleTiledLayers?.has(t) ?? !1;
     }
     function fe(t) {
@@ -203,7 +203,7 @@ const no = { class: "map-panel" }, ro = /* @__PURE__ */ ge({
       const s = u.value;
       return s === 0 || s > c.maxScale ? "tiled" : "dynamic";
     }
-    const ct = _(() => l.tiledLayers ? l.tiledLayers.filter((t) => U(t.id) ? t.scaleBasedRendering ? Qe(t) === "tiled" : !0 : !1) : []), ze = _(() => l.tiledLayers ? l.tiledLayers.filter((t) => U(t.id) && t.scaleBasedRendering ? Qe(t) === "dynamic" : !1) : []);
+    const ct = _(() => l.tiledLayers ? l.tiledLayers.filter((t) => W(t.id) ? t.scaleBasedRendering ? Qe(t) === "tiled" : !0 : !1) : []), ze = _(() => l.tiledLayers ? l.tiledLayers.filter((t) => W(t.id) && t.scaleBasedRendering ? Qe(t) === "dynamic" : !1) : []);
     function We(t) {
       return {
         type: "raster",
@@ -229,8 +229,8 @@ const no = { class: "map-panel" }, ro = /* @__PURE__ */ ge({
         {
           const Y = E.match(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*([\d.]+)\)/);
           if (Y && Y[4]) {
-            const [, ie, oe, A, j] = Y, N = parseFloat(j) * c;
-            $[b] = `rgba(${ie}, ${oe}, ${A}, ${N})`, $[s] = 1;
+            const [, ie, oe, A, j] = Y, U = parseFloat(j) * c;
+            $[b] = `rgba(${ie}, ${oe}, ${A}, ${U})`, $[s] = 1;
           }
           return $;
         }
@@ -342,22 +342,22 @@ const no = { class: "map-panel" }, ro = /* @__PURE__ */ ge({
       });
       if (E.length === 0) return;
       const B = Ye(E), ee = l.layerList.map((A) => A.config), ie = dt(B, ee).map((A) => {
-        const j = A.layer.id.replace(/-outline$/, ""), N = De(j);
-        if (!N) return null;
-        const ue = Le(N.id, A.properties || {});
+        const j = A.layer.id.replace(/-outline$/, ""), U = De(j);
+        if (!U) return null;
+        const ue = Le(U.id, A.properties || {});
         return {
-          layerId: N.id,
-          layerTitle: N.title,
+          layerId: U.id,
+          layerTitle: U.title,
           properties: A.properties || {},
           geometry: ue || A.geometry,
-          popupConfig: N.popup
+          popupConfig: U.popup
         };
       }).filter((A) => A !== null);
       if (ie.length === 0) return;
       ie.sort((A, j) => {
-        const N = A.popupConfig?.popupSortField, ue = j.popupConfig?.popupSortField;
-        if (!N || N !== ue) return 0;
-        const pt = A.properties[N], yt = j.properties[N];
+        const U = A.popupConfig?.popupSortField, ue = j.popupConfig?.popupSortField;
+        if (!U || U !== ue) return 0;
+        const pt = A.properties[U], yt = j.properties[U];
         if (pt == null || yt == null) return 0;
         const xt = A.popupConfig?.popupSortOrder !== "asc";
         return pt < yt ? xt ? 1 : -1 : pt > yt ? xt ? -1 : 1 : 0;
@@ -366,13 +366,13 @@ const no = { class: "map-panel" }, ro = /* @__PURE__ */ ge({
       if (oe) {
         const A = De(oe.layerId);
         if (A) {
-          const j = K(oe.geometry), N = W(A.id, A.type);
+          const j = K(oe.geometry), U = Z(A.id, A.type);
           x.value = {
             geometry: oe.geometry,
             geometryType: j,
             layerId: A.id,
             properties: oe.properties,
-            originalStyle: N
+            originalStyle: U
           };
         }
       }
@@ -452,7 +452,7 @@ const no = { class: "map-panel" }, ro = /* @__PURE__ */ ge({
     function K(t) {
       return t.type;
     }
-    function W(t, c) {
+    function Z(t, c) {
       const s = De(t);
       if (!s) return { radius: 5, width: 2 };
       const b = s.paint || {};
@@ -581,7 +581,7 @@ const no = { class: "map-panel" }, ro = /* @__PURE__ */ ge({
       }
       const c = De(t.layerId);
       if (c) {
-        const s = K(t.geometry), b = W(c.id, c.type);
+        const s = K(t.geometry), b = Z(c.id, c.type);
         x.value = {
           geometry: t.geometry,
           geometryType: s,
@@ -722,15 +722,15 @@ const no = { class: "map-panel" }, ro = /* @__PURE__ */ ge({
       }, 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) => {
+}), xe = (e, a) => {
   const l = e.__vccOpts || e;
-  for (const [o, r] of i)
+  for (const [o, r] of a)
     l[o] = r;
   return l;
 }, so = /* @__PURE__ */ xe(ro, [["__scopeId", "data-v-7b0b7505"]]);
 function Vt(e) {
-  let i = e.split("?")[0] || e;
-  return i = i.replace(/\/query$/, ""), i = i.replace(/\/$/, ""), i.toLowerCase();
+  let a = e.split("?")[0] || e;
+  return a = a.replace(/\/query$/, ""), a = a.replace(/\/$/, ""), a = a.replace(/^https?:\/\//, ""), a.toLowerCase();
 }
 const co = ["disabled"], uo = /* @__PURE__ */ ge({
   inheritAttrs: !1,
@@ -754,40 +754,40 @@ const co = ["disabled"], uo = /* @__PURE__ */ ge({
     svgRaw: {}
   },
   setup(e) {
-    const i = e, l = (u) => "href" in u && u.href !== void 0 || "to" in u && u.to !== void 0, o = _(() => gt(
+    const a = e, l = (u) => "href" in u && u.href !== void 0 || "to" in u && u.to !== void 0, o = _(() => gt(
       "phila-button",
-      `phila-button--${i.variant}`,
-      i.size && `is-${i.size}`,
-      i.iconOnly && "icon-button",
-      i.iconOnly && i.variant === "standard" && "icon-button--standard",
-      i.className
-    )), r = _(() => l(i) ? "to" in i && i.to !== void 0 ? {
-      to: i.to,
-      disabled: i.disabled,
+      `phila-button--${a.variant}`,
+      a.size && `is-${a.size}`,
+      a.iconOnly && "icon-button",
+      a.iconOnly && a.variant === "standard" && "icon-button--standard",
+      a.className
+    )), r = _(() => l(a) ? "to" in a && a.to !== void 0 ? {
+      to: a.to,
+      disabled: a.disabled,
       className: o.value
     } : {
-      href: i.href,
-      target: i.target,
-      rel: i.rel,
-      disabled: i.disabled,
+      href: a.href,
+      target: a.target,
+      rel: a.rel,
+      disabled: a.disabled,
       className: o.value
     } : {}), n = _(
       () => ({
-        iconDefinition: i.iconDefinition,
-        iconClass: i.iconClass,
-        src: i.src,
-        iconRight: i.iconRight,
-        iconOnly: i.iconOnly,
-        text: i.text,
-        size: i.size
+        iconDefinition: a.iconDefinition,
+        iconClass: a.iconClass,
+        src: a.src,
+        iconRight: a.iconRight,
+        iconOnly: a.iconOnly,
+        text: a.text,
+        size: a.size
       })
     );
-    return (u, w) => l(i) ? (m(), G(f(lo), ht({ key: 0 }, { ...r.value, ...u.$attrs }, { role: "button" }), {
+    return (u, w) => l(a) ? (m(), G(f(lo), ht({ key: 0 }, { ...r.value, ...u.$attrs }, { role: "button" }), {
       default: Ge(() => [
         J(f(Et), $t(Mt(n.value)), {
           default: Ge(() => [
             me(u.$slots, "default", {}, () => [
-              ke(H(i.text), 1)
+              ke(H(a.text), 1)
             ])
           ]),
           _: 3
@@ -797,13 +797,13 @@ const co = ["disabled"], uo = /* @__PURE__ */ ge({
     }, 16)) : (m(), M("button", ht({
       key: 1,
       type: "button",
-      disabled: i.disabled,
+      disabled: a.disabled,
       class: o.value
     }, u.$attrs), [
       J(f(Et), $t(Mt(n.value)), {
         default: Ge(() => [
           me(u.$slots, "default", {}, () => [
-            ke(H(i.text), 1)
+            ke(H(a.text), 1)
           ])
         ]),
         _: 3
@@ -843,8 +843,8 @@ const ho = ["for"], go = { class: "state-layer" }, vo = { class: "content" }, bo
     } }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: i }) {
-    const l = Ht(), o = e, r = _(() => typeof o.error == "string" ? o.error : o.error[0]), n = Jt(o, "id"), u = i, w = k(""), p = _({
+  setup(e, { emit: a }) {
+    const l = Ht(), o = e, r = _(() => typeof o.error == "string" ? o.error : o.error[0]), n = Jt(o, "id"), u = a, w = k(""), p = _({
       get: () => o.modelValue !== void 0 ? o.modelValue : w.value,
       set: (d) => {
         u("update:modelValue", d), w.value = d;
@@ -858,8 +858,8 @@ const ho = ["for"], go = { class: "state-layer" }, vo = { class: "content" }, bo
     }), h = _(() => {
       if (!(o.label || l["aria-label"]))
         return o.placeholder || void 0;
-    }), a = k(null), g = (d) => {
-      d.target.closest("button") || a.value?.focus();
+    }), i = k(null), g = (d) => {
+      d.target.closest("button") || i.value?.focus();
     };
     return (d, L) => (m(), M("div", {
       class: se(["phila-input", C.value])
@@ -885,7 +885,7 @@ const ho = ["for"], go = { class: "state-layer" }, vo = { class: "content" }, bo
               Bt(P("input", ht({
                 id: n.value,
                 ref_key: "inputRef",
-                ref: a,
+                ref: i,
                 "onUpdate:modelValue": L[0] || (L[0] = (S) => p.value = S),
                 class: "phila-text-field-input has-text-body-default",
                 placeholder: o.placeholder,
@@ -966,7 +966,7 @@ const Fo = {
     unavailable: { type: Boolean }
   },
   setup(e) {
-    return (i, l) => (m(), M(de, null, [
+    return (a, l) => (m(), M(de, null, [
       e.loading && !e.unavailable ? (m(), M("span", Fo, " Loading... ")) : R("", !0),
       e.error ? (m(), M("span", {
         key: 1,
@@ -985,8 +985,8 @@ const Fo = {
     opacity: {}
   },
   emits: ["update:opacity"],
-  setup(e, { emit: i }) {
-    const l = i;
+  setup(e, { emit: a }) {
+    const l = a;
     function o(r) {
       const n = r.target;
       l("update:opacity", parseFloat(n.value));
@@ -1016,7 +1016,7 @@ const Fo = {
     label: {}
   },
   setup(e) {
-    return (i, l) => (m(), M("ul", {
+    return (a, l) => (m(), M("ul", {
       class: "layer-legend",
       "aria-label": e.label
     }, [
@@ -1049,7 +1049,7 @@ const Fo = {
   }
 }), wt = /* @__PURE__ */ xe(Bo, [["__scopeId", "data-v-62e210e3"]]);
 function Lt(e) {
-  function i(u) {
+  function a(u) {
     return e().visibleLayerIds.has(u);
   }
   function l(u) {
@@ -1065,7 +1065,7 @@ function Lt(e) {
     const w = e().currentZoom, p = u.minZoom, C = u.maxZoom;
     return !(p !== void 0 && w < p || C !== void 0 && w > C);
   }
-  return { isVisible: i, getLayerOpacity: l, isLayerLoading: o, getLayerError: r, isLayerAvailableAtZoom: n };
+  return { isVisible: a, getLayerOpacity: l, isLayerLoading: o, getLayerError: r, isLayerAvailableAtZoom: n };
 }
 const Vo = { class: "layer-panel" }, Zo = {
   key: 0,
@@ -1097,8 +1097,8 @@ const Vo = { class: "layer-panel" }, Zo = {
     searchPlaceholder: { default: "Filter layers..." }
   },
   emits: ["toggleLayer", "setOpacity", "updateSearch"],
-  setup(e, { emit: i }) {
-    const l = e, o = i, r = _(() => {
+  setup(e, { emit: a }) {
+    const l = e, o = a, r = _(() => {
       if (!l.searchQuery.trim())
         return l.layerList;
       const d = l.searchQuery.toLowerCase();
@@ -1114,7 +1114,7 @@ const Vo = { class: "layer-panel" }, Zo = {
       loadingLayerIds: l.loadingLayers,
       layerErrors: l.layerErrors,
       currentZoom: l.currentZoom
-    })), a = _({
+    })), i = _({
       get: () => l.searchQuery,
       set: (d) => o("updateSearch", d)
     });
@@ -1124,8 +1124,8 @@ const Vo = { class: "layer-panel" }, Zo = {
     return (d, L) => (m(), M("div", Vo, [
       e.showSearch ? (m(), M("div", Zo, [
         J(f(Co), {
-          modelValue: a.value,
-          "onUpdate:modelValue": L[0] || (L[0] = (S) => a.value = S),
+          modelValue: i.value,
+          "onUpdate:modelValue": L[0] || (L[0] = (S) => i.value = S),
           placeholder: e.searchPlaceholder,
           "class-name": "layer-search-field"
         }, {
@@ -1221,46 +1221,46 @@ function Je(e) {
   if (e)
     return Qo[e] ?? void 0;
 }
-function Xo(e, i, l, o, r) {
+function Xo(e, a, l, o, r) {
   const n = [];
-  let u = i[0], w = [e[0]], p = 0;
-  for (let a = 1; a < e.length; a++)
-    i[a] === u ? w.push(e[a]) : (n.push({ style: u, breaks: w, startIndex: p }), u = i[a], w = [e[a]], p = a);
+  let u = a[0], w = [e[0]], p = 0;
+  for (let i = 1; i < e.length; i++)
+    a[i] === u ? w.push(e[i]) : (n.push({ style: u, breaks: w, startIndex: p }), u = a[i], w = [e[i]], p = i);
   n.push({ style: u, breaks: w, startIndex: p });
   const C = [], y = /* @__PURE__ */ new Set();
   let h = o.minValue ?? 0;
-  for (let a = 0; a < n.length; a++) {
-    const g = n[a], d = g.breaks, L = Je(g.style), S = a === 0 ? null : n[a - 1].breaks[n[a - 1].breaks.length - 1].classMaxValue, I = d[d.length - 1].classMaxValue;
+  for (let i = 0; i < n.length; i++) {
+    const g = n[i], d = g.breaks, L = Je(g.style), S = i === 0 ? null : n[i - 1].breaks[n[i - 1].breaks.length - 1].classMaxValue, I = d[d.length - 1].classMaxValue;
     let F;
     const V = !!o.defaultSymbol;
-    S === null ? F = `${!V && o.minValue != null ? `${l} >= ${o.minValue} AND ` : ""}${l} <= ${I}` : a === n.length - 1 && V ? F = `${l} > ${S}` : F = `${l} > ${S} AND ${l} <= ${I}`;
+    S === null ? F = `${!V && o.minValue != null ? `${l} >= ${o.minValue} AND ` : ""}${l} <= ${I}` : i === n.length - 1 && V ? F = `${l} > ${S}` : F = `${l} > ${S} AND ${l} <= ${I}`;
     const T = {
       "line-opacity": he(r)
     };
     if (L && (T["line-dasharray"] = L), d.length === 1)
       T["line-color"] = z(d[0].symbol?.color), T["line-width"] = X(d[0].symbol?.width || 2);
     else {
-      const U = ["step", ["get", l]], fe = ["step", ["get", l]];
-      U.push(z(d[0].symbol?.color)), fe.push(X(d[0].symbol?.width || 2));
+      const W = ["step", ["get", l]], fe = ["step", ["get", l]];
+      W.push(z(d[0].symbol?.color)), fe.push(X(d[0].symbol?.width || 2));
       for (let ve = 1; ve < d.length; ve++)
-        U.push(d[ve - 1].classMaxValue), U.push(z(d[ve].symbol?.color)), fe.push(d[ve - 1].classMaxValue), fe.push(X(d[ve].symbol?.width || 2));
-      T["line-color"] = U, T["line-width"] = fe;
+        W.push(d[ve - 1].classMaxValue), W.push(z(d[ve].symbol?.color)), fe.push(d[ve - 1].classMaxValue), fe.push(X(d[ve].symbol?.width || 2));
+      T["line-color"] = W, T["line-width"] = fe;
     }
     const O = [];
-    for (const U of d)
+    for (const W of d)
       O.push({
         type: "line",
-        color: z(U.symbol?.color),
-        width: X(U.symbol?.width || 2),
-        label: U.label || `${h} - ${U.classMaxValue}`
-      }), h = U.classMaxValue + 1;
+        color: z(W.symbol?.color),
+        width: X(W.symbol?.width || 2),
+        label: W.label || `${h} - ${W.classMaxValue}`
+      }), h = W.classMaxValue + 1;
     const D = g.style.replace("esriSLS", "").toLowerCase();
     let te;
-    a === 0 ? te = "" : y.has(D) ? te = `-${D}-${a}` : te = `-${D}`, y.add(D), C.push({ suffix: te, where: F, paint: T, legend: O });
+    i === 0 ? te = "" : y.has(D) ? te = `-${D}-${i}` : te = `-${D}`, y.add(D), C.push({ suffix: te, where: F, paint: T, legend: O });
   }
   return C;
 }
-function Yo(e, i, l, o, r) {
+function Yo(e, a, l, o, r) {
   const n = /* @__PURE__ */ new Map();
   for (const C of e) {
     const y = C.symbol?.style || "esriSLSSolid";
@@ -1269,13 +1269,13 @@ function Yo(e, i, l, o, r) {
   const u = [], w = /* @__PURE__ */ new Set();
   let p = !0;
   for (const [C, y] of n) {
-    const h = Je(C), g = y.map((F) => `${i} = '${String(F.value).replace(/'/g, "''")}'`).join(" OR "), d = {
+    const h = Je(C), g = y.map((F) => `${a} = '${String(F.value).replace(/'/g, "''")}'`).join(" OR "), d = {
       "line-opacity": he(o)
     };
     if (h && (d["line-dasharray"] = h), y.length === 1)
       d["line-color"] = z(y[0].symbol?.color), d["line-width"] = X(y[0].symbol?.width || 2);
     else {
-      const F = ["match", ["to-string", ["get", i]]];
+      const F = ["match", ["to-string", ["get", a]]];
       for (const V of y)
         F.push(at(V.value)), F.push(z(V.symbol?.color));
       F.push(l ? z(l.color) : "rgba(0, 0, 0, 0)"), d["line-color"] = F, d["line-width"] = X(y[0].symbol?.width || 2);
@@ -1298,8 +1298,8 @@ function Yo(e, i, l, o, r) {
 }
 function z(e) {
   if (!e || !Array.isArray(e) || e.length < 3) return "#888888";
-  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)})`;
+  const a = e[0], l = e[1], o = e[2], n = (e[3] ?? 255) / 255;
+  return n === 1 ? `#${a.toString(16).padStart(2, "0")}${l.toString(16).padStart(2, "0")}${o.toString(16).padStart(2, "0")}` : `rgba(${a}, ${l}, ${o}, ${n.toFixed(2)})`;
 }
 function he(e) {
   return e !== void 0 ? e : 1;
@@ -1311,14 +1311,14 @@ const ea = 559082264;
 function zt(e) {
   return !e || e <= 0 ? null : Math.round(Math.log2(ea / e) * 100) / 100;
 }
-function ta(e, i) {
+function ta(e, a) {
   const l = {};
   if (e && e > 0) {
     const o = zt(e);
     o !== null && (l.minZoom = o);
   }
-  if (i && i > 0) {
-    const o = zt(i);
+  if (a && a > 0) {
+    const o = zt(a);
     o !== null && (l.maxZoom = o);
   }
   return l;
@@ -1346,11 +1346,11 @@ function Me(e) {
 function at(e) {
   return String(e);
 }
-function Zt(e, i, l) {
+function Zt(e, a, l) {
   const o = e.symbol, r = rt(o);
   let n = {}, u = [], w = null;
   if (r === "fill" && o) {
-    const p = o.color === null ? 0 : o.color?.[3] ?? 255, C = p === 0 ? "rgba(0, 0, 0, 0)" : z(o.color), y = p === 0 ? 0 : p < 255 ? 1 : he(i);
+    const p = o.color === null ? 0 : o.color?.[3] ?? 255, C = p === 0 ? "rgba(0, 0, 0, 0)" : z(o.color), y = p === 0 ? 0 : p < 255 ? 1 : he(a);
     if (n = {
       "fill-color": C,
       "fill-opacity": y
@@ -1372,7 +1372,7 @@ function Zt(e, i, l) {
     n = {
       "line-color": z(o.color),
       "line-width": X(o.width || 1),
-      "line-opacity": he(i)
+      "line-opacity": he(a)
     };
     const p = Je(o.style);
     p && (n["line-dasharray"] = p), u = [
@@ -1388,7 +1388,7 @@ function Zt(e, i, l) {
     n = {
       "circle-color": z(o.color),
       "circle-radius": p,
-      "circle-opacity": he(i)
+      "circle-opacity": he(a)
     }, Me(o.outline) && (n["circle-stroke-color"] = z(o.outline.color), n["circle-stroke-width"] = X(o.outline.width || 1)), u = [
       {
         type: "circle",
@@ -1399,33 +1399,33 @@ function Zt(e, i, l) {
   }
   return { paint: n, legend: u, geomType: r, outlinePaint: w };
 }
-function oa(e, i, l) {
+function oa(e, a, l) {
   const o = e.field1.toLowerCase(), r = e.uniqueValueInfos || [], n = e.defaultSymbol;
   if (r.length === 0)
-    return Zt({ ...e, symbol: n }, i);
+    return Zt({ ...e, symbol: n }, a);
   const u = r[0]?.symbol || n, w = rt(u);
   let p = {};
   const C = [];
   let y = null;
   if (w === "fill") {
     const h = ["match", ["to-string", ["get", o]]];
-    for (const a of r) {
-      h.push(at(a.value)), h.push(z(a.symbol?.color));
-      const g = String(a.value), L = l?.get(g) || a.label || g;
+    for (const i of r) {
+      h.push(at(i.value)), h.push(z(i.symbol?.color));
+      const g = String(i.value), L = l?.get(g) || i.label || g;
       C.push({
         type: "fill",
-        color: z(a.symbol?.color),
+        color: z(i.symbol?.color),
         label: L
       });
     }
     if (h.push(n ? z(n.color) : "rgba(0, 0, 0, 0)"), p = {
       "fill-color": h,
-      "fill-opacity": he(i)
+      "fill-opacity": he(a)
     }, Me(u?.outline)) {
-      const a = X(Math.max(u.outline.width || 1, 1));
+      const i = X(Math.max(u.outline.width || 1, 1));
       y = {
         "line-color": z(u.outline.color),
-        "line-width": a
+        "line-width": i
       };
     }
   } else if (w === "line") {
@@ -1443,11 +1443,11 @@ function oa(e, i, l) {
     h.push(n ? z(n.color) : "rgba(0, 0, 0, 0)"), p = {
       "line-color": h,
       "line-width": X(u?.width || 2),
-      "line-opacity": he(i)
+      "line-opacity": he(a)
     };
-    const a = r.map((d) => d.symbol?.style || "esriSLSSolid"), g = [...new Set(a)];
+    const i = r.map((d) => d.symbol?.style || "esriSLSSolid"), g = [...new Set(i)];
     if (g.length > 1) {
-      const d = Yo(r, o, n, i, l);
+      const d = Yo(r, o, n, a, l);
       return { paint: {}, legend: [], geomType: w, outlinePaint: y, splitLayers: d };
     }
     if (g.length === 1) {
@@ -1466,19 +1466,19 @@ function oa(e, i, l) {
       });
     }
     h.push(n ? z(n.color) : "rgba(0, 0, 0, 0)");
-    const a = Math.round((u?.size || 6) * 0.71 * 100) / 100;
+    const i = Math.round((u?.size || 6) * 0.71 * 100) / 100;
     p = {
       "circle-color": h,
-      "circle-radius": a,
-      "circle-opacity": he(i)
+      "circle-radius": i,
+      "circle-opacity": he(a)
     }, Me(u?.outline) && (p["circle-stroke-color"] = z(u.outline.color), p["circle-stroke-width"] = X(u.outline.width || 1));
   }
   return { paint: p, legend: C, geomType: w, outlinePaint: y };
 }
-function aa(e, i) {
+function aa(e, a) {
   const l = e.field.toLowerCase(), o = e.classBreakInfos || [], r = e.visualVariables?.find((y) => y.type === "colorInfo");
   if (r?.stops && r.stops.length > 0)
-    return ia(r, l, e, i);
+    return ia(r, l, e, a);
   if (o.length === 0)
     return { paint: {}, legend: [], geomType: "fill", outlinePaint: null };
   const n = o[0]?.symbol, u = rt(n);
@@ -1489,16 +1489,16 @@ function aa(e, i) {
     const y = ["step", ["get", l]];
     y.push(z(o[0]?.symbol?.color));
     for (let h = 0; h < o.length; h++) {
-      const a = o[h];
-      h > 0 && (y.push(o[h - 1].classMaxValue), y.push(z(a.symbol?.color))), p.push({
+      const i = o[h];
+      h > 0 && (y.push(o[h - 1].classMaxValue), y.push(z(i.symbol?.color))), p.push({
         type: "fill",
-        color: z(a.symbol?.color),
-        label: a.label || `${a.classMaxValue}`
+        color: z(i.symbol?.color),
+        label: i.label || `${i.classMaxValue}`
       });
     }
     if (w = {
       "fill-color": y,
-      "fill-opacity": he(i)
+      "fill-opacity": he(a)
     }, Me(n?.outline)) {
       const h = X(n.outline.width || 1);
       C = {
@@ -1509,7 +1509,7 @@ function aa(e, i) {
   } else if (u === "line") {
     const y = o.map((I) => I.symbol?.style || "esriSLSSolid"), h = [...new Set(y)];
     if (h.length > 1) {
-      const I = Xo(o, y, l, e, i);
+      const I = Xo(o, y, l, e, a);
       return { paint: {}, legend: [], geomType: u, outlinePaint: C, splitLayers: I };
     }
     const g = ["step", ["get", l]];
@@ -1528,14 +1528,14 @@ function aa(e, i) {
     w = {
       "line-color": g,
       "line-width": L,
-      "line-opacity": he(i)
+      "line-opacity": he(a)
     };
     const S = Je(h[0]);
     S && (w["line-dasharray"] = S);
   }
   return { paint: w, legend: p, geomType: u, outlinePaint: C };
 }
-function ia(e, i, l, o) {
+function ia(e, a, l, o) {
   const r = e.stops || [];
   if (r.length === 0)
     return { paint: {}, legend: [], geomType: "fill", outlinePaint: null };
@@ -1544,17 +1544,17 @@ function ia(e, i, l, o) {
   const p = [];
   let C = null;
   if (u === "fill") {
-    const y = ["interpolate", ["linear"], ["get", i]];
-    for (const a of r)
-      y.push(a.value), y.push(z(a.color)), p.push({
+    const y = ["interpolate", ["linear"], ["get", a]];
+    for (const i of r)
+      y.push(i.value), y.push(z(i.color)), p.push({
         type: "fill",
-        color: z(a.color),
-        label: a.label || `${a.value}`
+        color: z(i.color),
+        label: i.label || `${i.value}`
       });
     if (w = {
       "fill-color": [
         "case",
-        ["==", ["get", i], null],
+        ["==", ["get", a], null],
         "rgba(0, 0, 0, 0)",
         // Transparent for null/no-data values
         y
@@ -1562,40 +1562,40 @@ function ia(e, i, l, o) {
       ],
       "fill-opacity": he(o)
     }, Me(n?.outline)) {
-      const a = X(n.outline.width || 1);
+      const i = X(n.outline.width || 1);
       C = {
         "line-color": z(n.outline.color),
-        "line-width": a
+        "line-width": i
       };
     }
   }
   return { paint: w, legend: p, geomType: u, outlinePaint: C };
 }
-function la(e, i, l, o) {
+function la(e, a, l, o) {
   if (!e?.renderer)
     return { paint: {}, legend: [], geomType: "fill", outlinePaint: null };
   const r = e.renderer;
   switch (r.type) {
     case "simple":
-      return Zt(r, i);
+      return Zt(r, a);
     case "uniqueValue":
-      return oa(r, i, l);
+      return oa(r, a, l);
     case "classBreaks":
-      return aa(r, i);
+      return aa(r, a);
     default:
       return { paint: {}, legend: [], geomType: "fill", outlinePaint: null };
   }
 }
 function na(e) {
   if (!e) return null;
-  const i = (e.title || "").replace(/\{([^}]+)\}/g, (n, u) => `{${u.toLowerCase()}}`), o = (e.fieldInfos || []).filter((n) => n.visible === !0).map((n) => {
+  const a = (e.title || "").replace(/\{([^}]+)\}/g, (n, u) => `{${u.toLowerCase()}}`), o = (e.fieldInfos || []).filter((n) => n.visible === !0).map((n) => {
     const u = {
       field: n.fieldName.toLowerCase(),
       label: n.label || n.fieldName
     };
     return n.format && (u.format = {}, n.format.dateFormat && (u.format.dateFormat = n.format.dateFormat), n.format.digitSeparator !== void 0 && (u.format.digitSeparator = n.format.digitSeparator), n.format.places !== void 0 && (u.format.places = n.format.places), Object.keys(u.format).length === 0 && delete u.format), u;
   }), r = {
-    title: i,
+    title: a,
     fields: o
   };
   return e.showTime && (r.showTime = !0), r;
@@ -1610,26 +1610,26 @@ function ca(e) {
   return e.includes("_") ? e.split("_").slice(1).join(" ") : e;
 }
 function ua(e) {
-  const i = /* @__PURE__ */ new Map();
+  const a = /* @__PURE__ */ new Map();
   if (!e)
-    return i;
+    return a;
   const l = e.split(`
 `), o = /^(\d{1,3})\s+(.+)$/;
   for (const r of l) {
     const n = r.trim().match(o);
     if (n) {
       const [, u, w] = n;
-      u && w && i.set(u, w.trim());
+      u && w && a.set(u, w.trim());
     }
   }
-  return i;
+  return a;
 }
 async function da(e) {
   try {
-    const i = await fetch(`${e}?f=json`);
-    if (!i.ok)
+    const a = await fetch(`${e}?f=json`);
+    if (!a.ok)
       return null;
-    const l = await i.json();
+    const l = await a.json();
     return l.drawingInfo ? {
       drawingInfo: l.drawingInfo,
       description: l.description
@@ -1639,7 +1639,7 @@ async function da(e) {
   }
 }
 function Dt(e) {
-  const i = {
+  const a = {
     id: e.id,
     title: e.title,
     type: e.type,
@@ -1649,11 +1649,11 @@ function Dt(e) {
     legend: e.legend,
     popup: e.popup
   };
-  return e.where && (i.where = e.where), e.minZoom !== void 0 && (i.minZoom = e.minZoom), e.maxZoom !== void 0 && (i.maxZoom = e.maxZoom), e.outlinePaint && (i.outlinePaint = e.outlinePaint), e.parentId && (i.parentId = e.parentId), i;
+  return e.where && (a.where = e.where), e.minZoom !== void 0 && (a.minZoom = e.minZoom), e.maxZoom !== void 0 && (a.maxZoom = e.maxZoom), e.outlinePaint && (a.outlinePaint = e.outlinePaint), e.parentId && (a.parentId = e.parentId), a;
 }
 async function Nt(e) {
-  const i = e.operationalLayers || [], l = [], o = ["Zoning and Planning_Land Use"];
-  for (const r of i)
+  const a = e.operationalLayers || [], l = [], o = ["Zoning and Planning_Land Use"];
+  for (const r of a)
     if (r.url && !r.title?.toLowerCase().includes("(under construction)") && !(r.url && /\/MapServer(\/\d+)?$/i.test(r.url)))
       try {
         let n = r.layerDefinition?.drawingInfo, u;
@@ -1664,15 +1664,15 @@ async function Nt(e) {
             if (n = O.drawingInfo, C && Me(C) && n?.renderer) {
               const D = n.renderer, te = D.uniqueValueInfos?.[0]?.symbol?.outline || D.defaultSymbol?.outline;
               if (!Me(te)) {
-                for (const U of D.uniqueValueInfos || [])
-                  U.symbol && (U.symbol.outline = C);
+                for (const W of D.uniqueValueInfos || [])
+                  W.symbol && (W.symbol.outline = C);
                 D.defaultSymbol && (D.defaultSymbol.outline = C);
               }
             }
             O.description && (u = ua(O.description), u.size > 0);
           }
         }
-        const { paint: y, legend: h, geomType: a, outlinePaint: g, splitLayers: d } = la(
+        const { paint: y, legend: h, geomType: i, outlinePaint: g, splitLayers: d } = la(
           n,
           r.opacity,
           u,
@@ -1684,7 +1684,7 @@ async function Nt(e) {
             l.push(Dt({
               id: D,
               title: V,
-              type: a,
+              type: i,
               url: r.url,
               opacity: T,
               paint: O.paint,
@@ -1700,7 +1700,7 @@ async function Nt(e) {
           l.push(Dt({
             id: F,
             title: V,
-            type: a,
+            type: i,
             url: r.url,
             opacity: T,
             paint: y,
@@ -1716,9 +1716,9 @@ async function Nt(e) {
   return l.sort((r, n) => r.title.localeCompare(n.title)), l;
 }
 const _t = {}, St = "376af635c84643cd816a8c5d017a53aa", Ja = St;
-function Ct(e, i) {
+function Ct(e, a) {
   let l = `https://www.arcgis.com/sharing/rest/content/items/${e}/data?f=json`;
-  return i && (l += `&token=${i}`), l;
+  return a && (l += `&token=${a}`), l;
 }
 function Ka() {
   return Ct(St);
@@ -1729,8 +1729,8 @@ function fa(e) {
 }
 let ot, Rt = 0;
 async function pa() {
-  const e = typeof import.meta < "u" && _t?.VITE_AGO_USERNAME, i = typeof import.meta < "u" && _t?.VITE_AGO_PASSWORD;
-  if (!(!e || !i)) {
+  const e = typeof import.meta < "u" && _t?.VITE_AGO_USERNAME, a = typeof import.meta < "u" && _t?.VITE_AGO_PASSWORD;
+  if (!(!e || !a)) {
     if (ot && Date.now() < Rt - 3e5)
       return ot;
     try {
@@ -1742,7 +1742,7 @@ async function pa() {
         body: new URLSearchParams({
           f: "json",
           username: e,
-          password: i,
+          password: a,
           referer: window.location.origin || "https://localhost",
           expiration: "120"
           // 2 hours
@@ -1754,8 +1754,8 @@ async function pa() {
     }
   }
 }
-async function ya(e, i) {
-  const l = Ct(e, i), o = await fetch(l, { cache: "no-store" });
+async function ya(e, a) {
+  const l = Ct(e, a), o = await fetch(l, { cache: "no-store" });
   if (!o.ok)
     throw new Error(`Failed to fetch WebMap: ${o.status} ${o.statusText}`);
   const r = await o.json();
@@ -1765,18 +1765,18 @@ async function ya(e, i) {
 }
 async function ma(e) {
   try {
-    const i = await pa(), l = await ya(e, i);
+    const a = await pa(), l = await ya(e, a);
     return await Nt(l);
-  } catch (i) {
+  } catch (a) {
     throw new Error(
-      `Failed to load dynamic layer configs: ${i instanceof Error ? i.message : "Unknown error"}`
+      `Failed to load dynamic layer configs: ${a instanceof Error ? a.message : "Unknown error"}`
     );
   }
 }
 async function vt(e = St) {
-  const i = nt.get(e);
-  if (i)
-    return i;
+  const a = nt.get(e);
+  if (a)
+    return a;
   const l = He.get(e);
   if (l)
     return l;
@@ -1791,52 +1791,52 @@ async function vt(e = St) {
   return He.set(e, o), o;
 }
 function ha(e) {
-  const i = k({}), l = /* @__PURE__ */ new Map();
-  for (const a of e)
-    i.value[a.id] = {
+  const a = k({}), l = /* @__PURE__ */ new Map();
+  for (const i of e)
+    a.value[i.id] = {
       data: null,
       loading: !1,
       error: null,
       lastFetched: null
     };
-  async function o(a) {
-    const g = a.id;
-    i.value = {
-      ...i.value,
+  async function o(i) {
+    const g = i.id;
+    a.value = {
+      ...a.value,
       [g]: {
-        data: i.value[g]?.data ?? null,
-        lastFetched: i.value[g]?.lastFetched ?? null,
+        data: a.value[g]?.data ?? null,
+        lastFetched: a.value[g]?.lastFetched ?? null,
         loading: !0,
         error: null
       }
     };
     try {
       let d;
-      if (a.type === "http-get") {
-        const L = await fetch(a.url, {
+      if (i.type === "http-get") {
+        const L = await fetch(i.url, {
           method: "GET",
-          ...a.options
+          ...i.options
         });
         if (!L.ok)
           throw new Error(`HTTP ${L.status}: ${L.statusText}`);
         d = await L.json();
-      } else if (a.type === "http-post") {
-        const L = await fetch(a.url, {
+      } else if (i.type === "http-post") {
+        const L = await fetch(i.url, {
           method: "POST",
-          ...a.options
+          ...i.options
         });
         if (!L.ok)
           throw new Error(`HTTP ${L.status}: ${L.statusText}`);
         d = await L.json();
-      } else if (a.type === "esri") {
-        const S = `${a.url.replace(/\/$/, "")}/query?where=1%3D1&outFields=*&returnGeometry=false&f=json`, I = await fetch(S, a.options);
+      } else if (i.type === "esri") {
+        const S = `${i.url.replace(/\/$/, "")}/query?where=1%3D1&outFields=*&returnGeometry=false&f=json`, I = await fetch(S, i.options);
         if (!I.ok)
           throw new Error(`HTTP ${I.status}: ${I.statusText}`);
         d = (await I.json()).features?.map((V) => V.attributes) || [];
       } else
-        throw new Error(`Unknown data source type: ${a.type}`);
-      a.transform && (d = a.transform(d)), i.value = {
-        ...i.value,
+        throw new Error(`Unknown data source type: ${i.type}`);
+      i.transform && (d = i.transform(d)), a.value = {
+        ...a.value,
         [g]: {
           data: d,
           loading: !1,
@@ -1846,11 +1846,11 @@ function ha(e) {
       };
     } catch (d) {
       const L = d instanceof Error ? d.message : "Unknown error";
-      i.value = {
-        ...i.value,
+      a.value = {
+        ...a.value,
         [g]: {
-          data: i.value[g]?.data ?? null,
-          lastFetched: i.value[g]?.lastFetched ?? null,
+          data: a.value[g]?.data ?? null,
+          lastFetched: a.value[g]?.lastFetched ?? null,
           loading: !1,
           error: L
         }
@@ -1858,34 +1858,34 @@ function ha(e) {
     }
   }
   async function r() {
-    await Promise.all(e.map((a) => o(a)));
+    await Promise.all(e.map((i) => o(i)));
   }
-  async function n(a) {
-    const g = e.find((d) => d.id === a);
+  async function n(i) {
+    const g = e.find((d) => d.id === i);
     g && await o(g);
   }
-  function u(a) {
-    return i.value[a]?.data ?? null;
+  function u(i) {
+    return a.value[i]?.data ?? null;
   }
-  const w = _(() => Object.values(i.value).some((a) => a.loading));
-  function p(a) {
-    return i.value[a]?.loading ?? !1;
+  const w = _(() => Object.values(a.value).some((i) => i.loading));
+  function p(i) {
+    return a.value[i]?.loading ?? !1;
   }
-  function C(a) {
-    return i.value[a]?.error ?? null;
+  function C(i) {
+    return a.value[i]?.error ?? null;
   }
   function y() {
-    for (const a of e)
-      if (a.pollInterval && a.pollInterval > 0) {
+    for (const i of e)
+      if (i.pollInterval && i.pollInterval > 0) {
         const g = window.setInterval(() => {
-          o(a);
-        }, a.pollInterval);
-        l.set(a.id, g);
+          o(i);
+        }, i.pollInterval);
+        l.set(i.id, g);
       }
   }
   function h() {
-    for (const [, a] of l)
-      window.clearInterval(a);
+    for (const [, i] of l)
+      window.clearInterval(i);
     l.clear();
   }
   return it(() => {
@@ -1894,7 +1894,7 @@ function ha(e) {
     h();
   }), {
     /** Reactive state for all data sources */
-    state: q(i),
+    state: q(a),
     /** Whether any data source is currently loading */
     isLoading: w,
     /** Fetch all data sources */
@@ -1955,8 +1955,8 @@ const ga = { class: "layerboard-layout" }, va = ["aria-expanded"], ba = {
     initialCenter: { default: void 0 }
   },
   emits: ["configs-loaded", "load-error", "zoom"],
-  setup(e, { expose: i, emit: l }) {
-    const o = e, r = l, n = k([]), u = k(!0), w = k(null), p = k(12), C = k(""), y = k(/* @__PURE__ */ new Set()), h = k({}), a = k(/* @__PURE__ */ new Set()), g = k({}), d = k({}), L = k(/* @__PURE__ */ new Set()), S = k({});
+  setup(e, { expose: a, emit: l }) {
+    const o = e, r = l, n = k([]), u = k(!0), w = k(null), p = k(12), C = k(""), y = k(/* @__PURE__ */ new Set()), h = k({}), i = k(/* @__PURE__ */ new Set()), g = k({}), d = k({}), L = k(/* @__PURE__ */ new Set()), S = k({});
     function I() {
       const v = {};
       for (const x of o.tiledLayers)
@@ -1973,13 +1973,13 @@ const ga = { class: "layerboard-layout" }, va = ["aria-expanded"], ba = {
       S.value = { ...S.value, [v]: x };
     }
     const O = o.dataSources.length > 0 ? ha(o.dataSources) : null, D = _(() => O?.state.value ?? {}), te = _(() => O?.isLoading.value ?? !1);
-    function U(v) {
+    function W(v) {
       return O?.getData(v) ?? null;
     }
     function fe(v) {
       return O?.refetch(v) ?? Promise.resolve();
     }
-    Z("layerboard-layers", q(n)), Z("layerboard-visible", y), Z("layerboard-opacities", h), Z("layerboard-loading", q(a)), Z("layerboard-errors", q(g)), Z("layerboard-zoom", q(p)), Z("layerboard-toggle-layer", ze), Z("layerboard-set-layer-visible", We), Z("layerboard-set-layers-visible", $e), Z("layerboard-set-opacity", Pe), Z("layerboard-tiled-layers", q(_(() => o.tiledLayers))), Z("layerboard-visible-tiled", L), Z("layerboard-tiled-opacities", S), Z("layerboard-toggle-tiled", F), Z("layerboard-set-tiled-opacity", T), Z("layerboard-set-tiled-visible", V), Z("layerboard-data-sources-state", D), Z("layerboard-data-sources-loading", te), Z("layerboard-get-data-source", U), Z("layerboard-refetch-data-source", fe);
+    N("layerboard-layers", q(n)), N("layerboard-visible", y), N("layerboard-opacities", h), N("layerboard-loading", q(i)), N("layerboard-errors", q(g)), N("layerboard-zoom", q(p)), N("layerboard-toggle-layer", ze), N("layerboard-set-layer-visible", We), N("layerboard-set-layers-visible", $e), N("layerboard-set-opacity", Pe), N("layerboard-tiled-layers", q(_(() => o.tiledLayers))), N("layerboard-visible-tiled", L), N("layerboard-tiled-opacities", S), N("layerboard-toggle-tiled", F), N("layerboard-set-tiled-opacity", T), N("layerboard-set-tiled-visible", V), N("layerboard-data-sources-state", D), N("layerboard-data-sources-loading", te), N("layerboard-get-data-source", W), N("layerboard-refetch-data-source", fe);
     const ve = _(() => ({
       backgroundColor: o.themeColor
     })), st = _(() => ({
@@ -1992,9 +1992,9 @@ const ga = { class: "layerboard-layout" }, va = ["aria-expanded"], ba = {
     async function Ue() {
       try {
         u.value = !0, w.value = null;
-        const x = (await vt(o.webMapId)).map((W) => {
-          let Q = W;
-          const Se = o.layerStyleOverrides[W.id];
+        const x = (await vt(o.webMapId)).map((Z) => {
+          let Q = Z;
+          const Se = o.layerStyleOverrides[Z.id];
           Se && (Q = {
             ...Q,
             paint: Se.paint ?? Q.paint,
@@ -2002,19 +2002,19 @@ const ga = { class: "layerboard-layout" }, va = ["aria-expanded"], ba = {
             legend: Se.legend ?? Q.legend,
             type: Se.type ?? Q.type
           });
-          const Ve = o.popupOverrides[W.id];
+          const Ve = o.popupOverrides[Z.id] || (Z.parentId ? o.popupOverrides[Z.parentId] : void 0);
           return Ve && Q.popup && (Q = {
             ...Q,
             popup: { ...Q.popup, ...Ve }
           }), Q;
         });
-        n.value = x.map((W) => ({
-          config: W,
-          component: W.type
+        n.value = x.map((Z) => ({
+          config: Z,
+          component: Z.type
         }));
         const K = {};
-        x.forEach((W) => {
-          K[W.id] = W.opacity ?? 1;
+        x.forEach((Z) => {
+          K[Z.id] = Z.opacity ?? 1;
         }), h.value = K, r("configs-loaded", x);
       } catch (v) {
         const x = v instanceof Error ? v.message : "Failed to load layer configurations";
@@ -2030,13 +2030,13 @@ const ga = { class: "layerboard-layout" }, va = ["aria-expanded"], ba = {
             "select url_text, COALESCE(representation, '') as representation from phl.knack_metadata_reps_endpoints_join WHERE ( format = 'API' OR format = 'GeoService' ) AND url_text IS NOT null"
           ), x = await fetch(v);
           if (!x.ok) return;
-          const K = await x.json(), W = {};
+          const K = await x.json(), Z = {};
           for (const Q of K.rows || [])
             if (Q.url_text && Q.representation) {
               const Se = Vt(Q.url_text), Ve = `https://metadata.phila.gov/#home/representationdetails/${Q.representation}/`;
-              W[Se] = Ve;
+              Z[Se] = Ve;
             }
-          d.value = W;
+          d.value = Z;
         } catch {
         }
     }
@@ -2058,7 +2058,7 @@ const ga = { class: "layerboard-layout" }, va = ["aria-expanded"], ba = {
       h.value = { ...h.value, [v]: x };
     }
     function je(v, x) {
-      x ? a.value.add(v) : a.value.delete(v), a.value = new Set(a.value);
+      x ? i.value.add(v) : i.value.delete(v), i.value = new Set(i.value);
     }
     function ut(v, x) {
       if (x)
@@ -2118,8 +2118,8 @@ const ga = { class: "layerboard-layout" }, va = ["aria-expanded"], ba = {
           )
         );
         if (x.length === 0) return;
-        const K = x[0], W = x[x.length - 1];
-        v.shiftKey ? document.activeElement === K && (v.preventDefault(), W.focus()) : document.activeElement === W && (v.preventDefault(), K.focus());
+        const K = x[0], Z = x[x.length - 1];
+        v.shiftKey ? document.activeElement === K && (v.preventDefault(), Z.focus()) : document.activeElement === Z && (v.preventDefault(), K.focus());
       }
     }
     function ft(v) {
@@ -2134,11 +2134,11 @@ const ga = { class: "layerboard-layout" }, va = ["aria-expanded"], ba = {
           )
         );
         if (x.length === 0) return;
-        const K = x[0], W = x[x.length - 1];
-        v.shiftKey ? document.activeElement === K && (v.preventDefault(), W.focus()) : document.activeElement === W && (v.preventDefault(), K.focus());
+        const K = x[0], Z = x[x.length - 1];
+        v.shiftKey ? document.activeElement === K && (v.preventDefault(), Z.focus()) : document.activeElement === Z && (v.preventDefault(), K.focus());
       }
     }
-    Z("layerboard-open-modal", Re), Z("layerboard-close-modal", re), Z("layerboard-is-modal-open", q(ne)), i({
+    N("layerboard-open-modal", Re), N("layerboard-close-modal", re), N("layerboard-is-modal-open", q(ne)), a({
       /** Layer configurations */
       layerList: n,
       /** Set of visible layer IDs */
@@ -2146,7 +2146,7 @@ const ga = { class: "layerboard-layout" }, va = ["aria-expanded"], ba = {
       /** Layer opacity values */
       layerOpacities: h,
       /** Set of currently loading layer IDs */
-      loadingLayers: a,
+      loadingLayers: i,
       /** Map of layer errors by ID */
       layerErrors: g,
       /** Current map zoom level */
@@ -2180,7 +2180,7 @@ const ga = { class: "layerboard-layout" }, va = ["aria-expanded"], ba = {
       /** Whether any data source is loading */
       dataSourcesLoading: te,
       /** Get data from a specific data source */
-      getDataSourceData: U,
+      getDataSourceData: W,
       /** Refetch a specific data source */
       refetchDataSource: fe,
       // Modal APIs
@@ -2308,7 +2308,7 @@ const ga = { class: "layerboard-layout" }, va = ["aria-expanded"], ba = {
               layers: n.value,
               visibleLayers: y.value,
               layerOpacities: h.value,
-              loadingLayers: a.value,
+              loadingLayers: i.value,
               layerErrors: g.value,
               currentZoom: p.value,
               toggleLayer: ze,
@@ -2323,7 +2323,7 @@ const ga = { class: "layerboard-layout" }, va = ["aria-expanded"], ba = {
               setTiledLayerOpacity: T,
               dataSourcesState: D.value,
               dataSourcesLoading: te.value,
-              getDataSource: U,
+              getDataSource: W,
               refetchDataSource: fe
             }, () => [
               e.showDefaultSidebar ? (m(), G(Ko, {
@@ -2331,7 +2331,7 @@ const ga = { class: "layerboard-layout" }, va = ["aria-expanded"], ba = {
                 "layer-list": n.value,
                 "visible-layers": y.value,
                 "layer-opacities": h.value,
-                "loading-layers": a.value,
+                "loading-layers": i.value,
                 "layer-errors": g.value,
                 "current-zoom": p.value,
                 "search-query": C.value,
@@ -2439,7 +2439,7 @@ const ga = { class: "layerboard-layout" }, va = ["aria-expanded"], ba = {
       P("span", Ma, H(Le.value === "sidebar" ? "Showing layers panel" : "Showing map"), 1)
     ]));
   }
-}), Qa = /* @__PURE__ */ xe(Pa, [["__scopeId", "data-v-0a7b6d44"]]), Fa = ["aria-expanded"], Ta = {
+}), Qa = /* @__PURE__ */ xe(Pa, [["__scopeId", "data-v-b6c04107"]]), Fa = ["aria-expanded"], Ta = {
   key: 0,
   class: "topic-icon"
 }, Ia = { class: "topic-title" }, Ea = /* @__PURE__ */ ge({
@@ -2452,8 +2452,8 @@ const ga = { class: "layerboard-layout" }, va = ["aria-expanded"], ba = {
     headerClass: { default: void 0 }
   },
   emits: ["toggle", "layerChange"],
-  setup(e, { emit: i }) {
-    const l = e, o = i, r = k(l.expanded), n = `topic-panel-${Pt()}`, u = `topic-header-${Pt()}`;
+  setup(e, { emit: a }) {
+    const l = e, o = a, r = k(l.expanded), n = `topic-panel-${Pt()}`, u = `topic-header-${Pt()}`;
     Ee(
       () => l.expanded,
       (p) => {
@@ -2524,11 +2524,11 @@ const ga = { class: "layerboard-layout" }, va = ["aria-expanded"], ba = {
 function Oa(e) {
   return e.displayOptions?.shouldShowCheckbox !== !1;
 }
-function Ut(e, i) {
-  return i ? e.displayOptions?.shouldShowSlider !== !1 : !1;
+function Ut(e, a) {
+  return a ? e.displayOptions?.shouldShowSlider !== !1 : !1;
 }
-function Wt(e, i) {
-  return i ? e.displayOptions?.shouldShowLegendBox !== !1 : !1;
+function Wt(e, a) {
+  return a ? e.displayOptions?.shouldShowLegendBox !== !1 : !1;
 }
 function Oe(e) {
   return e.displayOptions?.layerNameChange || e.title;
@@ -2550,8 +2550,8 @@ const za = ["aria-label"], Da = ["checked", "disabled", "onChange"], _a = { clas
     groupLabel: { default: void 0 }
   },
   emits: ["toggleLayer", "setOpacity"],
-  setup(e, { emit: i }) {
-    const l = e, o = i, { isVisible: r, getLayerOpacity: n, isLayerLoading: u, getLayerError: w, isLayerAvailableAtZoom: p } = Lt(
+  setup(e, { emit: a }) {
+    const l = e, o = a, { isVisible: r, getLayerOpacity: n, isLayerLoading: u, getLayerError: w, isLayerAvailableAtZoom: p } = Lt(
       () => l
     );
     function C(y) {
@@ -2562,58 +2562,58 @@ const za = ["aria-label"], Da = ["checked", "disabled", "onChange"], _a = { clas
       role: "group",
       "aria-label": e.groupLabel
     }, [
-      (m(!0), M(de, null, we(e.layers, (a) => (m(), M("div", {
-        key: a.id,
+      (m(!0), M(de, null, we(e.layers, (i) => (m(), M("div", {
+        key: i.id,
         class: "layer-item"
       }, [
-        f(Oa)(a) ? (m(), M("label", {
+        f(Oa)(i) ? (m(), M("label", {
           key: 0,
           class: se(["layer-checkbox", {
-            "layer-unavailable": !f(p)(a),
-            "layer-error": f(w)(a.id)
+            "layer-unavailable": !f(p)(i),
+            "layer-error": f(w)(i.id)
           }])
         }, [
           P("input", {
             type: "checkbox",
-            checked: f(r)(a.id),
-            disabled: !f(p)(a),
-            onChange: (g) => C(a.id)
+            checked: f(r)(i.id),
+            disabled: !f(p)(i),
+            onChange: (g) => C(i.id)
           }, null, 40, Da),
           P("span", _a, [
-            ke(H(f(Oe)(a)) + " ", 1),
+            ke(H(f(Oe)(i)) + " ", 1),
             J(lt, {
-              loading: f(u)(a.id),
-              error: f(w)(a.id),
-              unavailable: !f(p)(a)
+              loading: f(u)(i.id),
+              error: f(w)(i.id),
+              unavailable: !f(p)(i)
             }, null, 8, ["loading", "error", "unavailable"])
           ])
         ], 2)) : (m(), M("div", {
           key: 1,
           class: se(["layer-label-only", {
-            "layer-unavailable": !f(p)(a),
-            "layer-error": f(w)(a.id)
+            "layer-unavailable": !f(p)(i),
+            "layer-error": f(w)(i.id)
           }])
         }, [
           P("span", Ra, [
-            ke(H(f(Oe)(a)) + " ", 1),
+            ke(H(f(Oe)(i)) + " ", 1),
             J(lt, {
-              loading: f(u)(a.id),
-              error: f(w)(a.id),
-              unavailable: !f(p)(a)
+              loading: f(u)(i.id),
+              error: f(w)(i.id),
+              unavailable: !f(p)(i)
             }, null, 8, ["loading", "error", "unavailable"])
           ])
         ], 2)),
-        f(Ut)(a, e.showOpacity) && f(r)(a.id) && f(p)(a) ? (m(), G(bt, {
+        f(Ut)(i, e.showOpacity) && f(r)(i.id) && f(p)(i) ? (m(), G(bt, {
           key: 2,
-          "layer-id": a.id,
-          "layer-name": f(Oe)(a),
-          opacity: f(n)(a.id),
-          "onUpdate:opacity": (g) => o("setOpacity", a.id, g)
+          "layer-id": i.id,
+          "layer-name": f(Oe)(i),
+          opacity: f(n)(i.id),
+          "onUpdate:opacity": (g) => o("setOpacity", i.id, g)
         }, null, 8, ["layer-id", "layer-name", "opacity", "onUpdate:opacity"])) : R("", !0),
-        f(Wt)(a, e.showLegend) && f(r)(a.id) && f(p)(a) && a.legend?.length ? (m(), G(wt, {
+        f(Wt)(i, e.showLegend) && f(r)(i.id) && f(p)(i) && i.legend?.length ? (m(), G(wt, {
           key: 3,
-          items: a.legend,
-          label: "Legend for " + f(Oe)(a)
+          items: i.legend,
+          label: "Legend for " + f(Oe)(i)
         }, null, 8, ["items", "label"])) : R("", !0)
       ]))), 128)),
       e.layers.length === 0 ? (m(), M("div", Aa, "No layers available")) : R("", !0)
@@ -2637,12 +2637,12 @@ const za = ["aria-label"], Da = ["checked", "disabled", "onChange"], _a = { clas
     groupLabel: { default: void 0 }
   },
   emits: ["selectLayer", "setOpacity"],
-  setup(e, { emit: i }) {
-    const l = e, o = i, { isVisible: r, getLayerOpacity: n, isLayerLoading: u, getLayerError: w, isLayerAvailableAtZoom: p } = Lt(
+  setup(e, { emit: a }) {
+    const l = e, o = a, { isVisible: r, getLayerOpacity: n, isLayerLoading: u, getLayerError: w, isLayerAvailableAtZoom: p } = Lt(
       () => l
     );
     function C(y) {
-      const h = l.layers.filter((a) => l.visibleLayerIds.has(a.id) && a.id !== y).map((a) => a.id);
+      const h = l.layers.filter((i) => l.visibleLayerIds.has(i.id) && i.id !== y).map((i) => i.id);
       o("selectLayer", y, h);
     }
     return (y, h) => (m(), M("div", {
@@ -2650,43 +2650,43 @@ const za = ["aria-label"], Da = ["checked", "disabled", "onChange"], _a = { clas
       role: "radiogroup",
       "aria-label": e.groupLabel
     }, [
-      (m(!0), M(de, null, we(e.layers, (a) => (m(), M("div", {
-        key: a.id,
+      (m(!0), M(de, null, we(e.layers, (i) => (m(), M("div", {
+        key: i.id,
         class: "layer-item"
       }, [
         P("label", {
           class: se(["layer-radio", {
-            "layer-unavailable": !f(p)(a),
-            "layer-error": f(w)(a.id)
+            "layer-unavailable": !f(p)(i),
+            "layer-error": f(w)(i.id)
           }])
         }, [
           P("input", {
             type: "radio",
             name: e.groupName,
-            checked: f(r)(a.id),
-            disabled: !f(p)(a),
-            onChange: (g) => C(a.id)
+            checked: f(r)(i.id),
+            disabled: !f(p)(i),
+            onChange: (g) => C(i.id)
           }, null, 40, Za),
           P("span", Na, [
-            ke(H(f(Oe)(a)) + " ", 1),
+            ke(H(f(Oe)(i)) + " ", 1),
             J(lt, {
-              loading: f(u)(a.id),
-              error: f(w)(a.id),
-              unavailable: !f(p)(a)
+              loading: f(u)(i.id),
+              error: f(w)(i.id),
+              unavailable: !f(p)(i)
             }, null, 8, ["loading", "error", "unavailable"])
           ])
         ], 2),
-        f(Ut)(a, e.showOpacity) && f(r)(a.id) && f(p)(a) ? (m(), G(bt, {
+        f(Ut)(i, e.showOpacity) && f(r)(i.id) && f(p)(i) ? (m(), G(bt, {
           key: 0,
-          "layer-id": a.id,
-          "layer-name": f(Oe)(a),
-          opacity: f(n)(a.id),
-          "onUpdate:opacity": (g) => o("setOpacity", a.id, g)
+          "layer-id": i.id,
+          "layer-name": f(Oe)(i),
+          opacity: f(n)(i.id),
+          "onUpdate:opacity": (g) => o("setOpacity", i.id, g)
         }, null, 8, ["layer-id", "layer-name", "opacity", "onUpdate:opacity"])) : R("", !0),
-        f(Wt)(a, e.showLegend) && f(r)(a.id) && f(p)(a) && a.legend?.length ? (m(), G(wt, {
+        f(Wt)(i, e.showLegend) && f(r)(i.id) && f(p)(i) && i.legend?.length ? (m(), G(wt, {
           key: 1,
-          items: a.legend,
-          label: "Legend for " + f(Oe)(a)
+          items: i.legend,
+          label: "Legend for " + f(Oe)(i)
         }, null, 8, ["items", "label"])) : R("", !0)
       ]))), 128)),
       e.layers.length === 0 ? (m(), M("div", Ua, "No layers available")) : R("", !0)
@@ -2694,22 +2694,22 @@ const za = ["aria-label"], Da = ["checked", "disabled", "onChange"], _a = { clas
   }
 }), ei = /* @__PURE__ */ xe(Wa, [["__scopeId", "data-v-c368d815"]]);
 function ti(e) {
-  const i = k([]), l = k(/* @__PURE__ */ new Set()), o = k({}), r = k(/* @__PURE__ */ new Set()), n = k({}), u = k(""), w = k(!1), p = k(!1), C = k(null), y = _(() => {
+  const a = k([]), l = k(/* @__PURE__ */ new Set()), o = k({}), r = k(/* @__PURE__ */ new Set()), n = k({}), u = k(""), w = k(!1), p = k(!1), C = k(null), y = _(() => {
     if (!u.value.trim())
-      return i.value;
+      return a.value;
     const T = u.value.toLowerCase();
-    return i.value.filter((O) => O.title.toLowerCase().includes(T));
-  }), h = _(() => i.value.map((T) => ({
+    return a.value.filter((O) => O.title.toLowerCase().includes(T));
+  }), h = _(() => a.value.map((T) => ({
     config: T,
     component: T.type
     // "circle", "fill", or "line"
   })));
-  async function a() {
+  async function i() {
     if (!p.value) {
       w.value = !0, C.value = null;
       try {
         let T;
-        e.mode === "dynamic" || !e.mode ? e.webMapId ? T = await g(e.webMapId) : T = await vt() : T = await vt(), i.value = T;
+        e.mode === "dynamic" || !e.mode ? e.webMapId ? T = await g(e.webMapId) : T = await vt() : T = await vt(), a.value = T;
         const O = {};
         T.forEach((D) => {
           O[D.id] = D.opacity ?? 1;
@@ -2754,11 +2754,11 @@ function ti(e) {
     }
   }
   function V() {
-    i.value = [], l.value = /* @__PURE__ */ new Set(), o.value = {}, r.value = /* @__PURE__ */ new Set(), n.value = {}, u.value = "", w.value = !1, p.value = !1, C.value = null;
+    a.value = [], l.value = /* @__PURE__ */ new Set(), o.value = {}, r.value = /* @__PURE__ */ new Set(), n.value = {}, u.value = "", w.value = !1, p.value = !1, C.value = null;
   }
   return {
     // State (readonly)
-    layerConfigs: q(i),
+    layerConfigs: q(a),
     visibleLayers: q(l),
     layerOpacities: q(o),
     loadingLayers: q(r),
@@ -2773,7 +2773,7 @@ function ti(e) {
     // Config
     config: e,
     // Methods
-    initialize: a,
+    initialize: i,
     toggleLayer: d,
     setLayerOpacity: L,
     filterLayers: S,
@@ -2783,29 +2783,29 @@ function ti(e) {
   };
 }
 function oi() {
-  const e = k([]), i = k(/* @__PURE__ */ new Set()), l = k(/* @__PURE__ */ new Set());
+  const e = k([]), a = k(/* @__PURE__ */ new Set()), l = k(/* @__PURE__ */ new Set());
   function o(n) {
-    i.value.has(n) ? i.value.delete(n) : i.value.add(n);
+    a.value.has(n) ? a.value.delete(n) : a.value.add(n);
   }
   function r(n) {
     e.value = n;
   }
   return {
     layers: _(() => e.value),
-    visibleLayerIds: _(() => i.value),
+    visibleLayerIds: _(() => a.value),
     loadingLayerIds: _(() => l.value),
     toggleLayer: o,
     setLayers: r
   };
 }
 function ja(e) {
-  const i = k(null), l = k(!1), o = k(null), r = k(0);
+  const a = k(null), l = k(!1), o = k(null), r = k(0);
   async function n(p = {}) {
     l.value = !0, o.value = null;
     const C = e.pageSize || 2e3;
-    let y = 0, h = [], a = !0;
+    let y = 0, h = [], i = !0;
     try {
-      for (; a; ) {
+      for (; i; ) {
         const d = e.url.replace(/\/$/, ""), L = encodeURIComponent(p.where || e.where || "1=1");
         let S = `${d}/query?where=${L}&outFields=*&returnGeometry=true&resultRecordCount=${C}&resultOffset=${y}&f=geojson`;
         if (p.bounds) {
@@ -2822,13 +2822,13 @@ function ja(e) {
         if (!I.ok)
           throw new Error(`HTTP ${I.status}: ${I.statusText}`);
         const F = await I.json();
-        F.features && F.features.length > 0 ? (h = h.concat(F.features), y += F.features.length, a = F.features.length === C) : a = !1;
+        F.features && F.features.length > 0 ? (h = h.concat(F.features), y += F.features.length, i = F.features.length === C) : i = !1;
       }
       const g = {
         type: "FeatureCollection",
         features: h
       };
-      return i.value = g, r.value = h.length, g;
+      return a.value = g, r.value = h.length, g;
     } catch (g) {
       const d = g instanceof Error ? g : new Error("Failed to fetch features");
       throw o.value = d, d;
@@ -2837,14 +2837,14 @@ function ja(e) {
     }
   }
   function u() {
-    i.value = null, r.value = 0, o.value = null;
+    a.value = null, r.value = 0, o.value = null;
   }
   async function w(p = {}) {
     return n(p);
   }
   return {
     // State (readonly)
-    data: q(i),
+    data: q(a),
     isLoading: q(l),
     error: q(o),
     totalFeatures: q(r),
@@ -2856,10 +2856,10 @@ function ja(e) {
     clear: u
   };
 }
-function ai(e, i, l) {
+function ai(e, a, l) {
   const o = ja(e);
   return Ee(
-    i,
+    a,
     async (r) => {
       if (r) {
         const n = l(r);