@opengis/gis 0.1.73 → 0.1.75

package/dist/index.js

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