@opengis/gis 0.1.69 → 0.1.70

package/dist/index.js

@@ -1,17 +1,17 @@
-import { computed as M, createElementBlock as p, openBlock as c, normalizeStyle as he, createCommentVNode as j, createElementVNode as r, toDisplayString as S, Fragment as A, renderList as N, normalizeClass as K, ref as B, onMounted as xe, resolveDirective as pt, withDirectives as ne, watch as fe, vModelText as Ze, vModelCheckbox as qe, defineComponent as Ge, reactive as ht, onBeforeUnmount as ft, createBlock as X, renderSlot as Ne, Teleport as Ke, createVNode as Z, Transition as gt, withCtx as W, vShow as Pe, nextTick as Ee, resolveComponent as G, unref as We, createTextVNode as ae, createStaticVNode as Ae, withModifiers as vt, resolveDynamicComponent as Oe, withKeys as mt, onUnmounted as yt, mergeProps as bt } from "vue";
-import wt 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 [s, n] of t)
     o[s] = n;
   return o;
-}, xt = {
+}, _t = {
   key: 0,
   class: "p-5 pb-0 flex justify-between items-center"
-}, _t = { class: "inline-block font-semibold text-lg text-gray-800" }, kt = { class: "flex flex-col gap-1 p-5" }, Lt = { class: "flex items-center justify-between w-full text-sm text-gray-800 ml-2" }, Ct = {
+}, 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"
-}, $t = {
+}, It = {
   __name: "vs-legend-widget",
   props: {
     config: {
@@ -31,11 +31,11 @@ const H = (e, t) => {
       class: "legend-widget flex flex-col bg-white border border-stone-200 shadow-2xs rounded-xl z-10 relative",
       style: he({ width: e.config.width || "100%" })
     }, [
-      s.value ? (c(), p("div", xt, [
-        r("h2", _t, S(s.value), 1)
-      ])) : j("", !0),
-      r("div", kt, [
-        (c(!0), p(A, null, N(o.value, (d) => (c(), p("div", {
+      s.value ? (c(), p("div", _t, [
+        r("h2", kt, S(s.value), 1)
+      ])) : F("", !0),
+      r("div", Lt, [
+        (c(!0), p(B, null, W(o.value, (d) => (c(), p("div", {
           class: "flex items-center",
           key: d.label
         }, [
@@ -48,15 +48,15 @@ const H = (e, t) => {
             ]]),
             style: he({ backgroundColor: d.color })
           }, null, 6),
-          r("span", Lt, [
+          r("span", Ct, [
             r("span", null, S(d.label), 1),
-            d.count !== void 0 ? (c(), p("span", Ct, " (" + S(d.count) + ") ", 1)) : j("", !0)
+            d.count !== void 0 ? (c(), p("span", $t, " (" + S(d.count) + ") ", 1)) : F("", !0)
           ])
         ]))), 128))
       ])
     ], 4));
   }
-}, It = /* @__PURE__ */ H($t, [["__scopeId", "data-v-dd12cf90"]]), Vt = { class: "flex flex-row gap-x-3 z-10 relative" }, St = ["onClick"], jt = ["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 = B("voyager"), s = 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) => ({
@@ -148,9 +148,9 @@ const H = (e, t) => {
       var v;
       (v = t.config) != null && v.default && (o.value = t.config.default), d(o.value);
     }), (v, g) => {
-      const l = pt("tooltip");
-      return c(), p("div", Vt, [
-        (c(!0), p(A, null, N(s.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, jt)) : j("", !0)
-          ], 10, St)
+            }, null, 10, jt)) : F("", !0)
+          ], 10, Ft)
         ])), [
           [l, u.title]
         ])), 128))
@@ -185,7 +185,7 @@ function $e(e) {
   ]);
   return t.push(e.color || "#ccc"), ["case", ...t.flat()];
 }
-function Pt(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) => [
@@ -213,7 +213,7 @@ function ue(e, t = "stroke", o = "#ccc") {
     e[t] || o
   ];
 }
