@opengis/gis 0.1.77 → 0.1.78

package/dist/index.js

@@ -1,9 +1,9 @@
-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 q, normalizeClass as K, ref as T, onMounted as ke, resolveDirective as pt, withDirectives as se, watch as fe, createVNode as Z, vModelText as He, vModelCheckbox as Ze, defineComponent as We, reactive as ht, onBeforeUnmount as ft, createBlock as X, renderSlot as Re, Teleport as Qe, Transition as gt, withCtx as G, vShow as je, nextTick as Pe, resolveComponent as J, unref as Ne, createTextVNode as ie, createStaticVNode as Ae, withModifiers as vt, resolveDynamicComponent as Be, withKeys as mt, onUnmounted as yt, getCurrentInstance as bt, mergeProps as wt } from "vue";
+import { computed as P, createElementBlock as p, openBlock as c, normalizeStyle as he, createCommentVNode as j, createElementVNode as s, toDisplayString as S, Fragment as z, renderList as q, normalizeClass as K, ref as T, onMounted as ke, resolveDirective as pt, withDirectives as se, watch as fe, createVNode as Z, vModelText as He, vModelCheckbox as Ze, defineComponent as We, reactive as ht, onBeforeUnmount as ft, createBlock as X, renderSlot as Re, Teleport as Qe, Transition as gt, withCtx as G, vShow as Fe, nextTick as Ee, resolveComponent as J, unref as Ne, createTextVNode as ne, createStaticVNode as Ae, withModifiers as vt, resolveDynamicComponent as Be, withKeys as mt, onUnmounted as yt, getCurrentInstance as bt, mergeProps as wt } from "vue";
 import xt from "@opengis/filter";
 const N = (e, t) => {
   const r = e.__vccOpts || e;
-  for (const [o, i] of t)
-    r[o] = i;
+  for (const [o, n] of t)
+    r[o] = n;
   return r;
 }, _t = {
   key: 0,
@@ -20,20 +20,20 @@ const N = (e, t) => {
     }
   },
   setup(e) {
-    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) || "";
+    const t = e, r = P(() => {
+      var n;
+      return ((n = t.config) == null ? void 0 : n.items) || [];
+    }), o = P(() => {
+      var n;
+      return ((n = t.config) == null ? void 0 : n.title) || "";
     });
-    return (i, n) => (c(), p("div", {
+    return (n, i) => (c(), p("div", {
       class: "legend-widget flex flex-col bg-white border border-stone-200 shadow-2xs rounded-xl z-10 relative",
       style: he({ width: e.config.width || "100%" })
     }, [
       o.value ? (c(), p("div", _t, [
         s("h2", kt, S(o.value), 1)
-      ])) : F("", !0),
+      ])) : j("", !0),
       s("div", Lt, [
         (c(!0), p(z, null, q(r.value, (m) => (c(), p("div", {
           class: "flex items-center",
@@ -50,13 +50,13 @@ const N = (e, t) => {
           }, null, 6),
           s("span", Ct, [
             s("span", null, S(m.label), 1),
-            m.count !== void 0 ? (c(), p("span", $t, " (" + S(m.count) + ") ", 1)) : F("", !0)
+            m.count !== void 0 ? (c(), p("span", $t, " (" + S(m.count) + ") ", 1)) : j("", !0)
           ])
         ]))), 128))
       ])
     ], 4));
   }
