@opengis/gis 0.1.73 → 0.1.74

package/dist/index.js

@@ -1,17 +1,17 @@
-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;
-}, _t = {
+import { computed as E, createElementBlock as p, openBlock as c, normalizeStyle as he, createCommentVNode as F, createElementVNode as s, toDisplayString as S, Fragment as z, renderList as W, normalizeClass as Y, ref as T, onMounted as _e, resolveDirective as gt, withDirectives as se, watch as fe, createVNode as Z, vModelText as Ze, vModelCheckbox as qe, defineComponent as Ge, reactive as vt, onBeforeUnmount as mt, createBlock as K, renderSlot as Ne, Teleport as Xe, Transition as yt, withCtx as q, vShow as Ee, nextTick as Me, resolveComponent as J, unref as We, createTextVNode as ae, createStaticVNode as Oe, withModifiers as bt, resolveDynamicComponent as De, withKeys as wt, onUnmounted as xt, getCurrentInstance as _t, mergeProps as kt } from "vue";
+import Lt from "@opengis/filter";
+const N = (e, t) => {
+  const r = e.__vccOpts || e;
+  for (const [o, i] of t)
+    r[o] = i;
+  return r;
+}, Ct = {
   key: 0,
   class: "p-5 pb-0 flex justify-between items-center"
-}, 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 = {
+}, $t = { class: "inline-block font-semibold text-lg text-gray-800" }, It = { class: "flex flex-col gap-1 p-5" }, Vt = { class: "flex items-center justify-between w-full text-sm text-gray-800 ml-2" }, St = {
   key: 0,
   class: "ms-2 text-xs text-gray-500"
-}, It = {
+}, Ft = {
   __name: "vs-legend-widget",
   props: {
     config: {
@@ -20,43 +20,43 @@ const H = (e, t) => {
     }
   },
   setup(e) {
-    const t = e, o = M(() => {
-      var n;
-      return ((n = t.config) == null ? void 0 : n.items) || [];
-    }), s = M(() => {
-      var n;
-      return ((n = t.config) == null ? void 0 : n.title) || "";
+    const t = e, r = E(() => {
+      var i;
+      return ((i = t.config) == null ? void 0 : i.items) || [];
+    }), o = E(() => {
+      var i;
+      return ((i = t.config) == null ? void 0 : i.title) || "";
     });
-    return (n, i) => (c(), p("div", {
+    return (i, n) => (c(), p("div", {
       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", _t, [
-        r("h2", kt, S(s.value), 1)
+      o.value ? (c(), p("div", Ct, [
+        s("h2", $t, S(o.value), 1)
       ])) : F("", !0),
-      r("div", Lt, [
-        (c(!0), p(B, null, W(o.value, (d) => (c(), p("div", {
+      s("div", It, [
+        (c(!0), p(z, null, W(r.value, (m) => (c(), p("div", {
           class: "flex items-center",
-          key: d.label
+          key: m.label
         }, [
-          r("span", {
-            class: K(["shrink-0 size-2.5 inline-block me-2.5 h-[10px] w-[10px]", [
-              d.shape === "square" ? "rounded-sm" : "",
-              d.shape === "circle" ? "rounded-full" : "",
-              d.shape === "line" ? "w-6 h-0.5" : "",
-              d.shape === "dashed-line" ? "w-6 h-0.5 dashed-line" : ""
+          s("span", {
+            class: Y(["shrink-0 size-2.5 inline-block me-2.5 h-[10px] w-[10px]", [
+              m.shape === "square" ? "rounded-sm" : "",
+              m.shape === "circle" ? "rounded-full" : "",
+              m.shape === "line" ? "w-6 h-0.5" : "",
+              m.shape === "dashed-line" ? "w-6 h-0.5 dashed-line" : ""
             ]]),
-            style: he({ backgroundColor: d.color })
+            style: he({ backgroundColor: m.color })
           }, null, 6),
-          r("span", Ct, [
-            r("span", null, S(d.label), 1),
-            d.count !== void 0 ? (c(), p("span", $t, " (" + S(d.count) + ") ", 1)) : F("", !0)
+          s("span", Vt, [
+            s("span", null, S(m.label), 1),
+            m.count !== void 0 ? (c(), p("span", St, " (" + S(m.count) + ") ", 1)) : F("", !0)
           ])
         ]))), 128))
       ])
     ], 4));
   }
-}, 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 = {
+}, jt = /* @__PURE__ */ N(Ft, [["__scopeId", "data-v-dd12cf90"]]), Pt = { class: "flex flex-row gap-x-3 z-10 relative" }, Et = ["onClick"], Mt = ["src", "alt"], Tt = {
   __name: "vs-basemaps-widget",
   props: {
     map: {
@@ -73,10 +73,10 @@ const H = (e, t) => {
     }
   },
   setup(e) {
-    const t = e, o = A("voyager"), s = M(() => {
+    const t = e, r = T("voyager"), o = E(() => {
       var g;
       if (!((g = t.config) != null && g.layers)) return [];
-      const v = t.config.layers.map((l) => ({
+      const h = t.config.layers.map((l) => ({
         id: l.id,
         title: l.label || l.title,
         url: l.url,
@@ -87,7 +87,7 @@ const H = (e, t) => {
         enabled: !0,
         owner: l.owner || "Unknown"
       }));
-      return v.push({
+      return h.push({
         id: "__none__",
         title: "Без підложки",
         url: "",
@@ -96,134 +96,134 @@ const H = (e, t) => {
         attribution: "",
         enabled: !0,
         owner: ""
-      }), v;
+      }), h;
     });
-    function n(v) {
+    function i(h) {
       return {
         version: 8,
         sources: {
-          [v.id]: {
+          [h.id]: {
             type: "raster",
-            tiles: [v.url],
+            tiles: [h.url],
             tileSize: 256,
-            attribution: v.attribution || ""
+            attribution: h.attribution || ""
           }
         },
         layers: [
           {
-            id: v.id,
+            id: h.id,
             type: "raster",
-            source: v.id
+            source: h.id
           }
         ]
       };
     }
-    const i = (v) => {
+    const n = (h) => {
       if (!t.map) return;
-      const g = t.map.getStyle(), l = s.value.map((h) => h.id), u = g.layers.filter((h) => !l.includes(h.id)), a = {};
-      for (const h in g.sources)
-        l.includes(h) || (a[h] = g.sources[h]);
-      if (v.id === "__none__") {
-        const h = {
+      const g = t.map.getStyle(), l = o.value.map((u) => u.id), d = g.layers.filter((u) => !l.includes(u.id)), v = {};
+      for (const u in g.sources)
+        l.includes(u) || (v[u] = g.sources[u]);
+      if (h.id === "__none__") {
+        const u = {
           version: 8,
-          sources: { ...a },
-          layers: [...u]
+          sources: { ...v },
+          layers: [...d]
         };
-        t.map.setStyle(h);
+        t.map.setStyle(u);
         return;
       }
-      const m = n(v);
-      t.map.setStyle(m), t.map.once("styledata", () => {
-        for (const [h, f] of Object.entries(a))
-          t.map.getSource(h) || t.map.addSource(h, f);
-        for (const h of u)
-          t.map.getLayer(h.id) || t.map.addLayer(h);
+      const a = i(h);
+      t.map.setStyle(a), t.map.once("styledata", () => {
+        for (const [u, f] of Object.entries(v))
+          t.map.getSource(u) || t.map.addSource(u, f);
+        for (const u of d)
+          t.map.getLayer(u.id) || t.map.addLayer(u);
       });
-    }, d = (v) => {
-      o.value = v;
-      const g = s.value.find((l) => l.id === v);
-      g && t.map && i(g);
+    }, m = (h) => {
+      r.value = h;
+      const g = o.value.find((l) => l.id === h);
+      g && t.map && n(g);
     };
-    return xe(() => {
-      var v;
-      (v = t.config) != null && v.default && (o.value = t.config.default), d(o.value);
-    }), (v, g) => {
-      const l = ht("tooltip");
-      return c(), p("div", St, [
-        (c(!0), p(B, null, W(s.value, (u) => ne((c(), p("div", {
+    return _e(() => {
+      var h;
+      (h = t.config) != null && h.default && (r.value = t.config.default), m(r.value);
+    }), (h, g) => {
+      const l = gt("tooltip");
+      return c(), p("div", Pt, [
+        (c(!0), p(z, null, W(o.value, (d) => se((c(), p("div", {
           trigger: "hover",
           placement: "top",
-          key: u.id
+          key: d.id
         }, [
-          r("div", {
-            class: K([
+          s("div", {
+            class: Y([
               "w-14 h-14 flex items-center justify-center bg-gray-200 rounded-xl shadow-2xs cursor-pointer transition-all border-4",
-              o.value === u.id ? "border-blue-400" : "border-transparent"
+              r.value === d.id ? "border-blue-400" : "border-transparent"
             ]),
-            onClick: (a) => d(u.id)
+            onClick: (v) => m(d.id)
           }, [
-            u.image ? (c(), p("img", {
+            d.image ? (c(), p("img", {
               key: 0,
-              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)) : F("", !0)
-          ], 10, Ft)
+              src: d.image,
+              alt: d.title,
+              class: Y(["object-cover rounded-lg", d.id === "__none__" ? "w-10 h-10" : "w-12 h-12"])
+            }, null, 10, Mt)) : F("", !0)
+          ], 10, Et)
         ])), [
-          [l, u.title]
+          [l, d.title]
         ])), 128))
       ]);
     };
   }
 };
-function $e(e) {
+function Ve(e) {
   if (!e.attrType || !e.attribute || !e.rules)
     return e.color || "#ccc";
-  const t = e.rules.map((o) => [
-    ["==", ["get", e.attribute], o.id || o.value],
-    o.color
+  const t = e.rules.map((r) => [
+    ["==", ["get", e.attribute], r.id || r.value],
+    r.color
   ]);
   return t.push(e.color || "#ccc"), ["case", ...t.flat()];
 }
-function Et(e) {
+function zt(e) {
   if (!e.attrType || e.attrType !== "icon-by-attribute" || !e.attribute || !e.rules)
     return e.default_icon || null;
-  const t = e.rules.map((o) => [
-    ["==", ["get", e.attribute], o.value],
-    o.icon
+  const t = e.rules.map((r) => [
+    ["==", ["get", e.attribute], r.value],
+    r.icon
   ]);
   return t.push(e.default_icon || "marker.svg"), ["case", ...t.flat()];
 }
-function Xe(e) {
+function et(e) {
   if (!e.attrType || e.attrType !== "attribute-pattern" || !e.attribute || !e.rules)
     return e.fillPattern || "";
-  const t = e.rules.map((o) => [
-    ["==", ["get", e.attribute], o.value],
-    o.fillPattern || ""
+  const t = e.rules.map((r) => [
+    ["==", ["get", e.attribute], r.value],
+    r.fillPattern || ""
   ]);
   return t.push(e.fillPattern || ""), ["case", ...t.flat()];
 }
-function ue(e, t = "stroke", o = "#ccc") {
+function ue(e, t = "stroke", r = "#ccc") {
   return [
     "case",
     ["boolean", ["feature-state", "hovered"], !1],
     "#ff0000",
     ["boolean", ["feature-state", "selected"], !1],
     "#ff0000",
-    e[t] || o
+    e[t] || r
   ];
 }
-function Mt(e) {
+function At(e) {
   const t = [
     {
       type: "fill",
       minzoom: e.pointZoom || 0,
       paint: {
-        "fill-color": $e(e),
+        "fill-color": Ve(e),
         "fill-outline-color": ue(e, "stroke", "#ccc"),
         "fill-opacity": e.opacity || 1,
         ...e.attrType === "attribute-pattern" && {
-          "fill-pattern": Xe(e)
+          "fill-pattern": et(e)
         },
         ...e.fillPattern && !e.attrType && { "fill-pattern": e.fillPattern }
       }
@@ -248,12 +248,12 @@ function Mt(e) {
     }
   }), t;
 }
-function Tt(e) {
+function Bt(e) {
   return [
     {
       type: "line",
       paint: {
-        "line-color": ue(e, "color", $e(e)),
+        "line-color": ue(e, "color", Ve(e)),
         "line-width": e.width || 2,
         "line-opacity": e.opacity || 1,
         ...e.dashArray && { "line-dasharray": e.dashArray }
@@ -265,7 +265,7 @@ function Tt(e) {
     }
   ];
 }
-function zt(e) {
+function Ot(e) {
   const t = [
     {
       type: "circle",
@@ -274,7 +274,7 @@ function zt(e) {
         "circle-radius": e.radius || 6,
         "circle-stroke-color": ue(e, "stroke", "#ccc"),
         "circle-stroke-width": e.width || 2,
-        "circle-color": $e(e),
+        "circle-color": Ve(e),
         "circle-opacity": e.opacity || 1
       }
     }
@@ -303,37 +303,37 @@ function zt(e) {
     }
   }), t;
 }
-function At(e, t, o) {
-  const s = e.type || "point";
-  return s === "polygon" ? [
+function Dt(e, t, r) {
+  const o = e.type || "point";
+  return o === "polygon" ? [
     {
       type: "fill",
-      ...o !== void 0 ? { maxzoom: o } : {},
+      ...r !== void 0 ? { maxzoom: r } : {},
       paint: {
-        "fill-color": $e(e),
+        "fill-color": Ve(e),
         "fill-outline-color": ue(e, "stroke", "#ccc"),
         "fill-opacity": e.opacity || 1,
         ...e.attrType === "attribute-pattern" && {
-          "fill-pattern": Xe(e)
+          "fill-pattern": et(e)
         },
         ...e.fillPattern && !e.attrType && { "fill-pattern": e.fillPattern }
       }
     },
     {
       type: "line",
-      ...o !== void 0 ? { maxzoom: o } : {},
+      ...r !== void 0 ? { maxzoom: r } : {},
       paint: {
         "line-color": ue(e, "stroke", "#ccc"),
         "line-width": e.width || 2,
         "line-opacity": e.lineOpacity || e.opacity || 1
       }
     }
-  ] : s === "line" ? [
+  ] : o === "line" ? [
     {
       type: "line",
-      ...o !== void 0 ? { maxzoom: o } : {},
+      ...r !== void 0 ? { maxzoom: r } : {},
       paint: {
-        "line-color": ue(e, "color", $e(e)),
+        "line-color": ue(e, "color", Ve(e)),
         "line-width": e.width || 2,
         "line-opacity": e.opacity || 1,
         ...e.dashArray && { "line-dasharray": e.dashArray }
@@ -346,31 +346,31 @@ function At(e, t, o) {
   ] : [
     {
       type: "circle",
-      ...o !== void 0 ? { maxzoom: o } : {},
+      ...r !== void 0 ? { maxzoom: r } : {},
       paint: {
         "circle-radius": e.radius || 6,
         "circle-stroke-color": ue(e, "stroke", "#ccc"),
         "circle-stroke-width": e.width || 2,
-        "circle-color": $e(e),
+        "circle-color": Ve(e),
         "circle-opacity": e.opacity || 1
       }
     }
   ];
 }
-function et(e) {
-  var o, s;
+function tt(e) {
+  var r, o;
   if (!e) return null;
   if (e.attrType === "icon-by-attribute" && e.iconZoom) {
-    const n = Et(e), i = Array.isArray(n) && n[0] === "case" ? n : [
+    const i = zt(e), n = Array.isArray(i) && i[0] === "case" ? i : [
       "case",
-      ["==", ["get", e.attribute], ((s = (o = e.rules) == null ? void 0 : o[0]) == null ? void 0 : s.value) || ""],
-      n,
-      n
-    ], d = At(e, void 0, +e.iconZoom), v = {
+      ["==", ["get", e.attribute], ((o = (r = e.rules) == null ? void 0 : r[0]) == null ? void 0 : o.value) || ""],
+      i,
+      i
+    ], m = Dt(e, void 0, +e.iconZoom), h = {
       type: "symbol",
       minzoom: +e.iconZoom,
       layout: {
-        "icon-image": i,
+        "icon-image": n,
         "icon-size": (e == null ? void 0 : e.icon_size) || 1,
         "icon-allow-overlap": !0,
         "icon-anchor": (e == null ? void 0 : e.icon_anchor) || "bottom"
@@ -379,47 +379,47 @@ function et(e) {
         "icon-opacity": e.opacity || 1
       }
     };
-    return [...d, v];
+    return [...m, h];
   }
   const t = e.type || "point";
-  return t === "polygon" ? Mt(e) : t === "line" ? Tt(e) : zt(e);
+  return t === "polygon" ? At(e) : t === "line" ? Bt(e) : Ot(e);
 }
-function Bt(e) {
+function Ut(e) {
   return e.startsWith("http") ? e : `${window.location.origin}${e}`;
 }
-function Ot(e) {
+function Rt(e) {
   const {
     id: t,
-    sourceLayer: o,
-    url: s,
-    bounds: n,
-    title: i,
-    style: d,
-    service: v,
+    sourceLayer: r,
+    url: o,
+    bounds: i,
+    title: n,
+    style: m,
+    service: h,
     service_type: g,
     source_type: l,
-    data: u
-  } = e, a = Bt(s), m = g || v || l || "vector";
-  switch (m) {
+    data: d
+  } = e, v = Ut(o), a = g || h || l || "vector";
+  switch (a) {
     case "vtile":
     case "vector":
-      return Ut(
+      return Nt(
         t,
-        o,
-        a,
-        n,
+        r,
+        v,
         i,
-        d
+        n,
+        m
       );
     case "raster":
-      return Rt(t, a, n, i, d);
+      return Zt(t, v, i, n, m);
     case "geojson":
-      return Ht(t, u || a, n, i, d);
+      return Wt(t, d || v, i, n, m);
     default:
-      throw new Error(`Unsupported layer service type: ${m}`);
+      throw new Error(`Unsupported layer service type: ${a}`);
   }
 }
-function Dt(e) {
+function Ht(e) {
   switch (e) {
     case "polygon":
       return { type: "polygon", color: "#3388ff", opacity: 0.5 };
@@ -430,142 +430,142 @@ function Dt(e) {
       return { type: "point", color: "#3388ff", radius: 6, opacity: 1 };
   }
 }
-function Ut(e, t, o, s, n, i) {
-  const d = t || (o.match(/\/vtile\/([^/]+)/) || [])[1] || e, v = {
+function Nt(e, t, r, o, i, n) {
+  const m = t || (r.match(/\/vtile\/([^/]+)/) || [])[1] || e, h = {
     type: "vector",
-    tiles: [o],
-    ...s && { bounds: s }
-  }, u = et(i || {}).map((a, m) => ({
-    ...a,
-    id: `${e}-${m}`,
-    "source-layer": d,
+    tiles: [r],
+    ...o && { bounds: o }
+  }, d = tt(n || {}).map((v, a) => ({
+    ...v,
+    id: `${e}-${a}`,
+    "source-layer": m,
     source: e
   }));
   return {
     id: e,
-    title: n,
-    source: v,
-    layers: u,
+    title: i,
+    source: h,
+    layers: d,
     visible: !0
   };
 }
-function Rt(e, t, o, s, n) {
-  const i = {
+function Zt(e, t, r, o, i) {
+  const n = {
     type: "raster",
     tiles: [t],
     tileSize: 256,
-    ...o && { bounds: o }
-  }, d = n || {}, v = {
+    ...r && { bounds: r }
+  }, m = i || {}, h = {
     id: e,
     type: "raster",
     source: e,
     layout: {
       visibility: "visible"
     },
-    ...d && { paint: d }
+    ...m && { paint: m }
   };
   return {
     id: e,
-    title: s,
-    source: i,
-    layers: [v],
+    title: o,
+    source: n,
+    layers: [h],
     visible: !0
   };
 }
-function Ht(e, t, o, s, n) {
-  var u;
-  const i = {
+function Wt(e, t, r, o, i) {
+  var d;
+  const n = {
     type: "geojson",
     data: t,
-    ...o && { bounds: o }
+    ...r && { bounds: r }
   };
-  let d = "point";
+  let m = "point";
   if (t && t.features && t.features.length > 0) {
-    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 = (d = t.features[0].geometry) == null ? void 0 : d.type;
+    v === "Polygon" || v === "MultiPolygon" ? m = "polygon" : v === "LineString" || v === "MultiLineString" ? m = "line" : m = "point";
   }
-  const v = n || Dt(d), l = et(v).map((a, m) => ({
-    ...a,
-    id: `${e}-${m}`,
+  const h = i || Ht(m), l = tt(h).map((v, a) => ({
+    ...v,
+    id: `${e}-${a}`,
     source: e
   }));
   return {
     id: e,
-    title: s,
-    source: i,
+    title: o,
+    source: n,
     layers: l,
     visible: !0
   };
 }
-function Nt(e) {
+function qt(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) => {
-    o.icon && t.add(o.icon);
-  }), Array.from(t).map((o) => ({
-    name: o,
-    url: (e.icon_base_url || "") + o
+  return e.default_icon && t.add(e.default_icon), Array.isArray(e.rules) && e.rules.forEach((r) => {
+    r.icon && t.add(r.icon);
+  }), Array.from(t).map((r) => ({
+    name: r,
+    url: (e.icon_base_url || "") + r
   }));
 }
-function Wt(e) {
+function Gt(e) {
   const t = /* @__PURE__ */ new Set();
-  function o(s) {
-    typeof s == "string" ? t.add(s) : Array.isArray(s) && s.forEach(o);
+  function r(o) {
+    typeof o == "string" ? t.add(o) : Array.isArray(o) && o.forEach(r);
   }
-  return e && e["icon-image"] && o(e["icon-image"]), Array.from(t);
+  return e && e["icon-image"] && r(e["icon-image"]), Array.from(t);
 }
-async function tt(e, t) {
-  const o = t.map(async ({ name: s, url: n }) => {
-    const i = await e.loadImage(n);
-    return { name: s, data: i.data };
+async function ot(e, t) {
+  const r = t.map(async ({ name: o, url: i }) => {
+    const n = await e.loadImage(i);
+    return { name: o, data: n.data };
   });
   try {
-    const s = await Promise.all(o);
-    for (const { name: n, data: i } of s)
-      e.hasImage(n) || e.addImage(n, i);
-  } catch (s) {
-    console.error("Failed to load icons:", s);
+    const o = await Promise.all(r);
+    for (const { name: i, data: n } of o)
+      e.hasImage(i) || e.addImage(i, n);
+  } catch (o) {
+    console.error("Failed to load icons:", o);
   }
 }
-function Zt(e, t, o = "/icons/") {
-  const n = Wt(t).map((i) => ({ name: i, url: o + i }));
-  return tt(e, n);
+function Jt(e, t, r = "/icons/") {
+  const i = Gt(t).map((n) => ({ name: n, url: r + n }));
+  return ot(e, i);
 }
-async function we(e, t) {
-  const o = Ot(t), s = Nt(t.style);
-  s.length > 0 && await tt(e, s), t.layout && t.layout["icon-image"] && await Zt(e, t.layout), e.getSource(o.id) || e.addSource(o.id, o.source);
-  for (const n of o.layers)
-    t.visible !== void 0 && (n.layout = {
-      ...n.layout,
+async function xe(e, t) {
+  const r = Rt(t), o = qt(t.style);
+  o.length > 0 && await ot(e, o), t.layout && t.layout["icon-image"] && await Jt(e, t.layout), e.getSource(r.id) || e.addSource(r.id, r.source);
+  for (const i of r.layers)
+    t.visible !== void 0 && (i.layout = {
+      ...i.layout,
       visibility: t.visible ? "visible" : "none"
-    }), e.getLayer(n.id) ? e.setLayoutProperty(
-      n.id,
+    }), e.getLayer(i.id) ? e.setLayoutProperty(
+      i.id,
       "visibility",
       t.visible ? "visible" : "none"
-    ) : await e.addLayer(n);
-  return o;
+    ) : await e.addLayer(i);
+  return r;
 }
-function Ce(e, t) {
-  e.getStyle().layers.filter((n) => n.source === t).forEach((n) => {
-    e.removeLayer(n.id);
+function Ie(e, t) {
+  e.getStyle().layers.filter((i) => i.source === t).forEach((i) => {
+    e.removeLayer(i.id);
   }), e.getSource(t) && e.removeSource(t);
 }
-const qt = {}, Gt = {
+const Qt = {}, Yt = {
   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", {
+function Kt(e, t) {
+  return c(), p("svg", Yt, [...t[0] || (t[0] = [
+    s("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", {
+    s("path", {
       d: "M21.0002 21L16.7002 16.7",
       stroke: "black",
       "stroke-linecap": "round",
@@ -573,16 +573,16 @@ function Jt(e, t) {
     }, 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 = {
+const rt = /* @__PURE__ */ N(Qt, [["render", Kt]]), Xt = { class: "w-full flex flex-col bg-white border border-stone-200 shadow-2xs rounded-xl z-10 relative" }, eo = { class: "flex flex-col justify-between h-full pb-5 px-5" }, to = {
   key: 0,
   class: "relative mb-[10px]"
-}, Xt = {
+}, oo = {
   key: 1,
   class: "mb-4"
-}, 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 = {
+}, ro = { class: "" }, so = { class: "space-y-2" }, no = { class: "flex items-center gap-[10px] text-gray-500" }, io = { class: "dataset-checkbox-container flex" }, ao = ["onUpdate:modelValue", "onChange"], lo = { class: "text-sm" }, co = ["onClick"], uo = ["innerHTML"], po = {
   key: 0,
   class: "text-sm text-gray-500 text-center py-2"
-}, co = {
+}, ho = {
   __name: "vs-layers-widget",
   props: {
     map: {
@@ -612,108 +612,108 @@ const ot = /* @__PURE__ */ H(qt, [["render", Jt]]), Qt = { class: "w-full flex f
   },
   emits: ["set-filter-layer", "update:enabledLayerIds"],
   setup(e, { emit: t }) {
-    const o = e, s = t, n = A(""), i = A([]);
-    function d() {
+    const r = e, o = t, i = T(""), n = T([]);
+    function m() {
       const f = new URLSearchParams(window.location.search).get("layers");
       return f ? f.split(",") : [];
     }
-    function v(h) {
+    function h(u) {
       const f = new URLSearchParams(window.location.search);
-      h.length > 0 ? f.set("layers", h.join(",")) : f.delete("layers");
+      u.length > 0 ? f.set("layers", u.join(",")) : f.delete("layers");
       const L = `${window.location.pathname}?${f.toString()}`;
       window.history.replaceState({}, "", L);
     }
-    xe(() => {
-      let h = [];
-      o.history && (h = d()), h.length > 0 ? i.value = o.config.layers.map((f) => ({
+    _e(() => {
+      let u = [];
+      r.history && (u = m()), u.length > 0 ? n.value = r.config.layers.map((f) => ({
         ...f,
-        visible: h.includes(String(f.id))
-      })) : i.value = o.config.layers.map((f) => ({
+        visible: u.includes(String(f.id))
+      })) : n.value = r.config.layers.map((f) => ({
         ...f,
         visible: f.visible ?? !1
-      })), i.value.forEach((f) => {
-        f.visible && we(o.map, f);
-      }), s("update:enabledLayerIds", u());
+      })), n.value.forEach((f) => {
+        f.visible && xe(r.map, f);
+      }), o("update:enabledLayerIds", d());
     });
-    const g = M(() => {
-      if (!n.value) return i.value;
-      const h = n.value.toLowerCase();
-      return i.value.filter((f) => (f.title || f.name || f.label || "").toLowerCase().includes(h));
-    }), l = M(() => i.value.every((h) => h.visible)), u = () => i.value.filter((h) => h.visible).map((h) => h.id), a = (h) => {
-      h.visible ? we(o.map, h) : (Ce(o.map, h.id), s("set-filter-layer", null)), o.map.getStyle().layers.filter((j) => j.source === h.id).forEach((j) => {
-        o.map.setLayoutProperty(
+    const g = E(() => {
+      if (!i.value) return n.value;
+      const u = i.value.toLowerCase();
+      return n.value.filter((f) => (f.title || f.name || f.label || "").toLowerCase().includes(u));
+    }), l = E(() => n.value.every((u) => u.visible)), d = () => n.value.filter((u) => u.visible).map((u) => u.id), v = (u) => {
+      u.visible ? xe(r.map, u) : (Ie(r.map, u.id), o("set-filter-layer", null)), r.map.getStyle().layers.filter((j) => j.source === u.id).forEach((j) => {
+        r.map.setLayoutProperty(
           j.id,
           "visibility",
-          h.visible ? "visible" : "none"
+          u.visible ? "visible" : "none"
         );
-      }), s("update:enabledLayerIds", u());
-    }, m = () => {
-      const h = !l.value;
-      i.value.forEach((f) => {
-        f.visible = h, h ? we(o.map, f) : Ce(o.map, f.id);
-      }), h || s("set-filter-layer", null), s("update:enabledLayerIds", u());
+      }), o("update:enabledLayerIds", d());
+    }, a = () => {
+      const u = !l.value;
+      n.value.forEach((f) => {
+        f.visible = u, u ? xe(r.map, f) : Ie(r.map, f.id);
+      }), u || o("set-filter-layer", null), o("update:enabledLayerIds", d());
     };
     return fe(
-      () => u(),
-      (h) => {
-        o.history && v(h);
+      () => d(),
+      (u) => {
+        r.history && h(u);
       },
       { deep: !0 }
-    ), (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" }, "Шари")
+    ), (u, f) => (c(), p("div", Xt, [
+      f[1] || (f[1] = s("div", { class: "p-5 pb-3 flex justify-between items-center" }, [
+        s("h2", { class: "inline-block font-semibold text-lg text-gray-800" }, "Шари")
       ], -1)),
-      r("div", Yt, [
-        e.config.search ? (c(), p("div", Kt, [
-          ne(r("input", {
+      s("div", eo, [
+        e.config.search ? (c(), p("div", to, [
+          se(s("input", {
             type: "text",
-            "onUpdate:modelValue": f[0] || (f[0] = (L) => n.value = L),
+            "onUpdate:modelValue": f[0] || (f[0] = (L) => i.value = L),
             placeholder: "Введіть назву шару...",
             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), [
-            [We, n.value]
+            [Ze, i.value]
           ]),
-          N(ot)
+          Z(rt)
         ])) : F("", !0),
-        e.config.allow_toggle_all ? (c(), p("div", Xt, [
-          r("button", {
-            onClick: m,
+        e.config.allow_toggle_all ? (c(), p("div", oo, [
+          s("button", {
+            onClick: a,
             class: "w-full py-[7px] bg-blue-500 text-white rounded-lg hover:bg-blue-600 transition-colors"
           }, S(l.value ? "Вимкнути всі" : "Увімкнути всі"), 1)
         ])) : F("", !0),
-        r("div", eo, [
-          r("ul", to, [
-            (c(!0), p(B, null, W(g.value, (L) => (c(), p("li", {
+        s("div", ro, [
+          s("ul", so, [
+            (c(!0), p(z, null, W(g.value, (L) => (c(), p("li", {
               key: L.id,
               class: "flex flex-wrap justify-between items-center gap-x-2"
             }, [
-              r("label", oo, [
-                r("span", ro, [
-                  ne(r("input", {
+              s("label", no, [
+                s("span", io, [
+                  se(s("input", {
                     class: "dataset-checkbox",
                     type: "checkbox",
                     "onUpdate:modelValue": (j) => L.visible = j,
-                    onChange: () => a(L)
-                  }, null, 40, so), [
+                    onChange: () => v(L)
+                  }, null, 40, ao), [
                     [qe, L.visible]
                   ])
                 ]),
-                r("span", no, S(L.title || L.name || L.label), 1)
+                s("span", lo, S(L.title || L.name || L.label), 1)
               ]),
-              L.actions && L.visible ? (c(!0), p(B, { key: 0 }, W(L.actions, (j) => (c(), p("div", {
+              L.actions && L.visible ? (c(!0), p(z, { key: 0 }, W(L.actions, (j) => (c(), p("div", {
                 key: j.id
               }, [
-                r("button", {
+                s("button", {
                   class: "text-sm text-gray-500",
-                  onClick: (T) => h.$emit("show-widget", j.widget)
+                  onClick: (O) => u.$emit("show-widget", j.widget)
                 }, [
-                  r("div", {
+                  s("div", {
                     innerHTML: j.icon
-                  }, null, 8, ao)
-                ], 8, io)
+                  }, null, 8, uo)
+                ], 8, co)
               ]))), 128)) : F("", !0)
             ]))), 128)),
-            n.value && g.value.length === 0 ? (c(), p("li", lo, " Шарів не знайдено ")) : F("", !0)
+            i.value && g.value.length === 0 ? (c(), p("li", po, " Шарів не знайдено ")) : F("", !0)
           ])
         ])
       ])
@@ -761,49 +761,49 @@ Ge({
     }
   }
 });
-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((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;
+const Pe = async (e, t, r, o = 10) => {
+  var L, j, O, k;
+  if (!t || !r) return;
+  await Me();
+  const i = await (r == null ? void 0 : r.getBoundingClientRect()), n = await (t == null ? void 0 : t.getBoundingClientRect());
+  if (!n || !i) return;
+  const m = await parseInt((L = t == null ? void 0 : t.getBoundingClientRect()) == null ? void 0 : L.height), h = await parseInt((j = t == null ? void 0 : t.getBoundingClientRect()) == null ? void 0 : j.width), g = await parseInt((O = r == null ? void 0 : r.getBoundingClientRect()) == null ? void 0 : O.height), l = await parseInt((k = r == null ? void 0 : r.getBoundingClientRect()) == null ? void 0 : k.width), d = await window.innerHeight, v = await window.innerWidth;
+  let a = 0, u = 0;
+  const f = n.bottom + o + g;
   switch (e) {
     case "top":
-      i.top - n.height - s < 0 ? m = i.top - n.height + s + g + d : m = i.top - n.height - s, a > l + i.right + 30 ? h = i.left - n.width / 2 + i.width / 2 : h = a - 30 - l;
+      n.top - i.height - o < 0 ? a = n.top - i.height + o + g + m : a = n.top - i.height - o, v > l + n.right + 30 ? u = n.left - i.width / 2 + n.width / 2 : u = v - 30 - l;
       break;
     case "bottom":
-      u > f ? m = i.bottom + s : m = i.bottom - s - g - d, h = i.left - n.width / 2 + i.width / 2;
+      d > f ? a = n.bottom + o : a = n.bottom - o - g - m, u = n.left - i.width / 2 + n.width / 2;
       break;
     case "left":
-      m = i.top - n.height / 2 + i.height / 2, i.left - n.width - s > 0 ? h = i.left - n.width - s : h = 10;
+      a = n.top - i.height / 2 + n.height / 2, n.left - i.width - o > 0 ? u = n.left - i.width - o : u = 10;
       break;
     case "right":
-      m = i.top - n.height / 2 + i.height / 2, a - v > l ? h = i.right + s : h = a - 30 - l;
+      a = n.top - i.height / 2 + n.height / 2, v - h > l ? u = n.right + o : u = v - 30 - l;
       break;
     case "top-right":
-      i.top - n.height - s < 0 ? m = i.top - n.height + s + g + d : m = i.top - n.height - s, a - v > l ? h = i.right + s : h = a - 30 - l;
+      n.top - i.height - o < 0 ? a = n.top - i.height + o + g + m : a = n.top - i.height - o, v - h > l ? u = n.right + o : u = v - 30 - l;
       break;
     case "top-left":
-      i.top - n.height - s < 0 ? m = i.top - n.height + s + g + d : m = i.top - n.height - s, i.left - n.width - s > 0 ? h = i.left - n.width - s : h = 10;
+      n.top - i.height - o < 0 ? a = n.top - i.height + o + g + m : a = n.top - i.height - o, n.left - i.width - o > 0 ? u = n.left - i.width - o : u = 10;
       break;
     case "top-start":
-      i.top - n.height - s < 0 ? m = i.top - n.height + s + g + d : m = i.top - n.height - s, i.left > 0 ? h = i.left : h = 10;
+      n.top - i.height - o < 0 ? a = n.top - i.height + o + g + m : a = n.top - i.height - o, n.left > 0 ? u = n.left : u = 10;
       break;
     case "bottom-right":
-      u > f ? m = i.bottom + s : m = i.bottom - s - g - d, a - v > l ? h = i.left : h = a - 30 - l;
+      d > f ? a = n.bottom + o : a = n.bottom - o - g - m, v - h > l ? u = n.left : u = v - 30 - l;
       break;
     case "bottom-left":
-      u > f ? m = i.bottom + s : m = i.bottom - s - g - d, i.left > 0 ? h = i.right - l : h = 10;
+      d > f ? a = n.bottom + o : a = n.bottom - o - g - m, n.left > 0 ? u = n.right - l : u = 10;
       break;
     case "bottom-start":
-      u > f ? m = i.bottom + s : m = i.bottom - s - g - d, i.left > 0 ? h = i.left : h = 10;
+      d > f ? a = n.bottom + o : a = n.bottom - o - g - m, n.left > 0 ? u = n.left : u = 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");
-}, 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({
+  a + g > d ? a = d - g - o : a < 0 && (a = o), u + l > v ? u = v - l - o : u < 0 && (u = o), r instanceof HTMLElement && (r.style.top = `${a}px`, r.style.left = `${u}px`, r.style.position = "fixed");
+}, fo = { class: "text-center" }, go = { 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" }, Se = /* @__PURE__ */ Ge({
   __name: "vs-popover",
   props: {
     isOpen: { type: Boolean, default: !1 },
@@ -815,61 +815,61 @@ const je = async (e, t, o, s = 10) => {
     teleport: { default: "body" }
   },
   emits: ["isvisible"],
-  setup(e, { expose: t, emit: o }) {
-    const s = e, n = o, i = A(!1), d = A([]), v = A(null), g = A(null), l = A(null), u = (_) => {
-      var D, le;
+  setup(e, { expose: t, emit: r }) {
+    const o = e, i = r, n = T(!1), m = T([]), h = T(null), g = T(null), l = T(null), d = (_) => {
+      var A, ne;
       if (!_) {
-        i.value = !1;
+        n.value = !1;
         return;
       }
-      (D = g.value) != null && D.contains(_.target) || (le = l.value) != null && le.contains(_.target) || (i.value = !1);
-    }, a = (_) => {
-      i.value && l.value && !l.value.contains(_.target) && (i.value = !1);
-    }, m = () => {
-      i.value = !1;
-    }, h = () => {
-      i.value && (i.value = !1);
+      (A = g.value) != null && A.contains(_.target) || (ne = l.value) != null && ne.contains(_.target) || (n.value = !1);
+    }, v = (_) => {
+      n.value && l.value && !l.value.contains(_.target) && (n.value = !1);
+    }, a = () => {
+      n.value = !1;
+    }, u = () => {
+      n.value && (n.value = !1);
     }, f = () => {
-      let _ = v.value;
+      let _ = h.value;
       for (; _ && _ !== document.body; )
-        (_.scrollHeight > _.clientHeight || _.scrollWidth > _.clientWidth) && (_.addEventListener("scroll", m), d.value.push(_)), _ = _.parentElement;
-      document.body && (document.body.addEventListener("scroll", m), d.value.push(document.body));
+        (_.scrollHeight > _.clientHeight || _.scrollWidth > _.clientWidth) && (_.addEventListener("scroll", a), m.value.push(_)), _ = _.parentElement;
+      document.body && (document.body.addEventListener("scroll", a), m.value.push(document.body));
     }, L = () => {
-      d.value.forEach((_) => {
-        _.removeEventListener("scroll", m);
-      }), d.value = [];
+      m.value.forEach((_) => {
+        _.removeEventListener("scroll", a);
+      }), m.value = [];
     };
-    fe(i, (_) => {
-      _ ? (f(), window.addEventListener("resize", () => je(s.placement, g.value, l.value)), je(s.placement, g.value, l.value)) : window.removeEventListener("resize", () => je(s.placement, g.value, l.value)), n("isvisible", _);
-    }), xe(() => {
-      window.addEventListener("click", u), window.addEventListener("popstate", h), window.addEventListener("scroll", a, !0), f();
-    }), gt(() => {
-      window.removeEventListener("click", u), window.removeEventListener("popstate", h), L();
+    fe(n, (_) => {
+      _ ? (f(), window.addEventListener("resize", () => Pe(o.placement, g.value, l.value)), Pe(o.placement, g.value, l.value)) : window.removeEventListener("resize", () => Pe(o.placement, g.value, l.value)), i("isvisible", _);
+    }), _e(() => {
+      window.addEventListener("click", d), window.addEventListener("popstate", u), window.addEventListener("scroll", v, !0), f();
+    }), mt(() => {
+      window.removeEventListener("click", d), window.removeEventListener("popstate", u), L();
     });
     const j = () => {
-      i.value = !0, je(s.placement, g.value, l.value);
-    }, T = () => {
-      i.value = !1;
+      n.value = !0, Pe(o.placement, g.value, l.value);
+    }, O = () => {
+      n.value = !1;
     }, k = async () => {
-      await je(s.placement, g.value, l.value), i.value = !i.value;
+      await Pe(o.placement, g.value, l.value), n.value = !n.value;
     };
     return t({
       togglePopover: k
-    }), (_, D) => (c(), p("div", {
+    }), (_, A) => (c(), p("div", {
       ref_key: "popover",
-      ref: v,
+      ref: h,
       class: "vs-popover inline-block"
     }, [
-      r("div", uo, [
+      s("div", fo, [
         _.trigger === "click" ? (c(), p("div", {
           key: 0,
           ref_key: "popoverRef",
           ref: g,
           onClick: k,
-          class: K({ "pointer-events-none": _.disabled })
+          class: Y({ "pointer-events-none": _.disabled })
         }, [
           Ne(_.$slots, "reference", {}, () => [
-            D[0] || (D[0] = r("button", null, "Click me!", -1))
+            A[0] || (A[0] = s("button", null, "Click me!", -1))
           ])
         ], 2)) : F("", !0),
         _.trigger === "hover" ? (c(), p("div", {
@@ -877,18 +877,18 @@ const je = async (e, t, o, s = 10) => {
           ref_key: "popoverRef",
           ref: g,
           onMouseover: j,
-          onMouseleave: T,
-          class: K({ "pointer-events-none": _.disabled })
+          onMouseleave: O,
+          class: Y({ "pointer-events-none": _.disabled })
         }, [
           Ne(_.$slots, "reference", {}, () => [
-            D[1] || (D[1] = r("button", null, "Click me!", -1))
+            A[1] || (A[1] = s("button", null, "Click me!", -1))
           ])
         ], 34)) : F("", !0),
-        (c(), X(Ke, { to: _.teleport }, [
-          N(vt, { name: "fade" }, {
-            default: Z(() => [
-              ne(r("div", {
-                class: K(["vsTailwind vs-popover__content", _.placement]),
+        (c(), K(Xe, { to: _.teleport }, [
+          Z(yt, { name: "fade" }, {
+            default: q(() => [
+              se(s("div", {
+                class: Y(["vsTailwind vs-popover__content", _.placement]),
                 ref_key: "contentPop",
                 ref: l,
                 style: he({
@@ -896,13 +896,13 @@ const je = async (e, t, o, s = 10) => {
                   zIndex: 10002
                 })
               }, [
-                r("div", po, [
+                s("div", go, [
                   Ne(_.$slots, "default", {}, () => [
-                    D[2] || (D[2] = r("span", null, "Popover content", -1))
+                    A[2] || (A[2] = s("span", null, "Popover content", -1))
                   ])
                 ])
               ], 6), [
-                [Pe, i.value]
+                [Ee, n.value]
               ])
             ]),
             _: 3
@@ -912,11 +912,11 @@ const je = async (e, t, o, s = 10) => {
     ], 512));
   }
 });
-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 = {
+vt({ visible: !0 });
+const vo = { class: "legend-widget flex flex-col bg-white border border-stone-200 shadow-2xs rounded-xl z-10 relative" }, mo = {
   key: 0,
   class: "p-5 pb-3 flex justify-between items-start gap-[30px]"
-}, 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 = {
+}, yo = { class: "inline-block font-semibold text-lg text-gray-800 dark:text-neutral-200" }, bo = { class: "flex flex-col gap-1" }, wo = { class: "flex flex-col gap-1 p-5 pt-0" }, xo = ["innerHTML"], _o = {
   __name: "vs-info-widget",
   props: {
     config: {
@@ -925,53 +925,53 @@ const ho = { class: "legend-widget flex flex-col bg-white border border-stone-20
     }
   },
   setup(e) {
-    const t = e, o = M(() => {
-      var i;
-      return ((i = t.config) == null ? void 0 : i.title) || "";
-    }), s = M(() => {
-      var i;
-      return ((i = t.config) == null ? void 0 : i.content) || "";
-    }), n = M(() => {
-      var i;
-      return ((i = t.config) == null ? void 0 : i.goTo) || [];
+    const t = e, r = E(() => {
+      var n;
+      return ((n = t.config) == null ? void 0 : n.title) || "";
+    }), o = E(() => {
+      var n;
+      return ((n = t.config) == null ? void 0 : n.content) || "";
+    }), i = E(() => {
+      var n;
+      return ((n = t.config) == null ? void 0 : n.goTo) || [];
     });
-    return (i, d) => {
+    return (n, m) => {
       var g, l;
-      const v = G("router-link");
-      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), {
+      const h = J("router-link");
+      return c(), p("div", vo, [
+        r.value || (g = i.value) != null && g.length ? (c(), p("div", mo, [
+          s("h2", yo, S(r.value), 1),
+          (l = i.value) != null && l.length ? (c(), K(We(Se), {
             key: 0,
             placement: "bottom"
           }, {
-            reference: Z(() => [
-              N(Ze(Ie), {
+            reference: q(() => [
+              Z(We(Se), {
                 trigger: "hover",
                 placement: "right"
               }, {
-                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", {
+                reference: q(() => [...m[0] || (m[0] = [
+                  s("div", { class: "flex items-center justify-center h-8 w-8 transition-colors rounded-full hover:bg-gray-100 cursor-pointer" }, [
+                    s("svg", {
                       width: "16",
                       height: "16",
                       viewBox: "0 0 24 24",
                       fill: "none",
                       xmlns: "http://www.w3.org/2000/svg"
                     }, [
-                      r("path", {
+                      s("path", {
                         d: "M4 12H20",
                         stroke: "#000000",
                         "stroke-linecap": "round",
                         "stroke-linejoin": "round"
                       }),
-                      r("path", {
+                      s("path", {
                         d: "M4 6H20",
                         stroke: "#000000",
                         "stroke-linecap": "round",
                         "stroke-linejoin": "round"
                       }),
-                      r("path", {
+                      s("path", {
                         d: "M4 18H20",
                         stroke: "#000000",
                         "stroke-linecap": "round",
@@ -980,24 +980,24 @@ const ho = { class: "legend-widget flex flex-col bg-white border border-stone-20
                     ])
                   ], -1)
                 ])]),
-                default: Z(() => [
-                  d[1] || (d[1] = ae(" Перейти на карту ", -1))
+                default: q(() => [
+                  m[1] || (m[1] = ae(" Перейти на карту ", -1))
                 ]),
                 _: 1
               })
             ]),
-            default: Z(() => [
-              r("div", vo, [
-                (c(!0), p(B, null, W(n.value, (u) => (c(), p("div", {
-                  key: u.label
+            default: q(() => [
+              s("div", bo, [
+                (c(!0), p(z, null, W(i.value, (d) => (c(), p("div", {
+                  key: d.label
                 }, [
-                  u.url ? (c(), X(v, {
+                  d.url ? (c(), K(h, {
                     key: 0,
-                    to: u.url,
+                    to: d.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: Z(() => [
-                      ae(S(u.label), 1)
+                    default: q(() => [
+                      ae(S(d.label), 1)
                     ]),
                     _: 2
                   }, 1032, ["to"])) : F("", !0)
@@ -1007,34 +1007,34 @@ const ho = { class: "legend-widget flex flex-col bg-white border border-stone-20
             _: 1
           })) : F("", !0)
         ])) : F("", !0),
-        r("div", mo, [
-          r("div", { innerHTML: s.value }, null, 8, yo)
+        s("div", wo, [
+          s("div", { innerHTML: o.value }, null, 8, xo)
         ])
       ]);
     };
   }
-}, 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 = {
+}, ko = /* @__PURE__ */ N(_o, [["__scopeId", "data-v-629caa82"]]), Lo = { class: "w-full flex flex-col bg-white border border-stone-200 shadow-2xs rounded-xl z-10 relative overflow-hidden" }, Co = {
   key: 0,
   class: "p-5 pb-3 flex justify-between items-center"
-}, ko = { class: "inline-block font-semibold text-lg text-gray-800" }, Lo = {
+}, $o = { class: "inline-block font-semibold text-lg text-gray-800" }, Io = {
   key: 1,
   class: "flex"
-}, 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 = {
+}, Vo = { class: "flex items-center mx-[8px]" }, So = { 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" }, Fo = { class: "min-h-[34px] flex justify-center items-center text-stone-500 py-2 px-1.5 text-sm" }, jo = { 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" }, Po = {
   key: 0,
   class: "text-center"
-}, Fo = {
+}, Eo = {
   key: 1,
   class: "text-red-500"
-}, jo = { key: 2 }, Po = ["innerHTML"], Eo = {
+}, Mo = { key: 2 }, To = ["innerHTML"], zo = {
   key: 1,
   class: "flow-root"
-}, 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 = {
+}, Ao = { class: "-my-3 divide-y divide-gray-100 text-sm" }, Bo = { class: "font-medium text-gray-900" }, Oo = { class: "text-gray-700 sm:col-span-2" }, Do = {
   key: 2,
   class: "vs-map-card-info__nodata"
-}, Bo = {
+}, Uo = {
   key: 3,
   class: "pt-4 flex justify-end"
-}, Oo = ["href"], rt = {
+}, Ro = ["href"], st = {
   __name: "vs-card-widget",
   props: {
     config: {
@@ -1048,62 +1048,62 @@ const ho = { class: "legend-widget flex flex-col bg-white border border-stone-20
   },
   emits: ["close", "content-resize"],
   setup(e, { emit: t }) {
-    const o = e, s = t, n = M(() => {
-      var T;
-      return ((T = o.config) == null ? void 0 : T.title) || "";
-    }), i = M(
+    const r = e, o = t, i = E(() => {
+      var O;
+      return ((O = r.config) == null ? void 0 : O.title) || "";
+    }), n = E(
       () => !!(typeof window.app == "object" && window.app && window.app.config)
-    ), 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(() => {
-      if (!m.value) return {};
-      const { rows: T, columns: k } = m.value;
-      return !T || !k ? {} : k.reduce((_, D) => (!D.hide && !["geom", "geodata", "id"].includes(D.name) && (_[D.ua] = T[D.name] ?? "-"), _), {});
+    ), m = T([]), h = T(!1), g = T(null), l = T(0), d = E(() => l.value + 1), v = E(() => {
+      var O;
+      return ((O = r.info) == null ? void 0 : O.length) || 0;
+    }), a = E(() => m.value[l.value]), u = E(() => {
+      if (!a.value) return {};
+      const { rows: O, columns: k } = a.value;
+      return !O || !k ? {} : k.reduce((_, A) => (!A.hide && !["geom", "geodata", "id"].includes(A.name) && (_[A.ua] = O[A.name] ?? "-"), _), {});
     });
     async function f() {
-      var T, k, _, D, le, pe;
-      v.value = !0, g.value = null;
+      var O, k, _, A, ne, ge;
+      h.value = !0, g.value = null;
       try {
-        const oe = {
-          id: (T = o.cardValues) == null ? void 0 : T.id,
-          layer: typeof ((k = o.cardValues) == null ? void 0 : k.layer) == "object" ? (D = (_ = o.cardValues) == null ? void 0 : _.layer) == null ? void 0 : D.id : (le = o.cardValues) == null ? void 0 : le.layer,
-          map: (pe = o.cardValues) == null ? void 0 : pe.map
-        }, De = await fetch("/api/map-format?" + new URLSearchParams(oe)).then((Ue) => Ue.json());
-        d.value[l.value] = De;
-      } catch (oe) {
-        g.value = (oe == null ? void 0 : oe.message) || "Помилка запиту";
+        const pe = {
+          id: (O = r.cardValues) == null ? void 0 : O.id,
+          layer: typeof ((k = r.cardValues) == null ? void 0 : k.layer) == "object" ? (A = (_ = r.cardValues) == null ? void 0 : _.layer) == null ? void 0 : A.id : (ne = r.cardValues) == null ? void 0 : ne.layer,
+          map: (ge = r.cardValues) == null ? void 0 : ge.map
+        }, le = await fetch("/api/map-format?" + new URLSearchParams(pe)).then((Ue) => Ue.json());
+        m.value[l.value] = le;
+      } catch (pe) {
+        g.value = (pe == null ? void 0 : pe.message) || "Помилка запиту";
       } finally {
-        v.value = !1, await Ee(), s("content-resize");
+        h.value = !1, await Me(), o("content-resize");
       }
     }
     function L() {
-      l.value < o.info.length - 1 && (l.value += 1, d.value[l.value] || f());
+      l.value < r.info.length - 1 && (l.value += 1, m.value[l.value] || f());
     }
     function j() {
-      l.value > 0 && (l.value -= 1, d.value[l.value] || f());
+      l.value > 0 && (l.value -= 1, m.value[l.value] || f());
     }
-    return xe(async () => {
-      await Ee(), f();
+    return _e(async () => {
+      await Me(), f();
     }), fe(
-      () => o.info,
+      () => r.info,
       () => {
-        l.value = 0, f(), s("content-resize");
+        l.value = 0, f(), o("content-resize");
       },
       { deep: !0 }
-    ), fe([() => o.cardValues, () => o.config], async () => {
-      await Ee(), f(), s("content-resize");
-    }), (T, k) => {
-      var _, D;
-      return c(), p("div", xo, [
-        n.value ? (c(), p("div", _o, [
-          r("h2", ko, S(n.value), 1),
-          r("button", {
+    ), fe([() => r.cardValues, () => r.config], async () => {
+      await Me(), f(), o("content-resize");
+    }), (O, k) => {
+      var _, A;
+      return c(), p("div", Lo, [
+        i.value ? (c(), p("div", Co, [
+          s("h2", $o, S(i.value), 1),
+          s("button", {
             type: "button",
             class: "size-8 inline-flex justify-center items-center gap-x-2 rounded-full border border-transparent bg-gray-100 text-gray-800 hover:bg-gray-200 focus:outline-none focus:bg-gray-200 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600 ml-2",
-            onClick: k[0] || (k[0] = (le) => s("close"))
+            onClick: k[0] || (k[0] = (ne) => o("close"))
           }, [...k[1] || (k[1] = [
-            r("svg", {
+            s("svg", {
               class: "shrink-0 size-4 cursor-pointer",
               xmlns: "http://www.w3.org/2000/svg",
               width: "24",
@@ -1115,76 +1115,76 @@ const ho = { class: "legend-widget flex flex-col bg-white border border-stone-20
               "stroke-linecap": "round",
               "stroke-linejoin": "round"
             }, [
-              r("path", { d: "M18 6 6 18" }),
-              r("path", { d: "m6 6 12 12" })
+              s("path", { d: "M18 6 6 18" }),
+              s("path", { d: "m6 6 12 12" })
             ], -1)
           ])])
         ])) : F("", !0),
-        a.value > 1 ? (c(), p("div", Lo, [
-          r("button", {
+        v.value > 1 ? (c(), p("div", Io, [
+          s("button", {
             type: "button",
-            class: K([{
-              "opacity-flex items-center justify-between border-b px-[16px] py-[8px]50 pointer-events-none": u.value === 1
+            class: Y([{
+              "opacity-flex items-center justify-between border-b px-[16px] py-[8px]50 pointer-events-none": d.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: j
           }, " ◀ ", 2),
-          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", Io, S(a.value), 1)
+          s("div", Vo, [
+            s("span", So, S(d.value), 1),
+            k[2] || (k[2] = s("span", { class: "min-h-[34px] flex justify-center items-center text-stone-500 py-2 px-1.5 text-sm" }, "з", -1)),
+            s("span", Fo, S(v.value), 1)
           ]),
-          r("button", {
+          s("button", {
             type: "button",
             onClick: L,
-            class: K([{
-              "opacity-50 pointer-events-none": u.value === a.value
+            class: Y([{
+              "opacity-50 pointer-events-none": d.value === v.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)
         ])) : 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", {
+        s("div", jo, [
+          h.value ? (c(), p("div", Po, "Завантаження даних...")) : g.value ? (c(), p("div", Eo, " Помилка завантаження даних ")) : (c(), p("div", Mo, [
+            (_ = a.value) != null && _.html ? (c(), p("div", {
               key: 0,
-              innerHTML: m.value.html,
+              innerHTML: a.value.html,
               class: "custom-table-html border-b"
-            }, 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,
+            }, null, 8, To)) : Object.keys(u.value).length ? (c(), p("div", zo, [
+              s("dl", Ao, [
+                (c(!0), p(z, null, W(u.value, (ne, ge) => (c(), p("div", {
+                  key: ge,
                   class: "grid grid-cols-1 gap-1 py-3 even:bg-gray-50 sm:grid-cols-3 sm:gap-4"
                 }, [
-                  r("dt", To, S(pe), 1),
-                  r("dd", zo, S(le), 1)
+                  s("dt", Bo, S(ge), 1),
+                  s("dd", Oo, S(ne), 1)
                 ]))), 128))
               ])
-            ])) : (c(), p("div", Ao, "Даних не знайдено."))
+            ])) : (c(), p("div", Do, "Даних не знайдено."))
           ])),
-          (D = m.value) != null && D.cardInterface && i.value ? (c(), p("div", Bo, [
-            r("a", {
-              href: `/card/${m.value.cardInterface}/${m.value.id}`,
+          (A = a.value) != null && A.cardInterface && n.value ? (c(), p("div", Uo, [
+            s("a", {
+              href: `/card/${a.value.cardInterface}/${a.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, Oo)
+            }, " Перейти в реєстр ", 8, Ro)
           ])) : F("", !0)
         ])
       ]);
     };
   }
-}, 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 = {
+}, Ho = { class: "size-full flex flex-col bg-white border border-gray-200 shadow-2xs rounded-xl dark:bg-neutral-800 dark:border-neutral-700" }, No = {
   key: 0,
   class: "p-5 pb-0 items-center"
-}, 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 = {
+}, Zo = { class: "inline-block font-semibold text-lg text-gray-800 dark:text-neutral-200" }, Wo = { class: "h-full p-5" }, qo = { class: "h-full flex flex-col justify-between space-y-4" }, Go = { class: "space-y-4" }, Jo = {
   key: 0,
   class: "flex gap-x-1 w-full h-2.5 rounded-full overflow-hidden"
-}, 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 = {
+}, Qo = ["aria-valuenow"], Yo = { 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" }, Ko = ["for"], Xo = {
   key: 0,
   width: "16",
   height: "auto",
   src: "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTYgMTYnIGZpbGw9J3doaXRlJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J00xMi4yMDcgNC43OTNhMSAxIDAgMDEwIDEuNDE0bC01IDVhMSAxIDAgMDEtMS40MTQgMGwtMi0yYTEgMSAwIDAxMS40MTQtMS40MTRMNi41IDkuMDg2bDQuMjkzLTQuMjkzYTEgMSAwIDAxMS40MTQgMHonLz48L3N2Zz4="
-}, Yo = ["id", "onUpdate:modelValue"], Ko = { class: "ml-2 text-gray-800 dark:text-neutral-200" }, Xo = {
+}, er = ["id", "onUpdate:modelValue"], tr = { class: "ml-2 text-gray-800 dark:text-neutral-200" }, or = {
   key: 0,
   class: "ms-auto text-xs text-gray-500 dark:text-neutral-500"
-}, er = {
+}, rr = {
   __name: "vs-attributre-widget",
   props: {
     config: {
@@ -1197,83 +1197,83 @@ const ho = { class: "legend-widget flex flex-col bg-white border border-stone-20
     }
   },
   setup(e) {
-    const t = e, o = M(() => {
+    const t = e, r = E(() => {
       var g;
       return ((g = t.config) == null ? void 0 : g.title) || "";
-    }), s = A([]), n = M(() => t.config.layer.style.rules.some(
+    }), o = T([]), i = E(() => t.config.layer.style.rules.some(
       (g) => g.count !== void 0
-    )), i = M(() => t.config.layer.style.rules.reduce(
+    )), n = E(() => t.config.layer.style.rules.reduce(
       (g, l) => g + (l.count || 0),
       0
-    )), d = (g) => !g || i.value === 0 ? 0 : Math.round(g / i.value * 100), v = () => {
+    )), m = (g) => !g || n.value === 0 ? 0 : Math.round(g / n.value * 100), h = () => {
       const l = t.config.layer.style.rules.filter(
-        (u, a) => s.value[a]
-      ).map((u) => u.id || u.value).join(",");
+        (d, v) => o.value[v]
+      ).map((d) => d.id || d.value).join(",");
       if (t.config.layer.id) {
-        const u = t.map.getSource(t.config.layer.id);
-        if (u) {
-          const m = u.tiles[0].split("?filter=")[0], h = l ? `${m}?filter=${t.config.layer.style.attribute}=${l}` : m;
-          u.setTiles([h]);
+        const d = t.map.getSource(t.config.layer.id);
+        if (d) {
+          const a = d.tiles[0].split("?filter=")[0], u = l ? `${a}?filter=${t.config.layer.style.attribute}=${l}` : a;
+          d.setTiles([u]);
         }
       }
     };
-    return xe(() => {
+    return _e(() => {
       var g;
-      (g = t.config) != null && g.layer && (we(t.map, t.config.layer), s.value = new Array(t.config.layer.style.rules.length).fill(
+      (g = t.config) != null && g.layer && (xe(t.map, t.config.layer), o.value = new Array(t.config.layer.style.rules.length).fill(
         !1
       ));
-    }), (g, l) => (c(), p("div", Do, [
-      o.value ? (c(), p("div", Uo, [
-        r("div", null, [
-          r("h2", Ro, S(o.value), 1)
+    }), (g, l) => (c(), p("div", Ho, [
+      r.value ? (c(), p("div", No, [
+        s("div", null, [
+          s("h2", Zo, S(r.value), 1)
         ])
       ])) : 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,
+      s("div", Wo, [
+        s("div", qo, [
+          s("div", Go, [
+            i.value ? (c(), p("div", Jo, [
+              (c(!0), p(z, null, W(e.config.layer.style.rules, (d, v) => (c(), p("div", {
+                key: v,
                 class: "flex flex-col justify-center overflow-hidden text-xs text-white text-center whitespace-nowrap",
                 style: he({
-                  width: `${d(u.count)}%`,
-                  backgroundColor: u.color
+                  width: `${m(d.count)}%`,
+                  backgroundColor: d.color
                 }),
                 role: "progressbar",
-                "aria-valuenow": d(u.count),
+                "aria-valuenow": m(d.count),
                 "aria-valuemin": "0",
                 "aria-valuemax": "100"
-              }, null, 12, qo))), 128))
+              }, null, 12, Qo))), 128))
             ])) : F("", !0),
-            r("ul", null, [
-              (c(!0), p(B, null, W(e.config.layer.style.rules, (u, a) => (c(), p("li", { key: a }, [
-                r("div", Go, [
-                  r("label", {
-                    for: `filter-${a}`,
+            s("ul", null, [
+              (c(!0), p(z, null, W(e.config.layer.style.rules, (d, v) => (c(), p("li", { key: v }, [
+                s("div", Yo, [
+                  s("label", {
+                    for: `filter-${v}`,
                     class: "flex items-center w-full cursor-pointer"
                   }, [
-                    r("div", {
+                    s("div", {
                       class: "w-[18px] h-[18px] border rounded-[4px] flex items-center justify-center",
                       style: he({
-                        background: s.value[a] ? u.color || "#2563eb" : "#fff",
-                        borderColor: s.value[a] ? u.color || "#2563eb" : u.color || "#d9d9d9"
+                        background: o.value[v] ? d.color || "#2563eb" : "#fff",
+                        borderColor: o.value[v] ? d.color || "#2563eb" : d.color || "#d9d9d9"
                       })
                     }, [
-                      s.value[a] ? (c(), p("img", Qo)) : F("", !0)
+                      o.value[v] ? (c(), p("img", Xo)) : F("", !0)
                     ], 4),
-                    ne(r("input", {
+                    se(s("input", {
                       type: "checkbox",
-                      id: `filter-${a}`,
-                      "onUpdate:modelValue": (m) => s.value[a] = m,
-                      onChange: v,
+                      id: `filter-${v}`,
+                      "onUpdate:modelValue": (a) => o.value[v] = a,
+                      onChange: h,
                       class: "hidden",
                       disabled: !1
-                    }, null, 40, Yo), [
-                      [qe, s.value[a]]
+                    }, null, 40, er), [
+                      [qe, o.value[v]]
                     ]),
-                    r("span", Ko, S(u.label || u.text), 1),
-                    n.value ? (c(), p("span", Xo, "(" + S(u.count) + ")", 1)) : F("", !0)
-                  ], 8, Jo)
+                    s("span", tr, S(d.label || d.text), 1),
+                    i.value ? (c(), p("span", or, "(" + S(d.count) + ")", 1)) : F("", !0)
+                  ], 8, Ko)
                 ])
               ]))), 128))
             ])
@@ -1282,7 +1282,7 @@ const ho = { class: "legend-widget flex flex-col bg-white border border-stone-20
       ])
     ]));
   }
-}, tr = {}, or = {
+}, sr = {}, nr = {
   class: "shrink-0 size-4",
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -1294,23 +1294,23 @@ const ho = { class: "legend-widget flex flex-col bg-white border border-stone-20
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function rr(e, t) {
-  return c(), p("svg", or, [...t[0] || (t[0] = [
-    r("path", { d: "M18 6 6 18" }, null, -1),
-    r("path", { d: "m6 6 12 12" }, null, -1)
+function ir(e, t) {
+  return c(), p("svg", nr, [...t[0] || (t[0] = [
+    s("path", { d: "M18 6 6 18" }, null, -1),
+    s("path", { d: "m6 6 12 12" }, null, -1)
   ])]);
 }
-const st = /* @__PURE__ */ H(tr, [["render", rr]]), sr = { class: "hover:bg-gray-100 rounded-lg flex items-center ml-[20px] py-[8px] px-[8px]" }, nr = ["for"], ir = { class: "custom-checkbox-wrapper" }, ar = ["id", "checked"], lr = { class: "custom-checkbox" }, cr = {
+const nt = /* @__PURE__ */ N(sr, [["render", ir]]), ar = { class: "hover:bg-gray-100 rounded-lg flex items-center ml-[20px] py-[8px] px-[8px]" }, lr = ["for"], cr = { class: "custom-checkbox-wrapper" }, dr = ["id", "checked"], ur = { class: "custom-checkbox" }, pr = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   width: "12",
   height: "8",
   viewBox: "0 0 12 8",
   fill: "none"
-}, dr = { class: "flex items-center justify-between ml-2 w-full" }, ur = ["title"], pr = {
+}, hr = { class: "flex items-center justify-between ml-2 w-full" }, fr = ["title"], gr = {
   key: 0,
   class: "text-xs opacity-60 text-[#4b5563]"
-}, hr = {
+}, vr = {
   __name: "vs-map-catalog-item",
   props: {
     layer: {
@@ -1328,29 +1328,29 @@ const st = /* @__PURE__ */ H(tr, [["render", rr]]), sr = { class: "hover:bg-gray
   },
   emits: ["select", "remove"],
   setup(e, { emit: t }) {
-    const o = e, s = t, n = M(() => o.selectedLayers.some((v) => v.id === o.layer.id)), i = (v) => Intl.NumberFormat("uk", {
+    const r = e, o = t, i = E(() => r.selectedLayers.some((h) => h.id === r.layer.id)), n = (h) => Intl.NumberFormat("uk", {
       notation: "compact"
-    }).format(v), d = (v) => {
-      s(v ? "select" : "remove", o.layer);
+    }).format(h), m = (h) => {
+      o(h ? "select" : "remove", r.layer);
     };
-    return (v, g) => {
-      var l, u, a, m, h;
-      return c(), p("div", sr, [
-        r("label", {
+    return (h, g) => {
+      var l, d, v, a, u;
+      return c(), p("div", ar, [
+        s("label", {
           class: "flex items-center w-full cursor-pointer",
           for: e.layer.id
         }, [
-          r("div", ir, [
-            r("input", {
+          s("div", cr, [
+            s("input", {
               id: e.layer.id,
               type: "checkbox",
-              checked: n.value,
-              onChange: g[0] || (g[0] = (f) => d(f.target.checked)),
+              checked: i.value,
+              onChange: g[0] || (g[0] = (f) => m(f.target.checked)),
               class: "custom-checkbox-input"
-            }, null, 40, ar),
-            r("div", lr, [
-              n.value ? (c(), p("svg", cr, [...g[1] || (g[1] = [
-                r("path", {
+            }, null, 40, dr),
+            s("div", ur, [
+              i.value ? (c(), p("svg", pr, [...g[1] || (g[1] = [
+                s("path", {
                   d: "M10.6663 1L4.24967 7.41667L1.33301 4.5",
                   stroke: "#fff",
                   "stroke-linecap": "round",
@@ -1359,18 +1359,18 @@ const st = /* @__PURE__ */ H(tr, [["render", rr]]), sr = { class: "hover:bg-gray
               ])])) : F("", !0)
             ])
           ]),
-          r("div", dr, [
-            r("div", {
+          s("div", hr, [
+            s("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, 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))
+            }, S(((d = e.layer) == null ? void 0 : d.name) || ((v = e.layer) == null ? void 0 : v.title)), 9, fr),
+            isNaN(n((a = e.layer) == null ? void 0 : a.count)) ? F("", !0) : (c(), p("div", gr, S(n((u = e.layer) == null ? void 0 : u.count)), 1))
           ])
-        ], 8, nr)
+        ], 8, lr)
       ]);
     };
   }
-}, fr = /* @__PURE__ */ H(hr, [["__scopeId", "data-v-b96f3537"]]), gr = {}, vr = {
+}, mr = /* @__PURE__ */ N(vr, [["__scopeId", "data-v-b96f3537"]]), yr = {}, br = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
   height: "16",
@@ -1382,26 +1382,26 @@ const st = /* @__PURE__ */ H(tr, [["render", rr]]), sr = { class: "hover:bg-gray
   "stroke-linejoin": "round",
   class: "lucide lucide-zoom-in"
 };
-function mr(e, t) {
-  return c(), p("svg", vr, [...t[0] || (t[0] = [
-    r("circle", {
+function wr(e, t) {
+  return c(), p("svg", br, [...t[0] || (t[0] = [
+    s("circle", {
       cx: "11",
       cy: "11",
       r: "8"
     }, null, -1),
-    r("line", {
+    s("line", {
       x1: "21",
       x2: "16.65",
       y1: "21",
       y2: "16.65"
     }, null, -1),
-    r("line", {
+    s("line", {
       x1: "11",
       x2: "11",
       y1: "8",
       y2: "14"
     }, null, -1),
-    r("line", {
+    s("line", {
       x1: "8",
       x2: "14",
       y1: "11",
@@ -1409,7 +1409,7 @@ function mr(e, t) {
     }, null, -1)
   ])]);
 }
-const yr = /* @__PURE__ */ H(gr, [["render", mr]]), br = {}, wr = {
+const xr = /* @__PURE__ */ N(yr, [["render", wr]]), _r = {}, kr = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
   height: "16",
@@ -1421,18 +1421,18 @@ const yr = /* @__PURE__ */ H(gr, [["render", mr]]), br = {}, wr = {
   "stroke-linejoin": "round",
   class: "lucide lucide-info"
 };
-function xr(e, t) {
-  return c(), p("svg", wr, [...t[0] || (t[0] = [
-    r("circle", {
+function Lr(e, t) {
+  return c(), p("svg", kr, [...t[0] || (t[0] = [
+    s("circle", {
       cx: "12",
       cy: "12",
       r: "10"
     }, null, -1),
-    r("path", { d: "M12 16v-4" }, null, -1),
-    r("path", { d: "M12 8h.01" }, null, -1)
+    s("path", { d: "M12 16v-4" }, null, -1),
+    s("path", { d: "M12 8h.01" }, null, -1)
   ])]);
 }
-const _r = /* @__PURE__ */ H(br, [["render", xr]]), kr = {}, Lr = {
+const Cr = /* @__PURE__ */ N(_r, [["render", Lr]]), $r = {}, Ir = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
   height: "16",
@@ -1444,21 +1444,21 @@ const _r = /* @__PURE__ */ H(br, [["render", xr]]), kr = {}, Lr = {
   "stroke-linejoin": "round",
   class: "lucide lucide-table"
 };
-function Cr(e, t) {
-  return c(), p("svg", Lr, [...t[0] || (t[0] = [
-    r("path", { d: "M12 3v18" }, null, -1),
-    r("rect", {
+function Vr(e, t) {
+  return c(), p("svg", Ir, [...t[0] || (t[0] = [
+    s("path", { d: "M12 3v18" }, null, -1),
+    s("rect", {
       width: "18",
       height: "18",
       x: "3",
       y: "3",
       rx: "2"
     }, null, -1),
-    r("path", { d: "M3 9h18" }, null, -1),
-    r("path", { d: "M3 15h18" }, null, -1)
+    s("path", { d: "M3 9h18" }, null, -1),
+    s("path", { d: "M3 15h18" }, null, -1)
   ])]);
 }
-const $r = /* @__PURE__ */ H(kr, [["render", Cr]]), Ir = {}, Vr = {
+const Sr = /* @__PURE__ */ N($r, [["render", Vr]]), Fr = {}, jr = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
   height: "16",
@@ -1470,12 +1470,12 @@ const $r = /* @__PURE__ */ H(kr, [["render", Cr]]), Ir = {}, Vr = {
   "stroke-linejoin": "round",
   class: "lucide lucide-trash2"
 };
-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)
+function Pr(e, t) {
+  return c(), p("svg", jr, [...t[0] || (t[0] = [
+    Oe('<path d="M3 6h18"></path><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"></path><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"></path><line x1="10" x2="10" y1="11" y2="17"></line><line x1="14" x2="14" y1="11" y2="17"></line>', 5)
   ])]);
 }
-const Fr = /* @__PURE__ */ H(Ir, [["render", Sr]]), jr = {}, Pr = {
+const Er = /* @__PURE__ */ N(Fr, [["render", Pr]]), Mr = {}, Tr = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "18",
   height: "18",
@@ -1487,35 +1487,35 @@ const Fr = /* @__PURE__ */ H(Ir, [["render", Sr]]), jr = {}, Pr = {
   "stroke-linejoin": "round",
   class: "lucide lucide-more-vertical text-gray-600"
 };
-function Er(e, t) {
-  return c(), p("svg", Pr, [...t[0] || (t[0] = [
-    r("circle", {
+function zr(e, t) {
+  return c(), p("svg", Tr, [...t[0] || (t[0] = [
+    s("circle", {
       cx: "12",
       cy: "12",
       r: "1"
     }, null, -1),
-    r("circle", {
+    s("circle", {
       cx: "12",
       cy: "5",
       r: "1"
     }, null, -1),
-    r("circle", {
+    s("circle", {
       cx: "12",
       cy: "19",
       r: "1"
     }, null, -1)
   ])]);
 }
-const Mr = /* @__PURE__ */ H(jr, [["render", Er]]), Tr = {}, zr = {
+const Ar = /* @__PURE__ */ N(Mr, [["render", zr]]), Br = {}, Or = {
   width: "6",
   height: "10",
   viewBox: "0 0 6 10",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Ar(e, t) {
-  return c(), p("svg", zr, [...t[0] || (t[0] = [
-    r("path", {
+function Dr(e, t) {
+  return c(), p("svg", Or, [...t[0] || (t[0] = [
+    s("path", {
       d: "M1 9L5 5L1 1",
       stroke: "currentColor",
       "stroke-linecap": "round",
@@ -1523,42 +1523,42 @@ function Ar(e, t) {
     }, null, -1)
   ])]);
 }
-const Br = /* @__PURE__ */ H(Tr, [["render", Ar]]), Or = {}, Dr = {
+const Ur = /* @__PURE__ */ N(Br, [["render", Dr]]), Rr = {}, Hr = {
   width: "18",
   height: "18",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-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)
+function Nr(e, t) {
+  return c(), p("svg", Hr, [...t[0] || (t[0] = [
+    Oe('<g clip-path="url(#clip0_231_103)"><path d="M12 20L9 21V12.5L4.52 7.572C4.18545 7.20393 4.00005 6.7244 4 6.227V4H20V6.172C19.9999 6.70239 19.7891 7.21101 19.414 7.586L15 12" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M21.121 20.1209C21.5406 19.7014 21.8265 19.1668 21.9423 18.5849C22.0581 18.0029 21.9988 17.3997 21.7717 16.8514C21.5447 16.3032 21.1602 15.8346 20.6668 15.5049C20.1734 15.1752 19.5934 14.9993 19 14.9993C18.4066 14.9993 17.8266 15.1752 17.3332 15.5049C16.8398 15.8346 16.4553 16.3032 16.2283 16.8514C16.0012 17.3997 15.9419 18.0029 16.0577 18.5849C16.1735 19.1668 16.4594 19.7014 16.879 20.1209C17.297 20.5399 18.004 21.1659 19 21.9999C20.051 21.1099 20.759 20.4839 21.121 20.1209Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M19 18V18.01" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></g><defs><clipPath id="clip0_231_103"><rect width="24" height="24" fill="white"></rect></clipPath></defs>', 2)
   ])]);
 }
-const Rr = /* @__PURE__ */ H(Or, [["render", Ur]]);
-function Hr() {
+const Zr = /* @__PURE__ */ N(Rr, [["render", Nr]]);
+function Wr() {
   const t = new URLSearchParams(window.location.search).get("layers");
   return t ? t.split(",") : [];
 }
-function Nr(e) {
+function qr(e) {
   const t = new URLSearchParams(window.location.search);
   e.length > 0 ? t.set("layers", e.join(",")) : t.delete("layers");
-  const o = `${window.location.pathname}?${t.toString()}`;
-  window.history.replaceState({}, "", o);
+  const r = `${window.location.pathname}?${t.toString()}`;
+  window.history.replaceState({}, "", r);
 }
-const Wr = {
+const Gr = {
   components: {
-    VsPopover: Ie,
-    VsLayersItem: fr,
-    ZoomInIcon: yr,
-    InfoIcon: _r,
-    TableIcon: $r,
-    TrashIcon: Fr,
-    DotsIcon: Mr,
-    ChevronRightIcon: Br,
-    FilterIcon: Rr,
-    closeIcon: st,
-    searchIcon: ot
+    VsPopover: Se,
+    VsLayersItem: mr,
+    ZoomInIcon: xr,
+    InfoIcon: Cr,
+    TableIcon: Sr,
+    TrashIcon: Er,
+    DotsIcon: Ar,
+    ChevronRightIcon: Ur,
+    FilterIcon: Zr,
+    closeIcon: nt,
+    searchIcon: rt
   },
   props: {
     center: { type: Array, default: () => [26.2516, 50.6199] },
@@ -1591,17 +1591,17 @@ const Wr = {
   },
   async mounted() {
     if (this.mounted = !0, await this.getLayers(), this.categories = this.layersCategories(), this.history) {
-      const e = Hr();
+      const e = Wr();
       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)) {
-          const s = {
-            ...o,
+        const r = this.layers.find((o) => String(o.id) === t);
+        if (r && !this.selectedLayers.find((o) => o.id === r.id)) {
+          const o = {
+            ...r,
             visible: !0,
             opacity: 100,
             showFilters: !1
           };
-          this.selectedLayers.push(s), we(this.map, s);
+          this.selectedLayers.push(o), xe(this.map, o);
         }
       }), this.activeView = "selected");
     }
@@ -1619,7 +1619,7 @@ const Wr = {
     // --- HISTORY: оновлення layers у URL ---
     selectedLayers: {
       handler(e) {
-        this.history && Nr(e.map((t) => t.id));
+        this.history && qr(e.map((t) => t.id));
       },
       deep: !0
     }
@@ -1627,8 +1627,8 @@ const Wr = {
   methods: {
     async getLayers() {
       try {
-        const e = await fetch("/api/map-catalog").then((o) => o.json()), t = (e.services || []).filter(
-          (o) => o.service_type !== "other"
+        const e = await fetch("/api/map-catalog").then((r) => r.json()), t = (e.services || []).filter(
+          (r) => r.service_type !== "other"
         );
         this.layers = [...t, ...e.rasters || []], this.rawCatalog = {
           ...e,
@@ -1668,16 +1668,16 @@ const Wr = {
           opacity: 100,
           showFilters: !1
         };
-        this.selectedLayers.unshift(t), we(this.map, t);
+        this.selectedLayers.unshift(t), xe(this.map, t);
       }
     },
     deleteLayer(e) {
-      const t = this.selectedLayers.findIndex((o) => o.id === e.id);
-      t !== -1 && this.selectedLayers.splice(t, 1), Ce(this.map, e.id);
+      const t = this.selectedLayers.findIndex((r) => r.id === e.id);
+      t !== -1 && this.selectedLayers.splice(t, 1), Ie(this.map, e.id);
     },
     async toggleLayerVisibility(e) {
       try {
-        e.visible ? (await we(this.map, e), this.updateLayerOpacity(e)) : await Ce(this.map, e.id);
+        e.visible ? (await xe(this.map, e), this.updateLayerOpacity(e)) : await Ie(this.map, e.id);
       } catch (t) {
         console.error("Error toggling layer visibility:", t), e.visible = !e.visible;
       }
@@ -1687,27 +1687,27 @@ const Wr = {
     },
     updateLayerOpacity(e) {
       if (this.map) {
-        const t = this.map.getStyle().layers.filter((s) => s.id.includes(e.id)), o = e.opacity / 100;
-        t.forEach((s) => {
-          s.type === "fill" ? (e.originalFillOpacity || (e.originalFillOpacity = this.map.getPaintProperty(s.id, "fill-opacity") || 1), this.map.setPaintProperty(
-            s.id,
+        const t = this.map.getStyle().layers.filter((o) => o.id.includes(e.id)), r = e.opacity / 100;
+        t.forEach((o) => {
+          o.type === "fill" ? (e.originalFillOpacity || (e.originalFillOpacity = this.map.getPaintProperty(o.id, "fill-opacity") || 1), this.map.setPaintProperty(
+            o.id,
             "fill-opacity",
-            e.originalFillOpacity * o
-          )) : s.type === "raster" ? this.map.setPaintProperty(s.id, "raster-opacity", o) : s.type === "line" ? this.map.setPaintProperty(s.id, "line-opacity", o) : s.type === "circle" ? (this.map.setPaintProperty(s.id, "circle-opacity", o), this.map.setPaintProperty(
-            s.id,
+            e.originalFillOpacity * r
+          )) : o.type === "raster" ? this.map.setPaintProperty(o.id, "raster-opacity", r) : o.type === "line" ? this.map.setPaintProperty(o.id, "line-opacity", r) : o.type === "circle" ? (this.map.setPaintProperty(o.id, "circle-opacity", r), this.map.setPaintProperty(
+            o.id,
             "circle-stroke-opacity",
-            o
-          )) : s.type === "symbol" && (this.map.setPaintProperty(s.id, "icon-opacity", o), this.map.setPaintProperty(s.id, "text-opacity", o));
+            r
+          )) : o.type === "symbol" && (this.map.setPaintProperty(o.id, "icon-opacity", r), this.map.setPaintProperty(o.id, "text-opacity", r));
         });
       }
     },
     async handleRemoveFromCatalog(e) {
-      const t = this.selectedLayers.find((o) => o.id === e.id);
-      t != null && t.visible && await Ce(this.map, e.id), this.deleteLayer(e);
+      const t = this.selectedLayers.find((r) => r.id === e.id);
+      t != null && t.visible && await Ie(this.map, e.id), this.deleteLayer(e);
     },
     clearSelectedLayers() {
       this.selectedLayers.forEach(async (e) => {
-        e.visible && await Ce(this.map, e.id);
+        e.visible && await Ie(this.map, e.id);
       }), this.selectedLayers = [];
     },
     zoomToLayer(e) {
@@ -1733,10 +1733,10 @@ const Wr = {
       );
     },
     async handleFilterChange({ url: e }, t) {
-      const o = this.map.getSource(t.id);
-      if (o) {
-        const n = o.tiles[0].split("?filter=")[0], i = e ? `${n}?filter=${e}` : n;
-        o.setTiles([i]);
+      const r = this.map.getSource(t.id);
+      if (r) {
+        const i = r.tiles[0].split("?filter=")[0], n = e ? `${i}?filter=${e}` : i;
+        r.setTiles([n]);
       }
     },
     popoverActions(e) {
@@ -1791,10 +1791,10 @@ const Wr = {
         return;
       const t = this.selectedLayers[this.draggedLayerIndex];
       if (this.selectedLayers.splice(this.draggedLayerIndex, 1), this.selectedLayers.splice(e, 0, t), this.draggedLayerIndex = null, this.map && this.selectedLayers.length > 1)
-        for (let o = this.selectedLayers.length - 1; o >= 0; o--) {
-          const s = this.selectedLayers[o];
-          s.visible && this.map.getStyle().layers.find((n) => n.id.includes(s.id)) && this.map.getStyle().layers.forEach((n) => {
-            n.id.includes(s.id) && this.map.moveLayer(n.id);
+        for (let r = this.selectedLayers.length - 1; r >= 0; r--) {
+          const o = this.selectedLayers[r];
+          o.visible && this.map.getStyle().layers.find((i) => i.id.includes(o.id)) && this.map.getStyle().layers.forEach((i) => {
+            i.id.includes(o.id) && this.map.moveLayer(i.id);
           });
         }
     },
@@ -1802,38 +1802,38 @@ const Wr = {
       this.draggedLayerIndex = null;
     }
   }
-}, 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 = {
+}, Jr = { 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" }, Yr = { class: "flex items-center gap-2" }, Kr = { class: "text-lg font-semibold text-gray-800" }, Xr = { key: 0 }, es = { key: 1 }, ts = { class: "flex mb-4 border-b border-gray-200" }, os = { key: 0 }, rs = { class: "mb-4" }, ss = {
   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"
-}, 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 = {
+}, ns = ["onDragstart", "onDragover", "onDrop"], is = { class: "flex items-center justify-between" }, as = { class: "flex items-center gap-2 cursor-move" }, ls = ["onUpdate:modelValue", "onChange"], cs = { class: "text-gray-800" }, ds = { class: "flex items-center gap-2" }, us = { class: "relative" }, ps = { class: "flex items-center gap-2" }, hs = ["onUpdate:modelValue", "onInput"], fs = { class: "text-xs text-gray-600 whitespace-nowrap" }, gs = ["onClick"], vs = { class: "relative" }, ms = { class: "w-48" }, ys = {
   key: 0,
   class: "my-1 border-gray-200"
-}, vs = ["disabled", "onClick"], ms = {
+}, bs = ["disabled", "onClick"], ws = {
   class: "p-1 rounded-full hover:bg-gray-100 transition-colors",
   "aria-label": "Layer actions"
-}, ys = {
+}, xs = {
   key: 0,
   class: "bg-blue-50 rounded-md mt-2"
-}, bs = { class: "px-2 pt-2 text-blue-600 hover:text-blue-700 transition-colors" }, ws = {
+}, _s = { class: "px-2 pt-2 text-blue-600 hover:text-blue-700 transition-colors" }, ks = {
   key: 0,
   class: "text-center text-[14px] text-[#4b5563]"
-}, xs = { class: "relative mt-[10px]" }, _s = {
+}, Ls = { class: "relative mt-[10px]" }, Cs = {
   key: 0,
   class: "vs-layers-catalog__list flex-1 scrollable-container overflow-auto mt-2 catalog-list"
-}, ks = {
+}, $s = {
   key: 0,
   class: "text-center text-[14px] text-[#4b5563]"
-}, Ls = {
+}, Is = {
   key: 0,
   class: "text-center text-[14px] text-[#4b5563]"
-}, 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", Zr, [
-    r("div", qr, [
-      r("div", Gr, [
-        t[7] || (t[7] = r("svg", {
+}, Vs = ["onClick"], Ss = { class: "flex items-center gap-x-3" }, Fs = ["title"], js = { class: "text-xs opacity-60 text-[#4b5563]" };
+function Ps(e, t, r, o, i, n) {
+  var u;
+  const m = J("VsPopover"), h = J("DotsIcon"), g = J("VsFilter"), l = J("searchIcon"), d = J("closeIcon"), v = J("VsLayersItem"), a = J("chevronRightIcon");
+  return c(), p("div", Jr, [
+    s("div", Qr, [
+      s("div", Yr, [
+        t[7] || (t[7] = s("svg", {
           xmlns: "http://www.w3.org/2000/svg",
           width: "20",
           height: "20",
@@ -1845,46 +1845,46 @@ function Ss(e, t, o, s, n, i) {
           "stroke-linejoin": "round",
           class: "lucide lucide-layers text-blue-600"
         }, [
-          r("path", { d: "m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z" }),
-          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" })
+          s("path", { d: "m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z" }),
+          s("path", { d: "m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65" }),
+          s("path", { d: "m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65" })
         ], -1)),
-        r("h2", Jr, [
-          ae(S(n.activeView === "catalog" ? "Каталог" : "Вибрані шари") + " ", 1),
-          n.activeView === "catalog" ? (c(), p("span", Qr, "(" + S(((h = n.layers) == null ? void 0 : h.length) || 0) + ")", 1)) : (c(), p("span", Yr, "(" + S(n.selectedLayers.length) + ")", 1))
+        s("h2", Kr, [
+          ae(S(i.activeView === "catalog" ? "Каталог" : "Вибрані шари") + " ", 1),
+          i.activeView === "catalog" ? (c(), p("span", Xr, "(" + S(((u = i.layers) == null ? void 0 : u.length) || 0) + ")", 1)) : (c(), p("span", es, "(" + S(i.selectedLayers.length) + ")", 1))
         ])
       ]),
-      r("button", {
+      s("button", {
         class: "p-1 rounded-full hover:bg-gray-200 transition-colors",
         "aria-label": "Reset layers",
-        onClick: t[0] || (t[0] = (...f) => i.clearSelectedLayers && i.clearSelectedLayers(...f))
+        onClick: t[0] || (t[0] = (...f) => n.clearSelectedLayers && n.clearSelectedLayers(...f))
       }, [...t[8] || (t[8] = [
-        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)
+        Oe('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-refresh-cw text-gray-600" data-v-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", Kr, [
-      r("button", {
-        class: K([
+    s("div", ts, [
+      s("button", {
+        class: Y([
           "px-4 py-2 text-sm font-medium",
-          n.activeView === "catalog" ? "text-blue-600 border-b-2 border-blue-600" : "text-gray-600 hover:text-gray-800"
+          i.activeView === "catalog" ? "text-blue-600 border-b-2 border-blue-600" : "text-gray-600 hover:text-gray-800"
         ]),
-        onClick: t[1] || (t[1] = (f) => n.activeView = "catalog")
+        onClick: t[1] || (t[1] = (f) => i.activeView = "catalog")
       }, " Каталог ", 2),
-      r("button", {
-        class: K([
+      s("button", {
+        class: Y([
           "px-4 py-2 text-sm font-medium",
-          n.activeView === "selected" ? "text-blue-600 border-b-2 border-blue-600" : "text-gray-600 hover:text-gray-800"
+          i.activeView === "selected" ? "text-blue-600 border-b-2 border-blue-600" : "text-gray-600 hover:text-gray-800"
         ]),
-        onClick: t[2] || (t[2] = (f) => n.activeView = "selected")
+        onClick: t[2] || (t[2] = (f) => i.activeView = "selected")
       }, " Вибрані шари ", 2)
     ]),
-    n.activeView === "selected" ? (c(), p("div", Xr, [
-      r("div", es, [
-        r("button", {
+    i.activeView === "selected" ? (c(), p("div", os, [
+      s("div", rs, [
+        s("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")
+          onClick: t[3] || (t[3] = (f) => i.activeView = "catalog")
         }, [...t[9] || (t[9] = [
-          r("svg", {
+          s("svg", {
             xmlns: "http://www.w3.org/2000/svg",
             width: "16",
             height: "16",
@@ -1896,87 +1896,87 @@ function Ss(e, t, o, s, n, i) {
             "stroke-linejoin": "round",
             class: "lucide lucide-plus"
           }, [
-            r("path", { d: "M5 12h14" }),
-            r("path", { d: "M12 5v14" })
+            s("path", { d: "M5 12h14" }),
+            s("path", { d: "M12 5v14" })
           ], -1),
-          r("span", null, "Вибрати шар", -1)
+          s("span", null, "Вибрати шар", -1)
         ])])
       ]),
-      n.mounted ? (c(), p("div", ts, [
-        (c(!0), p(B, null, W(n.selectedLayers, (f, L) => {
-          var j, T;
+      i.mounted ? (c(), p("div", ss, [
+        (c(!0), p(z, null, W(i.selectedLayers, (f, L) => {
+          var j, O;
           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 }]),
+            class: Y(["border border-gray-200 rounded-md p-3 mb-2 bg-white shadow-sm text-[13px] text-[#4b5563]", { dragging: i.draggedLayerIndex === L }]),
             draggable: "true",
-            onDragstart: (k) => i.onDragStart(L),
-            onDragover: mt((k) => i.onDragOver(L), ["prevent"]),
-            onDrop: (k) => i.onDrop(L),
-            onDragend: t[4] || (t[4] = (...k) => i.onDragEnd && i.onDragEnd(...k))
+            onDragstart: (k) => n.onDragStart(L),
+            onDragover: bt((k) => n.onDragOver(L), ["prevent"]),
+            onDrop: (k) => n.onDrop(L),
+            onDragend: t[4] || (t[4] = (...k) => n.onDragEnd && n.onDragEnd(...k))
           }, [
-            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", {
+            s("div", is, [
+              s("div", as, [
+                t[10] || (t[10] = Oe('<svg width="16" height="16" fill="none" stroke="#9ca3af" stroke-width="2" viewBox="0 0 24 24" class="mr-1 shrink-0" data-v-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)),
+                se(s("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, ns), [
+                  onChange: (k) => n.toggleLayerVisibility(f)
+                }, null, 40, ls), [
                   [qe, f.visible]
                 ]),
-                r("span", is, S(f.name || f.title || f.label), 1)
+                s("span", cs, S(f.name || f.title || f.label), 1)
               ]),
-              r("div", as, [
-                r("div", ls, [
-                  N(d, { placement: "bottom" }, {
-                    reference: Z(() => [
-                      r("div", {
+              s("div", ds, [
+                s("div", us, [
+                  Z(m, { placement: "bottom" }, {
+                    reference: q(() => [
+                      s("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, ps)
+                        onClick: (k) => n.updateLayerOpacity(f)
+                      }, S(f.opacity || 100) + "% ", 9, gs)
                     ]),
-                    default: Z(() => [
-                      r("div", cs, [
-                        t[11] || (t[11] = r("label", { class: "text-gray-600 whitespace-nowrap" }, "Прозорість:", -1)),
-                        ne(r("input", {
+                    default: q(() => [
+                      s("div", ps, [
+                        t[11] || (t[11] = s("label", { class: "text-gray-600 whitespace-nowrap" }, "Прозорість:", -1)),
+                        se(s("input", {
                           type: "range",
                           min: "0",
                           max: "100",
                           step: "1",
                           "onUpdate:modelValue": (k) => f.opacity = k,
-                          onInput: (k) => i.onLayerOpacityChange(f),
+                          onInput: (k) => n.onLayerOpacityChange(f),
                           class: "h-2 w-full accent-blue-600 rounded-lg cursor-pointer bg-gray-200"
-                        }, null, 40, ds), [
-                          [We, f.opacity]
+                        }, null, 40, hs), [
+                          [Ze, f.opacity]
                         ]),
-                        r("span", us, S(Math.round(f.opacity)) + "% ", 1)
+                        s("span", fs, S(Math.round(f.opacity)) + "% ", 1)
                       ])
                     ]),
                     _: 2
                   }, 1024)
                 ]),
-                r("div", hs, [
-                  N(d, { placement: "bottom" }, {
-                    reference: Z(() => [
-                      r("div", ms, [
-                        N(v)
+                s("div", vs, [
+                  Z(m, { placement: "bottom" }, {
+                    reference: q(() => [
+                      s("div", ws, [
+                        Z(h)
                       ])
                     ]),
-                    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", {
+                    default: q(() => [
+                      s("div", ms, [
+                        (c(!0), p(z, null, W(n.popoverActions(f), (k, _) => (c(), p(z, { key: _ }, [
+                          k.divider ? (c(), p("hr", ys)) : (c(), p("button", {
                             key: 1,
-                            class: K(
+                            class: Y(
                               "w-full p-2 text-left text-sm flex items-center gap-2 " + (k.class || "")
                             ),
                             disabled: k.disabled,
-                            onClick: (D) => !k.disabled && e.$options.methods[k.handler].call(this, f)
+                            onClick: (A) => !k.disabled && e.$options.methods[k.handler].call(this, f)
                           }, [
-                            (c(), X(Oe(k.icon), { class: "lucide" })),
+                            (c(), K(De(k.icon), { class: "lucide" })),
                             ae(" " + S(k.label), 1)
-                          ], 10, vs))
+                          ], 10, bs))
                         ], 64))), 128))
                       ])
                     ]),
@@ -1985,9 +1985,9 @@ function Ss(e, t, o, s, n, i) {
                 ])
               ])
             ]),
-            f.showFilters ? (c(), p("div", ys, [
-              r("div", bs, " Фільтри для шару: " + S(f.name || f.title || f.label), 1),
-              ne(N(g, {
+            f.showFilters ? (c(), p("div", xs, [
+              s("div", _s, " Фільтри для шару: " + S(f.name || f.title || f.label), 1),
+              se(Z(g, {
                 ref_for: !0,
                 ref: "filter",
                 scheme: f.filters,
@@ -1995,87 +1995,87 @@ function Ss(e, t, o, s, n, i) {
                 urlSeparator: "true",
                 view: "plain",
                 name: "filter",
-                onFilterChange: (k) => i.handleFilterChange(k, f)
+                onFilterChange: (k) => n.handleFilterChange(k, f)
               }, null, 8, ["scheme", "onFilterChange"]), [
-                [Pe, (j = f.filters) == null ? void 0 : j.length]
+                [Ee, (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)
+              se(s("div", null, [...t[12] || (t[12] = [
+                s("div", { class: "px-2 text-[14px] text-[#4b5563]" }, " Фільтри для шару відсутні ", -1)
               ])], 512), [
-                [Pe, !((T = f.filters) != null && T.length)]
+                [Ee, !((O = f.filters) != null && O.length)]
               ])
             ])) : F("", !0)
-          ], 42, os);
+          ], 42, ns);
         }), 128)),
-        n.selectedLayers.length === 0 ? (c(), p("div", ws, [...t[13] || (t[13] = [
-          r("p", null, 'Щоб додати шар, натисніть на кнопку "Вибрати шар".', -1)
+        i.selectedLayers.length === 0 ? (c(), p("div", ks, [...t[13] || (t[13] = [
+          s("p", null, 'Щоб додати шар, натисніть на кнопку "Вибрати шар".', -1)
         ])])) : F("", !0)
       ])) : F("", !0)
-    ])) : (c(), p(B, { key: 1 }, [
-      r("div", xs, [
-        ne(r("input", {
+    ])) : (c(), p(z, { key: 1 }, [
+      s("div", Ls, [
+        se(s("input", {
           title: "value",
           placeholder: "Введіть назву шару...",
-          "onUpdate:modelValue": t[5] || (t[5] = (f) => n.search = f),
+          "onUpdate:modelValue": t[5] || (t[5] = (f) => i.search = f),
           type: "text",
           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"]))
+          onKeyup: t[6] || (t[6] = wt((...f) => n.onEnter && n.onEnter(...f), ["enter"]))
         }, null, 544), [
-          [We, n.search]
+          [Ze, i.search]
         ]),
-        N(l, {
+        Z(l, {
           class: "absolute top-1/2 left-[8px] w-[16px] h-[16px]",
           style: { transform: "translate(0, -50%)" }
         }),
-        n.search ? (c(), X(u, {
+        i.search ? (c(), K(d, {
           key: 0,
           class: "absolute top-1/2 right-[10px] w-[16px] h-[16px] cursor-pointer",
           style: { transform: "translate(0, -50%)" },
-          onClick: i.clearSearch
+          onClick: n.clearSearch
         }, null, 8, ["onClick"])) : F("", !0)
       ]),
-      n.categories ? (c(), p("div", _s, [
-        n.search ? (c(), p(B, { key: 0 }, [
-          (c(!0), p(B, null, W(i.searchedLayers, (f, L) => (c(), X(a, {
+      i.categories ? (c(), p("div", Cs, [
+        i.search ? (c(), p(z, { key: 0 }, [
+          (c(!0), p(z, null, W(n.searchedLayers, (f, L) => (c(), K(v, {
             key: L,
             layer: f,
-            map: o.map,
-            selectedLayers: n.selectedLayers,
-            onSelect: i.addToSelected,
-            onRemove: i.handleRemoveFromCatalog
+            map: r.map,
+            selectedLayers: i.selectedLayers,
+            onSelect: n.addToSelected,
+            onRemove: n.handleRemoveFromCatalog
           }, null, 8, ["layer", "map", "selectedLayers", "onSelect", "onRemove"]))), 128)),
-          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", {
+          n.searchedLayers.length === 0 ? (c(), p("div", $s, " Нічого не знайдено ")) : F("", !0)
+        ], 64)) : (c(), p(z, { key: 1 }, [
+          !i.categories || Object.keys(i.categories).length === 0 ? (c(), p("div", Is, " Каталог порожній ")) : (c(!0), p(z, { key: 1 }, W(Object.keys(i.categories), (f) => (c(), p("div", { key: f }, [
+            s("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)
+              onClick: (L) => n.selectCategory(f)
             }, [
-              r("div", $s, [
-                N(m, {
-                  class: K({
-                    "rotate-up": f === n.selectedCategory,
-                    "rotate-down": f !== n.selectedCategory
+              s("div", Ss, [
+                Z(a, {
+                  class: Y({
+                    "rotate-up": f === i.selectedCategory,
+                    "rotate-down": f !== i.selectedCategory
                   })
                 }, null, 8, ["class"]),
-                r("div", {
+                s("div", {
                   class: "max-w-[260px] text-[14px] text-[#4b5563]",
                   title: f
-                }, S(f), 9, Is)
+                }, S(f), 9, Fs)
               ]),
-              r("div", Vs, S(i.formatNumber(n.categories[f].length)), 1)
-            ], 8, Cs),
-            ne(r("div", null, [
-              (c(!0), p(B, null, W(n.categories[f], (L, j) => (c(), X(a, {
+              s("div", js, S(n.formatNumber(i.categories[f].length)), 1)
+            ], 8, Vs),
+            se(s("div", null, [
+              (c(!0), p(z, null, W(i.categories[f], (L, j) => (c(), K(v, {
                 key: j,
                 layer: L,
-                map: o.map,
-                selectedLayers: n.selectedLayers,
-                onSelect: i.addToSelected,
-                onRemove: i.handleRemoveFromCatalog
+                map: r.map,
+                selectedLayers: i.selectedLayers,
+                onSelect: n.addToSelected,
+                onRemove: n.handleRemoveFromCatalog
               }, null, 8, ["layer", "map", "selectedLayers", "onSelect", "onRemove"]))), 128))
             ], 512), [
-              [Pe, f === n.selectedCategory]
+              [Ee, f === i.selectedCategory]
             ])
           ]))), 128))
         ], 64))
@@ -2083,13 +2083,13 @@ function Ss(e, t, o, s, n, i) {
     ], 64))
   ]);
 }
-const Fs = /* @__PURE__ */ H(Wr, [["render", Ss], ["__scopeId", "data-v-e9e7021a"]]), js = {
+const Es = /* @__PURE__ */ N(Gr, [["render", Ps], ["__scopeId", "data-v-e9e7021a"]]), Ms = {
   key: 0,
   class: "w-full flex flex-col bg-white border border-stone-200 shadow-2xs rounded-xl z-10 relative widget"
-}, Ps = {
+}, Ts = {
   key: 0,
   class: "p-5 pb-3 flex justify-between items-center"
-}, 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 = {
+}, zs = { class: "inline-block font-semibold text-lg text-gray-800 dark:text-neutral-200" }, As = { class: "flex flex-col justify-between h-full" }, Bs = {
   __name: "vs-filters-widget",
   props: {
     config: {
@@ -2106,47 +2106,47 @@ const Fs = /* @__PURE__ */ H(Wr, [["render", Ss], ["__scopeId", "data-v-e9e7021a
     }
   },
   setup(e) {
-    const t = e, o = M(() => {
-      var d;
-      return ((d = t.config) == null ? void 0 : d.filters) || [];
-    }), s = M(() => o.value), n = M(() => {
+    const t = e, r = E(() => {
+      var m;
+      return ((m = t.config) == null ? void 0 : m.filters) || [];
+    }), o = E(() => r.value), i = E(() => {
+      var h;
+      const m = (h = t.config) == null ? void 0 : h.conditions;
+      return !m || !m.layers ? !0 : t.enabledLayerIds.some((g) => m.layers.includes(g));
+    }), n = async ({ data: m }) => {
       var v;
-      const d = (v = t.config) == null ? void 0 : v.conditions;
-      return !d || !d.layers ? !0 : t.enabledLayerIds.some((g) => d.layers.includes(g));
-    }), i = async ({ data: d }) => {
-      var a;
-      const v = Object.entries(d).map((m) => m.join("=")).join("|"), g = (a = t.config) == null ? void 0 : a.conditions, l = (g == null ? void 0 : g.layers) || [], u = t.enabledLayerIds.filter(
-        (m) => l.includes(m)
+      const h = Object.entries(m).map((a) => a.join("=")).join("|"), g = (v = t.config) == null ? void 0 : v.conditions, l = (g == null ? void 0 : g.layers) || [], d = t.enabledLayerIds.filter(
+        (a) => l.includes(a)
       );
-      u.length && u.forEach((m) => {
-        const h = t.map.getSource(m);
-        if (h) {
-          const L = h.tiles[0].split("?filter=")[0], j = v ? `${L}?filter=${v}` : L;
-          h.setTiles([j]);
+      d.length && d.forEach((a) => {
+        const u = t.map.getSource(a);
+        if (u) {
+          const L = u.tiles[0].split("?filter=")[0], j = h ? `${L}?filter=${h}` : L;
+          u.setTiles([j]);
         }
       });
     };
-    return (d, v) => n.value ? (c(), p("div", js, [
-      e.config.title ? (c(), p("div", Ps, [
-        r("h2", Es, S(e.config.title), 1)
+    return (m, h) => i.value ? (c(), p("div", Ms, [
+      e.config.title ? (c(), p("div", Ts, [
+        s("h2", zs, S(e.config.title), 1)
       ])) : F("", !0),
-      r("div", Ms, [
-        N(Ze(xt), {
+      s("div", As, [
+        Z(We(Lt), {
           ref: "filter",
-          schema: s.value,
+          schema: o.value,
           view: "vertical",
-          onChange: i
+          onChange: n
         }, null, 8, ["schema"])
       ])
     ])) : F("", !0);
   }
-}, zs = {
+}, Os = {
   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" }, Bs = { class: "text-gray-600" }, Os = {
+}, Ds = { class: "flex gap-[5px] items-center" }, Us = { class: "text-gray-600" }, Rs = {
   key: 0,
   class: "w-[16px] h-[16px] font-medium bg-gray-800 text-white rounded-full flex items-center justify-center text-[10px]"
-}, Ds = {
+}, Hs = {
   __name: "vs-inline-filters-widget",
   props: {
     config: {
@@ -2163,27 +2163,27 @@ const Fs = /* @__PURE__ */ H(Wr, [["render", Ss], ["__scopeId", "data-v-e9e7021a
     }
   },
   setup(e) {
-    const t = e, o = A(0), s = A(null), n = M(() => {
+    const t = e, r = T(0), o = T(null), i = E(() => {
       var l;
       return ((l = t.config) == null ? void 0 : l.filters) || [];
-    }), i = M(() => n.value.map((l) => ({
+    }), n = E(() => i.value.map((l) => ({
       ...l,
       id: l.name
-    }))), d = M(() => {
-      var u;
-      const l = (u = t.config) == null ? void 0 : u.conditions;
-      return !l || !l.layers ? !0 : t.enabledLayerIds.some((a) => l.layers.includes(a));
-    }), v = M(() => {
+    }))), m = E(() => {
+      var d;
+      const l = (d = t.config) == null ? void 0 : d.conditions;
+      return !l || !l.layers ? !0 : t.enabledLayerIds.some((v) => l.layers.includes(v));
+    }), h = E(() => {
       var l;
       if (t.enabledLayerIds && t.enabledLayerIds.length) {
-        const a = (((l = t.config) == null ? void 0 : l.layers) || []).find((m) => m.id === t.enabledLayerIds[0]);
-        return (a == null ? void 0 : a.title) || (a == null ? void 0 : a.name) || (a == null ? void 0 : a.label) || t.enabledLayerIds[0];
+        const v = (((l = t.config) == null ? void 0 : l.layers) || []).find((a) => a.id === t.enabledLayerIds[0]);
+        return (v == null ? void 0 : v.title) || (v == null ? void 0 : v.name) || (v == null ? void 0 : v.label) || t.enabledLayerIds[0];
       }
       return "";
     }), g = async ({ url: l }) => {
-      var h, f;
-      const u = (h = t.config) == null ? void 0 : h.conditions;
-      if (!u) {
+      var u, f;
+      const d = (u = t.config) == null ? void 0 : u.conditions;
+      if (!d) {
         const L = (f = t.config) == null ? void 0 : f.layer_id;
         if (!L) return;
         const j = t.map.getSource(L);
@@ -2193,8 +2193,8 @@ const Fs = /* @__PURE__ */ H(Wr, [["render", Ss], ["__scopeId", "data-v-e9e7021a
         }
         return;
       }
-      const a = (u == null ? void 0 : u.layers) || [], m = t.enabledLayerIds.filter((L) => a.includes(L));
-      m.length && m.forEach((L) => {
+      const v = (d == null ? void 0 : d.layers) || [], a = t.enabledLayerIds.filter((L) => v.includes(L));
+      a.length && a.forEach((L) => {
         const j = t.map.getSource(L);
         if (j) {
           const k = j.tiles[0].split("?filter=")[0], _ = l ? `${k}?filter=${l}` : k;
@@ -2205,72 +2205,72 @@ const Fs = /* @__PURE__ */ H(Wr, [["render", Ss], ["__scopeId", "data-v-e9e7021a
     return fe(
       () => t.enabledLayerIds,
       (l) => {
-        (!l || !l.length) && s.value && (s.value.activeFilters = {}, o.value = 0);
+        (!l || !l.length) && o.value && (o.value.activeFilters = {}, r.value = 0);
       }
     ), fe(
       () => {
         var l;
-        return (l = s.value) == null ? void 0 : l.activeFilters;
+        return (l = o.value) == null ? void 0 : l.activeFilters;
       },
       (l) => {
-        o.value = Object.keys(l || {}).length;
+        r.value = Object.keys(l || {}).length;
       },
       { deep: !0 }
-    ), (l, u) => {
-      const a = G("VsPopover"), m = G("VsFilterList");
-      return d.value && i.value.length ? (c(), X(m, {
+    ), (l, d) => {
+      const v = J("VsPopover"), a = J("VsFilterList");
+      return m.value && n.value.length ? (c(), K(a, {
         key: 0,
         ref_key: "filter",
-        ref: s,
+        ref: o,
         isDialog: e.config.dialog ?? !0,
-        scheme: i.value,
+        scheme: n.value,
         urlSeparator: "true",
         view: "plain",
         name: "filter",
         onFilterChange: g
       }, {
-        button: Z(({ visible: h }) => [
-          N(a, {
+        button: q(({ visible: u }) => [
+          Z(v, {
             teleport: "body",
             trigger: "hover",
             placement: "bottom"
           }, {
-            reference: Z(() => [
-              r("button", zs, [
-                r("div", As, [
-                  u[0] || (u[0] = r("svg", {
+            reference: q(() => [
+              s("button", Os, [
+                s("div", Ds, [
+                  d[0] || (d[0] = s("svg", {
                     width: "18",
                     height: "18",
                     viewBox: "0 0 24 24",
                     fill: "none",
                     xmlns: "http://www.w3.org/2000/svg"
                   }, [
-                    r("path", {
+                    s("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"
                     }),
-                    r("path", {
+                    s("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"
                     }),
-                    r("path", {
+                    s("path", {
                       d: "M19 18V18.01",
                       stroke: "currentColor",
                       "stroke-linecap": "round",
                       "stroke-linejoin": "round"
                     })
                   ], -1)),
-                  r("span", Bs, S(v.value), 1),
-                  o.value ? (c(), p("span", Os, S(o.value), 1)) : F("", !0)
+                  s("span", Us, S(h.value), 1),
+                  r.value ? (c(), p("span", Rs, S(r.value), 1)) : F("", !0)
                 ])
               ])
             ]),
-            default: Z(() => [
-              u[1] || (u[1] = ae(" Відкрити бокову панель ", -1))
+            default: q(() => [
+              d[1] || (d[1] = ae(" Відкрити бокову панель ", -1))
             ]),
             _: 1
           })
@@ -2279,7 +2279,7 @@ const Fs = /* @__PURE__ */ H(Wr, [["render", Ss], ["__scopeId", "data-v-e9e7021a
       }, 8, ["isDialog", "scheme"])) : F("", !0);
     };
   }
-}, Us = {
+}, Ns = {
   name: "VsListWidget",
   props: {
     config: {
@@ -2304,7 +2304,7 @@ const Fs = /* @__PURE__ */ H(Wr, [["render", Ss], ["__scopeId", "data-v-e9e7021a
         limit: this.limit
       };
       try {
-        const t = await fetch(this.config.api + "?" + new URLSearchParams(e)).then((o) => o.json());
+        const t = await fetch(this.config.api + "?" + new URLSearchParams(e)).then((r) => r.json());
         this.items = t.rows, this.total = t.total, this.$emit("content-resize");
       } catch (t) {
         console.error("Error fetching data:", t);
@@ -2327,100 +2327,100 @@ const Fs = /* @__PURE__ */ H(Wr, [["render", Ss], ["__scopeId", "data-v-e9e7021a
   beforeUnmount() {
     this.resizeObserver && this.$refs.rootEl && (this.resizeObserver.unobserve(this.$refs.rootEl), this.resizeObserver.disconnect());
   }
-}, Rs = {
+}, Zs = {
   class: "bg-white p-4 rounded-lg h-full flex flex-col overflow-hidden",
   ref: "rootEl"
-}, Hs = {
+}, Ws = {
   key: 0,
   class: "flex flex-col flex-1 overflow-hidden"
-}, 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 = {
+}, qs = { 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" }, Gs = ["onClick"], Js = { class: "text-base font-medium" }, Qs = { class: "mt-2 flex flex-wrap gap-2" }, Ys = {
   key: 1,
   class: "px-2 py-1 text-sm bg-gray-100 rounded-full"
-}, Js = {
+}, Ks = {
   key: 0,
   class: "my-5 pr-2"
-}, Qs = { class: "paginationWrapper relative flex justify-center" }, Ys = {
+}, Xs = { class: "paginationWrapper relative flex justify-center" }, en = {
   key: 1,
   class: "text-center text-slate-400"
 };
-function Ks(e, t, o, s, n, i) {
-  var v;
-  const d = G("VsPagination");
-  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", Hs, [
-      r("div", Ns, [
-        (c(!0), p(B, null, W(n.items, (g) => (c(), p("div", {
+function tn(e, t, r, o, i, n) {
+  var h;
+  const m = J("VsPagination");
+  return c(), p("div", Zs, [
+    t[0] || (t[0] = s("h2", { class: "text-xl font-semibold mb-4" }, "Список", -1)),
+    ((h = i.items) == null ? void 0 : h.length) > 0 ? (c(), p("div", Ws, [
+      s("div", qs, [
+        (c(!0), p(z, null, W(i.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", Zs, S(g.name), 1),
-          r("div", qs, [
+          s("h3", Js, S(g.name), 1),
+          s("div", Qs, [
             g.status_data ? (c(), p("span", {
               key: 0,
-              class: K(["px-2 py-1 text-sm rounded-full", {
+              class: Y(["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)) : F("", !0),
-            g.class_mbd_id_data ? (c(), p("span", Gs, S(g.class_mbd_id_data.text), 1)) : F("", !0)
+            g.class_mbd_id_data ? (c(), p("span", Ys, S(g.class_mbd_id_data.text), 1)) : F("", !0)
           ])
-        ], 8, Ws))), 128))
+        ], 8, Gs))), 128))
       ]),
-      n.total > n.limit ? (c(), p("div", Js, [
-        r("div", Qs, [
-          N(d, {
-            total: n.total,
+      i.total > i.limit ? (c(), p("div", Ks, [
+        s("div", Xs, [
+          Z(m, {
+            total: i.total,
             maxPages: 4,
-            defaultPage: n.currentPage,
-            pageSize: n.limit,
+            defaultPage: i.currentPage,
+            pageSize: i.limit,
             goTo: !1,
             size: "medium",
-            onPageChange: i.handlePageChange,
+            onPageChange: n.handlePageChange,
             backgroundColor: "#e5e7eb",
             borderedCellSelected: !0,
             pageSizes: [16, 32, 48, 64],
-            onPageSizeChange: i.changeLimit
+            onPageSizeChange: n.changeLimit
           }, null, 8, ["total", "defaultPage", "pageSize", "onPageChange", "onPageSizeChange"])
         ])
       ])) : F("", !0)
-    ])) : (c(), p("div", Ys, "Немає даних"))
+    ])) : (c(), p("div", en, "Немає даних"))
   ], 512);
 }
-const Xs = /* @__PURE__ */ H(Us, [["render", Ks]]), en = { class: "map-skeleton-loader" }, tn = {
+const on = /* @__PURE__ */ N(Ns, [["render", tn]]), rn = { class: "map-skeleton-loader" }, sn = {
   __name: "vs-skeleton-loader",
   setup(e) {
-    return (t, o) => (c(), p("div", en, [...o[0] || (o[0] = [
-      r("div", { class: "dot-pulse" }, null, -1)
+    return (t, r) => (c(), p("div", rn, [...r[0] || (r[0] = [
+      s("div", { class: "dot-pulse" }, null, -1)
     ])]));
   }
-}, on = /* @__PURE__ */ H(tn, [["__scopeId", "data-v-954c1e03"]]), rn = {}, sn = {
+}, nn = /* @__PURE__ */ N(sn, [["__scopeId", "data-v-954c1e03"]]), an = {}, ln = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function nn(e, t) {
-  return c(), p("svg", sn, [...t[0] || (t[0] = [
-    r("title", null, "Globe Icon", -1),
-    r("desc", null, " A circular representation of a globe with horizontal and vertical lines ", -1),
-    r("path", {
+function cn(e, t) {
+  return c(), p("svg", ln, [...t[0] || (t[0] = [
+    s("title", null, "Globe Icon", -1),
+    s("desc", null, " A circular representation of a globe with horizontal and vertical lines ", -1),
+    s("path", {
       d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",
       stroke: "#1E40AF",
       "stroke-width": "1",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
     }, null, -1),
-    r("path", {
+    s("path", {
       d: "M2 12H22",
       stroke: "#1E40AF",
       "stroke-width": "1",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
     }, null, -1),
-    r("path", {
+    s("path", {
       d: "M12 2C14.5013 4.73835 15.9228 8.29203 16 12C15.9228 15.708 14.5013 19.2616 12 22C9.49872 19.2616 8.07725 15.708 8 12C8.07725 8.29203 9.49872 4.73835 12 2Z",
       stroke: "#1E40AF",
       "stroke-width": "1",
@@ -2429,9 +2429,9 @@ function nn(e, t) {
     }, null, -1)
   ])]);
 }
-const an = /* @__PURE__ */ H(rn, [["render", nn]]), ln = {
+const dn = /* @__PURE__ */ N(an, [["render", cn]]), un = {
   components: {
-    homeIcon: an
+    homeIcon: dn
   },
   name: "vs-homezoom",
   props: {
@@ -2445,54 +2445,54 @@ const an = /* @__PURE__ */ H(rn, [["render", nn]]), ln = {
   },
   computed: {}
 };
-function cn(e, t, o, s, n, i) {
-  const d = G("homeIcon"), v = G("VsPopover");
+function pn(e, t, r, o, i, n) {
+  const m = J("homeIcon"), h = J("VsPopover");
   return c(), p("div", null, [
-    N(v, {
+    Z(h, {
       trigger: "hover",
       placement: "left",
       teleport: "body",
       class: "flex"
     }, {
-      reference: Z(() => [
-        N(d, {
-          onClick: i.homeZoom,
+      reference: q(() => [
+        Z(m, {
+          onClick: n.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: Z(() => [
-        t[0] || (t[0] = r("div", null, "Повернутися до початкових налаштувань", -1))
+      default: q(() => [
+        t[0] || (t[0] = s("div", null, "Повернутися до початкових налаштувань", -1))
       ]),
       _: 1
     })
   ]);
 }
-const dn = /* @__PURE__ */ H(ln, [["render", cn]]), un = {}, pn = {
+const hn = /* @__PURE__ */ N(un, [["render", pn]]), fn = {}, gn = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-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", {
+function vn(e, t) {
+  return c(), p("svg", gn, [...t[0] || (t[0] = [
+    s("title", null, "Document with Two Sections Icon", -1),
+    s("desc", null, "A document icon with a split design indicating two sections", -1),
+    s("path", {
       d: "M6 9V2H18V9",
       stroke: "#1E40AF",
       "stroke-width": "1",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
     }, null, -1),
-    r("path", {
+    s("path", {
       d: "M6 18H4C3.46957 18 2.96086 17.7893 2.58579 17.4142C2.21071 17.0391 2 16.5304 2 16V11C2 10.4696 2.21071 9.96086 2.58579 9.58579C2.96086 9.21071 3.46957 9 4 9H20C20.5304 9 21.0391 9.21071 21.4142 9.58579C21.7893 9.96086 22 10.4696 22 11V16C22 16.5304 21.7893 17.0391 21.4142 17.4142C21.0391 17.7893 20.5304 18 20 18H18",
       stroke: "#1E40AF",
       "stroke-width": "1",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
     }, null, -1),
-    r("path", {
+    s("path", {
       d: "M18 14H6V22H18V14Z",
       stroke: "#1E40AF",
       "stroke-width": "1",
@@ -2501,10 +2501,10 @@ function hn(e, t) {
     }, null, -1)
   ])]);
 }
-const fn = /* @__PURE__ */ H(un, [["render", hn]]), gn = {
+const mn = /* @__PURE__ */ N(fn, [["render", vn]]), yn = {
   components: {
-    printIcon: fn,
-    VsPopover: Ie
+    printIcon: mn,
+    VsPopover: Se
   },
   props: {
     map: { type: Object },
@@ -2550,15 +2550,15 @@ const fn = /* @__PURE__ */ H(un, [["render", hn]]), gn = {
   },
   methods: {
     addScript(e) {
-      return new Promise((t, o) => {
-        const s = document.createElement("script");
-        s.src = e, s.async = !0, s.onload = t, s.onerror = o, document.head.appendChild(s), this.scriptElements.push(s);
+      return new Promise((t, r) => {
+        const o = document.createElement("script");
+        o.src = e, o.async = !0, o.onload = t, o.onerror = r, document.head.appendChild(o), this.scriptElements.push(o);
       });
     },
     addStyle(e) {
-      return new Promise((t, o) => {
-        const s = document.createElement("link");
-        s.href = e, s.rel = "stylesheet", s.type = "text/css", s.onload = t, s.onerror = o, document.head.appendChild(s), this.styleElements.push(s);
+      return new Promise((t, r) => {
+        const o = document.createElement("link");
+        o.href = e, o.rel = "stylesheet", o.type = "text/css", o.onload = t, o.onerror = r, document.head.appendChild(o), this.styleElements.push(o);
       });
     },
     async loadResources() {
@@ -2588,13 +2588,13 @@ const fn = /* @__PURE__ */ H(un, [["render", hn]]), gn = {
         return;
       }
       window.mapboxgl.accessToken = "pk.eyJ1Ijoia3Jpemhhbm92c2t5IiwiYSI6ImNsemkxNWtkODA5dDcycnNhMWZzYWM0MTAifQ.6fEpgfd_2mA4UYuflDewpQ";
-      const { MapboxExportControl: e, Size: t, PageOrientation: o, Format: s, DPI: n } = window.MapboxExportControl;
+      const { MapboxExportControl: e, Size: t, PageOrientation: r, Format: o, DPI: i } = window.MapboxExportControl;
       this.map.addControl(
         new e({
           PageSize: t.A3,
-          PageOrientation: o.Portrait,
-          Format: s.PNG,
-          DPI: n[96],
+          PageOrientation: r.Portrait,
+          Format: o.PNG,
+          DPI: i[96],
           Crosshair: !0,
           PrintableArea: !0,
           Local: "uk"
@@ -2603,9 +2603,9 @@ const fn = /* @__PURE__ */ H(un, [["render", hn]]), gn = {
     },
     simulateClick() {
       new Promise((t) => {
-        const o = setTimeout(() => {
-          const s = document.querySelector(".mapboxgl-export-control");
-          s && (clearInterval(o), t(s));
+        const r = setTimeout(() => {
+          const o = document.querySelector(".mapboxgl-export-control");
+          o && (clearInterval(r), t(o));
         }, 100);
       }).then((t) => {
         t.click();
@@ -2618,26 +2618,26 @@ const fn = /* @__PURE__ */ H(un, [["render", hn]]), gn = {
     }
   }
 };
-function vn(e, t, o, s, n, i) {
-  const d = G("printIcon"), v = G("VsPopover");
-  return c(), X(v, {
+function bn(e, t, r, o, i, n) {
+  const m = J("printIcon"), h = J("VsPopover");
+  return c(), K(h, {
     trigger: "hover",
     placement: "left",
     teleport: "body"
   }, {
-    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]"])
+    reference: q(() => [
+      Z(m, {
+        onClick: n.togglePrint,
+        class: Y([n.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: Z(() => [
-      t[0] || (t[0] = r("div", null, "Надрукувати", -1))
+    default: q(() => [
+      t[0] || (t[0] = s("div", null, "Надрукувати", -1))
     ]),
     _: 1
   });
 }
-const mn = /* @__PURE__ */ H(gn, [["render", vn]]), yn = {
+const wn = /* @__PURE__ */ N(yn, [["render", bn]]), xn = {
   props: {
     map: {
       type: Object,
@@ -2650,7 +2650,7 @@ const mn = /* @__PURE__ */ H(gn, [["render", vn]]), yn = {
     };
   },
   components: {
-    VsPopover: Ie
+    VsPopover: Se
   },
   mounted() {
     this.map.on("move", this.updateViewStatus), this.updateViewStatus();
@@ -2675,93 +2675,93 @@ const mn = /* @__PURE__ */ H(gn, [["render", vn]]), yn = {
     }
   }
 };
-function bn(e, t, o, s, n, i) {
-  const d = G("VsPopover");
-  return c(), X(d, {
+function _n(e, t, r, o, i, n) {
+  const m = J("VsPopover");
+  return c(), K(m, {
     trigger: "hover",
     placement: "left",
     teleport: "body",
     class: "flex"
   }, {
-    reference: Z(() => [
-      r("div", {
+    reference: q(() => [
+      s("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)
+        onClick: t[0] || (t[0] = (...h) => n.toggleView && n.toggleView(...h))
+      }, S(i.is3D ? "2D" : "3D"), 1)
     ]),
-    default: Z(() => [
-      t[1] || (t[1] = r("div", null, "Перемикач виду", -1))
+    default: q(() => [
+      t[1] || (t[1] = s("div", null, "Перемикач виду", -1))
     ]),
     _: 1
   });
 }
-const wn = /* @__PURE__ */ H(yn, [["render", bn]]), xn = {
+const kn = /* @__PURE__ */ N(xn, [["render", _n]]), Ln = {
   props: {
     bgColor: {
       type: String,
       default: "#1E40AF"
     }
   }
-}, _n = {
+}, Cn = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, 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", {
+}, $n = ["stroke"], In = ["stroke"], Vn = ["stroke"], Sn = ["stroke"], Fn = ["stroke"], jn = ["stroke"];
+function Pn(e, t, r, o, i, n) {
+  return c(), p("svg", Cn, [
+    t[0] || (t[0] = s("title", null, "Target Icon", -1)),
+    t[1] || (t[1] = s("desc", null, "A target icon with a circular pattern inside a rounded square", -1)),
+    s("path", {
       d: "M2 12H5",
-      stroke: o.bgColor,
+      stroke: r.bgColor,
       "stroke-width": "1",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
-    }, null, 8, kn),
-    r("path", {
+    }, null, 8, $n),
+    s("path", {
       d: "M19 12H22",
-      stroke: o.bgColor,
+      stroke: r.bgColor,
       "stroke-width": "1",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
-    }, null, 8, Ln),
-    r("path", {
+    }, null, 8, In),
+    s("path", {
       d: "M12 2V5",
-      stroke: o.bgColor,
+      stroke: r.bgColor,
       "stroke-width": "1",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
-    }, null, 8, Cn),
-    r("path", {
+    }, null, 8, Vn),
+    s("path", {
       d: "M12 19V22",
-      stroke: o.bgColor,
+      stroke: r.bgColor,
       "stroke-width": "1",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
-    }, null, 8, $n),
-    r("path", {
+    }, null, 8, Sn),
+    s("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: r.bgColor,
       "stroke-width": "1",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
-    }, null, 8, In),
-    r("path", {
+    }, null, 8, Fn),
+    s("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: r.bgColor,
       "stroke-width": "1",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
-    }, null, 8, Vn)
+    }, null, 8, jn)
   ]);
 }
-const Fn = /* @__PURE__ */ H(xn, [["render", Sn]]), jn = {
+const En = /* @__PURE__ */ N(Ln, [["render", Pn]]), Mn = {
   components: {
-    geoIcon: Fn,
-    VsPopover: Ie,
-    closeIcon: st
+    geoIcon: En,
+    VsPopover: Se,
+    closeIcon: nt
   },
   data() {
     return {
@@ -2810,20 +2810,20 @@ const Fn = /* @__PURE__ */ H(xn, [["render", Sn]]), jn = {
         latitude: e.coords.latitude,
         longitude: e.coords.longitude
       };
-      const o = await (await fetch(
+      const r = await (await fetch(
         `https://nominatim.openstreetmap.org/reverse?format=json&lat=${this.location.latitude}&lon=${this.location.longitude}`
       )).json();
-      this.data = o.address;
-      const s = [this.location.longitude, this.location.latitude], n = [
-        [parseFloat(o.boundingbox[2]), parseFloat(o.boundingbox[0])],
-        [parseFloat(o.boundingbox[3]), parseFloat(o.boundingbox[1])]
+      this.data = r.address;
+      const o = [this.location.longitude, this.location.latitude], i = [
+        [parseFloat(r.boundingbox[2]), parseFloat(r.boundingbox[0])],
+        [parseFloat(r.boundingbox[3]), parseFloat(r.boundingbox[1])]
       ];
-      this.map.fitBounds(n, {
+      this.map.fitBounds(i, {
         padding: 200,
         maxZoom: 16
       }), this.marker || (this.marker = new Marker({
         color: "var(--primary)"
-      })), this.marker.setLngLat(s).addTo(this.map), this.activeControl = "geolocation";
+      })), this.marker.setLngLat(o).addTo(this.map), this.activeControl = "geolocation";
     },
     closeGeolocation() {
       this.showLocation = !1, this.marker && (this.marker.remove(), this.marker = null), this.location = null, this.data = null;
@@ -2836,70 +2836,70 @@ const Fn = /* @__PURE__ */ H(xn, [["render", Sn]]), jn = {
       }), this.$emit("close");
     }
   }
-}, Pn = {
+}, Tn = {
   key: 0,
   class: "max-w-[412px] absolute w-full top-[20px] right-[70px] bg-white border rounded-[15px] p-4 z-10"
-}, 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");
+}, zn = { class: "flex justify-between items-center border-b pb-[16px]" }, An = { class: "d-flex" }, Bn = { class: "pt-[16px]" };
+function On(e, t, r, o, i, n) {
+  var l, d, v, a, u, f;
+  const m = J("closeIcon"), h = J("geoIcon"), g = J("VsPopover");
   return c(), p("div", null, [
-    (c(), X(Ke, { to: "#maplibre-demo-map" }, [
-      n.location ? (c(), p("div", Pn, [
-        r("div", En, [
-          t[0] || (t[0] = r("div", { class: "text-lg font-semibold" }, "Ваша геолокація", -1)),
-          r("div", Mn, [
-            N(d, { onClick: i.closeGeolocation }, null, 8, ["onClick"])
+    (c(), K(Xe, { to: "#maplibre-demo-map" }, [
+      i.location ? (c(), p("div", Tn, [
+        s("div", zn, [
+          t[0] || (t[0] = s("div", { class: "text-lg font-semibold" }, "Ваша геолокація", -1)),
+          s("div", An, [
+            Z(m, { onClick: n.closeGeolocation }, null, 8, ["onClick"])
           ])
         ]),
-        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)
+        s("div", Bn, [
+          s("div", null, [
+            t[1] || (t[1] = s("strong", null, "Широта:", -1)),
+            ae(" " + S((l = i.location) == null ? void 0 : l.latitude), 1)
           ]),
-          r("div", null, [
-            t[2] || (t[2] = r("strong", null, "Довгота:", -1)),
-            ae(" " + S((u = n.location) == null ? void 0 : u.longitude), 1)
+          s("div", null, [
+            t[2] || (t[2] = s("strong", null, "Довгота:", -1)),
+            ae(" " + S((d = i.location) == null ? void 0 : d.longitude), 1)
           ]),
-          r("div", null, [
-            t[3] || (t[3] = r("strong", null, "КраЇна:", -1)),
-            ae(" " + S((a = n.data) == null ? void 0 : a.country), 1)
+          s("div", null, [
+            t[3] || (t[3] = s("strong", null, "КраЇна:", -1)),
+            ae(" " + S((v = i.data) == null ? void 0 : v.country), 1)
           ]),
-          r("div", null, [
-            t[4] || (t[4] = r("strong", null, "Код країни:", -1)),
-            ae(" " + S((m = n.data) == null ? void 0 : m.country_code), 1)
+          s("div", null, [
+            t[4] || (t[4] = s("strong", null, "Код країни:", -1)),
+            ae(" " + S((a = i.data) == null ? void 0 : a.country_code), 1)
           ]),
-          r("div", null, [
-            t[5] || (t[5] = r("strong", null, "Місто:", -1)),
-            ae(" " + S((h = n.data) == null ? void 0 : h.city), 1)
+          s("div", null, [
+            t[5] || (t[5] = s("strong", null, "Місто:", -1)),
+            ae(" " + S((u = i.data) == null ? void 0 : u.city), 1)
           ]),
-          r("div", null, [
-            t[6] || (t[6] = r("strong", null, "Поштовий індекс:", -1)),
-            ae(" " + S((f = n.data) == null ? void 0 : f.postcode), 1)
+          s("div", null, [
+            t[6] || (t[6] = s("strong", null, "Поштовий індекс:", -1)),
+            ae(" " + S((f = i.data) == null ? void 0 : f.postcode), 1)
           ])
         ])
       ])) : F("", !0)
     ])),
-    N(g, {
+    Z(g, {
       trigger: "hover",
       placement: "left",
       teleport: "body",
       class: "flex"
     }, {
-      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]"])
+      reference: q(() => [
+        Z(h, {
+          onClick: n.togleGeolocation,
+          class: Y([n.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: Z(() => [
-        t[7] || (t[7] = r("div", null, "Дізнатися геолокацію", -1))
+      default: q(() => [
+        t[7] || (t[7] = s("div", null, "Дізнатися геолокацію", -1))
       ]),
       _: 1
     })
   ]);
 }
-const An = /* @__PURE__ */ H(jn, [["render", zn]]), Ae = {
+const Dn = /* @__PURE__ */ N(Mn, [["render", On]]), Be = {
   __name: "vs-map-widget-column",
   props: {
     position: String,
@@ -2923,94 +2923,94 @@ const An = /* @__PURE__ */ H(jn, [["render", zn]]), Ae = {
     "closeCard",
     "content-resize"
   ],
-  setup(e, { expose: t, emit: o }) {
-    const s = o, n = e, i = A(
-      n.widgets.map((l) => {
-        var u;
+  setup(e, { expose: t, emit: r }) {
+    const o = r, i = e, n = T(
+      i.widgets.map((l) => {
+        var d;
         return {
           ...l,
-          config: { ...l.config, visible: ((u = l.config) == null ? void 0 : u.visible) !== !1 }
+          config: { ...l.config, visible: ((d = l.config) == null ? void 0 : d.visible) !== !1 }
         };
       })
     );
     fe(
-      () => n.widgets.map((l) => l.id || l.type).join(","),
+      () => i.widgets.map((l) => l.id || l.type).join(","),
       () => {
-        i.value = n.widgets.map((l) => {
-          var u;
+        n.value = i.widgets.map((l) => {
+          var d;
           return {
             ...l,
-            config: { ...l.config, visible: ((u = l.config) == null ? void 0 : u.visible) !== !1 }
+            config: { ...l.config, visible: ((d = l.config) == null ? void 0 : d.visible) !== !1 }
           };
         });
       }
     );
-    function d(l) {
-      const u = i.value.find((a) => a.id === l);
-      u && u.config && (u.config.visible = !u.config.visible, setTimeout(() => {
-        s("content-resize");
+    function m(l) {
+      const d = n.value.find((v) => v.id === l);
+      d && d.config && (d.config.visible = !d.config.visible, setTimeout(() => {
+        o("content-resize");
       }, 30));
     }
-    const v = A(null);
-    t({ columnRef: v });
+    const h = T(null);
+    t({ columnRef: h });
     let g = null;
-    return xe(() => {
+    return _e(() => {
       g = new MutationObserver(() => {
         var l;
-        clearTimeout((l = v.value) == null ? void 0 : l._resizeTimeout), v.value._resizeTimeout = setTimeout(() => {
-          s("content-resize");
+        clearTimeout((l = h.value) == null ? void 0 : l._resizeTimeout), h.value._resizeTimeout = setTimeout(() => {
+          o("content-resize");
         }, 30);
-      }), v.value && g.observe(v.value, {
+      }), h.value && g.observe(h.value, {
         childList: !0,
         subtree: !0,
         characterData: !0
       });
-    }), bt(() => {
+    }), xt(() => {
       g && g.disconnect();
-    }), (l, u) => e.mapLoaded ? (c(), p("div", {
+    }), (l, d) => e.mapLoaded ? (c(), p("div", {
       key: 0,
       class: "widget-column",
       ref_key: "columnRef",
-      ref: v,
+      ref: h,
       style: he({
         width: e.getColumnWidth(e.position),
         paddingRight: e.rightColumnOffset
       })
     }, [
-      (c(!0), p(B, null, W(i.value, (a) => {
-        var m;
-        return c(), p(B, {
-          key: a.id || a.type
+      (c(!0), p(z, null, W(n.value, (v) => {
+        var a;
+        return c(), p(z, {
+          key: v.id || v.type
         }, [
-          a.type !== "card" ? ne((c(), X(Oe(e.getWidgetComponent(a.type)), {
+          v.type !== "card" ? se((c(), K(De(e.getWidgetComponent(v.type)), {
             key: 0,
             map: e.map,
-            config: a.config,
+            config: v.config,
             hasFilters: e.hasFilters,
             currentLayer: e.currentFilterLayer,
             enabledLayerIds: e.enabledLayerIds,
             history: e.history,
-            onSetFilterLayer: u[0] || (u[0] = (h) => l.$emit("set-filter-layer", h)),
-            "onUpdate:enabledLayerIds": u[1] || (u[1] = (h) => l.$emit("update:enabledLayerIds", h)),
-            onCardValuesId: u[2] || (u[2] = (h) => l.$emit("cardValuesId", h)),
-            onShowWidget: d,
-            onCatalogLayers: u[3] || (u[3] = (h) => l.$emit("catalog-layers", h)),
+            onSetFilterLayer: d[0] || (d[0] = (u) => l.$emit("set-filter-layer", u)),
+            "onUpdate:enabledLayerIds": d[1] || (d[1] = (u) => l.$emit("update:enabledLayerIds", u)),
+            onCardValuesId: d[2] || (d[2] = (u) => l.$emit("cardValuesId", u)),
+            onShowWidget: m,
+            onCatalogLayers: d[3] || (d[3] = (u) => l.$emit("catalog-layers", u)),
             class: "widget"
           }, null, 40, ["map", "config", "hasFilters", "currentLayer", "enabledLayerIds", "history"])), [
-            [Pe, ((m = a.config) == null ? void 0 : m.visible) !== !1]
+            [Ee, ((a = v.config) == null ? void 0 : a.visible) !== !1]
           ]) : F("", !0),
-          e.cardValues && a.type === "card" ? (c(), X(rt, {
+          e.cardValues && v.type === "card" ? (c(), K(st, {
             key: 1,
-            config: a.config,
+            config: v.config,
             cardValues: e.cardValues,
             class: "widget",
-            onClose: u[4] || (u[4] = (h) => l.$emit("closeCard"))
+            onClose: d[4] || (d[4] = (u) => l.$emit("closeCard"))
           }, null, 8, ["config", "cardValues"])) : F("", !0)
         ], 64);
       }), 128))
     ], 4)) : F("", !0);
   }
-}, 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({
+}, Un = { class: "map-widgets-flex" }, Rn = { class: "widgets-left" }, Hn = { class: "widgets-top" }, Nn = { class: "widgets-bottom" }, Zn = { class: "widgets-right" }, Wn = { class: "widgets-top" }, qn = { class: "widgets-bottom" }, Gn = { class: "absolute top-[180px] right-2 z-10 flex flex-col gap-[5px]" }, Jn = /* @__PURE__ */ Ge({
   __name: "vs-map",
   props: {
     table: {},
@@ -3018,29 +3018,29 @@ const An = /* @__PURE__ */ H(jn, [["render", zn]]), Ae = {
     height: {}
   },
   setup(e) {
-    const t = e, o = A(null), s = A(!1);
+    const t = _t(), r = e, o = T(null), i = T(!1);
     let n = null;
-    const i = A(null), d = A(null), v = A([]), g = A([]), l = A(null), u = A(null), a = A(null), m = A([]);
-    let h = null;
-    function f(b) {
+    const m = T(null), h = T(null), g = T([]), l = T([]), d = T(null), v = T(null), a = T(null), u = T([]);
+    let f = null;
+    function L(b) {
       return !a.value || !a.value.widgets ? [] : b === "center" ? [
         ...a.value.widgets.filter(
           (x) => (x.position || {}) === "center"
         ) || [],
-        ...g.value.filter((x) => x.position === "center")
+        ...l.value.filter((x) => x.position === "center")
       ] : a.value.widgets.filter(
         (y) => (y.position || {}) === b
       ) || [];
     }
-    const L = (b, y, x) => y[b] || b, j = (b, y, x, I, w) => {
-      const C = L(b, I), P = y ? L(y, I) : "";
+    const j = (b, y, x) => y[b] || b, O = (b, y, x, I, w) => {
+      const C = j(b, I), P = y ? j(y, I) : "";
       let V = "";
-      return x != null && x.length && (V = x.map((E) => {
-        const J = L(E.value, I);
+      return x != null && x.length && (V = x.map((R) => {
+        const B = j(R.value, I);
         return `
         <tr class="flex justify-between items-center">
-          <td class="font-medium mr-1.5 flex items-center">${E.label}</td>
-          <td class="text-right">${J}</td>
+          <td class="font-medium mr-1.5 flex items-center">${R.label}</td>
+          <td class="text-right">${B}</td>
         </tr>
       `;
       }).join("")), `
@@ -3060,21 +3060,21 @@ const An = /* @__PURE__ */ H(jn, [["render", zn]]), Ae = {
       ` : ""}
     </div>
   `;
-    }, T = (b) => ({
-      legend: Vt,
-      basemaps: Pt,
-      layers: co,
-      info: wo,
-      attribute: er,
-      catalog: Fs,
-      filters: Ts,
-      "inline-filters": Ds,
-      list: Xs,
-      card: rt
-    })[b], k = M(() => !!a.value && Array.isArray(a.value.widgets) && a.value.widgets.some((b) => b.type === "filters")), _ = (b) => {
-      i.value = b;
+    }, k = (b) => ({
+      legend: jt,
+      basemaps: Tt,
+      layers: ho,
+      info: ko,
+      attribute: rr,
+      catalog: Es,
+      filters: Bs,
+      "inline-filters": Hs,
+      list: on,
+      card: st
+    })[b], _ = E(() => !!a.value && Array.isArray(a.value.widgets) && a.value.widgets.some((b) => b.type === "filters")), A = (b) => {
+      m.value = b;
     };
-    function D() {
+    function ne() {
       const b = new URLSearchParams(window.location.search), y = parseFloat(b.get("x")), x = parseFloat(b.get("y")), I = parseFloat(b.get("z")), w = parseFloat(b.get("bearing")), C = parseFloat(b.get("pitch"));
       return {
         center: isFinite(y) && isFinite(x) ? [y, x] : null,
@@ -3083,43 +3083,45 @@ const An = /* @__PURE__ */ H(jn, [["render", zn]]), Ae = {
         pitch: isFinite(C) ? C : null
       };
     }
-    function le({ center: b, zoom: y, bearing: x, pitch: I }) {
+    function ge({ center: b, zoom: y, bearing: x, pitch: I }) {
       const w = new URLSearchParams(window.location.search);
       w.set("x", b[0].toFixed(5)), w.set("y", b[1].toFixed(5)), w.set("z", y.toFixed(2)), w.set("bearing", x.toFixed(2)), w.set("pitch", I.toFixed(2));
       const C = `${window.location.pathname}?${w.toString()}`;
       window.history.replaceState({}, "", C);
     }
     const pe = () => {
-      var C, P, V;
+      var P, V, R;
       if (!a.value || !a.value.map) return;
       const b = {
         version: 8,
         glyphs: "https://cdn.softpro.ua/data/fonts/{fontstack}/{range}.pbf",
         sources: {},
         layers: []
-      };
-      let y = a.value.map.center, x = a.value.map.zoom, I = a.value.map.bearing || 0, w = a.value.map.pitch || 0;
+      }, y = (t == null ? void 0 : t.appContext.config.globalProperties.$settings) || {};
+      let x = a.value.map.center || y.center || [50, 30], I = a.value.map.zoom || y.zoom || 10, w = a.value.map.bearing || 0, C = a.value.map.pitch || 0;
       if (a.value.history) {
-        const E = D();
-        E.center && (y = E.center), E.zoom !== null && (x = E.zoom), E.bearing !== null && (I = E.bearing), E.pitch !== null && (w = E.pitch);
+        const B = ne();
+        B.center && (x = B.center), B.zoom !== null && (I = B.zoom), B.bearing !== null && (w = B.bearing), B.pitch !== null && (C = B.pitch);
       }
       o.value = new maplibregl.Map({
         container: "maplibre-demo-map",
         style: b,
-        center: y,
-        zoom: x,
-        bearing: I,
-        pitch: w,
-        maxBounds: [18.0856083513, 40.3614785833, 58.0807890155, 56.3350745713]
-      }), (V = (P = (C = a == null ? void 0 : a.value) == null ? void 0 : C.interactions) == null ? void 0 : P.navigation) != null && V.enabled && !h && (h = new maplibregl.NavigationControl(), o.value.addControl(h, "top-right")), o.value.on("load", async () => {
-        var Y, ke, U, Le, Se;
-        s.value = !0;
-        const E = D(), J = E.center && E.zoom !== null;
-        if ((Y = a.value.map) != null && Y.bbox && !J) {
-          const [q, R, $, te] = a.value.map.bbox;
+        center: x,
+        zoom: I,
+        bearing: w,
+        pitch: C,
+        maxZoom: 19,
+        minZoom: 5
+        // maxBounds: [18.0856083513, 40.3614785833, 58.0807890155, 56.3350745713],
+      }), console.log({ center: x, zoom: I }), (R = (V = (P = a == null ? void 0 : a.value) == null ? void 0 : P.interactions) == null ? void 0 : V.navigation) != null && R.enabled && !f && (f = new maplibregl.NavigationControl(), o.value.addControl(f, "top-right")), o.value.on("load", async () => {
+        var Ce, U, $e, Fe, Ke;
+        i.value = !0;
+        const B = ne(), Le = B.center && B.zoom !== null;
+        if ((Ce = a.value.map) != null && Ce.bbox && !Le) {
+          const [G, H, $, te] = a.value.map.bbox;
           o.value.fitBounds(
             [
-              [q, R],
+              [G, H],
               [$, te]
             ],
             {
@@ -3129,217 +3131,217 @@ const An = /* @__PURE__ */ H(jn, [["render", zn]]), Ae = {
           );
         }
         if (await (async () => {
-          var R, $, te, re, ee;
-          const q = ((ee = (re = (te = ($ = (R = a.value) == null ? void 0 : R.widgets) == null ? void 0 : $.find((z) => z.type === "layers")) == null ? void 0 : te.config) == null ? void 0 : re.layers) == null ? void 0 : ee.filter(
-            (z) => {
+          var H, $, te, oe, X;
+          const G = ((X = (oe = (te = ($ = (H = a.value) == null ? void 0 : H.widgets) == null ? void 0 : $.find((M) => M.type === "layers")) == null ? void 0 : te.config) == null ? void 0 : oe.layers) == null ? void 0 : X.filter(
+            (M) => {
               var ce;
-              return ((ce = z.style) == null ? void 0 : ce.attrType) === "icon-by-attribute";
+              return ((ce = M.style) == null ? void 0 : ce.attrType) === "icon-by-attribute";
             }
           )) || [];
-          for (const z of q) {
-            const { rules: ce, default_icon: ve, icon_base_url: me } = z.style, ye = [...ce.map((se) => se.icon), ve].filter(
+          for (const M of G) {
+            const { rules: ce, default_icon: me, icon_base_url: ye } = M.style, be = [...ce.map((re) => re.icon), me].filter(
               Boolean
             );
-            for (const se of ye)
+            for (const re of be)
               try {
-                const de = `${me}${se}`, be = await o.value.loadImage(de);
-                o.value.hasImage(se) || o.value.addImage(se, be.data);
+                const de = `${ye}${re}`, we = await o.value.loadImage(de);
+                o.value.hasImage(re) || o.value.addImage(re, we.data);
               } catch (de) {
-                console.error(`Failed to load icon: ${se}`, de);
+                console.error(`Failed to load icon: ${re}`, de);
               }
           }
-        })(), (Le = (U = (ke = a.value) == null ? void 0 : ke.interactions) == null ? void 0 : U.hover) != null && Le.enabled && (o.value.on("mousemove", (q) => {
-          var ce, ve, me, ye, se, de, be, Fe, Q, ze;
-          const R = o.value.queryRenderedFeatures(q.point);
-          if (o.value && o.value.getCanvas && (o.value.getCanvas().style.cursor = R.length ? "pointer" : ""), !R.length) {
-            if (d.value) {
-              const O = (ce = o.value.getSource(
-                d.value.source
+        })(), (Fe = ($e = (U = a.value) == null ? void 0 : U.interactions) == null ? void 0 : $e.hover) != null && Fe.enabled && (o.value.on("mousemove", (G) => {
+          var ce, me, ye, be, re, de, we, je, Q, Ae;
+          const H = o.value.queryRenderedFeatures(G.point);
+          if (o.value && o.value.getCanvas && (o.value.getCanvas().style.cursor = H.length ? "pointer" : ""), !H.length) {
+            if (h.value) {
+              const D = (ce = o.value.getSource(
+                h.value.source
               )) == null ? void 0 : ce.type;
-              d.value.source, d.value.id, O === "vector" && d.value.source, ge(
+              h.value.source, h.value.id, D === "vector" && h.value.source, ve(
                 o.value,
-                d.value.source,
-                d.value.id,
+                h.value.source,
+                h.value.id,
                 { hovered: !1 }
-              ), d.value = null;
+              ), h.value = null;
             }
             n && (n.remove(), n = null);
             return;
           }
-          const $ = R[0];
-          if (!d.value || d.value.id !== $.id || d.value.source !== $.layer.source) {
-            if (d.value) {
-              const Re = (ve = o.value.getSource(
-                d.value.source
-              )) == null ? void 0 : ve.type;
-              d.value.source, d.value.id, Re === "vector" && d.value.source, ge(
+          const $ = H[0];
+          if (!h.value || h.value.id !== $.id || h.value.source !== $.layer.source) {
+            if (h.value) {
+              const Re = (me = o.value.getSource(
+                h.value.source
+              )) == null ? void 0 : me.type;
+              h.value.source, h.value.id, Re === "vector" && h.value.source, ve(
                 o.value,
-                d.value.source,
-                d.value.id,
+                h.value.source,
+                h.value.id,
                 { hovered: !1 }
               );
             }
-            const O = (me = o.value.getSource($.layer.source)) == null ? void 0 : me.type;
-            $.layer.source, $.id, O === "vector" && $.layer.source, ge(o.value, $.layer.source, $.id, {
+            const D = (ye = o.value.getSource($.layer.source)) == null ? void 0 : ye.type;
+            $.layer.source, $.id, D === "vector" && $.layer.source, ve(o.value, $.layer.source, $.id, {
               hovered: !0
-            }), d.value = { source: $.layer.source, id: $.id };
+            }), h.value = { source: $.layer.source, id: $.id };
           }
-          const te = (se = (ye = a.value) == null ? void 0 : ye.widgets) == null ? void 0 : se.find(
-            (O) => O.type === "layers"
-          ), re = (be = (de = a.value) == null ? void 0 : de.widgets) == null ? void 0 : be.find(
-            (O) => O.type === "attribute"
+          const te = (re = (be = a.value) == null ? void 0 : be.widgets) == null ? void 0 : re.find(
+            (D) => D.type === "layers"
+          ), oe = (we = (de = a.value) == null ? void 0 : de.widgets) == null ? void 0 : we.find(
+            (D) => D.type === "attribute"
           );
-          let ee = null;
-          if (te && (ee = te.config.layers.find(
-            (O) => O.id === $.layer.source
-          )), (Q = (Fe = a.value) == null ? void 0 : Fe.widgets) == null ? void 0 : Q.find(
-            (O) => O.type === "catalog"
+          let X = null;
+          if (te && (X = te.config.layers.find(
+            (D) => D.id === $.layer.source
+          )), (Q = (je = a.value) == null ? void 0 : je.widgets) == null ? void 0 : Q.find(
+            (D) => D.type === "catalog"
           )) {
-            if (!R.length) {
+            if (!H.length) {
               n && (n.style.display = "none");
               return;
             }
-            const O = R[0];
-            n = pt(O, q, n);
+            const D = H[0];
+            n = ft(D, G, 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) {
-            const O = ee.style.popup;
-            let Re = O.title, He = "";
-            O.mode === "markdown" ? He = Array.isArray(O.content) ? O.content.join(`
+          if (!X && oe && oe.config.layer.id === $.layer.source && (X = oe.config.layer), (Ae = X == null ? void 0 : X.style) != null && Ae.popup) {
+            const D = X.style.popup;
+            let Re = D.title, He = "";
+            D.mode === "markdown" ? He = Array.isArray(D.content) ? D.content.join(`
 
-`) : "" : He = Array.isArray(O.content) ? O.content.join("") : "", n || (n = document.createElement("div"), o.value.getContainer().appendChild(n)), n.innerHTML = j(
+`) : "" : He = Array.isArray(D.content) ? D.content.join("") : "", n || (n = document.createElement("div"), o.value.getContainer().appendChild(n)), n.innerHTML = O(
               Re,
               He,
-              O.fields,
+              D.fields,
               $.properties,
-              O.mode
-            ), Ye(n, q);
+              D.mode
+            ), Ye(n, G);
           }
         }), o.value.on("mouseleave", () => {
-          var q;
-          if (n && (n.remove(), n = null), d.value) {
-            const R = (q = o.value.getSource(
-              d.value.source
-            )) == null ? void 0 : q.type;
-            d.value.source, d.value.id, R === "vector" && d.value.source, ge(
+          var G;
+          if (n && (n.remove(), n = null), h.value) {
+            const H = (G = o.value.getSource(
+              h.value.source
+            )) == null ? void 0 : G.type;
+            h.value.source, h.value.id, H === "vector" && h.value.source, ve(
               o.value,
-              d.value.source,
-              d.value.id,
+              h.value.source,
+              h.value.id,
               { hovered: !1 }
-            ), d.value = null;
+            ), h.value = null;
           }
           o.value && o.value.getCanvas && (o.value.getCanvas().style.cursor = "");
-        })), o.value.on("click", async (q) => {
-          var ve, me, ye, se, de, be, Fe;
-          if (oe(), ["length", "area", "print"].includes(u.value)) return;
-          const R = o.value.queryRenderedFeatures(q.point);
-          if (!R.length) return;
-          const $ = R[0], te = (me = (ve = a.value) == null ? void 0 : ve.widgets) == null ? void 0 : me.find(
+        })), o.value.on("click", async (G) => {
+          var me, ye, be, re, de, we, je;
+          if (le(), ["length", "area", "print"].includes(v.value)) return;
+          const H = o.value.queryRenderedFeatures(G.point);
+          if (!H.length) return;
+          const $ = H[0], te = (ye = (me = a.value) == null ? void 0 : me.widgets) == null ? void 0 : ye.find(
             (Q) => Q.type === "layers"
-          ), re = (se = (ye = a.value) == null ? void 0 : ye.widgets) == null ? void 0 : se.find(
+          ), oe = (re = (be = a.value) == null ? void 0 : be.widgets) == null ? void 0 : re.find(
             (Q) => Q.type === "attribute"
-          ), ee = (be = (de = a.value) == null ? void 0 : de.widgets) == null ? void 0 : be.find(
+          ), X = (we = (de = a.value) == null ? void 0 : de.widgets) == null ? void 0 : we.find(
             (Q) => Q.type === "catalog"
           );
-          let z;
-          if (ee ? z = $.layer.source : z = (re == null ? void 0 : re.config.layer) || (te == null ? void 0 : te.config.layers.find((Q) => Q.id === $.layer.source)), z != null && z.noCard) return;
-          v.value.forEach((Q) => {
-            var O;
-            const ze = (O = o.value.getSource(Q.source)) == null ? void 0 : O.type;
-            Q.source, Q.id, ze === "vector" && Q.source, ge(o.value, Q.source, Q.id, {
+          let M;
+          if (X ? M = $.layer.source : M = (oe == null ? void 0 : oe.config.layer) || (te == null ? void 0 : te.config.layers.find((Q) => Q.id === $.layer.source)), M != null && M.noCard) return;
+          g.value.forEach((Q) => {
+            var D;
+            const Ae = (D = o.value.getSource(Q.source)) == null ? void 0 : D.type;
+            Q.source, Q.id, Ae === "vector" && Q.source, ve(o.value, Q.source, Q.id, {
               selected: !1
             });
-          }), v.value = [];
-          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, {
+          }), g.value = [];
+          const ce = (je = o.value.getSource($.layer.source)) == null ? void 0 : je.type;
+          $.layer.source, $.id, ce === "vector" && $.layer.source, ve(o.value, $.layer.source, $.id, {
             selected: !0
-          }), v.value.push({ source: $.layer.source, id: $.id }), l.value = {
-            layer: (z == null ? void 0 : z.service_key) || z || "",
-            map: (z == null ? void 0 : z.map_key) || "",
+          }), g.value.push({ source: $.layer.source, id: $.id }), d.value = {
+            layer: (M == null ? void 0 : M.service_key) || M || "",
+            map: (M == null ? void 0 : M.map_key) || "",
             id: $.properties.id,
-            title: (z == null ? void 0 : z.title) || ""
+            title: (M == null ? void 0 : M.title) || ""
           };
-        }), o.value.on("dblclick", (q) => {
-          var te, re, ee;
-          if (oe(), ["length", "area", "print"].includes(u.value)) return;
-          lt([q.lngLat.lng, q.lngLat.lat]);
-          const R = (re = (te = a.value) == null ? void 0 : te.widgets) == null ? void 0 : re.find(
-            (z) => z.type === "layers"
+        }), o.value.on("dblclick", (G) => {
+          var te, oe, X;
+          if (le(), ["length", "area", "print"].includes(v.value)) return;
+          dt([G.lngLat.lng, G.lngLat.lat]);
+          const H = (oe = (te = a.value) == null ? void 0 : te.widgets) == null ? void 0 : oe.find(
+            (M) => M.type === "layers"
           );
           let $ = null;
-          (ee = R == null ? void 0 : R.config) != null && ee.layers && ($ = R.config.layers.find(
-            (z) => z.visible !== !1 && ["tms", "wms", "raster"].includes(
-              (z.service_type || z.service || "").toLowerCase()
+          (X = H == null ? void 0 : H.config) != null && X.layers && ($ = H.config.layers.find(
+            (M) => M.visible !== !1 && ["tms", "wms", "raster"].includes(
+              (M.service_type || M.service || "").toLowerCase()
             )
-          )), !($ != null && $.noCard) && (l.value = {
+          )), !($ != null && $.noCard) && (d.value = {
             layer: ($ == null ? void 0 : $.map_key) || "",
             map: ($ == null ? void 0 : $.service_key) || "",
             id: "",
             title: ($ == null ? void 0 : $.title) || ""
           });
-        }), o.value.resize(), (Se = a == null ? void 0 : a.value) != null && Se.history) {
-          const q = () => {
-            const R = o.value.getCenter();
-            le({
-              center: [R.lng, R.lat],
+        }), o.value.resize(), (Ke = a == null ? void 0 : a.value) != null && Ke.history) {
+          const G = () => {
+            const H = o.value.getCenter();
+            ge({
+              center: [H.lng, H.lat],
               zoom: o.value.getZoom(),
               bearing: o.value.getBearing(),
               pitch: o.value.getPitch()
             });
           };
-          o.value.on("moveend", q), o.value.on("rotate", q), o.value.on("pitch", q);
+          o.value.on("moveend", G), o.value.on("rotate", G), o.value.on("pitch", G);
         }
       });
-    }, oe = () => {
-      Je(), v.value.forEach((b) => {
-        o.value && ge(o.value, b.source, b.id, {
+    }, le = () => {
+      Je(), g.value.forEach((b) => {
+        o.value && ve(o.value, b.source, b.id, {
           selected: !1
         });
-      }), v.value = [], l.value = null;
+      }), g.value = [], d.value = null;
     };
-    xe(async () => {
-      await Ue(), await Ee(), pe();
+    _e(async () => {
+      await it(), await Me(), pe();
       const b = document.getElementById("maplibre-demo-map");
       b && b.addEventListener("mouseleave", () => {
         n && (n.remove(), n = null);
       });
     });
-    const De = M(() => ({
-      height: (t == null ? void 0 : t.height) || "100vh",
+    const Ue = E(() => ({
+      height: (r == null ? void 0 : r.height) || "100vh",
       width: "100%"
-    })), Ue = async () => {
-      const b = await fetch(`/api/map/${t.name || t.table || "main"}`).then((y) => y.json());
+    })), it = async () => {
+      const b = await fetch(`/api/map/${r.name || r.table || "main"}`).then((y) => y.json());
       a.value = b;
-    }, Me = (b) => {
+    }, Te = (b) => {
       if (!a.value || !a.value.widgets) return "400px";
       const y = a.value.widgets.find((x) => x.position === b);
       return (y == null ? void 0 : y.width) || "400px";
-    }, ie = A([]);
+    }, ie = T([]);
     fe(
       () => a.value,
       (b) => {
-        b && b.map && (ie.value = nt(), pe());
+        b && b.map && (ie.value = at(), pe());
       }
     );
-    const nt = () => {
+    const at = () => {
       var y;
       if (!a.value || !a.value.widgets) return [];
       const b = a.value.widgets.find((x) => x.type === "layers");
       return (y = b == null ? void 0 : b.config) != null && y.layers ? b.config.layers.map((x) => ({ ...x, visible: x.visible ?? !1 })).filter((x) => x.visible).map((x) => x.id) : [];
     };
-    function ge(b, y, x, I) {
+    function ve(b, y, x, I) {
       b.getStyle().layers.filter((C) => C.source === y).forEach((C) => {
         var V;
         const P = { source: y, id: x };
         ((V = b.getSource(y)) == null ? void 0 : V.type) === "vector" && C["source-layer"] && (P.sourceLayer = C["source-layer"]), b.setFeatureState(P, I);
       });
     }
-    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");
+    const lt = E(() => !!a.value && !!a.value.interactions && !!a.value.interactions.navigation && a.value.interactions.navigation.enabled), ct = E(() => !!a.value && Array.isArray(a.value.tools) && a.value.tools.length > 0), ze = E(() => lt.value || ct.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 lt(b) {
+    function dt(b) {
       var I, w, C, P;
       Je();
       const y = 80, x = {
@@ -3352,16 +3354,16 @@ const An = /* @__PURE__ */ H(jn, [["render", zn]]), Ae = {
         },
         render() {
           var U;
-          const E = performance.now() % 2e3 / 2e3, J = y / 2 * 0.3, Ve = y / 2 * 0.7 * E + J, { context: Y } = this;
-          Y.clearRect(0, 0, this.width, this.height), Y.beginPath(), Y.arc(this.width / 2, this.height / 2, Ve, 0, Math.PI * 2), Y.fillStyle = `rgba(255, 100, 100, ${1 - E})`, Y.fill();
-          const ke = y / 2 * 0.7 * (E - 0.5 < 0 ? E - 0.5 + 1 : E - 0.5) + J;
-          return Y.beginPath(), Y.arc(
+          const R = performance.now() % 2e3 / 2e3, B = y / 2 * 0.3, Le = y / 2 * 0.7 * R + B, { context: ee } = this;
+          ee.clearRect(0, 0, this.width, this.height), ee.beginPath(), ee.arc(this.width / 2, this.height / 2, Le, 0, Math.PI * 2), ee.fillStyle = `rgba(255, 100, 100, ${1 - R})`, ee.fill();
+          const Ce = y / 2 * 0.7 * (R - 0.5 < 0 ? R - 0.5 + 1 : R - 0.5) + B;
+          return ee.beginPath(), ee.arc(
             this.width / 2,
             this.height / 2,
-            ke,
+            Ce,
             0,
             Math.PI * 2
-          ), Y.fillStyle = `rgba(255, 100, 100, ${1 - (E - 0.5 < 0 ? E - 0.5 + 1 : E - 0.5)})`, Y.fill(), this.data = Y.getImageData(0, 0, this.width, this.height).data, (U = o.value) == null || U.triggerRepaint(), !0;
+          ), ee.fillStyle = `rgba(255, 100, 100, ${1 - (R - 0.5 < 0 ? R - 0.5 + 1 : R - 0.5)})`, ee.fill(), this.data = ee.getImageData(0, 0, this.width, this.height).data, (U = o.value) == null || U.triggerRepaint(), !0;
         }
       };
       (I = o.value) != null && I.hasImage("pulsing-dot") || (w = o.value) == null || w.addImage("pulsing-dot", x, { pixelRatio: 2 }), (C = o.value) == null || C.addSource("dot-point", {
@@ -3378,63 +3380,63 @@ const An = /* @__PURE__ */ H(jn, [["render", zn]]), Ae = {
         paint: { "icon-opacity": 0.6 }
       });
     }
-    const ct = M(() => {
-      var b, y, x, I, w, C, P, V, E, J;
+    const ut = E(() => {
+      var b, y, x, I, w, C, P, V, R, B;
       return {
         center: (y = (b = a == null ? void 0 : a.value) == null ? void 0 : b.map) == null ? void 0 : y.center,
         zoom: (I = (x = a == null ? void 0 : a.value) == null ? void 0 : x.map) == null ? void 0 : I.zoom,
         pitch: ((C = (w = a == null ? void 0 : a.value) == null ? void 0 : w.map) == null ? void 0 : C.pitch) || 0,
         bearing: ((V = (P = a == null ? void 0 : a.value) == null ? void 0 : P.map) == null ? void 0 : V.bearing) || 0,
-        bbox: ((J = (E = a == null ? void 0 : a.value) == null ? void 0 : E.map) == null ? void 0 : J.bbox) || null
+        bbox: ((B = (R = a == null ? void 0 : a.value) == null ? void 0 : R.map) == null ? void 0 : B.bbox) || null
       };
     }), Qe = {
-      home: dn,
-      print: mn,
-      geolocation: An,
-      pitch: wn
+      home: hn,
+      print: wn,
+      geolocation: Dn,
+      pitch: kn
       // length: VsLengthMeasure,
       // area: VsAreaMeasure,
-    }, dt = (b) => {
-      u.value = b;
+    }, pt = (b) => {
+      v.value = b;
     };
-    function _e(b) {
+    function ke(b) {
       if (!a.value || !a.value.widgets) return;
       const y = a.value.widgets.find((w) => w.type === "list");
       if (!y || !y.config) return;
       const { map_key: x, service_key: I } = y.config;
-      x && I && (l.value = {
+      x && I && (d.value = {
         id: b,
         map: x,
         layer: I
       });
     }
-    const ut = M(
+    const ht = E(
       () => a.value && a.value.widgets ? a.value.widgets.filter((b) => b.position === "absolute") : []
     );
-    function pt(b, y, x) {
-      const I = b.properties, w = m.value.find(
+    function ft(b, y, x) {
+      const I = b.properties, w = u.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 ? `
+      ), 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), R = V.length > 0 ? `
     <div class="popup-image-single overflow-hidden rounded-t-xl" style="width:260px;height:160px;margin:0 auto 0 auto;">
       <img src="${V[0]}" style="width:100%;height:100%;object-fit:cover;border-radius:12px 12px 0 0;display:block;" />
     </div>
-  ` : "", J = C.find((U) => U.meta === "title"), Ve = J ? I == null ? void 0 : I[J.name] : "";
-      let Y = C.filter((U) => U.meta !== "title" && U.meta !== "image").map((U) => {
-        const Le = I == null ? void 0 : I[U.name];
-        let Se = Le ?? "-";
+  ` : "", B = C.find((U) => U.meta === "title"), Le = B ? I == null ? void 0 : I[B.name] : "";
+      let ee = C.filter((U) => U.meta !== "title" && U.meta !== "image").map((U) => {
+        const $e = I == null ? void 0 : I[U.name];
+        let Fe = $e ?? "-";
         switch (U.meta) {
           case "badge":
-            Se = Le ? `<span class="inline-block rounded px-2 py-0.5 text-xs bg-yellow-100 text-yellow-800 ">${Le}</span>` : "-";
+            Fe = $e ? `<span class="inline-block rounded px-2 py-0.5 text-xs bg-yellow-100 text-yellow-800 ">${$e}</span>` : "-";
             break;
         }
         return `
         <tr style="display: table-row;">
           <td style="display: table-cell; padding: 2px 8px 2px 0; vertical-align: middle; font-weight: 500; width: 50%; text-align: left;">${U.ua || U.name}</td>
-          <td style="display: table-cell; padding: 2px 0 2px 8px; vertical-align: middle; width: 50%; text-align: right;">${Se}</td>
+          <td style="display: table-cell; padding: 2px 0 2px 8px; vertical-align: middle; width: 50%; text-align: right;">${Fe}</td>
         </tr>
       `;
       }).join("");
-      C.length || (Y = Object.keys(I).map(
+      C.length || (ee = Object.keys(I).map(
         (U) => `
       <tr style="display: table-row;">
         <td style="display: table-cell; padding: 2px 8px 2px 0; vertical-align: middle; font-weight: 500; width: 50%; text-align: left;">${U}</td>
@@ -3442,179 +3444,179 @@ const An = /* @__PURE__ */ H(jn, [["render", zn]]), Ae = {
       </tr>
     `
       ).join(""));
-      const ke = `
+      const Ce = `
     <div class="absolute min-w-[250px] max-w-[300px] bg-white/90 border border-gray-200 rounded-lg shadow-md text-gray-800 pointer-events-none" style="display: flex; flex-direction: column; justify-content: center;">
-      ${E}
-      ${Ve ? `<div class="font-semibold text-sm border-b border-solid border-gray-200 text-gray-800 px-2 py-1">${Ve}</div>` : ""}
+      ${R}
+      ${Le ? `<div class="font-semibold text-sm border-b border-solid border-gray-200 text-gray-800 px-2 py-1">${Le}</div>` : ""}
       <div class="text-xs px-2 py-0.5 text-gray-500" style="display: flex; justify-content: center; align-items: center; flex: 1;">
         <table class="w-full" style="border-collapse: collapse; border: none; margin: 0 auto;">
-          <tbody>${Y}</tbody>
+          <tbody>${ee}</tbody>
         </table>
       </div>
     </div>
   `;
-      return x || (x = document.createElement("div"), x.className = "custom-popup absolute z-50", document.body.appendChild(x)), x.innerHTML = ke, Ye(x, y), x;
+      return x || (x = document.createElement("div"), x.className = "custom-popup absolute z-50", document.body.appendChild(x)), x.innerHTML = Ce, Ye(x, y), x;
     }
     function Ye(b, y) {
       const x = b.offsetWidth, I = b.offsetHeight, w = document.getElementById("maplibre-demo-map"), C = w.getBoundingClientRect(), P = y.originalEvent.clientX - C.left, V = y.originalEvent.clientY - C.top;
-      let E = P - x / 2;
-      E = Math.max(10, Math.min(E, C.width - x - 10));
-      let J;
-      V - I - 10 > 0 ? J = V - I - 5 : V + I + 10 < C.height ? J = V + 10 : J = Math.max(10, C.height - I - 10), b.style.position = "absolute", b.style.left = `${E + 20}px`, b.style.top = `${J + 10}px`, b.parentNode !== w && w.appendChild(b);
+      let R = P - x / 2;
+      R = Math.max(10, Math.min(R, C.width - x - 10));
+      let B;
+      V - I - 10 > 0 ? B = V - I - 5 : V + I + 10 < C.height ? B = V + 10 : B = Math.max(10, C.height - I - 10), b.style.position = "absolute", b.style.left = `${R + 20}px`, b.style.top = `${B + 10}px`, b.parentNode !== w && w.appendChild(b);
     }
     return (b, y) => {
       var x, I;
       return c(), p("div", {
         class: "maplibre-demo-map-container",
-        style: he(De.value)
+        style: he(Ue.value)
       }, [
-        y[10] || (y[10] = r("div", { id: "maplibre-demo-map" }, null, -1)),
-        s.value ? (c(), p(B, { key: 1 }, [
-          r("div", Bn, [
-            r("div", On, [
-              r("div", Dn, [
-                (c(), p(B, null, W(["top-left"], (w) => {
+        y[10] || (y[10] = s("div", { id: "maplibre-demo-map" }, null, -1)),
+        i.value ? (c(), p(z, { key: 1 }, [
+          s("div", Un, [
+            s("div", Rn, [
+              s("div", Hn, [
+                (c(), p(z, null, W(["top-left"], (w) => {
                   var C, P;
-                  return N(Ae, {
+                  return Z(Be, {
                     key: w,
                     position: w,
-                    widgets: f(w),
+                    widgets: L(w),
                     map: o.value,
-                    mapLoaded: s.value,
-                    cardValues: l.value,
-                    hasFilters: k.value,
+                    mapLoaded: i.value,
+                    cardValues: d.value,
+                    hasFilters: _.value,
                     history: (P = (C = a.value) == null ? void 0 : C.value) == null ? void 0 : P.history,
-                    currentFilterLayer: i.value,
+                    currentFilterLayer: m.value,
                     enabledLayerIds: ie.value,
-                    getWidgetComponent: T,
-                    getColumnWidth: Me,
-                    rightColumnOffset: w === "top-right" ? Te.value : void 0,
-                    onSetFilterLayer: _,
+                    getWidgetComponent: k,
+                    getColumnWidth: Te,
+                    rightColumnOffset: w === "top-right" ? ze.value : void 0,
+                    onSetFilterLayer: A,
                     "onUpdate:enabledLayerIds": y[0] || (y[0] = (V) => ie.value = V),
-                    onCardValuesId: _e,
-                    onCloseCard: oe,
-                    onCatalogLayers: y[1] || (y[1] = (V) => m.value = V)
+                    onCardValuesId: ke,
+                    onCloseCard: le,
+                    onCatalogLayers: y[1] || (y[1] = (V) => u.value = V)
                   }, null, 8, ["position", "widgets", "map", "mapLoaded", "cardValues", "hasFilters", "history", "currentFilterLayer", "enabledLayerIds", "rightColumnOffset"]);
                 }), 64))
               ]),
-              r("div", Un, [
-                (c(), p(B, null, W(["bottom-left"], (w) => {
+              s("div", Nn, [
+                (c(), p(z, null, W(["bottom-left"], (w) => {
                   var C, P;
-                  return N(Ae, {
+                  return Z(Be, {
                     key: w,
                     position: w,
-                    widgets: f(w),
+                    widgets: L(w),
                     map: o.value,
-                    mapLoaded: s.value,
-                    cardValues: l.value,
-                    hasFilters: k.value,
+                    mapLoaded: i.value,
+                    cardValues: d.value,
+                    hasFilters: _.value,
                     history: (P = (C = a.value) == null ? void 0 : C.value) == null ? void 0 : P.history,
-                    currentFilterLayer: i.value,
+                    currentFilterLayer: m.value,
                     enabledLayerIds: ie.value,
-                    getWidgetComponent: T,
-                    getColumnWidth: Me,
-                    rightColumnOffset: w === "top-right" ? Te.value : void 0,
-                    onSetFilterLayer: _,
+                    getWidgetComponent: k,
+                    getColumnWidth: Te,
+                    rightColumnOffset: w === "top-right" ? ze.value : void 0,
+                    onSetFilterLayer: A,
                     "onUpdate:enabledLayerIds": y[2] || (y[2] = (V) => ie.value = V),
-                    onCardValuesId: _e,
-                    onCloseCard: oe,
-                    onCatalogLayers: y[3] || (y[3] = (V) => m.value = V)
+                    onCardValuesId: ke,
+                    onCloseCard: le,
+                    onCatalogLayers: y[3] || (y[3] = (V) => u.value = V)
                   }, null, 8, ["position", "widgets", "map", "mapLoaded", "cardValues", "hasFilters", "history", "currentFilterLayer", "enabledLayerIds", "rightColumnOffset"]);
                 }), 64))
               ])
             ]),
-            r("div", Rn, [
-              r("div", Hn, [
-                (c(), p(B, null, W(["top-right"], (w) => {
+            s("div", Zn, [
+              s("div", Wn, [
+                (c(), p(z, null, W(["top-right"], (w) => {
                   var C, P;
-                  return N(Ae, {
+                  return Z(Be, {
                     key: w,
                     position: w,
-                    widgets: f(w),
+                    widgets: L(w),
                     map: o.value,
-                    mapLoaded: s.value,
-                    cardValues: l.value,
-                    hasFilters: k.value,
+                    mapLoaded: i.value,
+                    cardValues: d.value,
+                    hasFilters: _.value,
                     history: (P = (C = a.value) == null ? void 0 : C.value) == null ? void 0 : P.history,
-                    currentFilterLayer: i.value,
+                    currentFilterLayer: m.value,
                     enabledLayerIds: ie.value,
-                    getWidgetComponent: T,
-                    getColumnWidth: Me,
-                    rightColumnOffset: w === "top-right" ? Te.value : void 0,
-                    onSetFilterLayer: _,
+                    getWidgetComponent: k,
+                    getColumnWidth: Te,
+                    rightColumnOffset: w === "top-right" ? ze.value : void 0,
+                    onSetFilterLayer: A,
                     "onUpdate:enabledLayerIds": y[4] || (y[4] = (V) => ie.value = V),
-                    onCardValuesId: _e,
-                    onCloseCard: oe,
-                    onCatalogLayers: y[5] || (y[5] = (V) => m.value = V)
+                    onCardValuesId: ke,
+                    onCloseCard: le,
+                    onCatalogLayers: y[5] || (y[5] = (V) => u.value = V)
                   }, null, 8, ["position", "widgets", "map", "mapLoaded", "cardValues", "hasFilters", "history", "currentFilterLayer", "enabledLayerIds", "rightColumnOffset"]);
                 }), 64))
               ]),
-              r("div", Nn, [
-                (c(), p(B, null, W(["bottom-right"], (w) => {
+              s("div", qn, [
+                (c(), p(z, null, W(["bottom-right"], (w) => {
                   var C, P;
-                  return N(Ae, {
+                  return Z(Be, {
                     key: w,
                     position: w,
-                    widgets: f(w),
+                    widgets: L(w),
                     map: o.value,
-                    mapLoaded: s.value,
-                    cardValues: l.value,
-                    hasFilters: k.value,
+                    mapLoaded: i.value,
+                    cardValues: d.value,
+                    hasFilters: _.value,
                     history: (P = (C = a.value) == null ? void 0 : C.value) == null ? void 0 : P.history,
-                    currentFilterLayer: i.value,
+                    currentFilterLayer: m.value,
                     enabledLayerIds: ie.value,
-                    getWidgetComponent: T,
-                    getColumnWidth: Me,
-                    rightColumnOffset: w === "top-right" ? Te.value : void 0,
-                    onSetFilterLayer: _,
+                    getWidgetComponent: k,
+                    getColumnWidth: Te,
+                    rightColumnOffset: w === "top-right" ? ze.value : void 0,
+                    onSetFilterLayer: A,
                     "onUpdate:enabledLayerIds": y[6] || (y[6] = (V) => ie.value = V),
-                    onCardValuesId: _e,
-                    onCloseCard: oe,
-                    onCatalogLayers: y[7] || (y[7] = (V) => m.value = V)
+                    onCardValuesId: ke,
+                    onCloseCard: le,
+                    onCatalogLayers: y[7] || (y[7] = (V) => u.value = V)
                   }, null, 8, ["position", "widgets", "map", "mapLoaded", "cardValues", "hasFilters", "history", "currentFilterLayer", "enabledLayerIds", "rightColumnOffset"]);
                 }), 64))
               ])
             ])
           ]),
-          (c(!0), p(B, null, W(ut.value, (w, C) => (c(), p("div", {
+          (c(!0), p(z, null, W(ht.value, (w, C) => (c(), p("div", {
             key: "abs-" + (w.id || w.type || C),
             class: "absolute z-20",
             style: he(w.style)
           }, [
-            (c(), X(Oe(T(w.type)), {
+            (c(), K(De(k(w.type)), {
               map: o.value,
               config: w.config,
-              hasFilters: k.value,
-              currentFilterLayer: i.value,
+              hasFilters: _.value,
+              currentFilterLayer: m.value,
               enabledLayerIds: ie.value,
-              cardValues: l.value,
-              onSetFilterLayer: _,
+              cardValues: d.value,
+              onSetFilterLayer: A,
               "onUpdate:enabledLayerIds": y[8] || (y[8] = (P) => ie.value = P),
-              onCardValuesId: _e,
-              onCloseCard: oe,
-              onCatalogLayers: y[9] || (y[9] = (P) => m.value = P)
+              onCardValuesId: ke,
+              onCloseCard: le,
+              onCatalogLayers: y[9] || (y[9] = (P) => u.value = P)
             }, null, 40, ["map", "config", "hasFilters", "currentFilterLayer", "enabledLayerIds", "cardValues"]))
           ], 4))), 128)),
-          r("div", Wn, [
-            (c(!0), p(B, null, W((I = (x = a.value) == null ? void 0 : x.value) == null ? void 0 : I.tools, (w) => (c(), p(B, { key: w }, [
-              s.value && Qe[w] ? (c(), X(Oe(Qe[w]), wt({
+          s("div", Gn, [
+            (c(!0), p(z, null, W((I = (x = a.value) == null ? void 0 : x.value) == null ? void 0 : I.tools, (w) => (c(), p(z, { key: w }, [
+              i.value && Qe[w] ? (c(), K(De(Qe[w]), kt({
                 key: 0,
                 map: o.value,
-                activeTool: u.value,
-                setActiveTool: dt
-              }, { ref_for: !0 }, w === "home" ? { initialView: ct.value } : {}, { onCardValuesId: _e }), null, 16, ["map", "activeTool"])) : F("", !0)
+                activeTool: v.value,
+                setActiveTool: pt
+              }, { ref_for: !0 }, w === "home" ? { initialView: ut.value } : {}, { onCardValuesId: ke }), null, 16, ["map", "activeTool"])) : F("", !0)
             ], 64))), 128))
           ])
-        ], 64)) : (c(), X(on, { key: 0 }))
+        ], 64)) : (c(), K(nn, { key: 0 }))
       ], 4);
     };
   }
-}), qn = /* @__PURE__ */ H(Zn, [["__scopeId", "data-v-09938096"]]);
-function Qn(e) {
-  e.component("MapCustom", qn);
+}), Qn = /* @__PURE__ */ N(Jn, [["__scopeId", "data-v-c37c9f40"]]);
+function Xn(e) {
+  e.component("MapCustom", Qn);
 }
 export {
-  qn as MapCustom,
-  qn as default,
-  Qn as install
+  Qn as MapCustom,
+  Qn as default,
+  Xn as install
 };