@opengis/gis 0.1.74 → 0.1.75

package/dist/index.js

@@ -1,17 +1,17 @@
-import { computed as E, createElementBlock as p, openBlock as c, normalizeStyle as he, createCommentVNode as F, createElementVNode as s, toDisplayString as S, Fragment as z, renderList as W, normalizeClass as Y, ref as T, onMounted as _e, resolveDirective as gt, withDirectives as se, watch as fe, createVNode as Z, vModelText as Ze, vModelCheckbox as qe, defineComponent as Ge, reactive as vt, onBeforeUnmount as mt, createBlock as K, renderSlot as Ne, Teleport as Xe, Transition as yt, withCtx as q, vShow as Ee, nextTick as Me, resolveComponent as J, unref as We, createTextVNode as ae, createStaticVNode as Oe, withModifiers as bt, resolveDynamicComponent as De, withKeys as wt, onUnmounted as xt, getCurrentInstance as _t, mergeProps as kt } from "vue";
-import Lt from "@opengis/filter";
+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 N = (e, t) => {
   const r = e.__vccOpts || e;
   for (const [o, i] of t)
     r[o] = i;
   return r;
-}, Ct = {
+}, _t = {
   key: 0,
   class: "p-5 pb-0 flex justify-between items-center"
-}, $t = { class: "inline-block font-semibold text-lg text-gray-800" }, It = { class: "flex flex-col gap-1 p-5" }, Vt = { class: "flex items-center justify-between w-full text-sm text-gray-800 ml-2" }, St = {
+}, kt = { class: "inline-block font-semibold text-lg text-gray-800" }, Lt = { class: "flex flex-col gap-1 p-5" }, Ct = { class: "flex items-center justify-between w-full text-sm text-gray-800 ml-2" }, $t = {
   key: 0,
   class: "ms-2 text-xs text-gray-500"
-}, Ft = {
+}, It = {
   __name: "vs-legend-widget",
   props: {
     config: {
@@ -31,16 +31,16 @@ const N = (e, t) => {
       class: "legend-widget flex flex-col bg-white border border-stone-200 shadow-2xs rounded-xl z-10 relative",
       style: he({ width: e.config.width || "100%" })
     }, [
-      o.value ? (c(), p("div", Ct, [
-        s("h2", $t, S(o.value), 1)
+      o.value ? (c(), p("div", _t, [
+        s("h2", kt, S(o.value), 1)
       ])) : F("", !0),
-      s("div", It, [
-        (c(!0), p(z, null, W(r.value, (m) => (c(), p("div", {
+      s("div", Lt, [
+        (c(!0), p(z, null, q(r.value, (m) => (c(), p("div", {
           class: "flex items-center",
           key: m.label
         }, [
           s("span", {
-            class: Y(["shrink-0 size-2.5 inline-block me-2.5 h-[10px] w-[10px]", [
+            class: K(["shrink-0 size-2.5 inline-block me-2.5 h-[10px] w-[10px]", [
               m.shape === "square" ? "rounded-sm" : "",
               m.shape === "circle" ? "rounded-full" : "",
               m.shape === "line" ? "w-6 h-0.5" : "",
@@ -48,15 +48,15 @@ const N = (e, t) => {
             ]]),
             style: he({ backgroundColor: m.color })
           }, null, 6),
-          s("span", Vt, [
+          s("span", Ct, [
             s("span", null, S(m.label), 1),
-            m.count !== void 0 ? (c(), p("span", St, " (" + S(m.count) + ") ", 1)) : F("", !0)
+            m.count !== void 0 ? (c(), p("span", $t, " (" + S(m.count) + ") ", 1)) : F("", !0)
           ])
         ]))), 128))
       ])
     ], 4));
   }
-}, jt = /* @__PURE__ */ N(Ft, [["__scopeId", "data-v-dd12cf90"]]), Pt = { class: "flex flex-row gap-x-3 z-10 relative" }, Et = ["onClick"], Mt = ["src", "alt"], Tt = {
+}, 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: {
@@ -144,19 +144,19 @@ const N = (e, t) => {
       const g = o.value.find((l) => l.id === h);
       g && t.map && n(g);
     };
-    return _e(() => {
+    return ke(() => {
       var h;
       (h = t.config) != null && h.default && (r.value = t.config.default), m(r.value);
     }), (h, g) => {
-      const l = gt("tooltip");
-      return c(), p("div", Pt, [
-        (c(!0), p(z, null, W(o.value, (d) => se((c(), p("div", {
+      const l = pt("tooltip");
+      return c(), p("div", St, [
+        (c(!0), p(z, null, q(o.value, (d) => se((c(), p("div", {
           trigger: "hover",
           placement: "top",
           key: d.id
         }, [
           s("div", {
-            class: Y([
+            class: K([
               "w-14 h-14 flex items-center justify-center bg-gray-200 rounded-xl shadow-2xs cursor-pointer transition-all border-4",
               r.value === d.id ? "border-blue-400" : "border-transparent"
             ]),
@@ -166,9 +166,9 @@ const N = (e, t) => {
               key: 0,
               src: d.image,
               alt: d.title,
-              class: Y(["object-cover rounded-lg", d.id === "__none__" ? "w-10 h-10" : "w-12 h-12"])
-            }, null, 10, Mt)) : F("", !0)
-          ], 10, Et)
+              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, d.title]
         ])), 128))
@@ -176,7 +176,7 @@ const N = (e, t) => {
     };
   }
 };
-function Ve(e) {
+function Ie(e) {
   if (!e.attrType || !e.attribute || !e.rules)
     return e.color || "#ccc";
   const t = e.rules.map((r) => [
@@ -185,7 +185,7 @@ function Ve(e) {
   ]);
   return t.push(e.color || "#ccc"), ["case", ...t.flat()];
 }
-function zt(e) {
+function Et(e) {
   if (!e.attrType || e.attrType !== "icon-by-attribute" || !e.attribute || !e.rules)
     return e.default_icon || null;
   const t = e.rules.map((r) => [
@@ -194,7 +194,7 @@ function zt(e) {
   ]);
   return t.push(e.default_icon || "marker.svg"), ["case", ...t.flat()];
 }
-function et(e) {
+function Ye(e) {
   if (!e.attrType || e.attrType !== "attribute-pattern" || !e.attribute || !e.rules)
     return e.fillPattern || "";
   const t = e.rules.map((r) => [
@@ -213,17 +213,17 @@ function ue(e, t = "stroke", r = "#ccc") {
     e[t] || r
   ];
 }
-function At(e) {
+function Mt(e) {
   const t = [
     {
       type: "fill",
       minzoom: e.pointZoom || 0,
       paint: {
-        "fill-color": Ve(e),
+        "fill-color": Ie(e),
         "fill-outline-color": ue(e, "stroke", "#ccc"),
         "fill-opacity": e.opacity || 1,
         ...e.attrType === "attribute-pattern" && {
-          "fill-pattern": et(e)
+          "fill-pattern": Ye(e)
         },
         ...e.fillPattern && !e.attrType && { "fill-pattern": e.fillPattern }
       }
@@ -248,12 +248,12 @@ function At(e) {
     }
   }), t;
 }
-function Bt(e) {
+function Tt(e) {
   return [
     {
       type: "line",
       paint: {
-        "line-color": ue(e, "color", Ve(e)),
+        "line-color": ue(e, "color", Ie(e)),
         "line-width": e.width || 2,
         "line-opacity": e.opacity || 1,
         ...e.dashArray && { "line-dasharray": e.dashArray }
@@ -265,7 +265,7 @@ function Bt(e) {
     }
   ];
 }
-function Ot(e) {
+function zt(e) {
   const t = [
     {
       type: "circle",
@@ -274,7 +274,7 @@ function Ot(e) {
         "circle-radius": e.radius || 6,
         "circle-stroke-color": ue(e, "stroke", "#ccc"),
         "circle-stroke-width": e.width || 2,
-        "circle-color": Ve(e),
+        "circle-color": Ie(e),
         "circle-opacity": e.opacity || 1
       }
     }
@@ -303,18 +303,18 @@ function Ot(e) {
     }
   }), t;
 }
-function Dt(e, t, r) {
+function At(e, t, r) {
   const o = e.type || "point";
   return o === "polygon" ? [
     {
       type: "fill",
       ...r !== void 0 ? { maxzoom: r } : {},
       paint: {
-        "fill-color": Ve(e),
+        "fill-color": Ie(e),
         "fill-outline-color": ue(e, "stroke", "#ccc"),
         "fill-opacity": e.opacity || 1,
         ...e.attrType === "attribute-pattern" && {
-          "fill-pattern": et(e)
+          "fill-pattern": Ye(e)
         },
         ...e.fillPattern && !e.attrType && { "fill-pattern": e.fillPattern }
       }
@@ -333,7 +333,7 @@ function Dt(e, t, r) {
       type: "line",
       ...r !== void 0 ? { maxzoom: r } : {},
       paint: {
-        "line-color": ue(e, "color", Ve(e)),
+        "line-color": ue(e, "color", Ie(e)),
         "line-width": e.width || 2,
         "line-opacity": e.opacity || 1,
         ...e.dashArray && { "line-dasharray": e.dashArray }
@@ -351,22 +351,22 @@ function Dt(e, t, r) {
         "circle-radius": e.radius || 6,
         "circle-stroke-color": ue(e, "stroke", "#ccc"),
         "circle-stroke-width": e.width || 2,
-        "circle-color": Ve(e),
+        "circle-color": Ie(e),
         "circle-opacity": e.opacity || 1
       }
     }
   ];
 }
-function tt(e) {
+function Ke(e) {
   var r, o;
   if (!e) return null;
   if (e.attrType === "icon-by-attribute" && e.iconZoom) {
-    const i = zt(e), n = Array.isArray(i) && i[0] === "case" ? i : [
+    const i = Et(e), n = Array.isArray(i) && i[0] === "case" ? i : [
       "case",
       ["==", ["get", e.attribute], ((o = (r = e.rules) == null ? void 0 : r[0]) == null ? void 0 : o.value) || ""],
       i,
       i
-    ], m = Dt(e, void 0, +e.iconZoom), h = {
+    ], m = At(e, void 0, +e.iconZoom), h = {
       type: "symbol",
       minzoom: +e.iconZoom,
       layout: {
@@ -382,12 +382,12 @@ function tt(e) {
     return [...m, h];
   }
   const t = e.type || "point";
-  return t === "polygon" ? At(e) : t === "line" ? Bt(e) : Ot(e);
+  return t === "polygon" ? Mt(e) : t === "line" ? Tt(e) : zt(e);
 }
-function Ut(e) {
+function Bt(e) {
   return e.startsWith("http") ? e : `${window.location.origin}${e}`;
 }
-function Rt(e) {
+function Ot(e) {
   const {
     id: t,
     sourceLayer: r,
@@ -399,11 +399,11 @@ function Rt(e) {
     service_type: g,
     source_type: l,
     data: d
-  } = e, v = Ut(o), a = g || h || l || "vector";
+  } = e, v = Bt(o), a = g || h || l || "vector";
   switch (a) {
     case "vtile":
     case "vector":
-      return Nt(
+      return Ut(
         t,
         r,
         v,
@@ -412,14 +412,14 @@ function Rt(e) {
         m
       );
     case "raster":
-      return Zt(t, v, i, n, m);
+      return Rt(t, v, i, n, m);
     case "geojson":
-      return Wt(t, d || v, i, n, m);
+      return Ht(t, d || v, i, n, m);
     default:
       throw new Error(`Unsupported layer service type: ${a}`);
   }
 }
-function Ht(e) {
+function Dt(e) {
   switch (e) {
     case "polygon":
       return { type: "polygon", color: "#3388ff", opacity: 0.5 };
@@ -430,12 +430,12 @@ function Ht(e) {
       return { type: "point", color: "#3388ff", radius: 6, opacity: 1 };
   }
 }
-function Nt(e, t, r, o, i, n) {
+function Ut(e, t, r, o, i, n) {
   const m = t || (r.match(/\/vtile\/([^/]+)/) || [])[1] || e, h = {
     type: "vector",
     tiles: [r],
     ...o && { bounds: o }
-  }, d = tt(n || {}).map((v, a) => ({
+  }, d = Ke(n || {}).map((v, a) => ({
     ...v,
     id: `${e}-${a}`,
     "source-layer": m,
@@ -449,7 +449,7 @@ function Nt(e, t, r, o, i, n) {
     visible: !0
   };
 }
-function Zt(e, t, r, o, i) {
+function Rt(e, t, r, o, i) {
   const n = {
     type: "raster",
     tiles: [t],
@@ -472,7 +472,7 @@ function Zt(e, t, r, o, i) {
     visible: !0
   };
 }
-function Wt(e, t, r, o, i) {
+function Ht(e, t, r, o, i) {
   var d;
   const n = {
     type: "geojson",
@@ -484,7 +484,7 @@ function Wt(e, t, r, o, i) {
     const v = (d = t.features[0].geometry) == null ? void 0 : d.type;
     v === "Polygon" || v === "MultiPolygon" ? m = "polygon" : v === "LineString" || v === "MultiLineString" ? m = "line" : m = "point";
   }
-  const h = i || Ht(m), l = tt(h).map((v, a) => ({
+  const h = i || Dt(m), l = Ke(h).map((v, a) => ({
     ...v,
     id: `${e}-${a}`,
     source: e
@@ -497,7 +497,7 @@ function Wt(e, t, r, o, i) {
     visible: !0
   };
 }
-function qt(e) {
+function Nt(e) {
   if (!e || e.attrType !== "icon-by-attribute") return [];
   const t = /* @__PURE__ */ new Set();
   return e.default_icon && t.add(e.default_icon), Array.isArray(e.rules) && e.rules.forEach((r) => {
@@ -507,14 +507,14 @@ function qt(e) {
     url: (e.icon_base_url || "") + r
   }));
 }
-function Gt(e) {
+function Zt(e) {
   const t = /* @__PURE__ */ new Set();
   function r(o) {
     typeof o == "string" ? t.add(o) : Array.isArray(o) && o.forEach(r);
   }
   return e && e["icon-image"] && r(e["icon-image"]), Array.from(t);
 }
-async function ot(e, t) {
+async function Xe(e, t) {
   const r = t.map(async ({ name: o, url: i }) => {
     const n = await e.loadImage(i);
     return { name: o, data: n.data };
@@ -527,13 +527,13 @@ async function ot(e, t) {
     console.error("Failed to load icons:", o);
   }
 }
-function Jt(e, t, r = "/icons/") {
-  const i = Gt(t).map((n) => ({ name: n, url: r + n }));
-  return ot(e, i);
+function Wt(e, t, r = "/icons/") {
+  const i = Zt(t).map((n) => ({ name: n, url: r + n }));
+  return Xe(e, i);
 }
-async function xe(e, t) {
-  const r = Rt(t), o = qt(t.style);
-  o.length > 0 && await ot(e, o), t.layout && t.layout["icon-image"] && await Jt(e, t.layout), e.getSource(r.id) || e.addSource(r.id, r.source);
+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,
@@ -545,20 +545,20 @@ async function xe(e, t) {
     ) : await e.addLayer(i);
   return r;
 }
-function Ie(e, t) {
+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 = {}, Yt = {
+const qt = {}, Gt = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Kt(e, t) {
-  return c(), p("svg", Yt, [...t[0] || (t[0] = [
+function Jt(e, t) {
+  return c(), p("svg", Gt, [...t[0] || (t[0] = [
     s("path", {
       d: "M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z",
       stroke: "black",
@@ -573,16 +573,16 @@ function Kt(e, t) {
     }, null, -1)
   ])]);
 }
-const rt = /* @__PURE__ */ N(Qt, [["render", Kt]]), Xt = { class: "w-full flex flex-col bg-white border border-stone-200 shadow-2xs rounded-xl z-10 relative" }, eo = { class: "flex flex-col justify-between h-full pb-5 px-5" }, to = {
+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]"
-}, oo = {
+}, Xt = {
   key: 1,
   class: "mb-4"
-}, ro = { class: "" }, so = { class: "space-y-2" }, no = { class: "flex items-center gap-[10px] text-gray-500" }, io = { class: "dataset-checkbox-container flex" }, ao = ["onUpdate:modelValue", "onChange"], lo = { class: "text-sm" }, co = ["onClick"], uo = ["innerHTML"], po = {
+}, eo = { class: "" }, to = { class: "space-y-2" }, oo = { class: "flex items-center gap-[10px] text-gray-500" }, ro = { class: "dataset-checkbox-container flex" }, so = ["onUpdate:modelValue", "onChange"], no = { class: "text-sm" }, io = ["onClick"], ao = ["innerHTML"], lo = {
   key: 0,
   class: "text-sm text-gray-500 text-center py-2"
-}, ho = {
+}, co = {
   __name: "vs-layers-widget",
   props: {
     map: {
@@ -623,7 +623,7 @@ const rt = /* @__PURE__ */ N(Qt, [["render", Kt]]), Xt = { class: "w-full flex f
       const L = `${window.location.pathname}?${f.toString()}`;
       window.history.replaceState({}, "", L);
     }
-    _e(() => {
+    ke(() => {
       let u = [];
       r.history && (u = m()), u.length > 0 ? n.value = r.config.layers.map((f) => ({
         ...f,
@@ -632,7 +632,7 @@ const rt = /* @__PURE__ */ N(Qt, [["render", Kt]]), Xt = { class: "w-full flex f
         ...f,
         visible: f.visible ?? !1
       })), n.value.forEach((f) => {
-        f.visible && xe(r.map, f);
+        f.visible && _e(r.map, f);
       }), o("update:enabledLayerIds", d());
     });
     const g = E(() => {
@@ -640,7 +640,7 @@ const rt = /* @__PURE__ */ N(Qt, [["render", Kt]]), Xt = { class: "w-full flex f
       const u = i.value.toLowerCase();
       return n.value.filter((f) => (f.title || f.name || f.label || "").toLowerCase().includes(u));
     }), l = E(() => n.value.every((u) => u.visible)), d = () => n.value.filter((u) => u.visible).map((u) => u.id), v = (u) => {
-      u.visible ? xe(r.map, u) : (Ie(r.map, u.id), o("set-filter-layer", null)), r.map.getStyle().layers.filter((j) => j.source === u.id).forEach((j) => {
+      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",
@@ -650,7 +650,7 @@ const rt = /* @__PURE__ */ N(Qt, [["render", Kt]]), Xt = { class: "w-full flex f
     }, a = () => {
       const u = !l.value;
       n.value.forEach((f) => {
-        f.visible = u, u ? xe(r.map, f) : Ie(r.map, f.id);
+        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(
@@ -659,68 +659,68 @@ const rt = /* @__PURE__ */ N(Qt, [["render", Kt]]), Xt = { class: "w-full flex f
         r.history && h(u);
       },
       { deep: !0 }
-    ), (u, f) => (c(), p("div", Xt, [
+    ), (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)),
-      s("div", eo, [
-        e.config.search ? (c(), p("div", to, [
+      s("div", Yt, [
+        e.config.search ? (c(), p("div", Kt, [
           se(s("input", {
             type: "text",
             "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), [
-            [Ze, i.value]
+            [He, i.value]
           ]),
-          Z(rt)
+          Z(et)
         ])) : F("", !0),
-        e.config.allow_toggle_all ? (c(), p("div", oo, [
+        e.config.allow_toggle_all ? (c(), p("div", Xt, [
           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),
-        s("div", ro, [
-          s("ul", so, [
-            (c(!0), p(z, 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"
             }, [
-              s("label", no, [
-                s("span", io, [
+              s("label", oo, [
+                s("span", ro, [
                   se(s("input", {
                     class: "dataset-checkbox",
                     type: "checkbox",
                     "onUpdate:modelValue": (j) => L.visible = j,
                     onChange: () => v(L)
-                  }, null, 40, ao), [
-                    [qe, L.visible]
+                  }, null, 40, so), [
+                    [Ze, L.visible]
                   ])
                 ]),
-                s("span", lo, 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(z, { 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
               }, [
                 s("button", {
                   class: "text-sm text-gray-500",
-                  onClick: (O) => u.$emit("show-widget", j.widget)
+                  onClick: (B) => u.$emit("show-widget", j.widget)
                 }, [
                   s("div", {
                     innerHTML: j.icon
-                  }, null, 8, uo)
-                ], 8, co)
+                  }, null, 8, ao)
+                ], 8, io)
               ]))), 128)) : F("", !0)
             ]))), 128)),
-            i.value && g.value.length === 0 ? (c(), p("li", po, " Шарів не знайдено ")) : 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,13 +761,13 @@ Ge({
     }
   }
 });
-const Pe = async (e, t, r, o = 10) => {
-  var L, j, O, k;
+const Fe = async (e, t, r, o = 10) => {
+  var L, j, B, k;
   if (!t || !r) return;
-  await Me();
+  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((O = r == null ? void 0 : r.getBoundingClientRect()) == null ? void 0 : O.height), l = await parseInt((k = r == null ? void 0 : r.getBoundingClientRect()) == null ? void 0 : k.width), d = await window.innerHeight, v = await window.innerWidth;
+  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) {
@@ -803,7 +803,7 @@ const Pe = async (e, t, r, o = 10) => {
       break;
   }
   a + g > d ? a = d - g - o : a < 0 && (a = o), u + l > v ? u = v - l - o : u < 0 && (u = o), r instanceof HTMLElement && (r.style.top = `${a}px`, r.style.left = `${u}px`, r.style.position = "fixed");
-}, fo = { class: "text-center" }, go = { class: "py-2 px-4 w-full text-sm text-stone-800 bg-white shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-lg focus:outline-none focus:bg-stone-100 dark:bg-neutral-900 dark:text-neutral-200 dark:focus:bg-neutral-800 after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" }, Se = /* @__PURE__ */ Ge({
+}, 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 },
@@ -817,12 +817,12 @@ const Pe = async (e, t, r, o = 10) => {
   emits: ["isvisible"],
   setup(e, { expose: t, emit: r }) {
     const o = e, i = r, n = T(!1), m = T([]), h = T(null), g = T(null), l = T(null), d = (_) => {
-      var A, ne;
+      var A, ae;
       if (!_) {
         n.value = !1;
         return;
       }
-      (A = g.value) != null && A.contains(_.target) || (ne = l.value) != null && ne.contains(_.target) || (n.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 = () => {
@@ -840,18 +840,18 @@ const Pe = async (e, t, r, o = 10) => {
       }), m.value = [];
     };
     fe(n, (_) => {
-      _ ? (f(), window.addEventListener("resize", () => Pe(o.placement, g.value, l.value)), Pe(o.placement, g.value, l.value)) : window.removeEventListener("resize", () => Pe(o.placement, g.value, l.value)), i("isvisible", _);
-    }), _e(() => {
+      _ ? (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();
-    }), mt(() => {
+    }), ft(() => {
       window.removeEventListener("click", d), window.removeEventListener("popstate", u), L();
     });
     const j = () => {
-      n.value = !0, Pe(o.placement, g.value, l.value);
-    }, O = () => {
+      n.value = !0, Fe(o.placement, g.value, l.value);
+    }, B = () => {
       n.value = !1;
     }, k = async () => {
-      await Pe(o.placement, g.value, l.value), n.value = !n.value;
+      await Fe(o.placement, g.value, l.value), n.value = !n.value;
     };
     return t({
       togglePopover: k
@@ -860,15 +860,15 @@ const Pe = async (e, t, r, o = 10) => {
       ref: h,
       class: "vs-popover inline-block"
     }, [
-      s("div", fo, [
+      s("div", uo, [
         _.trigger === "click" ? (c(), p("div", {
           key: 0,
           ref_key: "popoverRef",
           ref: g,
           onClick: k,
-          class: Y({ "pointer-events-none": _.disabled })
+          class: K({ "pointer-events-none": _.disabled })
         }, [
-          Ne(_.$slots, "reference", {}, () => [
+          Re(_.$slots, "reference", {}, () => [
             A[0] || (A[0] = s("button", null, "Click me!", -1))
           ])
         ], 2)) : F("", !0),
@@ -877,18 +877,18 @@ const Pe = async (e, t, r, o = 10) => {
           ref_key: "popoverRef",
           ref: g,
           onMouseover: j,
-          onMouseleave: O,
-          class: Y({ "pointer-events-none": _.disabled })
+          onMouseleave: B,
+          class: K({ "pointer-events-none": _.disabled })
         }, [
-          Ne(_.$slots, "reference", {}, () => [
+          Re(_.$slots, "reference", {}, () => [
             A[1] || (A[1] = s("button", null, "Click me!", -1))
           ])
         ], 34)) : F("", !0),
-        (c(), K(Xe, { to: _.teleport }, [
-          Z(yt, { name: "fade" }, {
-            default: q(() => [
+        (c(), X(Qe, { to: _.teleport }, [
+          Z(gt, { name: "fade" }, {
+            default: G(() => [
               se(s("div", {
-                class: Y(["vsTailwind vs-popover__content", _.placement]),
+                class: K(["vsTailwind vs-popover__content", _.placement]),
                 ref_key: "contentPop",
                 ref: l,
                 style: he({
@@ -896,13 +896,13 @@ const Pe = async (e, t, r, o = 10) => {
                   zIndex: 10002
                 })
               }, [
-                s("div", go, [
-                  Ne(_.$slots, "default", {}, () => [
+                s("div", po, [
+                  Re(_.$slots, "default", {}, () => [
                     A[2] || (A[2] = s("span", null, "Popover content", -1))
                   ])
                 ])
               ], 6), [
-                [Ee, n.value]
+                [je, n.value]
               ])
             ]),
             _: 3
@@ -912,11 +912,11 @@ const Pe = async (e, t, r, o = 10) => {
     ], 512));
   }
 });
-vt({ visible: !0 });
-const vo = { class: "legend-widget flex flex-col bg-white border border-stone-200 shadow-2xs rounded-xl z-10 relative" }, mo = {
+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]"
-}, yo = { class: "inline-block font-semibold text-lg text-gray-800 dark:text-neutral-200" }, bo = { class: "flex flex-col gap-1" }, wo = { class: "flex flex-col gap-1 p-5 pt-0" }, xo = ["innerHTML"], _o = {
+}, go = { class: "inline-block font-semibold text-lg text-gray-800 dark:text-neutral-200" }, vo = { class: "flex flex-col gap-1" }, mo = { class: "flex flex-col gap-1 p-5 pt-0" }, yo = ["innerHTML"], bo = {
   __name: "vs-info-widget",
   props: {
     config: {
@@ -938,19 +938,19 @@ const vo = { class: "legend-widget flex flex-col bg-white border border-stone-20
     return (n, m) => {
       var g, l;
       const h = J("router-link");
-      return c(), p("div", vo, [
-        r.value || (g = i.value) != null && g.length ? (c(), p("div", mo, [
-          s("h2", yo, S(r.value), 1),
-          (l = i.value) != null && l.length ? (c(), K(We(Se), {
+      return c(), p("div", ho, [
+        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: q(() => [
-              Z(We(Se), {
+            reference: G(() => [
+              Z(Ne(Ve), {
                 trigger: "hover",
                 placement: "right"
               }, {
-                reference: q(() => [...m[0] || (m[0] = [
+                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",
@@ -980,24 +980,24 @@ const vo = { class: "legend-widget flex flex-col bg-white border border-stone-20
                     ])
                   ], -1)
                 ])]),
-                default: q(() => [
-                  m[1] || (m[1] = ae(" Перейти на карту ", -1))
+                default: G(() => [
+                  m[1] || (m[1] = ie(" Перейти на карту ", -1))
                 ]),
                 _: 1
               })
             ]),
-            default: q(() => [
-              s("div", bo, [
-                (c(!0), p(z, null, W(i.value, (d) => (c(), p("div", {
+            default: G(() => [
+              s("div", vo, [
+                (c(!0), p(z, null, q(i.value, (d) => (c(), p("div", {
                   key: d.label
                 }, [
-                  d.url ? (c(), K(h, {
+                  d.url ? (c(), X(h, {
                     key: 0,
                     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: q(() => [
-                      ae(S(d.label), 1)
+                    default: G(() => [
+                      ie(S(d.label), 1)
                     ]),
                     _: 2
                   }, 1032, ["to"])) : F("", !0)
@@ -1007,34 +1007,34 @@ const vo = { class: "legend-widget flex flex-col bg-white border border-stone-20
             _: 1
           })) : F("", !0)
         ])) : F("", !0),
-        s("div", wo, [
-          s("div", { innerHTML: o.value }, null, 8, xo)
+        s("div", mo, [
+          s("div", { innerHTML: o.value }, null, 8, yo)
         ])
       ]);
     };
   }
-}, ko = /* @__PURE__ */ N(_o, [["__scopeId", "data-v-629caa82"]]), Lo = { class: "w-full flex flex-col bg-white border border-stone-200 shadow-2xs rounded-xl z-10 relative overflow-hidden" }, Co = {
+}, 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"
-}, $o = { class: "inline-block font-semibold text-lg text-gray-800" }, Io = {
+}, ko = { class: "inline-block font-semibold text-lg text-gray-800" }, Lo = {
   key: 1,
   class: "flex"
-}, Vo = { class: "flex items-center mx-[8px]" }, So = { class: "min-h-[34px] max-h-[34px] overflow-hidden min-w-[34px] flex justify-center items-center bg-stone-100 text-stone-800 py-2 px-3 text-sm rounded-lg" }, Fo = { class: "min-h-[34px] flex justify-center items-center text-stone-500 py-2 px-1.5 text-sm" }, jo = { class: "flex flex-col justify-between pb-5 px-5 h-full overflow-y-auto flex-1 [&::-webkit-scrollbar]:h-1.5 [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-gray-300 [&::-webkit-scrollbar-track]:bg-transparent" }, Po = {
+}, Co = { class: "flex items-center mx-[8px]" }, $o = { class: "min-h-[34px] max-h-[34px] overflow-hidden min-w-[34px] flex justify-center items-center bg-stone-100 text-stone-800 py-2 px-3 text-sm rounded-lg" }, Io = { class: "min-h-[34px] flex justify-center items-center text-stone-500 py-2 px-1.5 text-sm" }, Vo = { class: "flex flex-col justify-between pb-5 px-5 h-full overflow-y-auto flex-1 [&::-webkit-scrollbar]:h-1.5 [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-gray-300 [&::-webkit-scrollbar-track]:bg-transparent" }, So = {
   key: 0,
   class: "text-center"
-}, Eo = {
+}, Fo = {
   key: 1,
   class: "text-red-500"
-}, Mo = { key: 2 }, To = ["innerHTML"], zo = {
+}, jo = { key: 2 }, Po = ["innerHTML"], Eo = {
   key: 1,
   class: "flow-root"
-}, Ao = { class: "-my-3 divide-y divide-gray-100 text-sm" }, Bo = { class: "font-medium text-gray-900" }, Oo = { class: "text-gray-700 sm:col-span-2" }, Do = {
+}, Mo = { class: "-my-3 divide-y divide-gray-100 text-sm" }, To = { class: "font-medium text-gray-900" }, zo = { class: "text-gray-700 sm:col-span-2" }, Ao = {
   key: 2,
   class: "vs-map-card-info__nodata"
-}, Uo = {
+}, Bo = {
   key: 3,
   class: "pt-4 flex justify-end"
-}, Ro = ["href"], st = {
+}, Oo = ["href"], tt = {
   __name: "vs-card-widget",
   props: {
     config: {
@@ -1049,32 +1049,32 @@ const vo = { class: "legend-widget flex flex-col bg-white border border-stone-20
   emits: ["close", "content-resize"],
   setup(e, { emit: t }) {
     const r = e, o = t, i = E(() => {
-      var O;
-      return ((O = r.config) == null ? void 0 : O.title) || "";
+      var B;
+      return ((B = r.config) == null ? void 0 : B.title) || "";
     }), n = E(
       () => !!(typeof window.app == "object" && window.app && window.app.config)
     ), m = T([]), h = T(!1), g = T(null), l = T(0), d = E(() => l.value + 1), v = E(() => {
-      var O;
-      return ((O = r.info) == null ? void 0 : O.length) || 0;
+      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: O, columns: k } = a.value;
-      return !O || !k ? {} : k.reduce((_, A) => (!A.hide && !["geom", "geodata", "id"].includes(A.name) && (_[A.ua] = O[A.name] ?? "-"), _), {});
+      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 O, k, _, A, ne, ge;
+      var B, k, _, A, ae, ge;
       h.value = !0, g.value = null;
       try {
         const pe = {
-          id: (O = r.cardValues) == null ? void 0 : O.id,
-          layer: typeof ((k = r.cardValues) == null ? void 0 : k.layer) == "object" ? (A = (_ = r.cardValues) == null ? void 0 : _.layer) == null ? void 0 : A.id : (ne = r.cardValues) == null ? void 0 : ne.layer,
+          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((Ue) => Ue.json());
+        }, 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 {
-        h.value = !1, await Me(), o("content-resize");
+        h.value = !1, await Pe(), o("content-resize");
       }
     }
     function L() {
@@ -1083,8 +1083,8 @@ const vo = { class: "legend-widget flex flex-col bg-white border border-stone-20
     function j() {
       l.value > 0 && (l.value -= 1, m.value[l.value] || f());
     }
-    return _e(async () => {
-      await Me(), f();
+    return ke(async () => {
+      await Pe(), f();
     }), fe(
       () => r.info,
       () => {
@@ -1092,16 +1092,16 @@ const vo = { class: "legend-widget flex flex-col bg-white border border-stone-20
       },
       { deep: !0 }
     ), fe([() => r.cardValues, () => r.config], async () => {
-      await Me(), f(), o("content-resize");
-    }), (O, k) => {
+      await Pe(), f(), o("content-resize");
+    }), (B, k) => {
       var _, A;
-      return c(), p("div", Lo, [
-        i.value ? (c(), p("div", Co, [
-          s("h2", $o, S(i.value), 1),
+      return c(), p("div", xo, [
+        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] = (ne) => o("close"))
+            onClick: k[0] || (k[0] = (ae) => o("close"))
           }, [...k[1] || (k[1] = [
             s("svg", {
               class: "shrink-0 size-4 cursor-pointer",
@@ -1120,71 +1120,71 @@ const vo = { class: "legend-widget flex flex-col bg-white border border-stone-20
             ], -1)
           ])])
         ])) : F("", !0),
-        v.value > 1 ? (c(), p("div", Io, [
+        v.value > 1 ? (c(), p("div", Lo, [
           s("button", {
             type: "button",
-            class: Y([{
+            class: K([{
               "opacity-flex items-center justify-between border-b px-[16px] py-[8px]50 pointer-events-none": d.value === 1
             }, "min-h-[34px] min-w-[34px] py-2 px-2.5 inline-flex justify-center items-center gap-x-2 text-sm rounded-lg text-stone-800 hover:bg-stone-100 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-stone-100"]),
             onClick: j
           }, " ◀ ", 2),
-          s("div", Vo, [
-            s("span", So, S(d.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", Fo, S(v.value), 1)
+            s("span", Io, S(v.value), 1)
           ]),
           s("button", {
             type: "button",
             onClick: L,
-            class: Y([{
+            class: K([{
               "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),
-        s("div", jo, [
-          h.value ? (c(), p("div", Po, "Завантаження даних...")) : g.value ? (c(), p("div", Eo, " Помилка завантаження даних ")) : (c(), p("div", Mo, [
+        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: a.value.html,
               class: "custom-table-html border-b"
-            }, null, 8, To)) : Object.keys(u.value).length ? (c(), p("div", zo, [
-              s("dl", Ao, [
-                (c(!0), p(z, null, W(u.value, (ne, ge) => (c(), p("div", {
+            }, 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"
                 }, [
-                  s("dt", Bo, S(ge), 1),
-                  s("dd", Oo, S(ne), 1)
+                  s("dt", To, S(ge), 1),
+                  s("dd", zo, S(ae), 1)
                 ]))), 128))
               ])
-            ])) : (c(), p("div", Do, "Даних не знайдено."))
+            ])) : (c(), p("div", Ao, "Даних не знайдено."))
           ])),
-          (A = a.value) != null && A.cardInterface && n.value ? (c(), p("div", Uo, [
+          (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, Ro)
+            }, " Перейти в реєстр ", 8, Oo)
           ])) : F("", !0)
         ])
       ]);
     };
   }
-}, Ho = { class: "size-full flex flex-col bg-white border border-gray-200 shadow-2xs rounded-xl dark:bg-neutral-800 dark:border-neutral-700" }, No = {
+}, 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"
-}, Zo = { class: "inline-block font-semibold text-lg text-gray-800 dark:text-neutral-200" }, Wo = { class: "h-full p-5" }, qo = { class: "h-full flex flex-col justify-between space-y-4" }, Go = { class: "space-y-4" }, Jo = {
+}, 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"], Yo = { class: "text-sm text-gray-500 px-2 w-full py-2 cursor-pointer !flex flex-row items-center rounded-lg group hover:bg-gray-100" }, Ko = ["for"], Xo = {
+}, qo = ["aria-valuenow"], Go = { class: "text-sm text-gray-500 px-2 w-full py-2 cursor-pointer !flex flex-row items-center rounded-lg group hover:bg-gray-100" }, Jo = ["for"], Qo = {
   key: 0,
   width: "16",
   height: "auto",
   src: "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTYgMTYnIGZpbGw9J3doaXRlJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J00xMi4yMDcgNC43OTNhMSAxIDAgMDEwIDEuNDE0bC01IDVhMSAxIDAgMDEtMS40MTQgMGwtMi0yYTEgMSAwIDAxMS40MTQtMS40MTRMNi41IDkuMDg2bDQuMjkzLTQuMjkzYTEgMSAwIDAxMS40MTQgMHonLz48L3N2Zz4="
-}, er = ["id", "onUpdate:modelValue"], tr = { class: "ml-2 text-gray-800 dark:text-neutral-200" }, or = {
+}, Yo = ["id", "onUpdate:modelValue"], Ko = { class: "ml-2 text-gray-800 dark:text-neutral-200" }, Xo = {
   key: 0,
   class: "ms-auto text-xs text-gray-500 dark:text-neutral-500"
-}, rr = {
+}, er = {
   __name: "vs-attributre-widget",
   props: {
     config: {
@@ -1217,22 +1217,22 @@ const vo = { class: "legend-widget flex flex-col bg-white border border-stone-20
         }
       }
     };
-    return _e(() => {
+    return ke(() => {
       var g;
-      (g = t.config) != null && g.layer && (xe(t.map, t.config.layer), o.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", Ho, [
-      r.value ? (c(), p("div", No, [
+    }), (g, l) => (c(), p("div", Do, [
+      r.value ? (c(), p("div", Uo, [
         s("div", null, [
-          s("h2", Zo, S(r.value), 1)
+          s("h2", Ro, S(r.value), 1)
         ])
       ])) : F("", !0),
-      s("div", Wo, [
-        s("div", qo, [
-          s("div", Go, [
-            i.value ? (c(), p("div", Jo, [
-              (c(!0), p(z, null, W(e.config.layer.style.rules, (d, v) => (c(), p("div", {
+      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({
@@ -1243,11 +1243,11 @@ const vo = { class: "legend-widget flex flex-col bg-white border border-stone-20
                 "aria-valuenow": m(d.count),
                 "aria-valuemin": "0",
                 "aria-valuemax": "100"
-              }, null, 12, Qo))), 128))
+              }, null, 12, qo))), 128))
             ])) : F("", !0),
             s("ul", null, [
-              (c(!0), p(z, null, W(e.config.layer.style.rules, (d, v) => (c(), p("li", { key: v }, [
-                s("div", Yo, [
+              (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"
@@ -1259,7 +1259,7 @@ const vo = { class: "legend-widget flex flex-col bg-white border border-stone-20
                         borderColor: o.value[v] ? d.color || "#2563eb" : d.color || "#d9d9d9"
                       })
                     }, [
-                      o.value[v] ? (c(), p("img", Xo)) : F("", !0)
+                      o.value[v] ? (c(), p("img", Qo)) : F("", !0)
                     ], 4),
                     se(s("input", {
                       type: "checkbox",
@@ -1268,12 +1268,12 @@ const vo = { class: "legend-widget flex flex-col bg-white border border-stone-20
                       onChange: h,
                       class: "hidden",
                       disabled: !1
-                    }, null, 40, er), [
-                      [qe, o.value[v]]
+                    }, null, 40, Yo), [
+                      [Ze, o.value[v]]
                     ]),
-                    s("span", tr, S(d.label || d.text), 1),
-                    i.value ? (c(), p("span", or, "(" + S(d.count) + ")", 1)) : F("", !0)
-                  ], 8, Ko)
+                    s("span", Ko, S(d.label || d.text), 1),
+                    i.value ? (c(), p("span", Xo, "(" + S(d.count) + ")", 1)) : F("", !0)
+                  ], 8, Jo)
                 ])
               ]))), 128))
             ])
@@ -1282,7 +1282,7 @@ const vo = { class: "legend-widget flex flex-col bg-white border border-stone-20
       ])
     ]));
   }
-}, sr = {}, nr = {
+}, tr = {}, or = {
   class: "shrink-0 size-4",
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -1294,23 +1294,23 @@ const vo = { class: "legend-widget flex flex-col bg-white border border-stone-20
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function ir(e, t) {
-  return c(), p("svg", nr, [...t[0] || (t[0] = [
+function rr(e, t) {
+  return c(), p("svg", or, [...t[0] || (t[0] = [
     s("path", { d: "M18 6 6 18" }, null, -1),
     s("path", { d: "m6 6 12 12" }, null, -1)
   ])]);
 }
-const nt = /* @__PURE__ */ N(sr, [["render", ir]]), ar = { class: "hover:bg-gray-100 rounded-lg flex items-center ml-[20px] py-[8px] px-[8px]" }, lr = ["for"], cr = { class: "custom-checkbox-wrapper" }, dr = ["id", "checked"], ur = { class: "custom-checkbox" }, pr = {
+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",
   height: "8",
   viewBox: "0 0 12 8",
   fill: "none"
-}, hr = { class: "flex items-center justify-between ml-2 w-full" }, fr = ["title"], gr = {
+}, dr = { class: "flex items-center justify-between ml-2 w-full" }, ur = ["title"], pr = {
   key: 0,
   class: "text-xs opacity-60 text-[#4b5563]"
-}, vr = {
+}, hr = {
   __name: "vs-map-catalog-item",
   props: {
     layer: {
@@ -1335,21 +1335,21 @@ const nt = /* @__PURE__ */ N(sr, [["render", ir]]), ar = { class: "hover:bg-gray
     };
     return (h, g) => {
       var l, d, v, a, u;
-      return c(), p("div", ar, [
+      return c(), p("div", sr, [
         s("label", {
           class: "flex items-center w-full cursor-pointer",
           for: e.layer.id
         }, [
-          s("div", cr, [
+          s("div", ir, [
             s("input", {
               id: e.layer.id,
               type: "checkbox",
               checked: i.value,
               onChange: g[0] || (g[0] = (f) => m(f.target.checked)),
               class: "custom-checkbox-input"
-            }, null, 40, dr),
-            s("div", ur, [
-              i.value ? (c(), p("svg", pr, [...g[1] || (g[1] = [
+            }, null, 40, ar),
+            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",
@@ -1359,18 +1359,18 @@ const nt = /* @__PURE__ */ N(sr, [["render", ir]]), ar = { class: "hover:bg-gray
               ])])) : F("", !0)
             ])
           ]),
-          s("div", hr, [
+          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(((d = e.layer) == null ? void 0 : d.name) || ((v = e.layer) == null ? void 0 : v.title)), 9, fr),
-            isNaN(n((a = e.layer) == null ? void 0 : a.count)) ? F("", !0) : (c(), p("div", gr, S(n((u = e.layer) == null ? void 0 : u.count)), 1))
+            }, 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, lr)
+        ], 8, nr)
       ]);
     };
   }
-}, mr = /* @__PURE__ */ N(vr, [["__scopeId", "data-v-b96f3537"]]), yr = {}, br = {
+}, fr = /* @__PURE__ */ N(hr, [["__scopeId", "data-v-b96f3537"]]), gr = {}, vr = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
   height: "16",
@@ -1382,8 +1382,8 @@ const nt = /* @__PURE__ */ N(sr, [["render", ir]]), ar = { class: "hover:bg-gray
   "stroke-linejoin": "round",
   class: "lucide lucide-zoom-in"
 };
-function wr(e, t) {
-  return c(), p("svg", br, [...t[0] || (t[0] = [
+function mr(e, t) {
+  return c(), p("svg", vr, [...t[0] || (t[0] = [
     s("circle", {
       cx: "11",
       cy: "11",
@@ -1409,7 +1409,7 @@ function wr(e, t) {
     }, null, -1)
   ])]);
 }
-const xr = /* @__PURE__ */ N(yr, [["render", wr]]), _r = {}, kr = {
+const yr = /* @__PURE__ */ N(gr, [["render", mr]]), br = {}, wr = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
   height: "16",
@@ -1421,8 +1421,8 @@ const xr = /* @__PURE__ */ N(yr, [["render", wr]]), _r = {}, kr = {
   "stroke-linejoin": "round",
   class: "lucide lucide-info"
 };
-function Lr(e, t) {
-  return c(), p("svg", kr, [...t[0] || (t[0] = [
+function xr(e, t) {
+  return c(), p("svg", wr, [...t[0] || (t[0] = [
     s("circle", {
       cx: "12",
       cy: "12",
@@ -1432,7 +1432,7 @@ function Lr(e, t) {
     s("path", { d: "M12 8h.01" }, null, -1)
   ])]);
 }
-const Cr = /* @__PURE__ */ N(_r, [["render", Lr]]), $r = {}, Ir = {
+const _r = /* @__PURE__ */ N(br, [["render", xr]]), kr = {}, Lr = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
   height: "16",
@@ -1444,8 +1444,8 @@ const Cr = /* @__PURE__ */ N(_r, [["render", Lr]]), $r = {}, Ir = {
   "stroke-linejoin": "round",
   class: "lucide lucide-table"
 };
-function Vr(e, t) {
-  return c(), p("svg", Ir, [...t[0] || (t[0] = [
+function Cr(e, t) {
+  return c(), p("svg", Lr, [...t[0] || (t[0] = [
     s("path", { d: "M12 3v18" }, null, -1),
     s("rect", {
       width: "18",
@@ -1458,7 +1458,7 @@ function Vr(e, t) {
     s("path", { d: "M3 15h18" }, null, -1)
   ])]);
 }
-const Sr = /* @__PURE__ */ N($r, [["render", Vr]]), Fr = {}, jr = {
+const $r = /* @__PURE__ */ N(kr, [["render", Cr]]), Ir = {}, Vr = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
   height: "16",
@@ -1470,12 +1470,12 @@ const Sr = /* @__PURE__ */ N($r, [["render", Vr]]), Fr = {}, jr = {
   "stroke-linejoin": "round",
   class: "lucide lucide-trash2"
 };
-function Pr(e, t) {
-  return c(), p("svg", jr, [...t[0] || (t[0] = [
-    Oe('<path d="M3 6h18"></path><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"></path><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"></path><line x1="10" x2="10" y1="11" y2="17"></line><line x1="14" x2="14" y1="11" y2="17"></line>', 5)
+function Sr(e, t) {
+  return c(), p("svg", Vr, [...t[0] || (t[0] = [
+    Ae('<path d="M3 6h18"></path><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"></path><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"></path><line x1="10" x2="10" y1="11" y2="17"></line><line x1="14" x2="14" y1="11" y2="17"></line>', 5)
   ])]);
 }
-const Er = /* @__PURE__ */ N(Fr, [["render", Pr]]), Mr = {}, Tr = {
+const Fr = /* @__PURE__ */ N(Ir, [["render", Sr]]), jr = {}, Pr = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "18",
   height: "18",
@@ -1487,8 +1487,8 @@ const Er = /* @__PURE__ */ N(Fr, [["render", Pr]]), Mr = {}, Tr = {
   "stroke-linejoin": "round",
   class: "lucide lucide-more-vertical text-gray-600"
 };
-function zr(e, t) {
-  return c(), p("svg", Tr, [...t[0] || (t[0] = [
+function Er(e, t) {
+  return c(), p("svg", Pr, [...t[0] || (t[0] = [
     s("circle", {
       cx: "12",
       cy: "12",
@@ -1506,15 +1506,15 @@ function zr(e, t) {
     }, null, -1)
   ])]);
 }
-const Ar = /* @__PURE__ */ N(Mr, [["render", zr]]), Br = {}, Or = {
+const Mr = /* @__PURE__ */ N(jr, [["render", Er]]), Tr = {}, zr = {
   width: "6",
   height: "10",
   viewBox: "0 0 6 10",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Dr(e, t) {
-  return c(), p("svg", Or, [...t[0] || (t[0] = [
+function Ar(e, t) {
+  return c(), p("svg", zr, [...t[0] || (t[0] = [
     s("path", {
       d: "M1 9L5 5L1 1",
       stroke: "currentColor",
@@ -1523,42 +1523,42 @@ function Dr(e, t) {
     }, null, -1)
   ])]);
 }
-const Ur = /* @__PURE__ */ N(Br, [["render", Dr]]), Rr = {}, Hr = {
+const Br = /* @__PURE__ */ N(Tr, [["render", Ar]]), Or = {}, Dr = {
   width: "18",
   height: "18",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Nr(e, t) {
-  return c(), p("svg", Hr, [...t[0] || (t[0] = [
-    Oe('<g clip-path="url(#clip0_231_103)"><path d="M12 20L9 21V12.5L4.52 7.572C4.18545 7.20393 4.00005 6.7244 4 6.227V4H20V6.172C19.9999 6.70239 19.7891 7.21101 19.414 7.586L15 12" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M21.121 20.1209C21.5406 19.7014 21.8265 19.1668 21.9423 18.5849C22.0581 18.0029 21.9988 17.3997 21.7717 16.8514C21.5447 16.3032 21.1602 15.8346 20.6668 15.5049C20.1734 15.1752 19.5934 14.9993 19 14.9993C18.4066 14.9993 17.8266 15.1752 17.3332 15.5049C16.8398 15.8346 16.4553 16.3032 16.2283 16.8514C16.0012 17.3997 15.9419 18.0029 16.0577 18.5849C16.1735 19.1668 16.4594 19.7014 16.879 20.1209C17.297 20.5399 18.004 21.1659 19 21.9999C20.051 21.1099 20.759 20.4839 21.121 20.1209Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M19 18V18.01" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></g><defs><clipPath id="clip0_231_103"><rect width="24" height="24" fill="white"></rect></clipPath></defs>', 2)
+function Ur(e, t) {
+  return c(), p("svg", Dr, [...t[0] || (t[0] = [
+    Ae('<g clip-path="url(#clip0_231_103)"><path d="M12 20L9 21V12.5L4.52 7.572C4.18545 7.20393 4.00005 6.7244 4 6.227V4H20V6.172C19.9999 6.70239 19.7891 7.21101 19.414 7.586L15 12" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M21.121 20.1209C21.5406 19.7014 21.8265 19.1668 21.9423 18.5849C22.0581 18.0029 21.9988 17.3997 21.7717 16.8514C21.5447 16.3032 21.1602 15.8346 20.6668 15.5049C20.1734 15.1752 19.5934 14.9993 19 14.9993C18.4066 14.9993 17.8266 15.1752 17.3332 15.5049C16.8398 15.8346 16.4553 16.3032 16.2283 16.8514C16.0012 17.3997 15.9419 18.0029 16.0577 18.5849C16.1735 19.1668 16.4594 19.7014 16.879 20.1209C17.297 20.5399 18.004 21.1659 19 21.9999C20.051 21.1099 20.759 20.4839 21.121 20.1209Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M19 18V18.01" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></g><defs><clipPath id="clip0_231_103"><rect width="24" height="24" fill="white"></rect></clipPath></defs>', 2)
   ])]);
 }
-const Zr = /* @__PURE__ */ N(Rr, [["render", Nr]]);
-function Wr() {
+const Rr = /* @__PURE__ */ N(Or, [["render", Ur]]);
+function Hr() {
   const t = new URLSearchParams(window.location.search).get("layers");
   return t ? t.split(",") : [];
 }
-function qr(e) {
+function Nr(e) {
   const t = new URLSearchParams(window.location.search);
   e.length > 0 ? t.set("layers", e.join(",")) : t.delete("layers");
   const r = `${window.location.pathname}?${t.toString()}`;
   window.history.replaceState({}, "", r);
 }
-const Gr = {
+const Zr = {
   components: {
-    VsPopover: Se,
-    VsLayersItem: mr,
-    ZoomInIcon: xr,
-    InfoIcon: Cr,
-    TableIcon: Sr,
-    TrashIcon: Er,
-    DotsIcon: Ar,
-    ChevronRightIcon: Ur,
-    FilterIcon: Zr,
-    closeIcon: nt,
-    searchIcon: rt
+    VsPopover: Ve,
+    VsLayersItem: fr,
+    ZoomInIcon: yr,
+    InfoIcon: _r,
+    TableIcon: $r,
+    TrashIcon: Fr,
+    DotsIcon: Mr,
+    ChevronRightIcon: Br,
+    FilterIcon: Rr,
+    closeIcon: ot,
+    searchIcon: et
   },
   props: {
     center: { type: Array, default: () => [26.2516, 50.6199] },
@@ -1591,7 +1591,7 @@ const Gr = {
   },
   async mounted() {
     if (this.mounted = !0, await this.getLayers(), this.categories = this.layersCategories(), this.history) {
-      const e = Wr();
+      const e = Hr();
       e.length > 0 && this.layers && (e.forEach((t) => {
         const r = this.layers.find((o) => String(o.id) === t);
         if (r && !this.selectedLayers.find((o) => o.id === r.id)) {
@@ -1601,7 +1601,7 @@ const Gr = {
             opacity: 100,
             showFilters: !1
           };
-          this.selectedLayers.push(o), xe(this.map, o);
+          this.selectedLayers.push(o), _e(this.map, o);
         }
       }), this.activeView = "selected");
     }
@@ -1619,7 +1619,7 @@ const Gr = {
     // --- HISTORY: оновлення layers у URL ---
     selectedLayers: {
       handler(e) {
-        this.history && qr(e.map((t) => t.id));
+        this.history && Nr(e.map((t) => t.id));
       },
       deep: !0
     }
@@ -1668,16 +1668,16 @@ const Gr = {
           opacity: 100,
           showFilters: !1
         };
-        this.selectedLayers.unshift(t), xe(this.map, t);
+        this.selectedLayers.unshift(t), _e(this.map, t);
       }
     },
     deleteLayer(e) {
       const t = this.selectedLayers.findIndex((r) => r.id === e.id);
-      t !== -1 && this.selectedLayers.splice(t, 1), Ie(this.map, e.id);
+      t !== -1 && this.selectedLayers.splice(t, 1), $e(this.map, e.id);
     },
     async toggleLayerVisibility(e) {
       try {
-        e.visible ? (await xe(this.map, e), this.updateLayerOpacity(e)) : await Ie(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;
       }
@@ -1703,11 +1703,11 @@ const Gr = {
     },
     async handleRemoveFromCatalog(e) {
       const t = this.selectedLayers.find((r) => r.id === e.id);
-      t != null && t.visible && await Ie(this.map, e.id), this.deleteLayer(e);
+      t != null && t.visible && await $e(this.map, e.id), this.deleteLayer(e);
     },
     clearSelectedLayers() {
       this.selectedLayers.forEach(async (e) => {
-        e.visible && await Ie(this.map, e.id);
+        e.visible && await $e(this.map, e.id);
       }), this.selectedLayers = [];
     },
     zoomToLayer(e) {
@@ -1802,37 +1802,37 @@ const Gr = {
       this.draggedLayerIndex = null;
     }
   }
-}, Jr = { class: "w-full max-w-md mx-auto p-4 bg-white border border-gray-200 rounded-lg shadow-sm" }, Qr = { class: "flex items-center justify-between mb-4" }, Yr = { class: "flex items-center gap-2" }, Kr = { class: "text-lg font-semibold text-gray-800" }, Xr = { key: 0 }, es = { key: 1 }, ts = { class: "flex mb-4 border-b border-gray-200" }, os = { key: 0 }, rs = { class: "mb-4" }, ss = {
+}, 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"
-}, ns = ["onDragstart", "onDragover", "onDrop"], is = { class: "flex items-center justify-between" }, as = { class: "flex items-center gap-2 cursor-move" }, ls = ["onUpdate:modelValue", "onChange"], cs = { class: "text-gray-800" }, ds = { class: "flex items-center gap-2" }, us = { class: "relative" }, ps = { class: "flex items-center gap-2" }, hs = ["onUpdate:modelValue", "onInput"], fs = { class: "text-xs text-gray-600 whitespace-nowrap" }, gs = ["onClick"], vs = { class: "relative" }, ms = { class: "w-48" }, ys = {
+}, os = ["onDragstart", "onDragover", "onDrop"], rs = { class: "flex items-center justify-between" }, ss = { class: "flex items-center gap-2 cursor-move" }, ns = ["onUpdate:modelValue", "onChange"], is = { class: "text-gray-800" }, as = { class: "flex items-center gap-2" }, ls = { class: "relative" }, cs = { class: "flex items-center gap-2" }, ds = ["onUpdate:modelValue", "onInput"], us = { class: "text-xs text-gray-600 whitespace-nowrap" }, ps = ["onClick"], hs = { class: "relative" }, fs = { class: "w-48" }, gs = {
   key: 0,
   class: "my-1 border-gray-200"
-}, bs = ["disabled", "onClick"], ws = {
+}, vs = ["disabled", "onClick"], ms = {
   class: "p-1 rounded-full hover:bg-gray-100 transition-colors",
   "aria-label": "Layer actions"
-}, xs = {
+}, ys = {
   key: 0,
   class: "bg-blue-50 rounded-md mt-2"
-}, _s = { class: "px-2 pt-2 text-blue-600 hover:text-blue-700 transition-colors" }, ks = {
+}, bs = { class: "px-2 pt-2 text-blue-600 hover:text-blue-700 transition-colors" }, ws = {
   key: 0,
   class: "text-center text-[14px] text-[#4b5563]"
-}, Ls = { class: "relative mt-[10px]" }, Cs = {
+}, xs = { class: "relative mt-[10px]" }, _s = {
   key: 0,
   class: "vs-layers-catalog__list flex-1 scrollable-container overflow-auto mt-2 catalog-list"
-}, $s = {
+}, ks = {
   key: 0,
   class: "text-center text-[14px] text-[#4b5563]"
-}, Is = {
+}, Ls = {
   key: 0,
   class: "text-center text-[14px] text-[#4b5563]"
-}, Vs = ["onClick"], Ss = { class: "flex items-center gap-x-3" }, Fs = ["title"], js = { class: "text-xs opacity-60 text-[#4b5563]" };
-function Ps(e, t, r, o, i, n) {
+}, Cs = ["onClick"], $s = { class: "flex items-center gap-x-3" }, Is = ["title"], Vs = { class: "text-xs opacity-60 text-[#4b5563]" };
+function Ss(e, t, r, o, i, n) {
   var u;
   const m = J("VsPopover"), h = J("DotsIcon"), g = J("VsFilter"), l = J("searchIcon"), d = J("closeIcon"), v = J("VsLayersItem"), a = J("chevronRightIcon");
-  return c(), p("div", Jr, [
-    s("div", Qr, [
-      s("div", Yr, [
+  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",
@@ -1849,9 +1849,9 @@ function Ps(e, t, r, o, i, n) {
           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)),
-        s("h2", Kr, [
-          ae(S(i.activeView === "catalog" ? "Каталог" : "Вибрані шари") + " ", 1),
-          i.activeView === "catalog" ? (c(), p("span", Xr, "(" + S(((u = i.layers) == null ? void 0 : u.length) || 0) + ")", 1)) : (c(), p("span", es, "(" + S(i.selectedLayers.length) + ")", 1))
+        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))
         ])
       ]),
       s("button", {
@@ -1859,27 +1859,27 @@ function Ps(e, t, r, o, i, n) {
         "aria-label": "Reset layers",
         onClick: t[0] || (t[0] = (...f) => n.clearSelectedLayers && n.clearSelectedLayers(...f))
       }, [...t[8] || (t[8] = [
-        Oe('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-refresh-cw text-gray-600" data-v-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)
       ])])
     ]),
-    s("div", ts, [
+    s("div", Kr, [
       s("button", {
-        class: Y([
+        class: K([
           "px-4 py-2 text-sm font-medium",
           i.activeView === "catalog" ? "text-blue-600 border-b-2 border-blue-600" : "text-gray-600 hover:text-gray-800"
         ]),
         onClick: t[1] || (t[1] = (f) => i.activeView = "catalog")
       }, " Каталог ", 2),
       s("button", {
-        class: Y([
+        class: K([
           "px-4 py-2 text-sm font-medium",
           i.activeView === "selected" ? "text-blue-600 border-b-2 border-blue-600" : "text-gray-600 hover:text-gray-800"
         ]),
         onClick: t[2] || (t[2] = (f) => i.activeView = "selected")
       }, " Вибрані шари ", 2)
     ]),
-    i.activeView === "selected" ? (c(), p("div", os, [
-      s("div", rs, [
+    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) => i.activeView = "catalog")
@@ -1902,42 +1902,42 @@ function Ps(e, t, r, o, i, n) {
           s("span", null, "Вибрати шар", -1)
         ])])
       ]),
-      i.mounted ? (c(), p("div", ss, [
-        (c(!0), p(z, null, W(i.selectedLayers, (f, L) => {
-          var j, O;
+      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: Y(["border border-gray-200 rounded-md p-3 mb-2 bg-white shadow-sm text-[13px] text-[#4b5563]", { dragging: i.draggedLayerIndex === L }]),
+            class: K(["border border-gray-200 rounded-md p-3 mb-2 bg-white shadow-sm text-[13px] text-[#4b5563]", { dragging: i.draggedLayerIndex === L }]),
             draggable: "true",
             onDragstart: (k) => n.onDragStart(L),
-            onDragover: bt((k) => n.onDragOver(L), ["prevent"]),
+            onDragover: vt((k) => n.onDragOver(L), ["prevent"]),
             onDrop: (k) => n.onDrop(L),
             onDragend: t[4] || (t[4] = (...k) => n.onDragEnd && n.onDragEnd(...k))
           }, [
-            s("div", is, [
-              s("div", as, [
-                t[10] || (t[10] = Oe('<svg width="16" height="16" fill="none" stroke="#9ca3af" stroke-width="2" viewBox="0 0 24 24" class="mr-1 shrink-0" data-v-e9e7021a><circle cx="5" cy="5" r="1.5" data-v-e9e7021a></circle><circle cx="5" cy="12" r="1.5" data-v-e9e7021a></circle><circle cx="5" cy="19" r="1.5" data-v-e9e7021a></circle><circle cx="12" cy="5" r="1.5" data-v-e9e7021a></circle><circle cx="12" cy="12" r="1.5" data-v-e9e7021a></circle><circle cx="12" cy="19" r="1.5" data-v-e9e7021a></circle><circle cx="19" cy="5" r="1.5" data-v-e9e7021a></circle><circle cx="19" cy="12" r="1.5" data-v-e9e7021a></circle><circle cx="19" cy="19" r="1.5" data-v-e9e7021a></circle></svg>', 1)),
+            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) => n.toggleLayerVisibility(f)
-                }, null, 40, ls), [
-                  [qe, f.visible]
+                }, null, 40, ns), [
+                  [Ze, f.visible]
                 ]),
-                s("span", cs, S(f.name || f.title || f.label), 1)
+                s("span", is, S(f.name || f.title || f.label), 1)
               ]),
-              s("div", ds, [
-                s("div", us, [
+              s("div", as, [
+                s("div", ls, [
                   Z(m, { placement: "bottom" }, {
-                    reference: q(() => [
+                    reference: G(() => [
                       s("div", {
                         class: "text-sm text-gray-600 hover:text-gray-800 transition-colors px-2 py-1 rounded hover:bg-gray-100 cursor-pointer",
                         onClick: (k) => n.updateLayerOpacity(f)
-                      }, S(f.opacity || 100) + "% ", 9, gs)
+                      }, S(f.opacity || 100) + "% ", 9, ps)
                     ]),
-                    default: q(() => [
-                      s("div", ps, [
+                    default: G(() => [
+                      s("div", cs, [
                         t[11] || (t[11] = s("label", { class: "text-gray-600 whitespace-nowrap" }, "Прозорість:", -1)),
                         se(s("input", {
                           type: "range",
@@ -1947,36 +1947,36 @@ function Ps(e, t, r, o, i, n) {
                           "onUpdate:modelValue": (k) => f.opacity = k,
                           onInput: (k) => n.onLayerOpacityChange(f),
                           class: "h-2 w-full accent-blue-600 rounded-lg cursor-pointer bg-gray-200"
-                        }, null, 40, hs), [
-                          [Ze, f.opacity]
+                        }, null, 40, ds), [
+                          [He, f.opacity]
                         ]),
-                        s("span", fs, S(Math.round(f.opacity)) + "% ", 1)
+                        s("span", us, S(Math.round(f.opacity)) + "% ", 1)
                       ])
                     ]),
                     _: 2
                   }, 1024)
                 ]),
-                s("div", vs, [
+                s("div", hs, [
                   Z(m, { placement: "bottom" }, {
-                    reference: q(() => [
-                      s("div", ws, [
+                    reference: G(() => [
+                      s("div", ms, [
                         Z(h)
                       ])
                     ]),
-                    default: q(() => [
-                      s("div", ms, [
-                        (c(!0), p(z, null, W(n.popoverActions(f), (k, _) => (c(), p(z, { key: _ }, [
-                          k.divider ? (c(), p("hr", ys)) : (c(), p("button", {
+                    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: Y(
+                            class: K(
                               "w-full p-2 text-left text-sm flex items-center gap-2 " + (k.class || "")
                             ),
                             disabled: k.disabled,
                             onClick: (A) => !k.disabled && e.$options.methods[k.handler].call(this, f)
                           }, [
-                            (c(), K(De(k.icon), { class: "lucide" })),
-                            ae(" " + S(k.label), 1)
-                          ], 10, bs))
+                            (c(), X(Be(k.icon), { class: "lucide" })),
+                            ie(" " + S(k.label), 1)
+                          ], 10, vs))
                         ], 64))), 128))
                       ])
                     ]),
@@ -1985,8 +1985,8 @@ function Ps(e, t, r, o, i, n) {
                 ])
               ])
             ]),
-            f.showFilters ? (c(), p("div", xs, [
-              s("div", _s, " Фільтри для шару: " + S(f.name || f.title || f.label), 1),
+            f.showFilters ? (c(), p("div", ys, [
+              s("div", bs, " Фільтри для шару: " + S(f.name || f.title || f.label), 1),
               se(Z(g, {
                 ref_for: !0,
                 ref: "filter",
@@ -1997,46 +1997,46 @@ function Ps(e, t, r, o, i, n) {
                 name: "filter",
                 onFilterChange: (k) => n.handleFilterChange(k, f)
               }, null, 8, ["scheme", "onFilterChange"]), [
-                [Ee, (j = f.filters) == null ? void 0 : j.length]
+                [je, (j = f.filters) == null ? void 0 : j.length]
               ]),
               se(s("div", null, [...t[12] || (t[12] = [
                 s("div", { class: "px-2 text-[14px] text-[#4b5563]" }, " Фільтри для шару відсутні ", -1)
               ])], 512), [
-                [Ee, !((O = f.filters) != null && O.length)]
+                [je, !((B = f.filters) != null && B.length)]
               ])
             ])) : F("", !0)
-          ], 42, ns);
+          ], 42, os);
         }), 128)),
-        i.selectedLayers.length === 0 ? (c(), p("div", ks, [...t[13] || (t[13] = [
+        i.selectedLayers.length === 0 ? (c(), p("div", ws, [...t[13] || (t[13] = [
           s("p", null, 'Щоб додати шар, натисніть на кнопку "Вибрати шар".', -1)
         ])])) : F("", !0)
       ])) : F("", !0)
     ])) : (c(), p(z, { key: 1 }, [
-      s("div", Ls, [
+      s("div", xs, [
         se(s("input", {
           title: "value",
           placeholder: "Введіть назву шару...",
           "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] = wt((...f) => n.onEnter && n.onEnter(...f), ["enter"]))
+          onKeyup: t[6] || (t[6] = mt((...f) => n.onEnter && n.onEnter(...f), ["enter"]))
         }, null, 544), [
-          [Ze, i.search]
+          [He, i.search]
         ]),
         Z(l, {
           class: "absolute top-1/2 left-[8px] w-[16px] h-[16px]",
           style: { transform: "translate(0, -50%)" }
         }),
-        i.search ? (c(), K(d, {
+        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: n.clearSearch
         }, null, 8, ["onClick"])) : F("", !0)
       ]),
-      i.categories ? (c(), p("div", Cs, [
+      i.categories ? (c(), p("div", _s, [
         i.search ? (c(), p(z, { key: 0 }, [
-          (c(!0), p(z, null, W(n.searchedLayers, (f, L) => (c(), K(v, {
+          (c(!0), p(z, null, q(n.searchedLayers, (f, L) => (c(), X(v, {
             key: L,
             layer: f,
             map: r.map,
@@ -2044,16 +2044,16 @@ function Ps(e, t, r, o, i, n) {
             onSelect: n.addToSelected,
             onRemove: n.handleRemoveFromCatalog
           }, null, 8, ["layer", "map", "selectedLayers", "onSelect", "onRemove"]))), 128)),
-          n.searchedLayers.length === 0 ? (c(), p("div", $s, " Нічого не знайдено ")) : F("", !0)
+          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", Is, " Каталог порожній ")) : (c(!0), p(z, { key: 1 }, W(Object.keys(i.categories), (f) => (c(), p("div", { key: f }, [
+          !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) => n.selectCategory(f)
             }, [
-              s("div", Ss, [
+              s("div", $s, [
                 Z(a, {
-                  class: Y({
+                  class: K({
                     "rotate-up": f === i.selectedCategory,
                     "rotate-down": f !== i.selectedCategory
                   })
@@ -2061,12 +2061,12 @@ function Ps(e, t, r, o, i, n) {
                 s("div", {
                   class: "max-w-[260px] text-[14px] text-[#4b5563]",
                   title: f
-                }, S(f), 9, Fs)
+                }, S(f), 9, Is)
               ]),
-              s("div", js, S(n.formatNumber(i.categories[f].length)), 1)
-            ], 8, Vs),
+              s("div", Vs, S(n.formatNumber(i.categories[f].length)), 1)
+            ], 8, Cs),
             se(s("div", null, [
-              (c(!0), p(z, null, W(i.categories[f], (L, j) => (c(), K(v, {
+              (c(!0), p(z, null, q(i.categories[f], (L, j) => (c(), X(v, {
                 key: j,
                 layer: L,
                 map: r.map,
@@ -2075,7 +2075,7 @@ function Ps(e, t, r, o, i, n) {
                 onRemove: n.handleRemoveFromCatalog
               }, null, 8, ["layer", "map", "selectedLayers", "onSelect", "onRemove"]))), 128))
             ], 512), [
-              [Ee, f === i.selectedCategory]
+              [je, f === i.selectedCategory]
             ])
           ]))), 128))
         ], 64))
@@ -2083,13 +2083,13 @@ function Ps(e, t, r, o, i, n) {
     ], 64))
   ]);
 }
-const Es = /* @__PURE__ */ N(Gr, [["render", Ps], ["__scopeId", "data-v-e9e7021a"]]), Ms = {
+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"
-}, Ts = {
+}, Ps = {
   key: 0,
   class: "p-5 pb-3 flex justify-between items-center"
-}, zs = { class: "inline-block font-semibold text-lg text-gray-800 dark:text-neutral-200" }, As = { class: "flex flex-col justify-between h-full" }, Bs = {
+}, Es = { class: "inline-block font-semibold text-lg text-gray-800 dark:text-neutral-200" }, Ms = { class: "flex flex-col justify-between h-full" }, Ts = {
   __name: "vs-filters-widget",
   props: {
     config: {
@@ -2126,12 +2126,12 @@ const Es = /* @__PURE__ */ N(Gr, [["render", Ps], ["__scopeId", "data-v-e9e7021a
         }
       });
     };
-    return (m, h) => i.value ? (c(), p("div", Ms, [
-      e.config.title ? (c(), p("div", Ts, [
-        s("h2", zs, S(e.config.title), 1)
+    return (m, h) => i.value ? (c(), p("div", js, [
+      e.config.title ? (c(), p("div", Ps, [
+        s("h2", Es, S(e.config.title), 1)
       ])) : F("", !0),
-      s("div", As, [
-        Z(We(Lt), {
+      s("div", Ms, [
+        Z(Ne(xt), {
           ref: "filter",
           schema: o.value,
           view: "vertical",
@@ -2140,13 +2140,13 @@ const Es = /* @__PURE__ */ N(Gr, [["render", Ps], ["__scopeId", "data-v-e9e7021a
       ])
     ])) : F("", !0);
   }
-}, Os = {
+}, zs = {
   type: "button",
   class: "py-2 px-2.5 inline-flex items-center gap-x-1.5 text-sm font-medium rounded-lg bg-white text-gray-800 hover:bg-gray-50 focus:outline-none focus:bg-gray-49 h-[38px] shadow-md"
-}, Ds = { class: "flex gap-[5px] items-center" }, Us = { class: "text-gray-600" }, Rs = {
+}, As = { class: "flex gap-[5px] items-center" }, Bs = { class: "text-gray-600" }, Os = {
   key: 0,
   class: "w-[16px] h-[16px] font-medium bg-gray-800 text-white rounded-full flex items-center justify-center text-[10px]"
-}, Hs = {
+}, Ds = {
   __name: "vs-inline-filters-widget",
   props: {
     config: {
@@ -2218,7 +2218,7 @@ const Es = /* @__PURE__ */ N(Gr, [["render", Ps], ["__scopeId", "data-v-e9e7021a
       { deep: !0 }
     ), (l, d) => {
       const v = J("VsPopover"), a = J("VsFilterList");
-      return m.value && n.value.length ? (c(), K(a, {
+      return m.value && n.value.length ? (c(), X(a, {
         key: 0,
         ref_key: "filter",
         ref: o,
@@ -2229,15 +2229,15 @@ const Es = /* @__PURE__ */ N(Gr, [["render", Ps], ["__scopeId", "data-v-e9e7021a
         name: "filter",
         onFilterChange: g
       }, {
-        button: q(({ visible: u }) => [
+        button: G(({ visible: u }) => [
           Z(v, {
             teleport: "body",
             trigger: "hover",
             placement: "bottom"
           }, {
-            reference: q(() => [
-              s("button", Os, [
-                s("div", Ds, [
+            reference: G(() => [
+              s("button", zs, [
+                s("div", As, [
                   d[0] || (d[0] = s("svg", {
                     width: "18",
                     height: "18",
@@ -2264,13 +2264,13 @@ const Es = /* @__PURE__ */ N(Gr, [["render", Ps], ["__scopeId", "data-v-e9e7021a
                       "stroke-linejoin": "round"
                     })
                   ], -1)),
-                  s("span", Us, S(h.value), 1),
-                  r.value ? (c(), p("span", Rs, S(r.value), 1)) : F("", !0)
+                  s("span", Bs, S(h.value), 1),
+                  r.value ? (c(), p("span", Os, S(r.value), 1)) : F("", !0)
                 ])
               ])
             ]),
-            default: q(() => [
-              d[1] || (d[1] = ae(" Відкрити бокову панель ", -1))
+            default: G(() => [
+              d[1] || (d[1] = ie(" Відкрити бокову панель ", -1))
             ]),
             _: 1
           })
@@ -2279,7 +2279,7 @@ const Es = /* @__PURE__ */ N(Gr, [["render", Ps], ["__scopeId", "data-v-e9e7021a
       }, 8, ["isDialog", "scheme"])) : F("", !0);
     };
   }
-}, Ns = {
+}, Us = {
   name: "VsListWidget",
   props: {
     config: {
@@ -2327,49 +2327,49 @@ const Es = /* @__PURE__ */ N(Gr, [["render", Ps], ["__scopeId", "data-v-e9e7021a
   beforeUnmount() {
     this.resizeObserver && this.$refs.rootEl && (this.resizeObserver.unobserve(this.$refs.rootEl), this.resizeObserver.disconnect());
   }
-}, Zs = {
+}, Rs = {
   class: "bg-white p-4 rounded-lg h-full flex flex-col overflow-hidden",
   ref: "rootEl"
-}, Ws = {
+}, Hs = {
   key: 0,
   class: "flex flex-col flex-1 overflow-hidden"
-}, qs = { class: "space-y-0 overflow-y-auto flex-1 [&::-webkit-scrollbar]:h-1.5 [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-gray-300 [&::-webkit-scrollbar-track]:bg-transparent" }, Gs = ["onClick"], Js = { class: "text-base font-medium" }, Qs = { class: "mt-2 flex flex-wrap gap-2" }, Ys = {
+}, 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"
-}, Ks = {
+}, Js = {
   key: 0,
   class: "my-5 pr-2"
-}, Xs = { class: "paginationWrapper relative flex justify-center" }, en = {
+}, Qs = { class: "paginationWrapper relative flex justify-center" }, Ys = {
   key: 1,
   class: "text-center text-slate-400"
 };
-function tn(e, t, r, o, i, n) {
+function Ks(e, t, r, o, i, n) {
   var h;
   const m = J("VsPagination");
-  return c(), p("div", Zs, [
+  return c(), p("div", Rs, [
     t[0] || (t[0] = s("h2", { class: "text-xl font-semibold mb-4" }, "Список", -1)),
-    ((h = i.items) == null ? void 0 : h.length) > 0 ? (c(), p("div", Ws, [
-      s("div", qs, [
-        (c(!0), p(z, null, W(i.items, (g) => (c(), p("div", {
+    ((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)
         }, [
-          s("h3", Js, S(g.name), 1),
-          s("div", Qs, [
+          s("h3", Ws, S(g.name), 1),
+          s("div", qs, [
             g.status_data ? (c(), p("span", {
               key: 0,
-              class: Y(["px-2 py-1 text-sm rounded-full", {
+              class: K(["px-2 py-1 text-sm rounded-full", {
                 "bg-green-100 text-green-800": g.status_data.color === "green",
                 "bg-red-100 text-red-800": g.status_data.color === "red"
               }])
             }, S(g.status_data.text), 3)) : F("", !0),
-            g.class_mbd_id_data ? (c(), p("span", Ys, S(g.class_mbd_id_data.text), 1)) : F("", !0)
+            g.class_mbd_id_data ? (c(), p("span", Gs, S(g.class_mbd_id_data.text), 1)) : F("", !0)
           ])
-        ], 8, Gs))), 128))
+        ], 8, Zs))), 128))
       ]),
-      i.total > i.limit ? (c(), p("div", Ks, [
-        s("div", Xs, [
+      i.total > i.limit ? (c(), p("div", Js, [
+        s("div", Qs, [
           Z(m, {
             total: i.total,
             maxPages: 4,
@@ -2385,25 +2385,25 @@ function tn(e, t, r, o, i, n) {
           }, null, 8, ["total", "defaultPage", "pageSize", "onPageChange", "onPageSizeChange"])
         ])
       ])) : F("", !0)
-    ])) : (c(), p("div", en, "Немає даних"))
+    ])) : (c(), p("div", Ys, "Немає даних"))
   ], 512);
 }
-const on = /* @__PURE__ */ N(Ns, [["render", tn]]), rn = { class: "map-skeleton-loader" }, sn = {
+const Xs = /* @__PURE__ */ N(Us, [["render", Ks]]), en = { class: "map-skeleton-loader" }, tn = {
   __name: "vs-skeleton-loader",
   setup(e) {
-    return (t, r) => (c(), p("div", rn, [...r[0] || (r[0] = [
+    return (t, r) => (c(), p("div", en, [...r[0] || (r[0] = [
       s("div", { class: "dot-pulse" }, null, -1)
     ])]));
   }
-}, nn = /* @__PURE__ */ N(sn, [["__scopeId", "data-v-954c1e03"]]), an = {}, ln = {
+}, on = /* @__PURE__ */ N(tn, [["__scopeId", "data-v-954c1e03"]]), rn = {}, sn = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function cn(e, t) {
-  return c(), p("svg", ln, [...t[0] || (t[0] = [
+function nn(e, t) {
+  return c(), p("svg", sn, [...t[0] || (t[0] = [
     s("title", null, "Globe Icon", -1),
     s("desc", null, " A circular representation of a globe with horizontal and vertical lines ", -1),
     s("path", {
@@ -2429,9 +2429,9 @@ function cn(e, t) {
     }, null, -1)
   ])]);
 }
-const dn = /* @__PURE__ */ N(an, [["render", cn]]), un = {
+const an = /* @__PURE__ */ N(rn, [["render", nn]]), ln = {
   components: {
-    homeIcon: dn
+    homeIcon: an
   },
   name: "vs-homezoom",
   props: {
@@ -2445,7 +2445,7 @@ const dn = /* @__PURE__ */ N(an, [["render", cn]]), un = {
   },
   computed: {}
 };
-function pn(e, t, r, o, i, n) {
+function cn(e, t, r, o, i, n) {
   const m = J("homeIcon"), h = J("VsPopover");
   return c(), p("div", null, [
     Z(h, {
@@ -2454,28 +2454,28 @@ function pn(e, t, r, o, i, n) {
       teleport: "body",
       class: "flex"
     }, {
-      reference: q(() => [
+      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: q(() => [
+      default: G(() => [
         t[0] || (t[0] = s("div", null, "Повернутися до початкових налаштувань", -1))
       ]),
       _: 1
     })
   ]);
 }
-const hn = /* @__PURE__ */ N(un, [["render", pn]]), fn = {}, gn = {
+const dn = /* @__PURE__ */ N(ln, [["render", cn]]), un = {}, pn = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function vn(e, t) {
-  return c(), p("svg", gn, [...t[0] || (t[0] = [
+function hn(e, t) {
+  return c(), p("svg", pn, [...t[0] || (t[0] = [
     s("title", null, "Document with Two Sections Icon", -1),
     s("desc", null, "A document icon with a split design indicating two sections", -1),
     s("path", {
@@ -2501,10 +2501,10 @@ function vn(e, t) {
     }, null, -1)
   ])]);
 }
-const mn = /* @__PURE__ */ N(fn, [["render", vn]]), yn = {
+const fn = /* @__PURE__ */ N(un, [["render", hn]]), gn = {
   components: {
-    printIcon: mn,
-    VsPopover: Se
+    printIcon: fn,
+    VsPopover: Ve
   },
   props: {
     map: { type: Object },
@@ -2618,26 +2618,26 @@ const mn = /* @__PURE__ */ N(fn, [["render", vn]]), yn = {
     }
   }
 };
-function bn(e, t, r, o, i, n) {
+function vn(e, t, r, o, i, n) {
   const m = J("printIcon"), h = J("VsPopover");
-  return c(), K(h, {
+  return c(), X(h, {
     trigger: "hover",
     placement: "left",
     teleport: "body"
   }, {
-    reference: q(() => [
+    reference: G(() => [
       Z(m, {
         onClick: n.togglePrint,
-        class: Y([n.modalButtonClasses, "print-button w-full h-auto p-[9px] [transition:.3s] hover:[transition:.3s] text-[24px] hover:bg-[#DBEAFE] flex font-normal cursor-pointer text-[#1E40AF] bg-[#fff] rounded-[4px] border-[1px] border-solid border-[#E5E7EB]"])
+        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: q(() => [
+    default: G(() => [
       t[0] || (t[0] = s("div", null, "Надрукувати", -1))
     ]),
     _: 1
   });
 }
-const wn = /* @__PURE__ */ N(yn, [["render", bn]]), xn = {
+const mn = /* @__PURE__ */ N(gn, [["render", vn]]), yn = {
   props: {
     map: {
       type: Object,
@@ -2650,7 +2650,7 @@ const wn = /* @__PURE__ */ N(yn, [["render", bn]]), xn = {
     };
   },
   components: {
-    VsPopover: Se
+    VsPopover: Ve
   },
   mounted() {
     this.map.on("move", this.updateViewStatus), this.updateViewStatus();
@@ -2675,42 +2675,42 @@ const wn = /* @__PURE__ */ N(yn, [["render", bn]]), xn = {
     }
   }
 };
-function _n(e, t, r, o, i, n) {
+function bn(e, t, r, o, i, n) {
   const m = J("VsPopover");
-  return c(), K(m, {
+  return c(), X(m, {
     trigger: "hover",
     placement: "left",
     teleport: "body",
     class: "flex"
   }, {
-    reference: q(() => [
+    reference: G(() => [
       s("div", {
         class: "font-light w-full h-[44px] p-[9px] [transition:.3s] hover:[transition:.3s] text-[19px] hover:bg-[#DBEAFE] flex cursor-pointer text-[#1E40AF] bg-[#fff] rounded-[4px] border-[1px] border-solid border-[#E5E7EB]",
         onClick: t[0] || (t[0] = (...h) => n.toggleView && n.toggleView(...h))
       }, S(i.is3D ? "2D" : "3D"), 1)
     ]),
-    default: q(() => [
+    default: G(() => [
       t[1] || (t[1] = s("div", null, "Перемикач виду", -1))
     ]),
     _: 1
   });
 }
-const kn = /* @__PURE__ */ N(xn, [["render", _n]]), Ln = {
+const wn = /* @__PURE__ */ N(yn, [["render", bn]]), xn = {
   props: {
     bgColor: {
       type: String,
       default: "#1E40AF"
     }
   }
-}, Cn = {
+}, _n = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, $n = ["stroke"], In = ["stroke"], Vn = ["stroke"], Sn = ["stroke"], Fn = ["stroke"], jn = ["stroke"];
-function Pn(e, t, r, o, i, n) {
-  return c(), p("svg", Cn, [
+}, kn = ["stroke"], Ln = ["stroke"], Cn = ["stroke"], $n = ["stroke"], In = ["stroke"], Vn = ["stroke"];
+function Sn(e, t, r, o, i, n) {
+  return c(), p("svg", _n, [
     t[0] || (t[0] = s("title", null, "Target Icon", -1)),
     t[1] || (t[1] = s("desc", null, "A target icon with a circular pattern inside a rounded square", -1)),
     s("path", {
@@ -2719,49 +2719,49 @@ function Pn(e, t, r, o, i, n) {
       "stroke-width": "1",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
-    }, null, 8, $n),
+    }, null, 8, kn),
     s("path", {
       d: "M19 12H22",
       stroke: r.bgColor,
       "stroke-width": "1",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
-    }, null, 8, In),
+    }, null, 8, Ln),
     s("path", {
       d: "M12 2V5",
       stroke: r.bgColor,
       "stroke-width": "1",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
-    }, null, 8, Vn),
+    }, null, 8, Cn),
     s("path", {
       d: "M12 19V22",
       stroke: r.bgColor,
       "stroke-width": "1",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
-    }, null, 8, Sn),
+    }, null, 8, $n),
     s("path", {
       d: "M12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19Z",
       stroke: r.bgColor,
       "stroke-width": "1",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
-    }, null, 8, Fn),
+    }, null, 8, In),
     s("path", {
       d: "M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z",
       stroke: r.bgColor,
       "stroke-width": "1",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
-    }, null, 8, jn)
+    }, null, 8, Vn)
   ]);
 }
-const En = /* @__PURE__ */ N(Ln, [["render", Pn]]), Mn = {
+const Fn = /* @__PURE__ */ N(xn, [["render", Sn]]), jn = {
   components: {
-    geoIcon: En,
-    VsPopover: Se,
-    closeIcon: nt
+    geoIcon: Fn,
+    VsPopover: Ve,
+    closeIcon: ot
   },
   data() {
     return {
@@ -2836,46 +2836,46 @@ const En = /* @__PURE__ */ N(Ln, [["render", Pn]]), Mn = {
       }), this.$emit("close");
     }
   }
-}, Tn = {
+}, Pn = {
   key: 0,
   class: "max-w-[412px] absolute w-full top-[20px] right-[70px] bg-white border rounded-[15px] p-4 z-10"
-}, zn = { class: "flex justify-between items-center border-b pb-[16px]" }, An = { class: "d-flex" }, Bn = { class: "pt-[16px]" };
-function On(e, t, r, o, i, n) {
+}, En = { class: "flex justify-between items-center border-b pb-[16px]" }, Mn = { class: "d-flex" }, Tn = { class: "pt-[16px]" };
+function zn(e, t, r, o, i, n) {
   var l, d, v, a, u, f;
   const m = J("closeIcon"), h = J("geoIcon"), g = J("VsPopover");
   return c(), p("div", null, [
-    (c(), K(Xe, { to: "#maplibre-demo-map" }, [
-      i.location ? (c(), p("div", Tn, [
-        s("div", zn, [
+    (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", An, [
+          s("div", Mn, [
             Z(m, { onClick: n.closeGeolocation }, null, 8, ["onClick"])
           ])
         ]),
-        s("div", Bn, [
+        s("div", Tn, [
           s("div", null, [
             t[1] || (t[1] = s("strong", null, "Широта:", -1)),
-            ae(" " + S((l = i.location) == null ? void 0 : l.latitude), 1)
+            ie(" " + S((l = i.location) == null ? void 0 : l.latitude), 1)
           ]),
           s("div", null, [
             t[2] || (t[2] = s("strong", null, "Довгота:", -1)),
-            ae(" " + S((d = i.location) == null ? void 0 : d.longitude), 1)
+            ie(" " + S((d = i.location) == null ? void 0 : d.longitude), 1)
           ]),
           s("div", null, [
             t[3] || (t[3] = s("strong", null, "КраЇна:", -1)),
-            ae(" " + S((v = i.data) == null ? void 0 : v.country), 1)
+            ie(" " + S((v = i.data) == null ? void 0 : v.country), 1)
           ]),
           s("div", null, [
             t[4] || (t[4] = s("strong", null, "Код країни:", -1)),
-            ae(" " + S((a = i.data) == null ? void 0 : a.country_code), 1)
+            ie(" " + S((a = i.data) == null ? void 0 : a.country_code), 1)
           ]),
           s("div", null, [
             t[5] || (t[5] = s("strong", null, "Місто:", -1)),
-            ae(" " + S((u = i.data) == null ? void 0 : u.city), 1)
+            ie(" " + S((u = i.data) == null ? void 0 : u.city), 1)
           ]),
           s("div", null, [
             t[6] || (t[6] = s("strong", null, "Поштовий індекс:", -1)),
-            ae(" " + S((f = i.data) == null ? void 0 : f.postcode), 1)
+            ie(" " + S((f = i.data) == null ? void 0 : f.postcode), 1)
           ])
         ])
       ])) : F("", !0)
@@ -2886,20 +2886,20 @@ function On(e, t, r, o, i, n) {
       teleport: "body",
       class: "flex"
     }, {
-      reference: q(() => [
+      reference: G(() => [
         Z(h, {
           onClick: n.togleGeolocation,
-          class: Y([n.modalButtonClasses, "w-full h-auto p-[9px] [transition:.3s] hover:[transition:.3s] text-[24px] hover:bg-[#DBEAFE] flex font-normal cursor-pointer text-[#1E40AF] bg-[#fff] rounded-[4px] border-[1px] border-solid border-[#E5E7EB]"])
+          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: q(() => [
+      default: G(() => [
         t[7] || (t[7] = s("div", null, "Дізнатися геолокацію", -1))
       ]),
       _: 1
     })
   ]);
 }
-const Dn = /* @__PURE__ */ N(Mn, [["render", On]]), Be = {
+const An = /* @__PURE__ */ N(jn, [["render", zn]]), ze = {
   __name: "vs-map-widget-column",
   props: {
     position: String,
@@ -2954,7 +2954,7 @@ const Dn = /* @__PURE__ */ N(Mn, [["render", On]]), Be = {
     const h = T(null);
     t({ columnRef: h });
     let g = null;
-    return _e(() => {
+    return ke(() => {
       g = new MutationObserver(() => {
         var l;
         clearTimeout((l = h.value) == null ? void 0 : l._resizeTimeout), h.value._resizeTimeout = setTimeout(() => {
@@ -2965,7 +2965,7 @@ const Dn = /* @__PURE__ */ N(Mn, [["render", On]]), Be = {
         subtree: !0,
         characterData: !0
       });
-    }), xt(() => {
+    }), yt(() => {
       g && g.disconnect();
     }), (l, d) => e.mapLoaded ? (c(), p("div", {
       key: 0,
@@ -2977,12 +2977,12 @@ const Dn = /* @__PURE__ */ N(Mn, [["render", On]]), Be = {
         paddingRight: e.rightColumnOffset
       })
     }, [
-      (c(!0), p(z, null, W(n.value, (v) => {
+      (c(!0), p(z, null, q(n.value, (v) => {
         var a;
         return c(), p(z, {
           key: v.id || v.type
         }, [
-          v.type !== "card" ? se((c(), K(De(e.getWidgetComponent(v.type)), {
+          v.type !== "card" ? se((c(), X(Be(e.getWidgetComponent(v.type)), {
             key: 0,
             map: e.map,
             config: v.config,
@@ -2997,9 +2997,9 @@ const Dn = /* @__PURE__ */ N(Mn, [["render", On]]), Be = {
             onCatalogLayers: d[3] || (d[3] = (u) => l.$emit("catalog-layers", u)),
             class: "widget"
           }, null, 40, ["map", "config", "hasFilters", "currentLayer", "enabledLayerIds", "history"])), [
-            [Ee, ((a = v.config) == null ? void 0 : a.visible) !== !1]
+            [je, ((a = v.config) == null ? void 0 : a.visible) !== !1]
           ]) : F("", !0),
-          e.cardValues && v.type === "card" ? (c(), K(st, {
+          e.cardValues && v.type === "card" ? (c(), X(tt, {
             key: 1,
             config: v.config,
             cardValues: e.cardValues,
@@ -3010,7 +3010,7 @@ const Dn = /* @__PURE__ */ N(Mn, [["render", On]]), Be = {
       }), 128))
     ], 4)) : F("", !0);
   }
-}, Un = { class: "map-widgets-flex" }, Rn = { class: "widgets-left" }, Hn = { class: "widgets-top" }, Nn = { class: "widgets-bottom" }, Zn = { class: "widgets-right" }, Wn = { class: "widgets-top" }, qn = { class: "widgets-bottom" }, Gn = { class: "absolute top-[180px] right-2 z-10 flex flex-col gap-[5px]" }, Jn = /* @__PURE__ */ Ge({
+}, 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,7 +3018,7 @@ const Dn = /* @__PURE__ */ N(Mn, [["render", On]]), Be = {
     height: {}
   },
   setup(e) {
-    const t = _t(), r = e, o = T(null), i = T(!1);
+    const t = bt(), r = e, o = T(null), i = T(!1);
     let n = null;
     const m = T(null), h = T(null), g = T([]), l = T([]), d = T(null), v = T(null), a = T(null), u = T([]);
     let f = null;
@@ -3032,15 +3032,15 @@ const Dn = /* @__PURE__ */ N(Mn, [["render", On]]), Be = {
         (y) => (y.position || {}) === b
       ) || [];
     }
-    const j = (b, y, x) => y[b] || b, O = (b, y, x, I, w) => {
-      const C = j(b, I), P = y ? j(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((R) => {
-        const B = j(R.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">${R.label}</td>
-          <td class="text-right">${B}</td>
+          <td class="font-medium mr-1.5 flex items-center">${H.label}</td>
+          <td class="text-right">${O}</td>
         </tr>
       `;
       }).join("")), `
@@ -3061,36 +3061,36 @@ const Dn = /* @__PURE__ */ N(Mn, [["render", On]]), Be = {
     </div>
   `;
     }, k = (b) => ({
-      legend: jt,
-      basemaps: Tt,
-      layers: ho,
-      info: ko,
-      attribute: rr,
-      catalog: Es,
-      filters: Bs,
-      "inline-filters": Hs,
-      list: on,
-      card: st
+      legend: Vt,
+      basemaps: Pt,
+      layers: co,
+      info: wo,
+      attribute: er,
+      catalog: Fs,
+      filters: Ts,
+      "inline-filters": Ds,
+      list: Xs,
+      card: tt
     })[b], _ = E(() => !!a.value && Array.isArray(a.value.widgets) && a.value.widgets.some((b) => b.type === "filters")), A = (b) => {
       m.value = b;
     };
-    function ne() {
-      const b = new URLSearchParams(window.location.search), y = parseFloat(b.get("x")), x = parseFloat(b.get("y")), I = parseFloat(b.get("z")), w = parseFloat(b.get("bearing")), C = parseFloat(b.get("pitch"));
+    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 ge({ 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 P, V, R;
+      var P, V, H;
       if (!a.value || !a.value.map) return;
       const b = {
         version: 8,
@@ -3098,62 +3098,47 @@ const Dn = /* @__PURE__ */ N(Mn, [["render", On]]), Be = {
         sources: {},
         layers: []
       }, y = (t == null ? void 0 : t.appContext.config.globalProperties.$settings) || {};
-      let x = a.value.map.center || y.center || [50, 30], I = a.value.map.zoom || y.zoom || 10, w = a.value.map.bearing || 0, C = a.value.map.pitch || 0;
+      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 B = ne();
-        B.center && (x = B.center), B.zoom !== null && (I = B.zoom), B.bearing !== null && (w = B.bearing), B.pitch !== null && (C = B.pitch);
+        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: x,
-        zoom: I,
+        zoom: $,
         bearing: w,
         pitch: C,
         maxZoom: 19,
         minZoom: 5
         // maxBounds: [18.0856083513, 40.3614785833, 58.0807890155, 56.3350745713],
-      }), console.log({ center: x, zoom: I }), (R = (V = (P = a == null ? void 0 : a.value) == null ? void 0 : P.interactions) == null ? void 0 : V.navigation) != null && R.enabled && !f && (f = new maplibregl.NavigationControl(), o.value.addControl(f, "top-right")), o.value.on("load", async () => {
-        var Ce, U, $e, Fe, Ke;
-        i.value = !0;
-        const B = ne(), Le = B.center && B.zoom !== null;
-        if ((Ce = a.value.map) != null && Ce.bbox && !Le) {
-          const [G, H, $, te] = a.value.map.bbox;
-          o.value.fitBounds(
-            [
-              [G, H],
-              [$, te]
-            ],
-            {
-              padding: 50,
-              duration: 0
-            }
-          );
-        }
-        if (await (async () => {
-          var H, $, te, oe, X;
-          const G = ((X = (oe = (te = ($ = (H = a.value) == null ? void 0 : H.widgets) == null ? void 0 : $.find((M) => M.type === "layers")) == null ? void 0 : te.config) == null ? void 0 : oe.layers) == null ? void 0 : X.filter(
+      }), 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 = M.style) == null ? void 0 : ce.attrType) === "icon-by-attribute";
             }
           )) || [];
-          for (const M of G) {
-            const { rules: ce, default_icon: me, icon_base_url: ye } = M.style, be = [...ce.map((re) => re.icon), me].filter(
+          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 re of be)
+            for (const re of we)
               try {
-                const de = `${ye}${re}`, we = await o.value.loadImage(de);
-                o.value.hasImage(re) || o.value.addImage(re, we.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: ${re}`, de);
               }
           }
-        })(), (Fe = ($e = (U = a.value) == null ? void 0 : U.interactions) == null ? void 0 : $e.hover) != null && Fe.enabled && (o.value.on("mousemove", (G) => {
-          var ce, me, ye, be, re, de, we, je, Q, Ae;
-          const H = o.value.queryRenderedFeatures(G.point);
-          if (o.value && o.value.getCanvas && (o.value.getCanvas().style.cursor = H.length ? "pointer" : ""), !H.length) {
+        })(), (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 (h.value) {
               const D = (ce = o.value.getSource(
                 h.value.source
@@ -3168,63 +3153,63 @@ const Dn = /* @__PURE__ */ N(Mn, [["render", On]]), Be = {
             n && (n.remove(), n = null);
             return;
           }
-          const $ = H[0];
-          if (!h.value || h.value.id !== $.id || h.value.source !== $.layer.source) {
+          const I = R[0];
+          if (!h.value || h.value.id !== I.id || h.value.source !== I.layer.source) {
             if (h.value) {
-              const Re = (me = o.value.getSource(
+              const De = (ye = o.value.getSource(
                 h.value.source
-              )) == null ? void 0 : me.type;
-              h.value.source, h.value.id, Re === "vector" && h.value.source, ve(
+              )) == null ? void 0 : ye.type;
+              h.value.source, h.value.id, De === "vector" && h.value.source, ve(
                 o.value,
                 h.value.source,
                 h.value.id,
                 { hovered: !1 }
               );
             }
-            const D = (ye = o.value.getSource($.layer.source)) == null ? void 0 : ye.type;
-            $.layer.source, $.id, D === "vector" && $.layer.source, ve(o.value, $.layer.source, $.id, {
+            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
-            }), h.value = { source: $.layer.source, id: $.id };
+            }), h.value = { source: I.layer.source, id: I.id };
           }
-          const te = (re = (be = a.value) == null ? void 0 : be.widgets) == null ? void 0 : re.find(
+          const oe = (re = (we = a.value) == null ? void 0 : we.widgets) == null ? void 0 : re.find(
             (D) => D.type === "layers"
-          ), oe = (we = (de = a.value) == null ? void 0 : de.widgets) == null ? void 0 : we.find(
+          ), te = (xe = (de = a.value) == null ? void 0 : de.widgets) == null ? void 0 : xe.find(
             (D) => D.type === "attribute"
           );
-          let X = null;
-          if (te && (X = te.config.layers.find(
-            (D) => D.id === $.layer.source
-          )), (Q = (je = a.value) == null ? void 0 : je.widgets) == null ? void 0 : Q.find(
+          let ee = null;
+          if (oe && (ee = oe.config.layers.find(
+            (D) => D.id === I.layer.source
+          )), (Q = (Se = a.value) == null ? void 0 : Se.widgets) == null ? void 0 : Q.find(
             (D) => D.type === "catalog"
           )) {
-            if (!H.length) {
+            if (!R.length) {
               n && (n.style.display = "none");
               return;
             }
-            const D = H[0];
-            n = ft(D, G, n);
+            const D = R[0];
+            n = ut(D, W, n);
             return;
           }
-          if (!X && oe && oe.config.layer.id === $.layer.source && (X = oe.config.layer), (Ae = X == null ? void 0 : X.style) != null && Ae.popup) {
-            const D = X.style.popup;
-            let Re = D.title, He = "";
-            D.mode === "markdown" ? He = Array.isArray(D.content) ? D.content.join(`
+          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(D.content) ? D.content.join("") : "", n || (n = document.createElement("div"), o.value.getContainer().appendChild(n)), n.innerHTML = O(
-              Re,
-              He,
+`) : "" : 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,
-              $.properties,
+              I.properties,
               D.mode
-            ), Ye(n, G);
+            ), Je(n, W);
           }
         }), o.value.on("mouseleave", () => {
-          var G;
+          var W;
           if (n && (n.remove(), n = null), h.value) {
-            const H = (G = o.value.getSource(
+            const R = (W = o.value.getSource(
               h.value.source
-            )) == null ? void 0 : G.type;
-            h.value.source, h.value.id, H === "vector" && h.value.source, ve(
+            )) == null ? void 0 : W.type;
+            h.value.source, h.value.id, R === "vector" && h.value.source, ve(
               o.value,
               h.value.source,
               h.value.id,
@@ -3232,118 +3217,118 @@ const Dn = /* @__PURE__ */ N(Mn, [["render", On]]), Be = {
             ), h.value = null;
           }
           o.value && o.value.getCanvas && (o.value.getCanvas().style.cursor = "");
-        })), o.value.on("click", async (G) => {
-          var me, ye, be, re, de, we, je;
+        })), o.value.on("click", async (W) => {
+          var ye, be, we, re, de, xe, Se;
           if (le(), ["length", "area", "print"].includes(v.value)) return;
-          const H = o.value.queryRenderedFeatures(G.point);
-          if (!H.length) return;
-          const $ = H[0], te = (ye = (me = a.value) == null ? void 0 : me.widgets) == null ? void 0 : ye.find(
+          const R = o.value.queryRenderedFeatures(W.point);
+          if (!R.length) return;
+          const I = R[0], oe = (be = (ye = a.value) == null ? void 0 : ye.widgets) == null ? void 0 : be.find(
             (Q) => Q.type === "layers"
-          ), oe = (re = (be = a.value) == null ? void 0 : be.widgets) == null ? void 0 : re.find(
+          ), te = (re = (we = a.value) == null ? void 0 : we.widgets) == null ? void 0 : re.find(
             (Q) => Q.type === "attribute"
-          ), X = (we = (de = a.value) == null ? void 0 : de.widgets) == null ? void 0 : we.find(
+          ), ee = (xe = (de = a.value) == null ? void 0 : de.widgets) == null ? void 0 : xe.find(
             (Q) => Q.type === "catalog"
           );
           let M;
-          if (X ? M = $.layer.source : M = (oe == null ? void 0 : oe.config.layer) || (te == null ? void 0 : te.config.layers.find((Q) => Q.id === $.layer.source)), M != null && M.noCard) return;
+          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 Ae = (D = o.value.getSource(Q.source)) == null ? void 0 : D.type;
-            Q.source, Q.id, Ae === "vector" && Q.source, ve(o.value, Q.source, Q.id, {
+            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
             });
           }), g.value = [];
-          const ce = (je = o.value.getSource($.layer.source)) == null ? void 0 : je.type;
-          $.layer.source, $.id, ce === "vector" && $.layer.source, ve(o.value, $.layer.source, $.id, {
+          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
-          }), g.value.push({ source: $.layer.source, id: $.id }), d.value = {
+          }), 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: $.properties.id,
+            id: I.properties.id,
             title: (M == null ? void 0 : M.title) || ""
           };
-        }), o.value.on("dblclick", (G) => {
-          var te, oe, X;
+        }), o.value.on("dblclick", (W) => {
+          var oe, te, ee;
           if (le(), ["length", "area", "print"].includes(v.value)) return;
-          dt([G.lngLat.lng, G.lngLat.lat]);
-          const H = (oe = (te = a.value) == null ? void 0 : te.widgets) == null ? void 0 : oe.find(
+          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;
-          (X = H == null ? void 0 : H.config) != null && X.layers && ($ = H.config.layers.find(
+          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) && (d.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(), (Ke = a == null ? void 0 : a.value) != null && Ke.history) {
-          const G = () => {
-            const H = o.value.getCenter();
+        }), o.value.resize(), (U = a == null ? void 0 : a.value) != null && U.history) {
+          const W = () => {
+            const R = o.value.getCenter();
             ge({
-              center: [H.lng, H.lat],
+              center: [R.lng, R.lat],
               zoom: o.value.getZoom(),
               bearing: o.value.getBearing(),
               pitch: o.value.getPitch()
             });
           };
-          o.value.on("moveend", G), o.value.on("rotate", G), o.value.on("pitch", G);
+          o.value.on("moveend", W), o.value.on("rotate", W), o.value.on("pitch", W);
         }
       });
     }, le = () => {
-      Je(), g.value.forEach((b) => {
+      qe(), g.value.forEach((b) => {
         o.value && ve(o.value, b.source, b.id, {
           selected: !1
         });
       }), g.value = [], d.value = null;
     };
-    _e(async () => {
-      await it(), await Me(), 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 Ue = E(() => ({
+    const Oe = E(() => ({
       height: (r == null ? void 0 : r.height) || "100vh",
       width: "100%"
-    })), it = async () => {
+    })), rt = async () => {
       const b = await fetch(`/api/map/${r.name || r.table || "main"}`).then((y) => y.json());
       a.value = b;
-    }, Te = (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 = T([]);
+    }, ne = T([]);
     fe(
       () => a.value,
       (b) => {
-        b && b.map && (ie.value = at(), pe());
+        b && b.map && (ne.value = st(), pe());
       }
     );
-    const at = () => {
+    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 ve(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 lt = E(() => !!a.value && !!a.value.interactions && !!a.value.interactions.navigation && a.value.interactions.navigation.enabled), ct = E(() => !!a.value && Array.isArray(a.value.tools) && a.value.tools.length > 0), ze = E(() => lt.value || ct.value ? "40px" : "20px");
-    function Je() {
+    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 dt(b) {
-      var I, w, C, P;
-      Je();
+    function at(b) {
+      var $, w, C, P;
+      qe();
       const y = 80, x = {
         width: y,
         height: y,
@@ -3354,19 +3339,19 @@ const Dn = /* @__PURE__ */ N(Mn, [["render", On]]), Be = {
         },
         render() {
           var U;
-          const R = performance.now() % 2e3 / 2e3, B = y / 2 * 0.3, Le = y / 2 * 0.7 * R + B, { context: ee } = this;
-          ee.clearRect(0, 0, this.width, this.height), ee.beginPath(), ee.arc(this.width / 2, this.height / 2, Le, 0, Math.PI * 2), ee.fillStyle = `rgba(255, 100, 100, ${1 - R})`, ee.fill();
-          const Ce = y / 2 * 0.7 * (R - 0.5 < 0 ? R - 0.5 + 1 : R - 0.5) + B;
-          return ee.beginPath(), ee.arc(
+          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,
             Ce,
             0,
             Math.PI * 2
-          ), ee.fillStyle = `rgba(255, 100, 100, ${1 - (R - 0.5 < 0 ? R - 0.5 + 1 : R - 0.5)})`, ee.fill(), this.data = ee.getImageData(0, 0, this.width, this.height).data, (U = o.value) == null || U.triggerRepaint(), !0;
+          ), 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",
@@ -3380,104 +3365,104 @@ const Dn = /* @__PURE__ */ N(Mn, [["render", On]]), Be = {
         paint: { "icon-opacity": 0.6 }
       });
     }
-    const ut = E(() => {
-      var b, y, x, I, w, C, P, V, R, B;
+    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: ((B = (R = a == null ? void 0 : a.value) == null ? void 0 : R.map) == null ? void 0 : B.bbox) || null
+        bbox: ((O = (H = a == null ? void 0 : a.value) == null ? void 0 : H.map) == null ? void 0 : O.bbox) || null
       };
-    }), Qe = {
-      home: hn,
-      print: wn,
-      geolocation: Dn,
-      pitch: kn
+    }), Ge = {
+      home: dn,
+      print: mn,
+      geolocation: An,
+      pitch: wn
       // length: VsLengthMeasure,
       // area: VsAreaMeasure,
-    }, pt = (b) => {
+    }, ct = (b) => {
       v.value = b;
     };
-    function ke(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 && (d.value = {
+      const { map_key: x, service_key: $ } = y.config;
+      x && $ && (d.value = {
         id: b,
         map: x,
-        layer: I
+        layer: $
       });
     }
-    const ht = E(
+    const dt = E(
       () => a.value && a.value.widgets ? a.value.widgets.filter((b) => b.position === "absolute") : []
     );
-    function ft(b, y, x) {
-      const I = b.properties, w = u.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), R = 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>
-  ` : "", B = C.find((U) => U.meta === "title"), Le = B ? I == null ? void 0 : I[B.name] : "";
-      let ee = C.filter((U) => U.meta !== "title" && U.meta !== "image").map((U) => {
-        const $e = I == null ? void 0 : I[U.name];
-        let Fe = $e ?? "-";
+  ` : "", 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 W = $ == null ? void 0 : $[U.name];
+        let R = W ?? "-";
         switch (U.meta) {
           case "badge":
-            Fe = $e ? `<span class="inline-block rounded px-2 py-0.5 text-xs bg-yellow-100 text-yellow-800 ">${$e}</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;">${Fe}</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 || (ee = 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 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;">
-      ${R}
-      ${Le ? `<div class="font-semibold text-sm border-b border-solid border-gray-200 text-gray-800 px-2 py-1">${Le}</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>${ee}</tbody>
+          <tbody>${Y}</tbody>
         </table>
       </div>
     </div>
   `;
-      return x || (x = document.createElement("div"), x.className = "custom-popup absolute z-50", document.body.appendChild(x)), x.innerHTML = Ce, 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 R = P - x / 2;
-      R = Math.max(10, Math.min(R, C.width - x - 10));
-      let B;
-      V - I - 10 > 0 ? B = V - I - 5 : V + I + 10 < C.height ? B = V + 10 : B = Math.max(10, C.height - I - 10), b.style.position = "absolute", b.style.left = `${R + 20}px`, b.style.top = `${B + 10}px`, b.parentNode !== w && w.appendChild(b);
+    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(Ue.value)
+        style: he(Oe.value)
       }, [
         y[10] || (y[10] = s("div", { id: "maplibre-demo-map" }, null, -1)),
         i.value ? (c(), p(z, { key: 1 }, [
-          s("div", Un, [
-            s("div", Rn, [
-              s("div", Hn, [
-                (c(), p(z, null, W(["top-left"], (w) => {
+          s("div", Bn, [
+            s("div", On, [
+              s("div", Dn, [
+                (c(), p(z, null, q(["top-left"], (w) => {
                   var C, P;
-                  return Z(Be, {
+                  return Z(ze, {
                     key: w,
                     position: w,
                     widgets: L(w),
@@ -3487,22 +3472,22 @@ const Dn = /* @__PURE__ */ N(Mn, [["render", On]]), Be = {
                     hasFilters: _.value,
                     history: (P = (C = a.value) == null ? void 0 : C.value) == null ? void 0 : P.history,
                     currentFilterLayer: m.value,
-                    enabledLayerIds: ie.value,
+                    enabledLayerIds: ne.value,
                     getWidgetComponent: k,
-                    getColumnWidth: Te,
-                    rightColumnOffset: w === "top-right" ? ze.value : void 0,
+                    getColumnWidth: Ee,
+                    rightColumnOffset: w === "top-right" ? Me.value : void 0,
                     onSetFilterLayer: A,
-                    "onUpdate:enabledLayerIds": y[0] || (y[0] = (V) => ie.value = V),
-                    onCardValuesId: ke,
+                    "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))
               ]),
-              s("div", Nn, [
-                (c(), p(z, null, W(["bottom-left"], (w) => {
+              s("div", Un, [
+                (c(), p(z, null, q(["bottom-left"], (w) => {
                   var C, P;
-                  return Z(Be, {
+                  return Z(ze, {
                     key: w,
                     position: w,
                     widgets: L(w),
@@ -3512,24 +3497,24 @@ const Dn = /* @__PURE__ */ N(Mn, [["render", On]]), Be = {
                     hasFilters: _.value,
                     history: (P = (C = a.value) == null ? void 0 : C.value) == null ? void 0 : P.history,
                     currentFilterLayer: m.value,
-                    enabledLayerIds: ie.value,
+                    enabledLayerIds: ne.value,
                     getWidgetComponent: k,
-                    getColumnWidth: Te,
-                    rightColumnOffset: w === "top-right" ? ze.value : void 0,
+                    getColumnWidth: Ee,
+                    rightColumnOffset: w === "top-right" ? Me.value : void 0,
                     onSetFilterLayer: A,
-                    "onUpdate:enabledLayerIds": y[2] || (y[2] = (V) => ie.value = V),
-                    onCardValuesId: ke,
+                    "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))
               ])
             ]),
-            s("div", Zn, [
-              s("div", Wn, [
-                (c(), p(z, null, W(["top-right"], (w) => {
+            s("div", Rn, [
+              s("div", Hn, [
+                (c(), p(z, null, q(["top-right"], (w) => {
                   var C, P;
-                  return Z(Be, {
+                  return Z(ze, {
                     key: w,
                     position: w,
                     widgets: L(w),
@@ -3539,22 +3524,22 @@ const Dn = /* @__PURE__ */ N(Mn, [["render", On]]), Be = {
                     hasFilters: _.value,
                     history: (P = (C = a.value) == null ? void 0 : C.value) == null ? void 0 : P.history,
                     currentFilterLayer: m.value,
-                    enabledLayerIds: ie.value,
+                    enabledLayerIds: ne.value,
                     getWidgetComponent: k,
-                    getColumnWidth: Te,
-                    rightColumnOffset: w === "top-right" ? ze.value : void 0,
+                    getColumnWidth: Ee,
+                    rightColumnOffset: w === "top-right" ? Me.value : void 0,
                     onSetFilterLayer: A,
-                    "onUpdate:enabledLayerIds": y[4] || (y[4] = (V) => ie.value = V),
-                    onCardValuesId: ke,
+                    "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))
               ]),
-              s("div", qn, [
-                (c(), p(z, null, W(["bottom-right"], (w) => {
+              s("div", Nn, [
+                (c(), p(z, null, q(["bottom-right"], (w) => {
                   var C, P;
-                  return Z(Be, {
+                  return Z(ze, {
                     key: w,
                     position: w,
                     widgets: L(w),
@@ -3564,13 +3549,13 @@ const Dn = /* @__PURE__ */ N(Mn, [["render", On]]), Be = {
                     hasFilters: _.value,
                     history: (P = (C = a.value) == null ? void 0 : C.value) == null ? void 0 : P.history,
                     currentFilterLayer: m.value,
-                    enabledLayerIds: ie.value,
+                    enabledLayerIds: ne.value,
                     getWidgetComponent: k,
-                    getColumnWidth: Te,
-                    rightColumnOffset: w === "top-right" ? ze.value : void 0,
+                    getColumnWidth: Ee,
+                    rightColumnOffset: w === "top-right" ? Me.value : void 0,
                     onSetFilterLayer: A,
-                    "onUpdate:enabledLayerIds": y[6] || (y[6] = (V) => ie.value = V),
-                    onCardValuesId: ke,
+                    "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"]);
@@ -3578,45 +3563,45 @@ const Dn = /* @__PURE__ */ N(Mn, [["render", On]]), Be = {
               ])
             ])
           ]),
-          (c(!0), p(z, null, W(ht.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(), K(De(k(w.type)), {
+            (c(), X(Be(k(w.type)), {
               map: o.value,
               config: w.config,
               hasFilters: _.value,
               currentFilterLayer: m.value,
-              enabledLayerIds: ie.value,
+              enabledLayerIds: ne.value,
               cardValues: d.value,
               onSetFilterLayer: A,
-              "onUpdate:enabledLayerIds": y[8] || (y[8] = (P) => ie.value = P),
-              onCardValuesId: ke,
+              "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)),
-          s("div", Gn, [
-            (c(!0), p(z, null, W((I = (x = a.value) == null ? void 0 : x.value) == null ? void 0 : I.tools, (w) => (c(), p(z, { key: w }, [
-              i.value && Qe[w] ? (c(), K(De(Qe[w]), kt({
+          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: v.value,
-                setActiveTool: pt
-              }, { ref_for: !0 }, w === "home" ? { initialView: ut.value } : {}, { onCardValuesId: ke }), null, 16, ["map", "activeTool"])) : F("", !0)
+                setActiveTool: ct
+              }, { ref_for: !0 }, w === "home" ? { initialView: lt.value } : {}, { onCardValuesId: Le }), null, 16, ["map", "activeTool"])) : F("", !0)
             ], 64))), 128))
           ])
-        ], 64)) : (c(), K(nn, { key: 0 }))
+        ], 64)) : (c(), X(on, { key: 0 }))
       ], 4);
     };
   }
-}), Qn = /* @__PURE__ */ N(Jn, [["__scopeId", "data-v-c37c9f40"]]);
-function Xn(e) {
-  e.component("MapCustom", Qn);
+}), qn = /* @__PURE__ */ N(Wn, [["__scopeId", "data-v-22436345"]]);
+function Qn(e) {
+  e.component("MapCustom", qn);
 }
 export {
-  Qn as MapCustom,
-  Qn as default,
-  Xn as install
+  qn as MapCustom,
+  qn as default,
+  Qn as install
 };