-function Et(e) {
+function Mt(e) {
   const t = [
     {
       type: "fill",
@@ -248,7 +248,7 @@ function Et(e) {
     }
   }), t;
 }
-function Mt(e) {
+function Tt(e) {
   return [
     {
       type: "line",
@@ -265,7 +265,7 @@ function Mt(e) {
     }
   ];
 }
-function Tt(e) {
+function zt(e) {
   const t = [
     {
       type: "circle",
@@ -303,7 +303,7 @@ function Tt(e) {
     }
   }), t;
 }
-function zt(e, t, o) {
+function At(e, t, o) {
   const s = e.type || "point";
   return s === "polygon" ? [
     {
@@ -361,12 +361,12 @@ function et(e) {
   var o, s;
   if (!e) return null;
   if (e.attrType === "icon-by-attribute" && e.iconZoom) {
-    const n = Pt(e), i = Array.isArray(n) && n[0] === "case" ? n : [
+    const n = Et(e), i = Array.isArray(n) && n[0] === "case" ? n : [
       "case",
       ["==", ["get", e.attribute], ((s = (o = e.rules) == null ? void 0 : o[0]) == null ? void 0 : s.value) || ""],
       n,
       n
-    ], d = zt(e, void 0, +e.iconZoom), v = {
+    ], d = At(e, void 0, +e.iconZoom), v = {
       type: "symbol",
       minzoom: +e.iconZoom,
       layout: {
@@ -382,12 +382,12 @@ function et(e) {
     return [...d, v];
   }
   const t = e.type || "point";
-  return t === "polygon" ? Et(e) : t === "line" ? Mt(e) : Tt(e);
+  return t === "polygon" ? Mt(e) : t === "line" ? Tt(e) : 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,
@@ -403,7 +403,7 @@ function At(e) {
   switch (m) {
     case "vtile":
     case "vector":
-      return Dt(
+      return Ut(
         t,
         o,
         a,
@@ -412,14 +412,14 @@ function At(e) {
         d
       );
     case "raster":
-      return Ut(t, a, n, i, d);
+      return Rt(t, a, n, i, d);
     case "geojson":
-      return Rt(t, u || a, n, i, d);
+      return Ht(t, u || a, n, i, d);
     default:
       throw new Error(`Unsupported layer service type: ${m}`);
   }
 }
-function Ot(e) {
+function Dt(e) {
   switch (e) {
     case "polygon":
       return { type: "polygon", color: "#3388ff", opacity: 0.5 };
@@ -430,7 +430,7 @@ function Ot(e) {
       return { type: "point", color: "#3388ff", radius: 6, opacity: 1 };
   }
 }
-function Dt(e, t, o, s, n, i) {
+function Ut(e, t, o, s, n, i) {
   const d = t || (o.match(/\/vtile\/([^/]+)/) || [])[1] || e, v = {
     type: "vector",
     tiles: [o],
@@ -449,7 +449,7 @@ function Dt(e, t, o, s, n, i) {
     visible: !0
   };
 }
-function Ut(e, t, o, s, n) {
+function Rt(e, t, o, s, n) {
   const i = {
     type: "raster",
     tiles: [t],
@@ -472,7 +472,7 @@ function Ut(e, t, o, s, n) {
     visible: !0
   };
 }
-function Rt(e, t, o, s, n) {
+function Ht(e, t, o, s, n) {
   var u;
   const i = {
     type: "geojson",
@@ -484,7 +484,7 @@ function Rt(e, t, o, s, n) {
     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 = n || Ot(d), l = et(v).map((a, m) => ({
+  const v = n || Dt(d), l = et(v).map((a, m) => ({
     ...a,
     id: `${e}-${m}`,
     source: e
@@ -497,7 +497,7 @@ function Rt(e, t, o, s, n) {
     visible: !0
   };
 }
-function Ht(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,7 +507,7 @@ function Ht(e) {
     url: (e.icon_base_url || "") + o
   }));
 }
-function Nt(e) {
+function Wt(e) {
   const t = /* @__PURE__ */ new Set();
   function o(s) {
     typeof s == "string" ? t.add(s) : Array.isArray(s) && s.forEach(o);
@@ -528,11 +528,11 @@ async function tt(e, t) {
   }
 }
 function Zt(e, t, o = "/icons/") {
-  const n = Nt(t).map((i) => ({ name: i, url: o + i }));
+  const n = Wt(t).map((i) => ({ name: i, url: o + i }));
   return tt(e, n);
 }
 async function we(e, t) {
-  const o = At(t), s = Ht(t.style);
+  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 = {
@@ -550,24 +550,39 @@ function Ce(e, t) {
     e.removeLayer(n.id);
   }), e.getSource(t) && e.removeSource(t);
 }
-const Wt = { class: "w-full flex flex-col bg-white border border-stone-200 shadow-2xs rounded-xl z-10 relative" }, qt = { class: "flex flex-col justify-between h-full pb-5 px-5" }, Gt = {
+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]"
-}, Jt = {
-  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%)" }
-}, Qt = {
+}, Xt = {
   key: 1,
   class: "mb-4"
-}, Yt = { class: "" }, Kt = { class: "space-y-2" }, Xt = { class: "flex items-center gap-[10px] text-gray-500" }, eo = { class: "dataset-checkbox-container flex" }, to = ["onUpdate:modelValue", "onChange"], oo = { class: "text-sm" }, ro = ["onClick"], so = ["innerHTML"], no = {
+}, 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"
-}, io = {
+}, co = {
   __name: "vs-layers-widget",
   props: {
     map: {
@@ -597,7 +612,7 @@ const Wt = { 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, s = t, n = B(""), i = B([]);
+    const o = e, s = t, n = A(""), i = A([]);
     function d() {
       const f = new URLSearchParams(window.location.search).get("layers");
       return f ? f.split(",") : [];
@@ -625,9 +640,9 @@ const Wt = { class: "w-full flex flex-col bg-white border border-stone-200 shado
       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), s("set-filter-layer", null)), o.map.getStyle().layers.filter((F) => F.source === h.id).forEach((F) => {
+      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(
-          F.id,
+          j.id,
           "visibility",
           h.visible ? "visible" : "none"
         );
@@ -644,74 +659,61 @@ const Wt = { class: "w-full flex flex-col bg-white border border-stone-200 shado
         o.history && v(h);
       },
       { deep: !0 }
-    ), (h, f) => (c(), p("div", Wt, [
-      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", qt, [
-        e.config.search ? (c(), p("div", Gt, [
+      r("div", Yt, [
+        e.config.search ? (c(), p("div", Kt, [
           ne(r("input", {
             type: "text",
             "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), [
-            [Ze, n.value]
+            [We, n.value]
           ]),
-          (c(), p("svg", Jt, [...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)
-          ])]))
-        ])) : j("", !0),
-        e.config.allow_toggle_all ? (c(), p("div", Qt, [
+          N(ot)
+        ])) : F("", !0),
+        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)
-        ])) : j("", !0),
-        r("div", Yt, [
-          r("ul", Kt, [
-            (c(!0), p(A, null, N(g.value, (L) => (c(), p("li", {
+        ])) : F("", !0),
+        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", Xt, [
-                r("span", eo, [
+              r("label", oo, [
+                r("span", ro, [
                   ne(r("input", {
                     class: "dataset-checkbox",
                     type: "checkbox",
-                    "onUpdate:modelValue": (F) => L.visible = F,
+                    "onUpdate:modelValue": (j) => L.visible = j,
                     onChange: () => a(L)
-                  }, null, 40, to), [
+                  }, null, 40, so), [
                     [qe, L.visible]
                   ])
                 ]),
-                r("span", oo, 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(A, { key: 0 }, N(L.actions, (F) => (c(), p("div", {
-                key: F.id
+              L.actions && L.visible ? (c(!0), p(B, { key: 0 }, W(L.actions, (j) => (c(), p("div", {
+                key: j.id
               }, [
                 r("button", {
                   class: "text-sm text-gray-500",
-                  onClick: (T) => h.$emit("show-widget", F.widget)
+                  onClick: (T) => h.$emit("show-widget", j.widget)
                 }, [
                   r("div", {
-                    innerHTML: F.icon
-                  }, null, 8, so)
-                ], 8, ro)
-              ]))), 128)) : j("", !0)
+                    innerHTML: j.icon
+                  }, null, 8, ao)
+                ], 8, io)
+              ]))), 128)) : F("", !0)
             ]))), 128)),
-            n.value && g.value.length === 0 ? (c(), p("li", no, " Шарів не знайдено ")) : j("", !0)
+            n.value && g.value.length === 0 ? (c(), p("li", lo, " Шарів не знайдено ")) : F("", !0)
           ])
         ])
       ])
@@ -759,13 +761,13 @@ Ge({
     }
   }
 });
-const Fe = async (e, t, o, s = 10) => {
-  var L, F, T, k;
+const je = async (e, t, o, s = 10) => {
+  var L, j, T, k;
   if (!t || !o) 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((F = t == null ? void 0 : t.getBoundingClientRect()) == null ? void 0 : F.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;
+  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 + s + g;
   switch (e) {
@@ -801,7 +803,7 @@ const Fe = async (e, t, o, s = 10) => {
       break;
   }
   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");
-}, ao = { class: "text-center" }, lo = { 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({
+}, 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 Fe = async (e, t, o, s = 10) => {
   },
   emits: ["isvisible"],
   setup(e, { expose: t, emit: o }) {
-    const s = e, n = o, i = B(!1), d = B([]), v = B(null), g = B(null), l = B(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;
@@ -838,18 +840,18 @@ const Fe = async (e, t, o, s = 10) => {
       }), d.value = [];
     };
     fe(i, (_) => {
-      _ ? (f(), window.addEventListener("resize", () => Fe(s.placement, g.value, l.value)), Fe(s.placement, g.value, l.value)) : window.removeEventListener("resize", () => Fe(s.placement, g.value, l.value)), n("isvisible", _);
+      _ ? (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();
-    }), ft(() => {
+    }), gt(() => {
       window.removeEventListener("click", u), window.removeEventListener("popstate", h), L();
     });
-    const F = () => {
-      i.value = !0, Fe(s.placement, g.value, l.value);
+    const j = () => {
+      i.value = !0, je(s.placement, g.value, l.value);
     }, T = () => {
       i.value = !1;
     }, k = async () => {
-      await Fe(s.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 Fe = async (e, t, o, s = 10) => {
       ref: v,
       class: "vs-popover inline-block"
     }, [
-      r("div", ao, [
+      r("div", uo, [
         _.trigger === "click" ? (c(), p("div", {
           key: 0,
           ref_key: "popoverRef",
@@ -869,22 +871,22 @@ const Fe = async (e, t, o, s = 10) => {
           Ne(_.$slots, "reference", {}, () => [
             D[0] || (D[0] = r("button", null, "Click me!", -1))
           ])
-        ], 2)) : j("", !0),
+        ], 2)) : F("", !0),
         _.trigger === "hover" ? (c(), p("div", {
           key: 1,
           ref_key: "popoverRef",
           ref: g,
-          onMouseover: F,
+          onMouseover: j,
           onMouseleave: T,
           class: K({ "pointer-events-none": _.disabled })
         }, [
           Ne(_.$slots, "reference", {}, () => [
             D[1] || (D[1] = r("button", null, "Click me!", -1))
           ])
-        ], 34)) : j("", !0),
+        ], 34)) : F("", !0),
         (c(), X(Ke, { to: _.teleport }, [
-          Z(gt, { name: "fade" }, {
-            default: W(() => [
+          N(vt, { name: "fade" }, {
+            default: Z(() => [
               ne(r("div", {
                 class: K(["vsTailwind vs-popover__content", _.placement]),
                 ref_key: "contentPop",
@@ -894,7 +896,7 @@ const Fe = async (e, t, o, s = 10) => {
                   zIndex: 10002
                 })
               }, [
-                r("div", lo, [
+                r("div", po, [
                   Ne(_.$slots, "default", {}, () => [
                     D[2] || (D[2] = r("span", null, "Popover content", -1))
                   ])
@@ -910,11 +912,11 @@ const Fe = async (e, t, o, s = 10) => {
     ], 512));
   }
 });
-ht({ visible: !0 });
-const co = { class: "legend-widget flex flex-col bg-white border border-stone-200 shadow-2xs rounded-xl z-10 relative" }, uo = {
+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]"
-}, po = { class: "inline-block font-semibold text-lg text-gray-800 dark:text-neutral-200" }, ho = { class: "flex flex-col gap-1" }, fo = { class: "flex flex-col gap-1 p-5 pt-0" }, go = ["innerHTML"], vo = {
+}, 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: {
@@ -936,19 +938,19 @@ const co = { class: "legend-widget flex flex-col bg-white border border-stone-20
     return (i, d) => {
       var g, l;
       const v = G("router-link");
-      return c(), p("div", co, [
-        o.value || (g = n.value) != null && g.length ? (c(), p("div", uo, [
-          r("h2", po, S(o.value), 1),
-          (l = n.value) != null && l.length ? (c(), X(We(Ie), {
+      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: W(() => [
-              Z(We(Ie), {
+            reference: Z(() => [
+              N(Ze(Ie), {
                 trigger: "hover",
                 placement: "right"
               }, {
-                reference: W(() => [...d[0] || (d[0] = [
+                reference: Z(() => [...d[0] || (d[0] = [
                   r("div", { class: "flex items-center justify-center h-8 w-8 transition-colors rounded-full hover:bg-gray-100 cursor-pointer" }, [
                     r("svg", {
                       width: "16",
@@ -978,15 +980,15 @@ const co = { class: "legend-widget flex flex-col bg-white border border-stone-20
                     ])
                   ], -1)
                 ])]),
-                default: W(() => [
+                default: Z(() => [
                   d[1] || (d[1] = ae(" Перейти на карту ", -1))
                 ]),
                 _: 1
               })
             ]),
-            default: W(() => [
-              r("div", ho, [
-                (c(!0), p(A, null, N(n.value, (u) => (c(), p("div", {
+            default: Z(() => [
+              r("div", vo, [
+                (c(!0), p(B, null, W(n.value, (u) => (c(), p("div", {
                   key: u.label
                 }, [
                   u.url ? (c(), X(v, {
@@ -994,45 +996,45 @@ const co = { class: "legend-widget flex flex-col bg-white border border-stone-20
                     to: u.url,
                     class: "text-sm text-gray-800 dark:text-neutral-200 hover:bg-gray-100 hover:text-blue-600 transition-colors rounded px-2 py-1 block"
                   }, {
-                    default: W(() => [
+                    default: Z(() => [
                       ae(S(u.label), 1)
                     ]),
                     _: 2
-                  }, 1032, ["to"])) : j("", !0)
+                  }, 1032, ["to"])) : F("", !0)
                 ]))), 128))
               ])
             ]),
             _: 1
-          })) : j("", !0)
-        ])) : j("", !0),
-        r("div", fo, [
-          r("div", { innerHTML: s.value }, null, 8, go)
+          })) : F("", !0)
+        ])) : F("", !0),
+        r("div", mo, [
+          r("div", { innerHTML: s.value }, null, 8, yo)
         ])
       ]);
     };
   }
-}, mo = /* @__PURE__ */ H(vo, [["__scopeId", "data-v-629caa82"]]), yo = { class: "w-full flex flex-col bg-white border border-stone-200 shadow-2xs rounded-xl z-10 relative overflow-hidden" }, bo = {
+}, 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"
-}, wo = { class: "inline-block font-semibold text-lg text-gray-800" }, xo = {
+}, ko = { class: "inline-block font-semibold text-lg text-gray-800" }, Lo = {
   key: 1,
   class: "flex"
-}, _o = { class: "flex items-center mx-[8px]" }, ko = { 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" }, Lo = { class: "min-h-[34px] flex justify-center items-center text-stone-500 py-2 px-1.5 text-sm" }, Co = { 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" }, $o = {
+}, 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"
-}, Io = {
+}, Fo = {
   key: 1,
   class: "text-red-500"
-}, Vo = { key: 2 }, So = ["innerHTML"], jo = {
+}, jo = { key: 2 }, Po = ["innerHTML"], Eo = {
   key: 1,
   class: "flow-root"
-}, Fo = { class: "-my-3 divide-y divide-gray-100 text-sm" }, Po = { class: "font-medium text-gray-900" }, Eo = { class: "text-gray-700 sm:col-span-2" }, Mo = {
+}, 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"
-}, To = {
+}, Bo = {
   key: 3,
   class: "pt-4 flex justify-end"
-}, zo = ["href"], ot = {
+}, Oo = ["href"], rt = {
   __name: "vs-card-widget",
   props: {
     config: {
@@ -1051,7 +1053,7 @@ const co = { class: "legend-widget flex flex-col bg-white border border-stone-20
       return ((T = o.config) == null ? void 0 : T.title) || "";
     }), i = M(
       () => !!(typeof window.app == "object" && window.app && window.app.config)
-    ), d = B([]), v = B(!1), g = B(null), l = B(0), u = M(() => l.value + 1), a = M(() => {
+    ), d = A([]), v = A(!1), g = A(null), l = A(0), u = M(() => l.value + 1), a = M(() => {
       var T;
       return ((T = o.info) == null ? void 0 : T.length) || 0;
     }), m = M(() => d.value[l.value]), h = M(() => {
@@ -1078,7 +1080,7 @@ const co = { class: "legend-widget flex flex-col bg-white border border-stone-20
     function L() {
       l.value < o.info.length - 1 && (l.value += 1, d.value[l.value] || f());
     }
-    function F() {
+    function j() {
       l.value > 0 && (l.value -= 1, d.value[l.value] || f());
     }
     return xe(async () => {
@@ -1093,9 +1095,9 @@ const co = { class: "legend-widget flex flex-col bg-white border border-stone-20
       await Ee(), f(), s("content-resize");
     }), (T, k) => {
       var _, D;
-      return c(), p("div", yo, [
-        n.value ? (c(), p("div", bo, [
-          r("h2", wo, S(n.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",
@@ -1117,19 +1119,19 @@ const co = { class: "legend-widget flex flex-col bg-white border border-stone-20
               r("path", { d: "m6 6 12 12" })
             ], -1)
           ])])
-        ])) : j("", !0),
-        a.value > 1 ? (c(), p("div", xo, [
+        ])) : F("", !0),
+        a.value > 1 ? (c(), p("div", Lo, [
           r("button", {
             type: "button",
             class: K([{
               "opacity-flex items-center justify-between border-b px-[16px] py-[8px]50 pointer-events-none": u.value === 1
             }, "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: F
+            onClick: j
           }, " ◀ ", 2),
-          r("div", _o, [
-            r("span", ko, 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", Lo, S(a.value), 1)
+            r("span", Io, S(a.value), 1)
           ]),
           r("button", {
             type: "button",
@@ -1138,51 +1140,51 @@ const co = { class: "legend-widget flex flex-col bg-white border border-stone-20
               "opacity-50 pointer-events-none": u.value === a.value
             }, "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)
-        ])) : j("", !0),
-        r("div", Co, [
-          v.value ? (c(), p("div", $o, "Завантаження даних...")) : g.value ? (c(), p("div", Io, " Помилка завантаження даних ")) : (c(), p("div", Vo, [
+        ])) : F("", !0),
+        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, So)) : Object.keys(h.value).length ? (c(), p("div", jo, [
-              r("dl", Fo, [
-                (c(!0), p(A, null, N(h.value, (le, pe) => (c(), p("div", {
+            }, 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", Po, S(pe), 1),
-                  r("dd", Eo, S(le), 1)
+                  r("dt", To, S(pe), 1),
+                  r("dd", zo, S(le), 1)
                 ]))), 128))
               ])
-            ])) : (c(), p("div", Mo, "Даних не знайдено."))
+            ])) : (c(), p("div", Ao, "Даних не знайдено."))
           ])),
-          (D = m.value) != null && D.cardInterface && i.value ? (c(), p("div", To, [
+          (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, zo)
-          ])) : j("", !0)
+            }, " Перейти в реєстр ", 8, Oo)
+          ])) : F("", !0)
         ])
       ]);
     };
   }
-}, Bo = { 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"
-}, Oo = { class: "inline-block font-semibold text-lg text-gray-800 dark:text-neutral-200" }, Do = { class: "h-full p-5" }, Uo = { class: "h-full flex flex-col justify-between space-y-4" }, Ro = { class: "space-y-4" }, Ho = {
+}, 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"
-}, No = ["aria-valuenow"], Zo = { 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" }, Wo = ["for"], qo = {
+}, 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="
-}, Go = ["id", "onUpdate:modelValue"], Jo = { class: "ml-2 text-gray-800 dark:text-neutral-200" }, Qo = {
+}, 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"
-}, Yo = {
+}, er = {
   __name: "vs-attributre-widget",
   props: {
     config: {
@@ -1198,7 +1200,7 @@ const co = { 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) || "";
-    }), s = B([]), n = 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),
@@ -1220,17 +1222,17 @@ const co = { class: "legend-widget flex flex-col bg-white border border-stone-20
       (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", Bo, [
-      o.value ? (c(), p("div", Ao, [
+    }), (g, l) => (c(), p("div", Do, [
+      o.value ? (c(), p("div", Uo, [
         r("div", null, [
-          r("h2", Oo, S(o.value), 1)
+          r("h2", Ro, S(o.value), 1)
         ])
-      ])) : j("", !0),
-      r("div", Do, [
-        r("div", Uo, [
-          r("div", Ro, [
-            n.value ? (c(), p("div", Ho, [
-              (c(!0), p(A, null, N(e.config.layer.style.rules, (u, a) => (c(), p("div", {
+      ])) : F("", !0),
+      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: he({
@@ -1241,11 +1243,11 @@ const co = { 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, No))), 128))
-            ])) : j("", !0),
+              }, null, 12, qo))), 128))
+            ])) : F("", !0),
             r("ul", null, [
-              (c(!0), p(A, null, N(e.config.layer.style.rules, (u, a) => (c(), p("li", { key: a }, [
-                r("div", Zo, [
+              (c(!0), p(B, null, W(e.config.layer.style.rules, (u, a) => (c(), p("li", { key: a }, [
+                r("div", Go, [
                   r("label", {
                     for: `filter-${a}`,
                     class: "flex items-center w-full cursor-pointer"
@@ -1257,7 +1259,7 @@ const co = { class: "legend-widget flex flex-col bg-white border border-stone-20
                         borderColor: s.value[a] ? u.color || "#2563eb" : u.color || "#d9d9d9"
                       })
                     }, [
-                      s.value[a] ? (c(), p("img", qo)) : j("", !0)
+                      s.value[a] ? (c(), p("img", Qo)) : F("", !0)
                     ], 4),
                     ne(r("input", {
                       type: "checkbox",
@@ -1266,12 +1268,12 @@ const co = { class: "legend-widget flex flex-col bg-white border border-stone-20
                       onChange: v,
                       class: "hidden",
                       disabled: !1
-                    }, null, 40, Go), [
+                    }, null, 40, Yo), [
                       [qe, s.value[a]]
                     ]),
-                    r("span", Jo, S(u.label || u.text), 1),
-                    n.value ? (c(), p("span", Qo, "(" + S(u.count) + ")", 1)) : j("", !0)
-                  ], 8, Wo)
+                    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,30 +1282,7 @@ const co = { class: "legend-widget flex flex-col bg-white border border-stone-20
       ])
     ]));
   }
-}, Ko = {}, Xo = {
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-function er(e, t) {
-  return c(), p("svg", Xo, [...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 tr = /* @__PURE__ */ H(Ko, [["render", er]]), or = {}, rr = {
+}, tr = {}, or = {
   class: "shrink-0 size-4",
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -1315,23 +1294,23 @@ const tr = /* @__PURE__ */ H(Ko, [["render", er]]), or = {}, rr = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function sr(e, t) {
-  return c(), p("svg", rr, [...t[0] || (t[0] = [
+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 rt = /* @__PURE__ */ H(or, [["render", sr]]), nr = { class: "hover:bg-gray-100 rounded-lg flex items-center ml-[20px] py-[8px] px-[8px]" }, ir = ["for"], ar = { class: "custom-checkbox-wrapper" }, lr = ["id", "checked"], cr = { class: "custom-checkbox" }, dr = {
+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"
-}, ur = { class: "flex items-center justify-between ml-2 w-full" }, pr = ["title"], hr = {
+}, dr = { class: "flex items-center justify-between ml-2 w-full" }, ur = ["title"], pr = {
   key: 0,
   class: "text-xs opacity-60 text-[#4b5563]"
-}, fr = {
+}, hr = {
   __name: "vs-map-catalog-item",
   props: {
     layer: {
@@ -1356,42 +1335,42 @@ const rt = /* @__PURE__ */ H(or, [["render", sr]]), nr = { class: "hover:bg-gray
     };
     return (v, g) => {
       var l, u, a, m, h;
-      return c(), p("div", nr, [
+      return c(), p("div", sr, [
         r("label", {
           class: "flex items-center w-full cursor-pointer",
           for: e.layer.id
         }, [
-          r("div", ar, [
+          r("div", ir, [
             r("input", {
               id: e.layer.id,
               type: "checkbox",
               checked: n.value,
               onChange: g[0] || (g[0] = (f) => d(f.target.checked)),
               class: "custom-checkbox-input"
-            }, null, 40, lr),
-            r("div", cr, [
-              n.value ? (c(), p("svg", dr, [...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",
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round"
                 }, null, -1)
-              ])])) : j("", !0)
+              ])])) : F("", !0)
             ])
           ]),
-          r("div", ur, [
+          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, pr),
-            isNaN(i((m = e.layer) == null ? void 0 : m.count)) ? j("", !0) : (c(), p("div", hr, 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, ir)
+        ], 8, nr)
       ]);
     };
   }
-}, gr = /* @__PURE__ */ H(fr, [["__scopeId", "data-v-b96f3537"]]), vr = {}, mr = {
+}, fr = /* @__PURE__ */ H(hr, [["__scopeId", "data-v-b96f3537"]]), gr = {}, vr = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
   height: "16",
@@ -1403,8 +1382,8 @@ const rt = /* @__PURE__ */ H(or, [["render", sr]]), nr = { class: "hover:bg-gray
   "stroke-linejoin": "round",
   class: "lucide lucide-zoom-in"
 };
-function yr(e, t) {
-  return c(), p("svg", mr, [...t[0] || (t[0] = [
+function mr(e, t) {
+  return c(), p("svg", vr, [...t[0] || (t[0] = [
     r("circle", {
       cx: "11",
       cy: "11",
@@ -1430,7 +1409,7 @@ function yr(e, t) {
     }, null, -1)
   ])]);
 }
-const br = /* @__PURE__ */ H(vr, [["render", yr]]), wr = {}, xr = {
+const yr = /* @__PURE__ */ H(gr, [["render", mr]]), br = {}, wr = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
   height: "16",
@@ -1442,8 +1421,8 @@ const br = /* @__PURE__ */ H(vr, [["render", yr]]), wr = {}, xr = {
   "stroke-linejoin": "round",
   class: "lucide lucide-info"
 };
-function _r(e, t) {
-  return c(), p("svg", xr, [...t[0] || (t[0] = [
+function xr(e, t) {
+  return c(), p("svg", wr, [...t[0] || (t[0] = [
     r("circle", {
       cx: "12",
       cy: "12",
@@ -1453,7 +1432,7 @@ function _r(e, t) {
     r("path", { d: "M12 8h.01" }, null, -1)
   ])]);
 }
-const kr = /* @__PURE__ */ H(wr, [["render", _r]]), Lr = {}, Cr = {
+const _r = /* @__PURE__ */ H(br, [["render", xr]]), kr = {}, Lr = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
   height: "16",
@@ -1465,8 +1444,8 @@ const kr = /* @__PURE__ */ H(wr, [["render", _r]]), Lr = {}, Cr = {
   "stroke-linejoin": "round",
   class: "lucide lucide-table"
 };
-function $r(e, t) {
-  return c(), p("svg", Cr, [...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",
@@ -1479,7 +1458,7 @@ function $r(e, t) {
     r("path", { d: "M3 15h18" }, null, -1)
   ])]);
 }
-const Ir = /* @__PURE__ */ H(Lr, [["render", $r]]), Vr = {}, Sr = {
+const $r = /* @__PURE__ */ H(kr, [["render", Cr]]), Ir = {}, Vr = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
   height: "16",
@@ -1491,12 +1470,12 @@ const Ir = /* @__PURE__ */ H(Lr, [["render", $r]]), Vr = {}, Sr = {
   "stroke-linejoin": "round",
   class: "lucide lucide-trash2"
 };
-function jr(e, t) {
-  return c(), p("svg", Sr, [...t[0] || (t[0] = [
-    Ae('<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 Fr = /* @__PURE__ */ H(Vr, [["render", jr]]), Pr = {}, Er = {
+const Fr = /* @__PURE__ */ H(Ir, [["render", Sr]]), jr = {}, Pr = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "18",
   height: "18",
@@ -1508,8 +1487,8 @@ const Fr = /* @__PURE__ */ H(Vr, [["render", jr]]), Pr = {}, Er = {
   "stroke-linejoin": "round",
   class: "lucide lucide-more-vertical text-gray-600"
 };
-function Mr(e, t) {
-  return c(), p("svg", Er, [...t[0] || (t[0] = [
+function Er(e, t) {
+  return c(), p("svg", Pr, [...t[0] || (t[0] = [
     r("circle", {
       cx: "12",
       cy: "12",
@@ -1527,7 +1506,7 @@ function Mr(e, t) {
     }, null, -1)
   ])]);
 }
-const Tr = /* @__PURE__ */ H(Pr, [["render", Mr]]), zr = {}, Br = {
+const Mr = /* @__PURE__ */ H(jr, [["render", Er]]), Tr = {}, zr = {
   width: "6",
   height: "10",
   viewBox: "0 0 6 10",
@@ -1535,7 +1514,7 @@ const Tr = /* @__PURE__ */ H(Pr, [["render", Mr]]), zr = {}, Br = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 function Ar(e, t) {
-  return c(), p("svg", Br, [...t[0] || (t[0] = [
+  return c(), p("svg", zr, [...t[0] || (t[0] = [
     r("path", {
       d: "M1 9L5 5L1 1",
       stroke: "currentColor",
@@ -1544,24 +1523,24 @@ function Ar(e, t) {
     }, null, -1)
   ])]);
 }
-const Or = /* @__PURE__ */ H(zr, [["render", Ar]]), Dr = {}, Ur = {
+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 Rr(e, t) {
-  return c(), p("svg", Ur, [...t[0] || (t[0] = [
-    Ae('<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 Hr = /* @__PURE__ */ H(Dr, [["render", Rr]]);
-function Nr() {
+const Rr = /* @__PURE__ */ H(Or, [["render", Ur]]);
+function Hr() {
   const t = new URLSearchParams(window.location.search).get("layers");
   return t ? t.split(",") : [];
 }
-function Zr(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()}`;
@@ -1570,16 +1549,16 @@ function Zr(e) {
 const Wr = {
   components: {
     VsPopover: Ie,
-    VsLayersItem: gr,
-    ZoomInIcon: br,
-    InfoIcon: kr,
-    TableIcon: Ir,
+    VsLayersItem: fr,
+    ZoomInIcon: yr,
+    InfoIcon: _r,
+    TableIcon: $r,
     TrashIcon: Fr,
-    DotsIcon: Tr,
-    ChevronRightIcon: Or,
-    FilterIcon: Hr,
-    closeIcon: rt,
-    searchIcon: tr
+    DotsIcon: Mr,
+    ChevronRightIcon: Br,
+    FilterIcon: Rr,
+    closeIcon: st,
+    searchIcon: ot
   },
   props: {
     center: { type: Array, default: () => [26.2516, 50.6199] },
@@ -1612,7 +1591,7 @@ const Wr = {
   },
   async mounted() {
     if (this.mounted = !0, await this.getLayers(), this.categories = this.layersCategories(), this.history) {
-      const e = Nr();
+      const e = Hr();
       e.length > 0 && this.layers && (e.forEach((t) => {
         const o = this.layers.find((s) => String(s.id) === t);
         if (o && !this.selectedLayers.find((s) => s.id === o.id)) {
@@ -1640,7 +1619,7 @@ const Wr = {
     // --- HISTORY: оновлення layers у URL ---
     selectedLayers: {
       handler(e) {
-        this.history && Zr(e.map((t) => t.id));
+        this.history && Nr(e.map((t) => t.id));
       },
       deep: !0
     }
@@ -1823,37 +1802,37 @@ const Wr = {
       this.draggedLayerIndex = null;
     }
   }
-}, qr = { class: "w-full max-w-md mx-auto p-4 bg-white border border-gray-200 rounded-lg shadow-sm" }, Gr = { class: "flex items-center justify-between mb-4" }, Jr = { class: "flex items-center gap-2" }, Qr = { class: "text-lg font-semibold text-gray-800" }, Yr = { key: 0 }, Kr = { key: 1 }, Xr = { class: "flex mb-4 border-b border-gray-200" }, es = { key: 0 }, ts = { class: "mb-4" }, os = {
+}, 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"
-}, rs = ["onDragstart", "onDragover", "onDrop"], ss = { class: "flex items-center justify-between" }, ns = { class: "flex items-center gap-2 cursor-move" }, is = ["onUpdate:modelValue", "onChange"], as = { class: "text-gray-800" }, ls = { class: "flex items-center gap-2" }, cs = { class: "relative" }, ds = { class: "flex items-center gap-2" }, us = ["onUpdate:modelValue", "onInput"], ps = { class: "text-xs text-gray-600 whitespace-nowrap" }, hs = ["onClick"], fs = { class: "relative" }, gs = { class: "w-48" }, vs = {
+}, 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"
-}, ms = ["disabled", "onClick"], ys = {
+}, vs = ["disabled", "onClick"], ms = {
   class: "p-1 rounded-full hover:bg-gray-100 transition-colors",
   "aria-label": "Layer actions"
-}, bs = {
+}, ys = {
   key: 0,
   class: "bg-blue-50 rounded-md mt-2"
-}, ws = { class: "px-2 pt-2 text-blue-600 hover:text-blue-700 transition-colors" }, xs = {
+}, 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]"
-}, _s = { class: "relative mt-[10px]" }, ks = {
+}, xs = { class: "relative mt-[10px]" }, _s = {
   key: 0,
   class: "vs-layers-catalog__list flex-1 scrollable-container overflow-auto mt-2 catalog-list"
-}, Ls = {
+}, ks = {
   key: 0,
   class: "text-center text-[14px] text-[#4b5563]"
-}, Cs = {
+}, Ls = {
   key: 0,
   class: "text-center text-[14px] text-[#4b5563]"
-}, $s = ["onClick"], Is = { class: "flex items-center gap-x-3" }, Vs = ["title"], Ss = { class: "text-xs opacity-60 text-[#4b5563]" };
-function js(e, t, o, s, n, 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", qr, [
-    r("div", Gr, [
-      r("div", Jr, [
+  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",
@@ -1870,9 +1849,9 @@ function js(e, t, o, s, n, 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", Qr, [
+        r("h2", Jr, [
           ae(S(n.activeView === "catalog" ? "Каталог" : "Вибрані шари") + " ", 1),
-          n.activeView === "catalog" ? (c(), p("span", Yr, "(" + S(((h = n.layers) == null ? void 0 : h.length) || 0) + ")", 1)) : (c(), p("span", Kr, "(" + S(n.selectedLayers.length) + ")", 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", {
@@ -1880,10 +1859,10 @@ function js(e, t, o, s, n, i) {
         "aria-label": "Reset layers",
         onClick: t[0] || (t[0] = (...f) => i.clearSelectedLayers && i.clearSelectedLayers(...f))
       }, [...t[8] || (t[8] = [
-        Ae('<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-1b8b657a><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" data-v-1b8b657a></path><path d="M21 3v5h-5" data-v-1b8b657a></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-1b8b657a></path><path d="M8 16H3v5" data-v-1b8b657a></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", Xr, [
+    r("div", Kr, [
       r("button", {
         class: K([
           "px-4 py-2 text-sm font-medium",
@@ -1899,8 +1878,8 @@ function js(e, t, o, s, n, i) {
         onClick: t[2] || (t[2] = (f) => n.activeView = "selected")
       }, " Вибрані шари ", 2)
     ]),
-    n.activeView === "selected" ? (c(), p("div", es, [
-      r("div", ts, [
+    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) => n.activeView = "catalog")
@@ -1923,42 +1902,42 @@ function js(e, t, o, s, n, i) {
           r("span", null, "Вибрати шар", -1)
         ])])
       ]),
-      n.mounted ? (c(), p("div", os, [
-        (c(!0), p(A, null, N(n.selectedLayers, (f, L) => {
-          var F, T;
+      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: n.draggedLayerIndex === L }]),
             draggable: "true",
             onDragstart: (k) => i.onDragStart(L),
-            onDragover: vt((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", ss, [
-              r("div", ns, [
-                t[10] || (t[10] = Ae('<svg width="16" height="16" fill="none" stroke="#9ca3af" stroke-width="2" viewBox="0 0 24 24" class="mr-1 shrink-0" data-v-1b8b657a><circle cx="5" cy="5" r="1.5" data-v-1b8b657a></circle><circle cx="5" cy="12" r="1.5" data-v-1b8b657a></circle><circle cx="5" cy="19" r="1.5" data-v-1b8b657a></circle><circle cx="12" cy="5" r="1.5" data-v-1b8b657a></circle><circle cx="12" cy="12" r="1.5" data-v-1b8b657a></circle><circle cx="12" cy="19" r="1.5" data-v-1b8b657a></circle><circle cx="19" cy="5" r="1.5" data-v-1b8b657a></circle><circle cx="19" cy="12" r="1.5" data-v-1b8b657a></circle><circle cx="19" cy="19" r="1.5" data-v-1b8b657a></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, is), [
+                }, null, 40, ns), [
                   [qe, f.visible]
                 ]),
-                r("span", as, S(f.name || f.title || f.label), 1)
+                r("span", is, S(f.name || f.title || f.label), 1)
               ]),
-              r("div", ls, [
-                r("div", cs, [
-                  Z(d, { placement: "bottom" }, {
-                    reference: W(() => [
+              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, hs)
+                      }, S(f.opacity || 100) + "% ", 9, ps)
                     ]),
-                    default: W(() => [
-                      r("div", ds, [
+                    default: Z(() => [
+                      r("div", cs, [
                         t[11] || (t[11] = r("label", { class: "text-gray-600 whitespace-nowrap" }, "Прозорість:", -1)),
                         ne(r("input", {
                           type: "range",
@@ -1968,26 +1947,26 @@ function js(e, t, o, s, n, 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, us), [
-                          [Ze, f.opacity]
+                        }, null, 40, ds), [
+                          [We, f.opacity]
                         ]),
-                        r("span", ps, S(Math.round(f.opacity)) + "% ", 1)
+                        r("span", us, S(Math.round(f.opacity)) + "% ", 1)
                       ])
                     ]),
                     _: 2
                   }, 1024)
                 ]),
-                r("div", fs, [
-                  Z(d, { placement: "bottom" }, {
-                    reference: W(() => [
-                      r("div", ys, [
-                        Z(v)
+                r("div", hs, [
+                  N(d, { placement: "bottom" }, {
+                    reference: Z(() => [
+                      r("div", ms, [
+                        N(v)
                       ])
                     ]),
-                    default: W(() => [
-                      r("div", gs, [
-                        (c(!0), p(A, null, N(i.popoverActions(f), (k, _) => (c(), p(A, { key: _ }, [
-                          k.divider ? (c(), p("hr", vs)) : (c(), p("button", {
+                    default: Z(() => [
+                      r("div", fs, [
+                        (c(!0), p(B, null, W(i.popoverActions(f), (k, _) => (c(), p(B, { key: _ }, [
+                          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 || "")
@@ -1997,7 +1976,7 @@ function js(e, t, o, s, n, i) {
                           }, [
                             (c(), X(Oe(k.icon), { class: "lucide" })),
                             ae(" " + S(k.label), 1)
-                          ], 10, ms))
+                          ], 10, vs))
                         ], 64))), 128))
                       ])
                     ]),
@@ -2006,9 +1985,9 @@ function js(e, t, o, s, n, i) {
                 ])
               ])
             ]),
-            f.showFilters ? (c(), p("div", bs, [
-              r("div", ws, " Фільтри для шару: " + S(f.name || f.title || f.label), 1),
-              ne(Z(g, {
+            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",
                 scheme: f.filters,
@@ -2018,33 +1997,33 @@ function js(e, t, o, s, n, i) {
                 name: "filter",
                 onFilterChange: (k) => i.handleFilterChange(k, f)
               }, null, 8, ["scheme", "onFilterChange"]), [
-                [Pe, (F = f.filters) == null ? void 0 : F.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), [
                 [Pe, !((T = f.filters) != null && T.length)]
               ])
-            ])) : j("", !0)
-          ], 42, rs);
+            ])) : F("", !0)
+          ], 42, os);
         }), 128)),
-        n.selectedLayers.length === 0 ? (c(), p("div", xs, [...t[13] || (t[13] = [
+        n.selectedLayers.length === 0 ? (c(), p("div", ws, [...t[13] || (t[13] = [
           r("p", null, 'Щоб додати шар, натисніть на кнопку "Вибрати шар".', -1)
-        ])])) : j("", !0)
-      ])) : j("", !0)
-    ])) : (c(), p(A, { key: 1 }, [
-      r("div", _s, [
+        ])])) : F("", !0)
+      ])) : F("", !0)
+    ])) : (c(), p(B, { key: 1 }, [
+      r("div", xs, [
         ne(r("input", {
           title: "value",
           placeholder: "Введіть назву шару...",
           "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] = mt((...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), [
-          [Ze, n.search]
+          [We, n.search]
         ]),
-        Z(l, {
+        N(l, {
           class: "absolute top-1/2 left-[8px] w-[16px] h-[16px]",
           style: { transform: "translate(0, -50%)" }
         }),
@@ -2053,11 +2032,11 @@ function js(e, t, o, s, n, i) {
           class: "absolute top-1/2 right-[10px] w-[16px] h-[16px] cursor-pointer",
           style: { transform: "translate(0, -50%)" },
           onClick: i.clearSearch
-        }, null, 8, ["onClick"])) : j("", !0)
+        }, null, 8, ["onClick"])) : F("", !0)
       ]),
-      n.categories ? (c(), p("div", ks, [
-        n.search ? (c(), p(A, { key: 0 }, [
-          (c(!0), p(A, null, N(i.searchedLayers, (f, L) => (c(), X(a, {
+      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,
@@ -2065,15 +2044,15 @@ function js(e, t, o, s, n, i) {
             onSelect: i.addToSelected,
             onRemove: i.handleRemoveFromCatalog
           }, null, 8, ["layer", "map", "selectedLayers", "onSelect", "onRemove"]))), 128)),
-          i.searchedLayers.length === 0 ? (c(), p("div", Ls, " Нічого не знайдено ")) : j("", !0)
-        ], 64)) : (c(), p(A, { key: 1 }, [
-          !n.categories || Object.keys(n.categories).length === 0 ? (c(), p("div", Cs, " Каталог порожній ")) : (c(!0), p(A, { key: 1 }, N(Object.keys(n.categories), (f) => (c(), p("div", { key: f }, [
+          i.searchedLayers.length === 0 ? (c(), p("div", ks, " Нічого не знайдено ")) : F("", !0)
+        ], 64)) : (c(), p(B, { key: 1 }, [
+          !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", Is, [
-                Z(m, {
+              r("div", $s, [
+                N(m, {
                   class: K({
                     "rotate-up": f === n.selectedCategory,
                     "rotate-down": f !== n.selectedCategory
@@ -2082,13 +2061,13 @@ function js(e, t, o, s, n, i) {
                 r("div", {
                   class: "max-w-[260px] text-[14px] text-[#4b5563]",
                   title: f
-                }, S(f), 9, Vs)
+                }, S(f), 9, Is)
               ]),
-              r("div", Ss, S(i.formatNumber(n.categories[f].length)), 1)
-            ], 8, $s),
+              r("div", Vs, S(i.formatNumber(n.categories[f].length)), 1)
+            ], 8, Cs),
             ne(r("div", null, [
-              (c(!0), p(A, null, N(n.categories[f], (L, F) => (c(), X(a, {
-                key: F,
+              (c(!0), p(B, null, W(n.categories[f], (L, j) => (c(), X(a, {
+                key: j,
                 layer: L,
                 map: o.map,
                 selectedLayers: n.selectedLayers,
@@ -2100,17 +2079,17 @@ function js(e, t, o, s, n, i) {
             ])
           ]))), 128))
         ], 64))
-      ])) : j("", !0)
+      ])) : F("", !0)
     ], 64))
   ]);
 }
-const Fs = /* @__PURE__ */ H(Wr, [["render", js], ["__scopeId", "data-v-1b8b657a"]]), Ps = {
+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"
-}, Es = {
+}, Ps = {
   key: 0,
   class: "p-5 pb-3 flex justify-between items-center"
-}, Ms = { class: "inline-block font-semibold text-lg text-gray-800 dark:text-neutral-200" }, Ts = { class: "flex flex-col justify-between h-full" }, zs = {
+}, 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: {
@@ -2142,32 +2121,32 @@ const Fs = /* @__PURE__ */ H(Wr, [["render", js], ["__scopeId", "data-v-1b8b657a
       u.length && u.forEach((m) => {
         const h = t.map.getSource(m);
         if (h) {
-          const L = h.tiles[0].split("?filter=")[0], F = v ? `${L}?filter=${v}` : L;
-          h.setTiles([F]);
+          const L = h.tiles[0].split("?filter=")[0], j = v ? `${L}?filter=${v}` : L;
+          h.setTiles([j]);
         }
       });
     };
-    return (d, v) => n.value ? (c(), p("div", Ps, [
-      e.config.title ? (c(), p("div", Es, [
-        r("h2", Ms, S(e.config.title), 1)
-      ])) : j("", !0),
-      r("div", Ts, [
-        Z(We(wt), {
+    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", Ms, [
+        N(Ze(xt), {
           ref: "filter",
           schema: s.value,
           view: "vertical",
           onChange: i
         }, null, 8, ["schema"])
       ])
-    ])) : j("", !0);
+    ])) : F("", !0);
   }
-}, Bs = {
+}, 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"
-}, As = { class: "flex gap-[5px] items-center" }, Os = { class: "text-gray-600" }, Ds = {
+}, 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]"
-}, Us = {
+}, Ds = {
   __name: "vs-inline-filters-widget",
   props: {
     config: {
@@ -2184,7 +2163,7 @@ const Fs = /* @__PURE__ */ H(Wr, [["render", js], ["__scopeId", "data-v-1b8b657a
     }
   },
   setup(e) {
-    const t = e, o = B(0), s = B(null), n = 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(() => n.value.map((l) => ({
@@ -2207,19 +2186,19 @@ const Fs = /* @__PURE__ */ H(Wr, [["render", js], ["__scopeId", "data-v-1b8b657a
       if (!u) {
         const L = (f = t.config) == null ? void 0 : f.layer_id;
         if (!L) return;
-        const F = t.map.getSource(L);
-        if (F) {
-          const k = F.tiles[0].split("?filter=")[0], _ = l ? `${k}?filter=${l}` : k;
-          F.setTiles([_]);
+        const j = t.map.getSource(L);
+        if (j) {
+          const k = j.tiles[0].split("?filter=")[0], _ = l ? `${k}?filter=${l}` : k;
+          j.setTiles([_]);
         }
         return;
       }
       const a = (u == null ? void 0 : u.layers) || [], m = t.enabledLayerIds.filter((L) => a.includes(L));
       m.length && m.forEach((L) => {
-        const F = t.map.getSource(L);
-        if (F) {
-          const k = F.tiles[0].split("?filter=")[0], _ = l ? `${k}?filter=${l}` : k;
-          F.setTiles([_]);
+        const j = t.map.getSource(L);
+        if (j) {
+          const k = j.tiles[0].split("?filter=")[0], _ = l ? `${k}?filter=${l}` : k;
+          j.setTiles([_]);
         }
       });
     };
@@ -2250,14 +2229,14 @@ const Fs = /* @__PURE__ */ H(Wr, [["render", js], ["__scopeId", "data-v-1b8b657a
         name: "filter",
         onFilterChange: g
       }, {
-        button: W(({ visible: h }) => [
-          Z(a, {
+        button: Z(({ visible: h }) => [
+          N(a, {
             teleport: "body",
             trigger: "hover",
             placement: "bottom"
           }, {
-            reference: W(() => [
-              r("button", Bs, [
+            reference: Z(() => [
+              r("button", zs, [
                 r("div", As, [
                   u[0] || (u[0] = r("svg", {
                     width: "18",
@@ -2285,22 +2264,22 @@ const Fs = /* @__PURE__ */ H(Wr, [["render", js], ["__scopeId", "data-v-1b8b657a
                       "stroke-linejoin": "round"
                     })
                   ], -1)),
-                  r("span", Os, S(v.value), 1),
-                  o.value ? (c(), p("span", Ds, S(o.value), 1)) : j("", !0)
+                  r("span", Bs, S(v.value), 1),
+                  o.value ? (c(), p("span", Os, S(o.value), 1)) : F("", !0)
                 ])
               ])
             ]),
-            default: W(() => [
+            default: Z(() => [
               u[1] || (u[1] = ae(" Відкрити бокову панель ", -1))
             ]),
             _: 1
           })
         ]),
         _: 1
-      }, 8, ["isDialog", "scheme"])) : j("", !0);
+      }, 8, ["isDialog", "scheme"])) : F("", !0);
     };
   }
-}, Rs = {
+}, Us = {
   name: "VsListWidget",
   props: {
     config: {
@@ -2348,50 +2327,50 @@ const Fs = /* @__PURE__ */ H(Wr, [["render", js], ["__scopeId", "data-v-1b8b657a
   beforeUnmount() {
     this.resizeObserver && this.$refs.rootEl && (this.resizeObserver.unobserve(this.$refs.rootEl), this.resizeObserver.disconnect());
   }
-}, Hs = {
+}, Rs = {
   class: "bg-white p-4 rounded-lg h-full flex flex-col overflow-hidden",
   ref: "rootEl"
-}, Ns = {
+}, Hs = {
   key: 0,
   class: "flex flex-col flex-1 overflow-hidden"
-}, Zs = { 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"], qs = { class: "text-base font-medium" }, Gs = { class: "mt-2 flex flex-wrap gap-2" }, Js = {
+}, 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"
-}, Qs = {
+}, Js = {
   key: 0,
   class: "my-5 pr-2"
-}, Ys = { class: "paginationWrapper relative flex justify-center" }, Ks = {
+}, Qs = { class: "paginationWrapper relative flex justify-center" }, Ys = {
   key: 1,
   class: "text-center text-slate-400"
 };
-function Xs(e, t, o, s, n, i) {
+function Ks(e, t, o, s, n, i) {
   var v;
   const d = G("VsPagination");
-  return c(), p("div", Hs, [
+  return c(), p("div", Rs, [
     t[0] || (t[0] = r("h2", { class: "text-xl font-semibold mb-4" }, "Список", -1)),
-    ((v = n.items) == null ? void 0 : v.length) > 0 ? (c(), p("div", Ns, [
-      r("div", Zs, [
-        (c(!0), p(A, null, N(n.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", qs, S(g.name), 1),
-          r("div", Gs, [
+          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", {
                 "bg-green-100 text-green-800": g.status_data.color === "green",
                 "bg-red-100 text-red-800": g.status_data.color === "red"
               }])
-            }, S(g.status_data.text), 3)) : j("", !0),
-            g.class_mbd_id_data ? (c(), p("span", Js, S(g.class_mbd_id_data.text), 1)) : j("", !0)
+            }, S(g.status_data.text), 3)) : F("", !0),
+            g.class_mbd_id_data ? (c(), p("span", Gs, S(g.class_mbd_id_data.text), 1)) : F("", !0)
           ])
         ], 8, Ws))), 128))
       ]),
-      n.total > n.limit ? (c(), p("div", Qs, [
-        r("div", Ys, [
-          Z(d, {
+      n.total > n.limit ? (c(), p("div", Js, [
+        r("div", Qs, [
+          N(d, {
             total: n.total,
             maxPages: 4,
             defaultPage: n.currentPage,
@@ -2405,26 +2384,26 @@ function Xs(e, t, o, s, n, i) {
             onPageSizeChange: i.changeLimit
           }, null, 8, ["total", "defaultPage", "pageSize", "onPageChange", "onPageSizeChange"])
         ])
-      ])) : j("", !0)
-    ])) : (c(), p("div", Ks, "Немає даних"))
+      ])) : F("", !0)
+    ])) : (c(), p("div", Ys, "Немає даних"))
   ], 512);
 }
-const en = /* @__PURE__ */ H(Rs, [["render", Xs]]), tn = { class: "map-skeleton-loader" }, on = {
+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", tn, [...o[0] || (o[0] = [
+    return (t, o) => (c(), p("div", en, [...o[0] || (o[0] = [
       r("div", { class: "dot-pulse" }, null, -1)
     ])]));
   }
-}, rn = /* @__PURE__ */ H(on, [["__scopeId", "data-v-954c1e03"]]), sn = {}, nn = {
+}, 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 an(e, t) {
-  return c(), p("svg", nn, [...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", {
@@ -2450,9 +2429,9 @@ function an(e, t) {
     }, null, -1)
   ])]);
 }
-const ln = /* @__PURE__ */ H(sn, [["render", an]]), cn = {
+const an = /* @__PURE__ */ H(rn, [["render", nn]]), ln = {
   components: {
-    homeIcon: ln
+    homeIcon: an
   },
   name: "vs-homezoom",
   props: {
@@ -2466,37 +2445,37 @@ const ln = /* @__PURE__ */ H(sn, [["render", an]]), cn = {
   },
   computed: {}
 };
-function dn(e, t, o, s, n, i) {
+function cn(e, t, o, s, n, i) {
   const d = G("homeIcon"), v = G("VsPopover");
   return c(), p("div", null, [
-    Z(v, {
+    N(v, {
       trigger: "hover",
       placement: "left",
       teleport: "body",
       class: "flex"
     }, {
-      reference: W(() => [
-        Z(d, {
+      reference: Z(() => [
+        N(d, {
           onClick: i.homeZoom,
           class: "w-full h-auto p-[9px] [transition:.3s] hover:[transition:.3s] text-[24px] hover:bg-[#DBEAFE] flex font-normal cursor-pointer text-[#1E40AF] bg-[#fff] rounded-[4px] border-[1px] border-solid border-[#E5E7EB]"
         }, null, 8, ["onClick"])
       ]),
-      default: W(() => [
+      default: Z(() => [
         t[0] || (t[0] = r("div", null, "Повернутися до початкових налаштувань", -1))
       ]),
       _: 1
     })
   ]);
 }
-const un = /* @__PURE__ */ H(cn, [["render", dn]]), pn = {}, hn = {
+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 fn(e, t) {
-  return c(), p("svg", hn, [...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", {
@@ -2522,9 +2501,9 @@ function fn(e, t) {
     }, null, -1)
   ])]);
 }
-const gn = /* @__PURE__ */ H(pn, [["render", fn]]), vn = {
+const fn = /* @__PURE__ */ H(un, [["render", hn]]), gn = {
   components: {
-    printIcon: gn,
+    printIcon: fn,
     VsPopover: Ie
   },
   props: {
@@ -2639,26 +2618,26 @@ const gn = /* @__PURE__ */ H(pn, [["render", fn]]), vn = {
     }
   }
 };
-function mn(e, t, o, s, n, i) {
+function vn(e, t, o, s, n, i) {
   const d = G("printIcon"), v = G("VsPopover");
   return c(), X(v, {
     trigger: "hover",
     placement: "left",
     teleport: "body"
   }, {
-    reference: W(() => [
-      Z(d, {
+    reference: Z(() => [
+      N(d, {
         onClick: i.togglePrint,
         class: K([i.modalButtonClasses, "print-button w-full h-auto p-[9px] [transition:.3s] hover:[transition:.3s] text-[24px] hover:bg-[#DBEAFE] flex font-normal cursor-pointer text-[#1E40AF] bg-[#fff] rounded-[4px] border-[1px] border-solid border-[#E5E7EB]"])
       }, null, 8, ["onClick", "class"])
     ]),
-    default: W(() => [
+    default: Z(() => [
       t[0] || (t[0] = r("div", null, "Надрукувати", -1))
     ]),
     _: 1
   });
 }
-const yn = /* @__PURE__ */ H(vn, [["render", mn]]), bn = {
+const mn = /* @__PURE__ */ H(gn, [["render", vn]]), yn = {
   props: {
     map: {
       type: Object,
@@ -2696,7 +2675,7 @@ const yn = /* @__PURE__ */ H(vn, [["render", mn]]), bn = {
     }
   }
 };
-function wn(e, t, o, s, n, i) {
+function bn(e, t, o, s, n, i) {
   const d = G("VsPopover");
   return c(), X(d, {
     trigger: "hover",
@@ -2704,34 +2683,34 @@ function wn(e, t, o, s, n, i) {
     teleport: "body",
     class: "flex"
   }, {
-    reference: W(() => [
+    reference: Z(() => [
       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(n.is3D ? "2D" : "3D"), 1)
     ]),
-    default: W(() => [
+    default: Z(() => [
       t[1] || (t[1] = r("div", null, "Перемикач виду", -1))
     ]),
     _: 1
   });
 }
-const xn = /* @__PURE__ */ H(bn, [["render", wn]]), _n = {
+const wn = /* @__PURE__ */ H(yn, [["render", bn]]), xn = {
   props: {
     bgColor: {
       type: String,
       default: "#1E40AF"
     }
   }
-}, kn = {
+}, _n = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Ln = ["stroke"], Cn = ["stroke"], $n = ["stroke"], In = ["stroke"], Vn = ["stroke"], Sn = ["stroke"];
-function jn(e, t, o, s, n, i) {
-  return c(), p("svg", kn, [
+}, 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", {
@@ -2740,49 +2719,49 @@ function jn(e, t, o, s, n, i) {
       "stroke-width": "1",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
-    }, null, 8, Ln),
+    }, null, 8, kn),
     r("path", {
       d: "M19 12H22",
       stroke: o.bgColor,
       "stroke-width": "1",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
-    }, null, 8, Cn),
+    }, 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, In),
+    }, 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, Vn),
+    }, 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, Sn)
+    }, null, 8, Vn)
   ]);
 }
-const Fn = /* @__PURE__ */ H(_n, [["render", jn]]), Pn = {
+const Fn = /* @__PURE__ */ H(xn, [["render", Sn]]), jn = {
   components: {
     geoIcon: Fn,
     VsPopover: Ie,
-    closeIcon: rt
+    closeIcon: st
   },
   data() {
     return {
@@ -2857,23 +2836,23 @@ const Fn = /* @__PURE__ */ H(_n, [["render", jn]]), Pn = {
       }), this.$emit("close");
     }
   }
-}, En = {
+}, Pn = {
   key: 0,
   class: "max-w-[412px] absolute w-full top-[20px] right-[70px] bg-white border rounded-[15px] p-4 z-10"
-}, Mn = { class: "flex justify-between items-center border-b pb-[16px]" }, Tn = { class: "d-flex" }, zn = { class: "pt-[16px]" };
-function Bn(e, t, o, s, n, 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" }, [
-      n.location ? (c(), p("div", En, [
-        r("div", Mn, [
+      n.location ? (c(), p("div", Pn, [
+        r("div", En, [
           t[0] || (t[0] = r("div", { class: "text-lg font-semibold" }, "Ваша геолокація", -1)),
-          r("div", Tn, [
-            Z(d, { onClick: i.closeGeolocation }, null, 8, ["onClick"])
+          r("div", Mn, [
+            N(d, { onClick: i.closeGeolocation }, null, 8, ["onClick"])
           ])
         ]),
-        r("div", zn, [
+        r("div", Tn, [
           r("div", null, [
             t[1] || (t[1] = r("strong", null, "Широта:", -1)),
             ae(" " + S((l = n.location) == null ? void 0 : l.latitude), 1)
@@ -2899,28 +2878,28 @@ function Bn(e, t, o, s, n, i) {
             ae(" " + S((f = n.data) == null ? void 0 : f.postcode), 1)
           ])
         ])
-      ])) : j("", !0)
+      ])) : F("", !0)
     ])),
-    Z(g, {
+    N(g, {
       trigger: "hover",
       placement: "left",
       teleport: "body",
       class: "flex"
     }, {
-      reference: W(() => [
-        Z(v, {
+      reference: Z(() => [
+        N(v, {
           onClick: i.togleGeolocation,
           class: K([i.modalButtonClasses, "w-full h-auto p-[9px] [transition:.3s] hover:[transition:.3s] text-[24px] hover:bg-[#DBEAFE] flex font-normal cursor-pointer text-[#1E40AF] bg-[#fff] rounded-[4px] border-[1px] border-solid border-[#E5E7EB]"])
         }, null, 8, ["onClick", "class"])
       ]),
-      default: W(() => [
+      default: Z(() => [
         t[7] || (t[7] = r("div", null, "Дізнатися геолокацію", -1))
       ]),
       _: 1
     })
   ]);
 }
-const An = /* @__PURE__ */ H(Pn, [["render", Bn]]), Be = {
+const An = /* @__PURE__ */ H(jn, [["render", zn]]), Ae = {
   __name: "vs-map-widget-column",
   props: {
     position: String,
@@ -2945,7 +2924,7 @@ const An = /* @__PURE__ */ H(Pn, [["render", Bn]]), Be = {
     "content-resize"
   ],
   setup(e, { expose: t, emit: o }) {
-    const s = o, n = e, i = B(
+    const s = o, n = e, i = A(
       n.widgets.map((l) => {
         var u;
         return {
@@ -2972,7 +2951,7 @@ const An = /* @__PURE__ */ H(Pn, [["render", Bn]]), Be = {
         s("content-resize");
       }, 30));
     }
-    const v = B(null);
+    const v = A(null);
     t({ columnRef: v });
     let g = null;
     return xe(() => {
@@ -2986,7 +2965,7 @@ const An = /* @__PURE__ */ H(Pn, [["render", Bn]]), Be = {
         subtree: !0,
         characterData: !0
       });
-    }), yt(() => {
+    }), bt(() => {
       g && g.disconnect();
     }), (l, u) => e.mapLoaded ? (c(), p("div", {
       key: 0,
@@ -2998,9 +2977,9 @@ const An = /* @__PURE__ */ H(Pn, [["render", Bn]]), Be = {
         paddingRight: e.rightColumnOffset
       })
     }, [
-      (c(!0), p(A, null, N(i.value, (a) => {
+      (c(!0), p(B, null, W(i.value, (a) => {
         var m;
-        return c(), p(A, {
+        return c(), p(B, {
           key: a.id || a.type
         }, [
           a.type !== "card" ? ne((c(), X(Oe(e.getWidgetComponent(a.type)), {
@@ -3019,19 +2998,19 @@ const An = /* @__PURE__ */ H(Pn, [["render", Bn]]), Be = {
             class: "widget"
           }, null, 40, ["map", "config", "hasFilters", "currentLayer", "enabledLayerIds", "history"])), [
             [Pe, ((m = a.config) == null ? void 0 : m.visible) !== !1]
-          ]) : j("", !0),
-          e.cardValues && a.type === "card" ? (c(), X(ot, {
+          ]) : F("", !0),
+          e.cardValues && a.type === "card" ? (c(), X(rt, {
             key: 1,
             config: a.config,
             cardValues: e.cardValues,
             class: "widget",
             onClose: u[4] || (u[4] = (h) => l.$emit("closeCard"))
-          }, null, 8, ["config", "cardValues"])) : j("", !0)
+          }, null, 8, ["config", "cardValues"])) : F("", !0)
         ], 64);
       }), 128))
-    ], 4)) : j("", !0);
+    ], 4)) : F("", !0);
   }
-}, On = { class: "map-widgets-flex" }, Dn = { class: "widgets-left" }, Un = { class: "widgets-top" }, Rn = { class: "widgets-bottom" }, Hn = { class: "widgets-right" }, Nn = { class: "widgets-top" }, Zn = { class: "widgets-bottom" }, Wn = { class: "absolute top-[180px] right-2 z-10 flex flex-col gap-[5px]" }, qn = /* @__PURE__ */ Ge({
+}, 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: {},
@@ -3039,9 +3018,9 @@ const An = /* @__PURE__ */ H(Pn, [["render", Bn]]), Be = {
     height: {}
   },
   setup(e) {
-    const t = e, o = B(null), s = B(!1);
+    const t = e, o = A(null), s = A(!1);
     let n = null;
-    const i = B(null), d = B(null), v = B([]), g = B([]), l = B(null), u = B(null), a = B(null), m = B([]);
+    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) {
       return !a.value || !a.value.widgets ? [] : b === "center" ? [
@@ -3053,7 +3032,7 @@ const An = /* @__PURE__ */ H(Pn, [["render", Bn]]), Be = {
         (y) => (y.position || {}) === b
       ) || [];
     }
-    const L = (b, y, x) => y[b] || b, F = (b, y, x, I, 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) => {
@@ -3082,16 +3061,16 @@ const An = /* @__PURE__ */ H(Pn, [["render", Bn]]), Be = {
     </div>
   `;
     }, T = (b) => ({
-      legend: It,
-      basemaps: Ft,
-      layers: io,
-      info: mo,
-      attribute: Yo,
+      legend: Vt,
+      basemaps: Pt,
+      layers: co,
+      info: wo,
+      attribute: er,
       catalog: Fs,
-      filters: zs,
-      "inline-filters": Us,
-      list: en,
-      card: ot
+      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;
     };
@@ -3170,7 +3149,7 @@ const An = /* @__PURE__ */ H(Pn, [["render", Bn]]), Be = {
               }
           }
         })(), (Le = (U = (ke = a.value) == null ? void 0 : ke.interactions) == null ? void 0 : U.hover) != null && Le.enabled && (o.value.on("mousemove", (q) => {
-          var ce, ve, me, ye, se, de, be, je, Q, ze;
+          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) {
@@ -3213,7 +3192,7 @@ const An = /* @__PURE__ */ H(Pn, [["render", Bn]]), Be = {
           let ee = null;
           if (te && (ee = te.config.layers.find(
             (O) => O.id === $.layer.source
-          )), (Q = (je = a.value) == null ? void 0 : je.widgets) == null ? void 0 : Q.find(
+          )), (Q = (Fe = a.value) == null ? void 0 : Fe.widgets) == null ? void 0 : Q.find(
             (O) => O.type === "catalog"
           )) {
             if (!R.length) {
@@ -3221,7 +3200,7 @@ const An = /* @__PURE__ */ H(Pn, [["render", Bn]]), Be = {
               return;
             }
             const O = R[0];
-            n = ut(O, q, n);
+            n = pt(O, q, n);
             return;
           }
           if (!ee && re && re.config.layer.id === $.layer.source && (ee = re.config.layer), (ze = ee == null ? void 0 : ee.style) != null && ze.popup) {
@@ -3229,7 +3208,7 @@ const An = /* @__PURE__ */ H(Pn, [["render", Bn]]), Be = {
             let Re = O.title, He = "";
             O.mode === "markdown" ? He = Array.isArray(O.content) ? O.content.join(`
 
-`) : "" : He = Array.isArray(O.content) ? O.content.join("") : "", n || (n = document.createElement("div"), o.value.getContainer().appendChild(n)), n.innerHTML = F(
+`) : "" : 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,
@@ -3252,7 +3231,7 @@ const An = /* @__PURE__ */ H(Pn, [["render", Bn]]), Be = {
           }
           o.value && o.value.getCanvas && (o.value.getCanvas().style.cursor = "");
         })), o.value.on("click", async (q) => {
-          var ve, me, ye, se, de, be, je;
+          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;
@@ -3272,7 +3251,7 @@ const An = /* @__PURE__ */ H(Pn, [["render", Bn]]), Be = {
               selected: !1
             });
           }), v.value = [];
-          const ce = (je = o.value.getSource($.layer.source)) == null ? void 0 : je.type;
+          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: $.layer.source, id: $.id }), l.value = {
@@ -3284,7 +3263,7 @@ const An = /* @__PURE__ */ H(Pn, [["render", Bn]]), Be = {
         }), o.value.on("dblclick", (q) => {
           var te, re, ee;
           if (oe(), ["length", "area", "print"].includes(u.value)) return;
-          at([q.lngLat.lng, q.lngLat.lat]);
+          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"
           );
@@ -3336,14 +3315,14 @@ const An = /* @__PURE__ */ H(Pn, [["render", Bn]]), Be = {
       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 = B([]);
+    }, ie = A([]);
     fe(
       () => a.value,
       (b) => {
-        b && b.map && (ie.value = st(), pe());
+        b && b.map && (ie.value = nt(), pe());
       }
     );
-    const st = () => {
+    const nt = () => {
       var y;
       if (!a.value || !a.value.widgets) return [];
       const b = a.value.widgets.find((x) => x.type === "layers");
@@ -3356,11 +3335,11 @@ const An = /* @__PURE__ */ H(Pn, [["render", Bn]]), Be = {
         ((V = b.getSource(y)) == null ? void 0 : V.type) === "vector" && C["source-layer"] && (P.sourceLayer = C["source-layer"]), b.setFeatureState(P, I);
       });
     }
-    const nt = M(() => !!a.value && !!a.value.interactions && !!a.value.interactions.navigation && a.value.interactions.navigation.enabled), it = M(() => !!a.value && Array.isArray(a.value.tools) && a.value.tools.length > 0), Te = M(() => nt.value || it.value ? "40px" : "20px");
+    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 at(b) {
+    function lt(b) {
       var I, w, C, P;
       Je();
       const y = 80, x = {
@@ -3399,7 +3378,7 @@ const An = /* @__PURE__ */ H(Pn, [["render", Bn]]), Be = {
         paint: { "icon-opacity": 0.6 }
       });
     }
-    const lt = M(() => {
+    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,
@@ -3409,13 +3388,13 @@ const An = /* @__PURE__ */ H(Pn, [["render", Bn]]), Be = {
         bbox: ((J = (E = a == null ? void 0 : a.value) == null ? void 0 : E.map) == null ? void 0 : J.bbox) || null
       };
     }), Qe = {
-      home: un,
-      print: yn,
+      home: dn,
+      print: mn,
       geolocation: An,
-      pitch: xn
+      pitch: wn
       // length: VsLengthMeasure,
       // area: VsAreaMeasure,
-    }, ct = (b) => {
+    }, dt = (b) => {
       u.value = b;
     };
     function _e(b) {
@@ -3429,10 +3408,10 @@ const An = /* @__PURE__ */ H(Pn, [["render", Bn]]), Be = {
         layer: I
       });
     }
-    const dt = M(
+    const ut = M(
       () => a.value && a.value.widgets ? a.value.widgets.filter((b) => b.position === "absolute") : []
     );
-    function ut(b, y, x) {
+    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) => I == null ? void 0 : I[U.name]).filter(Boolean), E = V.length > 0 ? `
@@ -3490,13 +3469,13 @@ const An = /* @__PURE__ */ H(Pn, [["render", Bn]]), Be = {
         style: he(De.value)
       }, [
         y[10] || (y[10] = r("div", { id: "maplibre-demo-map" }, null, -1)),
-        s.value ? (c(), p(A, { key: 1 }, [
-          r("div", On, [
-            r("div", Dn, [
-              r("div", Un, [
-                (c(), p(A, null, N(["top-left"], (w) => {
+        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 Z(Be, {
+                  return N(Ae, {
                     key: w,
                     position: w,
                     widgets: f(w),
@@ -3518,10 +3497,10 @@ const An = /* @__PURE__ */ H(Pn, [["render", Bn]]), Be = {
                   }, null, 8, ["position", "widgets", "map", "mapLoaded", "cardValues", "hasFilters", "history", "currentFilterLayer", "enabledLayerIds", "rightColumnOffset"]);
                 }), 64))
               ]),
-              r("div", Rn, [
-                (c(), p(A, null, N(["bottom-left"], (w) => {
+              r("div", Un, [
+                (c(), p(B, null, W(["bottom-left"], (w) => {
                   var C, P;
-                  return Z(Be, {
+                  return N(Ae, {
                     key: w,
                     position: w,
                     widgets: f(w),
@@ -3544,11 +3523,11 @@ const An = /* @__PURE__ */ H(Pn, [["render", Bn]]), Be = {
                 }), 64))
               ])
             ]),
-            r("div", Hn, [
-              r("div", Nn, [
-                (c(), p(A, null, N(["top-right"], (w) => {
+            r("div", Rn, [
+              r("div", Hn, [
+                (c(), p(B, null, W(["top-right"], (w) => {
                   var C, P;
-                  return Z(Be, {
+                  return N(Ae, {
                     key: w,
                     position: w,
                     widgets: f(w),
@@ -3570,10 +3549,10 @@ const An = /* @__PURE__ */ H(Pn, [["render", Bn]]), Be = {
                   }, null, 8, ["position", "widgets", "map", "mapLoaded", "cardValues", "hasFilters", "history", "currentFilterLayer", "enabledLayerIds", "rightColumnOffset"]);
                 }), 64))
               ]),
-              r("div", Zn, [
-                (c(), p(A, null, N(["bottom-right"], (w) => {
+              r("div", Nn, [
+                (c(), p(B, null, W(["bottom-right"], (w) => {
                   var C, P;
-                  return Z(Be, {
+                  return N(Ae, {
                     key: w,
                     position: w,
                     widgets: f(w),
@@ -3597,7 +3576,7 @@ const An = /* @__PURE__ */ H(Pn, [["render", Bn]]), Be = {
               ])
             ])
           ]),
-          (c(!0), p(A, null, N(dt.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: he(w.style)
@@ -3617,25 +3596,25 @@ const An = /* @__PURE__ */ H(Pn, [["render", Bn]]), Be = {
             }, null, 40, ["map", "config", "hasFilters", "currentFilterLayer", "enabledLayerIds", "cardValues"]))
           ], 4))), 128)),
           r("div", Wn, [
-            (c(!0), p(A, null, N((I = (x = a.value) == null ? void 0 : x.value) == null ? void 0 : I.tools, (w) => (c(), p(A, { key: w }, [
-              s.value && Qe[w] ? (c(), X(Oe(Qe[w]), bt({
+            (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: ct
-              }, { ref_for: !0 }, w === "home" ? { initialView: lt.value } : {}, { onCardValuesId: _e }), null, 16, ["map", "activeTool"])) : j("", !0)
+                setActiveTool: dt
+              }, { ref_for: !0 }, w === "home" ? { initialView: ct.value } : {}, { onCardValuesId: _e }), null, 16, ["map", "activeTool"])) : F("", !0)
             ], 64))), 128))
           ])
-        ], 64)) : (c(), X(rn, { key: 0 }))
+        ], 64)) : (c(), X(on, { key: 0 }))
       ], 4);
     };
   }
-}), Gn = /* @__PURE__ */ H(qn, [["__scopeId", "data-v-09938096"]]);
-function Yn(e) {
-  e.component("MapCustom", Gn);
+}), qn = /* @__PURE__ */ H(Zn, [["__scopeId", "data-v-09938096"]]);
+function Qn(e) {
+  e.component("MapCustom", qn);
 }
 export {
-  Gn as MapCustom,
-  Gn as default,
-  Yn as install
+  qn as MapCustom,
+  qn as default,
+  Qn as install
 };