@opengis/gis 0.1.68 → 0.1.70

package/dist/index.js

@@ -1,17 +1,17 @@
-import { computed as M, createElementBlock as p, openBlock as c, normalizeStyle as fe, createCommentVNode as F, createElementVNode as r, toDisplayString as S, Fragment as B, renderList as W, normalizeClass as K, ref as A, onMounted as xe, resolveDirective as ut, withDirectives as ne, watch as he, vModelText as Ne, vModelCheckbox as qe, defineComponent as Ye, reactive as pt, onBeforeUnmount as ht, createBlock as X, renderSlot as We, Teleport as Ke, createVNode as N, Transition as ft, withCtx as Z, vShow as Ee, nextTick as $e, resolveComponent as G, unref as Ze, createTextVNode as ae, createStaticVNode as Oe, withModifiers as gt, resolveDynamicComponent as De, withKeys as vt, onUnmounted as mt, mergeProps as yt } from "vue";
-import bt from "@opengis/filter";
+import { computed as M, createElementBlock as p, openBlock as c, normalizeStyle as he, createCommentVNode as F, createElementVNode as r, toDisplayString as S, Fragment as B, renderList as W, normalizeClass as K, ref as A, onMounted as xe, resolveDirective as ht, withDirectives as ne, watch as fe, createVNode as N, vModelText as We, vModelCheckbox as qe, defineComponent as Ge, reactive as ft, onBeforeUnmount as gt, createBlock as X, renderSlot as Ne, Teleport as Ke, Transition as vt, withCtx as Z, vShow as Pe, nextTick as Ee, resolveComponent as G, unref as Ze, createTextVNode as ae, createStaticVNode as Be, withModifiers as mt, resolveDynamicComponent as Oe, withKeys as yt, onUnmounted as bt, mergeProps as wt } from "vue";
+import xt from "@opengis/filter";
 const H = (e, t) => {
   const o = e.__vccOpts || e;
-  for (const [n, s] of t)
-    o[n] = s;
+  for (const [s, n] of t)
+    o[s] = n;
   return o;
-}, wt = {
+}, _t = {
   key: 0,
   class: "p-5 pb-0 flex justify-between items-center"
-}, xt = { class: "inline-block font-semibold text-lg text-gray-800" }, _t = { class: "flex flex-col gap-1 p-5" }, kt = { class: "flex items-center justify-between w-full text-sm text-gray-800 ml-2" }, Lt = {
+}, kt = { class: "inline-block font-semibold text-lg text-gray-800" }, Lt = { class: "flex flex-col gap-1 p-5" }, Ct = { class: "flex items-center justify-between w-full text-sm text-gray-800 ml-2" }, $t = {
   key: 0,
   class: "ms-2 text-xs text-gray-500"
-}, Ct = {
+}, It = {
   __name: "vs-legend-widget",
   props: {
     config: {
@@ -21,20 +21,20 @@ const H = (e, t) => {
   },
   setup(e) {
     const t = e, o = M(() => {
-      var s;
-      return ((s = t.config) == null ? void 0 : s.items) || [];
-    }), n = M(() => {
-      var s;
-      return ((s = t.config) == null ? void 0 : s.title) || "";
+      var n;
+      return ((n = t.config) == null ? void 0 : n.items) || [];
+    }), s = M(() => {
+      var n;
+      return ((n = t.config) == null ? void 0 : n.title) || "";
     });
-    return (s, i) => (c(), p("div", {
+    return (n, i) => (c(), p("div", {
       class: "legend-widget flex flex-col bg-white border border-stone-200 shadow-2xs rounded-xl z-10 relative",
-      style: fe({ width: e.config.width || "100%" })
+      style: he({ width: e.config.width || "100%" })
     }, [
-      n.value ? (c(), p("div", wt, [
-        r("h2", xt, S(n.value), 1)
+      s.value ? (c(), p("div", _t, [
+        r("h2", kt, S(s.value), 1)
       ])) : F("", !0),
-      r("div", _t, [
+      r("div", Lt, [
         (c(!0), p(B, null, W(o.value, (d) => (c(), p("div", {
           class: "flex items-center",
           key: d.label
@@ -46,17 +46,17 @@ const H = (e, t) => {
               d.shape === "line" ? "w-6 h-0.5" : "",
               d.shape === "dashed-line" ? "w-6 h-0.5 dashed-line" : ""
             ]]),
-            style: fe({ backgroundColor: d.color })
+            style: he({ backgroundColor: d.color })
           }, null, 6),
-          r("span", kt, [
+          r("span", Ct, [
             r("span", null, S(d.label), 1),
-            d.count !== void 0 ? (c(), p("span", Lt, " (" + S(d.count) + ") ", 1)) : F("", !0)
+            d.count !== void 0 ? (c(), p("span", $t, " (" + S(d.count) + ") ", 1)) : F("", !0)
           ])
         ]))), 128))
       ])
     ], 4));
   }
-}, $t = /* @__PURE__ */ H(Ct, [["__scopeId", "data-v-dd12cf90"]]), It = { class: "flex flex-row gap-x-3 z-10 relative" }, Vt = ["onClick"], St = ["src", "alt"], Ft = {
+}, Vt = /* @__PURE__ */ H(It, [["__scopeId", "data-v-dd12cf90"]]), St = { class: "flex flex-row gap-x-3 z-10 relative" }, Ft = ["onClick"], jt = ["src", "alt"], Pt = {
   __name: "vs-basemaps-widget",
   props: {
     map: {
@@ -73,7 +73,7 @@ const H = (e, t) => {
     }
   },
   setup(e) {
-    const t = e, o = A("voyager"), n = M(() => {
+    const t = e, o = A("voyager"), s = M(() => {
       var g;
       if (!((g = t.config) != null && g.layers)) return [];
       const v = t.config.layers.map((l) => ({
@@ -98,7 +98,7 @@ const H = (e, t) => {
         owner: ""
       }), v;
     });
-    function s(v) {
+    function n(v) {
       return {
         version: 8,
         sources: {
@@ -120,7 +120,7 @@ const H = (e, t) => {
     }
     const i = (v) => {
       if (!t.map) return;
-      const g = t.map.getStyle(), l = n.value.map((h) => h.id), u = g.layers.filter((h) => !l.includes(h.id)), a = {};
+      const g = t.map.getStyle(), l = s.value.map((h) => h.id), u = g.layers.filter((h) => !l.includes(h.id)), a = {};
       for (const h in g.sources)
         l.includes(h) || (a[h] = g.sources[h]);
       if (v.id === "__none__") {
@@ -132,7 +132,7 @@ const H = (e, t) => {
         t.map.setStyle(h);
         return;
       }
-      const m = s(v);
+      const m = n(v);
       t.map.setStyle(m), t.map.once("styledata", () => {
         for (const [h, f] of Object.entries(a))
           t.map.getSource(h) || t.map.addSource(h, f);
@@ -141,16 +141,16 @@ const H = (e, t) => {
       });
     }, d = (v) => {
       o.value = v;
-      const g = n.value.find((l) => l.id === v);
+      const g = s.value.find((l) => l.id === v);
       g && t.map && i(g);
     };
     return xe(() => {
       var v;
       (v = t.config) != null && v.default && (o.value = t.config.default), d(o.value);
     }), (v, g) => {
-      const l = ut("tooltip");
-      return c(), p("div", It, [
-        (c(!0), p(B, null, W(n.value, (u) => ne((c(), p("div", {
+      const l = ht("tooltip");
+      return c(), p("div", St, [
+        (c(!0), p(B, null, W(s.value, (u) => ne((c(), p("div", {
           trigger: "hover",
           placement: "top",
           key: u.id
@@ -167,8 +167,8 @@ const H = (e, t) => {
               src: u.image,
               alt: u.title,
               class: K(["object-cover rounded-lg", u.id === "__none__" ? "w-10 h-10" : "w-12 h-12"])
-            }, null, 10, St)) : F("", !0)
-          ], 10, Vt)
+            }, null, 10, jt)) : F("", !0)
+          ], 10, Ft)
         ])), [
           [l, u.title]
         ])), 128))
@@ -176,7 +176,7 @@ const H = (e, t) => {
     };
   }
 };
-function Ie(e) {
+function $e(e) {
   if (!e.attrType || !e.attribute || !e.rules)
     return e.color || "#ccc";
   const t = e.rules.map((o) => [
@@ -185,7 +185,7 @@ function Ie(e) {
   ]);
   return t.push(e.color || "#ccc"), ["case", ...t.flat()];
 }
-function jt(e) {
+function Et(e) {
   if (!e.attrType || e.attrType !== "icon-by-attribute" || !e.attribute || !e.rules)
     return e.default_icon || null;
   const t = e.rules.map((o) => [
@@ -203,7 +203,7 @@ function Xe(e) {
   ]);
   return t.push(e.fillPattern || ""), ["case", ...t.flat()];
 }
-function pe(e, t = "stroke", o = "#ccc") {
+function ue(e, t = "stroke", o = "#ccc") {
   return [
     "case",
     ["boolean", ["feature-state", "hovered"], !1],
@@ -213,14 +213,14 @@ function pe(e, t = "stroke", o = "#ccc") {
     e[t] || o
   ];
 }
-function Pt(e) {
+function Mt(e) {
   const t = [
     {
       type: "fill",
       minzoom: e.pointZoom || 0,
       paint: {
-        "fill-color": Ie(e),
-        "fill-outline-color": pe(e, "stroke", "#ccc"),
+        "fill-color": $e(e),
+        "fill-outline-color": ue(e, "stroke", "#ccc"),
         "fill-opacity": e.opacity || 1,
         ...e.attrType === "attribute-pattern" && {
           "fill-pattern": Xe(e)
@@ -231,7 +231,7 @@ function Pt(e) {
     {
       type: "line",
       paint: {
-        "line-color": pe(e, "stroke", "#ccc"),
+        "line-color": ue(e, "stroke", "#ccc"),
         "line-width": e.width || 2,
         "line-opacity": e.lineOpacity || e.opacity || 1
       }
@@ -242,18 +242,18 @@ function Pt(e) {
     maxzoom: e.pointZoom,
     paint: {
       "circle-color": e.color || "#ccc",
-      "circle-stroke-color": pe(e, "stroke", "#ccc"),
+      "circle-stroke-color": ue(e, "stroke", "#ccc"),
       "circle-stroke-width": e.width || 2,
       "circle-opacity": e.opacity || 1
     }
   }), t;
 }
-function Et(e) {
+function Tt(e) {
   return [
     {
       type: "line",
       paint: {
-        "line-color": pe(e, "color", Ie(e)),
+        "line-color": ue(e, "color", $e(e)),
         "line-width": e.width || 2,
         "line-opacity": e.opacity || 1,
         ...e.dashArray && { "line-dasharray": e.dashArray }
@@ -265,16 +265,16 @@ function Et(e) {
     }
   ];
 }
-function Mt(e) {
+function zt(e) {
   const t = [
     {
       type: "circle",
       maxzoom: e.icon && +e.iconZoom || 22,
       paint: {
         "circle-radius": e.radius || 6,
-        "circle-stroke-color": pe(e, "stroke", "#ccc"),
+        "circle-stroke-color": ue(e, "stroke", "#ccc"),
         "circle-stroke-width": e.width || 2,
-        "circle-color": Ie(e),
+        "circle-color": $e(e),
         "circle-opacity": e.opacity || 1
       }
     }
@@ -303,15 +303,15 @@ function Mt(e) {
     }
   }), t;
 }
-function Tt(e, t, o) {
-  const n = e.type || "point";
-  return n === "polygon" ? [
+function At(e, t, o) {
+  const s = e.type || "point";
+  return s === "polygon" ? [
     {
       type: "fill",
       ...o !== void 0 ? { maxzoom: o } : {},
       paint: {
-        "fill-color": Ie(e),
-        "fill-outline-color": pe(e, "stroke", "#ccc"),
+        "fill-color": $e(e),
+        "fill-outline-color": ue(e, "stroke", "#ccc"),
         "fill-opacity": e.opacity || 1,
         ...e.attrType === "attribute-pattern" && {
           "fill-pattern": Xe(e)
@@ -323,17 +323,17 @@ function Tt(e, t, o) {
       type: "line",
       ...o !== void 0 ? { maxzoom: o } : {},
       paint: {
-        "line-color": pe(e, "stroke", "#ccc"),
+        "line-color": ue(e, "stroke", "#ccc"),
         "line-width": e.width || 2,
         "line-opacity": e.lineOpacity || e.opacity || 1
       }
     }
-  ] : n === "line" ? [
+  ] : s === "line" ? [
     {
       type: "line",
       ...o !== void 0 ? { maxzoom: o } : {},
       paint: {
-        "line-color": pe(e, "color", Ie(e)),
+        "line-color": ue(e, "color", $e(e)),
         "line-width": e.width || 2,
         "line-opacity": e.opacity || 1,
         ...e.dashArray && { "line-dasharray": e.dashArray }
@@ -349,24 +349,24 @@ function Tt(e, t, o) {
       ...o !== void 0 ? { maxzoom: o } : {},
       paint: {
         "circle-radius": e.radius || 6,
-        "circle-stroke-color": pe(e, "stroke", "#ccc"),
+        "circle-stroke-color": ue(e, "stroke", "#ccc"),
         "circle-stroke-width": e.width || 2,
-        "circle-color": Ie(e),
+        "circle-color": $e(e),
         "circle-opacity": e.opacity || 1
       }
     }
   ];
 }
 function et(e) {
-  var o, n;
+  var o, s;
   if (!e) return null;
   if (e.attrType === "icon-by-attribute" && e.iconZoom) {
-    const s = jt(e), i = Array.isArray(s) && s[0] === "case" ? s : [
+    const n = Et(e), i = Array.isArray(n) && n[0] === "case" ? n : [
       "case",
-      ["==", ["get", e.attribute], ((n = (o = e.rules) == null ? void 0 : o[0]) == null ? void 0 : n.value) || ""],
-      s,
-      s
-    ], d = Tt(e, void 0, +e.iconZoom), v = {
+      ["==", ["get", e.attribute], ((s = (o = e.rules) == null ? void 0 : o[0]) == null ? void 0 : s.value) || ""],
+      n,
+      n
+    ], d = At(e, void 0, +e.iconZoom), v = {
       type: "symbol",
       minzoom: +e.iconZoom,
       layout: {
@@ -382,44 +382,44 @@ function et(e) {
     return [...d, v];
   }
   const t = e.type || "point";
-  return t === "polygon" ? Pt(e) : t === "line" ? Et(e) : Mt(e);
+  return t === "polygon" ? Mt(e) : t === "line" ? Tt(e) : zt(e);
 }
-function zt(e) {
+function Bt(e) {
   return e.startsWith("http") ? e : `${window.location.origin}${e}`;
 }
-function At(e) {
+function Ot(e) {
   const {
     id: t,
     sourceLayer: o,
-    url: n,
-    bounds: s,
+    url: s,
+    bounds: n,
     title: i,
     style: d,
     service: v,
     service_type: g,
     source_type: l,
     data: u
-  } = e, a = zt(n), m = g || v || l || "vector";
+  } = e, a = Bt(s), m = g || v || l || "vector";
   switch (m) {
     case "vtile":
     case "vector":
-      return Ot(
+      return Ut(
         t,
         o,
         a,
-        s,
+        n,
         i,
         d
       );
     case "raster":
-      return Dt(t, a, s, i, d);
+      return Rt(t, a, n, i, d);
     case "geojson":
-      return Ut(t, u || a, s, i, d);
+      return Ht(t, u || a, n, i, d);
     default:
       throw new Error(`Unsupported layer service type: ${m}`);
   }
 }
-function Bt(e) {
+function Dt(e) {
   switch (e) {
     case "polygon":
       return { type: "polygon", color: "#3388ff", opacity: 0.5 };
@@ -430,11 +430,11 @@ function Bt(e) {
       return { type: "point", color: "#3388ff", radius: 6, opacity: 1 };
   }
 }
-function Ot(e, t, o, n, s, i) {
+function Ut(e, t, o, s, n, i) {
   const d = t || (o.match(/\/vtile\/([^/]+)/) || [])[1] || e, v = {
     type: "vector",
     tiles: [o],
-    ...n && { bounds: n }
+    ...s && { bounds: s }
   }, u = et(i || {}).map((a, m) => ({
     ...a,
     id: `${e}-${m}`,
@@ -443,19 +443,19 @@ function Ot(e, t, o, n, s, i) {
   }));
   return {
     id: e,
-    title: s,
+    title: n,
     source: v,
     layers: u,
     visible: !0
   };
 }
-function Dt(e, t, o, n, s) {
+function Rt(e, t, o, s, n) {
   const i = {
     type: "raster",
     tiles: [t],
     tileSize: 256,
     ...o && { bounds: o }
-  }, d = s || {}, v = {
+  }, d = n || {}, v = {
     id: e,
     type: "raster",
     source: e,
@@ -466,13 +466,13 @@ function Dt(e, t, o, n, s) {
   };
   return {
     id: e,
-    title: n,
+    title: s,
     source: i,
     layers: [v],
     visible: !0
   };
 }
-function Ut(e, t, o, n, s) {
+function Ht(e, t, o, s, n) {
   var u;
   const i = {
     type: "geojson",
@@ -484,20 +484,20 @@ function Ut(e, t, o, n, s) {
     const a = (u = t.features[0].geometry) == null ? void 0 : u.type;
     a === "Polygon" || a === "MultiPolygon" ? d = "polygon" : a === "LineString" || a === "MultiLineString" ? d = "line" : d = "point";
   }
-  const v = s || Bt(d), l = et(v).map((a, m) => ({
+  const v = n || Dt(d), l = et(v).map((a, m) => ({
     ...a,
     id: `${e}-${m}`,
     source: e
   }));
   return {
     id: e,
-    title: n,
+    title: s,
     source: i,
     layers: l,
     visible: !0
   };
 }
-function Rt(e) {
+function Nt(e) {
   if (!e || e.attrType !== "icon-by-attribute") return [];
   const t = /* @__PURE__ */ new Set();
   return e.default_icon && t.add(e.default_icon), Array.isArray(e.rules) && e.rules.forEach((o) => {
@@ -507,67 +507,82 @@ function Rt(e) {
     url: (e.icon_base_url || "") + o
   }));
 }
-function Ht(e) {
+function Wt(e) {
   const t = /* @__PURE__ */ new Set();
-  function o(n) {
-    typeof n == "string" ? t.add(n) : Array.isArray(n) && n.forEach(o);
+  function o(s) {
+    typeof s == "string" ? t.add(s) : Array.isArray(s) && s.forEach(o);
   }
   return e && e["icon-image"] && o(e["icon-image"]), Array.from(t);
 }
 async function tt(e, t) {
-  const o = t.map(async ({ name: n, url: s }) => {
-    const i = await e.loadImage(s);
-    return { name: n, data: i.data };
+  const o = t.map(async ({ name: s, url: n }) => {
+    const i = await e.loadImage(n);
+    return { name: s, data: i.data };
   });
   try {
-    const n = await Promise.all(o);
-    for (const { name: s, data: i } of n)
-      e.hasImage(s) || e.addImage(s, i);
-  } catch (n) {
-    console.error("Failed to load icons:", n);
+    const s = await Promise.all(o);
+    for (const { name: n, data: i } of s)
+      e.hasImage(n) || e.addImage(n, i);
+  } catch (s) {
+    console.error("Failed to load icons:", s);
   }
 }
-function Wt(e, t, o = "/icons/") {
-  const s = Ht(t).map((i) => ({ name: i, url: o + i }));
-  return tt(e, s);
+function Zt(e, t, o = "/icons/") {
+  const n = Wt(t).map((i) => ({ name: i, url: o + i }));
+  return tt(e, n);
 }
 async function we(e, t) {
-  const o = At(t), n = Rt(t.style);
-  n.length > 0 && await tt(e, n), t.layout && t.layout["icon-image"] && await Wt(e, t.layout), e.getSource(o.id) || e.addSource(o.id, o.source);
-  for (const s of o.layers)
-    t.visible !== void 0 && (s.layout = {
-      ...s.layout,
+  const o = Ot(t), s = Nt(t.style);
+  s.length > 0 && await tt(e, s), t.layout && t.layout["icon-image"] && await Zt(e, t.layout), e.getSource(o.id) || e.addSource(o.id, o.source);
+  for (const n of o.layers)
+    t.visible !== void 0 && (n.layout = {
+      ...n.layout,
       visibility: t.visible ? "visible" : "none"
-    }), e.getLayer(s.id) ? e.setLayoutProperty(
-      s.id,
+    }), e.getLayer(n.id) ? e.setLayoutProperty(
+      n.id,
       "visibility",
       t.visible ? "visible" : "none"
-    ) : await e.addLayer(s);
+    ) : await e.addLayer(n);
   return o;
 }
 function Ce(e, t) {
-  e.getStyle().layers.filter((s) => s.source === t).forEach((s) => {
-    e.removeLayer(s.id);
+  e.getStyle().layers.filter((n) => n.source === t).forEach((n) => {
+    e.removeLayer(n.id);
   }), e.getSource(t) && e.removeSource(t);
 }
-const Nt = { class: "w-full flex flex-col bg-white border border-stone-200 shadow-2xs rounded-xl z-10 relative" }, Zt = { class: "flex flex-col justify-between h-full pb-5 px-5" }, qt = {
+const qt = {}, Gt = {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function Jt(e, t) {
+  return c(), p("svg", Gt, [...t[0] || (t[0] = [
+    r("path", {
+      d: "M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z",
+      stroke: "black",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, null, -1),
+    r("path", {
+      d: "M21.0002 21L16.7002 16.7",
+      stroke: "black",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, null, -1)
+  ])]);
+}
+const ot = /* @__PURE__ */ H(qt, [["render", Jt]]), Qt = { class: "w-full flex flex-col bg-white border border-stone-200 shadow-2xs rounded-xl z-10 relative" }, Yt = { class: "flex flex-col justify-between h-full pb-5 px-5" }, Kt = {
   key: 0,
   class: "relative mb-[10px]"
-}, Gt = {
-  width: "16",
-  height: "17",
-  viewBox: "0 0 16 17",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg",
-  class: "absolute top-1/2 left-[8px] w-[16px] h-[16px]",
-  style: { transform: "translate(0px, -50%)" }
-}, Jt = {
+}, Xt = {
   key: 1,
   class: "mb-4"
-}, Qt = { class: "" }, Yt = { class: "space-y-2" }, Kt = { class: "flex items-center gap-[10px] text-gray-500" }, Xt = { class: "dataset-checkbox-container flex" }, eo = ["onUpdate:modelValue", "onChange"], to = { class: "text-sm" }, oo = ["onClick"], ro = ["innerHTML"], so = {
+}, eo = { class: "" }, to = { class: "space-y-2" }, oo = { class: "flex items-center gap-[10px] text-gray-500" }, ro = { class: "dataset-checkbox-container flex" }, so = ["onUpdate:modelValue", "onChange"], no = { class: "text-sm" }, io = ["onClick"], ao = ["innerHTML"], lo = {
   key: 0,
   class: "text-sm text-gray-500 text-center py-2"
-}, no = {
+}, co = {
   __name: "vs-layers-widget",
   props: {
     map: {
@@ -597,7 +612,7 @@ const Nt = { class: "w-full flex flex-col bg-white border border-stone-200 shado
   },
   emits: ["set-filter-layer", "update:enabledLayerIds"],
   setup(e, { emit: t }) {
-    const o = e, n = t, s = A(""), i = A([]);
+    const o = e, s = t, n = A(""), i = A([]);
     function d() {
       const f = new URLSearchParams(window.location.search).get("layers");
       return f ? f.split(",") : [];
@@ -618,85 +633,72 @@ const Nt = { class: "w-full flex flex-col bg-white border border-stone-200 shado
         visible: f.visible ?? !1
       })), i.value.forEach((f) => {
         f.visible && we(o.map, f);
-      }), n("update:enabledLayerIds", u());
+      }), s("update:enabledLayerIds", u());
     });
     const g = M(() => {
-      if (!s.value) return i.value;
-      const h = s.value.toLowerCase();
+      if (!n.value) return i.value;
+      const h = n.value.toLowerCase();
       return i.value.filter((f) => (f.title || f.name || f.label || "").toLowerCase().includes(h));
     }), l = M(() => i.value.every((h) => h.visible)), u = () => i.value.filter((h) => h.visible).map((h) => h.id), a = (h) => {
-      h.visible ? we(o.map, h) : (Ce(o.map, h.id), n("set-filter-layer", null)), o.map.getStyle().layers.filter((j) => j.source === h.id).forEach((j) => {
+      h.visible ? we(o.map, h) : (Ce(o.map, h.id), s("set-filter-layer", null)), o.map.getStyle().layers.filter((j) => j.source === h.id).forEach((j) => {
         o.map.setLayoutProperty(
           j.id,
           "visibility",
           h.visible ? "visible" : "none"
         );
-      }), n("update:enabledLayerIds", u());
+      }), s("update:enabledLayerIds", u());
     }, m = () => {
       const h = !l.value;
       i.value.forEach((f) => {
         f.visible = h, h ? we(o.map, f) : Ce(o.map, f.id);
-      }), h || n("set-filter-layer", null), n("update:enabledLayerIds", u());
+      }), h || s("set-filter-layer", null), s("update:enabledLayerIds", u());
     };
-    return he(
+    return fe(
       () => u(),
       (h) => {
         o.history && v(h);
       },
       { deep: !0 }
-    ), (h, f) => (c(), p("div", Nt, [
-      f[2] || (f[2] = r("div", { class: "p-5 pb-3 flex justify-between items-center" }, [
+    ), (h, f) => (c(), p("div", Qt, [
+      f[1] || (f[1] = r("div", { class: "p-5 pb-3 flex justify-between items-center" }, [
         r("h2", { class: "inline-block font-semibold text-lg text-gray-800" }, "Шари")
       ], -1)),
-      r("div", Zt, [
-        e.config.search ? (c(), p("div", qt, [
+      r("div", Yt, [
+        e.config.search ? (c(), p("div", Kt, [
           ne(r("input", {
             type: "text",
-            "onUpdate:modelValue": f[0] || (f[0] = (L) => s.value = L),
+            "onUpdate:modelValue": f[0] || (f[0] = (L) => n.value = L),
             placeholder: "Введіть назву шару...",
-            class: "py-[7px] ps-8 pe-8 block w-full bg-gray-100 border-transparent rounded-lg text-sm focus:bg-white focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none"
+            class: "py-[7px] ps-8 pl-8 pe-8 block w-full bg-gray-100 border-transparent rounded-lg text-sm focus:bg-white focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none"
           }, null, 512), [
-            [Ne, s.value]
+            [We, n.value]
           ]),
-          (c(), p("svg", Gt, [...f[1] || (f[1] = [
-            r("path", {
-              d: "M7.33333 13.1667C10.2789 13.1667 12.6667 10.7789 12.6667 7.83333C12.6667 4.88781 10.2789 2.5 7.33333 2.5C4.38781 2.5 2 4.88781 2 7.83333C2 10.7789 4.38781 13.1667 7.33333 13.1667Z",
-              stroke: "#6B7280",
-              "stroke-linecap": "round",
-              "stroke-linejoin": "round"
-            }, null, -1),
-            r("path", {
-              d: "M13.9995 14.5L11.1328 11.6333",
-              stroke: "#6B7280",
-              "stroke-linecap": "round",
-              "stroke-linejoin": "round"
-            }, null, -1)
-          ])]))
+          N(ot)
         ])) : F("", !0),
-        e.config.allow_toggle_all ? (c(), p("div", Jt, [
+        e.config.allow_toggle_all ? (c(), p("div", Xt, [
           r("button", {
             onClick: m,
             class: "w-full py-[7px] bg-blue-500 text-white rounded-lg hover:bg-blue-600 transition-colors"
           }, S(l.value ? "Вимкнути всі" : "Увімкнути всі"), 1)
         ])) : F("", !0),
-        r("div", Qt, [
-          r("ul", Yt, [
+        r("div", eo, [
+          r("ul", to, [
             (c(!0), p(B, null, W(g.value, (L) => (c(), p("li", {
               key: L.id,
               class: "flex flex-wrap justify-between items-center gap-x-2"
             }, [
-              r("label", Kt, [
-                r("span", Xt, [
+              r("label", oo, [
+                r("span", ro, [
                   ne(r("input", {
                     class: "dataset-checkbox",
                     type: "checkbox",
                     "onUpdate:modelValue": (j) => L.visible = j,
                     onChange: () => a(L)
-                  }, null, 40, eo), [
+                  }, null, 40, so), [
                     [qe, L.visible]
                   ])
                 ]),
-                r("span", to, S(L.title || L.name || L.label), 1)
+                r("span", no, S(L.title || L.name || L.label), 1)
               ]),
               L.actions && L.visible ? (c(!0), p(B, { key: 0 }, W(L.actions, (j) => (c(), p("div", {
                 key: j.id
@@ -707,18 +709,18 @@ const Nt = { class: "w-full flex flex-col bg-white border border-stone-200 shado
                 }, [
                   r("div", {
                     innerHTML: j.icon
-                  }, null, 8, ro)
-                ], 8, oo)
+                  }, null, 8, ao)
+                ], 8, io)
               ]))), 128)) : F("", !0)
             ]))), 128)),
-            s.value && g.value.length === 0 ? (c(), p("li", so, " Шарів не знайдено ")) : F("", !0)
+            n.value && g.value.length === 0 ? (c(), p("li", lo, " Шарів не знайдено ")) : F("", !0)
           ])
         ])
       ])
     ]));
   }
 };
-Ye({
+Ge({
   props: {
     modelValue: { type: Boolean, default: () => !1 },
     title: { type: String, default: () => "" },
@@ -759,49 +761,49 @@ Ye({
     }
   }
 });
-const Pe = async (e, t, o, n = 10) => {
+const je = async (e, t, o, s = 10) => {
   var L, j, T, k;
   if (!t || !o) return;
-  await $e();
-  const s = await (o == null ? void 0 : o.getBoundingClientRect()), i = await (t == null ? void 0 : t.getBoundingClientRect());
-  if (!i || !s) return;
+  await Ee();
+  const n = await (o == null ? void 0 : o.getBoundingClientRect()), i = await (t == null ? void 0 : t.getBoundingClientRect());
+  if (!i || !n) return;
   const d = await parseInt((L = t == null ? void 0 : t.getBoundingClientRect()) == null ? void 0 : L.height), v = await parseInt((j = t == null ? void 0 : t.getBoundingClientRect()) == null ? void 0 : j.width), g = await parseInt((T = o == null ? void 0 : o.getBoundingClientRect()) == null ? void 0 : T.height), l = await parseInt((k = o == null ? void 0 : o.getBoundingClientRect()) == null ? void 0 : k.width), u = await window.innerHeight, a = await window.innerWidth;
   let m = 0, h = 0;
-  const f = i.bottom + n + g;
+  const f = i.bottom + s + g;
   switch (e) {
     case "top":
-      i.top - s.height - n < 0 ? m = i.top - s.height + n + g + d : m = i.top - s.height - n, a > l + i.right + 30 ? h = i.left - s.width / 2 + i.width / 2 : h = a - 30 - l;
+      i.top - n.height - s < 0 ? m = i.top - n.height + s + g + d : m = i.top - n.height - s, a > l + i.right + 30 ? h = i.left - n.width / 2 + i.width / 2 : h = a - 30 - l;
       break;
     case "bottom":
-      u > f ? m = i.bottom + n : m = i.bottom - n - g - d, h = i.left - s.width / 2 + i.width / 2;
+      u > f ? m = i.bottom + s : m = i.bottom - s - g - d, h = i.left - n.width / 2 + i.width / 2;
       break;
     case "left":
-      m = i.top - s.height / 2 + i.height / 2, i.left - s.width - n > 0 ? h = i.left - s.width - n : h = 10;
+      m = i.top - n.height / 2 + i.height / 2, i.left - n.width - s > 0 ? h = i.left - n.width - s : h = 10;
       break;
     case "right":
-      m = i.top - s.height / 2 + i.height / 2, a - v > l ? h = i.right + n : h = a - 30 - l;
+      m = i.top - n.height / 2 + i.height / 2, a - v > l ? h = i.right + s : h = a - 30 - l;
       break;
     case "top-right":
-      i.top - s.height - n < 0 ? m = i.top - s.height + n + g + d : m = i.top - s.height - n, a - v > l ? h = i.right + n : h = a - 30 - l;
+      i.top - n.height - s < 0 ? m = i.top - n.height + s + g + d : m = i.top - n.height - s, a - v > l ? h = i.right + s : h = a - 30 - l;
       break;
     case "top-left":
-      i.top - s.height - n < 0 ? m = i.top - s.height + n + g + d : m = i.top - s.height - n, i.left - s.width - n > 0 ? h = i.left - s.width - n : h = 10;
+      i.top - n.height - s < 0 ? m = i.top - n.height + s + g + d : m = i.top - n.height - s, i.left - n.width - s > 0 ? h = i.left - n.width - s : h = 10;
       break;
     case "top-start":
-      i.top - s.height - n < 0 ? m = i.top - s.height + n + g + d : m = i.top - s.height - n, i.left > 0 ? h = i.left : h = 10;
+      i.top - n.height - s < 0 ? m = i.top - n.height + s + g + d : m = i.top - n.height - s, i.left > 0 ? h = i.left : h = 10;
       break;
     case "bottom-right":
-      u > f ? m = i.bottom + n : m = i.bottom - n - g - d, a - v > l ? h = i.left : h = a - 30 - l;
+      u > f ? m = i.bottom + s : m = i.bottom - s - g - d, a - v > l ? h = i.left : h = a - 30 - l;
       break;
     case "bottom-left":
-      u > f ? m = i.bottom + n : m = i.bottom - n - g - d, i.left > 0 ? h = i.right - l : h = 10;
+      u > f ? m = i.bottom + s : m = i.bottom - s - g - d, i.left > 0 ? h = i.right - l : h = 10;
       break;
     case "bottom-start":
-      u > f ? m = i.bottom + n : m = i.bottom - n - g - d, i.left > 0 ? h = i.left : h = 10;
+      u > f ? m = i.bottom + s : m = i.bottom - s - g - d, i.left > 0 ? h = i.left : h = 10;
       break;
   }
-  m + g > u ? m = u - g - n : m < 0 && (m = n), h + l > a ? h = a - l - n : h < 0 && (h = n), o instanceof HTMLElement && (o.style.top = `${m}px`, o.style.left = `${h}px`, o.style.position = "fixed");
-}, io = { class: "text-center" }, ao = { class: "py-2 px-4 w-full text-sm text-stone-800 bg-white shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-lg focus:outline-none focus:bg-stone-100 dark:bg-neutral-900 dark:text-neutral-200 dark:focus:bg-neutral-800 after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" }, Ve = /* @__PURE__ */ Ye({
+  m + g > u ? m = u - g - s : m < 0 && (m = s), h + l > a ? h = a - l - s : h < 0 && (h = s), o instanceof HTMLElement && (o.style.top = `${m}px`, o.style.left = `${h}px`, o.style.position = "fixed");
+}, uo = { class: "text-center" }, po = { class: "py-2 px-4 w-full text-sm text-stone-800 bg-white shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-lg focus:outline-none focus:bg-stone-100 dark:bg-neutral-900 dark:text-neutral-200 dark:focus:bg-neutral-800 after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" }, Ie = /* @__PURE__ */ Ge({
   __name: "vs-popover",
   props: {
     isOpen: { type: Boolean, default: !1 },
@@ -814,7 +816,7 @@ const Pe = async (e, t, o, n = 10) => {
   },
   emits: ["isvisible"],
   setup(e, { expose: t, emit: o }) {
-    const n = e, s = o, i = A(!1), d = A([]), v = A(null), g = A(null), l = A(null), u = (_) => {
+    const s = e, n = o, i = A(!1), d = A([]), v = A(null), g = A(null), l = A(null), u = (_) => {
       var D, le;
       if (!_) {
         i.value = !1;
@@ -837,19 +839,19 @@ const Pe = async (e, t, o, n = 10) => {
         _.removeEventListener("scroll", m);
       }), d.value = [];
     };
-    he(i, (_) => {
-      _ ? (f(), window.addEventListener("resize", () => Pe(n.placement, g.value, l.value)), Pe(n.placement, g.value, l.value)) : window.removeEventListener("resize", () => Pe(n.placement, g.value, l.value)), s("isvisible", _);
+    fe(i, (_) => {
+      _ ? (f(), window.addEventListener("resize", () => je(s.placement, g.value, l.value)), je(s.placement, g.value, l.value)) : window.removeEventListener("resize", () => je(s.placement, g.value, l.value)), n("isvisible", _);
     }), xe(() => {
       window.addEventListener("click", u), window.addEventListener("popstate", h), window.addEventListener("scroll", a, !0), f();
-    }), ht(() => {
+    }), gt(() => {
       window.removeEventListener("click", u), window.removeEventListener("popstate", h), L();
     });
     const j = () => {
-      i.value = !0, Pe(n.placement, g.value, l.value);
+      i.value = !0, je(s.placement, g.value, l.value);
     }, T = () => {
       i.value = !1;
     }, k = async () => {
-      await Pe(n.placement, g.value, l.value), i.value = !i.value;
+      await je(s.placement, g.value, l.value), i.value = !i.value;
     };
     return t({
       togglePopover: k
@@ -858,7 +860,7 @@ const Pe = async (e, t, o, n = 10) => {
       ref: v,
       class: "vs-popover inline-block"
     }, [
-      r("div", io, [
+      r("div", uo, [
         _.trigger === "click" ? (c(), p("div", {
           key: 0,
           ref_key: "popoverRef",
@@ -866,7 +868,7 @@ const Pe = async (e, t, o, n = 10) => {
           onClick: k,
           class: K({ "pointer-events-none": _.disabled })
         }, [
-          We(_.$slots, "reference", {}, () => [
+          Ne(_.$slots, "reference", {}, () => [
             D[0] || (D[0] = r("button", null, "Click me!", -1))
           ])
         ], 2)) : F("", !0),
@@ -878,29 +880,29 @@ const Pe = async (e, t, o, n = 10) => {
           onMouseleave: T,
           class: K({ "pointer-events-none": _.disabled })
         }, [
-          We(_.$slots, "reference", {}, () => [
+          Ne(_.$slots, "reference", {}, () => [
             D[1] || (D[1] = r("button", null, "Click me!", -1))
           ])
         ], 34)) : F("", !0),
         (c(), X(Ke, { to: _.teleport }, [
-          N(ft, { name: "fade" }, {
+          N(vt, { name: "fade" }, {
             default: Z(() => [
               ne(r("div", {
                 class: K(["vsTailwind vs-popover__content", _.placement]),
                 ref_key: "contentPop",
                 ref: l,
-                style: fe({
+                style: he({
                   width: _.width ? _.width + "px" : "fit-content",
                   zIndex: 10002
                 })
               }, [
-                r("div", ao, [
-                  We(_.$slots, "default", {}, () => [
+                r("div", po, [
+                  Ne(_.$slots, "default", {}, () => [
                     D[2] || (D[2] = r("span", null, "Popover content", -1))
                   ])
                 ])
               ], 6), [
-                [Ee, i.value]
+                [Pe, i.value]
               ])
             ]),
             _: 3
@@ -910,11 +912,11 @@ const Pe = async (e, t, o, n = 10) => {
     ], 512));
   }
 });
-pt({ visible: !0 });
-const lo = { class: "legend-widget flex flex-col bg-white border border-stone-200 shadow-2xs rounded-xl z-10 relative" }, co = {
+ft({ visible: !0 });
+const ho = { class: "legend-widget flex flex-col bg-white border border-stone-200 shadow-2xs rounded-xl z-10 relative" }, fo = {
   key: 0,
   class: "p-5 pb-3 flex justify-between items-start gap-[30px]"
-}, uo = { class: "inline-block font-semibold text-lg text-gray-800 dark:text-neutral-200" }, po = { class: "flex flex-col gap-1" }, ho = { class: "flex flex-col gap-1 p-5 pt-0" }, fo = ["innerHTML"], go = {
+}, go = { class: "inline-block font-semibold text-lg text-gray-800 dark:text-neutral-200" }, vo = { class: "flex flex-col gap-1" }, mo = { class: "flex flex-col gap-1 p-5 pt-0" }, yo = ["innerHTML"], bo = {
   __name: "vs-info-widget",
   props: {
     config: {
@@ -926,25 +928,25 @@ const lo = { class: "legend-widget flex flex-col bg-white border border-stone-20
     const t = e, o = M(() => {
       var i;
       return ((i = t.config) == null ? void 0 : i.title) || "";
-    }), n = M(() => {
+    }), s = M(() => {
       var i;
       return ((i = t.config) == null ? void 0 : i.content) || "";
-    }), s = M(() => {
+    }), n = M(() => {
       var i;
       return ((i = t.config) == null ? void 0 : i.goTo) || [];
     });
     return (i, d) => {
       var g, l;
       const v = G("router-link");
-      return c(), p("div", lo, [
-        o.value || (g = s.value) != null && g.length ? (c(), p("div", co, [
-          r("h2", uo, S(o.value), 1),
-          (l = s.value) != null && l.length ? (c(), X(Ze(Ve), {
+      return c(), p("div", ho, [
+        o.value || (g = n.value) != null && g.length ? (c(), p("div", fo, [
+          r("h2", go, S(o.value), 1),
+          (l = n.value) != null && l.length ? (c(), X(Ze(Ie), {
             key: 0,
             placement: "bottom"
           }, {
             reference: Z(() => [
-              N(Ze(Ve), {
+              N(Ze(Ie), {
                 trigger: "hover",
                 placement: "right"
               }, {
@@ -985,8 +987,8 @@ const lo = { class: "legend-widget flex flex-col bg-white border border-stone-20
               })
             ]),
             default: Z(() => [
-              r("div", po, [
-                (c(!0), p(B, null, W(s.value, (u) => (c(), p("div", {
+              r("div", vo, [
+                (c(!0), p(B, null, W(n.value, (u) => (c(), p("div", {
                   key: u.label
                 }, [
                   u.url ? (c(), X(v, {
@@ -1005,34 +1007,34 @@ const lo = { class: "legend-widget flex flex-col bg-white border border-stone-20
             _: 1
           })) : F("", !0)
         ])) : F("", !0),
-        r("div", ho, [
-          r("div", { innerHTML: n.value }, null, 8, fo)
+        r("div", mo, [
+          r("div", { innerHTML: s.value }, null, 8, yo)
         ])
       ]);
     };
   }
-}, vo = /* @__PURE__ */ H(go, [["__scopeId", "data-v-629caa82"]]), mo = { class: "w-full flex flex-col bg-white border border-stone-200 shadow-2xs rounded-xl z-10 relative overflow-hidden" }, yo = {
+}, wo = /* @__PURE__ */ H(bo, [["__scopeId", "data-v-629caa82"]]), xo = { class: "w-full flex flex-col bg-white border border-stone-200 shadow-2xs rounded-xl z-10 relative overflow-hidden" }, _o = {
   key: 0,
   class: "p-5 pb-3 flex justify-between items-center"
-}, bo = { class: "inline-block font-semibold text-lg text-gray-800" }, wo = {
+}, ko = { class: "inline-block font-semibold text-lg text-gray-800" }, Lo = {
   key: 1,
   class: "flex"
-}, xo = { class: "flex items-center mx-[8px]" }, _o = { class: "min-h-[34px] max-h-[34px] overflow-hidden min-w-[34px] flex justify-center items-center bg-stone-100 text-stone-800 py-2 px-3 text-sm rounded-lg" }, ko = { class: "min-h-[34px] flex justify-center items-center text-stone-500 py-2 px-1.5 text-sm" }, Lo = { class: "flex flex-col justify-between pb-5 px-5 h-full overflow-y-auto flex-1 [&::-webkit-scrollbar]:h-1.5 [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-gray-300 [&::-webkit-scrollbar-track]:bg-transparent" }, Co = {
+}, Co = { class: "flex items-center mx-[8px]" }, $o = { class: "min-h-[34px] max-h-[34px] overflow-hidden min-w-[34px] flex justify-center items-center bg-stone-100 text-stone-800 py-2 px-3 text-sm rounded-lg" }, Io = { class: "min-h-[34px] flex justify-center items-center text-stone-500 py-2 px-1.5 text-sm" }, Vo = { class: "flex flex-col justify-between pb-5 px-5 h-full overflow-y-auto flex-1 [&::-webkit-scrollbar]:h-1.5 [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-gray-300 [&::-webkit-scrollbar-track]:bg-transparent" }, So = {
   key: 0,
   class: "text-center"
-}, $o = {
+}, Fo = {
   key: 1,
   class: "text-red-500"
-}, Io = { key: 2 }, Vo = ["innerHTML"], So = {
+}, jo = { key: 2 }, Po = ["innerHTML"], Eo = {
   key: 1,
   class: "flow-root"
-}, Fo = { class: "-my-3 divide-y divide-gray-100 text-sm" }, jo = { class: "font-medium text-gray-900" }, Po = { class: "text-gray-700 sm:col-span-2" }, Eo = {
+}, Mo = { class: "-my-3 divide-y divide-gray-100 text-sm" }, To = { class: "font-medium text-gray-900" }, zo = { class: "text-gray-700 sm:col-span-2" }, Ao = {
   key: 2,
   class: "vs-map-card-info__nodata"
-}, Mo = {
+}, Bo = {
   key: 3,
   class: "pt-4 flex justify-end"
-}, To = ["href"], ot = {
+}, Oo = ["href"], rt = {
   __name: "vs-card-widget",
   props: {
     config: {
@@ -1046,7 +1048,7 @@ const lo = { class: "legend-widget flex flex-col bg-white border border-stone-20
   },
   emits: ["close", "content-resize"],
   setup(e, { emit: t }) {
-    const o = e, n = t, s = M(() => {
+    const o = e, s = t, n = M(() => {
       var T;
       return ((T = o.config) == null ? void 0 : T.title) || "";
     }), i = M(
@@ -1060,19 +1062,19 @@ const lo = { class: "legend-widget flex flex-col bg-white border border-stone-20
       return !T || !k ? {} : k.reduce((_, D) => (!D.hide && !["geom", "geodata", "id"].includes(D.name) && (_[D.ua] = T[D.name] ?? "-"), _), {});
     });
     async function f() {
-      var T, k, _, D, le, ce;
+      var T, k, _, D, le, pe;
       v.value = !0, g.value = null;
       try {
-        const te = {
+        const oe = {
           id: (T = o.cardValues) == null ? void 0 : T.id,
           layer: typeof ((k = o.cardValues) == null ? void 0 : k.layer) == "object" ? (D = (_ = o.cardValues) == null ? void 0 : _.layer) == null ? void 0 : D.id : (le = o.cardValues) == null ? void 0 : le.layer,
-          map: (ce = o.cardValues) == null ? void 0 : ce.map
-        }, Ue = await fetch("/api/map-format?" + new URLSearchParams(te)).then((Me) => Me.json());
-        d.value[l.value] = Ue;
-      } catch (te) {
-        g.value = (te == null ? void 0 : te.message) || "Помилка запиту";
+          map: (pe = o.cardValues) == null ? void 0 : pe.map
+        }, De = await fetch("/api/map-format?" + new URLSearchParams(oe)).then((Ue) => Ue.json());
+        d.value[l.value] = De;
+      } catch (oe) {
+        g.value = (oe == null ? void 0 : oe.message) || "Помилка запиту";
       } finally {
-        v.value = !1, await $e(), n("content-resize");
+        v.value = !1, await Ee(), s("content-resize");
       }
     }
     function L() {
@@ -1082,24 +1084,24 @@ const lo = { class: "legend-widget flex flex-col bg-white border border-stone-20
       l.value > 0 && (l.value -= 1, d.value[l.value] || f());
     }
     return xe(async () => {
-      await $e(), f();
-    }), he(
+      await Ee(), f();
+    }), fe(
       () => o.info,
       () => {
-        l.value = 0, f(), n("content-resize");
+        l.value = 0, f(), s("content-resize");
       },
       { deep: !0 }
-    ), he([() => o.cardValues, () => o.config], async () => {
-      await $e(), f(), n("content-resize");
+    ), fe([() => o.cardValues, () => o.config], async () => {
+      await Ee(), f(), s("content-resize");
     }), (T, k) => {
       var _, D;
-      return c(), p("div", mo, [
-        s.value ? (c(), p("div", yo, [
-          r("h2", bo, S(s.value), 1),
+      return c(), p("div", xo, [
+        n.value ? (c(), p("div", _o, [
+          r("h2", ko, S(n.value), 1),
           r("button", {
             type: "button",
             class: "size-8 inline-flex justify-center items-center gap-x-2 rounded-full border border-transparent bg-gray-100 text-gray-800 hover:bg-gray-200 focus:outline-none focus:bg-gray-200 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600 ml-2",
-            onClick: k[0] || (k[0] = (le) => n("close"))
+            onClick: k[0] || (k[0] = (le) => s("close"))
           }, [...k[1] || (k[1] = [
             r("svg", {
               class: "shrink-0 size-4 cursor-pointer",
@@ -1118,7 +1120,7 @@ const lo = { class: "legend-widget flex flex-col bg-white border border-stone-20
             ], -1)
           ])])
         ])) : F("", !0),
-        a.value > 1 ? (c(), p("div", wo, [
+        a.value > 1 ? (c(), p("div", Lo, [
           r("button", {
             type: "button",
             class: K([{
@@ -1126,10 +1128,10 @@ const lo = { class: "legend-widget flex flex-col bg-white border border-stone-20
             }, "min-h-[34px] min-w-[34px] py-2 px-2.5 inline-flex justify-center items-center gap-x-2 text-sm rounded-lg text-stone-800 hover:bg-stone-100 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-stone-100"]),
             onClick: j
           }, " ◀ ", 2),
-          r("div", xo, [
-            r("span", _o, S(u.value), 1),
+          r("div", Co, [
+            r("span", $o, S(u.value), 1),
             k[2] || (k[2] = r("span", { class: "min-h-[34px] flex justify-center items-center text-stone-500 py-2 px-1.5 text-sm" }, "з", -1)),
-            r("span", ko, S(a.value), 1)
+            r("span", Io, S(a.value), 1)
           ]),
           r("button", {
             type: "button",
@@ -1139,50 +1141,50 @@ const lo = { class: "legend-widget flex flex-col bg-white border border-stone-20
             }, "min-h-[34px] min-w-[34px] py-2 px-2.5 inline-flex justify-center items-center gap-x-2 text-sm rounded-lg text-stone-800 hover:bg-stone-100 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-stone-100"])
           }, " ▶ ", 2)
         ])) : F("", !0),
-        r("div", Lo, [
-          v.value ? (c(), p("div", Co, "Завантаження даних...")) : g.value ? (c(), p("div", $o, " Помилка завантаження даних ")) : (c(), p("div", Io, [
+        r("div", Vo, [
+          v.value ? (c(), p("div", So, "Завантаження даних...")) : g.value ? (c(), p("div", Fo, " Помилка завантаження даних ")) : (c(), p("div", jo, [
             (_ = m.value) != null && _.html ? (c(), p("div", {
               key: 0,
               innerHTML: m.value.html,
               class: "custom-table-html border-b"
-            }, null, 8, Vo)) : Object.keys(h.value).length ? (c(), p("div", So, [
-              r("dl", Fo, [
-                (c(!0), p(B, null, W(h.value, (le, ce) => (c(), p("div", {
-                  key: ce,
+            }, null, 8, Po)) : Object.keys(h.value).length ? (c(), p("div", Eo, [
+              r("dl", Mo, [
+                (c(!0), p(B, null, W(h.value, (le, pe) => (c(), p("div", {
+                  key: pe,
                   class: "grid grid-cols-1 gap-1 py-3 even:bg-gray-50 sm:grid-cols-3 sm:gap-4"
                 }, [
-                  r("dt", jo, S(ce), 1),
-                  r("dd", Po, S(le), 1)
+                  r("dt", To, S(pe), 1),
+                  r("dd", zo, S(le), 1)
                 ]))), 128))
               ])
-            ])) : (c(), p("div", Eo, "Даних не знайдено."))
+            ])) : (c(), p("div", Ao, "Даних не знайдено."))
           ])),
-          (D = m.value) != null && D.cardInterface && i.value ? (c(), p("div", Mo, [
+          (D = m.value) != null && D.cardInterface && i.value ? (c(), p("div", Bo, [
             r("a", {
               href: `/card/${m.value.cardInterface}/${m.value.id}`,
               target: "_blank",
               class: "w-full !cursor-pointer text-center gap-2 px-3 py-1.5 bg-blue-600 text-white rounded hover:bg-blue-700 transition text-sm font-medium"
-            }, " Перейти в реєстр ", 8, To)
+            }, " Перейти в реєстр ", 8, Oo)
           ])) : F("", !0)
         ])
       ]);
     };
   }
-}, zo = { class: "size-full flex flex-col bg-white border border-gray-200 shadow-2xs rounded-xl dark:bg-neutral-800 dark:border-neutral-700" }, Ao = {
+}, Do = { class: "size-full flex flex-col bg-white border border-gray-200 shadow-2xs rounded-xl dark:bg-neutral-800 dark:border-neutral-700" }, Uo = {
   key: 0,
   class: "p-5 pb-0 items-center"
-}, Bo = { class: "inline-block font-semibold text-lg text-gray-800 dark:text-neutral-200" }, Oo = { class: "h-full p-5" }, Do = { class: "h-full flex flex-col justify-between space-y-4" }, Uo = { class: "space-y-4" }, Ro = {
+}, Ro = { class: "inline-block font-semibold text-lg text-gray-800 dark:text-neutral-200" }, Ho = { class: "h-full p-5" }, No = { class: "h-full flex flex-col justify-between space-y-4" }, Wo = { class: "space-y-4" }, Zo = {
   key: 0,
   class: "flex gap-x-1 w-full h-2.5 rounded-full overflow-hidden"
-}, Ho = ["aria-valuenow"], Wo = { class: "text-sm text-gray-500 px-2 w-full py-2 cursor-pointer !flex flex-row items-center rounded-lg group hover:bg-gray-100" }, No = ["for"], Zo = {
+}, qo = ["aria-valuenow"], Go = { class: "text-sm text-gray-500 px-2 w-full py-2 cursor-pointer !flex flex-row items-center rounded-lg group hover:bg-gray-100" }, Jo = ["for"], Qo = {
   key: 0,
   width: "16",
   height: "auto",
   src: "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTYgMTYnIGZpbGw9J3doaXRlJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J00xMi4yMDcgNC43OTNhMSAxIDAgMDEwIDEuNDE0bC01IDVhMSAxIDAgMDEtMS40MTQgMGwtMi0yYTEgMSAwIDAxMS40MTQtMS40MTRMNi41IDkuMDg2bDQuMjkzLTQuMjkzYTEgMSAwIDAxMS40MTQgMHonLz48L3N2Zz4="
-}, qo = ["id", "onUpdate:modelValue"], Go = { class: "ml-2 text-gray-800 dark:text-neutral-200" }, Jo = {
+}, Yo = ["id", "onUpdate:modelValue"], Ko = { class: "ml-2 text-gray-800 dark:text-neutral-200" }, Xo = {
   key: 0,
   class: "ms-auto text-xs text-gray-500 dark:text-neutral-500"
-}, Qo = {
+}, er = {
   __name: "vs-attributre-widget",
   props: {
     config: {
@@ -1198,14 +1200,14 @@ const lo = { class: "legend-widget flex flex-col bg-white border border-stone-20
     const t = e, o = M(() => {
       var g;
       return ((g = t.config) == null ? void 0 : g.title) || "";
-    }), n = A([]), s = M(() => t.config.layer.style.rules.some(
+    }), s = A([]), n = M(() => t.config.layer.style.rules.some(
       (g) => g.count !== void 0
     )), i = M(() => t.config.layer.style.rules.reduce(
       (g, l) => g + (l.count || 0),
       0
     )), d = (g) => !g || i.value === 0 ? 0 : Math.round(g / i.value * 100), v = () => {
       const l = t.config.layer.style.rules.filter(
-        (u, a) => n.value[a]
+        (u, a) => s.value[a]
       ).map((u) => u.id || u.value).join(",");
       if (t.config.layer.id) {
         const u = t.map.getSource(t.config.layer.id);
@@ -1217,23 +1219,23 @@ const lo = { class: "legend-widget flex flex-col bg-white border border-stone-20
     };
     return xe(() => {
       var g;
-      (g = t.config) != null && g.layer && (we(t.map, t.config.layer), n.value = new Array(t.config.layer.style.rules.length).fill(
+      (g = t.config) != null && g.layer && (we(t.map, t.config.layer), s.value = new Array(t.config.layer.style.rules.length).fill(
         !1
       ));
-    }), (g, l) => (c(), p("div", zo, [
-      o.value ? (c(), p("div", Ao, [
+    }), (g, l) => (c(), p("div", Do, [
+      o.value ? (c(), p("div", Uo, [
         r("div", null, [
-          r("h2", Bo, S(o.value), 1)
+          r("h2", Ro, S(o.value), 1)
         ])
       ])) : F("", !0),
-      r("div", Oo, [
-        r("div", Do, [
-          r("div", Uo, [
-            s.value ? (c(), p("div", Ro, [
+      r("div", Ho, [
+        r("div", No, [
+          r("div", Wo, [
+            n.value ? (c(), p("div", Zo, [
               (c(!0), p(B, null, W(e.config.layer.style.rules, (u, a) => (c(), p("div", {
                 key: a,
                 class: "flex flex-col justify-center overflow-hidden text-xs text-white text-center whitespace-nowrap",
-                style: fe({
+                style: he({
                   width: `${d(u.count)}%`,
                   backgroundColor: u.color
                 }),
@@ -1241,37 +1243,37 @@ const lo = { class: "legend-widget flex flex-col bg-white border border-stone-20
                 "aria-valuenow": d(u.count),
                 "aria-valuemin": "0",
                 "aria-valuemax": "100"
-              }, null, 12, Ho))), 128))
+              }, null, 12, qo))), 128))
             ])) : F("", !0),
             r("ul", null, [
               (c(!0), p(B, null, W(e.config.layer.style.rules, (u, a) => (c(), p("li", { key: a }, [
-                r("div", Wo, [
+                r("div", Go, [
                   r("label", {
                     for: `filter-${a}`,
                     class: "flex items-center w-full cursor-pointer"
                   }, [
                     r("div", {
                       class: "w-[18px] h-[18px] border rounded-[4px] flex items-center justify-center",
-                      style: fe({
-                        background: n.value[a] ? u.color || "#2563eb" : "#fff",
-                        borderColor: n.value[a] ? u.color || "#2563eb" : u.color || "#d9d9d9"
+                      style: he({
+                        background: s.value[a] ? u.color || "#2563eb" : "#fff",
+                        borderColor: s.value[a] ? u.color || "#2563eb" : u.color || "#d9d9d9"
                       })
                     }, [
-                      n.value[a] ? (c(), p("img", Zo)) : F("", !0)
+                      s.value[a] ? (c(), p("img", Qo)) : F("", !0)
                     ], 4),
                     ne(r("input", {
                       type: "checkbox",
                       id: `filter-${a}`,
-                      "onUpdate:modelValue": (m) => n.value[a] = m,
+                      "onUpdate:modelValue": (m) => s.value[a] = m,
                       onChange: v,
                       class: "hidden",
                       disabled: !1
-                    }, null, 40, qo), [
-                      [qe, n.value[a]]
+                    }, null, 40, Yo), [
+                      [qe, s.value[a]]
                     ]),
-                    r("span", Go, S(u.label || u.text), 1),
-                    s.value ? (c(), p("span", Jo, "(" + S(u.count) + ")", 1)) : F("", !0)
-                  ], 8, No)
+                    r("span", Ko, S(u.label || u.text), 1),
+                    n.value ? (c(), p("span", Xo, "(" + S(u.count) + ")", 1)) : F("", !0)
+                  ], 8, Jo)
                 ])
               ]))), 128))
             ])
@@ -1280,17 +1282,35 @@ const lo = { class: "legend-widget flex flex-col bg-white border border-stone-20
       ])
     ]));
   }
-}, Yo = { class: "hover:bg-gray-100 rounded-lg flex items-center ml-[20px] py-[8px] px-[8px]" }, Ko = ["for"], Xo = { class: "custom-checkbox-wrapper" }, er = ["id", "checked"], tr = { class: "custom-checkbox" }, or = {
+}, tr = {}, or = {
+  class: "shrink-0 size-4",
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+function rr(e, t) {
+  return c(), p("svg", or, [...t[0] || (t[0] = [
+    r("path", { d: "M18 6 6 18" }, null, -1),
+    r("path", { d: "m6 6 12 12" }, null, -1)
+  ])]);
+}
+const st = /* @__PURE__ */ H(tr, [["render", rr]]), sr = { class: "hover:bg-gray-100 rounded-lg flex items-center ml-[20px] py-[8px] px-[8px]" }, nr = ["for"], ir = { class: "custom-checkbox-wrapper" }, ar = ["id", "checked"], lr = { class: "custom-checkbox" }, cr = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   width: "12",
   height: "8",
   viewBox: "0 0 12 8",
   fill: "none"
-}, rr = { class: "flex items-center justify-between ml-2 w-full" }, sr = ["title"], nr = {
+}, dr = { class: "flex items-center justify-between ml-2 w-full" }, ur = ["title"], pr = {
   key: 0,
   class: "text-xs opacity-60 text-[#4b5563]"
-}, ir = {
+}, hr = {
   __name: "vs-map-catalog-item",
   props: {
     layer: {
@@ -1308,28 +1328,28 @@ const lo = { class: "legend-widget flex flex-col bg-white border border-stone-20
   },
   emits: ["select", "remove"],
   setup(e, { emit: t }) {
-    const o = e, n = t, s = M(() => o.selectedLayers.some((v) => v.id === o.layer.id)), i = (v) => Intl.NumberFormat("uk", {
+    const o = e, s = t, n = M(() => o.selectedLayers.some((v) => v.id === o.layer.id)), i = (v) => Intl.NumberFormat("uk", {
       notation: "compact"
     }).format(v), d = (v) => {
-      n(v ? "select" : "remove", o.layer);
+      s(v ? "select" : "remove", o.layer);
     };
     return (v, g) => {
       var l, u, a, m, h;
-      return c(), p("div", Yo, [
+      return c(), p("div", sr, [
         r("label", {
           class: "flex items-center w-full cursor-pointer",
           for: e.layer.id
         }, [
-          r("div", Xo, [
+          r("div", ir, [
             r("input", {
               id: e.layer.id,
               type: "checkbox",
-              checked: s.value,
+              checked: n.value,
               onChange: g[0] || (g[0] = (f) => d(f.target.checked)),
               class: "custom-checkbox-input"
-            }, null, 40, er),
-            r("div", tr, [
-              s.value ? (c(), p("svg", or, [...g[1] || (g[1] = [
+            }, null, 40, ar),
+            r("div", lr, [
+              n.value ? (c(), p("svg", cr, [...g[1] || (g[1] = [
                 r("path", {
                   d: "M10.6663 1L4.24967 7.41667L1.33301 4.5",
                   stroke: "#fff",
@@ -1339,18 +1359,18 @@ const lo = { class: "legend-widget flex flex-col bg-white border border-stone-20
               ])])) : F("", !0)
             ])
           ]),
-          r("div", rr, [
+          r("div", dr, [
             r("div", {
               class: "whitespace-nowrap text text-ellipsis max-w-[260px] overflow-hidden text-[13px] text-[#4b5563]",
               title: (l = e.layer) == null ? void 0 : l.name
-            }, S(((u = e.layer) == null ? void 0 : u.name) || ((a = e.layer) == null ? void 0 : a.title)), 9, sr),
-            isNaN(i((m = e.layer) == null ? void 0 : m.count)) ? F("", !0) : (c(), p("div", nr, S(i((h = e.layer) == null ? void 0 : h.count)), 1))
+            }, S(((u = e.layer) == null ? void 0 : u.name) || ((a = e.layer) == null ? void 0 : a.title)), 9, ur),
+            isNaN(i((m = e.layer) == null ? void 0 : m.count)) ? F("", !0) : (c(), p("div", pr, S(i((h = e.layer) == null ? void 0 : h.count)), 1))
           ])
-        ], 8, Ko)
+        ], 8, nr)
       ]);
     };
   }
-}, ar = /* @__PURE__ */ H(ir, [["__scopeId", "data-v-b96f3537"]]), lr = {}, cr = {
+}, fr = /* @__PURE__ */ H(hr, [["__scopeId", "data-v-b96f3537"]]), gr = {}, vr = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
   height: "16",
@@ -1362,8 +1382,8 @@ const lo = { class: "legend-widget flex flex-col bg-white border border-stone-20
   "stroke-linejoin": "round",
   class: "lucide lucide-zoom-in"
 };
-function dr(e, t) {
-  return c(), p("svg", cr, [...t[0] || (t[0] = [
+function mr(e, t) {
+  return c(), p("svg", vr, [...t[0] || (t[0] = [
     r("circle", {
       cx: "11",
       cy: "11",
@@ -1389,7 +1409,7 @@ function dr(e, t) {
     }, null, -1)
   ])]);
 }
-const ur = /* @__PURE__ */ H(lr, [["render", dr]]), pr = {}, hr = {
+const yr = /* @__PURE__ */ H(gr, [["render", mr]]), br = {}, wr = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
   height: "16",
@@ -1401,8 +1421,8 @@ const ur = /* @__PURE__ */ H(lr, [["render", dr]]), pr = {}, hr = {
   "stroke-linejoin": "round",
   class: "lucide lucide-info"
 };
-function fr(e, t) {
-  return c(), p("svg", hr, [...t[0] || (t[0] = [
+function xr(e, t) {
+  return c(), p("svg", wr, [...t[0] || (t[0] = [
     r("circle", {
       cx: "12",
       cy: "12",
@@ -1412,7 +1432,7 @@ function fr(e, t) {
     r("path", { d: "M12 8h.01" }, null, -1)
   ])]);
 }
-const gr = /* @__PURE__ */ H(pr, [["render", fr]]), vr = {}, mr = {
+const _r = /* @__PURE__ */ H(br, [["render", xr]]), kr = {}, Lr = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
   height: "16",
@@ -1424,8 +1444,8 @@ const gr = /* @__PURE__ */ H(pr, [["render", fr]]), vr = {}, mr = {
   "stroke-linejoin": "round",
   class: "lucide lucide-table"
 };
-function yr(e, t) {
-  return c(), p("svg", mr, [...t[0] || (t[0] = [
+function Cr(e, t) {
+  return c(), p("svg", Lr, [...t[0] || (t[0] = [
     r("path", { d: "M12 3v18" }, null, -1),
     r("rect", {
       width: "18",
@@ -1438,7 +1458,7 @@ function yr(e, t) {
     r("path", { d: "M3 15h18" }, null, -1)
   ])]);
 }
-const br = /* @__PURE__ */ H(vr, [["render", yr]]), wr = {}, xr = {
+const $r = /* @__PURE__ */ H(kr, [["render", Cr]]), Ir = {}, Vr = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
   height: "16",
@@ -1450,12 +1470,12 @@ const br = /* @__PURE__ */ H(vr, [["render", yr]]), wr = {}, xr = {
   "stroke-linejoin": "round",
   class: "lucide lucide-trash2"
 };
-function _r(e, t) {
-  return c(), p("svg", xr, [...t[0] || (t[0] = [
-    Oe('<path d="M3 6h18"></path><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"></path><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"></path><line x1="10" x2="10" y1="11" y2="17"></line><line x1="14" x2="14" y1="11" y2="17"></line>', 5)
+function Sr(e, t) {
+  return c(), p("svg", Vr, [...t[0] || (t[0] = [
+    Be('<path d="M3 6h18"></path><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"></path><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"></path><line x1="10" x2="10" y1="11" y2="17"></line><line x1="14" x2="14" y1="11" y2="17"></line>', 5)
   ])]);
 }
-const kr = /* @__PURE__ */ H(wr, [["render", _r]]), Lr = {}, Cr = {
+const Fr = /* @__PURE__ */ H(Ir, [["render", Sr]]), jr = {}, Pr = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "18",
   height: "18",
@@ -1467,8 +1487,8 @@ const kr = /* @__PURE__ */ H(wr, [["render", _r]]), Lr = {}, Cr = {
   "stroke-linejoin": "round",
   class: "lucide lucide-more-vertical text-gray-600"
 };
-function $r(e, t) {
-  return c(), p("svg", Cr, [...t[0] || (t[0] = [
+function Er(e, t) {
+  return c(), p("svg", Pr, [...t[0] || (t[0] = [
     r("circle", {
       cx: "12",
       cy: "12",
@@ -1486,15 +1506,15 @@ function $r(e, t) {
     }, null, -1)
   ])]);
 }
-const Ir = /* @__PURE__ */ H(Lr, [["render", $r]]), Vr = {}, Sr = {
+const Mr = /* @__PURE__ */ H(jr, [["render", Er]]), Tr = {}, zr = {
   width: "6",
   height: "10",
   viewBox: "0 0 6 10",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Fr(e, t) {
-  return c(), p("svg", Sr, [...t[0] || (t[0] = [
+function Ar(e, t) {
+  return c(), p("svg", zr, [...t[0] || (t[0] = [
     r("path", {
       d: "M1 9L5 5L1 1",
       stroke: "currentColor",
@@ -1503,40 +1523,42 @@ function Fr(e, t) {
     }, null, -1)
   ])]);
 }
-const jr = /* @__PURE__ */ H(Vr, [["render", Fr]]), Pr = {}, Er = {
+const Br = /* @__PURE__ */ H(Tr, [["render", Ar]]), Or = {}, Dr = {
   width: "18",
   height: "18",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Mr(e, t) {
-  return c(), p("svg", Er, [...t[0] || (t[0] = [
-    Oe('<g clip-path="url(#clip0_231_103)"><path d="M12 20L9 21V12.5L4.52 7.572C4.18545 7.20393 4.00005 6.7244 4 6.227V4H20V6.172C19.9999 6.70239 19.7891 7.21101 19.414 7.586L15 12" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M21.121 20.1209C21.5406 19.7014 21.8265 19.1668 21.9423 18.5849C22.0581 18.0029 21.9988 17.3997 21.7717 16.8514C21.5447 16.3032 21.1602 15.8346 20.6668 15.5049C20.1734 15.1752 19.5934 14.9993 19 14.9993C18.4066 14.9993 17.8266 15.1752 17.3332 15.5049C16.8398 15.8346 16.4553 16.3032 16.2283 16.8514C16.0012 17.3997 15.9419 18.0029 16.0577 18.5849C16.1735 19.1668 16.4594 19.7014 16.879 20.1209C17.297 20.5399 18.004 21.1659 19 21.9999C20.051 21.1099 20.759 20.4839 21.121 20.1209Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M19 18V18.01" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></g><defs><clipPath id="clip0_231_103"><rect width="24" height="24" fill="white"></rect></clipPath></defs>', 2)
+function Ur(e, t) {
+  return c(), p("svg", Dr, [...t[0] || (t[0] = [
+    Be('<g clip-path="url(#clip0_231_103)"><path d="M12 20L9 21V12.5L4.52 7.572C4.18545 7.20393 4.00005 6.7244 4 6.227V4H20V6.172C19.9999 6.70239 19.7891 7.21101 19.414 7.586L15 12" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M21.121 20.1209C21.5406 19.7014 21.8265 19.1668 21.9423 18.5849C22.0581 18.0029 21.9988 17.3997 21.7717 16.8514C21.5447 16.3032 21.1602 15.8346 20.6668 15.5049C20.1734 15.1752 19.5934 14.9993 19 14.9993C18.4066 14.9993 17.8266 15.1752 17.3332 15.5049C16.8398 15.8346 16.4553 16.3032 16.2283 16.8514C16.0012 17.3997 15.9419 18.0029 16.0577 18.5849C16.1735 19.1668 16.4594 19.7014 16.879 20.1209C17.297 20.5399 18.004 21.1659 19 21.9999C20.051 21.1099 20.759 20.4839 21.121 20.1209Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M19 18V18.01" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></g><defs><clipPath id="clip0_231_103"><rect width="24" height="24" fill="white"></rect></clipPath></defs>', 2)
   ])]);
 }
-const Tr = /* @__PURE__ */ H(Pr, [["render", Mr]]);
-function zr() {
+const Rr = /* @__PURE__ */ H(Or, [["render", Ur]]);
+function Hr() {
   const t = new URLSearchParams(window.location.search).get("layers");
   return t ? t.split(",") : [];
 }
-function Ar(e) {
+function Nr(e) {
   const t = new URLSearchParams(window.location.search);
   e.length > 0 ? t.set("layers", e.join(",")) : t.delete("layers");
   const o = `${window.location.pathname}?${t.toString()}`;
   window.history.replaceState({}, "", o);
 }
-const Br = {
+const Wr = {
   components: {
-    VsPopover: Ve,
-    VsLayersItem: ar,
-    ZoomInIcon: ur,
-    InfoIcon: gr,
-    TableIcon: br,
-    TrashIcon: kr,
-    DotsIcon: Ir,
-    ChevronRightIcon: jr,
-    FilterIcon: Tr
+    VsPopover: Ie,
+    VsLayersItem: fr,
+    ZoomInIcon: yr,
+    InfoIcon: _r,
+    TableIcon: $r,
+    TrashIcon: Fr,
+    DotsIcon: Mr,
+    ChevronRightIcon: Br,
+    FilterIcon: Rr,
+    closeIcon: st,
+    searchIcon: ot
   },
   props: {
     center: { type: Array, default: () => [26.2516, 50.6199] },
@@ -1569,17 +1591,17 @@ const Br = {
   },
   async mounted() {
     if (this.mounted = !0, await this.getLayers(), this.categories = this.layersCategories(), this.history) {
-      const e = zr();
+      const e = Hr();
       e.length > 0 && this.layers && (e.forEach((t) => {
-        const o = this.layers.find((n) => String(n.id) === t);
-        if (o && !this.selectedLayers.find((n) => n.id === o.id)) {
-          const n = {
+        const o = this.layers.find((s) => String(s.id) === t);
+        if (o && !this.selectedLayers.find((s) => s.id === o.id)) {
+          const s = {
             ...o,
             visible: !0,
             opacity: 100,
             showFilters: !1
           };
-          this.selectedLayers.push(n), we(this.map, n);
+          this.selectedLayers.push(s), we(this.map, s);
         }
       }), this.activeView = "selected");
     }
@@ -1597,7 +1619,7 @@ const Br = {
     // --- HISTORY: оновлення layers у URL ---
     selectedLayers: {
       handler(e) {
-        this.history && Ar(e.map((t) => t.id));
+        this.history && Nr(e.map((t) => t.id));
       },
       deep: !0
     }
@@ -1608,7 +1630,7 @@ const Br = {
         const e = await fetch("/api/map-catalog").then((o) => o.json()), t = (e.services || []).filter(
           (o) => o.service_type !== "other"
         );
-        this.layers = [...t, ...e.rasters || []], this.$emit("catalog-layers", this.layers), this.rawCatalog = {
+        this.layers = [...t, ...e.rasters || []], this.rawCatalog = {
           ...e,
           services: t
         };
@@ -1665,17 +1687,17 @@ const Br = {
     },
     updateLayerOpacity(e) {
       if (this.map) {
-        const t = this.map.getStyle().layers.filter((n) => n.id.includes(e.id)), o = e.opacity / 100;
-        t.forEach((n) => {
-          n.type === "fill" ? (e.originalFillOpacity || (e.originalFillOpacity = this.map.getPaintProperty(n.id, "fill-opacity") || 1), this.map.setPaintProperty(
-            n.id,
+        const t = this.map.getStyle().layers.filter((s) => s.id.includes(e.id)), o = e.opacity / 100;
+        t.forEach((s) => {
+          s.type === "fill" ? (e.originalFillOpacity || (e.originalFillOpacity = this.map.getPaintProperty(s.id, "fill-opacity") || 1), this.map.setPaintProperty(
+            s.id,
             "fill-opacity",
             e.originalFillOpacity * o
-          )) : n.type === "raster" ? this.map.setPaintProperty(n.id, "raster-opacity", o) : n.type === "line" ? this.map.setPaintProperty(n.id, "line-opacity", o) : n.type === "circle" ? (this.map.setPaintProperty(n.id, "circle-opacity", o), this.map.setPaintProperty(
-            n.id,
+          )) : s.type === "raster" ? this.map.setPaintProperty(s.id, "raster-opacity", o) : s.type === "line" ? this.map.setPaintProperty(s.id, "line-opacity", o) : s.type === "circle" ? (this.map.setPaintProperty(s.id, "circle-opacity", o), this.map.setPaintProperty(
+            s.id,
             "circle-stroke-opacity",
             o
-          )) : n.type === "symbol" && (this.map.setPaintProperty(n.id, "icon-opacity", o), this.map.setPaintProperty(n.id, "text-opacity", o));
+          )) : s.type === "symbol" && (this.map.setPaintProperty(s.id, "icon-opacity", o), this.map.setPaintProperty(s.id, "text-opacity", o));
         });
       }
     },
@@ -1713,7 +1735,7 @@ const Br = {
     async handleFilterChange({ url: e }, t) {
       const o = this.map.getSource(t.id);
       if (o) {
-        const s = o.tiles[0].split("?filter=")[0], i = e ? `${s}?filter=${e}` : s;
+        const n = o.tiles[0].split("?filter=")[0], i = e ? `${n}?filter=${e}` : n;
         o.setTiles([i]);
       }
     },
@@ -1770,9 +1792,9 @@ const Br = {
       const t = this.selectedLayers[this.draggedLayerIndex];
       if (this.selectedLayers.splice(this.draggedLayerIndex, 1), this.selectedLayers.splice(e, 0, t), this.draggedLayerIndex = null, this.map && this.selectedLayers.length > 1)
         for (let o = this.selectedLayers.length - 1; o >= 0; o--) {
-          const n = this.selectedLayers[o];
-          n.visible && this.map.getStyle().layers.find((s) => s.id.includes(n.id)) && this.map.getStyle().layers.forEach((s) => {
-            s.id.includes(n.id) && this.map.moveLayer(s.id);
+          const s = this.selectedLayers[o];
+          s.visible && this.map.getStyle().layers.find((n) => n.id.includes(s.id)) && this.map.getStyle().layers.forEach((n) => {
+            n.id.includes(s.id) && this.map.moveLayer(n.id);
           });
         }
     },
@@ -1780,37 +1802,37 @@ const Br = {
       this.draggedLayerIndex = null;
     }
   }
-}, Or = { class: "w-full max-w-md mx-auto p-4 bg-white border border-gray-200 rounded-lg shadow-sm" }, Dr = { class: "flex items-center justify-between mb-4" }, Ur = { class: "flex items-center gap-2" }, Rr = { class: "text-lg font-semibold text-gray-800" }, Hr = { key: 0 }, Wr = { key: 1 }, Nr = { class: "flex mb-4 border-b border-gray-200" }, Zr = { key: 0 }, qr = { class: "mb-4" }, Gr = {
+}, Zr = { class: "w-full max-w-md mx-auto p-4 bg-white border border-gray-200 rounded-lg shadow-sm" }, qr = { class: "flex items-center justify-between mb-4" }, Gr = { class: "flex items-center gap-2" }, Jr = { class: "text-lg font-semibold text-gray-800" }, Qr = { key: 0 }, Yr = { key: 1 }, Kr = { class: "flex mb-4 border-b border-gray-200" }, Xr = { key: 0 }, es = { class: "mb-4" }, ts = {
   key: 0,
   class: "space-y-2 max-h-[400px] overflow-y-auto pr-1 [&::-webkit-scrollbar]:h-1.5 [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-gray-300 [&::-webkit-scrollbar-track]:bg-transparent"
-}, Jr = ["onDragstart", "onDragover", "onDrop"], Qr = { class: "flex items-center justify-between" }, Yr = { class: "flex items-center gap-2 cursor-move" }, Kr = ["onUpdate:modelValue", "onChange"], Xr = { class: "text-gray-800" }, es = { class: "flex items-center gap-2" }, ts = { class: "relative" }, os = { class: "flex items-center gap-2" }, rs = ["onUpdate:modelValue", "onInput"], ss = { class: "text-xs text-gray-600 whitespace-nowrap" }, ns = ["onClick"], is = { class: "relative" }, as = { class: "w-48" }, ls = {
+}, os = ["onDragstart", "onDragover", "onDrop"], rs = { class: "flex items-center justify-between" }, ss = { class: "flex items-center gap-2 cursor-move" }, ns = ["onUpdate:modelValue", "onChange"], is = { class: "text-gray-800" }, as = { class: "flex items-center gap-2" }, ls = { class: "relative" }, cs = { class: "flex items-center gap-2" }, ds = ["onUpdate:modelValue", "onInput"], us = { class: "text-xs text-gray-600 whitespace-nowrap" }, ps = ["onClick"], hs = { class: "relative" }, fs = { class: "w-48" }, gs = {
   key: 0,
   class: "my-1 border-gray-200"
-}, cs = ["disabled", "onClick"], ds = {
+}, vs = ["disabled", "onClick"], ms = {
   class: "p-1 rounded-full hover:bg-gray-100 transition-colors",
   "aria-label": "Layer actions"
-}, us = {
+}, ys = {
   key: 0,
   class: "bg-blue-50 rounded-md mt-2"
-}, ps = { class: "px-2 pt-2 text-blue-600 hover:text-blue-700 transition-colors" }, hs = {
+}, bs = { class: "px-2 pt-2 text-blue-600 hover:text-blue-700 transition-colors" }, ws = {
   key: 0,
   class: "text-center text-[14px] text-[#4b5563]"
-}, fs = { class: "relative mt-[10px]" }, gs = {
+}, xs = { class: "relative mt-[10px]" }, _s = {
   key: 0,
   class: "vs-layers-catalog__list flex-1 scrollable-container overflow-auto mt-2 catalog-list"
-}, vs = {
+}, ks = {
   key: 0,
   class: "text-center text-[14px] text-[#4b5563]"
-}, ms = {
+}, Ls = {
   key: 0,
   class: "text-center text-[14px] text-[#4b5563]"
-}, ys = ["onClick"], bs = { class: "flex items-center gap-x-3" }, ws = ["title"], xs = { class: "text-xs opacity-60 text-[#4b5563]" };
-function _s(e, t, o, n, s, i) {
+}, Cs = ["onClick"], $s = { class: "flex items-center gap-x-3" }, Is = ["title"], Vs = { class: "text-xs opacity-60 text-[#4b5563]" };
+function Ss(e, t, o, s, n, i) {
   var h;
   const d = G("VsPopover"), v = G("DotsIcon"), g = G("VsFilter"), l = G("searchIcon"), u = G("closeIcon"), a = G("VsLayersItem"), m = G("chevronRightIcon");
-  return c(), p("div", Or, [
-    r("div", Dr, [
-      r("div", Ur, [
+  return c(), p("div", Zr, [
+    r("div", qr, [
+      r("div", Gr, [
         t[7] || (t[7] = r("svg", {
           xmlns: "http://www.w3.org/2000/svg",
           width: "20",
@@ -1827,9 +1849,9 @@ function _s(e, t, o, n, s, i) {
           r("path", { d: "m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65" }),
           r("path", { d: "m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65" })
         ], -1)),
-        r("h2", Rr, [
-          ae(S(s.activeView === "catalog" ? "Каталог" : "Вибрані шари") + " ", 1),
-          s.activeView === "catalog" ? (c(), p("span", Hr, "(" + S(((h = s.layers) == null ? void 0 : h.length) || 0) + ")", 1)) : (c(), p("span", Wr, "(" + S(s.selectedLayers.length) + ")", 1))
+        r("h2", Jr, [
+          ae(S(n.activeView === "catalog" ? "Каталог" : "Вибрані шари") + " ", 1),
+          n.activeView === "catalog" ? (c(), p("span", Qr, "(" + S(((h = n.layers) == null ? void 0 : h.length) || 0) + ")", 1)) : (c(), p("span", Yr, "(" + S(n.selectedLayers.length) + ")", 1))
         ])
       ]),
       r("button", {
@@ -1837,30 +1859,30 @@ function _s(e, t, o, n, s, i) {
         "aria-label": "Reset layers",
         onClick: t[0] || (t[0] = (...f) => i.clearSelectedLayers && i.clearSelectedLayers(...f))
       }, [...t[8] || (t[8] = [
-        Oe('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-refresh-cw text-gray-600" data-v-ed5e991a><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" data-v-ed5e991a></path><path d="M21 3v5h-5" data-v-ed5e991a></path><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" data-v-ed5e991a></path><path d="M8 16H3v5" data-v-ed5e991a></path></svg>', 1)
+        Be('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-refresh-cw text-gray-600" data-v-e9e7021a><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" data-v-e9e7021a></path><path d="M21 3v5h-5" data-v-e9e7021a></path><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" data-v-e9e7021a></path><path d="M8 16H3v5" data-v-e9e7021a></path></svg>', 1)
       ])])
     ]),
-    r("div", Nr, [
+    r("div", Kr, [
       r("button", {
         class: K([
           "px-4 py-2 text-sm font-medium",
-          s.activeView === "catalog" ? "text-blue-600 border-b-2 border-blue-600" : "text-gray-600 hover:text-gray-800"
+          n.activeView === "catalog" ? "text-blue-600 border-b-2 border-blue-600" : "text-gray-600 hover:text-gray-800"
         ]),
-        onClick: t[1] || (t[1] = (f) => s.activeView = "catalog")
+        onClick: t[1] || (t[1] = (f) => n.activeView = "catalog")
       }, " Каталог ", 2),
       r("button", {
         class: K([
           "px-4 py-2 text-sm font-medium",
-          s.activeView === "selected" ? "text-blue-600 border-b-2 border-blue-600" : "text-gray-600 hover:text-gray-800"
+          n.activeView === "selected" ? "text-blue-600 border-b-2 border-blue-600" : "text-gray-600 hover:text-gray-800"
         ]),
-        onClick: t[2] || (t[2] = (f) => s.activeView = "selected")
+        onClick: t[2] || (t[2] = (f) => n.activeView = "selected")
       }, " Вибрані шари ", 2)
     ]),
-    s.activeView === "selected" ? (c(), p("div", Zr, [
-      r("div", qr, [
+    n.activeView === "selected" ? (c(), p("div", Xr, [
+      r("div", es, [
         r("button", {
           class: "flex items-center gap-2 text-blue-600 hover:text-blue-700 transition-colors px-3 py-2 rounded-md bg-blue-50 hover:bg-blue-100 w-full justify-center",
-          onClick: t[3] || (t[3] = (f) => s.activeView = "catalog")
+          onClick: t[3] || (t[3] = (f) => n.activeView = "catalog")
         }, [...t[9] || (t[9] = [
           r("svg", {
             xmlns: "http://www.w3.org/2000/svg",
@@ -1880,42 +1902,42 @@ function _s(e, t, o, n, s, i) {
           r("span", null, "Вибрати шар", -1)
         ])])
       ]),
-      s.mounted ? (c(), p("div", Gr, [
-        (c(!0), p(B, null, W(s.selectedLayers, (f, L) => {
+      n.mounted ? (c(), p("div", ts, [
+        (c(!0), p(B, null, W(n.selectedLayers, (f, L) => {
           var j, T;
           return c(), p("div", {
             key: f.id || L,
-            class: K(["border border-gray-200 rounded-md p-3 mb-2 bg-white shadow-sm text-[13px] text-[#4b5563]", { dragging: s.draggedLayerIndex === L }]),
+            class: K(["border border-gray-200 rounded-md p-3 mb-2 bg-white shadow-sm text-[13px] text-[#4b5563]", { dragging: n.draggedLayerIndex === L }]),
             draggable: "true",
             onDragstart: (k) => i.onDragStart(L),
-            onDragover: gt((k) => i.onDragOver(L), ["prevent"]),
+            onDragover: mt((k) => i.onDragOver(L), ["prevent"]),
             onDrop: (k) => i.onDrop(L),
             onDragend: t[4] || (t[4] = (...k) => i.onDragEnd && i.onDragEnd(...k))
           }, [
-            r("div", Qr, [
-              r("div", Yr, [
-                t[10] || (t[10] = Oe('<svg width="16" height="16" fill="none" stroke="#9ca3af" stroke-width="2" viewBox="0 0 24 24" class="mr-1 shrink-0" data-v-ed5e991a><circle cx="5" cy="5" r="1.5" data-v-ed5e991a></circle><circle cx="5" cy="12" r="1.5" data-v-ed5e991a></circle><circle cx="5" cy="19" r="1.5" data-v-ed5e991a></circle><circle cx="12" cy="5" r="1.5" data-v-ed5e991a></circle><circle cx="12" cy="12" r="1.5" data-v-ed5e991a></circle><circle cx="12" cy="19" r="1.5" data-v-ed5e991a></circle><circle cx="19" cy="5" r="1.5" data-v-ed5e991a></circle><circle cx="19" cy="12" r="1.5" data-v-ed5e991a></circle><circle cx="19" cy="19" r="1.5" data-v-ed5e991a></circle></svg>', 1)),
+            r("div", rs, [
+              r("div", ss, [
+                t[10] || (t[10] = Be('<svg width="16" height="16" fill="none" stroke="#9ca3af" stroke-width="2" viewBox="0 0 24 24" class="mr-1 shrink-0" data-v-e9e7021a><circle cx="5" cy="5" r="1.5" data-v-e9e7021a></circle><circle cx="5" cy="12" r="1.5" data-v-e9e7021a></circle><circle cx="5" cy="19" r="1.5" data-v-e9e7021a></circle><circle cx="12" cy="5" r="1.5" data-v-e9e7021a></circle><circle cx="12" cy="12" r="1.5" data-v-e9e7021a></circle><circle cx="12" cy="19" r="1.5" data-v-e9e7021a></circle><circle cx="19" cy="5" r="1.5" data-v-e9e7021a></circle><circle cx="19" cy="12" r="1.5" data-v-e9e7021a></circle><circle cx="19" cy="19" r="1.5" data-v-e9e7021a></circle></svg>', 1)),
                 ne(r("input", {
                   type: "checkbox",
                   class: "w-4 h-4 text-blue-600 rounded focus:ring-blue-500",
                   "onUpdate:modelValue": (k) => f.visible = k,
                   onChange: (k) => i.toggleLayerVisibility(f)
-                }, null, 40, Kr), [
+                }, null, 40, ns), [
                   [qe, f.visible]
                 ]),
-                r("span", Xr, S(f.name || f.title || f.label), 1)
+                r("span", is, S(f.name || f.title || f.label), 1)
               ]),
-              r("div", es, [
-                r("div", ts, [
+              r("div", as, [
+                r("div", ls, [
                   N(d, { placement: "bottom" }, {
                     reference: Z(() => [
                       r("div", {
                         class: "text-sm text-gray-600 hover:text-gray-800 transition-colors px-2 py-1 rounded hover:bg-gray-100 cursor-pointer",
                         onClick: (k) => i.updateLayerOpacity(f)
-                      }, S(f.opacity || 100) + "% ", 9, ns)
+                      }, S(f.opacity || 100) + "% ", 9, ps)
                     ]),
                     default: Z(() => [
-                      r("div", os, [
+                      r("div", cs, [
                         t[11] || (t[11] = r("label", { class: "text-gray-600 whitespace-nowrap" }, "Прозорість:", -1)),
                         ne(r("input", {
                           type: "range",
@@ -1925,26 +1947,26 @@ function _s(e, t, o, n, s, i) {
                           "onUpdate:modelValue": (k) => f.opacity = k,
                           onInput: (k) => i.onLayerOpacityChange(f),
                           class: "h-2 w-full accent-blue-600 rounded-lg cursor-pointer bg-gray-200"
-                        }, null, 40, rs), [
-                          [Ne, f.opacity]
+                        }, null, 40, ds), [
+                          [We, f.opacity]
                         ]),
-                        r("span", ss, S(Math.round(f.opacity)) + "% ", 1)
+                        r("span", us, S(Math.round(f.opacity)) + "% ", 1)
                       ])
                     ]),
                     _: 2
                   }, 1024)
                 ]),
-                r("div", is, [
+                r("div", hs, [
                   N(d, { placement: "bottom" }, {
                     reference: Z(() => [
-                      r("div", ds, [
+                      r("div", ms, [
                         N(v)
                       ])
                     ]),
                     default: Z(() => [
-                      r("div", as, [
+                      r("div", fs, [
                         (c(!0), p(B, null, W(i.popoverActions(f), (k, _) => (c(), p(B, { key: _ }, [
-                          k.divider ? (c(), p("hr", ls)) : (c(), p("button", {
+                          k.divider ? (c(), p("hr", gs)) : (c(), p("button", {
                             key: 1,
                             class: K(
                               "w-full p-2 text-left text-sm flex items-center gap-2 " + (k.class || "")
@@ -1952,9 +1974,9 @@ function _s(e, t, o, n, s, i) {
                             disabled: k.disabled,
                             onClick: (D) => !k.disabled && e.$options.methods[k.handler].call(this, f)
                           }, [
-                            (c(), X(De(k.icon), { class: "lucide" })),
+                            (c(), X(Oe(k.icon), { class: "lucide" })),
                             ae(" " + S(k.label), 1)
-                          ], 10, cs))
+                          ], 10, vs))
                         ], 64))), 128))
                       ])
                     ]),
@@ -1963,8 +1985,8 @@ function _s(e, t, o, n, s, i) {
                 ])
               ])
             ]),
-            f.showFilters ? (c(), p("div", us, [
-              r("div", ps, " Фільтри для шару: " + S(f.name || f.title || f.label), 1),
+            f.showFilters ? (c(), p("div", ys, [
+              r("div", bs, " Фільтри для шару: " + S(f.name || f.title || f.label), 1),
               ne(N(g, {
                 ref_for: !0,
                 ref: "filter",
@@ -1975,85 +1997,85 @@ function _s(e, t, o, n, s, i) {
                 name: "filter",
                 onFilterChange: (k) => i.handleFilterChange(k, f)
               }, null, 8, ["scheme", "onFilterChange"]), [
-                [Ee, (j = f.filters) == null ? void 0 : j.length]
+                [Pe, (j = f.filters) == null ? void 0 : j.length]
               ]),
               ne(r("div", null, [...t[12] || (t[12] = [
                 r("div", { class: "px-2 text-[14px] text-[#4b5563]" }, " Фільтри для шару відсутні ", -1)
               ])], 512), [
-                [Ee, !((T = f.filters) != null && T.length)]
+                [Pe, !((T = f.filters) != null && T.length)]
               ])
             ])) : F("", !0)
-          ], 42, Jr);
+          ], 42, os);
         }), 128)),
-        s.selectedLayers.length === 0 ? (c(), p("div", hs, [...t[13] || (t[13] = [
+        n.selectedLayers.length === 0 ? (c(), p("div", ws, [...t[13] || (t[13] = [
           r("p", null, 'Щоб додати шар, натисніть на кнопку "Вибрати шар".', -1)
         ])])) : F("", !0)
       ])) : F("", !0)
     ])) : (c(), p(B, { key: 1 }, [
-      r("div", fs, [
+      r("div", xs, [
         ne(r("input", {
           title: "value",
           placeholder: "Введіть назву шару...",
-          "onUpdate:modelValue": t[5] || (t[5] = (f) => s.search = f),
+          "onUpdate:modelValue": t[5] || (t[5] = (f) => n.search = f),
           type: "text",
-          class: "py-[7px] pl-2 pe-8 block w-full bg-gray-100 border-transparent rounded-lg text-sm focus:bg-white focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700 dark:border-transparent dark:text-neutral-400 dark:placeholder:text-neutral-400 dark:focus:bg-neutral-800 dark:focus:ring-neutral-600",
-          onKeyup: t[6] || (t[6] = vt((...f) => i.onEnter && i.onEnter(...f), ["enter"]))
+          class: "py-[7px] pl-8 pe-8 block w-full bg-gray-100 border-transparent rounded-lg text-sm focus:bg-white focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700 dark:border-transparent dark:text-neutral-400 dark:placeholder:text-neutral-400 dark:focus:bg-neutral-800 dark:focus:ring-neutral-600",
+          onKeyup: t[6] || (t[6] = yt((...f) => i.onEnter && i.onEnter(...f), ["enter"]))
         }, null, 544), [
-          [Ne, s.search]
+          [We, n.search]
         ]),
         N(l, {
           class: "absolute top-1/2 left-[8px] w-[16px] h-[16px]",
           style: { transform: "translate(0, -50%)" }
         }),
-        s.search ? (c(), X(u, {
+        n.search ? (c(), X(u, {
           key: 0,
           class: "absolute top-1/2 right-[10px] w-[16px] h-[16px] cursor-pointer",
           style: { transform: "translate(0, -50%)" },
           onClick: i.clearSearch
         }, null, 8, ["onClick"])) : F("", !0)
       ]),
-      s.categories ? (c(), p("div", gs, [
-        s.search ? (c(), p(B, { key: 0 }, [
+      n.categories ? (c(), p("div", _s, [
+        n.search ? (c(), p(B, { key: 0 }, [
           (c(!0), p(B, null, W(i.searchedLayers, (f, L) => (c(), X(a, {
             key: L,
             layer: f,
             map: o.map,
-            selectedLayers: s.selectedLayers,
+            selectedLayers: n.selectedLayers,
             onSelect: i.addToSelected,
             onRemove: i.handleRemoveFromCatalog
           }, null, 8, ["layer", "map", "selectedLayers", "onSelect", "onRemove"]))), 128)),
-          i.searchedLayers.length === 0 ? (c(), p("div", vs, " Нічого не знайдено ")) : F("", !0)
+          i.searchedLayers.length === 0 ? (c(), p("div", ks, " Нічого не знайдено ")) : F("", !0)
         ], 64)) : (c(), p(B, { key: 1 }, [
-          !s.categories || Object.keys(s.categories).length === 0 ? (c(), p("div", ms, " Каталог порожній ")) : (c(!0), p(B, { key: 1 }, W(Object.keys(s.categories), (f) => (c(), p("div", { key: f }, [
+          !n.categories || Object.keys(n.categories).length === 0 ? (c(), p("div", Ls, " Каталог порожній ")) : (c(!0), p(B, { key: 1 }, W(Object.keys(n.categories), (f) => (c(), p("div", { key: f }, [
             r("div", {
               class: "hover:bg-gray-100 focus:bg-gray-100 px-2.5 cursor-pointer p-[8px] rounded-lg flex justify-between items-center",
               onClick: (L) => i.selectCategory(f)
             }, [
-              r("div", bs, [
+              r("div", $s, [
                 N(m, {
                   class: K({
-                    "rotate-up": f === s.selectedCategory,
-                    "rotate-down": f !== s.selectedCategory
+                    "rotate-up": f === n.selectedCategory,
+                    "rotate-down": f !== n.selectedCategory
                   })
                 }, null, 8, ["class"]),
                 r("div", {
                   class: "max-w-[260px] text-[14px] text-[#4b5563]",
                   title: f
-                }, S(f), 9, ws)
+                }, S(f), 9, Is)
               ]),
-              r("div", xs, S(i.formatNumber(s.categories[f].length)), 1)
-            ], 8, ys),
+              r("div", Vs, S(i.formatNumber(n.categories[f].length)), 1)
+            ], 8, Cs),
             ne(r("div", null, [
-              (c(!0), p(B, null, W(s.categories[f], (L, j) => (c(), X(a, {
+              (c(!0), p(B, null, W(n.categories[f], (L, j) => (c(), X(a, {
                 key: j,
                 layer: L,
                 map: o.map,
-                selectedLayers: s.selectedLayers,
+                selectedLayers: n.selectedLayers,
                 onSelect: i.addToSelected,
                 onRemove: i.handleRemoveFromCatalog
               }, null, 8, ["layer", "map", "selectedLayers", "onSelect", "onRemove"]))), 128))
             ], 512), [
-              [Ee, f === s.selectedCategory]
+              [Pe, f === n.selectedCategory]
             ])
           ]))), 128))
         ], 64))
@@ -2061,13 +2083,13 @@ function _s(e, t, o, n, s, i) {
     ], 64))
   ]);
 }
-const ks = /* @__PURE__ */ H(Br, [["render", _s], ["__scopeId", "data-v-ed5e991a"]]), Ls = {
+const Fs = /* @__PURE__ */ H(Wr, [["render", Ss], ["__scopeId", "data-v-e9e7021a"]]), js = {
   key: 0,
   class: "w-full flex flex-col bg-white border border-stone-200 shadow-2xs rounded-xl z-10 relative widget"
-}, Cs = {
+}, Ps = {
   key: 0,
   class: "p-5 pb-3 flex justify-between items-center"
-}, $s = { class: "inline-block font-semibold text-lg text-gray-800 dark:text-neutral-200" }, Is = { class: "flex flex-col justify-between h-full" }, Vs = {
+}, Es = { class: "inline-block font-semibold text-lg text-gray-800 dark:text-neutral-200" }, Ms = { class: "flex flex-col justify-between h-full" }, Ts = {
   __name: "vs-filters-widget",
   props: {
     config: {
@@ -2087,7 +2109,7 @@ const ks = /* @__PURE__ */ H(Br, [["render", _s], ["__scopeId", "data-v-ed5e991a
     const t = e, o = M(() => {
       var d;
       return ((d = t.config) == null ? void 0 : d.filters) || [];
-    }), n = M(() => o.value), s = M(() => {
+    }), s = M(() => o.value), n = M(() => {
       var v;
       const d = (v = t.config) == null ? void 0 : v.conditions;
       return !d || !d.layers ? !0 : t.enabledLayerIds.some((g) => d.layers.includes(g));
@@ -2104,27 +2126,27 @@ const ks = /* @__PURE__ */ H(Br, [["render", _s], ["__scopeId", "data-v-ed5e991a
         }
       });
     };
-    return (d, v) => s.value ? (c(), p("div", Ls, [
-      e.config.title ? (c(), p("div", Cs, [
-        r("h2", $s, S(e.config.title), 1)
+    return (d, v) => n.value ? (c(), p("div", js, [
+      e.config.title ? (c(), p("div", Ps, [
+        r("h2", Es, S(e.config.title), 1)
       ])) : F("", !0),
-      r("div", Is, [
-        N(Ze(bt), {
+      r("div", Ms, [
+        N(Ze(xt), {
           ref: "filter",
-          schema: n.value,
+          schema: s.value,
           view: "vertical",
           onChange: i
         }, null, 8, ["schema"])
       ])
     ])) : F("", !0);
   }
-}, Ss = {
+}, zs = {
   type: "button",
   class: "py-2 px-2.5 inline-flex items-center gap-x-1.5 text-sm font-medium rounded-lg bg-white text-gray-800 hover:bg-gray-50 focus:outline-none focus:bg-gray-49 h-[38px] shadow-md"
-}, Fs = { class: "flex gap-[5px] items-center" }, js = { class: "text-gray-600" }, Ps = {
+}, As = { class: "flex gap-[5px] items-center" }, Bs = { class: "text-gray-600" }, Os = {
   key: 0,
   class: "w-[16px] h-[16px] font-medium bg-gray-800 text-white rounded-full flex items-center justify-center text-[10px]"
-}, Es = {
+}, Ds = {
   __name: "vs-inline-filters-widget",
   props: {
     config: {
@@ -2141,10 +2163,10 @@ const ks = /* @__PURE__ */ H(Br, [["render", _s], ["__scopeId", "data-v-ed5e991a
     }
   },
   setup(e) {
-    const t = e, o = A(0), n = A(null), s = M(() => {
+    const t = e, o = A(0), s = A(null), n = M(() => {
       var l;
       return ((l = t.config) == null ? void 0 : l.filters) || [];
-    }), i = M(() => s.value.map((l) => ({
+    }), i = M(() => n.value.map((l) => ({
       ...l,
       id: l.name
     }))), d = M(() => {
@@ -2180,15 +2202,15 @@ const ks = /* @__PURE__ */ H(Br, [["render", _s], ["__scopeId", "data-v-ed5e991a
         }
       });
     };
-    return he(
+    return fe(
       () => t.enabledLayerIds,
       (l) => {
-        (!l || !l.length) && n.value && (n.value.activeFilters = {}, o.value = 0);
+        (!l || !l.length) && s.value && (s.value.activeFilters = {}, o.value = 0);
       }
-    ), he(
+    ), fe(
       () => {
         var l;
-        return (l = n.value) == null ? void 0 : l.activeFilters;
+        return (l = s.value) == null ? void 0 : l.activeFilters;
       },
       (l) => {
         o.value = Object.keys(l || {}).length;
@@ -2199,7 +2221,7 @@ const ks = /* @__PURE__ */ H(Br, [["render", _s], ["__scopeId", "data-v-ed5e991a
       return d.value && i.value.length ? (c(), X(m, {
         key: 0,
         ref_key: "filter",
-        ref: n,
+        ref: s,
         isDialog: e.config.dialog ?? !0,
         scheme: i.value,
         urlSeparator: "true",
@@ -2214,8 +2236,8 @@ const ks = /* @__PURE__ */ H(Br, [["render", _s], ["__scopeId", "data-v-ed5e991a
             placement: "bottom"
           }, {
             reference: Z(() => [
-              r("button", Ss, [
-                r("div", Fs, [
+              r("button", zs, [
+                r("div", As, [
                   u[0] || (u[0] = r("svg", {
                     width: "18",
                     height: "18",
@@ -2242,8 +2264,8 @@ const ks = /* @__PURE__ */ H(Br, [["render", _s], ["__scopeId", "data-v-ed5e991a
                       "stroke-linejoin": "round"
                     })
                   ], -1)),
-                  r("span", js, S(v.value), 1),
-                  o.value ? (c(), p("span", Ps, S(o.value), 1)) : F("", !0)
+                  r("span", Bs, S(v.value), 1),
+                  o.value ? (c(), p("span", Os, S(o.value), 1)) : F("", !0)
                 ])
               ])
             ]),
@@ -2257,7 +2279,7 @@ const ks = /* @__PURE__ */ H(Br, [["render", _s], ["__scopeId", "data-v-ed5e991a
       }, 8, ["isDialog", "scheme"])) : F("", !0);
     };
   }
-}, Ms = {
+}, Us = {
   name: "VsListWidget",
   props: {
     config: {
@@ -2305,36 +2327,36 @@ const ks = /* @__PURE__ */ H(Br, [["render", _s], ["__scopeId", "data-v-ed5e991a
   beforeUnmount() {
     this.resizeObserver && this.$refs.rootEl && (this.resizeObserver.unobserve(this.$refs.rootEl), this.resizeObserver.disconnect());
   }
-}, Ts = {
+}, Rs = {
   class: "bg-white p-4 rounded-lg h-full flex flex-col overflow-hidden",
   ref: "rootEl"
-}, zs = {
+}, Hs = {
   key: 0,
   class: "flex flex-col flex-1 overflow-hidden"
-}, As = { class: "space-y-0 overflow-y-auto flex-1 [&::-webkit-scrollbar]:h-1.5 [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-gray-300 [&::-webkit-scrollbar-track]:bg-transparent" }, Bs = ["onClick"], Os = { class: "text-base font-medium" }, Ds = { class: "mt-2 flex flex-wrap gap-2" }, Us = {
+}, Ns = { class: "space-y-0 overflow-y-auto flex-1 [&::-webkit-scrollbar]:h-1.5 [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-gray-300 [&::-webkit-scrollbar-track]:bg-transparent" }, Ws = ["onClick"], Zs = { class: "text-base font-medium" }, qs = { class: "mt-2 flex flex-wrap gap-2" }, Gs = {
   key: 1,
   class: "px-2 py-1 text-sm bg-gray-100 rounded-full"
-}, Rs = {
+}, Js = {
   key: 0,
   class: "my-5 pr-2"
-}, Hs = { class: "paginationWrapper relative flex justify-center" }, Ws = {
+}, Qs = { class: "paginationWrapper relative flex justify-center" }, Ys = {
   key: 1,
   class: "text-center text-slate-400"
 };
-function Ns(e, t, o, n, s, i) {
+function Ks(e, t, o, s, n, i) {
   var v;
   const d = G("VsPagination");
-  return c(), p("div", Ts, [
+  return c(), p("div", Rs, [
     t[0] || (t[0] = r("h2", { class: "text-xl font-semibold mb-4" }, "Список", -1)),
-    ((v = s.items) == null ? void 0 : v.length) > 0 ? (c(), p("div", zs, [
-      r("div", As, [
-        (c(!0), p(B, null, W(s.items, (g) => (c(), p("div", {
+    ((v = n.items) == null ? void 0 : v.length) > 0 ? (c(), p("div", Hs, [
+      r("div", Ns, [
+        (c(!0), p(B, null, W(n.items, (g) => (c(), p("div", {
           key: g.id,
           class: "py-4 border-b last:border-b-0 hover:bg-gray-50",
           onClick: (l) => e.$emit("cardValuesId", g.id)
         }, [
-          r("h3", Os, S(g.name), 1),
-          r("div", Ds, [
+          r("h3", Zs, S(g.name), 1),
+          r("div", qs, [
             g.status_data ? (c(), p("span", {
               key: 0,
               class: K(["px-2 py-1 text-sm rounded-full", {
@@ -2342,17 +2364,17 @@ function Ns(e, t, o, n, s, i) {
                 "bg-red-100 text-red-800": g.status_data.color === "red"
               }])
             }, S(g.status_data.text), 3)) : F("", !0),
-            g.class_mbd_id_data ? (c(), p("span", Us, S(g.class_mbd_id_data.text), 1)) : F("", !0)
+            g.class_mbd_id_data ? (c(), p("span", Gs, S(g.class_mbd_id_data.text), 1)) : F("", !0)
           ])
-        ], 8, Bs))), 128))
+        ], 8, Ws))), 128))
       ]),
-      s.total > s.limit ? (c(), p("div", Rs, [
-        r("div", Hs, [
+      n.total > n.limit ? (c(), p("div", Js, [
+        r("div", Qs, [
           N(d, {
-            total: s.total,
+            total: n.total,
             maxPages: 4,
-            defaultPage: s.currentPage,
-            pageSize: s.limit,
+            defaultPage: n.currentPage,
+            pageSize: n.limit,
             goTo: !1,
             size: "medium",
             onPageChange: i.handlePageChange,
@@ -2363,25 +2385,25 @@ function Ns(e, t, o, n, s, i) {
           }, null, 8, ["total", "defaultPage", "pageSize", "onPageChange", "onPageSizeChange"])
         ])
       ])) : F("", !0)
-    ])) : (c(), p("div", Ws, "Немає даних"))
+    ])) : (c(), p("div", Ys, "Немає даних"))
   ], 512);
 }
-const Zs = /* @__PURE__ */ H(Ms, [["render", Ns]]), qs = { class: "map-skeleton-loader" }, Gs = {
+const Xs = /* @__PURE__ */ H(Us, [["render", Ks]]), en = { class: "map-skeleton-loader" }, tn = {
   __name: "vs-skeleton-loader",
   setup(e) {
-    return (t, o) => (c(), p("div", qs, [...o[0] || (o[0] = [
+    return (t, o) => (c(), p("div", en, [...o[0] || (o[0] = [
       r("div", { class: "dot-pulse" }, null, -1)
     ])]));
   }
-}, Js = /* @__PURE__ */ H(Gs, [["__scopeId", "data-v-954c1e03"]]), Qs = {}, Ys = {
+}, on = /* @__PURE__ */ H(tn, [["__scopeId", "data-v-954c1e03"]]), rn = {}, sn = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Ks(e, t) {
-  return c(), p("svg", Ys, [...t[0] || (t[0] = [
+function nn(e, t) {
+  return c(), p("svg", sn, [...t[0] || (t[0] = [
     r("title", null, "Globe Icon", -1),
     r("desc", null, " A circular representation of a globe with horizontal and vertical lines ", -1),
     r("path", {
@@ -2407,9 +2429,9 @@ function Ks(e, t) {
     }, null, -1)
   ])]);
 }
-const Xs = /* @__PURE__ */ H(Qs, [["render", Ks]]), en = {
+const an = /* @__PURE__ */ H(rn, [["render", nn]]), ln = {
   components: {
-    homeIcon: Xs
+    homeIcon: an
   },
   name: "vs-homezoom",
   props: {
@@ -2423,7 +2445,7 @@ const Xs = /* @__PURE__ */ H(Qs, [["render", Ks]]), en = {
   },
   computed: {}
 };
-function tn(e, t, o, n, s, i) {
+function cn(e, t, o, s, n, i) {
   const d = G("homeIcon"), v = G("VsPopover");
   return c(), p("div", null, [
     N(v, {
@@ -2445,15 +2467,15 @@ function tn(e, t, o, n, s, i) {
     })
   ]);
 }
-const on = /* @__PURE__ */ H(en, [["render", tn]]), rn = {}, sn = {
+const dn = /* @__PURE__ */ H(ln, [["render", cn]]), un = {}, pn = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function nn(e, t) {
-  return c(), p("svg", sn, [...t[0] || (t[0] = [
+function hn(e, t) {
+  return c(), p("svg", pn, [...t[0] || (t[0] = [
     r("title", null, "Document with Two Sections Icon", -1),
     r("desc", null, "A document icon with a split design indicating two sections", -1),
     r("path", {
@@ -2479,10 +2501,10 @@ function nn(e, t) {
     }, null, -1)
   ])]);
 }
-const an = /* @__PURE__ */ H(rn, [["render", nn]]), ln = {
+const fn = /* @__PURE__ */ H(un, [["render", hn]]), gn = {
   components: {
-    printIcon: an,
-    VsPopover: Ve
+    printIcon: fn,
+    VsPopover: Ie
   },
   props: {
     map: { type: Object },
@@ -2529,14 +2551,14 @@ const an = /* @__PURE__ */ H(rn, [["render", nn]]), ln = {
   methods: {
     addScript(e) {
       return new Promise((t, o) => {
-        const n = document.createElement("script");
-        n.src = e, n.async = !0, n.onload = t, n.onerror = o, document.head.appendChild(n), this.scriptElements.push(n);
+        const s = document.createElement("script");
+        s.src = e, s.async = !0, s.onload = t, s.onerror = o, document.head.appendChild(s), this.scriptElements.push(s);
       });
     },
     addStyle(e) {
       return new Promise((t, o) => {
-        const n = document.createElement("link");
-        n.href = e, n.rel = "stylesheet", n.type = "text/css", n.onload = t, n.onerror = o, document.head.appendChild(n), this.styleElements.push(n);
+        const s = document.createElement("link");
+        s.href = e, s.rel = "stylesheet", s.type = "text/css", s.onload = t, s.onerror = o, document.head.appendChild(s), this.styleElements.push(s);
       });
     },
     async loadResources() {
@@ -2566,13 +2588,13 @@ const an = /* @__PURE__ */ H(rn, [["render", nn]]), ln = {
         return;
       }
       window.mapboxgl.accessToken = "pk.eyJ1Ijoia3Jpemhhbm92c2t5IiwiYSI6ImNsemkxNWtkODA5dDcycnNhMWZzYWM0MTAifQ.6fEpgfd_2mA4UYuflDewpQ";
-      const { MapboxExportControl: e, Size: t, PageOrientation: o, Format: n, DPI: s } = window.MapboxExportControl;
+      const { MapboxExportControl: e, Size: t, PageOrientation: o, Format: s, DPI: n } = window.MapboxExportControl;
       this.map.addControl(
         new e({
           PageSize: t.A3,
           PageOrientation: o.Portrait,
-          Format: n.PNG,
-          DPI: s[96],
+          Format: s.PNG,
+          DPI: n[96],
           Crosshair: !0,
           PrintableArea: !0,
           Local: "uk"
@@ -2582,8 +2604,8 @@ const an = /* @__PURE__ */ H(rn, [["render", nn]]), ln = {
     simulateClick() {
       new Promise((t) => {
         const o = setTimeout(() => {
-          const n = document.querySelector(".mapboxgl-export-control");
-          n && (clearInterval(o), t(n));
+          const s = document.querySelector(".mapboxgl-export-control");
+          s && (clearInterval(o), t(s));
         }, 100);
       }).then((t) => {
         t.click();
@@ -2596,7 +2618,7 @@ const an = /* @__PURE__ */ H(rn, [["render", nn]]), ln = {
     }
   }
 };
-function cn(e, t, o, n, s, i) {
+function vn(e, t, o, s, n, i) {
   const d = G("printIcon"), v = G("VsPopover");
   return c(), X(v, {
     trigger: "hover",
@@ -2615,7 +2637,7 @@ function cn(e, t, o, n, s, i) {
     _: 1
   });
 }
-const dn = /* @__PURE__ */ H(ln, [["render", cn]]), un = {
+const mn = /* @__PURE__ */ H(gn, [["render", vn]]), yn = {
   props: {
     map: {
       type: Object,
@@ -2628,7 +2650,7 @@ const dn = /* @__PURE__ */ H(ln, [["render", cn]]), un = {
     };
   },
   components: {
-    VsPopover: Ve
+    VsPopover: Ie
   },
   mounted() {
     this.map.on("move", this.updateViewStatus), this.updateViewStatus();
@@ -2653,7 +2675,7 @@ const dn = /* @__PURE__ */ H(ln, [["render", cn]]), un = {
     }
   }
 };
-function pn(e, t, o, n, s, i) {
+function bn(e, t, o, s, n, i) {
   const d = G("VsPopover");
   return c(), X(d, {
     trigger: "hover",
@@ -2665,7 +2687,7 @@ function pn(e, t, o, n, s, i) {
       r("div", {
         class: "font-light w-full h-[44px] p-[9px] [transition:.3s] hover:[transition:.3s] text-[19px] hover:bg-[#DBEAFE] flex cursor-pointer text-[#1E40AF] bg-[#fff] rounded-[4px] border-[1px] border-solid border-[#E5E7EB]",
         onClick: t[0] || (t[0] = (...v) => i.toggleView && i.toggleView(...v))
-      }, S(s.is3D ? "2D" : "3D"), 1)
+      }, S(n.is3D ? "2D" : "3D"), 1)
     ]),
     default: Z(() => [
       t[1] || (t[1] = r("div", null, "Перемикач виду", -1))
@@ -2673,40 +2695,22 @@ function pn(e, t, o, n, s, i) {
     _: 1
   });
 }
-const hn = /* @__PURE__ */ H(un, [["render", pn]]), fn = {}, gn = {
-  class: "shrink-0 size-4",
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  "stroke-width": "2",
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round"
-};
-function vn(e, t) {
-  return c(), p("svg", gn, [...t[0] || (t[0] = [
-    r("path", { d: "M18 6 6 18" }, null, -1),
-    r("path", { d: "m6 6 12 12" }, null, -1)
-  ])]);
-}
-const mn = /* @__PURE__ */ H(fn, [["render", vn]]), yn = {
+const wn = /* @__PURE__ */ H(yn, [["render", bn]]), xn = {
   props: {
     bgColor: {
       type: String,
       default: "#1E40AF"
     }
   }
-}, bn = {
+}, _n = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, wn = ["stroke"], xn = ["stroke"], _n = ["stroke"], kn = ["stroke"], Ln = ["stroke"], Cn = ["stroke"];
-function $n(e, t, o, n, s, i) {
-  return c(), p("svg", bn, [
+}, kn = ["stroke"], Ln = ["stroke"], Cn = ["stroke"], $n = ["stroke"], In = ["stroke"], Vn = ["stroke"];
+function Sn(e, t, o, s, n, i) {
+  return c(), p("svg", _n, [
     t[0] || (t[0] = r("title", null, "Target Icon", -1)),
     t[1] || (t[1] = r("desc", null, "A target icon with a circular pattern inside a rounded square", -1)),
     r("path", {
@@ -2715,49 +2719,49 @@ function $n(e, t, o, n, s, i) {
       "stroke-width": "1",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
-    }, null, 8, wn),
+    }, null, 8, kn),
     r("path", {
       d: "M19 12H22",
       stroke: o.bgColor,
       "stroke-width": "1",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
-    }, null, 8, xn),
+    }, null, 8, Ln),
     r("path", {
       d: "M12 2V5",
       stroke: o.bgColor,
       "stroke-width": "1",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
-    }, null, 8, _n),
+    }, null, 8, Cn),
     r("path", {
       d: "M12 19V22",
       stroke: o.bgColor,
       "stroke-width": "1",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
-    }, null, 8, kn),
+    }, null, 8, $n),
     r("path", {
       d: "M12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19Z",
       stroke: o.bgColor,
       "stroke-width": "1",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
-    }, null, 8, Ln),
+    }, null, 8, In),
     r("path", {
       d: "M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z",
       stroke: o.bgColor,
       "stroke-width": "1",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
-    }, null, 8, Cn)
+    }, null, 8, Vn)
   ]);
 }
-const In = /* @__PURE__ */ H(yn, [["render", $n]]), Vn = {
+const Fn = /* @__PURE__ */ H(xn, [["render", Sn]]), jn = {
   components: {
-    geoIcon: In,
-    VsPopover: Ve,
-    closeIcon: mn
+    geoIcon: Fn,
+    VsPopover: Ie,
+    closeIcon: st
   },
   data() {
     return {
@@ -2810,16 +2814,16 @@ const In = /* @__PURE__ */ H(yn, [["render", $n]]), Vn = {
         `https://nominatim.openstreetmap.org/reverse?format=json&lat=${this.location.latitude}&lon=${this.location.longitude}`
       )).json();
       this.data = o.address;
-      const n = [this.location.longitude, this.location.latitude], s = [
+      const s = [this.location.longitude, this.location.latitude], n = [
         [parseFloat(o.boundingbox[2]), parseFloat(o.boundingbox[0])],
         [parseFloat(o.boundingbox[3]), parseFloat(o.boundingbox[1])]
       ];
-      this.map.fitBounds(s, {
+      this.map.fitBounds(n, {
         padding: 200,
         maxZoom: 16
       }), this.marker || (this.marker = new Marker({
         color: "var(--primary)"
-      })), this.marker.setLngLat(n).addTo(this.map), this.activeControl = "geolocation";
+      })), this.marker.setLngLat(s).addTo(this.map), this.activeControl = "geolocation";
     },
     closeGeolocation() {
       this.showLocation = !1, this.marker && (this.marker.remove(), this.marker = null), this.location = null, this.data = null;
@@ -2832,46 +2836,46 @@ const In = /* @__PURE__ */ H(yn, [["render", $n]]), Vn = {
       }), this.$emit("close");
     }
   }
-}, Sn = {
+}, Pn = {
   key: 0,
   class: "max-w-[412px] absolute w-full top-[20px] right-[70px] bg-white border rounded-[15px] p-4 z-10"
-}, Fn = { class: "flex justify-between items-center border-b pb-[16px]" }, jn = { class: "d-flex" }, Pn = { class: "pt-[16px]" };
-function En(e, t, o, n, s, i) {
+}, En = { class: "flex justify-between items-center border-b pb-[16px]" }, Mn = { class: "d-flex" }, Tn = { class: "pt-[16px]" };
+function zn(e, t, o, s, n, i) {
   var l, u, a, m, h, f;
   const d = G("closeIcon"), v = G("geoIcon"), g = G("VsPopover");
   return c(), p("div", null, [
     (c(), X(Ke, { to: "#maplibre-demo-map" }, [
-      s.location ? (c(), p("div", Sn, [
-        r("div", Fn, [
+      n.location ? (c(), p("div", Pn, [
+        r("div", En, [
           t[0] || (t[0] = r("div", { class: "text-lg font-semibold" }, "Ваша геолокація", -1)),
-          r("div", jn, [
+          r("div", Mn, [
             N(d, { onClick: i.closeGeolocation }, null, 8, ["onClick"])
           ])
         ]),
-        r("div", Pn, [
+        r("div", Tn, [
           r("div", null, [
             t[1] || (t[1] = r("strong", null, "Широта:", -1)),
-            ae(" " + S((l = s.location) == null ? void 0 : l.latitude), 1)
+            ae(" " + S((l = n.location) == null ? void 0 : l.latitude), 1)
           ]),
           r("div", null, [
             t[2] || (t[2] = r("strong", null, "Довгота:", -1)),
-            ae(" " + S((u = s.location) == null ? void 0 : u.longitude), 1)
+            ae(" " + S((u = n.location) == null ? void 0 : u.longitude), 1)
           ]),
           r("div", null, [
             t[3] || (t[3] = r("strong", null, "КраЇна:", -1)),
-            ae(" " + S((a = s.data) == null ? void 0 : a.country), 1)
+            ae(" " + S((a = n.data) == null ? void 0 : a.country), 1)
           ]),
           r("div", null, [
             t[4] || (t[4] = r("strong", null, "Код країни:", -1)),
-            ae(" " + S((m = s.data) == null ? void 0 : m.country_code), 1)
+            ae(" " + S((m = n.data) == null ? void 0 : m.country_code), 1)
           ]),
           r("div", null, [
             t[5] || (t[5] = r("strong", null, "Місто:", -1)),
-            ae(" " + S((h = s.data) == null ? void 0 : h.city), 1)
+            ae(" " + S((h = n.data) == null ? void 0 : h.city), 1)
           ]),
           r("div", null, [
             t[6] || (t[6] = r("strong", null, "Поштовий індекс:", -1)),
-            ae(" " + S((f = s.data) == null ? void 0 : f.postcode), 1)
+            ae(" " + S((f = n.data) == null ? void 0 : f.postcode), 1)
           ])
         ])
       ])) : F("", !0)
@@ -2895,7 +2899,7 @@ function En(e, t, o, n, s, i) {
     })
   ]);
 }
-const Mn = /* @__PURE__ */ H(Vn, [["render", En]]), Be = {
+const An = /* @__PURE__ */ H(jn, [["render", zn]]), Ae = {
   __name: "vs-map-widget-column",
   props: {
     position: String,
@@ -2920,8 +2924,8 @@ const Mn = /* @__PURE__ */ H(Vn, [["render", En]]), Be = {
     "content-resize"
   ],
   setup(e, { expose: t, emit: o }) {
-    const n = o, s = e, i = A(
-      s.widgets.map((l) => {
+    const s = o, n = e, i = A(
+      n.widgets.map((l) => {
         var u;
         return {
           ...l,
@@ -2929,10 +2933,10 @@ const Mn = /* @__PURE__ */ H(Vn, [["render", En]]), Be = {
         };
       })
     );
-    he(
-      () => s.widgets.map((l) => l.id || l.type).join(","),
+    fe(
+      () => n.widgets.map((l) => l.id || l.type).join(","),
       () => {
-        i.value = s.widgets.map((l) => {
+        i.value = n.widgets.map((l) => {
           var u;
           return {
             ...l,
@@ -2944,7 +2948,7 @@ const Mn = /* @__PURE__ */ H(Vn, [["render", En]]), Be = {
     function d(l) {
       const u = i.value.find((a) => a.id === l);
       u && u.config && (u.config.visible = !u.config.visible, setTimeout(() => {
-        n("content-resize");
+        s("content-resize");
       }, 30));
     }
     const v = A(null);
@@ -2954,21 +2958,21 @@ const Mn = /* @__PURE__ */ H(Vn, [["render", En]]), Be = {
       g = new MutationObserver(() => {
         var l;
         clearTimeout((l = v.value) == null ? void 0 : l._resizeTimeout), v.value._resizeTimeout = setTimeout(() => {
-          n("content-resize");
+          s("content-resize");
         }, 30);
       }), v.value && g.observe(v.value, {
         childList: !0,
         subtree: !0,
         characterData: !0
       });
-    }), mt(() => {
+    }), bt(() => {
       g && g.disconnect();
     }), (l, u) => e.mapLoaded ? (c(), p("div", {
       key: 0,
       class: "widget-column",
       ref_key: "columnRef",
       ref: v,
-      style: fe({
+      style: he({
         width: e.getColumnWidth(e.position),
         paddingRight: e.rightColumnOffset
       })
@@ -2978,7 +2982,7 @@ const Mn = /* @__PURE__ */ H(Vn, [["render", En]]), Be = {
         return c(), p(B, {
           key: a.id || a.type
         }, [
-          a.type !== "card" ? ne((c(), X(De(e.getWidgetComponent(a.type)), {
+          a.type !== "card" ? ne((c(), X(Oe(e.getWidgetComponent(a.type)), {
             key: 0,
             map: e.map,
             config: a.config,
@@ -2993,9 +2997,9 @@ const Mn = /* @__PURE__ */ H(Vn, [["render", En]]), Be = {
             onCatalogLayers: u[3] || (u[3] = (h) => l.$emit("catalog-layers", h)),
             class: "widget"
           }, null, 40, ["map", "config", "hasFilters", "currentLayer", "enabledLayerIds", "history"])), [
-            [Ee, ((m = a.config) == null ? void 0 : m.visible) !== !1]
+            [Pe, ((m = a.config) == null ? void 0 : m.visible) !== !1]
           ]) : F("", !0),
-          e.cardValues && a.type === "card" ? (c(), X(ot, {
+          e.cardValues && a.type === "card" ? (c(), X(rt, {
             key: 1,
             config: a.config,
             cardValues: e.cardValues,
@@ -3006,21 +3010,16 @@ const Mn = /* @__PURE__ */ H(Vn, [["render", En]]), Be = {
       }), 128))
     ], 4)) : F("", !0);
   }
-}, Tn = { class: "map-widgets-flex" }, zn = { class: "widgets-left" }, An = { class: "widgets-top" }, Bn = { class: "widgets-bottom" }, On = { class: "widgets-right" }, Dn = { class: "widgets-top" }, Un = { class: "widgets-bottom" }, Rn = { class: "absolute top-[180px] right-2 z-10 flex flex-col gap-[5px]" }, Hn = {
+}, Bn = { class: "map-widgets-flex" }, On = { class: "widgets-left" }, Dn = { class: "widgets-top" }, Un = { class: "widgets-bottom" }, Rn = { class: "widgets-right" }, Hn = { class: "widgets-top" }, Nn = { class: "widgets-bottom" }, Wn = { class: "absolute top-[180px] right-2 z-10 flex flex-col gap-[5px]" }, Zn = /* @__PURE__ */ Ge({
   __name: "vs-map",
   props: {
-    table: {
-      type: String,
-      required: !0
-    },
-    height: {
-      type: String,
-      required: !0
-    }
+    table: {},
+    name: {},
+    height: {}
   },
   setup(e) {
-    const t = e, o = A(null), n = A(!1);
-    let s = null;
+    const t = e, o = A(null), s = A(!1);
+    let n = null;
     const i = A(null), d = A(null), v = A([]), g = A([]), l = A(null), u = A(null), a = A(null), m = A([]);
     let h = null;
     function f(b) {
@@ -3033,28 +3032,11 @@ const Mn = /* @__PURE__ */ H(Vn, [["render", En]]), Be = {
         (y) => (y.position || {}) === b
       ) || [];
     }
-    const L = (b, y, x) => {
-      try {
-        if (b)
-          if (x === "markdown") {
-            const $ = b.replace(/\{\{([^}]+)\}\}/g, (w, C) => {
-              try {
-                return new Function("data", `with(data) { return ${C} }`)(y);
-              } catch {
-                return "";
-              }
-            });
-            return marked($);
-          } else
-            return y[b] || b;
-      } catch ($) {
-        return console.error("Error processing template:", $), b;
-      }
-    }, j = (b, y, x, $, w) => {
-      const C = L(b, $, w), P = y ? L(y, $, w) : "";
+    const L = (b, y, x) => y[b] || b, j = (b, y, x, I, w) => {
+      const C = L(b, I), P = y ? L(y, I) : "";
       let V = "";
       return x != null && x.length && (V = x.map((E) => {
-        const J = L(E.value, $, w);
+        const J = L(E.value, I);
         return `
         <tr class="flex justify-between items-center">
           <td class="font-medium mr-1.5 flex items-center">${E.label}</td>
@@ -3079,35 +3061,35 @@ const Mn = /* @__PURE__ */ H(Vn, [["render", En]]), Be = {
     </div>
   `;
     }, T = (b) => ({
-      legend: $t,
-      basemaps: Ft,
-      layers: no,
-      info: vo,
-      attribute: Qo,
-      catalog: ks,
-      filters: Vs,
-      "inline-filters": Es,
-      list: Zs,
-      card: ot
+      legend: Vt,
+      basemaps: Pt,
+      layers: co,
+      info: wo,
+      attribute: er,
+      catalog: Fs,
+      filters: Ts,
+      "inline-filters": Ds,
+      list: Xs,
+      card: rt
     })[b], k = M(() => !!a.value && Array.isArray(a.value.widgets) && a.value.widgets.some((b) => b.type === "filters")), _ = (b) => {
       i.value = b;
     };
     function D() {
-      const b = new URLSearchParams(window.location.search), y = parseFloat(b.get("x")), x = parseFloat(b.get("y")), $ = parseFloat(b.get("z")), w = parseFloat(b.get("bearing")), C = parseFloat(b.get("pitch"));
+      const b = new URLSearchParams(window.location.search), y = parseFloat(b.get("x")), x = parseFloat(b.get("y")), I = parseFloat(b.get("z")), w = parseFloat(b.get("bearing")), C = parseFloat(b.get("pitch"));
       return {
         center: isFinite(y) && isFinite(x) ? [y, x] : null,
-        zoom: isFinite($) ? $ : null,
+        zoom: isFinite(I) ? I : null,
         bearing: isFinite(w) ? w : null,
         pitch: isFinite(C) ? C : null
       };
     }
-    function le({ center: b, zoom: y, bearing: x, pitch: $ }) {
+    function le({ center: b, zoom: y, bearing: x, pitch: I }) {
       const w = new URLSearchParams(window.location.search);
-      w.set("x", b[0].toFixed(5)), w.set("y", b[1].toFixed(5)), w.set("z", y.toFixed(2)), w.set("bearing", x.toFixed(2)), w.set("pitch", $.toFixed(2));
+      w.set("x", b[0].toFixed(5)), w.set("y", b[1].toFixed(5)), w.set("z", y.toFixed(2)), w.set("bearing", x.toFixed(2)), w.set("pitch", I.toFixed(2));
       const C = `${window.location.pathname}?${w.toString()}`;
       window.history.replaceState({}, "", C);
     }
-    const ce = () => {
+    const pe = () => {
       var C, P, V;
       if (!a.value || !a.value.map) return;
       const b = {
@@ -3116,33 +3098,29 @@ const Mn = /* @__PURE__ */ H(Vn, [["render", En]]), Be = {
         sources: {},
         layers: []
       };
-      let y = a.value.map.center, x = a.value.map.zoom, $ = a.value.map.bearing || 0, w = a.value.map.pitch || 0;
+      let y = a.value.map.center, x = a.value.map.zoom, I = a.value.map.bearing || 0, w = a.value.map.pitch || 0;
       if (a.value.history) {
         const E = D();
-        E.center && (y = E.center), E.zoom !== null && (x = E.zoom), E.bearing !== null && ($ = E.bearing), E.pitch !== null && (w = E.pitch);
+        E.center && (y = E.center), E.zoom !== null && (x = E.zoom), E.bearing !== null && (I = E.bearing), E.pitch !== null && (w = E.pitch);
       }
       o.value = new maplibregl.Map({
         container: "maplibre-demo-map",
         style: b,
         center: y,
         zoom: x,
-        bearing: $,
+        bearing: I,
         pitch: w,
         maxBounds: [18.0856083513, 40.3614785833, 58.0807890155, 56.3350745713]
-      }), (V = (P = (C = a == null ? void 0 : a.value) == null ? void 0 : C.interactions) == null ? void 0 : P.navigation) != null && V.enabled && !h && (h = new maplibregl.NavigationControl({
-        showCompass: !0,
-        showZoom: !0,
-        visualizePitch: !0
-      }), o.value.addControl(h, "top-right")), o.value.on("load", async () => {
-        var Y, ke, U, Le, Fe;
-        n.value = !0;
+      }), (V = (P = (C = a == null ? void 0 : a.value) == null ? void 0 : C.interactions) == null ? void 0 : P.navigation) != null && V.enabled && !h && (h = new maplibregl.NavigationControl(), o.value.addControl(h, "top-right")), o.value.on("load", async () => {
+        var Y, ke, U, Le, Se;
+        s.value = !0;
         const E = D(), J = E.center && E.zoom !== null;
         if ((Y = a.value.map) != null && Y.bbox && !J) {
-          const [q, R, I, oe] = a.value.map.bbox;
+          const [q, R, $, te] = a.value.map.bbox;
           o.value.fitBounds(
             [
               [q, R],
-              [I, oe]
+              [$, te]
             ],
             {
               padding: 50,
@@ -3151,33 +3129,33 @@ const Mn = /* @__PURE__ */ H(Vn, [["render", En]]), Be = {
           );
         }
         if (await (async () => {
-          var R, I, oe, re, ee;
-          const q = ((ee = (re = (oe = (I = (R = a.value) == null ? void 0 : R.widgets) == null ? void 0 : I.find((z) => z.type === "layers")) == null ? void 0 : oe.config) == null ? void 0 : re.layers) == null ? void 0 : ee.filter(
+          var R, $, te, re, ee;
+          const q = ((ee = (re = (te = ($ = (R = a.value) == null ? void 0 : R.widgets) == null ? void 0 : $.find((z) => z.type === "layers")) == null ? void 0 : te.config) == null ? void 0 : re.layers) == null ? void 0 : ee.filter(
             (z) => {
-              var de;
-              return ((de = z.style) == null ? void 0 : de.attrType) === "icon-by-attribute";
+              var ce;
+              return ((ce = z.style) == null ? void 0 : ce.attrType) === "icon-by-attribute";
             }
           )) || [];
           for (const z of q) {
-            const { rules: de, default_icon: ve, icon_base_url: me } = z.style, ye = [...de.map((se) => se.icon), ve].filter(
+            const { rules: ce, default_icon: ve, icon_base_url: me } = z.style, ye = [...ce.map((se) => se.icon), ve].filter(
               Boolean
             );
             for (const se of ye)
               try {
-                const ue = `${me}${se}`, be = await o.value.loadImage(ue);
+                const de = `${me}${se}`, be = await o.value.loadImage(de);
                 o.value.hasImage(se) || o.value.addImage(se, be.data);
-              } catch (ue) {
-                console.error(`Failed to load icon: ${se}`, ue);
+              } catch (de) {
+                console.error(`Failed to load icon: ${se}`, de);
               }
           }
         })(), (Le = (U = (ke = a.value) == null ? void 0 : ke.interactions) == null ? void 0 : U.hover) != null && Le.enabled && (o.value.on("mousemove", (q) => {
-          var de, ve, me, ye, se, ue, be, je, Q, Ae;
+          var ce, ve, me, ye, se, de, be, Fe, Q, ze;
           const R = o.value.queryRenderedFeatures(q.point);
           if (o.value && o.value.getCanvas && (o.value.getCanvas().style.cursor = R.length ? "pointer" : ""), !R.length) {
             if (d.value) {
-              const O = (de = o.value.getSource(
+              const O = (ce = o.value.getSource(
                 d.value.source
-              )) == null ? void 0 : de.type;
+              )) == null ? void 0 : ce.type;
               d.value.source, d.value.id, O === "vector" && d.value.source, ge(
                 o.value,
                 d.value.source,
@@ -3185,11 +3163,11 @@ const Mn = /* @__PURE__ */ H(Vn, [["render", En]]), Be = {
                 { hovered: !1 }
               ), d.value = null;
             }
-            s && (s.remove(), s = null);
+            n && (n.remove(), n = null);
             return;
           }
-          const I = R[0];
-          if (!d.value || d.value.id !== I.id || d.value.source !== I.layer.source) {
+          const $ = R[0];
+          if (!d.value || d.value.id !== $.id || d.value.source !== $.layer.source) {
             if (d.value) {
               const Re = (ve = o.value.getSource(
                 d.value.source
@@ -3201,46 +3179,46 @@ const Mn = /* @__PURE__ */ H(Vn, [["render", En]]), Be = {
                 { hovered: !1 }
               );
             }
-            const O = (me = o.value.getSource(I.layer.source)) == null ? void 0 : me.type;
-            I.layer.source, I.id, O === "vector" && I.layer.source, ge(o.value, I.layer.source, I.id, {
+            const O = (me = o.value.getSource($.layer.source)) == null ? void 0 : me.type;
+            $.layer.source, $.id, O === "vector" && $.layer.source, ge(o.value, $.layer.source, $.id, {
               hovered: !0
-            }), d.value = { source: I.layer.source, id: I.id };
+            }), d.value = { source: $.layer.source, id: $.id };
           }
-          const oe = (se = (ye = a.value) == null ? void 0 : ye.widgets) == null ? void 0 : se.find(
+          const te = (se = (ye = a.value) == null ? void 0 : ye.widgets) == null ? void 0 : se.find(
             (O) => O.type === "layers"
-          ), re = (be = (ue = a.value) == null ? void 0 : ue.widgets) == null ? void 0 : be.find(
+          ), re = (be = (de = a.value) == null ? void 0 : de.widgets) == null ? void 0 : be.find(
             (O) => O.type === "attribute"
           );
           let ee = null;
-          if (oe && (ee = oe.config.layers.find(
-            (O) => O.id === I.layer.source
-          )), (Q = (je = a.value) == null ? void 0 : je.widgets) == null ? void 0 : Q.find(
+          if (te && (ee = te.config.layers.find(
+            (O) => O.id === $.layer.source
+          )), (Q = (Fe = a.value) == null ? void 0 : Fe.widgets) == null ? void 0 : Q.find(
             (O) => O.type === "catalog"
           )) {
             if (!R.length) {
-              s && (s.style.display = "none");
+              n && (n.style.display = "none");
               return;
             }
             const O = R[0];
-            s = dt(O, q, s);
+            n = pt(O, q, n);
             return;
           }
-          if (!ee && re && re.config.layer.id === I.layer.source && (ee = re.config.layer), (Ae = ee == null ? void 0 : ee.style) != null && Ae.popup) {
+          if (!ee && re && re.config.layer.id === $.layer.source && (ee = re.config.layer), (ze = ee == null ? void 0 : ee.style) != null && ze.popup) {
             const O = ee.style.popup;
             let Re = O.title, He = "";
             O.mode === "markdown" ? He = Array.isArray(O.content) ? O.content.join(`
 
-`) : "" : He = Array.isArray(O.content) ? O.content.join("") : "", s || (s = document.createElement("div"), o.value.getContainer().appendChild(s)), s.innerHTML = j(
+`) : "" : He = Array.isArray(O.content) ? O.content.join("") : "", n || (n = document.createElement("div"), o.value.getContainer().appendChild(n)), n.innerHTML = j(
               Re,
               He,
               O.fields,
-              I.properties,
+              $.properties,
               O.mode
-            ), Qe(s, q);
+            ), Ye(n, q);
           }
         }), o.value.on("mouseleave", () => {
           var q;
-          if (s && (s.remove(), s = null), d.value) {
+          if (n && (n.remove(), n = null), d.value) {
             const R = (q = o.value.getSource(
               d.value.source
             )) == null ? void 0 : q.type;
@@ -3253,54 +3231,54 @@ const Mn = /* @__PURE__ */ H(Vn, [["render", En]]), Be = {
           }
           o.value && o.value.getCanvas && (o.value.getCanvas().style.cursor = "");
         })), o.value.on("click", async (q) => {
-          var ve, me, ye, se, ue, be, je;
-          if (te(), ["length", "area", "print"].includes(u.value)) return;
+          var ve, me, ye, se, de, be, Fe;
+          if (oe(), ["length", "area", "print"].includes(u.value)) return;
           const R = o.value.queryRenderedFeatures(q.point);
           if (!R.length) return;
-          const I = R[0], oe = (me = (ve = a.value) == null ? void 0 : ve.widgets) == null ? void 0 : me.find(
+          const $ = R[0], te = (me = (ve = a.value) == null ? void 0 : ve.widgets) == null ? void 0 : me.find(
             (Q) => Q.type === "layers"
           ), re = (se = (ye = a.value) == null ? void 0 : ye.widgets) == null ? void 0 : se.find(
             (Q) => Q.type === "attribute"
-          ), ee = (be = (ue = a.value) == null ? void 0 : ue.widgets) == null ? void 0 : be.find(
+          ), ee = (be = (de = a.value) == null ? void 0 : de.widgets) == null ? void 0 : be.find(
             (Q) => Q.type === "catalog"
           );
           let z;
-          if (ee ? z = I.layer.source : z = (re == null ? void 0 : re.config.layer) || (oe == null ? void 0 : oe.config.layers.find((Q) => Q.id === I.layer.source)), z != null && z.noCard) return;
+          if (ee ? z = $.layer.source : z = (re == null ? void 0 : re.config.layer) || (te == null ? void 0 : te.config.layers.find((Q) => Q.id === $.layer.source)), z != null && z.noCard) return;
           v.value.forEach((Q) => {
             var O;
-            const Ae = (O = o.value.getSource(Q.source)) == null ? void 0 : O.type;
-            Q.source, Q.id, Ae === "vector" && Q.source, ge(o.value, Q.source, Q.id, {
+            const ze = (O = o.value.getSource(Q.source)) == null ? void 0 : O.type;
+            Q.source, Q.id, ze === "vector" && Q.source, ge(o.value, Q.source, Q.id, {
               selected: !1
             });
           }), v.value = [];
-          const de = (je = o.value.getSource(I.layer.source)) == null ? void 0 : je.type;
-          I.layer.source, I.id, de === "vector" && I.layer.source, ge(o.value, I.layer.source, I.id, {
+          const ce = (Fe = o.value.getSource($.layer.source)) == null ? void 0 : Fe.type;
+          $.layer.source, $.id, ce === "vector" && $.layer.source, ge(o.value, $.layer.source, $.id, {
             selected: !0
-          }), v.value.push({ source: I.layer.source, id: I.id }), l.value = {
+          }), v.value.push({ source: $.layer.source, id: $.id }), l.value = {
             layer: (z == null ? void 0 : z.service_key) || z || "",
             map: (z == null ? void 0 : z.map_key) || "",
-            id: I.properties.id,
+            id: $.properties.id,
             title: (z == null ? void 0 : z.title) || ""
           };
         }), o.value.on("dblclick", (q) => {
-          var oe, re, ee;
-          if (te(), ["length", "area", "print"].includes(u.value)) return;
-          it([q.lngLat.lng, q.lngLat.lat]);
-          const R = (re = (oe = a.value) == null ? void 0 : oe.widgets) == null ? void 0 : re.find(
+          var te, re, ee;
+          if (oe(), ["length", "area", "print"].includes(u.value)) return;
+          lt([q.lngLat.lng, q.lngLat.lat]);
+          const R = (re = (te = a.value) == null ? void 0 : te.widgets) == null ? void 0 : re.find(
             (z) => z.type === "layers"
           );
-          let I = null;
-          (ee = R == null ? void 0 : R.config) != null && ee.layers && (I = R.config.layers.find(
+          let $ = null;
+          (ee = R == null ? void 0 : R.config) != null && ee.layers && ($ = R.config.layers.find(
             (z) => z.visible !== !1 && ["tms", "wms", "raster"].includes(
               (z.service_type || z.service || "").toLowerCase()
             )
-          )), !(I != null && I.noCard) && (l.value = {
-            layer: (I == null ? void 0 : I.map_key) || "",
-            map: (I == null ? void 0 : I.service_key) || "",
+          )), !($ != null && $.noCard) && (l.value = {
+            layer: ($ == null ? void 0 : $.map_key) || "",
+            map: ($ == null ? void 0 : $.service_key) || "",
             id: "",
-            title: (I == null ? void 0 : I.title) || ""
+            title: ($ == null ? void 0 : $.title) || ""
           });
-        }), o.value.resize(), (Fe = a == null ? void 0 : a.value) != null && Fe.history) {
+        }), o.value.resize(), (Se = a == null ? void 0 : a.value) != null && Se.history) {
           const q = () => {
             const R = o.value.getCenter();
             le({
@@ -3313,71 +3291,57 @@ const Mn = /* @__PURE__ */ H(Vn, [["render", En]]), Be = {
           o.value.on("moveend", q), o.value.on("rotate", q), o.value.on("pitch", q);
         }
       });
-    }, te = () => {
-      Ge(), v.value.forEach((b) => {
+    }, oe = () => {
+      Je(), v.value.forEach((b) => {
         o.value && ge(o.value, b.source, b.id, {
           selected: !1
         });
       }), v.value = [], l.value = null;
     };
     xe(async () => {
-      await Me(), await $e(), ce();
+      await Ue(), await Ee(), pe();
       const b = document.getElementById("maplibre-demo-map");
       b && b.addEventListener("mouseleave", () => {
-        s && (s.remove(), s = null);
-      }), he(
-        () => t.table,
-        async (y) => {
-          if (y) {
-            if (te(), u.value = null, s && (s.remove(), s = null), o.value) {
-              try {
-                o.value.remove();
-              } catch {
-              }
-              o.value = null, n.value = !1;
-            }
-            await Me(), await $e(), ce();
-          }
-        }
-      );
+        n && (n.remove(), n = null);
+      });
     });
-    const Ue = M(() => ({
+    const De = M(() => ({
       height: (t == null ? void 0 : t.height) || "100vh",
       width: "100%"
-    })), Me = async () => {
-      const b = await fetch(`/api/map/${t.table}`).then((y) => y.json());
+    })), Ue = async () => {
+      const b = await fetch(`/api/map/${t.name || t.table || "main"}`).then((y) => y.json());
       a.value = b;
-    }, Te = (b) => {
+    }, Me = (b) => {
       if (!a.value || !a.value.widgets) return "400px";
       const y = a.value.widgets.find((x) => x.position === b);
       return (y == null ? void 0 : y.width) || "400px";
     }, ie = A([]);
-    he(
+    fe(
       () => a.value,
       (b) => {
-        b && b.map && (ie.value = rt(), ce());
+        b && b.map && (ie.value = nt(), pe());
       }
     );
-    const rt = () => {
+    const nt = () => {
       var y;
       if (!a.value || !a.value.widgets) return [];
       const b = a.value.widgets.find((x) => x.type === "layers");
       return (y = b == null ? void 0 : b.config) != null && y.layers ? b.config.layers.map((x) => ({ ...x, visible: x.visible ?? !1 })).filter((x) => x.visible).map((x) => x.id) : [];
     };
-    function ge(b, y, x, $) {
+    function ge(b, y, x, I) {
       b.getStyle().layers.filter((C) => C.source === y).forEach((C) => {
         var V;
         const P = { source: y, id: x };
-        ((V = b.getSource(y)) == null ? void 0 : V.type) === "vector" && C["source-layer"] && (P.sourceLayer = C["source-layer"]), b.setFeatureState(P, $);
+        ((V = b.getSource(y)) == null ? void 0 : V.type) === "vector" && C["source-layer"] && (P.sourceLayer = C["source-layer"]), b.setFeatureState(P, I);
       });
     }
-    const st = M(() => !!a.value && !!a.value.interactions && !!a.value.interactions.navigation && a.value.interactions.navigation.enabled), nt = M(() => !!a.value && Array.isArray(a.value.tools) && a.value.tools.length > 0), ze = M(() => st.value || nt.value ? "40px" : "20px");
-    function Ge() {
+    const it = M(() => !!a.value && !!a.value.interactions && !!a.value.interactions.navigation && a.value.interactions.navigation.enabled), at = M(() => !!a.value && Array.isArray(a.value.tools) && a.value.tools.length > 0), Te = M(() => it.value || at.value ? "40px" : "20px");
+    function Je() {
       o.value && (o.value.getLayer("layer-with-pulsing-dot") && o.value.removeLayer("layer-with-pulsing-dot"), o.value.getSource("dot-point") && o.value.removeSource("dot-point"), o.value.hasImage && o.value.hasImage("pulsing-dot") && o.value.removeImage("pulsing-dot"));
     }
-    function it(b) {
-      var $, w, C, P;
-      Ge();
+    function lt(b) {
+      var I, w, C, P;
+      Je();
       const y = 80, x = {
         width: y,
         height: y,
@@ -3388,8 +3352,8 @@ const Mn = /* @__PURE__ */ H(Vn, [["render", En]]), Be = {
         },
         render() {
           var U;
-          const E = performance.now() % 2e3 / 2e3, J = y / 2 * 0.3, Se = y / 2 * 0.7 * E + J, { context: Y } = this;
-          Y.clearRect(0, 0, this.width, this.height), Y.beginPath(), Y.arc(this.width / 2, this.height / 2, Se, 0, Math.PI * 2), Y.fillStyle = `rgba(255, 100, 100, ${1 - E})`, Y.fill();
+          const E = performance.now() % 2e3 / 2e3, J = y / 2 * 0.3, Ve = y / 2 * 0.7 * E + J, { context: Y } = this;
+          Y.clearRect(0, 0, this.width, this.height), Y.beginPath(), Y.arc(this.width / 2, this.height / 2, Ve, 0, Math.PI * 2), Y.fillStyle = `rgba(255, 100, 100, ${1 - E})`, Y.fill();
           const ke = y / 2 * 0.7 * (E - 0.5 < 0 ? E - 0.5 + 1 : E - 0.5) + J;
           return Y.beginPath(), Y.arc(
             this.width / 2,
@@ -3400,7 +3364,7 @@ const Mn = /* @__PURE__ */ H(Vn, [["render", En]]), Be = {
           ), Y.fillStyle = `rgba(255, 100, 100, ${1 - (E - 0.5 < 0 ? E - 0.5 + 1 : E - 0.5)})`, Y.fill(), this.data = Y.getImageData(0, 0, this.width, this.height).data, (U = o.value) == null || U.triggerRepaint(), !0;
         }
       };
-      ($ = o.value) != null && $.hasImage("pulsing-dot") || (w = o.value) == null || w.addImage("pulsing-dot", x, { pixelRatio: 2 }), (C = o.value) == null || C.addSource("dot-point", {
+      (I = o.value) != null && I.hasImage("pulsing-dot") || (w = o.value) == null || w.addImage("pulsing-dot", x, { pixelRatio: 2 }), (C = o.value) == null || C.addSource("dot-point", {
         type: "geojson",
         data: {
           type: "Feature",
@@ -3414,74 +3378,74 @@ const Mn = /* @__PURE__ */ H(Vn, [["render", En]]), Be = {
         paint: { "icon-opacity": 0.6 }
       });
     }
-    const at = M(() => {
-      var b, y, x, $, w, C, P, V, E, J;
+    const ct = M(() => {
+      var b, y, x, I, w, C, P, V, E, J;
       return {
         center: (y = (b = a == null ? void 0 : a.value) == null ? void 0 : b.map) == null ? void 0 : y.center,
-        zoom: ($ = (x = a == null ? void 0 : a.value) == null ? void 0 : x.map) == null ? void 0 : $.zoom,
+        zoom: (I = (x = a == null ? void 0 : a.value) == null ? void 0 : x.map) == null ? void 0 : I.zoom,
         pitch: ((C = (w = a == null ? void 0 : a.value) == null ? void 0 : w.map) == null ? void 0 : C.pitch) || 0,
         bearing: ((V = (P = a == null ? void 0 : a.value) == null ? void 0 : P.map) == null ? void 0 : V.bearing) || 0,
         bbox: ((J = (E = a == null ? void 0 : a.value) == null ? void 0 : E.map) == null ? void 0 : J.bbox) || null
       };
-    }), Je = {
-      home: on,
-      print: dn,
-      geolocation: Mn,
-      pitch: hn
+    }), Qe = {
+      home: dn,
+      print: mn,
+      geolocation: An,
+      pitch: wn
       // length: VsLengthMeasure,
       // area: VsAreaMeasure,
-    }, lt = (b) => {
+    }, dt = (b) => {
       u.value = b;
     };
     function _e(b) {
       if (!a.value || !a.value.widgets) return;
       const y = a.value.widgets.find((w) => w.type === "list");
       if (!y || !y.config) return;
-      const { map_key: x, service_key: $ } = y.config;
-      x && $ && (l.value = {
+      const { map_key: x, service_key: I } = y.config;
+      x && I && (l.value = {
         id: b,
         map: x,
-        layer: $
+        layer: I
       });
     }
-    const ct = M(
+    const ut = M(
       () => a.value && a.value.widgets ? a.value.widgets.filter((b) => b.position === "absolute") : []
     );
-    function dt(b, y, x) {
-      const $ = b.properties, w = m.value.find(
+    function pt(b, y, x) {
+      const I = b.properties, w = m.value.find(
         (U) => String(U.id) === String(b.source)
-      ), C = Array.isArray(w == null ? void 0 : w.popup) ? w.popup : [], V = C.filter((U) => U.meta === "image").map((U) => $ == null ? void 0 : $[U.name]).filter(Boolean), E = V.length > 0 ? `
+      ), C = Array.isArray(w == null ? void 0 : w.popup) ? w.popup : [], V = C.filter((U) => U.meta === "image").map((U) => I == null ? void 0 : I[U.name]).filter(Boolean), E = V.length > 0 ? `
     <div class="popup-image-single overflow-hidden rounded-t-xl" style="width:260px;height:160px;margin:0 auto 0 auto;">
       <img src="${V[0]}" style="width:100%;height:100%;object-fit:cover;border-radius:12px 12px 0 0;display:block;" />
     </div>
-  ` : "", J = C.find((U) => U.meta === "title"), Se = J ? $ == null ? void 0 : $[J.name] : "";
+  ` : "", J = C.find((U) => U.meta === "title"), Ve = J ? I == null ? void 0 : I[J.name] : "";
       let Y = C.filter((U) => U.meta !== "title" && U.meta !== "image").map((U) => {
-        const Le = $ == null ? void 0 : $[U.name];
-        let Fe = Le ?? "-";
+        const Le = I == null ? void 0 : I[U.name];
+        let Se = Le ?? "-";
         switch (U.meta) {
           case "badge":
-            Fe = Le ? `<span class="inline-block rounded px-2 py-0.5 text-xs bg-yellow-100 text-yellow-800 ">${Le}</span>` : "-";
+            Se = Le ? `<span class="inline-block rounded px-2 py-0.5 text-xs bg-yellow-100 text-yellow-800 ">${Le}</span>` : "-";
             break;
         }
         return `
         <tr style="display: table-row;">
           <td style="display: table-cell; padding: 2px 8px 2px 0; vertical-align: middle; font-weight: 500; width: 50%; text-align: left;">${U.ua || U.name}</td>
-          <td style="display: table-cell; padding: 2px 0 2px 8px; vertical-align: middle; width: 50%; text-align: right;">${Fe}</td>
+          <td style="display: table-cell; padding: 2px 0 2px 8px; vertical-align: middle; width: 50%; text-align: right;">${Se}</td>
         </tr>
       `;
       }).join("");
-      C.length || (Y = Object.keys($).map(
+      C.length || (Y = Object.keys(I).map(
         (U) => `
       <tr style="display: table-row;">
         <td style="display: table-cell; padding: 2px 8px 2px 0; vertical-align: middle; font-weight: 500; width: 50%; text-align: left;">${U}</td>
-        <td style="display: table-cell; padding: 2px 0 2px 8px; vertical-align: middle; width: 50%; text-align: right;">${$[U] || "-"}</td>
+        <td style="display: table-cell; padding: 2px 0 2px 8px; vertical-align: middle; width: 50%; text-align: right;">${I[U] || "-"}</td>
       </tr>
     `
       ).join(""));
       const ke = `
     <div class="absolute min-w-[250px] max-w-[300px] bg-white/90 border border-gray-200 rounded-lg shadow-md text-gray-800 pointer-events-none" style="display: flex; flex-direction: column; justify-content: center;">
       ${E}
-      ${Se ? `<div class="font-semibold text-sm border-b border-solid border-gray-200 text-gray-800 px-2 py-1">${Se}</div>` : ""}
+      ${Ve ? `<div class="font-semibold text-sm border-b border-solid border-gray-200 text-gray-800 px-2 py-1">${Ve}</div>` : ""}
       <div class="text-xs px-2 py-0.5 text-gray-500" style="display: flex; justify-content: center; align-items: center; flex: 1;">
         <table class="w-full" style="border-collapse: collapse; border: none; margin: 0 auto;">
           <tbody>${Y}</tbody>
@@ -3489,135 +3453,135 @@ const Mn = /* @__PURE__ */ H(Vn, [["render", En]]), Be = {
       </div>
     </div>
   `;
-      return x || (x = document.createElement("div"), x.className = "custom-popup absolute z-50", document.body.appendChild(x)), x.innerHTML = ke, Qe(x, y), x;
+      return x || (x = document.createElement("div"), x.className = "custom-popup absolute z-50", document.body.appendChild(x)), x.innerHTML = ke, Ye(x, y), x;
     }
-    function Qe(b, y) {
-      const x = b.offsetWidth, $ = b.offsetHeight, w = document.getElementById("maplibre-demo-map"), C = w.getBoundingClientRect(), P = y.originalEvent.clientX - C.left, V = y.originalEvent.clientY - C.top;
+    function Ye(b, y) {
+      const x = b.offsetWidth, I = b.offsetHeight, w = document.getElementById("maplibre-demo-map"), C = w.getBoundingClientRect(), P = y.originalEvent.clientX - C.left, V = y.originalEvent.clientY - C.top;
       let E = P - x / 2;
       E = Math.max(10, Math.min(E, C.width - x - 10));
       let J;
-      V - $ - 10 > 0 ? J = V - $ - 5 : V + $ + 10 < C.height ? J = V + 10 : J = Math.max(10, C.height - $ - 10), b.style.position = "absolute", b.style.left = `${E + 20}px`, b.style.top = `${J + 10}px`, b.parentNode !== w && w.appendChild(b);
+      V - I - 10 > 0 ? J = V - I - 5 : V + I + 10 < C.height ? J = V + 10 : J = Math.max(10, C.height - I - 10), b.style.position = "absolute", b.style.left = `${E + 20}px`, b.style.top = `${J + 10}px`, b.parentNode !== w && w.appendChild(b);
     }
     return (b, y) => {
-      var x, $;
+      var x, I;
       return c(), p("div", {
         class: "maplibre-demo-map-container",
-        style: fe(Ue.value)
+        style: he(De.value)
       }, [
         y[10] || (y[10] = r("div", { id: "maplibre-demo-map" }, null, -1)),
-        n.value ? (c(), p(B, { key: 1 }, [
-          r("div", Tn, [
-            r("div", zn, [
-              r("div", An, [
+        s.value ? (c(), p(B, { key: 1 }, [
+          r("div", Bn, [
+            r("div", On, [
+              r("div", Dn, [
                 (c(), p(B, null, W(["top-left"], (w) => {
                   var C, P;
-                  return N(Be, {
+                  return N(Ae, {
                     key: w,
                     position: w,
                     widgets: f(w),
                     map: o.value,
-                    mapLoaded: n.value,
+                    mapLoaded: s.value,
                     cardValues: l.value,
                     hasFilters: k.value,
                     history: (P = (C = a.value) == null ? void 0 : C.value) == null ? void 0 : P.history,
                     currentFilterLayer: i.value,
                     enabledLayerIds: ie.value,
                     getWidgetComponent: T,
-                    getColumnWidth: Te,
-                    rightColumnOffset: w === "top-right" ? ze.value : void 0,
+                    getColumnWidth: Me,
+                    rightColumnOffset: w === "top-right" ? Te.value : void 0,
                     onSetFilterLayer: _,
                     "onUpdate:enabledLayerIds": y[0] || (y[0] = (V) => ie.value = V),
                     onCardValuesId: _e,
-                    onCloseCard: te,
+                    onCloseCard: oe,
                     onCatalogLayers: y[1] || (y[1] = (V) => m.value = V)
                   }, null, 8, ["position", "widgets", "map", "mapLoaded", "cardValues", "hasFilters", "history", "currentFilterLayer", "enabledLayerIds", "rightColumnOffset"]);
                 }), 64))
               ]),
-              r("div", Bn, [
+              r("div", Un, [
                 (c(), p(B, null, W(["bottom-left"], (w) => {
                   var C, P;
-                  return N(Be, {
+                  return N(Ae, {
                     key: w,
                     position: w,
                     widgets: f(w),
                     map: o.value,
-                    mapLoaded: n.value,
+                    mapLoaded: s.value,
                     cardValues: l.value,
                     hasFilters: k.value,
                     history: (P = (C = a.value) == null ? void 0 : C.value) == null ? void 0 : P.history,
                     currentFilterLayer: i.value,
                     enabledLayerIds: ie.value,
                     getWidgetComponent: T,
-                    getColumnWidth: Te,
-                    rightColumnOffset: w === "top-right" ? ze.value : void 0,
+                    getColumnWidth: Me,
+                    rightColumnOffset: w === "top-right" ? Te.value : void 0,
                     onSetFilterLayer: _,
                     "onUpdate:enabledLayerIds": y[2] || (y[2] = (V) => ie.value = V),
                     onCardValuesId: _e,
-                    onCloseCard: te,
+                    onCloseCard: oe,
                     onCatalogLayers: y[3] || (y[3] = (V) => m.value = V)
                   }, null, 8, ["position", "widgets", "map", "mapLoaded", "cardValues", "hasFilters", "history", "currentFilterLayer", "enabledLayerIds", "rightColumnOffset"]);
                 }), 64))
               ])
             ]),
-            r("div", On, [
-              r("div", Dn, [
+            r("div", Rn, [
+              r("div", Hn, [
                 (c(), p(B, null, W(["top-right"], (w) => {
                   var C, P;
-                  return N(Be, {
+                  return N(Ae, {
                     key: w,
                     position: w,
                     widgets: f(w),
                     map: o.value,
-                    mapLoaded: n.value,
+                    mapLoaded: s.value,
                     cardValues: l.value,
                     hasFilters: k.value,
                     history: (P = (C = a.value) == null ? void 0 : C.value) == null ? void 0 : P.history,
                     currentFilterLayer: i.value,
                     enabledLayerIds: ie.value,
                     getWidgetComponent: T,
-                    getColumnWidth: Te,
-                    rightColumnOffset: w === "top-right" ? ze.value : void 0,
+                    getColumnWidth: Me,
+                    rightColumnOffset: w === "top-right" ? Te.value : void 0,
                     onSetFilterLayer: _,
                     "onUpdate:enabledLayerIds": y[4] || (y[4] = (V) => ie.value = V),
                     onCardValuesId: _e,
-                    onCloseCard: te,
+                    onCloseCard: oe,
                     onCatalogLayers: y[5] || (y[5] = (V) => m.value = V)
                   }, null, 8, ["position", "widgets", "map", "mapLoaded", "cardValues", "hasFilters", "history", "currentFilterLayer", "enabledLayerIds", "rightColumnOffset"]);
                 }), 64))
               ]),
-              r("div", Un, [
+              r("div", Nn, [
                 (c(), p(B, null, W(["bottom-right"], (w) => {
                   var C, P;
-                  return N(Be, {
+                  return N(Ae, {
                     key: w,
                     position: w,
                     widgets: f(w),
                     map: o.value,
-                    mapLoaded: n.value,
+                    mapLoaded: s.value,
                     cardValues: l.value,
                     hasFilters: k.value,
                     history: (P = (C = a.value) == null ? void 0 : C.value) == null ? void 0 : P.history,
                     currentFilterLayer: i.value,
                     enabledLayerIds: ie.value,
                     getWidgetComponent: T,
-                    getColumnWidth: Te,
-                    rightColumnOffset: w === "top-right" ? ze.value : void 0,
+                    getColumnWidth: Me,
+                    rightColumnOffset: w === "top-right" ? Te.value : void 0,
                     onSetFilterLayer: _,
                     "onUpdate:enabledLayerIds": y[6] || (y[6] = (V) => ie.value = V),
                     onCardValuesId: _e,
-                    onCloseCard: te,
+                    onCloseCard: oe,
                     onCatalogLayers: y[7] || (y[7] = (V) => m.value = V)
                   }, null, 8, ["position", "widgets", "map", "mapLoaded", "cardValues", "hasFilters", "history", "currentFilterLayer", "enabledLayerIds", "rightColumnOffset"]);
                 }), 64))
               ])
             ])
           ]),
-          (c(!0), p(B, null, W(ct.value, (w, C) => (c(), p("div", {
+          (c(!0), p(B, null, W(ut.value, (w, C) => (c(), p("div", {
             key: "abs-" + (w.id || w.type || C),
             class: "absolute z-20",
-            style: fe(w.style)
+            style: he(w.style)
           }, [
-            (c(), X(De(T(w.type)), {
+            (c(), X(Oe(T(w.type)), {
               map: o.value,
               config: w.config,
               hasFilters: k.value,
@@ -3627,30 +3591,30 @@ const Mn = /* @__PURE__ */ H(Vn, [["render", En]]), Be = {
               onSetFilterLayer: _,
               "onUpdate:enabledLayerIds": y[8] || (y[8] = (P) => ie.value = P),
               onCardValuesId: _e,
-              onCloseCard: te,
+              onCloseCard: oe,
               onCatalogLayers: y[9] || (y[9] = (P) => m.value = P)
             }, null, 40, ["map", "config", "hasFilters", "currentFilterLayer", "enabledLayerIds", "cardValues"]))
           ], 4))), 128)),
-          r("div", Rn, [
-            (c(!0), p(B, null, W(($ = (x = a.value) == null ? void 0 : x.value) == null ? void 0 : $.tools, (w) => (c(), p(B, { key: w }, [
-              n.value && Je[w] ? (c(), X(De(Je[w]), yt({
+          r("div", Wn, [
+            (c(!0), p(B, null, W((I = (x = a.value) == null ? void 0 : x.value) == null ? void 0 : I.tools, (w) => (c(), p(B, { key: w }, [
+              s.value && Qe[w] ? (c(), X(Oe(Qe[w]), wt({
                 key: 0,
                 map: o.value,
                 activeTool: u.value,
-                setActiveTool: lt
-              }, { ref_for: !0 }, w === "home" ? { initialView: at.value } : {}, { onCardValuesId: _e }), null, 16, ["map", "activeTool"])) : F("", !0)
+                setActiveTool: dt
+              }, { ref_for: !0 }, w === "home" ? { initialView: ct.value } : {}, { onCardValuesId: _e }), null, 16, ["map", "activeTool"])) : F("", !0)
             ], 64))), 128))
           ])
-        ], 64)) : (c(), X(Js, { key: 0 }))
+        ], 64)) : (c(), X(on, { key: 0 }))
       ], 4);
     };
   }
-}, Wn = /* @__PURE__ */ H(Hn, [["__scopeId", "data-v-126309b6"]]);
-function qn(e) {
-  e.component("MapCustom", Wn);
+}), qn = /* @__PURE__ */ H(Zn, [["__scopeId", "data-v-09938096"]]);
+function Qn(e) {
+  e.component("MapCustom", qn);
 }
 export {
-  Wn as MapCustom,
-  Wn as default,
-  qn as install
+  qn as MapCustom,
+  qn as default,
+  Qn as install
 };