@phila/layerboard 3.0.0-beta.0 → 3.0.0-beta.1

package/dist/index.mjs

@@ -6,15 +6,15 @@ function Ue(e, n, o = {}) {
   return (o.id === 0 || o.id) && (t.id = o.id), o.bbox && (t.bbox = o.bbox), t.properties = n || {}, t.geometry = e, t;
 }
 function Bt(e, n, o = {}) {
-  for (const a of e) {
-    if (a.length < 4)
+  for (const l of e) {
+    if (l.length < 4)
       throw new Error(
         "Each LinearRing of a Polygon must have 4 or more Positions."
       );
-    if (a[a.length - 1].length !== a[0].length)
+    if (l[l.length - 1].length !== l[0].length)
       throw new Error("First and last Position are not equivalent.");
-    for (let l = 0; l < a[a.length - 1].length; l++)
-      if (a[a.length - 1][l] !== a[0][l])
+    for (let a = 0; a < l[l.length - 1].length; a++)
+      if (l[l.length - 1][a] !== l[0][a])
         throw new Error("First and last Position are not equivalent.");
   }
   return Ue({
@@ -46,27 +46,27 @@ function jt(e) {
   return e.type === "Feature" ? e.geometry : e;
 }
 function qt(e, n, o) {
-  var t = e.length, a = Te(e[0], n), l = [], c, p, d;
+  var t = e.length, l = Te(e[0], n), a = [], c, p, d;
   let S, y;
   for (o || (o = []), c = 1; c < t; c++) {
     for (S = e[c - 1], y = e[c], p = d = Te(y, n); ; )
-      if (a | p) {
-        if (a & p)
+      if (l | p) {
+        if (l & p)
           break;
-        a ? (S = it(S, y, a, n), a = Te(S, n)) : (y = it(S, y, p, n), p = Te(y, n));
+        l ? (S = it(S, y, l, n), l = Te(S, n)) : (y = it(S, y, p, n), p = Te(y, n));
       } else {
-        l.push(S), p !== d ? (l.push(y), c < t - 1 && (o.push(l), l = [])) : c === t - 1 && l.push(y);
+        a.push(S), p !== d ? (a.push(y), c < t - 1 && (o.push(a), a = [])) : c === t - 1 && a.push(y);
         break;
       }
-    a = d;
+    l = d;
   }
-  return l.length && o.push(l), o;
+  return a.length && o.push(a), o;
 }
 function Gt(e, n) {
-  var o, t, a, l, c, p, d;
+  var o, t, l, a, c, p, d;
   for (t = 1; t <= 8; t *= 2) {
-    for (o = [], a = e[e.length - 1], l = !(Te(a, n) & t), c = 0; c < e.length; c++)
-      p = e[c], d = !(Te(p, n) & t), d !== l && o.push(it(a, p, t, n)), d && o.push(p), a = p, l = d;
+    for (o = [], l = e[e.length - 1], a = !(Te(l, n) & t), c = 0; c < e.length; c++)
+      p = e[c], d = !(Te(p, n) & t), d !== a && o.push(it(l, p, t, n)), d && o.push(p), l = p, a = d;
     if (e = o, !e.length) break;
   }
   return o;
@@ -79,22 +79,22 @@ function Te(e, n) {
   return e[0] < n[0] ? o |= 1 : e[0] > n[2] && (o |= 2), e[1] < n[1] ? o |= 4 : e[1] > n[3] && (o |= 8), o;
 }
 function Ht(e, n) {
-  const o = jt(e), t = o.type, a = e.type === "Feature" ? e.properties : {};
-  let l = o.coordinates;
+  const o = jt(e), t = o.type, l = e.type === "Feature" ? e.properties : {};
+  let a = o.coordinates;
   switch (t) {
     case "LineString":
     case "MultiLineString": {
       const c = [];
-      return t === "LineString" && (l = [l]), l.forEach((p) => {
+      return t === "LineString" && (a = [a]), a.forEach((p) => {
         qt(p, n, c);
-      }), c.length === 1 ? Wt(c[0], a) : Ut(c, a);
+      }), c.length === 1 ? Wt(c[0], l) : Ut(c, l);
     }
     case "Polygon":
-      return Bt(mt(l, n), a);
+      return Bt(mt(a, n), l);
     case "MultiPolygon":
       return Vt(
-        l.map((c) => mt(c, n)),
-        a
+        a.map((c) => mt(c, n)),
+        l
       );
     default:
       throw new Error("geometry " + t + " not supported");
@@ -103,8 +103,8 @@ function Ht(e, n) {
 function mt(e, n) {
   const o = [];
   for (const t of e) {
-    const a = Gt(t, n);
-    a.length > 0 && ((a[0][0] !== a[a.length - 1][0] || a[0][1] !== a[a.length - 1][1]) && a.push(a[0]), a.length >= 4 && o.push(a));
+    const l = Gt(t, n);
+    l.length > 0 && ((l[0][0] !== l[l.length - 1][0] || l[0][1] !== l[l.length - 1][1]) && l.push(l[0]), l.length >= 4 && o.push(l));
   }
   return o;
 }
@@ -132,9 +132,9 @@ const Qt = { class: "map-panel" }, Kt = /* @__PURE__ */ we({
   },
   emits: ["zoom", "layerLoading", "layerError"],
   setup(e, { emit: n }) {
-    const o = e, t = n, a = $(null), l = $(null), c = $(0);
+    const o = e, t = n, l = $(null), a = $(null), c = $(0);
     function p(i) {
-      t("zoom", i), l.value && (c.value = d(l.value));
+      t("zoom", i), a.value && (c.value = d(a.value));
     }
     function d(i) {
       const u = i.getZoom(), x = i.getCenter().lat, k = 559082264028e-3, T = x * Math.PI / 180;
@@ -200,7 +200,7 @@ const Qt = { class: "map-panel" }, Kt = /* @__PURE__ */ we({
       y.value = i.bounds, m(i.bounds);
     }
     function g(i) {
-      l.value = i;
+      a.value = i;
       const u = i.getBounds();
       y.value = {
         west: u.getWest(),
@@ -398,7 +398,7 @@ const Qt = { class: "map-panel" }, Kt = /* @__PURE__ */ we({
       });
     }
     function Pe(i) {
-      const u = l.value;
+      const u = a.value;
       if (!u) return;
       const r = [];
       o.layerList.forEach((G) => {
@@ -449,7 +449,7 @@ const Qt = { class: "map-panel" }, Kt = /* @__PURE__ */ we({
             break;
           case "ArrowRight":
           case "ArrowDown":
-            i.preventDefault(), ae();
+            i.preventDefault(), le();
             break;
           case "Escape":
             i.preventDefault(), te();
@@ -461,7 +461,7 @@ const Qt = { class: "map-panel" }, Kt = /* @__PURE__ */ we({
     }), Lt(() => {
       window.removeEventListener("keydown", be);
     });
-    function ae() {
+    function le() {
       const i = oe.value.length;
       i <= 1 || (J.value = (J.value + 1) % i);
     }
@@ -472,7 +472,7 @@ const Qt = { class: "map-panel" }, Kt = /* @__PURE__ */ we({
     const b = R(() => oe.value.length === 0 ? null : oe.value[J.value]), P = R(() => {
       const i = b.value;
       return !i || !i.popupConfig ? i?.layerTitle || "" : ve(i.popupConfig.title, i.properties);
-    }), le = R(() => {
+    }), ae = R(() => {
       const i = b.value;
       if (!i) return "";
       let u = '<div class="popup-content">';
@@ -620,7 +620,7 @@ const Qt = { class: "map-panel" }, Kt = /* @__PURE__ */ we({
         ge.value = null;
         return;
       }
-      const u = l.value;
+      const u = a.value;
       if (!u || !pe.value) return;
       const r = [];
       o.layerList.forEach((O) => {
@@ -652,7 +652,7 @@ const Qt = { class: "map-panel" }, Kt = /* @__PURE__ */ we({
     return (i, u) => (f(), L("div", Qt, [
       ee(_(Ot), {
         ref_key: "mapRef",
-        ref: a,
+        ref: l,
         zoom: o.initialZoom,
         center: o.initialCenter,
         "navigation-controls": { position: o.navigationControlPosition },
@@ -753,14 +753,14 @@ const Qt = { class: "map-panel" }, Kt = /* @__PURE__ */ we({
           b.value && pe.value ? (f(), X(_(Nt), {
             key: 1,
             "lng-lat": pe.value,
-            html: le.value,
+            html: ae.value,
             "close-on-click": !1,
             "show-navigation": oe.value.length > 1,
             "current-feature-index": J.value,
             "total-features": oe.value.length,
             "layer-name": b.value.layerTitle,
             onClose: te,
-            onNext: ae,
+            onNext: le,
             onPrevious: De
           }, null, 8, ["lng-lat", "html", "show-navigation", "current-feature-index", "total-features", "layer-name"])) : I("", !0)
         ]),
@@ -770,8 +770,8 @@ const Qt = { class: "map-panel" }, Kt = /* @__PURE__ */ we({
   }
 }), _e = (e, n) => {
   const o = e.__vccOpts || e;
-  for (const [t, a] of n)
-    o[t] = a;
+  for (const [t, l] of n)
+    o[t] = l;
   return o;
 }, Xt = /* @__PURE__ */ _e(Kt, [["__scopeId", "data-v-38b78874"]]), Yt = ["disabled"], eo = /* @__PURE__ */ we({
   inheritAttrs: !1,
@@ -802,7 +802,7 @@ const Qt = { class: "map-panel" }, Kt = /* @__PURE__ */ we({
       n.iconOnly && "icon-button",
       n.iconOnly && n.variant === "standard" && "icon-button--standard",
       n.className
-    )), a = R(() => o(n) ? "to" in n && n.to !== void 0 ? {
+    )), l = R(() => o(n) ? "to" in n && n.to !== void 0 ? {
       to: n.to,
       disabled: n.disabled,
       className: t.value
@@ -812,7 +812,7 @@ const Qt = { class: "map-panel" }, Kt = /* @__PURE__ */ we({
       rel: n.rel,
       disabled: n.disabled,
       className: t.value
-    } : {}), l = R(
+    } : {}), a = R(
       () => ({
         iconDefinition: n.iconDefinition,
         iconClass: n.iconClass,
@@ -823,9 +823,9 @@ const Qt = { class: "map-panel" }, Kt = /* @__PURE__ */ we({
         size: n.size
       })
     );
-    return (c, p) => o(n) ? (f(), X(_(Zt), ot({ key: 0 }, { ...a.value, ...c.$attrs }, { role: "button" }), {
+    return (c, p) => o(n) ? (f(), X(_(Zt), ot({ key: 0 }, { ...l.value, ...c.$attrs }, { role: "button" }), {
       default: Ne(() => [
-        ee(_(gt), dt(ft(l.value)), {
+        ee(_(gt), dt(ft(a.value)), {
           default: Ne(() => [
             se(c.$slots, "default", {}, () => [
               he(j(n.text), 1)
@@ -841,7 +841,7 @@ const Qt = { class: "map-panel" }, Kt = /* @__PURE__ */ we({
       disabled: n.disabled,
       class: t.value
     }, c.$attrs), [
-      ee(_(gt), dt(ft(l.value)), {
+      ee(_(gt), dt(ft(a.value)), {
         default: Ne(() => [
           se(c.$slots, "default", {}, () => [
             he(j(n.text), 1)
@@ -861,7 +861,7 @@ var to = {
   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"]
 }, io = no;
-const ao = ["for"], lo = { class: "state-layer" }, ro = { class: "content" }, so = { class: "input-text-container" }, co = ["id", "placeholder"], uo = {
+const lo = ["for"], ao = { class: "state-layer" }, ro = { class: "content" }, so = { class: "input-text-container" }, co = ["id", "placeholder"], uo = {
   key: 1,
   class: "has-text-body-small phila-supporting-text"
 }, fo = {
@@ -883,9 +883,9 @@ const ao = ["for"], lo = { class: "state-layer" }, ro = { class: "content" }, so
     } }
   },
   setup(e, { emit: n }) {
-    const o = Ft(), t = e, a = R(() => typeof t.error == "string" ? t.error : t.error[0]), l = Mt(t, "id"), c = R(() => {
+    const o = Ft(), t = e, l = R(() => typeof t.error == "string" ? t.error : t.error[0]), a = Mt(t, "id"), c = R(() => {
       const S = ["default-class"];
-      return o.disabled != null && S.push("phila-input--disabled"), a.value && S.push("phila-input--error"), o.required != null && S.push("phila-input--required"), nt(...S);
+      return o.disabled != null && S.push("phila-input--disabled"), l.value && S.push("phila-input--error"), o.required != null && S.push("phila-input--required"), nt(...S);
     }), p = $(""), d = R(() => {
       const S = [];
       return p.value !== "" && S.push("phila-text-field--filled"), t.className && S.push(t.className), nt(...S);
@@ -895,13 +895,13 @@ const ao = ["for"], lo = { class: "state-layer" }, ro = { class: "content" }, so
     }, [
       t.label ? (f(), L("label", {
         key: 0,
-        for: l.value,
+        for: a.value,
         class: "has-text-label-small phila-label"
-      }, j(t.label), 9, ao)) : I("", !0),
+      }, j(t.label), 9, lo)) : I("", !0),
       F("div", {
         class: ne(["phila-text-field", d.value])
       }, [
-        F("div", lo, [
+        F("div", ao, [
           t.leadingIcon ? (f(), X(_(me), {
             key: 0,
             "icon-class": t.leadingIcon,
@@ -910,7 +910,7 @@ const ao = ["for"], lo = { class: "state-layer" }, ro = { class: "content" }, so
           F("div", ro, [
             F("div", so, [
               St(F("input", ot({
-                id: l.value,
+                id: a.value,
                 "onUpdate:modelValue": y[0] || (y[0] = (h) => p.value = h),
                 class: "phila-text-field-input has-text-body-default",
                 placeholder: t.placeholder
@@ -935,13 +935,13 @@ const ao = ["for"], lo = { class: "state-layer" }, ro = { class: "content" }, so
         ])
       ], 2),
       t.supportingText ? (f(), L("div", uo, j(t.supportingText), 1)) : I("", !0),
-      a.value ? (f(), L("div", fo, [
+      l.value ? (f(), L("div", fo, [
         ee(_(me), {
           "icon-definition": _(oo),
           size: "small",
           inline: ""
         }, null, 8, ["icon-definition"]),
-        he(" " + j(a.value), 1)
+        he(" " + j(l.value), 1)
       ])) : I("", !0)
     ], 2));
   }
@@ -1010,7 +1010,7 @@ const vo = { class: "layer-panel" }, bo = {
   },
   emits: ["toggleLayer", "setOpacity", "updateSearch"],
   setup(e, { emit: n }) {
-    const o = e, t = n, a = R(() => {
+    const o = e, t = n, l = R(() => {
       if (!o.searchQuery.trim())
         return o.layerList;
       const C = o.searchQuery.toLowerCase();
@@ -1018,12 +1018,12 @@ const vo = { class: "layer-panel" }, bo = {
         (g) => g.config.title.toLowerCase().includes(C)
       );
     });
-    function l(C) {
+    function a(C) {
       let g = C.split("?")[0] || C;
       return g = g.replace(/\/query$/, ""), g = g.replace(/\/$/, ""), g.toLowerCase();
     }
     function c(C) {
-      const g = l(C);
+      const g = a(C);
       return o.layerMetadata[g] || null;
     }
     const p = R(() => o.layerList.some((C) => c(C.config.url)));
@@ -1071,7 +1071,7 @@ const vo = { class: "layer-panel" }, bo = {
         key: 2,
         class: ne(["layer-list", { "has-metadata": p.value }])
       }, [
-        (f(!0), L(ie, null, re(a.value, (w) => (f(), L("div", {
+        (f(!0), L(ie, null, re(l.value, (w) => (f(), L("div", {
           key: w.config.id,
           class: "layer-item"
         }, [
@@ -1154,15 +1154,15 @@ const vo = { class: "layer-panel" }, bo = {
             ]))), 128))
           ])) : I("", !0)
         ]))), 128)),
-        a.value.length === 0 ? (f(), L("div", Io, ' No layers match "' + j(e.searchQuery) + '" ', 1)) : I("", !0)
+        l.value.length === 0 ? (f(), L("div", Io, ' No layers match "' + j(e.searchQuery) + '" ', 1)) : I("", !0)
       ], 2))
     ]));
   }
 }), Ro = /* @__PURE__ */ _e(Oo, [["__scopeId", "data-v-82d84fbe"]]);
 function D(e) {
   if (!e || !Array.isArray(e) || e.length < 3) return "#888888";
-  const n = e[0], o = e[1], t = e[2], l = (e[3] ?? 255) / 255;
-  return l === 1 ? `#${n.toString(16).padStart(2, "0")}${o.toString(16).padStart(2, "0")}${t.toString(16).padStart(2, "0")}` : `rgba(${n}, ${o}, ${t}, ${l.toFixed(2)})`;
+  const n = e[0], o = e[1], t = e[2], a = (e[3] ?? 255) / 255;
+  return a === 1 ? `#${n.toString(16).padStart(2, "0")}${o.toString(16).padStart(2, "0")}${t.toString(16).padStart(2, "0")}` : `rgba(${n}, ${o}, ${t}, ${a.toFixed(2)})`;
 }
 function ue(e) {
   return e !== void 0 ? e : 1;
@@ -1207,10 +1207,10 @@ function tt(e) {
   return String(e);
 }
 function Ct(e, n, o) {
-  const t = e.symbol, a = Ve(t);
-  console.log("[Transformer] convertSimpleRenderer - geomType:", a, "symbol:", t);
-  let l = {}, c = [], p = null;
-  if (a === "fill" && t) {
+  const t = e.symbol, l = Ve(t);
+  console.log("[Transformer] convertSimpleRenderer - geomType:", l, "symbol:", t);
+  let a = {}, c = [], p = null;
+  if (l === "fill" && t) {
     const d = t.color === null ? 0 : t.color?.[3] ?? 255, S = d === 0 ? "rgba(0, 0, 0, 0)" : D(t.color), y = d === 0 ? 0 : d < 255 ? 1 : ue(n);
     if (console.log(`[Transformer] Fill layer opacity calculation for "${o}":`, {
       symbolColor: t.color,
@@ -1218,7 +1218,7 @@ function Ct(e, n, o) {
       layerOpacity: n,
       fillOpacity: y,
       fillColor: S
-    }), l = {
+    }), a = {
       "fill-color": S,
       "fill-opacity": y
     }, Fe(t.outline)) {
@@ -1228,7 +1228,7 @@ function Ct(e, n, o) {
         outlineWidth: h,
         outlineColor: s,
         willCreateOutlinePaint: h > 1 || d === 0
-      }), d !== 0 && (l["fill-outline-color"] = s), (h > 1 || d === 0) && (p = {
+      }), d !== 0 && (a["fill-outline-color"] = s), (h > 1 || d === 0) && (p = {
         "line-color": s,
         "line-width": h
       }, console.log("[Transformer] Created outlinePaint:", p));
@@ -1239,8 +1239,8 @@ function Ct(e, n, o) {
       color: D(t.color),
       label: e.label || "Feature"
     }];
-  } else if (a === "line" && t)
-    l = {
+  } else if (l === "line" && t)
+    a = {
       "line-color": D(t.color),
       "line-width": t.width || 1,
       "line-opacity": ue(n)
@@ -1250,29 +1250,29 @@ function Ct(e, n, o) {
       width: t.width || 1,
       label: e.label || "Feature"
     }];
-  else if (a === "circle" && t) {
+  else if (l === "circle" && t) {
     const d = Math.round((t.size || 6) * 0.71 * 100) / 100;
-    l = {
+    a = {
       "circle-color": D(t.color),
       "circle-radius": d,
       "circle-opacity": ue(n)
-    }, Fe(t.outline) && (l["circle-stroke-color"] = D(t.outline.color), l["circle-stroke-width"] = t.outline.width || 1), c = [{
+    }, Fe(t.outline) && (a["circle-stroke-color"] = D(t.outline.color), a["circle-stroke-width"] = t.outline.width || 1), c = [{
       type: "circle",
       color: D(t.color),
       label: e.label || "Feature"
     }];
   }
-  return { paint: l, legend: c, geomType: a, outlinePaint: p };
+  return { paint: a, legend: c, geomType: l, outlinePaint: p };
 }
 function No(e, n, o) {
-  const t = e.field1, a = e.uniqueValueInfos || [], l = e.defaultSymbol;
-  if (a.length === 0)
-    return Ct({ ...e, symbol: l }, n);
-  const c = a[0]?.symbol || l, p = Ve(c);
+  const t = e.field1, l = e.uniqueValueInfos || [], a = e.defaultSymbol;
+  if (l.length === 0)
+    return Ct({ ...e, symbol: a }, n);
+  const c = l[0]?.symbol || a, p = Ve(c);
   let d = {}, S = [], y = null;
   if (p === "fill") {
     const h = ["match", ["to-string", ["get", t]]];
-    for (const s of a) {
+    for (const s of l) {
       h.push(tt(s.value)), h.push(D(s.symbol?.color));
       const v = String(s.value), m = o?.get(v) || s.label || v;
       S.push({
@@ -1281,7 +1281,7 @@ function No(e, n, o) {
         label: m
       });
     }
-    if (h.push(l ? D(l.color) : "#888888"), d = {
+    if (h.push(a ? D(a.color) : "#888888"), d = {
       "fill-color": h,
       "fill-opacity": ue(n)
     }, Fe(c?.outline)) {
@@ -1293,7 +1293,7 @@ function No(e, n, o) {
     }
   } else if (p === "line") {
     const h = ["match", ["to-string", ["get", t]]];
-    for (const s of a) {
+    for (const s of l) {
       h.push(tt(s.value)), h.push(D(s.symbol?.color));
       const v = String(s.value), m = o?.get(v) || s.label || v;
       S.push({
@@ -1303,14 +1303,14 @@ function No(e, n, o) {
         label: m
       });
     }
-    h.push(l ? D(l.color) : "#888888"), d = {
+    h.push(a ? D(a.color) : "#888888"), d = {
       "line-color": h,
       "line-width": c?.width || 2,
       "line-opacity": ue(n)
     };
   } else if (p === "circle") {
     const h = ["match", ["to-string", ["get", t]]];
-    for (const v of a) {
+    for (const v of l) {
       h.push(tt(v.value)), h.push(D(v.symbol?.color));
       const E = String(v.value), C = o?.get(E) || v.label || E;
       S.push({
@@ -1319,7 +1319,7 @@ function No(e, n, o) {
         label: C
       });
     }
-    h.push(l ? D(l.color) : "#888888");
+    h.push(a ? D(a.color) : "#888888");
     const s = Math.round((c?.size || 6) * 0.71 * 100) / 100;
     d = {
       "circle-color": h,
@@ -1330,12 +1330,12 @@ function No(e, n, o) {
   return { paint: d, legend: S, geomType: p, outlinePaint: y };
 }
 function Zo(e, n) {
-  const o = e.field, t = e.classBreakInfos || [], a = e.visualVariables?.find((y) => y.type === "colorInfo");
-  if (a?.stops && a.stops.length > 0)
-    return Bo(a, o, e, n);
+  const o = e.field, t = e.classBreakInfos || [], l = e.visualVariables?.find((y) => y.type === "colorInfo");
+  if (l?.stops && l.stops.length > 0)
+    return Bo(l, o, e, n);
   if (t.length === 0)
     return { paint: {}, legend: [], geomType: "fill", outlinePaint: null };
-  const l = t[0]?.symbol, c = Ve(l);
+  const a = t[0]?.symbol, c = Ve(a);
   let p = {}, d = [], S = null;
   if (c === "fill") {
     const y = ["step", ["get", o]];
@@ -1351,8 +1351,8 @@ function Zo(e, n) {
     if (p = {
       "fill-color": y,
       "fill-opacity": ue(n)
-    }, Fe(l?.outline)) {
-      const h = l.outline.width || 1, s = D(l.outline.color);
+    }, Fe(a?.outline)) {
+      const h = a.outline.width || 1, s = D(a.outline.color);
       p["fill-outline-color"] = s, h > 1 && (S = {
         "line-color": s,
         "line-width": h
@@ -1367,11 +1367,11 @@ function Zo(e, n) {
       v > 0 && (y.push(t[v - 1].classMaxValue), y.push(D(E.symbol?.color))), d.push({
         type: "line",
         color: D(E.symbol?.color),
-        width: E.symbol?.width || l?.width || 2,
+        width: E.symbol?.width || a?.width || 2,
         label: E.label || `${h} - ${E.classMaxValue}`
       }), h = E.classMaxValue + 1;
     }
-    const s = l?.width || 2;
+    const s = a?.width || 2;
     p = {
       "line-color": y,
       "line-width": s,
@@ -1381,14 +1381,14 @@ function Zo(e, n) {
   return { paint: p, legend: d, geomType: c, outlinePaint: S };
 }
 function Bo(e, n, o, t) {
-  const a = e.stops || [];
-  if (a.length === 0)
+  const l = e.stops || [];
+  if (l.length === 0)
     return { paint: {}, legend: [], geomType: "fill", outlinePaint: null };
-  const l = o.classBreakInfos?.[0]?.symbol || o.defaultSymbol, c = Ve(l);
+  const a = o.classBreakInfos?.[0]?.symbol || o.defaultSymbol, c = Ve(a);
   let p = {}, d = [], S = null;
   if (c === "fill") {
     const y = ["interpolate", ["linear"], ["get", n]];
-    for (const s of a)
+    for (const s of l)
       y.push(s.value), y.push(D(s.color)), d.push({
         type: "fill",
         color: D(s.color),
@@ -1404,8 +1404,8 @@ function Bo(e, n, o, t) {
         // Otherwise use the interpolated color
       ],
       "fill-opacity": ue(t)
-    }, Fe(l?.outline)) {
-      const s = l.outline.width || 1, v = D(l.outline.color);
+    }, Fe(a?.outline)) {
+      const s = a.outline.width || 1, v = D(a.outline.color);
       p["fill-outline-color"] = v, s > 1 && (S = {
         "line-color": v,
         "line-width": s
@@ -1417,26 +1417,26 @@ function Bo(e, n, o, t) {
 function Wo(e, n, o, t) {
   if (!e?.renderer)
     return console.warn("[Transformer] No renderer found in drawingInfo - layer will use service default (not available in WebMap)"), { paint: {}, legend: [], geomType: "fill", outlinePaint: null };
-  const a = e.renderer;
-  switch (a.type) {
+  const l = e.renderer;
+  switch (l.type) {
     case "simple":
-      return Ct(a, n, t);
+      return Ct(l, n, t);
     case "uniqueValue":
-      return No(a, n, o);
+      return No(l, n, o);
     case "classBreaks":
-      return Zo(a, n);
+      return Zo(l, n);
     default:
-      return console.warn(`Unknown renderer type: ${a.type}`), { paint: {}, legend: [], geomType: "fill", outlinePaint: null };
+      return console.warn(`Unknown renderer type: ${l.type}`), { paint: {}, legend: [], geomType: "fill", outlinePaint: null };
   }
 }
 function Uo(e) {
   if (!e) return null;
-  const n = e.title || "", t = (e.fieldInfos || []).filter((a) => a.visible === !0).map((a) => {
-    const l = {
-      field: a.fieldName,
-      label: a.label || a.fieldName
+  const n = e.title || "", t = (e.fieldInfos || []).filter((l) => l.visible === !0).map((l) => {
+    const a = {
+      field: l.fieldName,
+      label: l.label || l.fieldName
     };
-    return a.format && (l.format = {}, a.format.dateFormat && (l.format.dateFormat = a.format.dateFormat), a.format.digitSeparator !== void 0 && (l.format.digitSeparator = a.format.digitSeparator), a.format.places !== void 0 && (l.format.places = a.format.places), Object.keys(l.format).length === 0 && delete l.format), l;
+    return l.format && (a.format = {}, l.format.dateFormat && (a.format.dateFormat = l.format.dateFormat), l.format.digitSeparator !== void 0 && (a.format.digitSeparator = l.format.digitSeparator), l.format.places !== void 0 && (a.format.places = l.format.places), Object.keys(a.format).length === 0 && delete a.format), a;
   });
   return {
     title: n,
@@ -1458,10 +1458,10 @@ function Go(e) {
     return n;
   const o = e.split(`
 `), t = /^(\d{1,3})\s+(.+)$/;
-  for (const a of o) {
-    const l = a.trim().match(t);
-    if (l) {
-      const [, c, p] = l;
+  for (const l of o) {
+    const a = l.trim().match(t);
+    if (a) {
+      const [, c, p] = a;
       c && p && n.set(c, p.trim());
     }
   }
@@ -1485,60 +1485,60 @@ async function Ho(e) {
 async function kt(e) {
   const n = e.operationalLayers || [], o = [], t = ["Zoning and Planning_Land Use"];
   console.log("🔄 [Transformer] ===== STARTING FRESH TRANSFORMATION ====="), console.log("[Transformer] Starting transformation of", n.length, "layers");
-  for (const a of n) {
-    if (!a.url) {
-      console.log(`Skipping layer without URL: ${a.title}`);
+  for (const l of n) {
+    if (!l.url) {
+      console.log(`Skipping layer without URL: ${l.title}`);
       continue;
     }
-    if (a.itemId === "4f39b829b96d437da9231727d9c91fab") {
-      console.log(`Skipping layer with under-construction itemId: ${a.title}`);
+    if (l.itemId === "4f39b829b96d437da9231727d9c91fab") {
+      console.log(`Skipping layer with under-construction itemId: ${l.title}`);
       continue;
     }
-    console.log("[Transformer] Processing layer:", a.title), console.log(`[Transformer] Layer "${a.title}" - Renderer type:`, a.layerDefinition?.drawingInfo?.renderer?.type);
+    console.log("[Transformer] Processing layer:", l.title), console.log(`[Transformer] Layer "${l.title}" - Renderer type:`, l.layerDefinition?.drawingInfo?.renderer?.type);
     try {
-      let l = a.layerDefinition?.drawingInfo, c;
-      const p = !l || !l.renderer, d = t.includes(a.title);
-      if ((p || d) && a.url) {
-        console.log(d ? `[Transformer] Layer "${a.title}" configured to use service renderer instead of WebMap renderer` : `[Transformer] Layer "${a.title}" has no renderer in WebMap, fetching from service...`);
-        const M = await Ho(a.url);
-        M ? (l = M.drawingInfo, console.log(`[Transformer] Fetched renderer from service for "${a.title}":`, M.drawingInfo?.renderer?.type), M.description && (c = Go(M.description), c.size > 0 && console.log(`[Transformer] Parsed ${c.size} custom labels from service description`))) : console.warn(`[Transformer] Failed to fetch renderer from service for "${a.title}"`);
+      let a = l.layerDefinition?.drawingInfo, c;
+      const p = !a || !a.renderer, d = t.includes(l.title);
+      if ((p || d) && l.url) {
+        console.log(d ? `[Transformer] Layer "${l.title}" configured to use service renderer instead of WebMap renderer` : `[Transformer] Layer "${l.title}" has no renderer in WebMap, fetching from service...`);
+        const M = await Ho(l.url);
+        M ? (a = M.drawingInfo, console.log(`[Transformer] Fetched renderer from service for "${l.title}":`, M.drawingInfo?.renderer?.type), M.description && (c = Go(M.description), c.size > 0 && console.log(`[Transformer] Parsed ${c.size} custom labels from service description`))) : console.warn(`[Transformer] Failed to fetch renderer from service for "${l.title}"`);
       }
       const { paint: S, legend: y, geomType: h, outlinePaint: s } = Wo(
-        l,
-        a.opacity,
+        a,
+        l.opacity,
         c,
-        a.title
+        l.title
       );
-      console.log(`[Transformer] Layer "${a.title}" - Result: geomType=${h}, hasOutlinePaint=${!!s}`);
-      const v = Uo(a.popupInfo), E = Vo(a.layerDefinition), m = Ao(
-        a.layerDefinition?.minScale,
-        a.layerDefinition?.maxScale
-      ), C = jo(a.title), g = qo(a.title);
-      let w = a.opacity ?? 1;
+      console.log(`[Transformer] Layer "${l.title}" - Result: geomType=${h}, hasOutlinePaint=${!!s}`);
+      const v = Uo(l.popupInfo), E = Vo(l.layerDefinition), m = Ao(
+        l.layerDefinition?.minScale,
+        l.layerDefinition?.maxScale
+      ), C = jo(l.title), g = qo(l.title);
+      let w = l.opacity ?? 1;
       const z = {
         id: C,
         title: g,
         type: h,
-        url: a.url,
+        url: l.url,
         opacity: w,
         paint: S,
         legend: y,
         popup: v
       };
       E && (z.where = E), m.minZoom !== void 0 && (z.minZoom = m.minZoom), m.maxZoom !== void 0 && (z.maxZoom = m.maxZoom), s && (z.outlinePaint = s), o.push(z);
-    } catch (l) {
-      console.error(`Error transforming layer ${a.title}:`, l);
+    } catch (a) {
+      console.error(`Error transforming layer ${l.title}:`, a);
     }
   }
-  return o.sort((a, l) => a.title.localeCompare(l.title)), o;
+  return o.sort((l, a) => l.title.localeCompare(a.title)), o;
 }
-const bt = {}, lt = "376af635c84643cd816a8c5d017a53aa", Dn = lt;
+const bt = {}, at = "376af635c84643cd816a8c5d017a53aa", Dn = at;
 function Be(e, n) {
   let o = `https://www.arcgis.com/sharing/rest/content/items/${e}/data?f=json`;
   return n && (o += `&token=${n}`), o;
 }
 function An() {
-  return Be(lt);
+  return Be(at);
 }
 const We = /* @__PURE__ */ new Map(), ze = /* @__PURE__ */ new Map();
 function Jo(e) {
@@ -1583,10 +1583,10 @@ async function Ko(e, n) {
   const t = await fetch(o);
   if (!t.ok)
     throw new Error(`Failed to fetch WebMap: ${t.status} ${t.statusText}`);
-  const a = await t.json();
-  if (a.error)
-    throw new Error(`ArcGIS error: ${a.error.message || a.error.code || "Unknown error"}`);
-  return a;
+  const l = await t.json();
+  if (l.error)
+    throw new Error(`ArcGIS error: ${l.error.message || l.error.code || "Unknown error"}`);
+  return l;
 }
 async function Xo(e) {
   try {
@@ -1599,7 +1599,7 @@ async function Xo(e) {
     throw console.error("[LayerConfigService] Error loading dynamic configs:", n), new Error(`Failed to load dynamic layer configs: ${n instanceof Error ? n.message : "Unknown error"}`);
   }
 }
-async function at(e = lt) {
+async function lt(e = at) {
   const n = We.get(e);
   if (n)
     return console.log(`[LayerConfigService] ⚠️ Returning CACHED configs for ${e} (transformer will NOT run)`), console.log("[LayerConfigService] To force refresh, call clearCache() or reload with Ctrl+Shift+R"), n;
@@ -1609,8 +1609,8 @@ async function at(e = lt) {
   console.log(`[LayerConfigService] Mode: dynamic, WebMap: ${e}`);
   const t = (async () => {
     try {
-      const a = await Xo(e);
-      return We.set(e, a), a;
+      const l = await Xo(e);
+      return We.set(e, l), l;
     } finally {
       ze.delete(e);
     }
@@ -1684,10 +1684,10 @@ function Yo(e) {
       };
     }
   }
-  async function a() {
+  async function l() {
     await Promise.all(e.map((s) => t(s)));
   }
-  async function l(s) {
+  async function a(s) {
     const v = e.find((E) => E.id === s);
     v ? await t(v) : console.warn(`Data source "${s}" not found`);
   }
@@ -1716,7 +1716,7 @@ function Yo(e) {
     o.clear();
   }
   return Ze(() => {
-    a(), y();
+    l(), y();
   }), Lt(() => {
     h();
   }), {
@@ -1725,9 +1725,9 @@ function Yo(e) {
     /** Whether any data source is currently loading */
     isLoading: p,
     /** Fetch all data sources */
-    fetchAll: a,
+    fetchAll: l,
     /** Refetch a specific data source by id */
-    refetch: l,
+    refetch: a,
     /** Get data for a specific source */
     getData: c,
     /** Check if a specific source is loading */
@@ -1741,10 +1741,10 @@ function Yo(e) {
 const en = { class: "layerboard-layout" }, tn = {
   key: 0,
   class: "layerboard-subtitle"
-}, on = { class: "layerboard-mobile-menu-content" }, nn = { class: "layerboard-main" }, an = {
+}, on = { class: "layerboard-mobile-menu-content" }, nn = { class: "layerboard-main" }, ln = {
   key: 0,
   class: "layerboard-loading"
-}, ln = {
+}, an = {
   key: 1,
   class: "layerboard-error"
 }, rn = { key: 0 }, sn = { key: 1 }, cn = { class: "layerboard-modal" }, un = /* @__PURE__ */ we({
@@ -1776,7 +1776,7 @@ const en = { class: "layerboard-layout" }, tn = {
   },
   emits: ["configs-loaded", "load-error", "zoom"],
   setup(e, { expose: n, emit: o }) {
-    const t = e, a = o, l = $([]), c = $(!0), p = $(null), d = $(12), S = $(""), y = $(/* @__PURE__ */ new Set()), h = $({}), s = $(/* @__PURE__ */ new Set()), v = $({}), E = $({}), m = $(/* @__PURE__ */ new Set()), C = $({});
+    const t = e, l = o, a = $([]), c = $(!0), p = $(null), d = $(12), S = $(""), y = $(/* @__PURE__ */ new Set()), h = $({}), s = $(/* @__PURE__ */ new Set()), v = $({}), E = $({}), m = $(/* @__PURE__ */ new Set()), C = $({});
     function g() {
       const b = {};
       for (const P of t.tiledLayers)
@@ -1799,7 +1799,7 @@ const en = { class: "layerboard-layout" }, tn = {
     function Se(b) {
       return N?.refetch(b) ?? Promise.resolve();
     }
-    U("layerboard-layers", V(l)), U("layerboard-visible", y), U("layerboard-opacities", h), U("layerboard-loading", V(s)), U("layerboard-errors", V(v)), U("layerboard-zoom", V(d)), U("layerboard-toggle-layer", Ce), U("layerboard-set-layer-visible", de), U("layerboard-set-layers-visible", ke), U("layerboard-set-opacity", fe), U("layerboard-tiled-layers", V(R(() => t.tiledLayers))), U("layerboard-visible-tiled", m), U("layerboard-tiled-opacities", C), U("layerboard-toggle-tiled", w), U("layerboard-set-tiled-opacity", M), U("layerboard-set-tiled-visible", z), U("layerboard-data-sources-state", q), U("layerboard-data-sources-loading", ce), U("layerboard-get-data-source", Le), U("layerboard-refetch-data-source", Se);
+    U("layerboard-layers", V(a)), U("layerboard-visible", y), U("layerboard-opacities", h), U("layerboard-loading", V(s)), U("layerboard-errors", V(v)), U("layerboard-zoom", V(d)), U("layerboard-toggle-layer", Ce), U("layerboard-set-layer-visible", de), U("layerboard-set-layers-visible", ke), U("layerboard-set-opacity", fe), U("layerboard-tiled-layers", V(R(() => t.tiledLayers))), U("layerboard-visible-tiled", m), U("layerboard-tiled-opacities", C), U("layerboard-toggle-tiled", w), U("layerboard-set-tiled-opacity", M), U("layerboard-set-tiled-visible", z), U("layerboard-data-sources-state", q), U("layerboard-data-sources-loading", ce), U("layerboard-get-data-source", Le), U("layerboard-refetch-data-source", Se);
     const je = R(() => ({
       backgroundColor: t.themeColor
     })), qe = R(() => ({
@@ -1812,7 +1812,7 @@ const en = { class: "layerboard-layout" }, tn = {
     async function Ee() {
       try {
         c.value = !0, p.value = null;
-        const P = (await at(t.webMapId)).map((Z) => {
+        const P = (await lt(t.webMapId)).map((Z) => {
           const Q = t.layerStyleOverrides[Z.id];
           return Q ? (console.log(`[Layerboard] Applying style override for layer: ${Z.id}`), {
             ...Z,
@@ -1822,18 +1822,18 @@ const en = { class: "layerboard-layout" }, tn = {
             type: Q.type ?? Z.type
           }) : Z;
         });
-        l.value = P.map((Z) => ({
+        a.value = P.map((Z) => ({
           config: Z,
           component: Z.type
         }));
-        const le = {};
+        const ae = {};
         P.forEach((Z) => {
-          le[Z.id] = Z.opacity ?? 1;
-        }), h.value = le, console.log(`[Layerboard] Loaded ${P.length} layer configs from WebMap ${t.webMapId}`), console.log("[Layerboard] Layer IDs:", P.map((Z) => Z.id)), a("configs-loaded", P);
+          ae[Z.id] = Z.opacity ?? 1;
+        }), h.value = ae, console.log(`[Layerboard] Loaded ${P.length} layer configs from WebMap ${t.webMapId}`), console.log("[Layerboard] Layer IDs:", P.map((Z) => Z.id)), l("configs-loaded", P);
       } catch (b) {
         console.error("[Layerboard] Failed to load layer configs:", b);
         const P = b instanceof Error ? b.message : "Failed to load layer configurations";
-        p.value = P, a("load-error", P);
+        p.value = P, l("load-error", P);
       } finally {
         c.value = !1;
       }
@@ -1849,8 +1849,8 @@ const en = { class: "layerboard-layout" }, tn = {
             "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"
           ), P = await fetch(b);
           if (!P.ok) return;
-          const le = await P.json(), Z = {};
-          for (const Q of le.rows || [])
+          const ae = await P.json(), Z = {};
+          for (const Q of ae.rows || [])
             if (Q.url_text && Q.representation) {
               const Ke = Oe(Q.url_text), Xe = `https://metadata.phila.gov/#home/representationdetails/${Q.representation}/`;
               Z[Ke] = Xe;
@@ -1861,7 +1861,7 @@ const en = { class: "layerboard-layout" }, tn = {
         }
     }
     function He(b) {
-      d.value = b, a("zoom", b);
+      d.value = b, l("zoom", b);
     }
     function Ce(b) {
       y.value.has(b) ? y.value.delete(b) : y.value.add(b), y.value = new Set(y.value);
@@ -1870,8 +1870,8 @@ const en = { class: "layerboard-layout" }, tn = {
       P ? y.value.add(b) : y.value.delete(b), y.value = new Set(y.value);
     }
     function ke(b, P) {
-      for (const le of b)
-        P ? y.value.add(le) : y.value.delete(le);
+      for (const ae of b)
+        P ? y.value.add(ae) : y.value.delete(ae);
       y.value = new Set(y.value);
     }
     function fe(b, P) {
@@ -1884,7 +1884,7 @@ const en = { class: "layerboard-layout" }, tn = {
       if (P)
         v.value = { ...v.value, [b]: P };
       else {
-        const { [b]: le, ...Z } = v.value;
+        const { [b]: ae, ...Z } = v.value;
         v.value = Z;
       }
     }
@@ -1910,15 +1910,15 @@ const en = { class: "layerboard-layout" }, tn = {
     function be() {
       te.value = !0;
     }
-    function ae() {
+    function le() {
       te.value = !1;
     }
     function De(b) {
-      b.target.classList.contains("layerboard-modal-backdrop") && ae();
+      b.target.classList.contains("layerboard-modal-backdrop") && le();
     }
-    return U("layerboard-open-modal", be), U("layerboard-close-modal", ae), U("layerboard-is-modal-open", V(te)), n({
+    return U("layerboard-open-modal", be), U("layerboard-close-modal", le), U("layerboard-is-modal-open", V(te)), n({
       /** Layer configurations */
-      layerList: l,
+      layerList: a,
       /** Set of visible layer IDs */
       visibleLayers: y,
       /** Layer opacity values */
@@ -1967,7 +1967,7 @@ const en = { class: "layerboard-layout" }, tn = {
       /** Open the modal */
       openModal: be,
       /** Close the modal */
-      closeModal: ae
+      closeModal: le
     }), Ze(() => {
       Ee(), Ge(), g();
     }), (b, P) => (f(), L("div", en, [
@@ -2008,7 +2008,7 @@ const en = { class: "layerboard-layout" }, tn = {
           F("div", on, [
             se(b.$slots, "footer", {
               openModal: be,
-              closeModal: ae,
+              closeModal: le,
               isModalOpen: te.value
             }, () => [
               P[0] || (P[0] = he(" City of Philadelphia ", -1))
@@ -2033,13 +2033,13 @@ const en = { class: "layerboard-layout" }, tn = {
         })) : I("", !0)
       ], 4),
       F("div", nn, [
-        c.value ? (f(), L("div", an, [
+        c.value ? (f(), L("div", ln, [
           F("div", {
             class: "layerboard-spinner",
             style: Y({ borderTopColor: e.themeColor })
           }, null, 4),
           F("p", null, "Loading " + j(e.title) + "...", 1)
-        ])) : p.value ? (f(), L("div", ln, [
+        ])) : p.value ? (f(), L("div", an, [
           P[3] || (P[3] = F("h2", null, "Error Loading Layers", -1)),
           F("p", null, j(p.value), 1),
           F("button", {
@@ -2053,7 +2053,7 @@ const en = { class: "layerboard-layout" }, tn = {
             style: Y(Ie.value)
           }, [
             se(b.$slots, "sidebar", {
-              layers: l.value,
+              layers: a.value,
               visibleLayers: y.value,
               layerOpacities: h.value,
               loadingLayers: s.value,
@@ -2076,7 +2076,7 @@ const en = { class: "layerboard-layout" }, tn = {
             }, () => [
               e.showDefaultSidebar ? (f(), X(Ro, {
                 key: 0,
-                "layer-list": l.value,
+                "layer-list": a.value,
                 "visible-layers": y.value,
                 "layer-opacities": h.value,
                 "loading-layers": s.value,
@@ -2096,7 +2096,7 @@ const en = { class: "layerboard-layout" }, tn = {
             ee(Xt, {
               "visible-layers": y.value,
               "layer-opacities": h.value,
-              "layer-list": l.value,
+              "layer-list": a.value,
               "tiled-layers": e.tiledLayers,
               "visible-tiled-layers": m.value,
               "tiled-layer-opacities": C.value,
@@ -2143,7 +2143,7 @@ const en = { class: "layerboard-layout" }, tn = {
       }, [
         se(b.$slots, "footer", {
           openModal: be,
-          closeModal: ae,
+          closeModal: le,
           isModalOpen: te.value
         }, () => [
           P[4] || (P[4] = he(" City of Philadelphia ", -1))
@@ -2157,7 +2157,7 @@ const en = { class: "layerboard-layout" }, tn = {
         F("div", cn, [
           F("button", {
             class: "layerboard-modal-close",
-            onClick: ae,
+            onClick: le,
             "aria-label": "Close modal"
           }, [
             ee(_(me), {
@@ -2166,12 +2166,12 @@ const en = { class: "layerboard-layout" }, tn = {
               decorative: ""
             }, null, 8, ["icon-definition"])
           ]),
-          se(b.$slots, "modal", { closeModal: ae }, void 0, !0)
+          se(b.$slots, "modal", { closeModal: le }, void 0, !0)
         ])
       ])) : I("", !0)
     ]));
   }
-}), Nn = /* @__PURE__ */ _e(un, [["__scopeId", "data-v-02a74c3a"]]), dn = ["aria-expanded"], fn = {
+}), Nn = /* @__PURE__ */ _e(un, [["__scopeId", "data-v-54d854f8"]]), dn = ["aria-expanded"], fn = {
   key: 0,
   class: "topic-icon"
 }, pn = { class: "topic-title" }, yn = { class: "topic-content" }, gn = /* @__PURE__ */ we({
@@ -2185,26 +2185,26 @@ const en = { class: "layerboard-layout" }, tn = {
   },
   emits: ["toggle", "layerChange"],
   setup(e, { emit: n }) {
-    const o = e, t = n, a = $(o.expanded);
+    const o = e, t = n, l = $(o.expanded);
     xe(
       () => o.expanded,
       (c) => {
-        a.value = c;
+        l.value = c;
       }
     );
-    function l() {
-      a.value = !a.value, t("toggle", a.value);
+    function a() {
+      l.value = !l.value, t("toggle", l.value);
     }
     return (c, p) => {
       const d = _t("font-awesome-icon");
       return f(), L("div", {
-        class: ne(["topic-accordion", { "is-expanded": a.value }])
+        class: ne(["topic-accordion", { "is-expanded": l.value }])
       }, [
         F("button", {
           class: ne(["topic-header", e.headerClass]),
           type: "button",
-          "aria-expanded": a.value,
-          onClick: l
+          "aria-expanded": l.value,
+          onClick: a
         }, [
           e.icon || c.$slots.icon ? (f(), L("span", fn, [
             se(c.$slots, "icon", {}, () => [
@@ -2216,7 +2216,7 @@ const en = { class: "layerboard-layout" }, tn = {
           ])) : I("", !0),
           F("span", pn, j(e.title), 1),
           F("span", {
-            class: ne(["topic-chevron", { "is-rotated": a.value }])
+            class: ne(["topic-chevron", { "is-rotated": l.value }])
           }, [...p[0] || (p[0] = [
             F("svg", {
               xmlns: "http://www.w3.org/2000/svg",
@@ -2238,7 +2238,7 @@ const en = { class: "layerboard-layout" }, tn = {
             p[1] || (p[1] = F("p", { class: "topic-empty" }, "No content provided for this topic.", -1))
           ], !0)
         ], 512), [
-          [It, a.value]
+          [It, l.value]
         ])
       ], 2);
     };
@@ -2279,10 +2279,10 @@ const en = { class: "layerboard-layout" }, tn = {
   emits: ["toggleLayer", "setOpacity"],
   setup(e, { emit: n }) {
     const o = e, t = n;
-    function a(m) {
+    function l(m) {
       return o.visibleLayerIds.has(m);
     }
-    function l(m) {
+    function a(m) {
       return o.layerOpacities[m] ?? 1;
     }
     function c(m) {
@@ -2328,7 +2328,7 @@ const en = { class: "layerboard-layout" }, tn = {
         }, [
           F("input", {
             type: "checkbox",
-            checked: a(g.id),
+            checked: l(g.id),
             disabled: !d(g),
             onChange: (w) => v(g.id)
           }, null, 40, hn),
@@ -2360,19 +2360,19 @@ const en = { class: "layerboard-layout" }, tn = {
             d(g) ? I("", !0) : (f(), L("span", $n, " (zoom in) "))
           ])
         ], 2)),
-        y(g) && a(g.id) ? (f(), L("div", Pn, [
-          F("label", xn, " Opacity: " + j(Math.round(l(g.id) * 100)) + "% ", 1),
+        y(g) && l(g.id) ? (f(), L("div", Pn, [
+          F("label", xn, " Opacity: " + j(Math.round(a(g.id) * 100)) + "% ", 1),
           F("input", {
             type: "range",
             min: "0",
             max: "1",
             step: "0.05",
-            value: l(g.id),
+            value: a(g.id),
             class: "opacity-slider",
             onInput: (w) => E(g.id, w)
           }, null, 40, Tn)
         ])) : I("", !0),
-        h(g) && a(g.id) && g.legend?.length ? (f(), L("ul", Fn, [
+        h(g) && l(g.id) && g.legend?.length ? (f(), L("ul", Fn, [
           (f(!0), L(ie, null, re(g.legend, (w, z) => (f(), L("li", {
             key: z,
             class: "legend-item"
@@ -2402,7 +2402,7 @@ const en = { class: "layerboard-layout" }, tn = {
   }
 }), Bn = /* @__PURE__ */ _e(zn, [["__scopeId", "data-v-cc5e50fd"]]);
 function Wn(e) {
-  const n = $([]), o = $(/* @__PURE__ */ new Set()), t = $({}), a = $(/* @__PURE__ */ new Set()), l = $({}), c = $(""), p = $(!1), d = $(!1), S = $(null), y = R(() => {
+  const n = $([]), o = $(/* @__PURE__ */ new Set()), t = $({}), l = $(/* @__PURE__ */ new Set()), a = $({}), c = $(""), p = $(!1), d = $(!1), S = $(null), y = R(() => {
     if (!c.value.trim())
       return n.value;
     const M = c.value.toLowerCase();
@@ -2422,7 +2422,7 @@ function Wn(e) {
     p.value = !0, S.value = null;
     try {
       let M;
-      e.mode === "dynamic" || !e.mode ? e.webMapId ? M = await v(e.webMapId) : M = await at() : M = await at(), n.value = M;
+      e.mode === "dynamic" || !e.mode ? e.webMapId ? M = await v(e.webMapId) : M = await lt() : M = await lt(), n.value = M;
       const N = {};
       M.forEach((q) => {
         N[q.id] = q.opacity ?? 1;
@@ -2456,27 +2456,27 @@ function Wn(e) {
     c.value = M;
   }
   function g(M, N) {
-    const q = new Set(a.value);
-    N ? q.add(M) : q.delete(M), a.value = q;
+    const q = new Set(l.value);
+    N ? q.add(M) : q.delete(M), l.value = q;
   }
   function w(M, N) {
     if (N)
-      l.value = { ...l.value, [M]: N };
+      a.value = { ...a.value, [M]: N };
     else {
-      const { [M]: q, ...ce } = l.value;
-      l.value = ce;
+      const { [M]: q, ...ce } = a.value;
+      a.value = ce;
     }
   }
   function z() {
-    n.value = [], o.value = /* @__PURE__ */ new Set(), t.value = {}, a.value = /* @__PURE__ */ new Set(), l.value = {}, c.value = "", p.value = !1, d.value = !1, S.value = null;
+    n.value = [], o.value = /* @__PURE__ */ new Set(), t.value = {}, l.value = /* @__PURE__ */ new Set(), a.value = {}, c.value = "", p.value = !1, d.value = !1, S.value = null;
   }
   return {
     // State (readonly)
     layerConfigs: V(n),
     visibleLayers: V(o),
     layerOpacities: V(t),
-    loadingLayers: V(a),
-    layerErrors: V(l),
+    loadingLayers: V(l),
+    layerErrors: V(a),
     searchQuery: V(c),
     isLoading: V(p),
     isInitialized: V(d),
@@ -2498,23 +2498,23 @@ function Wn(e) {
 }
 function Un() {
   const e = $([]), n = $(/* @__PURE__ */ new Set()), o = $(/* @__PURE__ */ new Set());
-  function t(l) {
-    n.value.has(l) ? n.value.delete(l) : n.value.add(l);
+  function t(a) {
+    n.value.has(a) ? n.value.delete(a) : n.value.add(a);
   }
-  function a(l) {
-    e.value = l;
+  function l(a) {
+    e.value = a;
   }
   return {
     layers: R(() => e.value),
     visibleLayerIds: R(() => n.value),
     loadingLayerIds: R(() => o.value),
     toggleLayer: t,
-    setLayers: a
+    setLayers: l
   };
 }
 function _n(e) {
-  const n = $(null), o = $(!1), t = $(null), a = $(0);
-  async function l(d = {}) {
+  const n = $(null), o = $(!1), t = $(null), l = $(0);
+  async function a(d = {}) {
     o.value = !0, t.value = null;
     const S = e.pageSize || 2e3;
     let y = 0, h = [], s = !0;
@@ -2542,7 +2542,7 @@ function _n(e) {
         type: "FeatureCollection",
         features: h
       };
-      return n.value = v, a.value = h.length, v;
+      return n.value = v, l.value = h.length, v;
     } catch (v) {
       const E = v instanceof Error ? v : new Error("Failed to fetch features");
       throw t.value = E, E;
@@ -2551,21 +2551,21 @@ function _n(e) {
     }
   }
   function c() {
-    n.value = null, a.value = 0, t.value = null;
+    n.value = null, l.value = 0, t.value = null;
   }
   async function p(d = {}) {
-    return l(d);
+    return a(d);
   }
   return {
     // State (readonly)
     data: V(n),
     isLoading: V(o),
     error: V(t),
-    totalFeatures: V(a),
+    totalFeatures: V(l),
     // Config
     config: e,
     // Methods
-    fetch: l,
+    fetch: a,
     refetch: p,
     clear: c
   };
@@ -2574,10 +2574,10 @@ function Vn(e, n, o) {
   const t = _n(e);
   return xe(
     n,
-    async (a) => {
-      if (a) {
-        const l = o(a);
-        await t.fetch(l);
+    async (l) => {
+      if (l) {
+        const a = o(l);
+        await t.fetch(a);
       }
     },
     { immediate: !0 }
@@ -2592,7 +2592,7 @@ export {
   Dn as WEBMAP_ID,
   Be as buildWebMapUrl,
   Jo as clearCache,
-  at as getLayerConfigs,
+  lt as getLayerConfigs,
   An as getWebMapUrl,
   kt as transformWebMapToLayerConfigs,
   Yo as useApiDataSources,