-}, Vt = /* @__PURE__ */ N(It, [["__scopeId", "data-v-dd12cf90"]]), St = { class: "flex flex-row gap-x-3 z-10 relative" }, Ft = ["onClick"], jt = ["src", "alt"], Pt = {
+}, Vt = /* @__PURE__ */ N(It, [["__scopeId", "data-v-dd12cf90"]]), St = { class: "flex flex-row gap-x-3 z-10 relative" }, jt = ["onClick"], Ft = ["src", "alt"], Et = {
   __name: "vs-basemaps-widget",
   props: {
     map: {
@@ -73,19 +73,19 @@ const N = (e, t) => {
     }
   },
   setup(e) {
-    const t = e, r = T("voyager"), o = E(() => {
+    const t = e, r = T("voyager"), o = P(() => {
       var g;
       if (!((g = t.config) != null && g.layers)) return [];
-      const h = t.config.layers.map((l) => ({
-        id: l.id,
-        title: l.label || l.title,
-        url: l.url,
-        service: l.type,
+      const h = t.config.layers.map((a) => ({
+        id: a.id,
+        title: a.label || a.title,
+        url: a.url,
+        service: a.type,
         category: "Базові карти",
-        attribution: l.attribution,
-        image: l.image,
+        attribution: a.attribution,
+        image: a.image,
         enabled: !0,
-        owner: l.owner || "Unknown"
+        owner: a.owner || "Unknown"
       }));
       return h.push({
         id: "__none__",
@@ -98,7 +98,7 @@ const N = (e, t) => {
         owner: ""
       }), h;
     });
-    function i(h) {
+    function n(h) {
       return {
         version: 8,
         sources: {
@@ -118,11 +118,11 @@ const N = (e, t) => {
         ]
       };
     }
-    const n = (h) => {
+    const i = (h) => {
       if (!t.map) return;
-      const g = t.map.getStyle(), l = o.value.map((u) => u.id), d = g.layers.filter((u) => !l.includes(u.id)), v = {};
+      const g = t.map.getStyle(), a = o.value.map((u) => u.id), d = g.layers.filter((u) => !a.includes(u.id)), v = {};
       for (const u in g.sources)
-        l.includes(u) || (v[u] = g.sources[u]);
+        a.includes(u) || (v[u] = g.sources[u]);
       if (h.id === "__none__") {
         const u = {
           version: 8,
@@ -132,8 +132,8 @@ const N = (e, t) => {
         t.map.setStyle(u);
         return;
       }
-      const a = i(h);
-      t.map.setStyle(a), t.map.once("styledata", () => {
+      const l = n(h);
+      t.map.setStyle(l), 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)
@@ -141,14 +141,14 @@ const N = (e, t) => {
       });
     }, m = (h) => {
       r.value = h;
-      const g = o.value.find((l) => l.id === h);
-      g && t.map && n(g);
+      const g = o.value.find((a) => a.id === h);
+      g && t.map && i(g);
     };
     return ke(() => {
       var h;
       (h = t.config) != null && h.default && (r.value = t.config.default), m(r.value);
     }), (h, g) => {
-      const l = pt("tooltip");
+      const a = pt("tooltip");
       return c(), p("div", St, [
         (c(!0), p(z, null, q(o.value, (d) => se((c(), p("div", {
           trigger: "hover",
@@ -167,10 +167,10 @@ const N = (e, t) => {
               src: d.image,
               alt: d.title,
               class: K(["object-cover rounded-lg", d.id === "__none__" ? "w-10 h-10" : "w-12 h-12"])
-            }, null, 10, jt)) : F("", !0)
-          ], 10, Ft)
+            }, null, 10, Ft)) : j("", !0)
+          ], 10, jt)
         ])), [
-          [l, d.title]
+          [a, d.title]
         ])), 128))
       ]);
     };
@@ -185,7 +185,7 @@ function Ie(e) {
   ]);
   return t.push(e.color || "#ccc"), ["case", ...t.flat()];
 }
-function Et(e) {
+function Pt(e) {
   if (!e.attrType || e.attrType !== "icon-by-attribute" || !e.attribute || !e.rules)
     return e.default_icon || null;
   const t = e.rules.map((r) => [
@@ -361,16 +361,16 @@ function Ke(e) {
   var r, o;
   if (!e) return null;
   if (e.attrType === "icon-by-attribute" && e.iconZoom) {
-    const i = Et(e), n = Array.isArray(i) && i[0] === "case" ? i : [
+    const n = Pt(e), i = Array.isArray(n) && n[0] === "case" ? n : [
       "case",
       ["==", ["get", e.attribute], ((o = (r = e.rules) == null ? void 0 : r[0]) == null ? void 0 : o.value) || ""],
-      i,
-      i
+      n,
+      n
     ], m = At(e, void 0, +e.iconZoom), h = {
       type: "symbol",
       minzoom: +e.iconZoom,
       layout: {
-        "icon-image": n,
+        "icon-image": i,
         "icon-size": (e == null ? void 0 : e.icon_size) || 1,
         "icon-allow-overlap": !0,
         "icon-anchor": (e == null ? void 0 : e.icon_anchor) || "bottom"
@@ -392,31 +392,31 @@ function Ot(e) {
     id: t,
     sourceLayer: r,
     url: o,
-    bounds: i,
-    title: n,
+    bounds: n,
+    title: i,
     style: m,
     service: h,
     service_type: g,
-    source_type: l,
+    source_type: a,
     data: d
-  } = e, v = Bt(o), a = g || h || l || "vector";
-  switch (a) {
+  } = e, v = Bt(o), l = g || h || a || "vector";
+  switch (l) {
     case "vtile":
     case "vector":
       return Ut(
         t,
         r,
         v,
-        i,
         n,
+        i,
         m
       );
     case "raster":
-      return Rt(t, v, i, n, m);
+      return Rt(t, v, n, i, m);
     case "geojson":
-      return Ht(t, d || v, i, n, m);
+      return Ht(t, d || v, n, i, m);
     default:
-      throw new Error(`Unsupported layer service type: ${a}`);
+      throw new Error(`Unsupported layer service type: ${l}`);
   }
 }
 function Dt(e) {
@@ -430,32 +430,32 @@ function Dt(e) {
       return { type: "point", color: "#3388ff", radius: 6, opacity: 1 };
   }
 }
-function Ut(e, t, r, o, i, n) {
+function Ut(e, t, r, o, n, i) {
   const m = t || (r.match(/\/vtile\/([^/]+)/) || [])[1] || e, h = {
     type: "vector",
     tiles: [r],
     ...o && { bounds: o }
-  }, d = Ke(n || {}).map((v, a) => ({
+  }, d = Ke(i || {}).map((v, l) => ({
     ...v,
-    id: `${e}-${a}`,
+    id: `${e}-${l}`,
     "source-layer": m,
     source: e
   }));
   return {
     id: e,
-    title: i,
+    title: n,
     source: h,
     layers: d,
     visible: !0
   };
 }
-function Rt(e, t, r, o, i) {
-  const n = {
+function Rt(e, t, r, o, n) {
+  const i = {
     type: "raster",
     tiles: [t],
     tileSize: 256,
     ...r && { bounds: r }
-  }, m = i || {}, h = {
+  }, m = n || {}, h = {
     id: e,
     type: "raster",
     source: e,
@@ -467,14 +467,14 @@ function Rt(e, t, r, o, i) {
   return {
     id: e,
     title: o,
-    source: n,
+    source: i,
     layers: [h],
     visible: !0
   };
 }
-function Ht(e, t, r, o, i) {
+function Ht(e, t, r, o, n) {
   var d;
-  const n = {
+  const i = {
     type: "geojson",
     data: t,
     ...r && { bounds: r }
@@ -484,16 +484,16 @@ function Ht(e, t, r, o, i) {
     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 h = i || Dt(m), l = Ke(h).map((v, a) => ({
+  const h = n || Dt(m), a = Ke(h).map((v, l) => ({
     ...v,
-    id: `${e}-${a}`,
+    id: `${e}-${l}`,
     source: e
   }));
   return {
     id: e,
     title: o,
-    source: n,
-    layers: l,
+    source: i,
+    layers: a,
     visible: !0
   };
 }
@@ -515,39 +515,39 @@ function Zt(e) {
   return e && e["icon-image"] && r(e["icon-image"]), Array.from(t);
 }
 async function Xe(e, t) {
-  const r = t.map(async ({ name: o, url: i }) => {
-    const n = await e.loadImage(i);
-    return { name: o, data: n.data };
+  const r = t.map(async ({ name: o, url: n }) => {
+    const i = await e.loadImage(n);
+    return { name: o, data: i.data };
   });
   try {
     const o = await Promise.all(r);
-    for (const { name: i, data: n } of o)
-      e.hasImage(i) || e.addImage(i, n);
+    for (const { name: n, data: i } of o)
+      e.hasImage(n) || e.addImage(n, i);
   } catch (o) {
     console.error("Failed to load icons:", o);
   }
 }
 function Wt(e, t, r = "/icons/") {
-  const i = Zt(t).map((n) => ({ name: n, url: r + n }));
-  return Xe(e, i);
+  const n = Zt(t).map((i) => ({ name: i, url: r + i }));
+  return Xe(e, n);
 }
 async function _e(e, t) {
   const r = Ot(t), o = Nt(t.style);
   o.length > 0 && await Xe(e, o), t.layout && t.layout["icon-image"] && await Wt(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,
+  for (const n of r.layers)
+    t.visible !== void 0 && (n.layout = {
+      ...n.layout,
       visibility: t.visible ? "visible" : "none"
-    }), e.getLayer(i.id) ? e.setLayoutProperty(
-      i.id,
+    }), e.getLayer(n.id) ? e.setLayoutProperty(
+      n.id,
       "visibility",
       t.visible ? "visible" : "none"
-    ) : await e.addLayer(i);
+    ) : await e.addLayer(n);
   return r;
 }
 function $e(e, t) {
-  e.getStyle().layers.filter((i) => i.source === t).forEach((i) => {
-    e.removeLayer(i.id);
+  e.getStyle().layers.filter((n) => n.source === t).forEach((n) => {
+    e.removeLayer(n.id);
   }), e.getSource(t) && e.removeSource(t);
 }
 const qt = {}, Gt = {
@@ -579,7 +579,7 @@ const et = /* @__PURE__ */ N(qt, [["render", Jt]]), Qt = { class: "w-full flex f
 }, Xt = {
   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 = {
+}, 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"], io = { class: "text-sm" }, no = ["onClick"], lo = ["innerHTML"], ao = {
   key: 0,
   class: "text-sm text-gray-500 text-center py-2"
 }, co = {
@@ -612,7 +612,7 @@ const et = /* @__PURE__ */ N(qt, [["render", Jt]]), Qt = { class: "w-full flex f
   },
   emits: ["set-filter-layer", "update:enabledLayerIds"],
   setup(e, { emit: t }) {
-    const r = e, o = t, i = T(""), n = T([]);
+    const r = e, o = t, n = T(""), i = T([]);
     function m() {
       const f = new URLSearchParams(window.location.search).get("layers");
       return f ? f.split(",") : [];
@@ -625,31 +625,31 @@ const et = /* @__PURE__ */ N(qt, [["render", Jt]]), Qt = { class: "w-full flex f
     }
     ke(() => {
       let u = [];
-      r.history && (u = m()), u.length > 0 ? n.value = r.config.layers.map((f) => ({
+      r.history && (u = m()), u.length > 0 ? i.value = r.config.layers.map((f) => ({
         ...f,
         visible: u.includes(String(f.id))
-      })) : n.value = r.config.layers.map((f) => ({
+      })) : i.value = r.config.layers.map((f) => ({
         ...f,
         visible: f.visible ?? !1
-      })), n.value.forEach((f) => {
+      })), i.value.forEach((f) => {
         f.visible && _e(r.map, f);
       }), o("update:enabledLayerIds", d());
     });
-    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 ? _e(r.map, u) : ($e(r.map, u.id), o("set-filter-layer", null)), r.map.getStyle().layers.filter((j) => j.source === u.id).forEach((j) => {
+    const g = P(() => {
+      if (!n.value) return i.value;
+      const u = n.value.toLowerCase();
+      return i.value.filter((f) => (f.title || f.name || f.label || "").toLowerCase().includes(u));
+    }), a = P(() => i.value.every((u) => u.visible)), d = () => i.value.filter((u) => u.visible).map((u) => u.id), v = (u) => {
+      u.visible ? _e(r.map, u) : ($e(r.map, u.id), o("set-filter-layer", null)), r.map.getStyle().layers.filter((F) => F.source === u.id).forEach((F) => {
         r.map.setLayoutProperty(
-          j.id,
+          F.id,
           "visibility",
           u.visible ? "visible" : "none"
         );
       }), o("update:enabledLayerIds", d());
-    }, a = () => {
-      const u = !l.value;
-      n.value.forEach((f) => {
+    }, l = () => {
+      const u = !a.value;
+      i.value.forEach((f) => {
         f.visible = u, u ? _e(r.map, f) : $e(r.map, f.id);
       }), u || o("set-filter-layer", null), o("update:enabledLayerIds", d());
     };
@@ -667,20 +667,20 @@ const et = /* @__PURE__ */ N(qt, [["render", Jt]]), Qt = { class: "w-full flex f
         e.config.search ? (c(), p("div", Kt, [
           se(s("input", {
             type: "text",
-            "onUpdate:modelValue": f[0] || (f[0] = (L) => i.value = L),
+            "onUpdate:modelValue": f[0] || (f[0] = (L) => n.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), [
-            [He, i.value]
+            [He, n.value]
           ]),
           Z(et)
-        ])) : F("", !0),
+        ])) : j("", !0),
         e.config.allow_toggle_all ? (c(), p("div", Xt, [
           s("button", {
-            onClick: a,
+            onClick: l,
             class: "w-full py-[7px] bg-blue-500 text-white rounded-lg hover:bg-blue-600 transition-colors"
-          }, S(l.value ? "Вимкнути всі" : "Увімкнути всі"), 1)
-        ])) : F("", !0),
+          }, S(a.value ? "Вимкнути всі" : "Увімкнути всі"), 1)
+        ])) : j("", !0),
         s("div", eo, [
           s("ul", to, [
             (c(!0), p(z, null, q(g.value, (L) => (c(), p("li", {
@@ -692,28 +692,28 @@ const et = /* @__PURE__ */ N(qt, [["render", Jt]]), Qt = { class: "w-full flex f
                   se(s("input", {
                     class: "dataset-checkbox",
                     type: "checkbox",
-                    "onUpdate:modelValue": (j) => L.visible = j,
+                    "onUpdate:modelValue": (F) => L.visible = F,
                     onChange: () => v(L)
                   }, null, 40, so), [
                     [Ze, L.visible]
                   ])
                 ]),
-                s("span", no, S(L.title || L.name || L.label), 1)
+                s("span", io, S(L.title || L.name || L.label), 1)
               ]),
-              L.actions && L.visible ? (c(!0), p(z, { key: 0 }, q(L.actions, (j) => (c(), p("div", {
-                key: j.id
+              L.actions && L.visible ? (c(!0), p(z, { key: 0 }, q(L.actions, (F) => (c(), p("div", {
+                key: F.id
               }, [
                 s("button", {
                   class: "text-sm text-gray-500",
-                  onClick: (B) => u.$emit("show-widget", j.widget)
+                  onClick: (B) => u.$emit("show-widget", F.widget)
                 }, [
                   s("div", {
-                    innerHTML: j.icon
-                  }, null, 8, ao)
-                ], 8, io)
-              ]))), 128)) : F("", !0)
+                    innerHTML: F.icon
+                  }, null, 8, lo)
+                ], 8, no)
+              ]))), 128)) : j("", !0)
             ]))), 128)),
-            i.value && g.value.length === 0 ? (c(), p("li", lo, " Шарів не знайдено ")) : F("", !0)
+            n.value && g.value.length === 0 ? (c(), p("li", ao, " Шарів не знайдено ")) : j("", !0)
           ])
         ])
       ])
@@ -761,48 +761,48 @@ We({
     }
   }
 });
-const Fe = async (e, t, r, o = 10) => {
-  var L, j, B, k;
+const je = async (e, t, r, o = 10) => {
+  var L, F, B, k;
   if (!t || !r) return;
-  await Pe();
-  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((B = r == null ? void 0 : r.getBoundingClientRect()) == null ? void 0 : B.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;
+  await Ee();
+  const n = await (r == null ? void 0 : r.getBoundingClientRect()), i = await (t == null ? void 0 : t.getBoundingClientRect());
+  if (!i || !n) return;
+  const m = await parseInt((L = t == null ? void 0 : t.getBoundingClientRect()) == null ? void 0 : L.height), h = await parseInt((F = t == null ? void 0 : t.getBoundingClientRect()) == null ? void 0 : F.width), g = await parseInt((B = r == null ? void 0 : r.getBoundingClientRect()) == null ? void 0 : B.height), a = await parseInt((k = r == null ? void 0 : r.getBoundingClientRect()) == null ? void 0 : k.width), d = await window.innerHeight, v = await window.innerWidth;
+  let l = 0, u = 0;
+  const f = i.bottom + o + g;
   switch (e) {
     case "top":
-      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;
+      i.top - n.height - o < 0 ? l = i.top - n.height + o + g + m : l = i.top - n.height - o, v > a + i.right + 30 ? u = i.left - n.width / 2 + i.width / 2 : u = v - 30 - a;
       break;
     case "bottom":
-      d > f ? a = n.bottom + o : a = n.bottom - o - g - m, u = n.left - i.width / 2 + n.width / 2;
+      d > f ? l = i.bottom + o : l = i.bottom - o - g - m, u = i.left - n.width / 2 + i.width / 2;
       break;
     case "left":
-      a = n.top - i.height / 2 + n.height / 2, n.left - i.width - o > 0 ? u = n.left - i.width - o : u = 10;
+      l = i.top - n.height / 2 + i.height / 2, i.left - n.width - o > 0 ? u = i.left - n.width - o : u = 10;
       break;
     case "right":
-      a = n.top - i.height / 2 + n.height / 2, v - h > l ? u = n.right + o : u = v - 30 - l;
+      l = i.top - n.height / 2 + i.height / 2, v - h > a ? u = i.right + o : u = v - 30 - a;
       break;
     case "top-right":
-      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;
+      i.top - n.height - o < 0 ? l = i.top - n.height + o + g + m : l = i.top - n.height - o, v - h > a ? u = i.right + o : u = v - 30 - a;
       break;
     case "top-left":
-      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;
+      i.top - n.height - o < 0 ? l = i.top - n.height + o + g + m : l = i.top - n.height - o, i.left - n.width - o > 0 ? u = i.left - n.width - o : u = 10;
       break;
     case "top-start":
-      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;
+      i.top - n.height - o < 0 ? l = i.top - n.height + o + g + m : l = i.top - n.height - o, i.left > 0 ? u = i.left : u = 10;
       break;
     case "bottom-right":
-      d > f ? a = n.bottom + o : a = n.bottom - o - g - m, v - h > l ? u = n.left : u = v - 30 - l;
+      d > f ? l = i.bottom + o : l = i.bottom - o - g - m, v - h > a ? u = i.left : u = v - 30 - a;
       break;
     case "bottom-left":
-      d > f ? a = n.bottom + o : a = n.bottom - o - g - m, n.left > 0 ? u = n.right - l : u = 10;
+      d > f ? l = i.bottom + o : l = i.bottom - o - g - m, i.left > 0 ? u = i.right - a : u = 10;
       break;
     case "bottom-start":
-      d > f ? a = n.bottom + o : a = n.bottom - o - g - m, n.left > 0 ? u = n.left : u = 10;
+      d > f ? l = i.bottom + o : l = i.bottom - o - g - m, i.left > 0 ? u = i.left : u = 10;
       break;
   }
-  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");
+  l + g > d ? l = d - g - o : l < 0 && (l = o), u + a > v ? u = v - a - o : u < 0 && (u = o), r instanceof HTMLElement && (r.style.top = `${l}px`, r.style.left = `${u}px`, r.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" }, Ve = /* @__PURE__ */ We({
   __name: "vs-popover",
   props: {
@@ -816,42 +816,42 @@ const Fe = async (e, t, r, o = 10) => {
   },
   emits: ["isvisible"],
   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, ae;
+    const o = e, n = r, i = T(!1), m = T([]), h = T(null), g = T(null), a = T(null), d = (_) => {
+      var A, le;
       if (!_) {
-        n.value = !1;
+        i.value = !1;
         return;
       }
-      (A = g.value) != null && A.contains(_.target) || (ae = l.value) != null && ae.contains(_.target) || (n.value = !1);
+      (A = g.value) != null && A.contains(_.target) || (le = a.value) != null && le.contains(_.target) || (i.value = !1);
     }, v = (_) => {
-      n.value && l.value && !l.value.contains(_.target) && (n.value = !1);
-    }, a = () => {
-      n.value = !1;
+      i.value && a.value && !a.value.contains(_.target) && (i.value = !1);
+    }, l = () => {
+      i.value = !1;
     }, u = () => {
-      n.value && (n.value = !1);
+      i.value && (i.value = !1);
     }, f = () => {
       let _ = h.value;
       for (; _ && _ !== 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));
+        (_.scrollHeight > _.clientHeight || _.scrollWidth > _.clientWidth) && (_.addEventListener("scroll", l), m.value.push(_)), _ = _.parentElement;
+      document.body && (document.body.addEventListener("scroll", l), m.value.push(document.body));
     }, L = () => {
       m.value.forEach((_) => {
-        _.removeEventListener("scroll", a);
+        _.removeEventListener("scroll", l);
       }), m.value = [];
     };
-    fe(n, (_) => {
-      _ ? (f(), window.addEventListener("resize", () => Fe(o.placement, g.value, l.value)), Fe(o.placement, g.value, l.value)) : window.removeEventListener("resize", () => Fe(o.placement, g.value, l.value)), i("isvisible", _);
+    fe(i, (_) => {
+      _ ? (f(), window.addEventListener("resize", () => je(o.placement, g.value, a.value)), je(o.placement, g.value, a.value)) : window.removeEventListener("resize", () => je(o.placement, g.value, a.value)), n("isvisible", _);
     }), ke(() => {
       window.addEventListener("click", d), window.addEventListener("popstate", u), window.addEventListener("scroll", v, !0), f();
     }), ft(() => {
       window.removeEventListener("click", d), window.removeEventListener("popstate", u), L();
     });
-    const j = () => {
-      n.value = !0, Fe(o.placement, g.value, l.value);
+    const F = () => {
+      i.value = !0, je(o.placement, g.value, a.value);
     }, B = () => {
-      n.value = !1;
+      i.value = !1;
     }, k = async () => {
-      await Fe(o.placement, g.value, l.value), n.value = !n.value;
+      await je(o.placement, g.value, a.value), i.value = !i.value;
     };
     return t({
       togglePopover: k
@@ -871,26 +871,26 @@ const Fe = async (e, t, r, o = 10) => {
           Re(_.$slots, "reference", {}, () => [
             A[0] || (A[0] = s("button", null, "Click me!", -1))
           ])
-        ], 2)) : F("", !0),
+        ], 2)) : j("", !0),
         _.trigger === "hover" ? (c(), p("div", {
           key: 1,
           ref_key: "popoverRef",
           ref: g,
-          onMouseover: j,
+          onMouseover: F,
           onMouseleave: B,
           class: K({ "pointer-events-none": _.disabled })
         }, [
           Re(_.$slots, "reference", {}, () => [
             A[1] || (A[1] = s("button", null, "Click me!", -1))
           ])
-        ], 34)) : F("", !0),
+        ], 34)) : j("", !0),
         (c(), X(Qe, { to: _.teleport }, [
           Z(gt, { name: "fade" }, {
             default: G(() => [
               se(s("div", {
                 class: K(["vsTailwind vs-popover__content", _.placement]),
                 ref_key: "contentPop",
-                ref: l,
+                ref: a,
                 style: he({
                   width: _.width ? _.width + "px" : "fit-content",
                   zIndex: 10002
@@ -902,7 +902,7 @@ const Fe = async (e, t, r, o = 10) => {
                   ])
                 ])
               ], 6), [
-                [je, n.value]
+                [Fe, i.value]
               ])
             ]),
             _: 3
@@ -925,23 +925,23 @@ const ho = { class: "legend-widget flex flex-col bg-white border border-stone-20
     }
   },
   setup(e) {
-    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) || [];
+    const t = e, r = P(() => {
+      var i;
+      return ((i = t.config) == null ? void 0 : i.title) || "";
+    }), o = P(() => {
+      var i;
+      return ((i = t.config) == null ? void 0 : i.content) || "";
+    }), n = P(() => {
+      var i;
+      return ((i = t.config) == null ? void 0 : i.goTo) || [];
     });
-    return (n, m) => {
-      var g, l;
+    return (i, m) => {
+      var g, a;
       const h = J("router-link");
       return c(), p("div", ho, [
-        r.value || (g = i.value) != null && g.length ? (c(), p("div", fo, [
+        r.value || (g = n.value) != null && g.length ? (c(), p("div", fo, [
           s("h2", go, S(r.value), 1),
-          (l = i.value) != null && l.length ? (c(), X(Ne(Ve), {
+          (a = n.value) != null && a.length ? (c(), X(Ne(Ve), {
             key: 0,
             placement: "bottom"
           }, {
@@ -981,14 +981,14 @@ const ho = { class: "legend-widget flex flex-col bg-white border border-stone-20
                   ], -1)
                 ])]),
                 default: G(() => [
-                  m[1] || (m[1] = ie(" Перейти на карту ", -1))
+                  m[1] || (m[1] = ne(" Перейти на карту ", -1))
                 ]),
                 _: 1
               })
             ]),
             default: G(() => [
               s("div", vo, [
-                (c(!0), p(z, null, q(i.value, (d) => (c(), p("div", {
+                (c(!0), p(z, null, q(n.value, (d) => (c(), p("div", {
                   key: d.label
                 }, [
                   d.url ? (c(), X(h, {
@@ -997,16 +997,16 @@ const ho = { class: "legend-widget flex flex-col bg-white border border-stone-20
                     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: G(() => [
-                      ie(S(d.label), 1)
+                      ne(S(d.label), 1)
                     ]),
                     _: 2
-                  }, 1032, ["to"])) : F("", !0)
+                  }, 1032, ["to"])) : j("", !0)
                 ]))), 128))
               ])
             ]),
             _: 1
-          })) : F("", !0)
-        ])) : F("", !0),
+          })) : j("", !0)
+        ])) : j("", !0),
         s("div", mo, [
           s("div", { innerHTML: o.value }, null, 8, yo)
         ])
@@ -1022,10 +1022,10 @@ const ho = { class: "legend-widget flex flex-col bg-white border border-stone-20
 }, Co = { class: "flex items-center mx-[8px]" }, $o = { class: "min-h-[34px] max-h-[34px] overflow-hidden min-w-[34px] flex justify-center items-center bg-stone-100 text-stone-800 py-2 px-3 text-sm rounded-lg" }, Io = { class: "min-h-[34px] flex justify-center items-center text-stone-500 py-2 px-1.5 text-sm" }, Vo = { class: "flex flex-col justify-between pb-5 px-5 h-full overflow-y-auto flex-1 [&::-webkit-scrollbar]:h-1.5 [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-gray-300 [&::-webkit-scrollbar-track]:bg-transparent" }, So = {
   key: 0,
   class: "text-center"
-}, Fo = {
+}, jo = {
   key: 1,
   class: "text-red-500"
-}, jo = { key: 2 }, Po = ["innerHTML"], Eo = {
+}, Fo = { key: 2 }, Eo = ["innerHTML"], Po = {
   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 = {
@@ -1048,60 +1048,60 @@ const ho = { class: "legend-widget flex flex-col bg-white border border-stone-20
   },
   emits: ["close", "content-resize"],
   setup(e, { emit: t }) {
-    const r = e, o = t, i = E(() => {
+    const r = e, o = t, n = P(() => {
       var B;
       return ((B = r.config) == null ? void 0 : B.title) || "";
-    }), n = E(
+    }), i = P(
       () => !!(typeof window.app == "object" && window.app && window.app.config)
-    ), m = T([]), h = T(!1), g = T(null), l = T(0), d = E(() => l.value + 1), v = E(() => {
+    ), m = T([]), h = T(!1), g = T(null), a = T(0), d = P(() => a.value + 1), v = P(() => {
       var B;
       return ((B = r.info) == null ? void 0 : B.length) || 0;
-    }), a = E(() => m.value[l.value]), u = E(() => {
-      if (!a.value) return {};
-      const { rows: B, columns: k } = a.value;
+    }), l = P(() => m.value[a.value]), u = P(() => {
+      if (!l.value) return {};
+      const { rows: B, columns: k } = l.value;
       return !B || !k ? {} : k.reduce((_, A) => (!A.hide && !["geom", "geodata", "id"].includes(A.name) && (_[A.ua] = B[A.name] ?? "-"), _), {});
     });
     async function f() {
-      var B, k, _, A, ae, ge;
+      var B, k, _, A, le, ge;
       h.value = !0, g.value = null;
       try {
         const pe = {
           id: (B = r.cardValues) == null ? void 0 : B.id,
-          layer: typeof ((k = r.cardValues) == null ? void 0 : k.layer) == "object" ? (A = (_ = r.cardValues) == null ? void 0 : _.layer) == null ? void 0 : A.id : (ae = r.cardValues) == null ? void 0 : ae.layer,
+          layer: typeof ((k = r.cardValues) == null ? void 0 : k.layer) == "object" ? (A = (_ = r.cardValues) == null ? void 0 : _.layer) == null ? void 0 : A.id : (le = r.cardValues) == null ? void 0 : le.layer,
           map: (ge = r.cardValues) == null ? void 0 : ge.map
-        }, le = await fetch("/api/map-format?" + new URLSearchParams(pe)).then((Oe) => Oe.json());
-        m.value[l.value] = le;
+        }, ae = await fetch("/api/map-format?" + new URLSearchParams(pe)).then((Oe) => Oe.json());
+        m.value[a.value] = ae;
       } catch (pe) {
         g.value = (pe == null ? void 0 : pe.message) || "Помилка запиту";
       } finally {
-        h.value = !1, await Pe(), o("content-resize");
+        h.value = !1, await Ee(), o("content-resize");
       }
     }
     function L() {
-      l.value < r.info.length - 1 && (l.value += 1, m.value[l.value] || f());
+      a.value < r.info.length - 1 && (a.value += 1, m.value[a.value] || f());
     }
-    function j() {
-      l.value > 0 && (l.value -= 1, m.value[l.value] || f());
+    function F() {
+      a.value > 0 && (a.value -= 1, m.value[a.value] || f());
     }
     return ke(async () => {
-      await Pe(), f();
+      await Ee(), f();
     }), fe(
       () => r.info,
       () => {
-        l.value = 0, f(), o("content-resize");
+        a.value = 0, f(), o("content-resize");
       },
       { deep: !0 }
     ), fe([() => r.cardValues, () => r.config], async () => {
-      await Pe(), f(), o("content-resize");
+      await Ee(), f(), o("content-resize");
     }), (B, k) => {
       var _, A;
       return c(), p("div", xo, [
-        i.value ? (c(), p("div", _o, [
-          s("h2", ko, S(i.value), 1),
+        n.value ? (c(), p("div", _o, [
+          s("h2", ko, S(n.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] = (ae) => o("close"))
+            onClick: k[0] || (k[0] = (le) => o("close"))
           }, [...k[1] || (k[1] = [
             s("svg", {
               class: "shrink-0 size-4 cursor-pointer",
@@ -1119,14 +1119,14 @@ const ho = { class: "legend-widget flex flex-col bg-white border border-stone-20
               s("path", { d: "m6 6 12 12" })
             ], -1)
           ])])
-        ])) : F("", !0),
+        ])) : j("", !0),
         v.value > 1 ? (c(), p("div", Lo, [
           s("button", {
             type: "button",
             class: K([{
               "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
+            onClick: F
           }, " ◀ ", 2),
           s("div", Co, [
             s("span", $o, S(d.value), 1),
@@ -1140,32 +1140,32 @@ const ho = { class: "legend-widget flex flex-col bg-white border border-stone-20
               "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),
+        ])) : j("", !0),
         s("div", Vo, [
-          h.value ? (c(), p("div", So, "Завантаження даних...")) : g.value ? (c(), p("div", Fo, " Помилка завантаження даних ")) : (c(), p("div", jo, [
-            (_ = a.value) != null && _.html ? (c(), p("div", {
+          h.value ? (c(), p("div", So, "Завантаження даних...")) : g.value ? (c(), p("div", jo, " Помилка завантаження даних ")) : (c(), p("div", Fo, [
+            (_ = l.value) != null && _.html ? (c(), p("div", {
               key: 0,
-              innerHTML: a.value.html,
+              innerHTML: l.value.html,
               class: "custom-table-html border-b"
-            }, null, 8, Po)) : Object.keys(u.value).length ? (c(), p("div", Eo, [
+            }, null, 8, Eo)) : Object.keys(u.value).length ? (c(), p("div", Po, [
               s("dl", Mo, [
-                (c(!0), p(z, null, q(u.value, (ae, ge) => (c(), p("div", {
+                (c(!0), p(z, null, q(u.value, (le, 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"
                 }, [
                   s("dt", To, S(ge), 1),
-                  s("dd", zo, S(ae), 1)
+                  s("dd", zo, S(le), 1)
                 ]))), 128))
               ])
             ])) : (c(), p("div", Ao, "Даних не знайдено."))
           ])),
-          (A = a.value) != null && A.cardInterface && n.value ? (c(), p("div", Bo, [
+          (A = l.value) != null && A.cardInterface && i.value ? (c(), p("div", Bo, [
             s("a", {
-              href: `/card/${a.value.cardInterface}/${a.value.id}`,
+              href: `/card/${l.value.cardInterface}/${l.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)
-          ])) : F("", !0)
+          ])) : j("", !0)
         ])
       ]);
     };
@@ -1197,22 +1197,22 @@ const ho = { class: "legend-widget flex flex-col bg-white border border-stone-20
     }
   },
   setup(e) {
-    const t = e, r = E(() => {
+    const t = e, r = P(() => {
       var g;
       return ((g = t.config) == null ? void 0 : g.title) || "";
-    }), o = T([]), i = E(() => t.config.layer.style.rules.some(
+    }), o = T([]), n = P(() => t.config.layer.style.rules.some(
       (g) => g.count !== void 0
-    )), n = E(() => t.config.layer.style.rules.reduce(
-      (g, l) => g + (l.count || 0),
+    )), i = P(() => t.config.layer.style.rules.reduce(
+      (g, a) => g + (a.count || 0),
       0
-    )), m = (g) => !g || n.value === 0 ? 0 : Math.round(g / n.value * 100), h = () => {
-      const l = t.config.layer.style.rules.filter(
+    )), m = (g) => !g || i.value === 0 ? 0 : Math.round(g / i.value * 100), h = () => {
+      const a = t.config.layer.style.rules.filter(
         (d, v) => o.value[v]
       ).map((d) => d.id || d.value).join(",");
       if (t.config.layer.id) {
         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;
+          const l = d.tiles[0].split("?filter=")[0], u = a ? `${l}?filter=${t.config.layer.style.attribute}=${a}` : l;
           d.setTiles([u]);
         }
       }
@@ -1222,16 +1222,16 @@ const ho = { class: "legend-widget flex flex-col bg-white border border-stone-20
       (g = t.config) != null && g.layer && (_e(t.map, t.config.layer), o.value = new Array(t.config.layer.style.rules.length).fill(
         !1
       ));
-    }), (g, l) => (c(), p("div", Do, [
+    }), (g, a) => (c(), p("div", Do, [
       r.value ? (c(), p("div", Uo, [
         s("div", null, [
           s("h2", Ro, S(r.value), 1)
         ])
-      ])) : F("", !0),
+      ])) : j("", !0),
       s("div", Ho, [
         s("div", No, [
           s("div", Zo, [
-            i.value ? (c(), p("div", Wo, [
+            n.value ? (c(), p("div", Wo, [
               (c(!0), p(z, null, q(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",
@@ -1244,7 +1244,7 @@ const ho = { class: "legend-widget flex flex-col bg-white border border-stone-20
                 "aria-valuemin": "0",
                 "aria-valuemax": "100"
               }, null, 12, qo))), 128))
-            ])) : F("", !0),
+            ])) : j("", !0),
             s("ul", null, [
               (c(!0), p(z, null, q(e.config.layer.style.rules, (d, v) => (c(), p("li", { key: v }, [
                 s("div", Go, [
@@ -1259,12 +1259,12 @@ const ho = { class: "legend-widget flex flex-col bg-white border border-stone-20
                         borderColor: o.value[v] ? d.color || "#2563eb" : d.color || "#d9d9d9"
                       })
                     }, [
-                      o.value[v] ? (c(), p("img", Qo)) : F("", !0)
+                      o.value[v] ? (c(), p("img", Qo)) : j("", !0)
                     ], 4),
                     se(s("input", {
                       type: "checkbox",
                       id: `filter-${v}`,
-                      "onUpdate:modelValue": (a) => o.value[v] = a,
+                      "onUpdate:modelValue": (l) => o.value[v] = l,
                       onChange: h,
                       class: "hidden",
                       disabled: !1
@@ -1272,7 +1272,7 @@ const ho = { class: "legend-widget flex flex-col bg-white border border-stone-20
                       [Ze, o.value[v]]
                     ]),
                     s("span", Ko, S(d.label || d.text), 1),
-                    i.value ? (c(), p("span", Xo, "(" + S(d.count) + ")", 1)) : F("", !0)
+                    n.value ? (c(), p("span", Xo, "(" + S(d.count) + ")", 1)) : j("", !0)
                   ], 8, Jo)
                 ])
               ]))), 128))
@@ -1300,7 +1300,7 @@ function rr(e, t) {
     s("path", { d: "m6 6 12 12" }, null, -1)
   ])]);
 }
-const ot = /* @__PURE__ */ N(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 ot = /* @__PURE__ */ N(tr, [["render", rr]]), sr = { class: "hover:bg-gray-100 rounded-lg flex items-center ml-[20px] py-[8px] px-[8px]" }, ir = ["for"], nr = { class: "custom-checkbox-wrapper" }, lr = ["id", "checked"], ar = { class: "custom-checkbox" }, cr = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   width: "12",
@@ -1328,45 +1328,45 @@ const ot = /* @__PURE__ */ N(tr, [["render", rr]]), sr = { class: "hover:bg-gray
   },
   emits: ["select", "remove"],
   setup(e, { emit: t }) {
-    const r = e, o = t, i = E(() => r.selectedLayers.some((h) => h.id === r.layer.id)), n = (h) => Intl.NumberFormat("uk", {
+    const r = e, o = t, n = P(() => r.selectedLayers.some((h) => h.id === r.layer.id)), i = (h) => Intl.NumberFormat("uk", {
       notation: "compact"
     }).format(h), m = (h) => {
       o(h ? "select" : "remove", r.layer);
     };
     return (h, g) => {
-      var l, d, v, a, u;
+      var a, d, v, l, u;
       return c(), p("div", sr, [
         s("label", {
           class: "flex items-center w-full cursor-pointer",
           for: e.layer.id
         }, [
-          s("div", ir, [
+          s("div", nr, [
             s("input", {
               id: e.layer.id,
               type: "checkbox",
-              checked: i.value,
+              checked: n.value,
               onChange: g[0] || (g[0] = (f) => m(f.target.checked)),
               class: "custom-checkbox-input"
-            }, null, 40, ar),
-            s("div", lr, [
-              i.value ? (c(), p("svg", cr, [...g[1] || (g[1] = [
+            }, null, 40, lr),
+            s("div", ar, [
+              n.value ? (c(), p("svg", cr, [...g[1] || (g[1] = [
                 s("path", {
                   d: "M10.6663 1L4.24967 7.41667L1.33301 4.5",
                   stroke: "#fff",
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round"
                 }, null, -1)
-              ])])) : F("", !0)
+              ])])) : j("", !0)
             ])
           ]),
           s("div", dr, [
             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
+              title: (a = e.layer) == null ? void 0 : a.name
             }, S(((d = e.layer) == null ? void 0 : d.name) || ((v = e.layer) == null ? void 0 : v.title)), 9, ur),
-            isNaN(n((a = e.layer) == null ? void 0 : a.count)) ? F("", !0) : (c(), p("div", pr, S(n((u = e.layer) == null ? void 0 : u.count)), 1))
+            isNaN(i((l = e.layer) == null ? void 0 : l.count)) ? j("", !0) : (c(), p("div", pr, S(i((u = e.layer) == null ? void 0 : u.count)), 1))
           ])
-        ], 8, nr)
+        ], 8, ir)
       ]);
     };
   }
@@ -1475,7 +1475,7 @@ function Sr(e, t) {
     Ae('<path d="M3 6h18"></path><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"></path><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"></path><line x1="10" x2="10" y1="11" y2="17"></line><line x1="14" x2="14" y1="11" y2="17"></line>', 5)
   ])]);
 }
-const Fr = /* @__PURE__ */ N(Ir, [["render", Sr]]), jr = {}, Pr = {
+const jr = /* @__PURE__ */ N(Ir, [["render", Sr]]), Fr = {}, Er = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "18",
   height: "18",
@@ -1487,8 +1487,8 @@ const Fr = /* @__PURE__ */ N(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] = [
+function Pr(e, t) {
+  return c(), p("svg", Er, [...t[0] || (t[0] = [
     s("circle", {
       cx: "12",
       cy: "12",
@@ -1506,7 +1506,7 @@ function Er(e, t) {
     }, null, -1)
   ])]);
 }
-const Mr = /* @__PURE__ */ N(jr, [["render", Er]]), Tr = {}, zr = {
+const Mr = /* @__PURE__ */ N(Fr, [["render", Pr]]), Tr = {}, zr = {
   width: "6",
   height: "10",
   viewBox: "0 0 6 10",
@@ -1553,7 +1553,7 @@ const Zr = {
     ZoomInIcon: yr,
     InfoIcon: _r,
     TableIcon: $r,
-    TrashIcon: Fr,
+    TrashIcon: jr,
     DotsIcon: Mr,
     ChevronRightIcon: Br,
     FilterIcon: Rr,
@@ -1735,8 +1735,8 @@ const Zr = {
     async handleFilterChange({ url: e }, t) {
       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]);
+        const n = r.tiles[0].split("?filter=")[0], i = e ? `${n}?filter=${e}` : n;
+        r.setTiles([i]);
       }
     },
     popoverActions(e) {
@@ -1793,8 +1793,8 @@ const Zr = {
       if (this.selectedLayers.splice(this.draggedLayerIndex, 1), this.selectedLayers.splice(e, 0, t), this.draggedLayerIndex = null, this.map && this.selectedLayers.length > 1)
         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);
+          o.visible && this.map.getStyle().layers.find((n) => n.id.includes(o.id)) && this.map.getStyle().layers.forEach((n) => {
+            n.id.includes(o.id) && this.map.moveLayer(n.id);
           });
         }
     },
@@ -1805,7 +1805,7 @@ const Zr = {
 }, Wr = { class: "w-full max-w-md mx-auto p-4 bg-white border border-gray-200 rounded-lg shadow-sm" }, qr = { class: "flex items-center justify-between mb-4" }, Gr = { class: "flex items-center gap-2" }, Jr = { class: "text-lg font-semibold text-gray-800" }, Qr = { key: 0 }, Yr = { key: 1 }, Kr = { class: "flex mb-4 border-b border-gray-200" }, Xr = { key: 0 }, es = { class: "mb-4" }, ts = {
   key: 0,
   class: "space-y-2 max-h-[400px] overflow-y-auto pr-1 [&::-webkit-scrollbar]:h-1.5 [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-gray-300 [&::-webkit-scrollbar-track]:bg-transparent"
-}, 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 = {
+}, os = ["onDragstart", "onDragover", "onDrop"], rs = { class: "flex items-center justify-between" }, ss = { class: "flex items-center gap-2 cursor-move" }, is = ["onUpdate:modelValue", "onChange"], ns = { class: "text-gray-800" }, ls = { class: "flex items-center gap-2" }, as = { class: "relative" }, cs = { class: "flex items-center gap-2" }, ds = ["onUpdate:modelValue", "onInput"], us = { class: "text-xs text-gray-600 whitespace-nowrap" }, ps = ["onClick"], hs = { class: "relative" }, fs = { class: "w-48" }, gs = {
   key: 0,
   class: "my-1 border-gray-200"
 }, vs = ["disabled", "onClick"], ms = {
@@ -1827,9 +1827,9 @@ const Zr = {
   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, r, o, i, n) {
+function Ss(e, t, r, o, n, i) {
   var u;
-  const m = J("VsPopover"), h = J("DotsIcon"), g = J("VsFilter"), l = J("searchIcon"), d = J("closeIcon"), v = J("VsLayersItem"), a = J("chevronRightIcon");
+  const m = J("VsPopover"), h = J("DotsIcon"), g = J("VsFilter"), a = J("searchIcon"), d = J("closeIcon"), v = J("VsLayersItem"), l = J("chevronRightIcon");
   return c(), p("div", Wr, [
     s("div", qr, [
       s("div", Gr, [
@@ -1850,14 +1850,14 @@ function Ss(e, t, r, o, i, n) {
           s("path", { d: "m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65" })
         ], -1)),
         s("h2", Jr, [
-          ie(S(i.activeView === "catalog" ? "Каталог" : "Вибрані шари") + " ", 1),
-          i.activeView === "catalog" ? (c(), p("span", Qr, "(" + S(((u = i.layers) == null ? void 0 : u.length) || 0) + ")", 1)) : (c(), p("span", Yr, "(" + S(i.selectedLayers.length) + ")", 1))
+          ne(S(n.activeView === "catalog" ? "Каталог" : "Вибрані шари") + " ", 1),
+          n.activeView === "catalog" ? (c(), p("span", Qr, "(" + S(((u = n.layers) == null ? void 0 : u.length) || 0) + ")", 1)) : (c(), p("span", Yr, "(" + S(n.selectedLayers.length) + ")", 1))
         ])
       ]),
       s("button", {
         class: "p-1 rounded-full hover:bg-gray-200 transition-colors",
         "aria-label": "Reset layers",
-        onClick: t[0] || (t[0] = (...f) => n.clearSelectedLayers && n.clearSelectedLayers(...f))
+        onClick: t[0] || (t[0] = (...f) => i.clearSelectedLayers && i.clearSelectedLayers(...f))
       }, [...t[8] || (t[8] = [
         Ae('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-refresh-cw text-gray-600" data-v-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)
       ])])
@@ -1866,23 +1866,23 @@ function Ss(e, t, r, o, i, n) {
       s("button", {
         class: K([
           "px-4 py-2 text-sm font-medium",
-          i.activeView === "catalog" ? "text-blue-600 border-b-2 border-blue-600" : "text-gray-600 hover:text-gray-800"
+          n.activeView === "catalog" ? "text-blue-600 border-b-2 border-blue-600" : "text-gray-600 hover:text-gray-800"
         ]),
-        onClick: t[1] || (t[1] = (f) => i.activeView = "catalog")
+        onClick: t[1] || (t[1] = (f) => n.activeView = "catalog")
       }, " Каталог ", 2),
       s("button", {
         class: K([
           "px-4 py-2 text-sm font-medium",
-          i.activeView === "selected" ? "text-blue-600 border-b-2 border-blue-600" : "text-gray-600 hover:text-gray-800"
+          n.activeView === "selected" ? "text-blue-600 border-b-2 border-blue-600" : "text-gray-600 hover:text-gray-800"
         ]),
-        onClick: t[2] || (t[2] = (f) => i.activeView = "selected")
+        onClick: t[2] || (t[2] = (f) => n.activeView = "selected")
       }, " Вибрані шари ", 2)
     ]),
-    i.activeView === "selected" ? (c(), p("div", Xr, [
+    n.activeView === "selected" ? (c(), p("div", Xr, [
       s("div", es, [
         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) => i.activeView = "catalog")
+          onClick: t[3] || (t[3] = (f) => n.activeView = "catalog")
         }, [...t[9] || (t[9] = [
           s("svg", {
             xmlns: "http://www.w3.org/2000/svg",
@@ -1902,17 +1902,17 @@ function Ss(e, t, r, o, i, n) {
           s("span", null, "Вибрати шар", -1)
         ])])
       ]),
-      i.mounted ? (c(), p("div", ts, [
-        (c(!0), p(z, null, q(i.selectedLayers, (f, L) => {
-          var j, B;
+      n.mounted ? (c(), p("div", ts, [
+        (c(!0), p(z, null, q(n.selectedLayers, (f, L) => {
+          var F, B;
           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: i.draggedLayerIndex === L }]),
+            class: K(["border border-gray-200 rounded-md p-3 mb-2 bg-white shadow-sm text-[13px] text-[#4b5563]", { dragging: n.draggedLayerIndex === L }]),
             draggable: "true",
-            onDragstart: (k) => n.onDragStart(L),
-            onDragover: vt((k) => n.onDragOver(L), ["prevent"]),
-            onDrop: (k) => n.onDrop(L),
-            onDragend: t[4] || (t[4] = (...k) => n.onDragEnd && n.onDragEnd(...k))
+            onDragstart: (k) => i.onDragStart(L),
+            onDragover: vt((k) => i.onDragOver(L), ["prevent"]),
+            onDrop: (k) => i.onDrop(L),
+            onDragend: t[4] || (t[4] = (...k) => i.onDragEnd && i.onDragEnd(...k))
           }, [
             s("div", rs, [
               s("div", ss, [
@@ -1921,19 +1921,19 @@ function Ss(e, t, r, o, i, n) {
                   type: "checkbox",
                   class: "w-4 h-4 text-blue-600 rounded focus:ring-blue-500",
                   "onUpdate:modelValue": (k) => f.visible = k,
-                  onChange: (k) => n.toggleLayerVisibility(f)
-                }, null, 40, ns), [
+                  onChange: (k) => i.toggleLayerVisibility(f)
+                }, null, 40, is), [
                   [Ze, f.visible]
                 ]),
-                s("span", is, S(f.name || f.title || f.label), 1)
+                s("span", ns, S(f.name || f.title || f.label), 1)
               ]),
-              s("div", as, [
-                s("div", ls, [
+              s("div", ls, [
+                s("div", as, [
                   Z(m, { placement: "bottom" }, {
                     reference: G(() => [
                       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) => n.updateLayerOpacity(f)
+                        onClick: (k) => i.updateLayerOpacity(f)
                       }, S(f.opacity || 100) + "% ", 9, ps)
                     ]),
                     default: G(() => [
@@ -1945,7 +1945,7 @@ function Ss(e, t, r, o, i, n) {
                           max: "100",
                           step: "1",
                           "onUpdate:modelValue": (k) => f.opacity = k,
-                          onInput: (k) => n.onLayerOpacityChange(f),
+                          onInput: (k) => i.onLayerOpacityChange(f),
                           class: "h-2 w-full accent-blue-600 rounded-lg cursor-pointer bg-gray-200"
                         }, null, 40, ds), [
                           [He, f.opacity]
@@ -1965,7 +1965,7 @@ function Ss(e, t, r, o, i, n) {
                     ]),
                     default: G(() => [
                       s("div", fs, [
-                        (c(!0), p(z, null, q(n.popoverActions(f), (k, _) => (c(), p(z, { key: _ }, [
+                        (c(!0), p(z, null, q(i.popoverActions(f), (k, _) => (c(), p(z, { key: _ }, [
                           k.divider ? (c(), p("hr", gs)) : (c(), p("button", {
                             key: 1,
                             class: K(
@@ -1975,7 +1975,7 @@ function Ss(e, t, r, o, i, n) {
                             onClick: (A) => !k.disabled && e.$options.methods[k.handler].call(this, f)
                           }, [
                             (c(), X(Be(k.icon), { class: "lucide" })),
-                            ie(" " + S(k.label), 1)
+                            ne(" " + S(k.label), 1)
                           ], 10, vs))
                         ], 64))), 128))
                       ])
@@ -1995,67 +1995,67 @@ function Ss(e, t, r, o, i, n) {
                 urlSeparator: "true",
                 view: "plain",
                 name: "filter",
-                onFilterChange: (k) => n.handleFilterChange(k, f)
+                onFilterChange: (k) => i.handleFilterChange(k, f)
               }, null, 8, ["scheme", "onFilterChange"]), [
-                [je, (j = f.filters) == null ? void 0 : j.length]
+                [Fe, (F = f.filters) == null ? void 0 : F.length]
               ]),
               se(s("div", null, [...t[12] || (t[12] = [
                 s("div", { class: "px-2 text-[14px] text-[#4b5563]" }, " Фільтри для шару відсутні ", -1)
               ])], 512), [
-                [je, !((B = f.filters) != null && B.length)]
+                [Fe, !((B = f.filters) != null && B.length)]
               ])
-            ])) : F("", !0)
+            ])) : j("", !0)
           ], 42, os);
         }), 128)),
-        i.selectedLayers.length === 0 ? (c(), p("div", ws, [...t[13] || (t[13] = [
+        n.selectedLayers.length === 0 ? (c(), p("div", ws, [...t[13] || (t[13] = [
           s("p", null, 'Щоб додати шар, натисніть на кнопку "Вибрати шар".', -1)
-        ])])) : F("", !0)
-      ])) : F("", !0)
+        ])])) : j("", !0)
+      ])) : j("", !0)
     ])) : (c(), p(z, { key: 1 }, [
       s("div", xs, [
         se(s("input", {
           title: "value",
           placeholder: "Введіть назву шару...",
-          "onUpdate:modelValue": t[5] || (t[5] = (f) => i.search = f),
+          "onUpdate:modelValue": t[5] || (t[5] = (f) => n.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] = mt((...f) => n.onEnter && n.onEnter(...f), ["enter"]))
+          onKeyup: t[6] || (t[6] = mt((...f) => i.onEnter && i.onEnter(...f), ["enter"]))
         }, null, 544), [
-          [He, i.search]
+          [He, n.search]
         ]),
-        Z(l, {
+        Z(a, {
           class: "absolute top-1/2 left-[8px] w-[16px] h-[16px]",
           style: { transform: "translate(0, -50%)" }
         }),
-        i.search ? (c(), X(d, {
+        n.search ? (c(), X(d, {
           key: 0,
           class: "absolute top-1/2 right-[10px] w-[16px] h-[16px] cursor-pointer",
           style: { transform: "translate(0, -50%)" },
-          onClick: n.clearSearch
-        }, null, 8, ["onClick"])) : F("", !0)
+          onClick: i.clearSearch
+        }, null, 8, ["onClick"])) : j("", !0)
       ]),
-      i.categories ? (c(), p("div", _s, [
-        i.search ? (c(), p(z, { key: 0 }, [
-          (c(!0), p(z, null, q(n.searchedLayers, (f, L) => (c(), X(v, {
+      n.categories ? (c(), p("div", _s, [
+        n.search ? (c(), p(z, { key: 0 }, [
+          (c(!0), p(z, null, q(i.searchedLayers, (f, L) => (c(), X(v, {
             key: L,
             layer: f,
             map: r.map,
-            selectedLayers: i.selectedLayers,
-            onSelect: n.addToSelected,
-            onRemove: n.handleRemoveFromCatalog
+            selectedLayers: n.selectedLayers,
+            onSelect: i.addToSelected,
+            onRemove: i.handleRemoveFromCatalog
           }, null, 8, ["layer", "map", "selectedLayers", "onSelect", "onRemove"]))), 128)),
-          n.searchedLayers.length === 0 ? (c(), p("div", ks, " Нічого не знайдено ")) : F("", !0)
+          i.searchedLayers.length === 0 ? (c(), p("div", ks, " Нічого не знайдено ")) : j("", !0)
         ], 64)) : (c(), p(z, { key: 1 }, [
-          !i.categories || Object.keys(i.categories).length === 0 ? (c(), p("div", Ls, " Каталог порожній ")) : (c(!0), p(z, { key: 1 }, q(Object.keys(i.categories), (f) => (c(), p("div", { key: f }, [
+          !n.categories || Object.keys(n.categories).length === 0 ? (c(), p("div", Ls, " Каталог порожній ")) : (c(!0), p(z, { key: 1 }, q(Object.keys(n.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) => n.selectCategory(f)
+              onClick: (L) => i.selectCategory(f)
             }, [
               s("div", $s, [
-                Z(a, {
+                Z(l, {
                   class: K({
-                    "rotate-up": f === i.selectedCategory,
-                    "rotate-down": f !== i.selectedCategory
+                    "rotate-up": f === n.selectedCategory,
+                    "rotate-down": f !== n.selectedCategory
                   })
                 }, null, 8, ["class"]),
                 s("div", {
@@ -2063,33 +2063,33 @@ function Ss(e, t, r, o, i, n) {
                   title: f
                 }, S(f), 9, Is)
               ]),
-              s("div", Vs, S(n.formatNumber(i.categories[f].length)), 1)
+              s("div", Vs, S(i.formatNumber(n.categories[f].length)), 1)
             ], 8, Cs),
             se(s("div", null, [
-              (c(!0), p(z, null, q(i.categories[f], (L, j) => (c(), X(v, {
-                key: j,
+              (c(!0), p(z, null, q(n.categories[f], (L, F) => (c(), X(v, {
+                key: F,
                 layer: L,
                 map: r.map,
-                selectedLayers: i.selectedLayers,
-                onSelect: n.addToSelected,
-                onRemove: n.handleRemoveFromCatalog
+                selectedLayers: n.selectedLayers,
+                onSelect: i.addToSelected,
+                onRemove: i.handleRemoveFromCatalog
               }, null, 8, ["layer", "map", "selectedLayers", "onSelect", "onRemove"]))), 128))
             ], 512), [
-              [je, f === i.selectedCategory]
+              [Fe, f === n.selectedCategory]
             ])
           ]))), 128))
         ], 64))
-      ])) : F("", !0)
+      ])) : j("", !0)
     ], 64))
   ]);
 }
-const Fs = /* @__PURE__ */ N(Zr, [["render", Ss], ["__scopeId", "data-v-e9e7021a"]]), js = {
+const js = /* @__PURE__ */ N(Zr, [["render", Ss], ["__scopeId", "data-v-e9e7021a"]]), Fs = {
   key: 0,
   class: "w-full flex flex-col bg-white border border-stone-200 shadow-2xs rounded-xl z-10 relative widget"
-}, Ps = {
+}, Es = {
   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 = {
+}, Ps = { class: "inline-block font-semibold text-lg text-gray-800 dark:text-neutral-200" }, Ms = { class: "flex flex-col justify-between h-full" }, Ts = {
   __name: "vs-filters-widget",
   props: {
     config: {
@@ -2106,39 +2106,39 @@ const Fs = /* @__PURE__ */ N(Zr, [["render", Ss], ["__scopeId", "data-v-e9e7021a
     }
   },
   setup(e) {
-    const t = e, r = E(() => {
+    const t = e, r = P(() => {
       var m;
       return ((m = t.config) == null ? void 0 : m.filters) || [];
-    }), o = E(() => r.value), i = E(() => {
+    }), o = P(() => r.value), n = P(() => {
       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 }) => {
+    }), i = async ({ data: m }) => {
       var v;
-      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)
+      const h = Object.entries(m).map((l) => l.join("=")).join("|"), g = (v = t.config) == null ? void 0 : v.conditions, a = (g == null ? void 0 : g.layers) || [], d = t.enabledLayerIds.filter(
+        (l) => a.includes(l)
       );
-      d.length && d.forEach((a) => {
-        const u = t.map.getSource(a);
+      d.length && d.forEach((l) => {
+        const u = t.map.getSource(l);
         if (u) {
-          const L = u.tiles[0].split("?filter=")[0], j = h ? `${L}?filter=${h}` : L;
-          u.setTiles([j]);
+          const L = u.tiles[0].split("?filter=")[0], F = h ? `${L}?filter=${h}` : L;
+          u.setTiles([F]);
         }
       });
     };
-    return (m, h) => i.value ? (c(), p("div", js, [
-      e.config.title ? (c(), p("div", Ps, [
-        s("h2", Es, S(e.config.title), 1)
-      ])) : F("", !0),
+    return (m, h) => n.value ? (c(), p("div", Fs, [
+      e.config.title ? (c(), p("div", Es, [
+        s("h2", Ps, S(e.config.title), 1)
+      ])) : j("", !0),
       s("div", Ms, [
         Z(Ne(xt), {
           ref: "filter",
           schema: o.value,
           view: "vertical",
-          onChange: n
+          onChange: i
         }, null, 8, ["schema"])
       ])
-    ])) : F("", !0);
+    ])) : j("", !0);
   }
 }, zs = {
   type: "button",
@@ -2163,67 +2163,67 @@ const Fs = /* @__PURE__ */ N(Zr, [["render", Ss], ["__scopeId", "data-v-e9e7021a
     }
   },
   setup(e) {
-    const t = e, r = T(0), o = T(null), i = E(() => {
-      var l;
-      return ((l = t.config) == null ? void 0 : l.filters) || [];
-    }), n = E(() => i.value.map((l) => ({
-      ...l,
-      id: l.name
-    }))), m = E(() => {
+    const t = e, r = T(0), o = T(null), n = P(() => {
+      var a;
+      return ((a = t.config) == null ? void 0 : a.filters) || [];
+    }), i = P(() => n.value.map((a) => ({
+      ...a,
+      id: a.name
+    }))), m = P(() => {
       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;
+      const a = (d = t.config) == null ? void 0 : d.conditions;
+      return !a || !a.layers ? !0 : t.enabledLayerIds.some((v) => a.layers.includes(v));
+    }), h = P(() => {
+      var a;
       if (t.enabledLayerIds && t.enabledLayerIds.length) {
-        const v = (((l = t.config) == null ? void 0 : l.layers) || []).find((a) => a.id === t.enabledLayerIds[0]);
+        const v = (((a = t.config) == null ? void 0 : a.layers) || []).find((l) => l.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 }) => {
+    }), g = async ({ url: a }) => {
       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);
-        if (j) {
-          const k = j.tiles[0].split("?filter=")[0], _ = l ? `${k}?filter=${l}` : k;
-          j.setTiles([_]);
+        const F = t.map.getSource(L);
+        if (F) {
+          const k = F.tiles[0].split("?filter=")[0], _ = a ? `${k}?filter=${a}` : k;
+          F.setTiles([_]);
         }
         return;
       }
-      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;
-          j.setTiles([_]);
+      const v = (d == null ? void 0 : d.layers) || [], l = t.enabledLayerIds.filter((L) => v.includes(L));
+      l.length && l.forEach((L) => {
+        const F = t.map.getSource(L);
+        if (F) {
+          const k = F.tiles[0].split("?filter=")[0], _ = a ? `${k}?filter=${a}` : k;
+          F.setTiles([_]);
         }
       });
     };
     return fe(
       () => t.enabledLayerIds,
-      (l) => {
-        (!l || !l.length) && o.value && (o.value.activeFilters = {}, r.value = 0);
+      (a) => {
+        (!a || !a.length) && o.value && (o.value.activeFilters = {}, r.value = 0);
       }
     ), fe(
       () => {
-        var l;
-        return (l = o.value) == null ? void 0 : l.activeFilters;
+        var a;
+        return (a = o.value) == null ? void 0 : a.activeFilters;
       },
-      (l) => {
-        r.value = Object.keys(l || {}).length;
+      (a) => {
+        r.value = Object.keys(a || {}).length;
       },
       { deep: !0 }
-    ), (l, d) => {
-      const v = J("VsPopover"), a = J("VsFilterList");
-      return m.value && n.value.length ? (c(), X(a, {
+    ), (a, d) => {
+      const v = J("VsPopover"), l = J("VsFilterList");
+      return m.value && i.value.length ? (c(), X(l, {
         key: 0,
         ref_key: "filter",
         ref: o,
         isDialog: e.config.dialog ?? !0,
-        scheme: n.value,
+        scheme: i.value,
         urlSeparator: "true",
         view: "plain",
         name: "filter",
@@ -2265,18 +2265,18 @@ const Fs = /* @__PURE__ */ N(Zr, [["render", Ss], ["__scopeId", "data-v-e9e7021a
                     })
                   ], -1)),
                   s("span", Bs, S(h.value), 1),
-                  r.value ? (c(), p("span", Os, S(r.value), 1)) : F("", !0)
+                  r.value ? (c(), p("span", Os, S(r.value), 1)) : j("", !0)
                 ])
               ])
             ]),
             default: G(() => [
-              d[1] || (d[1] = ie(" Відкрити бокову панель ", -1))
+              d[1] || (d[1] = ne(" Відкрити бокову панель ", -1))
             ]),
             _: 1
           })
         ]),
         _: 1
-      }, 8, ["isDialog", "scheme"])) : F("", !0);
+      }, 8, ["isDialog", "scheme"])) : j("", !0);
     };
   }
 }, Us = {
@@ -2343,17 +2343,17 @@ const Fs = /* @__PURE__ */ N(Zr, [["render", Ss], ["__scopeId", "data-v-e9e7021a
   key: 1,
   class: "text-center text-slate-400"
 };
-function Ks(e, t, r, o, i, n) {
+function Ks(e, t, r, o, n, i) {
   var h;
   const m = J("VsPagination");
   return c(), p("div", Rs, [
     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", Hs, [
+    ((h = n.items) == null ? void 0 : h.length) > 0 ? (c(), p("div", Hs, [
       s("div", Ns, [
-        (c(!0), p(z, null, q(i.items, (g) => (c(), p("div", {
+        (c(!0), p(z, null, q(n.items, (g) => (c(), p("div", {
           key: g.id,
           class: "py-4 border-b last:border-b-0 hover:bg-gray-50",
-          onClick: (l) => e.$emit("cardValuesId", g.id)
+          onClick: (a) => e.$emit("cardValuesId", g.id)
         }, [
           s("h3", Ws, S(g.name), 1),
           s("div", qs, [
@@ -2363,47 +2363,47 @@ function Ks(e, t, r, o, i, n) {
                 "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)
+            }, S(g.status_data.text), 3)) : j("", !0),
+            g.class_mbd_id_data ? (c(), p("span", Gs, S(g.class_mbd_id_data.text), 1)) : j("", !0)
           ])
         ], 8, Zs))), 128))
       ]),
-      i.total > i.limit ? (c(), p("div", Js, [
+      n.total > n.limit ? (c(), p("div", Js, [
         s("div", Qs, [
           Z(m, {
-            total: i.total,
+            total: n.total,
             maxPages: 4,
-            defaultPage: i.currentPage,
-            pageSize: i.limit,
+            defaultPage: n.currentPage,
+            pageSize: n.limit,
             goTo: !1,
             size: "medium",
-            onPageChange: n.handlePageChange,
+            onPageChange: i.handlePageChange,
             backgroundColor: "#e5e7eb",
             borderedCellSelected: !0,
             pageSizes: [16, 32, 48, 64],
-            onPageSizeChange: n.changeLimit
+            onPageSizeChange: i.changeLimit
           }, null, 8, ["total", "defaultPage", "pageSize", "onPageChange", "onPageSizeChange"])
         ])
-      ])) : F("", !0)
+      ])) : j("", !0)
     ])) : (c(), p("div", Ys, "Немає даних"))
   ], 512);
 }
-const Xs = /* @__PURE__ */ N(Us, [["render", Ks]]), en = { class: "map-skeleton-loader" }, tn = {
+const Xs = /* @__PURE__ */ N(Us, [["render", Ks]]), ei = { class: "map-skeleton-loader" }, ti = {
   __name: "vs-skeleton-loader",
   setup(e) {
-    return (t, r) => (c(), p("div", en, [...r[0] || (r[0] = [
+    return (t, r) => (c(), p("div", ei, [...r[0] || (r[0] = [
       s("div", { class: "dot-pulse" }, null, -1)
     ])]));
   }
-}, on = /* @__PURE__ */ N(tn, [["__scopeId", "data-v-954c1e03"]]), rn = {}, sn = {
+}, oi = /* @__PURE__ */ N(ti, [["__scopeId", "data-v-954c1e03"]]), ri = {}, si = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function nn(e, t) {
-  return c(), p("svg", sn, [...t[0] || (t[0] = [
+function ii(e, t) {
+  return c(), p("svg", si, [...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", {
@@ -2429,9 +2429,9 @@ function nn(e, t) {
     }, null, -1)
   ])]);
 }
-const an = /* @__PURE__ */ N(rn, [["render", nn]]), ln = {
+const ni = /* @__PURE__ */ N(ri, [["render", ii]]), li = {
   components: {
-    homeIcon: an
+    homeIcon: ni
   },
   name: "vs-homezoom",
   props: {
@@ -2445,7 +2445,7 @@ const an = /* @__PURE__ */ N(rn, [["render", nn]]), ln = {
   },
   computed: {}
 };
-function cn(e, t, r, o, i, n) {
+function ai(e, t, r, o, n, i) {
   const m = J("homeIcon"), h = J("VsPopover");
   return c(), p("div", null, [
     Z(h, {
@@ -2456,7 +2456,7 @@ function cn(e, t, r, o, i, n) {
     }, {
       reference: G(() => [
         Z(m, {
-          onClick: n.homeZoom,
+          onClick: i.homeZoom,
           class: "w-full h-auto p-[9px] [transition:.3s] hover:[transition:.3s] text-[24px] hover:bg-[#DBEAFE] flex font-normal cursor-pointer text-[#1E40AF] bg-[#fff] rounded-[4px] border-[1px] border-solid border-[#E5E7EB]"
         }, null, 8, ["onClick"])
       ]),
@@ -2467,15 +2467,15 @@ function cn(e, t, r, o, i, n) {
     })
   ]);
 }
-const dn = /* @__PURE__ */ N(ln, [["render", cn]]), un = {}, pn = {
+const ci = /* @__PURE__ */ N(li, [["render", ai]]), di = {}, ui = {
   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] = [
+function pi(e, t) {
+  return c(), p("svg", ui, [...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", {
@@ -2501,9 +2501,9 @@ function hn(e, t) {
     }, null, -1)
   ])]);
 }
-const fn = /* @__PURE__ */ N(un, [["render", hn]]), gn = {
+const hi = /* @__PURE__ */ N(di, [["render", pi]]), fi = {
   components: {
-    printIcon: fn,
+    printIcon: hi,
     VsPopover: Ve
   },
   props: {
@@ -2588,13 +2588,13 @@ const fn = /* @__PURE__ */ N(un, [["render", hn]]), gn = {
         return;
       }
       window.mapboxgl.accessToken = "pk.eyJ1Ijoia3Jpemhhbm92c2t5IiwiYSI6ImNsemkxNWtkODA5dDcycnNhMWZzYWM0MTAifQ.6fEpgfd_2mA4UYuflDewpQ";
-      const { MapboxExportControl: e, Size: t, PageOrientation: r, Format: o, DPI: i } = window.MapboxExportControl;
+      const { MapboxExportControl: e, Size: t, PageOrientation: r, Format: o, DPI: n } = window.MapboxExportControl;
       this.map.addControl(
         new e({
           PageSize: t.A3,
           PageOrientation: r.Portrait,
           Format: o.PNG,
-          DPI: i[96],
+          DPI: n[96],
           Crosshair: !0,
           PrintableArea: !0,
           Local: "uk"
@@ -2618,7 +2618,7 @@ const fn = /* @__PURE__ */ N(un, [["render", hn]]), gn = {
     }
   }
 };
-function vn(e, t, r, o, i, n) {
+function gi(e, t, r, o, n, i) {
   const m = J("printIcon"), h = J("VsPopover");
   return c(), X(h, {
     trigger: "hover",
@@ -2627,8 +2627,8 @@ function vn(e, t, r, o, i, n) {
   }, {
     reference: G(() => [
       Z(m, {
-        onClick: n.togglePrint,
-        class: K([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]"])
+        onClick: i.togglePrint,
+        class: K([i.modalButtonClasses, "print-button w-full h-auto p-[9px] [transition:.3s] hover:[transition:.3s] text-[24px] hover:bg-[#DBEAFE] flex font-normal cursor-pointer text-[#1E40AF] bg-[#fff] rounded-[4px] border-[1px] border-solid border-[#E5E7EB]"])
       }, null, 8, ["onClick", "class"])
     ]),
     default: G(() => [
@@ -2637,7 +2637,7 @@ function vn(e, t, r, o, i, n) {
     _: 1
   });
 }
-const mn = /* @__PURE__ */ N(gn, [["render", vn]]), yn = {
+const vi = /* @__PURE__ */ N(fi, [["render", gi]]), mi = {
   props: {
     map: {
       type: Object,
@@ -2675,7 +2675,7 @@ const mn = /* @__PURE__ */ N(gn, [["render", vn]]), yn = {
     }
   }
 };
-function bn(e, t, r, o, i, n) {
+function yi(e, t, r, o, n, i) {
   const m = J("VsPopover");
   return c(), X(m, {
     trigger: "hover",
@@ -2686,8 +2686,8 @@ function bn(e, t, r, o, i, n) {
     reference: G(() => [
       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] = (...h) => n.toggleView && n.toggleView(...h))
-      }, S(i.is3D ? "2D" : "3D"), 1)
+        onClick: t[0] || (t[0] = (...h) => i.toggleView && i.toggleView(...h))
+      }, S(n.is3D ? "2D" : "3D"), 1)
     ]),
     default: G(() => [
       t[1] || (t[1] = s("div", null, "Перемикач виду", -1))
@@ -2695,22 +2695,22 @@ function bn(e, t, r, o, i, n) {
     _: 1
   });
 }
-const wn = /* @__PURE__ */ N(yn, [["render", bn]]), xn = {
+const bi = /* @__PURE__ */ N(mi, [["render", yi]]), wi = {
   props: {
     bgColor: {
       type: String,
       default: "#1E40AF"
     }
   }
-}, _n = {
+}, xi = {
   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, r, o, i, n) {
-  return c(), p("svg", _n, [
+}, _i = ["stroke"], ki = ["stroke"], Li = ["stroke"], Ci = ["stroke"], $i = ["stroke"], Ii = ["stroke"];
+function Vi(e, t, r, o, n, i) {
+  return c(), p("svg", xi, [
     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", {
@@ -2719,47 +2719,47 @@ function Sn(e, t, r, o, i, n) {
       "stroke-width": "1",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
-    }, null, 8, kn),
+    }, null, 8, _i),
     s("path", {
       d: "M19 12H22",
       stroke: r.bgColor,
       "stroke-width": "1",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
-    }, null, 8, Ln),
+    }, null, 8, ki),
     s("path", {
       d: "M12 2V5",
       stroke: r.bgColor,
       "stroke-width": "1",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
-    }, null, 8, Cn),
+    }, null, 8, Li),
     s("path", {
       d: "M12 19V22",
       stroke: r.bgColor,
       "stroke-width": "1",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
-    }, null, 8, $n),
+    }, null, 8, Ci),
     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: r.bgColor,
       "stroke-width": "1",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
-    }, null, 8, In),
+    }, null, 8, $i),
     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: r.bgColor,
       "stroke-width": "1",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
-    }, null, 8, Vn)
+    }, null, 8, Ii)
   ]);
 }
-const Fn = /* @__PURE__ */ N(xn, [["render", Sn]]), jn = {
+const Si = /* @__PURE__ */ N(wi, [["render", Vi]]), ji = {
   components: {
-    geoIcon: Fn,
+    geoIcon: Si,
     VsPopover: Ve,
     closeIcon: ot
   },
@@ -2814,11 +2814,11 @@ const Fn = /* @__PURE__ */ N(xn, [["render", Sn]]), jn = {
         `https://nominatim.openstreetmap.org/reverse?format=json&lat=${this.location.latitude}&lon=${this.location.longitude}`
       )).json();
       this.data = r.address;
-      const o = [this.location.longitude, this.location.latitude], i = [
+      const o = [this.location.longitude, this.location.latitude], n = [
         [parseFloat(r.boundingbox[2]), parseFloat(r.boundingbox[0])],
         [parseFloat(r.boundingbox[3]), parseFloat(r.boundingbox[1])]
       ];
-      this.map.fitBounds(i, {
+      this.map.fitBounds(n, {
         padding: 200,
         maxZoom: 16
       }), this.marker || (this.marker = new Marker({
@@ -2836,49 +2836,49 @@ const Fn = /* @__PURE__ */ N(xn, [["render", Sn]]), jn = {
       }), this.$emit("close");
     }
   }
-}, Pn = {
+}, Fi = {
   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, r, o, i, n) {
-  var l, d, v, a, u, f;
+}, Ei = { class: "flex justify-between items-center border-b pb-[16px]" }, Pi = { class: "d-flex" }, Mi = { class: "pt-[16px]" };
+function Ti(e, t, r, o, n, i) {
+  var a, d, v, l, u, f;
   const m = J("closeIcon"), h = J("geoIcon"), g = J("VsPopover");
   return c(), p("div", null, [
     (c(), X(Qe, { to: "#maplibre-demo-map" }, [
-      i.location ? (c(), p("div", Pn, [
-        s("div", En, [
+      n.location ? (c(), p("div", Fi, [
+        s("div", Ei, [
           t[0] || (t[0] = s("div", { class: "text-lg font-semibold" }, "Ваша геолокація", -1)),
-          s("div", Mn, [
-            Z(m, { onClick: n.closeGeolocation }, null, 8, ["onClick"])
+          s("div", Pi, [
+            Z(m, { onClick: i.closeGeolocation }, null, 8, ["onClick"])
           ])
         ]),
-        s("div", Tn, [
+        s("div", Mi, [
           s("div", null, [
             t[1] || (t[1] = s("strong", null, "Широта:", -1)),
-            ie(" " + S((l = i.location) == null ? void 0 : l.latitude), 1)
+            ne(" " + S((a = n.location) == null ? void 0 : a.latitude), 1)
           ]),
           s("div", null, [
             t[2] || (t[2] = s("strong", null, "Довгота:", -1)),
-            ie(" " + S((d = i.location) == null ? void 0 : d.longitude), 1)
+            ne(" " + S((d = n.location) == null ? void 0 : d.longitude), 1)
           ]),
           s("div", null, [
             t[3] || (t[3] = s("strong", null, "КраЇна:", -1)),
-            ie(" " + S((v = i.data) == null ? void 0 : v.country), 1)
+            ne(" " + S((v = n.data) == null ? void 0 : v.country), 1)
           ]),
           s("div", null, [
             t[4] || (t[4] = s("strong", null, "Код країни:", -1)),
-            ie(" " + S((a = i.data) == null ? void 0 : a.country_code), 1)
+            ne(" " + S((l = n.data) == null ? void 0 : l.country_code), 1)
           ]),
           s("div", null, [
             t[5] || (t[5] = s("strong", null, "Місто:", -1)),
-            ie(" " + S((u = i.data) == null ? void 0 : u.city), 1)
+            ne(" " + S((u = n.data) == null ? void 0 : u.city), 1)
           ]),
           s("div", null, [
             t[6] || (t[6] = s("strong", null, "Поштовий індекс:", -1)),
-            ie(" " + S((f = i.data) == null ? void 0 : f.postcode), 1)
+            ne(" " + S((f = n.data) == null ? void 0 : f.postcode), 1)
           ])
         ])
-      ])) : F("", !0)
+      ])) : j("", !0)
     ])),
     Z(g, {
       trigger: "hover",
@@ -2888,8 +2888,8 @@ function zn(e, t, r, o, i, n) {
     }, {
       reference: G(() => [
         Z(h, {
-          onClick: n.togleGeolocation,
-          class: K([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]"])
+          onClick: i.togleGeolocation,
+          class: K([i.modalButtonClasses, "w-full h-auto p-[9px] [transition:.3s] hover:[transition:.3s] text-[24px] hover:bg-[#DBEAFE] flex font-normal cursor-pointer text-[#1E40AF] bg-[#fff] rounded-[4px] border-[1px] border-solid border-[#E5E7EB]"])
         }, null, 8, ["onClick", "class"])
       ]),
       default: G(() => [
@@ -2899,7 +2899,7 @@ function zn(e, t, r, o, i, n) {
     })
   ]);
 }
-const An = /* @__PURE__ */ N(jn, [["render", zn]]), ze = {
+const zi = /* @__PURE__ */ N(ji, [["render", Ti]]), ze = {
   __name: "vs-map-widget-column",
   props: {
     position: String,
@@ -2924,29 +2924,29 @@ const An = /* @__PURE__ */ N(jn, [["render", zn]]), ze = {
     "content-resize"
   ],
   setup(e, { expose: t, emit: r }) {
-    const o = r, i = e, n = T(
-      i.widgets.map((l) => {
+    const o = r, n = e, i = T(
+      n.widgets.map((a) => {
         var d;
         return {
-          ...l,
-          config: { ...l.config, visible: ((d = l.config) == null ? void 0 : d.visible) !== !1 }
+          ...a,
+          config: { ...a.config, visible: ((d = a.config) == null ? void 0 : d.visible) !== !1 }
         };
       })
     );
     fe(
-      () => i.widgets.map((l) => l.id || l.type).join(","),
+      () => n.widgets.map((a) => a.id || a.type).join(","),
       () => {
-        n.value = i.widgets.map((l) => {
+        i.value = n.widgets.map((a) => {
           var d;
           return {
-            ...l,
-            config: { ...l.config, visible: ((d = l.config) == null ? void 0 : d.visible) !== !1 }
+            ...a,
+            config: { ...a.config, visible: ((d = a.config) == null ? void 0 : d.visible) !== !1 }
           };
         });
       }
     );
-    function m(l) {
-      const d = n.value.find((v) => v.id === l);
+    function m(a) {
+      const d = i.value.find((v) => v.id === a);
       d && d.config && (d.config.visible = !d.config.visible, setTimeout(() => {
         o("content-resize");
       }, 30));
@@ -2956,8 +2956,8 @@ const An = /* @__PURE__ */ N(jn, [["render", zn]]), ze = {
     let g = null;
     return ke(() => {
       g = new MutationObserver(() => {
-        var l;
-        clearTimeout((l = h.value) == null ? void 0 : l._resizeTimeout), h.value._resizeTimeout = setTimeout(() => {
+        var a;
+        clearTimeout((a = h.value) == null ? void 0 : a._resizeTimeout), h.value._resizeTimeout = setTimeout(() => {
           o("content-resize");
         }, 30);
       }), h.value && g.observe(h.value, {
@@ -2967,7 +2967,7 @@ const An = /* @__PURE__ */ N(jn, [["render", zn]]), ze = {
       });
     }), yt(() => {
       g && g.disconnect();
-    }), (l, d) => e.mapLoaded ? (c(), p("div", {
+    }), (a, d) => e.mapLoaded ? (c(), p("div", {
       key: 0,
       class: "widget-column",
       ref_key: "columnRef",
@@ -2977,8 +2977,8 @@ const An = /* @__PURE__ */ N(jn, [["render", zn]]), ze = {
         paddingRight: e.rightColumnOffset
       })
     }, [
-      (c(!0), p(z, null, q(n.value, (v) => {
-        var a;
+      (c(!0), p(z, null, q(i.value, (v) => {
+        var l;
         return c(), p(z, {
           key: v.id || v.type
         }, [
@@ -2990,27 +2990,27 @@ const An = /* @__PURE__ */ N(jn, [["render", zn]]), ze = {
             currentLayer: e.currentFilterLayer,
             enabledLayerIds: e.enabledLayerIds,
             history: e.history,
-            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)),
+            onSetFilterLayer: d[0] || (d[0] = (u) => a.$emit("set-filter-layer", u)),
+            "onUpdate:enabledLayerIds": d[1] || (d[1] = (u) => a.$emit("update:enabledLayerIds", u)),
+            onCardValuesId: d[2] || (d[2] = (u) => a.$emit("cardValuesId", u)),
             onShowWidget: m,
-            onCatalogLayers: d[3] || (d[3] = (u) => l.$emit("catalog-layers", u)),
+            onCatalogLayers: d[3] || (d[3] = (u) => a.$emit("catalog-layers", u)),
             class: "widget"
           }, null, 40, ["map", "config", "hasFilters", "currentLayer", "enabledLayerIds", "history"])), [
-            [je, ((a = v.config) == null ? void 0 : a.visible) !== !1]
-          ]) : F("", !0),
+            [Fe, ((l = v.config) == null ? void 0 : l.visible) !== !1]
+          ]) : j("", !0),
           e.cardValues && v.type === "card" ? (c(), X(tt, {
             key: 1,
             config: v.config,
             cardValues: e.cardValues,
             class: "widget",
-            onClose: d[4] || (d[4] = (u) => l.$emit("closeCard"))
-          }, null, 8, ["config", "cardValues"])) : F("", !0)
+            onClose: d[4] || (d[4] = (u) => a.$emit("closeCard"))
+          }, null, 8, ["config", "cardValues"])) : j("", !0)
         ], 64);
       }), 128))
-    ], 4)) : F("", !0);
+    ], 4)) : j("", !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" }, Zn = { class: "absolute top-[180px] right-2 z-10 flex flex-col gap-[5px]" }, Wn = /* @__PURE__ */ We({
+}, Ai = { class: "map-widgets-flex" }, Bi = { class: "widgets-left" }, Oi = { class: "widgets-top" }, Di = { class: "widgets-bottom" }, Ui = { class: "widgets-right" }, Ri = { class: "widgets-top" }, Hi = { class: "widgets-bottom" }, Ni = { class: "absolute top-[180px] right-2 z-10 flex flex-col gap-[5px]" }, Zi = /* @__PURE__ */ We({
   __name: "vs-map",
   props: {
     table: {},
@@ -3018,25 +3018,25 @@ const An = /* @__PURE__ */ N(jn, [["render", zn]]), ze = {
     height: {}
   },
   setup(e) {
-    const t = bt(), r = e, o = T(null), i = T(!1);
-    let n = null;
-    const m = T(null), h = T(null), g = T([]), l = T([]), d = T(null), v = T(null), a = T(null), u = T([]);
+    const t = bt(), r = e, o = T(null), n = T(!1);
+    let i = null;
+    const m = T(null), h = T(null), g = T([]), a = T([]), d = T(null), v = T(null), l = T(null), u = T([]);
     let f = null;
     function L(b) {
-      return !a.value || !a.value.widgets ? [] : b === "center" ? [
-        ...a.value.widgets.filter(
+      return !l.value || !l.value.widgets ? [] : b === "center" ? [
+        ...l.value.widgets.filter(
           (x) => (x.position || {}) === "center"
         ) || [],
-        ...l.value.filter((x) => x.position === "center")
-      ] : a.value.widgets.filter(
+        ...a.value.filter((x) => x.position === "center")
+      ] : l.value.widgets.filter(
         (y) => (y.position || {}) === b
       ) || [];
     }
-    const j = (b, y, x) => y[b] || b, B = (b, y, x, $, w) => {
-      const C = j(b, $), P = y ? j(y, $) : "";
+    const F = (b, y, x) => y[b] || b, B = (b, y, x, $, w) => {
+      const C = F(b, $), E = y ? F(y, $) : "";
       let V = "";
       return x != null && x.length && (V = x.map((H) => {
-        const O = j(H.value, $);
+        const O = F(H.value, $);
         return `
         <tr class="flex justify-between items-center">
           <td class="font-medium mr-1.5 flex items-center">${H.label}</td>
@@ -3050,7 +3050,7 @@ const An = /* @__PURE__ */ N(jn, [["render", zn]]), ze = {
           <h3>${C}</h3>
         </div>
       ` : ""}
-      ${y ? `<div class="text-sm px-2 py-1 break-words">${P}</div>` : ""}
+      ${y ? `<div class="text-sm px-2 py-1 break-words">${E}</div>` : ""}
       ${x != null && x.length && !y ? `
         <div class="text-xs px-2 py-0.5 text-gray-500">
           <table class="w-full">
@@ -3062,19 +3062,19 @@ const An = /* @__PURE__ */ N(jn, [["render", zn]]), ze = {
   `;
     }, k = (b) => ({
       legend: Vt,
-      basemaps: Pt,
+      basemaps: Et,
       layers: co,
       info: wo,
       attribute: er,
-      catalog: Fs,
+      catalog: js,
       filters: Ts,
       "inline-filters": Ds,
       list: Xs,
       card: tt
-    })[b], _ = E(() => !!a.value && Array.isArray(a.value.widgets) && a.value.widgets.some((b) => b.type === "filters")), A = (b) => {
+    })[b], _ = P(() => !!l.value && Array.isArray(l.value.widgets) && l.value.widgets.some((b) => b.type === "filters")), A = (b) => {
       m.value = b;
     };
-    function ae() {
+    function le() {
       const b = new URLSearchParams(window.location.search), y = parseFloat(b.get("x")), x = parseFloat(b.get("y")), $ = parseFloat(b.get("z")), w = parseFloat(b.get("bearing")), C = parseFloat(b.get("pitch"));
       return {
         center: isFinite(y) && isFinite(x) ? [y, x] : null,
@@ -3090,17 +3090,17 @@ const An = /* @__PURE__ */ N(jn, [["render", zn]]), ze = {
       window.history.replaceState({}, "", C);
     }
     const pe = () => {
-      var P, V, H;
-      if (!a.value || !a.value.map) return;
+      var E, V, H;
+      if (!l.value || !l.value.map) return;
       const b = {
         version: 8,
         glyphs: "https://cdn.softpro.ua/data/fonts/{fontstack}/{range}.pbf",
         sources: {},
         layers: []
       }, y = (t == null ? void 0 : t.appContext.config.globalProperties.$settings) || {};
-      let x = a.value.map.center || y.center || [50, 30], $ = a.value.map.zoom || y.zoom || 10, w = a.value.map.bearing || 0, C = a.value.map.pitch || 0;
-      if (a.value.history) {
-        const O = ae();
+      let x = l.value.map.center || y.center || [50, 30], $ = l.value.map.zoom || y.zoom || 10, w = l.value.map.bearing || 0, C = l.value.map.pitch || 0;
+      if (l.value.history) {
+        const O = le();
         O.center && (x = O.center), O.zoom !== null && ($ = O.zoom), O.bearing !== null && (w = O.bearing), O.pitch !== null && (C = O.pitch);
       }
       o.value = new maplibregl.Map({
@@ -3113,11 +3113,11 @@ const An = /* @__PURE__ */ N(jn, [["render", zn]]), ze = {
         maxZoom: 19,
         minZoom: 5
         // maxBounds: [18.0856083513, 40.3614785833, 58.0807890155, 56.3350745713],
-      }), console.log({ center: x, zoom: $ }), (H = (V = (P = a == null ? void 0 : a.value) == null ? void 0 : P.interactions) == null ? void 0 : V.navigation) != null && H.enabled && !f && (f = new maplibregl.NavigationControl(), o.value.addControl(f, "top-right")), o.value.on("load", async () => {
+      }), console.log({ center: x, zoom: $ }), (H = (V = (E = l == null ? void 0 : l.value) == null ? void 0 : E.interactions) == null ? void 0 : V.navigation) != null && H.enabled && !f && (f = new maplibregl.NavigationControl(), o.value.addControl(f, "top-right")), o.value.on("load", async () => {
         var me, Y, Ce, U;
-        if (i.value = !0, await (async () => {
+        if (n.value = !0, await (async () => {
           var R, I, oe, te, ee;
-          const W = ((ee = (te = (oe = (I = (R = a.value) == null ? void 0 : R.widgets) == null ? void 0 : I.find((M) => M.type === "layers")) == null ? void 0 : oe.config) == null ? void 0 : te.layers) == null ? void 0 : ee.filter(
+          const W = ((ee = (te = (oe = (I = (R = l.value) == null ? void 0 : R.widgets) == null ? void 0 : I.find((M) => M.type === "layers")) == null ? void 0 : oe.config) == null ? void 0 : te.layers) == null ? void 0 : ee.filter(
             (M) => {
               var ce;
               return ((ce = M.style) == null ? void 0 : ce.attrType) === "icon-by-attribute";
@@ -3135,7 +3135,7 @@ const An = /* @__PURE__ */ N(jn, [["render", zn]]), ze = {
                 console.error(`Failed to load icon: ${re}`, de);
               }
           }
-        })(), (Ce = (Y = (me = a.value) == null ? void 0 : me.interactions) == null ? void 0 : Y.hover) != null && Ce.enabled && (o.value.on("mousemove", (W) => {
+        })(), (Ce = (Y = (me = l.value) == null ? void 0 : me.interactions) == null ? void 0 : Y.hover) != null && Ce.enabled && (o.value.on("mousemove", (W) => {
           var ce, ye, be, we, re, de, xe, Se, Q, Te;
           const R = o.value.queryRenderedFeatures(W.point);
           if (o.value && o.value.getCanvas && (o.value.getCanvas().style.cursor = R.length ? "pointer" : ""), !R.length) {
@@ -3150,7 +3150,7 @@ const An = /* @__PURE__ */ N(jn, [["render", zn]]), ze = {
                 { hovered: !1 }
               ), h.value = null;
             }
-            n && (n.remove(), n = null);
+            i && (i.remove(), i = null);
             return;
           }
           const I = R[0];
@@ -3171,23 +3171,23 @@ const An = /* @__PURE__ */ N(jn, [["render", zn]]), ze = {
               hovered: !0
             }), h.value = { source: I.layer.source, id: I.id };
           }
-          const oe = (re = (we = a.value) == null ? void 0 : we.widgets) == null ? void 0 : re.find(
+          const oe = (re = (we = l.value) == null ? void 0 : we.widgets) == null ? void 0 : re.find(
             (D) => D.type === "layers"
-          ), te = (xe = (de = a.value) == null ? void 0 : de.widgets) == null ? void 0 : xe.find(
+          ), te = (xe = (de = l.value) == null ? void 0 : de.widgets) == null ? void 0 : xe.find(
             (D) => D.type === "attribute"
           );
           let ee = null;
           if (oe && (ee = oe.config.layers.find(
             (D) => D.id === I.layer.source
-          )), (Q = (Se = a.value) == null ? void 0 : Se.widgets) == null ? void 0 : Q.find(
+          )), (Q = (Se = l.value) == null ? void 0 : Se.widgets) == null ? void 0 : Q.find(
             (D) => D.type === "catalog"
           )) {
             if (!R.length) {
-              n && (n.style.display = "none");
+              i && (i.style.display = "none");
               return;
             }
             const D = R[0];
-            n = ut(D, W, n);
+            i = ut(D, W, i);
             return;
           }
           if (!ee && te && te.config.layer.id === I.layer.source && (ee = te.config.layer), (Te = ee == null ? void 0 : ee.style) != null && Te.popup) {
@@ -3195,17 +3195,17 @@ const An = /* @__PURE__ */ N(jn, [["render", zn]]), ze = {
             let De = D.title, Ue = "";
             D.mode === "markdown" ? Ue = Array.isArray(D.content) ? D.content.join(`
 
-`) : "" : Ue = Array.isArray(D.content) ? D.content.join("") : "", n || (n = document.createElement("div"), o.value.getContainer().appendChild(n)), n.innerHTML = B(
+`) : "" : Ue = Array.isArray(D.content) ? D.content.join("") : "", i || (i = document.createElement("div"), o.value.getContainer().appendChild(i)), i.innerHTML = B(
               De,
               Ue,
               D.fields,
               I.properties,
               D.mode
-            ), Je(n, W);
+            ), Je(i, W);
           }
         }), o.value.on("mouseleave", () => {
           var W;
-          if (n && (n.remove(), n = null), h.value) {
+          if (i && (i.remove(), i = null), h.value) {
             const R = (W = o.value.getSource(
               h.value.source
             )) == null ? void 0 : W.type;
@@ -3219,14 +3219,14 @@ const An = /* @__PURE__ */ N(jn, [["render", zn]]), ze = {
           o.value && o.value.getCanvas && (o.value.getCanvas().style.cursor = "");
         })), o.value.on("click", async (W) => {
           var ye, be, we, re, de, xe, Se;
-          if (le(), ["length", "area", "print"].includes(v.value)) return;
+          if (ae(), ["length", "area", "print"].includes(v.value)) return;
           const R = o.value.queryRenderedFeatures(W.point);
           if (!R.length) return;
-          const I = R[0], oe = (be = (ye = a.value) == null ? void 0 : ye.widgets) == null ? void 0 : be.find(
+          const I = R[0], oe = (be = (ye = l.value) == null ? void 0 : ye.widgets) == null ? void 0 : be.find(
             (Q) => Q.type === "layers"
-          ), te = (re = (we = a.value) == null ? void 0 : we.widgets) == null ? void 0 : re.find(
+          ), te = (re = (we = l.value) == null ? void 0 : we.widgets) == null ? void 0 : re.find(
             (Q) => Q.type === "attribute"
-          ), ee = (xe = (de = a.value) == null ? void 0 : de.widgets) == null ? void 0 : xe.find(
+          ), ee = (xe = (de = l.value) == null ? void 0 : de.widgets) == null ? void 0 : xe.find(
             (Q) => Q.type === "catalog"
           );
           let M;
@@ -3249,9 +3249,9 @@ const An = /* @__PURE__ */ N(jn, [["render", zn]]), ze = {
           };
         }), o.value.on("dblclick", (W) => {
           var oe, te, ee;
-          if (le(), ["length", "area", "print"].includes(v.value)) return;
-          at([W.lngLat.lng, W.lngLat.lat]);
-          const R = (te = (oe = a.value) == null ? void 0 : oe.widgets) == null ? void 0 : te.find(
+          if (ae(), ["length", "area", "print"].includes(v.value)) return;
+          lt([W.lngLat.lng, W.lngLat.lat]);
+          const R = (te = (oe = l.value) == null ? void 0 : oe.widgets) == null ? void 0 : te.find(
             (M) => M.type === "layers"
           );
           let I = null;
@@ -3265,7 +3265,7 @@ const An = /* @__PURE__ */ N(jn, [["render", zn]]), ze = {
             id: "",
             title: (I == null ? void 0 : I.title) || ""
           });
-        }), o.value.resize(), (U = a == null ? void 0 : a.value) != null && U.history) {
+        }), o.value.resize(), (U = l == null ? void 0 : l.value) != null && U.history) {
           const W = () => {
             const R = o.value.getCenter();
             ge({
@@ -3278,7 +3278,7 @@ const An = /* @__PURE__ */ N(jn, [["render", zn]]), ze = {
           o.value.on("moveend", W), o.value.on("rotate", W), o.value.on("pitch", W);
         }
       });
-    }, le = () => {
+    }, ae = () => {
       qe(), g.value.forEach((b) => {
         o.value && ve(o.value, b.source, b.id, {
           selected: !1
@@ -3286,48 +3286,48 @@ const An = /* @__PURE__ */ N(jn, [["render", zn]]), ze = {
       }), g.value = [], d.value = null;
     };
     ke(async () => {
-      await rt(), await Pe(), pe();
+      await rt(), await Ee(), pe();
       const b = document.getElementById("maplibre-demo-map");
       b && b.addEventListener("mouseleave", () => {
-        n && (n.remove(), n = null);
+        i && (i.remove(), i = null);
       });
     });
-    const Oe = E(() => ({
+    const Oe = P(() => ({
       height: (r == null ? void 0 : r.height) || "100vh",
       width: "100%"
     })), rt = async () => {
       const b = await fetch(`/api/map/${r.name || r.table || "main"}`).then((y) => y.json());
-      a.value = b;
-    }, Ee = (b) => {
-      if (!a.value || !a.value.widgets) return "400px";
-      const y = a.value.widgets.find((x) => x.position === b);
+      l.value = b;
+    }, Pe = (b) => {
+      if (!l.value || !l.value.widgets) return "400px";
+      const y = l.value.widgets.find((x) => x.position === b);
       return (y == null ? void 0 : y.width) || "400px";
-    }, ne = T([]);
+    }, ie = T([]);
     fe(
-      () => a.value,
+      () => l.value,
       (b) => {
-        b && b.map && (ne.value = st(), pe());
+        b && b.map && (ie.value = st(), pe());
       }
     );
     const st = () => {
       var y;
-      if (!a.value || !a.value.widgets) return [];
-      const b = a.value.widgets.find((x) => x.type === "layers");
+      if (!l.value || !l.value.widgets) return [];
+      const b = l.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 ve(b, y, x, $) {
       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, $);
+        const E = { source: y, id: x };
+        ((V = b.getSource(y)) == null ? void 0 : V.type) === "vector" && C["source-layer"] && (E.sourceLayer = C["source-layer"]), b.setFeatureState(E, $);
       });
     }
-    const nt = E(() => !!a.value && !!a.value.interactions && !!a.value.interactions.navigation && a.value.interactions.navigation.enabled), it = E(() => !!a.value && Array.isArray(a.value.tools) && a.value.tools.length > 0), Me = E(() => nt.value || it.value ? "40px" : "20px");
+    const it = P(() => !!l.value && !!l.value.interactions && !!l.value.interactions.navigation && l.value.interactions.navigation.enabled), nt = P(() => !!l.value && Array.isArray(l.value.tools) && l.value.tools.length > 0), Me = P(() => it.value || nt.value ? "40px" : "20px");
     function qe() {
       o.value && (o.value.getLayer("layer-with-pulsing-dot") && o.value.removeLayer("layer-with-pulsing-dot"), o.value.getSource("dot-point") && o.value.removeSource("dot-point"), o.value.hasImage && o.value.hasImage("pulsing-dot") && o.value.removeImage("pulsing-dot"));
     }
-    function at(b) {
-      var $, w, C, P;
+    function lt(b) {
+      var $, w, C, E;
       qe();
       const y = 80, x = {
         width: y,
@@ -3357,7 +3357,7 @@ const An = /* @__PURE__ */ N(jn, [["render", zn]]), ze = {
           type: "Feature",
           geometry: { type: "Point", coordinates: b }
         }
-      }), (P = o.value) == null || P.addLayer({
+      }), (E = o.value) == null || E.addLayer({
         id: "layer-with-pulsing-dot",
         type: "symbol",
         source: "dot-point",
@@ -3365,28 +3365,28 @@ const An = /* @__PURE__ */ N(jn, [["render", zn]]), ze = {
         paint: { "icon-opacity": 0.6 }
       });
     }
-    const lt = E(() => {
-      var b, y, x, $, w, C, P, V, H, O;
+    const at = P(() => {
+      var b, y, x, $, w, C, E, V, H, O;
       return {
-        center: (y = (b = a == null ? void 0 : a.value) == null ? void 0 : b.map) == null ? void 0 : y.center,
-        zoom: ($ = (x = a == null ? void 0 : a.value) == null ? void 0 : x.map) == null ? void 0 : $.zoom,
-        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: ((O = (H = a == null ? void 0 : a.value) == null ? void 0 : H.map) == null ? void 0 : O.bbox) || null
+        center: (y = (b = l == null ? void 0 : l.value) == null ? void 0 : b.map) == null ? void 0 : y.center,
+        zoom: ($ = (x = l == null ? void 0 : l.value) == null ? void 0 : x.map) == null ? void 0 : $.zoom,
+        pitch: ((C = (w = l == null ? void 0 : l.value) == null ? void 0 : w.map) == null ? void 0 : C.pitch) || 0,
+        bearing: ((V = (E = l == null ? void 0 : l.value) == null ? void 0 : E.map) == null ? void 0 : V.bearing) || 0,
+        bbox: ((O = (H = l == null ? void 0 : l.value) == null ? void 0 : H.map) == null ? void 0 : O.bbox) || null
       };
     }), Ge = {
-      home: dn,
-      print: mn,
-      geolocation: An,
-      pitch: wn
+      home: ci,
+      print: vi,
+      geolocation: zi,
+      pitch: bi
       // length: VsLengthMeasure,
       // area: VsAreaMeasure,
     }, ct = (b) => {
       v.value = b;
     };
     function Le(b) {
-      if (!a.value || !a.value.widgets) return;
-      const y = a.value.widgets.find((w) => w.type === "list");
+      if (!l.value || !l.value.widgets) return;
+      const y = l.value.widgets.find((w) => w.type === "list");
       if (!y || !y.config) return;
       const { map_key: x, service_key: $ } = y.config;
       x && $ && (d.value = {
@@ -3395,8 +3395,8 @@ const An = /* @__PURE__ */ N(jn, [["render", zn]]), ze = {
         layer: $
       });
     }
-    const dt = E(
-      () => a.value && a.value.widgets ? a.value.widgets.filter((b) => b.position === "absolute") : []
+    const dt = P(
+      () => l.value && l.value.widgets ? l.value.widgets.filter((b) => b.position === "absolute") : []
     );
     function ut(b, y, x) {
       const $ = b.properties, w = u.value.find(
@@ -3443,8 +3443,8 @@ const An = /* @__PURE__ */ N(jn, [["render", zn]]), ze = {
       return x || (x = document.createElement("div"), x.className = "custom-popup absolute z-50", document.body.appendChild(x)), x.innerHTML = Ce, Je(x, y), x;
     }
     function Je(b, y) {
-      const x = b.offsetWidth, $ = b.offsetHeight, w = document.getElementById("maplibre-demo-map"), C = w.getBoundingClientRect(), P = y.originalEvent.clientX - C.left, V = y.originalEvent.clientY - C.top;
-      let H = P - x / 2;
+      const x = b.offsetWidth, $ = b.offsetHeight, w = document.getElementById("maplibre-demo-map"), C = w.getBoundingClientRect(), E = y.originalEvent.clientX - C.left, V = y.originalEvent.clientY - C.top;
+      let H = E - x / 2;
       H = Math.max(10, Math.min(H, C.width - x - 10));
       let O;
       V - $ - 10 > 0 ? O = V - $ - 5 : V + $ + 10 < C.height ? O = V + 10 : O = Math.max(10, C.height - $ - 10), b.style.position = "absolute", b.style.left = `${H + 20}px`, b.style.top = `${O + 10}px`, b.parentNode !== w && w.appendChild(b);
@@ -3456,107 +3456,107 @@ const An = /* @__PURE__ */ N(jn, [["render", zn]]), ze = {
         style: he(Oe.value)
       }, [
         y[10] || (y[10] = s("div", { id: "maplibre-demo-map" }, null, -1)),
-        i.value ? (c(), p(z, { key: 1 }, [
-          s("div", Bn, [
-            s("div", On, [
-              s("div", Dn, [
+        n.value ? (c(), p(z, { key: 1 }, [
+          s("div", Ai, [
+            s("div", Bi, [
+              s("div", Oi, [
                 (c(), p(z, null, q(["top-left"], (w) => {
-                  var C, P;
+                  var C, E;
                   return Z(ze, {
                     key: w,
                     position: w,
                     widgets: L(w),
                     map: o.value,
-                    mapLoaded: i.value,
+                    mapLoaded: n.value,
                     cardValues: d.value,
                     hasFilters: _.value,
-                    history: (P = (C = a.value) == null ? void 0 : C.value) == null ? void 0 : P.history,
+                    history: (E = (C = l.value) == null ? void 0 : C.value) == null ? void 0 : E.history,
                     currentFilterLayer: m.value,
-                    enabledLayerIds: ne.value,
+                    enabledLayerIds: ie.value,
                     getWidgetComponent: k,
-                    getColumnWidth: Ee,
+                    getColumnWidth: Pe,
                     rightColumnOffset: w === "top-right" ? Me.value : void 0,
                     onSetFilterLayer: A,
-                    "onUpdate:enabledLayerIds": y[0] || (y[0] = (V) => ne.value = V),
+                    "onUpdate:enabledLayerIds": y[0] || (y[0] = (V) => ie.value = V),
                     onCardValuesId: Le,
-                    onCloseCard: le,
+                    onCloseCard: ae,
                     onCatalogLayers: y[1] || (y[1] = (V) => u.value = V)
                   }, null, 8, ["position", "widgets", "map", "mapLoaded", "cardValues", "hasFilters", "history", "currentFilterLayer", "enabledLayerIds", "rightColumnOffset"]);
                 }), 64))
               ]),
-              s("div", Un, [
+              s("div", Di, [
                 (c(), p(z, null, q(["bottom-left"], (w) => {
-                  var C, P;
+                  var C, E;
                   return Z(ze, {
                     key: w,
                     position: w,
                     widgets: L(w),
                     map: o.value,
-                    mapLoaded: i.value,
+                    mapLoaded: n.value,
                     cardValues: d.value,
                     hasFilters: _.value,
-                    history: (P = (C = a.value) == null ? void 0 : C.value) == null ? void 0 : P.history,
+                    history: (E = (C = l.value) == null ? void 0 : C.value) == null ? void 0 : E.history,
                     currentFilterLayer: m.value,
-                    enabledLayerIds: ne.value,
+                    enabledLayerIds: ie.value,
                     getWidgetComponent: k,
-                    getColumnWidth: Ee,
+                    getColumnWidth: Pe,
                     rightColumnOffset: w === "top-right" ? Me.value : void 0,
                     onSetFilterLayer: A,
-                    "onUpdate:enabledLayerIds": y[2] || (y[2] = (V) => ne.value = V),
+                    "onUpdate:enabledLayerIds": y[2] || (y[2] = (V) => ie.value = V),
                     onCardValuesId: Le,
-                    onCloseCard: le,
+                    onCloseCard: ae,
                     onCatalogLayers: y[3] || (y[3] = (V) => u.value = V)
                   }, null, 8, ["position", "widgets", "map", "mapLoaded", "cardValues", "hasFilters", "history", "currentFilterLayer", "enabledLayerIds", "rightColumnOffset"]);
                 }), 64))
               ])
             ]),
-            s("div", Rn, [
-              s("div", Hn, [
+            s("div", Ui, [
+              s("div", Ri, [
                 (c(), p(z, null, q(["top-right"], (w) => {
-                  var C, P;
+                  var C, E;
                   return Z(ze, {
                     key: w,
                     position: w,
                     widgets: L(w),
                     map: o.value,
-                    mapLoaded: i.value,
+                    mapLoaded: n.value,
                     cardValues: d.value,
                     hasFilters: _.value,
-                    history: (P = (C = a.value) == null ? void 0 : C.value) == null ? void 0 : P.history,
+                    history: (E = (C = l.value) == null ? void 0 : C.value) == null ? void 0 : E.history,
                     currentFilterLayer: m.value,
-                    enabledLayerIds: ne.value,
+                    enabledLayerIds: ie.value,
                     getWidgetComponent: k,
-                    getColumnWidth: Ee,
+                    getColumnWidth: Pe,
                     rightColumnOffset: w === "top-right" ? Me.value : void 0,
                     onSetFilterLayer: A,
-                    "onUpdate:enabledLayerIds": y[4] || (y[4] = (V) => ne.value = V),
+                    "onUpdate:enabledLayerIds": y[4] || (y[4] = (V) => ie.value = V),
                     onCardValuesId: Le,
-                    onCloseCard: le,
+                    onCloseCard: ae,
                     onCatalogLayers: y[5] || (y[5] = (V) => u.value = V)
                   }, null, 8, ["position", "widgets", "map", "mapLoaded", "cardValues", "hasFilters", "history", "currentFilterLayer", "enabledLayerIds", "rightColumnOffset"]);
                 }), 64))
               ]),
-              s("div", Nn, [
+              s("div", Hi, [
                 (c(), p(z, null, q(["bottom-right"], (w) => {
-                  var C, P;
+                  var C, E;
                   return Z(ze, {
                     key: w,
                     position: w,
                     widgets: L(w),
                     map: o.value,
-                    mapLoaded: i.value,
+                    mapLoaded: n.value,
                     cardValues: d.value,
                     hasFilters: _.value,
-                    history: (P = (C = a.value) == null ? void 0 : C.value) == null ? void 0 : P.history,
+                    history: (E = (C = l.value) == null ? void 0 : C.value) == null ? void 0 : E.history,
                     currentFilterLayer: m.value,
-                    enabledLayerIds: ne.value,
+                    enabledLayerIds: ie.value,
                     getWidgetComponent: k,
-                    getColumnWidth: Ee,
+                    getColumnWidth: Pe,
                     rightColumnOffset: w === "top-right" ? Me.value : void 0,
                     onSetFilterLayer: A,
-                    "onUpdate:enabledLayerIds": y[6] || (y[6] = (V) => ne.value = V),
+                    "onUpdate:enabledLayerIds": y[6] || (y[6] = (V) => ie.value = V),
                     onCardValuesId: Le,
-                    onCloseCard: le,
+                    onCloseCard: ae,
                     onCatalogLayers: y[7] || (y[7] = (V) => u.value = V)
                   }, null, 8, ["position", "widgets", "map", "mapLoaded", "cardValues", "hasFilters", "history", "currentFilterLayer", "enabledLayerIds", "rightColumnOffset"]);
                 }), 64))
@@ -3573,35 +3573,35 @@ const An = /* @__PURE__ */ N(jn, [["render", zn]]), ze = {
               config: w.config,
               hasFilters: _.value,
               currentFilterLayer: m.value,
-              enabledLayerIds: ne.value,
+              enabledLayerIds: ie.value,
               cardValues: d.value,
               onSetFilterLayer: A,
-              "onUpdate:enabledLayerIds": y[8] || (y[8] = (P) => ne.value = P),
+              "onUpdate:enabledLayerIds": y[8] || (y[8] = (E) => ie.value = E),
               onCardValuesId: Le,
-              onCloseCard: le,
-              onCatalogLayers: y[9] || (y[9] = (P) => u.value = P)
+              onCloseCard: ae,
+              onCatalogLayers: y[9] || (y[9] = (E) => u.value = E)
             }, null, 40, ["map", "config", "hasFilters", "currentFilterLayer", "enabledLayerIds", "cardValues"]))
           ], 4))), 128)),
-          s("div", Zn, [
-            (c(!0), p(z, null, q(($ = (x = a.value) == null ? void 0 : x.value) == null ? void 0 : $.tools, (w) => (c(), p(z, { key: w }, [
-              i.value && Ge[w] ? (c(), X(Be(Ge[w]), wt({
+          s("div", Ni, [
+            (c(!0), p(z, null, q(($ = (x = l.value) == null ? void 0 : x.value) == null ? void 0 : $.tools, (w) => (c(), p(z, { key: w }, [
+              n.value && Ge[w] ? (c(), X(Be(Ge[w]), wt({
                 key: 0,
                 map: o.value,
                 activeTool: v.value,
                 setActiveTool: ct
-              }, { ref_for: !0 }, w === "home" ? { initialView: lt.value } : {}, { onCardValuesId: Le }), null, 16, ["map", "activeTool"])) : F("", !0)
+              }, { ref_for: !0 }, w === "home" ? { initialView: at.value } : {}, { onCardValuesId: Le }), null, 16, ["map", "activeTool"])) : j("", !0)
             ], 64))), 128))
           ])
-        ], 64)) : (c(), X(on, { key: 0 }))
+        ], 64)) : (c(), X(oi, { key: 0 }))
       ], 4);
     };
   }
-}), qn = /* @__PURE__ */ N(Wn, [["__scopeId", "data-v-22436345"]]);
-function Qn(e) {
-  e.component("MapCustom", qn);
+}), Wi = /* @__PURE__ */ N(Zi, [["__scopeId", "data-v-22436345"]]);
+function Ji(e) {
+  e.component("MapCustom", Wi);
 }
 export {
-  qn as MapCustom,
-  qn as default,
-  Qn as install
+  Wi as MapCustom,
+  Wi as default,
+  Ji as install
 };