@phila/layerboard 3.0.0-beta.35 → 3.0.0-beta.36

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as ge, ref as x, watch as Oe, computed as _, nextTick as Ne, onMounted as lt, onUnmounted as Vt, createElementBlock as M, openBlock as m, createVNode as H, unref as f, withCtx as He, createBlock as q, createCommentVNode as A, Fragment as ue, renderList as Le, useAttrs as Kt, toRef as Qt, normalizeClass as ne, createElementVNode as P, toDisplayString as G, renderSlot as me, withDirectives as Zt, mergeProps as vt, vModelDynamic as Xt, createTextVNode as xe, normalizeProps as Pt, guardReactiveProps as Ft, normalizeStyle as ye, withModifiers as Yt, readonly as j, provide as N, onBeforeUnmount as eo, useId as Tt, resolveComponent as to, vShow as oo } from "vue";
+import { defineComponent as ge, ref as x, watch as Oe, computed as _, nextTick as Ne, onMounted as lt, onUnmounted as Vt, createElementBlock as M, openBlock as h, createVNode as H, unref as f, withCtx as He, createBlock as q, createCommentVNode as A, Fragment as ue, renderList as Le, useAttrs as Kt, toRef as Qt, normalizeClass as ne, createElementVNode as P, toDisplayString as G, renderSlot as he, withDirectives as Zt, mergeProps as vt, vModelDynamic as Xt, createTextVNode as xe, normalizeProps as Pt, guardReactiveProps as Ft, normalizeStyle as ye, withModifiers as Yt, readonly as j, provide as N, onBeforeUnmount as eo, useId as Tt, resolveComponent as to, vShow as oo } from "vue";
 import { Map as ao, DrawTool as io, RasterLayer as It, CircleLayer as Et, FillLayer as Ot, LineLayer as gt, MapMarker as lo, MapPopup as no } from "@phila/phila-ui-map-core";
 import { cn as bt, Icon as ke, BaseLink as ro, ActionContent as zt } from "@phila/phila-ui-core";
 const so = { class: "map-panel" }, co = /* @__PURE__ */ ge({
@@ -32,7 +32,7 @@ const so = { class: "map-panel" }, co = /* @__PURE__ */ ge({
       const c = t.getZoom(), b = t.getCenter().lat, k = 559082264028e-3, I = b * Math.PI / 180;
       return k * Math.cos(I) / Math.pow(2, c);
     }
-    const C = x({}), y = x(null), h = x(/* @__PURE__ */ new Set());
+    const C = x({}), y = x(null), m = x(/* @__PURE__ */ new Set());
     async function i(t, c, s, b, k) {
       const I = encodeURIComponent(b || "1=1"), B = JSON.stringify({
         xmin: c.west,
@@ -109,8 +109,8 @@ const so = { class: "map-panel" }, co = /* @__PURE__ */ ge({
       () => l.visibleLayers,
       async () => {
         if (re.value.length > 0 && Ie(), y.value) {
-          const t = new Set(l.visibleLayers), c = [...t].filter((b) => !h.value.has(b));
-          h.value = new Set(t);
+          const t = new Set(l.visibleLayers), c = [...t].filter((b) => !m.value.has(b));
+          m.value = new Set(t);
           const s = d(c);
           if (s.length > 0) {
             const b = n.value?.getZoom();
@@ -360,10 +360,10 @@ const so = { class: "map-panel" }, co = /* @__PURE__ */ ge({
       se.sort((R, W) => {
         const ce = R.popupConfig?.popupSortField, yt = W.popupConfig?.popupSortField;
         if (!ce || ce !== yt) return 0;
-        const mt = R.properties[ce], ht = W.properties[ce];
-        if (mt == null || ht == null) return 0;
+        const ht = R.properties[ce], mt = W.properties[ce];
+        if (ht == null || mt == null) return 0;
         const Mt = R.popupConfig?.popupSortOrder !== "asc";
-        return mt < ht ? Mt ? 1 : -1 : mt > ht ? Mt ? -1 : 1 : 0;
+        return ht < mt ? Mt ? 1 : -1 : ht > mt ? Mt ? -1 : 1 : 0;
       }), re.value = se, oe.value = 0, Te.value = [t.lngLat.lng, t.lngLat.lat];
       const te = se[0];
       if (te) {
@@ -599,7 +599,7 @@ const so = { class: "map-panel" }, co = /* @__PURE__ */ ge({
       const [c, s] = t.geometry.coordinates;
       $t.value = [c, s];
     }
-    return (t, c) => (m(), M("div", so, [
+    return (t, c) => (h(), M("div", so, [
       H(f(ao), {
         ref_key: "mapRef",
         ref: r,
@@ -624,27 +624,29 @@ const so = { class: "map-panel" }, co = /* @__PURE__ */ ge({
         onSearchResult: Jt
       }, {
         default: He(() => [
-          l.drawControlPosition !== null ? (m(), q(f(io), {
+          l.drawControlPosition !== null ? (h(), q(f(io), {
             key: 0,
             position: l.drawControlPosition
           }, null, 8, ["position"])) : A("", !0),
-          (m(!0), M(ue, null, Le(ut.value, (s) => (m(), q(f(It), {
+          (h(!0), M(ue, null, Le(ut.value, (s) => (h(), q(f(It), {
             id: "tiled-" + s.id,
             key: "tiled-" + s.id,
             source: ct(s),
             paint: { "raster-opacity": de(s.id) },
             minzoom: s.minZoom,
-            maxzoom: s.maxZoom
+            maxzoom: s.maxZoom,
+            "before-id": "highlight-circles"
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          (m(!0), M(ue, null, Le(De.value, (s) => (m(), q(f(It), {
+          (h(!0), M(ue, null, Le(De.value, (s) => (h(), q(f(It), {
             id: "dynamic-" + s.id,
             key: "dynamic-" + s.id,
             source: je(s),
             paint: { "raster-opacity": de(s.id) },
             minzoom: s.minZoom,
-            maxzoom: s.maxZoom
+            maxzoom: s.maxZoom,
+            "before-id": "highlight-circles"
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          (m(!0), M(ue, null, Le(T.value, (s) => (m(), q(f(Et), {
+          (h(!0), M(ue, null, Le(T.value, (s) => (h(), q(f(Et), {
             id: s.id,
             key: s.id,
             source: Me(s),
@@ -654,7 +656,7 @@ const so = { class: "map-panel" }, co = /* @__PURE__ */ ge({
             "before-id": "highlight-circles",
             onClick: ae
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          (m(!0), M(ue, null, Le(O.value, (s) => (m(), q(f(Ot), {
+          (h(!0), M(ue, null, Le(O.value, (s) => (h(), q(f(Ot), {
             id: s.id,
             key: s.id,
             source: Me(s),
@@ -664,7 +666,7 @@ const so = { class: "map-panel" }, co = /* @__PURE__ */ ge({
             "before-id": "highlight-circles",
             onClick: ae
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          (m(!0), M(ue, null, Le(D.value, (s) => (m(), q(f(gt), {
+          (h(!0), M(ue, null, Le(D.value, (s) => (h(), q(f(gt), {
             id: s.id + "-outline",
             key: s.id + "-outline",
             source: Me(s),
@@ -674,7 +676,7 @@ const so = { class: "map-panel" }, co = /* @__PURE__ */ ge({
             "before-id": "highlight-lines",
             onClick: ae
           }, null, 8, ["id", "source", "paint", "minzoom", "maxzoom"]))), 128)),
-          (m(!0), M(ue, null, Le(ee.value, (s) => (m(), q(f(gt), {
+          (h(!0), M(ue, null, Le(ee.value, (s) => (h(), q(f(gt), {
             id: s.id,
             key: s.id,
             source: Me(s),
@@ -706,7 +708,7 @@ const so = { class: "map-panel" }, co = /* @__PURE__ */ ge({
             "lng-lat": $t.value,
             color: "#2176d2"
           }, null, 8, ["lng-lat"]),
-          ie.value && Te.value ? (m(), q(f(no), {
+          ie.value && Te.value ? (h(), q(f(no), {
             key: 1,
             "lng-lat": Te.value,
             html: Ae.value,
@@ -730,7 +732,7 @@ const so = { class: "map-panel" }, co = /* @__PURE__ */ ge({
   for (const [o, r] of a)
     l[o] = r;
   return l;
-}, uo = /* @__PURE__ */ $e(co, [["__scopeId", "data-v-c704fcd9"]]);
+}, uo = /* @__PURE__ */ $e(co, [["__scopeId", "data-v-1f8b1f59"]]);
 function Nt(e) {
   let a = e.split("?")[0] || e;
   return a = a.replace(/\/query$/, ""), a = a.replace(/\/$/, ""), a = a.replace(/^https?:\/\//, ""), a.toLowerCase();
@@ -785,11 +787,11 @@ const fo = ["disabled"], po = /* @__PURE__ */ ge({
         size: a.size
       })
     );
-    return (u, w) => l(a) ? (m(), q(f(ro), vt({ key: 0 }, { ...r.value, ...u.$attrs }, { role: "button" }), {
+    return (u, w) => l(a) ? (h(), q(f(ro), vt({ key: 0 }, { ...r.value, ...u.$attrs }, { role: "button" }), {
       default: He(() => [
         H(f(zt), Pt(Ft(n.value)), {
           default: He(() => [
-            me(u.$slots, "default", {}, () => [
+            he(u.$slots, "default", {}, () => [
               xe(G(a.text), 1)
             ])
           ]),
@@ -797,7 +799,7 @@ const fo = ["disabled"], po = /* @__PURE__ */ ge({
         }, 16)
       ]),
       _: 3
-    }, 16)) : (m(), M("button", vt({
+    }, 16)) : (h(), M("button", vt({
       key: 1,
       type: "button",
       disabled: a.disabled,
@@ -805,7 +807,7 @@ const fo = ["disabled"], po = /* @__PURE__ */ ge({
     }, u.$attrs), [
       H(f(zt), Pt(Ft(n.value)), {
         default: He(() => [
-          me(u.$slots, "default", {}, () => [
+          he(u.$slots, "default", {}, () => [
             xe(G(a.text), 1)
           ])
         ]),
@@ -818,11 +820,11 @@ var yo = {
   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"]
-}, mo = yo, ho = {
+}, ho = yo, mo = {
   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"]
-}, go = ho;
+}, go = mo;
 const vo = ["for"], bo = { class: "state-layer" }, wo = { class: "content" }, Lo = { class: "input-text-container" }, So = ["id", "placeholder", "aria-label"], Co = {
   key: 1,
   class: "has-text-body-small phila-supporting-text"
@@ -858,16 +860,16 @@ const vo = ["for"], bo = { class: "state-layer" }, wo = { class: "content" }, Lo
     }), y = _(() => {
       const d = [];
       return p.value !== "" && d.push("phila-text-field--filled"), o.className && d.push(o.className), bt(...d);
-    }), h = _(() => {
+    }), m = _(() => {
       if (!(o.label || l["aria-label"]))
         return o.placeholder || void 0;
     }), i = x(null), g = (d) => {
       d.target.closest("button") || i.value?.focus();
     };
-    return (d, L) => (m(), M("div", {
+    return (d, L) => (h(), M("div", {
       class: ne(["phila-input", C.value])
     }, [
-      o.label ? (m(), M("label", {
+      o.label ? (h(), M("label", {
         key: 0,
         for: n.value,
         class: "has-text-label-small phila-label"
@@ -877,7 +879,7 @@ const vo = ["for"], bo = { class: "state-layer" }, wo = { class: "content" }, Lo
         onClick: g
       }, [
         P("div", bo, [
-          o.leadingIcon ? (m(), q(f(ke), {
+          o.leadingIcon ? (h(), q(f(ke), {
             key: 0,
             "icon-class": o.leadingIcon,
             inline: "",
@@ -892,13 +894,13 @@ const vo = ["for"], bo = { class: "state-layer" }, wo = { class: "content" }, Lo
                 "onUpdate:modelValue": L[0] || (L[0] = (S) => p.value = S),
                 class: "phila-text-field-input has-text-body-default",
                 placeholder: o.placeholder,
-                "aria-label": h.value
+                "aria-label": m.value
               }, f(l)), null, 16, So), [
                 [Xt, p.value]
               ])
             ])
           ]),
-          p.value != "" ? (m(), q(f(po), {
+          p.value != "" ? (h(), q(f(po), {
             key: 1,
             variant: "standard",
             size: "small",
@@ -906,20 +908,20 @@ const vo = ["for"], bo = { class: "state-layer" }, wo = { class: "content" }, Lo
             "icon-definition": f(go),
             onClick: L[1] || (L[1] = (S) => p.value = "")
           }, null, 8, ["icon-definition"])) : A("", !0),
-          o.trailingIcon ? (m(), q(f(ke), {
+          o.trailingIcon ? (h(), q(f(ke), {
             key: 2,
             size: "small",
             "icon-class": o.trailingIcon,
             inline: "",
             decorative: ""
           }, null, 8, ["icon-class"])) : A("", !0),
-          me(d.$slots, "trailing-action")
+          he(d.$slots, "trailing-action")
         ])
       ], 2),
-      o.supportingText ? (m(), M("div", Co, G(o.supportingText), 1)) : A("", !0),
-      r.value ? (m(), M("div", ko, [
+      o.supportingText ? (h(), M("div", Co, G(o.supportingText), 1)) : A("", !0),
+      r.value ? (h(), M("div", ko, [
         H(f(ke), {
-          "icon-definition": f(mo),
+          "icon-definition": f(ho),
           size: "small",
           inline: "",
           decorative: ""
@@ -969,15 +971,15 @@ const Io = {
     unavailable: { type: Boolean }
   },
   setup(e) {
-    return (a, l) => (m(), M(ue, null, [
-      e.loading && !e.unavailable ? (m(), M("span", Io, " Loading... ")) : A("", !0),
-      e.error ? (m(), M("span", {
+    return (a, l) => (h(), M(ue, null, [
+      e.loading && !e.unavailable ? (h(), M("span", Io, " Loading... ")) : A("", !0),
+      e.error ? (h(), M("span", {
         key: 1,
         class: "error-indicator",
         "aria-label": e.error,
         role: "status"
       }, " Error ", 8, Eo)) : A("", !0),
-      e.unavailable ? (m(), M("span", Oo, " (zoom in) ")) : A("", !0)
+      e.unavailable ? (h(), M("span", Oo, " (zoom in) ")) : A("", !0)
     ], 64));
   }
 }), nt = /* @__PURE__ */ $e(zo, [["__scopeId", "data-v-19b1b402"]]), Do = { class: "opacity-control" }, _o = ["for"], Ro = ["id", "value", "aria-label"], Ao = /* @__PURE__ */ ge({
@@ -994,7 +996,7 @@ const Io = {
       const n = r.target;
       l("update:opacity", parseFloat(n.value));
     }
-    return (r, n) => (m(), M("div", Do, [
+    return (r, n) => (h(), M("div", Do, [
       P("label", {
         class: "opacity-label",
         for: "opacity-" + e.layerId
@@ -1019,20 +1021,20 @@ const Io = {
     label: {}
   },
   setup(e) {
-    return (a, l) => (m(), M("ul", {
+    return (a, l) => (h(), M("ul", {
       class: "layer-legend",
       "aria-label": e.label
     }, [
-      (m(!0), M(ue, null, Le(e.items, (o, r) => (m(), M("li", {
+      (h(!0), M(ue, null, Le(e.items, (o, r) => (h(), M("li", {
         key: r,
         class: "legend-item"
       }, [
-        o.type === "circle" ? (m(), M("span", {
+        o.type === "circle" ? (h(), M("span", {
           key: 0,
           class: "legend-symbol legend-circle",
           style: ye({ backgroundColor: o.color }),
           "aria-hidden": "true"
-        }, null, 4)) : o.type === "line" ? (m(), M("span", {
+        }, null, 4)) : o.type === "line" ? (h(), M("span", {
           key: 1,
           class: "legend-symbol legend-line",
           style: ye({
@@ -1040,7 +1042,7 @@ const Io = {
             height: `${o.width || 2}px`
           }),
           "aria-hidden": "true"
-        }, null, 4)) : o.type === "fill" ? (m(), M("span", {
+        }, null, 4)) : o.type === "fill" ? (h(), M("span", {
           key: 2,
           class: "legend-symbol legend-fill",
           style: ye({ backgroundColor: o.color }),
@@ -1111,7 +1113,7 @@ const No = { class: "layer-panel" }, Uo = {
       const L = Nt(d);
       return l.layerMetadata[L] || null;
     }
-    const u = _(() => l.layerList.some((d) => n(d.config.url))), { isVisible: w, getLayerOpacity: p, isLayerLoading: C, getLayerError: y, isLayerAvailableAtZoom: h } = Ct(() => ({
+    const u = _(() => l.layerList.some((d) => n(d.config.url))), { isVisible: w, getLayerOpacity: p, isLayerLoading: C, getLayerError: y, isLayerAvailableAtZoom: m } = Ct(() => ({
       visibleLayerIds: l.visibleLayers,
       layerOpacities: l.layerOpacities,
       loadingLayerIds: l.loadingLayers,
@@ -1124,8 +1126,8 @@ const No = { class: "layer-panel" }, Uo = {
     function g(d) {
       o("toggleLayer", d);
     }
-    return (d, L) => (m(), M("div", No, [
-      e.showSearch ? (m(), M("div", Uo, [
+    return (d, L) => (h(), M("div", No, [
+      e.showSearch ? (h(), M("div", Uo, [
         H(f(xo), {
           modelValue: i.value,
           "onUpdate:modelValue": L[0] || (L[0] = (S) => i.value = S),
@@ -1143,20 +1145,20 @@ const No = { class: "layer-panel" }, Uo = {
           _: 1
         }, 8, ["modelValue", "placeholder"])
       ])) : A("", !0),
-      e.mode === "topics" ? (m(), M("div", Wo, [
-        me(d.$slots, "topics", {}, () => [
+      e.mode === "topics" ? (h(), M("div", Wo, [
+        he(d.$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(), M("div", {
+      ])) : (h(), M("div", {
         key: 2,
         class: ne(["layer-list", { "has-metadata": u.value }])
       }, [
-        (m(!0), M(ue, null, Le(r.value, (S) => (m(), M("div", {
+        (h(!0), M(ue, null, Le(r.value, (S) => (h(), M("div", {
           key: S.config.id,
           class: "layer-item"
         }, [
           P("div", jo, [
-            n(S.config.url) ? (m(), M("a", {
+            n(S.config.url) ? (h(), M("a", {
               key: 0,
               href: n(S.config.url) || "",
               target: "_blank",
@@ -1172,17 +1174,17 @@ const No = { class: "layer-panel" }, Uo = {
                 inline: "",
                 decorative: ""
               }, null, 8, ["icon-definition"])
-            ], 8, qo)) : u.value ? (m(), M("span", Go)) : A("", !0),
+            ], 8, qo)) : u.value ? (h(), M("span", Go)) : A("", !0),
             P("label", {
               class: ne(["layer-checkbox", {
-                "layer-unavailable": !f(h)(S.config),
+                "layer-unavailable": !f(m)(S.config),
                 "layer-error": f(y)(S.config.id)
               }])
             }, [
               P("input", {
                 type: "checkbox",
                 checked: f(w)(S.config.id),
-                disabled: !f(h)(S.config),
+                disabled: !f(m)(S.config),
                 onChange: (E) => g(S.config.id)
               }, null, 40, Ho),
               P("span", Jo, [
@@ -1190,25 +1192,25 @@ const No = { class: "layer-panel" }, Uo = {
                 H(nt, {
                   loading: f(C)(S.config.id),
                   error: f(y)(S.config.id),
-                  unavailable: !f(h)(S.config)
+                  unavailable: !f(m)(S.config)
                 }, null, 8, ["loading", "error", "unavailable"])
               ])
             ], 2)
           ]),
-          e.showOpacity && f(w)(S.config.id) && f(h)(S.config) ? (m(), q(Lt, {
+          e.showOpacity && f(w)(S.config.id) && f(m)(S.config) ? (h(), q(Lt, {
             key: 0,
             "layer-id": S.config.id,
             "layer-name": S.config.title,
             opacity: f(p)(S.config.id),
             "onUpdate:opacity": (E) => o("setOpacity", S.config.id, E)
           }, null, 8, ["layer-id", "layer-name", "opacity", "onUpdate:opacity"])) : A("", !0),
-          e.showLegend && f(w)(S.config.id) && f(h)(S.config) && S.config.legend?.length ? (m(), q(St, {
+          e.showLegend && f(w)(S.config.id) && f(m)(S.config) && S.config.legend?.length ? (h(), q(St, {
             key: 1,
             items: S.config.legend,
             label: "Legend for " + S.config.title
           }, null, 8, ["items", "label"])) : A("", !0)
         ]))), 128)),
-        r.value.length === 0 ? (m(), M("div", Ko, 'No layers match "' + G(e.searchQuery) + '"', 1)) : A("", !0)
+        r.value.length === 0 ? (h(), M("div", Ko, 'No layers match "' + G(e.searchQuery) + '"', 1)) : A("", !0)
       ], 2))
     ]));
   }
@@ -1231,14 +1233,14 @@ function ea(e, a, l, o, r) {
     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;
+  let m = o.minValue ?? 0;
   for (let i = 0; i < n.length; i++) {
     const g = n[i], d = g.breaks, L = Ke(g.style), S = i === 0 ? null : n[i - 1].breaks[n[i - 1].breaks.length - 1].classMaxValue, E = d[d.length - 1].classMaxValue;
     let F;
     const V = !!o.defaultSymbol;
     S === null ? F = `${!V && o.minValue != null ? `${l} >= ${o.minValue} AND ` : ""}${l} <= ${E}` : i === n.length - 1 && V ? F = `${l} > ${S}` : F = `${l} > ${S} AND ${l} <= ${E}`;
     const T = {
-      "line-opacity": he(r)
+      "line-opacity": me(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);
@@ -1255,8 +1257,8 @@ function ea(e, a, l, o, r) {
         type: "line",
         color: z(U.symbol?.color),
         width: X(U.symbol?.width || 2),
-        label: U.label || `${h} - ${U.classMaxValue}`
-      }), h = U.classMaxValue + 1;
+        label: U.label || `${m} - ${U.classMaxValue}`
+      }), m = U.classMaxValue + 1;
     const D = g.style.replace("esriSLS", "").toLowerCase();
     let ee;
     i === 0 ? ee = "" : y.has(D) ? ee = `-${D}-${i}` : ee = `-${D}`, y.add(D), C.push({ suffix: ee, where: F, paint: T, legend: O });
@@ -1272,10 +1274,10 @@ function ta(e, a, l, o, r) {
   const u = [], w = /* @__PURE__ */ new Set();
   let p = !0;
   for (const [C, y] of n) {
-    const h = Ke(C), g = y.map((F) => `${a} = '${String(F.value).replace(/'/g, "''")}'`).join(" OR "), d = {
-      "line-opacity": he(o)
+    const m = Ke(C), g = y.map((F) => `${a} = '${String(F.value).replace(/'/g, "''")}'`).join(" OR "), d = {
+      "line-opacity": me(o)
     };
-    if (h && (d["line-dasharray"] = h), y.length === 1)
+    if (m && (d["line-dasharray"] = m), 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", a]]];
@@ -1304,7 +1306,7 @@ function z(e) {
   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) {
+function me(e) {
   return e !== void 0 ? e : 1;
 }
 function X(e) {
@@ -1353,15 +1355,15 @@ function Ut(e, a, l) {
   const o = e.symbol, r = st(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(a);
+    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 : me(a);
     if (n = {
       "fill-color": C,
       "fill-opacity": y
     }, Pe(o.outline)) {
-      const h = X(o.outline.width || 1);
+      const m = X(o.outline.width || 1);
       w = {
         "line-color": z(o.outline.color),
-        "line-width": h
+        "line-width": m
       };
     }
     u = [
@@ -1375,7 +1377,7 @@ function Ut(e, a, l) {
     n = {
       "line-color": z(o.color),
       "line-width": X(o.width || 1),
-      "line-opacity": he(a)
+      "line-opacity": me(a)
     };
     const p = Ke(o.style);
     p && (n["line-dasharray"] = p), u = [
@@ -1391,7 +1393,7 @@ function Ut(e, a, l) {
     n = {
       "circle-color": z(o.color),
       "circle-radius": p,
-      "circle-opacity": he(a)
+      "circle-opacity": me(a)
     }, Pe(o.outline) && (n["circle-stroke-color"] = z(o.outline.color), n["circle-stroke-width"] = X(o.outline.width || 1)), u = [
       {
         type: "circle",
@@ -1411,9 +1413,9 @@ function ia(e, a, l) {
   const C = [];
   let y = null;
   if (w === "fill") {
-    const h = ["match", ["to-string", ["get", o]]];
+    const m = ["match", ["to-string", ["get", o]]];
     for (const i of r) {
-      h.push(it(i.value)), h.push(z(i.symbol?.color));
+      m.push(it(i.value)), m.push(z(i.symbol?.color));
       const g = String(i.value), L = l?.get(g) || i.label || g;
       C.push({
         type: "fill",
@@ -1421,9 +1423,9 @@ function ia(e, a, l) {
         label: L
       });
     }
-    if (h.push(n ? z(n.color) : "rgba(0, 0, 0, 0)"), p = {
-      "fill-color": h,
-      "fill-opacity": he(a)
+    if (m.push(n ? z(n.color) : "rgba(0, 0, 0, 0)"), p = {
+      "fill-color": m,
+      "fill-opacity": me(a)
     }, Pe(u?.outline)) {
       const i = X(Math.max(u.outline.width || 1, 1));
       y = {
@@ -1432,9 +1434,9 @@ function ia(e, a, l) {
       };
     }
   } else if (w === "line") {
-    const h = ["match", ["to-string", ["get", o]]];
+    const m = ["match", ["to-string", ["get", o]]];
     for (const d of r) {
-      h.push(it(d.value)), h.push(z(d.symbol?.color));
+      m.push(it(d.value)), m.push(z(d.symbol?.color));
       const L = String(d.value), E = l?.get(L) || d.label || L;
       C.push({
         type: "line",
@@ -1443,10 +1445,10 @@ function ia(e, a, l) {
         label: E
       });
     }
-    h.push(n ? z(n.color) : "rgba(0, 0, 0, 0)"), p = {
-      "line-color": h,
+    m.push(n ? z(n.color) : "rgba(0, 0, 0, 0)"), p = {
+      "line-color": m,
       "line-width": X(u?.width || 2),
-      "line-opacity": he(a)
+      "line-opacity": me(a)
     };
     const i = r.map((d) => d.symbol?.style || "esriSLSSolid"), g = [...new Set(i)];
     if (g.length > 1) {
@@ -1458,9 +1460,9 @@ function ia(e, a, l) {
       d && (p["line-dasharray"] = d);
     }
   } else if (w === "circle") {
-    const h = ["match", ["to-string", ["get", o]]];
+    const m = ["match", ["to-string", ["get", o]]];
     for (const g of r) {
-      h.push(it(g.value)), h.push(z(g.symbol?.color));
+      m.push(it(g.value)), m.push(z(g.symbol?.color));
       const d = String(g.value), S = l?.get(d) || g.label || d;
       C.push({
         type: "circle",
@@ -1468,12 +1470,12 @@ function ia(e, a, l) {
         label: S
       });
     }
-    h.push(n ? z(n.color) : "rgba(0, 0, 0, 0)");
+    m.push(n ? z(n.color) : "rgba(0, 0, 0, 0)");
     const i = Math.round((u?.size || 6) * 0.71 * 100) / 100;
     p = {
-      "circle-color": h,
+      "circle-color": m,
       "circle-radius": i,
-      "circle-opacity": he(a)
+      "circle-opacity": me(a)
     }, Pe(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 };
@@ -1491,9 +1493,9 @@ function la(e, a) {
   if (u === "fill") {
     const y = ["step", ["get", l]];
     y.push(z(o[0]?.symbol?.color));
-    for (let h = 0; h < o.length; h++) {
-      const i = o[h];
-      h > 0 && (y.push(o[h - 1].classMaxValue), y.push(z(i.symbol?.color))), p.push({
+    for (let m = 0; m < o.length; m++) {
+      const i = o[m];
+      m > 0 && (y.push(o[m - 1].classMaxValue), y.push(z(i.symbol?.color))), p.push({
         type: "fill",
         color: z(i.symbol?.color),
         label: i.label || `${i.classMaxValue}`
@@ -1501,17 +1503,17 @@ function la(e, a) {
     }
     if (w = {
       "fill-color": y,
-      "fill-opacity": he(a)
+      "fill-opacity": me(a)
     }, Pe(n?.outline)) {
-      const h = X(n.outline.width || 1);
+      const m = X(n.outline.width || 1);
       C = {
         "line-color": z(n.outline.color),
-        "line-width": h
+        "line-width": m
       };
     }
   } else if (u === "line") {
-    const y = o.map((E) => E.symbol?.style || "esriSLSSolid"), h = [...new Set(y)];
-    if (h.length > 1) {
+    const y = o.map((E) => E.symbol?.style || "esriSLSSolid"), m = [...new Set(y)];
+    if (m.length > 1) {
       const E = ea(o, y, l, e, a);
       return { paint: {}, legend: [], geomType: u, outlinePaint: C, splitLayers: E };
     }
@@ -1531,9 +1533,9 @@ function la(e, a) {
     w = {
       "line-color": g,
       "line-width": L,
-      "line-opacity": he(a)
+      "line-opacity": me(a)
     };
-    const S = Ke(h[0]);
+    const S = Ke(m[0]);
     S && (w["line-dasharray"] = S);
   }
   return { paint: w, legend: p, geomType: u, outlinePaint: C };
@@ -1563,7 +1565,7 @@ function na(e, a, l, o) {
         y
         // Otherwise use the interpolated color
       ],
-      "fill-opacity": he(o)
+      "fill-opacity": me(o)
     }, Pe(n?.outline)) {
       const i = X(n.outline.width || 1);
       C = {
@@ -1675,7 +1677,7 @@ async function Wt(e) {
             O.description && (u = fa(O.description), u.size > 0);
           }
         }
-        const { paint: y, legend: h, geomType: i, outlinePaint: g, splitLayers: d } = ra(
+        const { paint: y, legend: m, geomType: i, outlinePaint: g, splitLayers: d } = ra(
           n,
           r.opacity,
           u,
@@ -1707,7 +1709,7 @@ async function Wt(e) {
             url: r.url,
             opacity: T,
             paint: y,
-            legend: h,
+            legend: m,
             popup: L,
             where: S,
             minZoom: E.minZoom,
@@ -1731,7 +1733,7 @@ function ya(e) {
   e ? (rt.delete(e), Je.delete(e)) : (rt.clear(), Je.clear());
 }
 let at, Bt = 0;
-async function ma() {
+async function ha() {
   const e = typeof import.meta < "u" && At?.VITE_AGO_USERNAME, a = typeof import.meta < "u" && At?.VITE_AGO_PASSWORD;
   if (!(!e || !a)) {
     if (at && Date.now() < Bt - 3e5)
@@ -1757,7 +1759,7 @@ async function ma() {
     }
   }
 }
-async function ha(e, a) {
+async function ma(e, a) {
   const l = xt(e, a), o = await fetch(l, { cache: "no-store" });
   if (!o.ok)
     throw new Error(`Failed to fetch WebMap: ${o.status} ${o.statusText}`);
@@ -1768,7 +1770,7 @@ async function ha(e, a) {
 }
 async function ga(e) {
   try {
-    const a = await ma(), l = await ha(e, a);
+    const a = await ha(), l = await ma(e, a);
     return await Wt(l);
   } catch (a) {
     throw new Error(
@@ -1886,7 +1888,7 @@ function va(e) {
         l.set(i.id, g);
       }
   }
-  function h() {
+  function m() {
     for (const [, i] of l)
       window.clearInterval(i);
     l.clear();
@@ -1894,7 +1896,7 @@ function va(e) {
   return lt(() => {
     r(), y();
   }), Vt(() => {
-    h();
+    m();
   }), {
     /** Reactive state for all data sources */
     state: j(a),
@@ -1911,7 +1913,7 @@ function va(e) {
     /** Get error for a specific source */
     getError: C,
     /** Stop all polling (useful for cleanup) */
-    stopPolling: h
+    stopPolling: m
   };
 }
 const ba = { class: "layerboard-layout" }, wa = ["aria-expanded"], La = {
@@ -1959,7 +1961,7 @@ const ba = { class: "layerboard-layout" }, wa = ["aria-expanded"], La = {
   },
   emits: ["configs-loaded", "load-error", "zoom"],
   setup(e, { expose: a, emit: l }) {
-    const o = e, r = l, n = x([]), u = x(!0), w = x(null), p = x(12), C = x(""), y = x(/* @__PURE__ */ new Set()), h = x({}), i = x(/* @__PURE__ */ new Set()), g = x({}), d = x({}), L = x(/* @__PURE__ */ new Set()), S = x({});
+    const o = e, r = l, n = x([]), u = x(!0), w = x(null), p = x(12), C = x(""), y = x(/* @__PURE__ */ new Set()), m = x({}), i = x(/* @__PURE__ */ new Set()), g = x({}), d = x({}), L = x(/* @__PURE__ */ new Set()), S = x({});
     function E() {
       const v = {};
       for (const $ of o.tiledLayers)
@@ -1982,7 +1984,7 @@ const ba = { class: "layerboard-layout" }, wa = ["aria-expanded"], La = {
     function de(v) {
       return O?.refetch(v) ?? Promise.resolve();
     }
-    N("layerboard-layers", j(n)), N("layerboard-visible", y), N("layerboard-opacities", h), N("layerboard-loading", j(i)), N("layerboard-errors", j(g)), N("layerboard-zoom", j(p)), N("layerboard-toggle-layer", De), N("layerboard-set-layer-visible", je), N("layerboard-set-layers-visible", Me), N("layerboard-set-opacity", Fe), N("layerboard-tiled-layers", j(_(() => 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", ee), N("layerboard-get-data-source", U), N("layerboard-refetch-data-source", de);
+    N("layerboard-layers", j(n)), N("layerboard-visible", y), N("layerboard-opacities", m), N("layerboard-loading", j(i)), N("layerboard-errors", j(g)), N("layerboard-zoom", j(p)), N("layerboard-toggle-layer", De), N("layerboard-set-layer-visible", je), N("layerboard-set-layers-visible", Me), N("layerboard-set-opacity", Fe), N("layerboard-tiled-layers", j(_(() => 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", ee), N("layerboard-get-data-source", U), N("layerboard-refetch-data-source", de);
     const ve = _(() => ({
       backgroundColor: o.themeColor
     })), ct = _(() => ({
@@ -2018,7 +2020,7 @@ const ba = { class: "layerboard-layout" }, wa = ["aria-expanded"], La = {
         const J = {};
         $.forEach((Z) => {
           J[Z.id] = Z.opacity ?? 1;
-        }), h.value = J, r("configs-loaded", $);
+        }), m.value = J, r("configs-loaded", $);
       } catch (v) {
         const $ = v instanceof Error ? v.message : "Failed to load layer configurations";
         w.value = $, r("load-error", $);
@@ -2058,7 +2060,7 @@ const ba = { class: "layerboard-layout" }, wa = ["aria-expanded"], La = {
       y.value = new Set(y.value);
     }
     function Fe(v, $) {
-      h.value = { ...h.value, [v]: $ };
+      m.value = { ...m.value, [v]: $ };
     }
     function qe(v, $) {
       $ ? i.value.add(v) : i.value.delete(v), i.value = new Set(i.value);
@@ -2147,7 +2149,7 @@ const ba = { class: "layerboard-layout" }, wa = ["aria-expanded"], La = {
       /** Set of visible layer IDs */
       visibleLayers: y,
       /** Layer opacity values */
-      layerOpacities: h,
+      layerOpacities: m,
       /** Set of currently loading layer IDs */
       loadingLayers: i,
       /** Map of layer errors by ID */
@@ -2201,7 +2203,7 @@ const ba = { class: "layerboard-layout" }, wa = ["aria-expanded"], La = {
       We(), Xe(), E(), document.addEventListener("keydown", ot);
     }), eo(() => {
       document.removeEventListener("keydown", ot);
-    }), (v, $) => (m(), M("div", ba, [
+    }), (v, $) => (h(), M("div", ba, [
       $[5] || ($[5] = P("a", {
         href: "#main-content",
         class: "skip-to-main-content-link"
@@ -2238,11 +2240,11 @@ const ba = { class: "layerboard-layout" }, wa = ["aria-expanded"], La = {
             decorative: ""
           }, null, 8, ["icon-definition"])
         ], 8, wa),
-        me(v.$slots, "header", {}, () => [
+        he(v.$slots, "header", {}, () => [
           P("h1", null, G(e.title), 1),
-          e.subtitle ? (m(), M("span", La, G(e.subtitle), 1)) : A("", !0)
+          e.subtitle ? (h(), M("span", La, G(e.subtitle), 1)) : A("", !0)
         ], !0),
-        ae.value ? (m(), M("div", {
+        ae.value ? (h(), M("div", {
           key: 0,
           ref_key: "mobileMenuRef",
           ref: be,
@@ -2254,7 +2256,7 @@ const ba = { class: "layerboard-layout" }, wa = ["aria-expanded"], La = {
           onKeydown: Ve
         }, [
           P("div", Sa, [
-            me(v.$slots, "footer", {
+            he(v.$slots, "footer", {
               openModal: Ae,
               closeModal: le,
               isModalOpen: ie.value
@@ -2276,20 +2278,20 @@ const ba = { class: "layerboard-layout" }, wa = ["aria-expanded"], La = {
             }, null, 8, ["icon-definition"])
           ], 512)
         ], 36)) : A("", !0),
-        ae.value ? (m(), M("div", {
+        ae.value ? (h(), M("div", {
           key: 1,
           class: "layerboard-mobile-menu-backdrop",
           onClick: Ee
         })) : A("", !0)
       ], 4),
       P("div", Ca, [
-        u.value ? (m(), M("div", ka, [
+        u.value ? (h(), M("div", ka, [
           P("div", {
             class: "layerboard-spinner",
             style: ye({ borderTopColor: e.themeColor })
           }, null, 4),
           P("p", null, "Loading " + G(e.title) + "...", 1)
-        ])) : w.value ? (m(), M("div", xa, [
+        ])) : w.value ? (h(), M("div", xa, [
           $[3] || ($[3] = P("h2", null, "Error Loading Layers", -1)),
           P("p", null, G(w.value), 1),
           P("button", {
@@ -2297,7 +2299,7 @@ const ba = { class: "layerboard-layout" }, wa = ["aria-expanded"], La = {
             style: ye({ backgroundColor: e.themeColor }),
             onClick: We
           }, " Retry ", 4)
-        ])) : (m(), M(ue, { key: 2 }, [
+        ])) : (h(), M(ue, { key: 2 }, [
           P("aside", {
             id: "main-content",
             ref_key: "sidebarRef",
@@ -2307,10 +2309,10 @@ const ba = { class: "layerboard-layout" }, wa = ["aria-expanded"], La = {
             "aria-label": "Map layers",
             tabindex: "-1"
           }, [
-            me(v.$slots, "sidebar", {
+            he(v.$slots, "sidebar", {
               layers: n.value,
               visibleLayers: y.value,
-              layerOpacities: h.value,
+              layerOpacities: m.value,
               loadingLayers: i.value,
               layerErrors: g.value,
               currentZoom: p.value,
@@ -2329,11 +2331,11 @@ const ba = { class: "layerboard-layout" }, wa = ["aria-expanded"], La = {
               getDataSource: U,
               refetchDataSource: de
             }, () => [
-              e.showDefaultSidebar ? (m(), q(Xo, {
+              e.showDefaultSidebar ? (h(), q(Xo, {
                 key: 0,
                 "layer-list": n.value,
                 "visible-layers": y.value,
-                "layer-opacities": h.value,
+                "layer-opacities": m.value,
                 "loading-layers": i.value,
                 "layer-errors": g.value,
                 "current-zoom": p.value,
@@ -2352,7 +2354,7 @@ const ba = { class: "layerboard-layout" }, wa = ["aria-expanded"], La = {
           }, [
             H(uo, {
               "visible-layers": y.value,
-              "layer-opacities": h.value,
+              "layer-opacities": m.value,
               "layer-list": n.value,
               "tiled-layers": e.tiledLayers,
               "visible-tiled-layers": L.value,
@@ -2395,13 +2397,13 @@ const ba = { class: "layerboard-layout" }, wa = ["aria-expanded"], La = {
         style: ye(Ue.value),
         onClick: ft
       }, [
-        Se.value === "map" ? (m(), M("span", Ma, G(e.sidebarLabel), 1)) : (m(), M("span", Pa, G(e.mapLabel), 1))
+        Se.value === "map" ? (h(), M("span", Ma, G(e.sidebarLabel), 1)) : (h(), M("span", Pa, G(e.mapLabel), 1))
       ], 4),
       P("footer", {
         class: "layerboard-footer",
         style: ye(ct.value)
       }, [
-        me(v.$slots, "footer", {
+        he(v.$slots, "footer", {
           openModal: Ae,
           closeModal: le,
           isModalOpen: ie.value
@@ -2409,7 +2411,7 @@ const ba = { class: "layerboard-layout" }, wa = ["aria-expanded"], La = {
           $[4] || ($[4] = xe(" City of Philadelphia ", -1))
         ], !0)
       ], 4),
-      ie.value ? (m(), M("div", {
+      ie.value ? (h(), M("div", {
         key: 0,
         class: "layerboard-modal-backdrop",
         onClick: Be,
@@ -2436,7 +2438,7 @@ const ba = { class: "layerboard-layout" }, wa = ["aria-expanded"], La = {
               decorative: ""
             }, null, 8, ["icon-definition"])
           ], 512),
-          me(v.$slots, "modal", { closeModal: le }, void 0, !0)
+          he(v.$slots, "modal", { closeModal: le }, void 0, !0)
         ], 512)
       ], 32)) : A("", !0),
       P("span", Fa, G(Se.value === "sidebar" ? "Showing layers panel" : "Showing map"), 1)
@@ -2468,7 +2470,7 @@ const ba = { class: "layerboard-layout" }, wa = ["aria-expanded"], La = {
     }
     return (p, C) => {
       const y = to("font-awesome-icon");
-      return m(), M("div", {
+      return h(), M("div", {
         class: ne(["topic-accordion", { "is-expanded": r.value }])
       }, [
         P("button", {
@@ -2479,9 +2481,9 @@ const ba = { class: "layerboard-layout" }, wa = ["aria-expanded"], La = {
           "aria-controls": n,
           onClick: w
         }, [
-          e.icon || p.$slots.icon ? (m(), M("span", Ea, [
-            me(p.$slots, "icon", {}, () => [
-              e.icon ? (m(), q(y, {
+          e.icon || p.$slots.icon ? (h(), M("span", Ea, [
+            he(p.$slots, "icon", {}, () => [
+              e.icon ? (h(), q(y, {
                 key: 0,
                 icon: ["fas", e.icon],
                 "aria-hidden": "true"
@@ -2514,7 +2516,7 @@ const ba = { class: "layerboard-layout" }, wa = ["aria-expanded"], La = {
           "aria-labelledby": u,
           class: "topic-content"
         }, [
-          me(p.$slots, "default", {}, () => [
+          he(p.$slots, "default", {}, () => [
             C[1] || (C[1] = P("p", { class: "topic-empty" }, "No content provided for this topic.", -1))
           ], !0)
         ], 512), [
@@ -2560,16 +2562,16 @@ const _a = ["aria-label"], Ra = ["checked", "disabled", "onChange"], Aa = { clas
     function C(y) {
       o("toggleLayer", y);
     }
-    return (y, h) => (m(), M("fieldset", {
+    return (y, m) => (h(), M("fieldset", {
       class: "layer-checkbox-set",
       role: "group",
       "aria-label": e.groupLabel
     }, [
-      (m(!0), M(ue, null, Le(e.layers, (i) => (m(), M("div", {
+      (h(!0), M(ue, null, Le(e.layers, (i) => (h(), M("div", {
         key: i.id,
         class: "layer-item"
       }, [
-        f(Da)(i) ? (m(), M("label", {
+        f(Da)(i) ? (h(), M("label", {
           key: 0,
           class: ne(["layer-checkbox", {
             "layer-unavailable": !f(p)(i),
@@ -2590,7 +2592,7 @@ const _a = ["aria-label"], Ra = ["checked", "disabled", "onChange"], Aa = { clas
               unavailable: !f(p)(i)
             }, null, 8, ["loading", "error", "unavailable"])
           ])
-        ], 2)) : (m(), M("div", {
+        ], 2)) : (h(), M("div", {
           key: 1,
           class: ne(["layer-label-only", {
             "layer-unavailable": !f(p)(i),
@@ -2606,20 +2608,20 @@ const _a = ["aria-label"], Ra = ["checked", "disabled", "onChange"], Aa = { clas
             }, null, 8, ["loading", "error", "unavailable"])
           ])
         ], 2)),
-        f(jt)(i, e.showOpacity) && f(r)(i.id) && f(p)(i) ? (m(), q(Lt, {
+        f(jt)(i, e.showOpacity) && f(r)(i.id) && f(p)(i) ? (h(), q(Lt, {
           key: 2,
           "layer-id": i.id,
           "layer-name": f(ze)(i),
           opacity: f(n)(i.id),
           "onUpdate:opacity": (g) => o("setOpacity", i.id, g)
         }, null, 8, ["layer-id", "layer-name", "opacity", "onUpdate:opacity"])) : A("", !0),
-        f(qt)(i, e.showLegend) && f(r)(i.id) && f(p)(i) && i.legend?.length ? (m(), q(St, {
+        f(qt)(i, e.showLegend) && f(r)(i.id) && f(p)(i) && i.legend?.length ? (h(), q(St, {
           key: 3,
           items: i.legend,
           label: "Legend for " + f(ze)(i)
         }, null, 8, ["items", "label"])) : A("", !0)
       ]))), 128)),
-      e.layers.length === 0 ? (m(), M("div", Va, "No layers available")) : A("", !0)
+      e.layers.length === 0 ? (h(), M("div", Va, "No layers available")) : A("", !0)
     ], 8, _a));
   }
 }), ti = /* @__PURE__ */ $e(Za, [["__scopeId", "data-v-bfcd7855"]]), Na = ["aria-label"], Ua = ["name", "checked", "disabled", "onChange"], Wa = { class: "layer-title" }, ja = {
@@ -2645,15 +2647,15 @@ const _a = ["aria-label"], Ra = ["checked", "disabled", "onChange"], Aa = { clas
       () => l
     );
     function C(y) {
-      const h = l.layers.filter((i) => l.visibleLayerIds.has(i.id) && i.id !== y).map((i) => i.id);
-      o("selectLayer", y, h);
+      const m = l.layers.filter((i) => l.visibleLayerIds.has(i.id) && i.id !== y).map((i) => i.id);
+      o("selectLayer", y, m);
     }
-    return (y, h) => (m(), M("div", {
+    return (y, m) => (h(), M("div", {
       class: "layer-radio-set",
       role: "radiogroup",
       "aria-label": e.groupLabel
     }, [
-      (m(!0), M(ue, null, Le(e.layers, (i) => (m(), M("div", {
+      (h(!0), M(ue, null, Le(e.layers, (i) => (h(), M("div", {
         key: i.id,
         class: "layer-item"
       }, [
@@ -2679,20 +2681,20 @@ const _a = ["aria-label"], Ra = ["checked", "disabled", "onChange"], Aa = { clas
             }, null, 8, ["loading", "error", "unavailable"])
           ])
         ], 2),
-        f(jt)(i, e.showOpacity) && f(r)(i.id) && f(p)(i) ? (m(), q(Lt, {
+        f(jt)(i, e.showOpacity) && f(r)(i.id) && f(p)(i) ? (h(), q(Lt, {
           key: 0,
           "layer-id": i.id,
           "layer-name": f(ze)(i),
           opacity: f(n)(i.id),
           "onUpdate:opacity": (g) => o("setOpacity", i.id, g)
         }, null, 8, ["layer-id", "layer-name", "opacity", "onUpdate:opacity"])) : A("", !0),
-        f(qt)(i, e.showLegend) && f(r)(i.id) && f(p)(i) && i.legend?.length ? (m(), q(St, {
+        f(qt)(i, e.showLegend) && f(r)(i.id) && f(p)(i) && i.legend?.length ? (h(), q(St, {
           key: 1,
           items: i.legend,
           label: "Legend for " + f(ze)(i)
         }, null, 8, ["items", "label"])) : A("", !0)
       ]))), 128)),
-      e.layers.length === 0 ? (m(), M("div", ja, "No layers available")) : A("", !0)
+      e.layers.length === 0 ? (h(), M("div", ja, "No layers available")) : A("", !0)
     ], 8, Na));
   }
 }), oi = /* @__PURE__ */ $e(qa, [["__scopeId", "data-v-c368d815"]]);
@@ -2702,7 +2704,7 @@ function ai(e) {
       return a.value;
     const T = u.value.toLowerCase();
     return a.value.filter((O) => O.title.toLowerCase().includes(T));
-  }), h = _(() => a.value.map((T) => ({
+  }), m = _(() => a.value.map((T) => ({
     config: T,
     component: T.type
     // "circle", "fill", or "line"
@@ -2772,7 +2774,7 @@ function ai(e) {
     error: j(C),
     // Computed
     filteredLayerConfigs: y,
-    layerList: h,
+    layerList: m,
     // Config
     config: e,
     // Methods
@@ -2806,7 +2808,7 @@ function Ga(e) {
   async function n(p = {}) {
     l.value = !0, o.value = null;
     const C = e.pageSize || 2e3;
-    let y = 0, h = [], i = !0;
+    let y = 0, m = [], i = !0;
     try {
       for (; i; ) {
         const d = e.url.replace(/\/$/, ""), L = encodeURIComponent(p.where || e.where || "1=1");
@@ -2825,13 +2827,13 @@ function Ga(e) {
         if (!E.ok)
           throw new Error(`HTTP ${E.status}: ${E.statusText}`);
         const F = await E.json();
-        F.features && F.features.length > 0 ? (h = h.concat(F.features), y += F.features.length, i = F.features.length === C) : i = !1;
+        F.features && F.features.length > 0 ? (m = m.concat(F.features), y += F.features.length, i = F.features.length === C) : i = !1;
       }
       const g = {
         type: "FeatureCollection",
-        features: h
+        features: m
       };
-      return a.value = g, r.value = h.length, g;
+      return a.value = g, r.value = m.length, g;
     } catch (g) {
       const d = g instanceof Error ? g : new Error("Failed to fetch features");
       throw o.value = d, d;