@opengis/bi 1.2.34 → 1.2.35

package/dist/{import-file-BwxPX622.js → import-file-Ds-E7FRA.js}

@@ -1,7 +1,7 @@
 var vs = Object.defineProperty;
 var ws = (t, e, s) => e in t ? vs(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
 var J = (t, e, s) => ws(t, typeof e != "symbol" ? e + "" : e, s);
-import { h as Ue, defineComponent as be, ref as S, computed as F, onUnmounted as Oe, createElementBlock as g, openBlock as u, Fragment as Y, createElementVNode as d, createCommentVNode as q, createTextVNode as ne, toDisplayString as P, renderList as se, mergeModels as He, useModel as ts, withDirectives as Ge, normalizeClass as le, vModelCheckbox as ks, defineAsyncComponent as te, onMounted as me, watch as oe, normalizeStyle as et, withModifiers as it, createVNode as R, unref as H, createBlock as U, resolveDynamicComponent as ct, createStaticVNode as _s, mergeProps as $e, resolveComponent as ue, withCtx as G, Teleport as $s, Transition as Ds, renderSlot as Vt, getCurrentInstance as ze, onErrorCaptured as Cs, inject as ss, reactive as zs, createApp as Is, onBeforeUnmount as Ts, vShow as Ss, vModelText as Ls, vModelSelect as Ws, provide as at, readonly as Rs } from "vue";
+import { h as Ue, defineComponent as be, ref as S, computed as M, onUnmounted as Oe, createElementBlock as g, openBlock as u, Fragment as Y, createElementVNode as d, createCommentVNode as U, createTextVNode as oe, toDisplayString as P, renderList as ae, mergeModels as He, useModel as ts, withDirectives as Ge, normalizeClass as se, vModelCheckbox as ks, defineAsyncComponent as te, onMounted as me, watch as ie, normalizeStyle as et, withModifiers as it, createVNode as W, unref as H, createBlock as F, resolveDynamicComponent as ct, createStaticVNode as _s, mergeProps as $e, resolveComponent as ue, withCtx as G, Teleport as $s, Transition as Ds, renderSlot as Vt, getCurrentInstance as Te, onErrorCaptured as Cs, inject as ss, reactive as Ts, createApp as zs, onBeforeUnmount as Is, vShow as Ss, vModelText as Ls, vModelSelect as Es, provide as at, readonly as Ws } from "vue";
 import { useRouter as Le, useRoute as as } from "vue-router";
 /**
  * @license lucide-vue-next v0.577.0 - ISC
@@ -9,7 +9,7 @@ import { useRouter as Le, useRoute as as } from "vue-router";
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Es = (t) => {
+const Rs = (t) => {
   for (const e in t)
     if (e.startsWith("aria-") || e === "role" || e === "title")
       return !0;
@@ -62,7 +62,7 @@ const Ns = (t) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-var We = {
+var Ee = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -86,24 +86,24 @@ const Ps = ({
   "absolute-stroke-width": a,
   strokeWidth: r,
   "stroke-width": o,
-  size: n = We.width,
-  color: i = We.stroke,
+  size: n = Ee.width,
+  color: i = Ee.stroke,
   ...l
 }, { slots: c }) => Ue(
   "svg",
   {
-    ...We,
+    ...Ee,
     ...l,
     width: n,
     height: n,
     stroke: i,
-    "stroke-width": Nt(s) || Nt(a) || s === !0 || a === !0 ? Number(r || o || We["stroke-width"]) * 24 / Number(n) : r || o || We["stroke-width"],
+    "stroke-width": Nt(s) || Nt(a) || s === !0 || a === !0 ? Number(r || o || Ee["stroke-width"]) * 24 / Number(n) : r || o || Ee["stroke-width"],
     class: js(
       "lucide",
       l.class,
       ...t ? [`lucide-${Pt(Ns(t))}-icon`, `lucide-${Pt(t)}`] : ["lucide-icon"]
     ),
-    ...!c.default && !Es(l) && { "aria-hidden": "true" }
+    ...!c.default && !Rs(l) && { "aria-hidden": "true" }
   },
   [...e.map((p) => Ue(...p)), ...c.default ? [c.default()] : []]
 );
@@ -172,7 +172,7 @@ const rs = pe("ellipsis-vertical", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Fs = pe("funnel", [
+const Ms = pe("funnel", [
   [
     "path",
     {
@@ -187,7 +187,7 @@ const Fs = pe("funnel", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ms = pe("layout-dashboard", [
+const Fs = pe("layout-dashboard", [
   ["rect", { width: "7", height: "9", x: "3", y: "3", rx: "1", key: "10lvy0" }],
   ["rect", { width: "7", height: "5", x: "14", y: "3", rx: "1", key: "16une8" }],
   ["rect", { width: "7", height: "9", x: "14", y: "12", rx: "1", key: "1hutg5" }],
@@ -309,35 +309,35 @@ const Qs = pe("x", [
   },
   emits: ["selected"],
   setup(t, { emit: e }) {
-    const s = t, a = e, r = S(!1), o = S(s.value ?? null), n = S(null), i = F(() => {
+    const s = t, a = e, r = S(!1), o = S(s.value ?? null), n = S(null), i = M(() => {
       const b = s.options;
-      return typeof b == "string" ? b.split(",").map((h, v) => ({ id: v, text: h.trim() })) : Array.isArray(b) ? b : [];
-    }), l = F(() => {
+      return typeof b == "string" ? b.split(",").map((f, v) => ({ id: v, text: f.trim() })) : Array.isArray(b) ? b : [];
+    }), l = M(() => {
       const b = i.value.find(
-        (h) => (h.id ?? h) === o.value
+        (f) => (f.id ?? f) === o.value
       );
       return b ? b.text ?? String(b) : s.title ?? "";
     }), c = (b) => {
-      const h = (b == null ? void 0 : b.id) ?? b;
-      o.value = h, r.value = !1, a("selected", h), document.removeEventListener("click", p);
+      const f = (b == null ? void 0 : b.id) ?? b;
+      o.value = f, r.value = !1, a("selected", f), document.removeEventListener("click", p);
     }, p = (b) => {
       n.value && !n.value.contains(b.target) && (r.value = !1, document.removeEventListener("click", p));
-    }, f = () => {
+    }, h = () => {
       r.value = !r.value, r.value ? setTimeout(() => {
         document.addEventListener("click", p);
       }, 200) : document.removeEventListener("click", p);
     }, x = (b) => (rt == null ? void 0 : rt[b]) ?? b;
     return Oe(() => {
       document.removeEventListener("click", p);
-    }), (b, h) => (u(), g(Y, null, [
+    }), (b, f) => (u(), g(Y, null, [
       d("button", {
         type: "button",
         "aria-expanded": "true",
         class: "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative group pr-2 -ms-2 py-1.5 pl-2.5 inline-flex shrink-0 justify-center items-center gap-x-1.5 text-sm text-gray-800 rounded-lg hover:bg-gray-100 focus:outline-none focus:bg-gray-100 before:absolute before:inset-0 before:z-[1] dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-700",
-        onClick: f
+        onClick: h
       }, [
-        ne(P(x(l.value)) + " ", 1),
-        h[0] || (h[0] = d("svg", {
+        oe(P(x(l.value)) + " ", 1),
+        f[0] || (f[0] = d("svg", {
           class: "shrink-0 size-3.5 text-gray-600 dark:text-neutral-400",
           xmlns: "http://www.w3.org/2000/svg",
           width: "16",
@@ -363,14 +363,14 @@ const Qs = pe("x", [
         "aria-orientation": "vertical",
         style: { "margin-top": "10px" }
       }, [
-        (u(!0), g(Y, null, se(i.value, (v) => (u(), g("div", {
+        (u(!0), g(Y, null, ae(i.value, (v) => (u(), g("div", {
           key: v.id || v,
           class: "cursor-pointer selected hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 py-1.5 px-2 w-full text-[13px] text-gray-800 rounded-lg hover:bg-gray-100 focus:outline-none focus:bg-gray-100 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700",
           onClick: (y) => c(v)
         }, [
           d("div", Js, [
             d("span", null, P(x(v.text || v)), 1),
-            o.value === (v.id || v) ? (u(), g("span", Ks, h[1] || (h[1] = [
+            o.value === (v.id || v) ? (u(), g("span", Ks, [...f[1] || (f[1] = [
               d("svg", {
                 class: "shrink-0 h-3.5 w-3.5 text-gray-800 dark:text-neutral-200",
                 xmlns: "http:.w3.org/2000/svg",
@@ -385,10 +385,10 @@ const Qs = pe("x", [
               }, [
                 d("polyline", { points: "20 6 9 17 4 12" })
               ], -1)
-            ]))) : q("", !0)
+            ])])) : U("", !0)
           ])
         ], 8, Xs))), 128))
-      ], 512)) : q("", !0)
+      ], 512)) : U("", !0)
     ], 64));
   }
 }), ea = { class: "flex items-center space-x-2" }, ta = /* @__PURE__ */ be({
@@ -410,10 +410,10 @@ const Qs = pe("x", [
       s("update:is-enabled", a);
     };
     return (o, n) => (u(), g("div", ea, [
-      o.leftLabel ? (u(), g("div", {
+      t.leftLabel ? (u(), g("div", {
         key: 0,
-        class: le(["transition-colors", { "text-blue-500": !a.value }])
-      }, P(o.leftLabel), 3)) : q("", !0),
+        class: se(["transition-colors", { "text-blue-500": !a.value }])
+      }, P(t.leftLabel), 3)) : U("", !0),
       Ge(d("input", {
         "onUpdate:modelValue": n[0] || (n[0] = (i) => a.value = i),
         type: "checkbox",
@@ -422,10 +422,10 @@ const Qs = pe("x", [
       }, null, 544), [
         [ks, a.value]
       ]),
-      o.rightLabel ? (u(), g("div", {
+      t.rightLabel ? (u(), g("div", {
         key: 1,
-        class: le(["transition-colors", { "text-blue-500": a.value }])
-      }, P(o.rightLabel), 3)) : q("", !0)
+        class: se(["transition-colors", { "text-blue-500": a.value }])
+      }, P(t.rightLabel), 3)) : U("", !0)
     ]));
   }
 }), de = (t, e) => {
@@ -435,27 +435,27 @@ const Qs = pe("x", [
   return s;
 }, sa = {}, aa = { class: "flex items-center justify-center h-full" };
 function ra(t, e) {
-  return u(), g("div", aa, e[0] || (e[0] = [
+  return u(), g("div", aa, [...e[0] || (e[0] = [
     d("div", { class: "text-center text-gray-500" }, [
       d("h2", { class: "text-2xl font-bold" }, "No data available")
     ], -1)
-  ]));
+  ])]);
 }
 const na = /* @__PURE__ */ de(sa, [["render", ra]]), At = {
-  "bi-bar": te(() => Promise.resolve().then(() => $i)),
-  "bi-number": te(() => import("./vs-number-DUeRr7uz.js")),
-  "bi-text": te(() => import("./vs-text-D3nCPkgk.js")),
-  "bi-listbar": te(() => Promise.resolve().then(() => _l)),
-  "bi-pie": te(() => Promise.resolve().then(() => Ei)),
-  "bi-donut": te(() => Promise.resolve().then(() => Ti)),
-  "bi-line": te(() => Promise.resolve().then(() => Oi)),
-  "bi-stat": te(() => Promise.resolve().then(() => tl)),
-  "bi-pivot": te(() => Promise.resolve().then(() => Al)),
-  "bi-progress": te(() => Promise.resolve().then(() => fl)),
-  "bi-funnel": te(() => import("./vs-funnel-bar-BV18EA4K.js")),
-  "bi-map": te(() => import("./vs-map-CYd9vdrd.js")),
-  "bi-cluster": te(() => import("./vs-map-cluster-5TnGPuBH.js")),
-  "bi-table": te(() => import("./vs-table-CZJnXfUv.js"))
+  "bi-bar": te(() => Promise.resolve().then(() => Ci)),
+  "bi-number": te(() => import("./vs-number-kaERn0pu.js")),
+  "bi-text": te(() => import("./vs-text-L9R9n3i7.js")),
+  "bi-listbar": te(() => Promise.resolve().then(() => Dl)),
+  "bi-pie": te(() => Promise.resolve().then(() => Vi)),
+  "bi-donut": te(() => Promise.resolve().then(() => Li)),
+  "bi-line": te(() => Promise.resolve().then(() => Bi)),
+  "bi-stat": te(() => Promise.resolve().then(() => al)),
+  "bi-pivot": te(() => Promise.resolve().then(() => Ml)),
+  "bi-progress": te(() => Promise.resolve().then(() => ml)),
+  "bi-funnel": te(() => import("./vs-funnel-bar-CWSZGLeM.js")),
+  "bi-map": te(() => import("./vs-map-Izi22DyD.js")),
+  "bi-cluster": te(() => import("./vs-map-cluster-Mqtz-I8h.js")),
+  "bi-table": te(() => import("./vs-table-oIk-eYt8.js"))
 };
 let os = "/api";
 function tt(t) {
@@ -471,7 +471,7 @@ function oa(t, e) {
   const n = o.toString();
   return n ? `${r}${r.includes("?") ? "&" : "?"}${n}` : r;
 }
-async function Fe(t, e = {}) {
+async function Me(t, e = {}) {
   const { params: s, ...a } = e, r = oa(t, s), o = {
     ...a.headers
   };
@@ -489,18 +489,18 @@ async function Fe(t, e = {}) {
       return i;
     }
 }
-const ae = {
+const re = {
   get(t, e) {
-    return Fe(t, { ...e, method: "GET" });
+    return Me(t, { ...e, method: "GET" });
   },
   post(t, e) {
-    return Fe(t, { method: "POST", body: e != null ? JSON.stringify(e) : void 0 });
+    return Me(t, { method: "POST", body: e != null ? JSON.stringify(e) : void 0 });
   },
   put(t, e) {
-    return Fe(t, { method: "PUT", body: e != null ? JSON.stringify(e) : void 0 });
+    return Me(t, { method: "PUT", body: e != null ? JSON.stringify(e) : void 0 });
   },
   delete(t) {
-    return Fe(t, { method: "DELETE" });
+    return Me(t, { method: "DELETE" });
   }
 };
 function Bt(t) {
@@ -514,11 +514,11 @@ function ia(t, e) {
   return `${s}\r
 ${a}`;
 }
-function Ft(t, e, s) {
+function Mt(t, e, s) {
   const a = new Blob([e], { type: `${s};charset=utf-8` }), r = URL.createObjectURL(a), o = document.createElement("a");
   o.href = r, o.download = t, document.body.appendChild(o), o.click(), document.body.removeChild(o), URL.revokeObjectURL(r);
 }
-function Mt(t, e) {
+function Ft(t, e) {
   return ((t || e).replace(/[<>:"/\\|?*\u0000-\u001f]/g, "_").trim() || e).slice(0, 120);
 }
 function ye(t, e) {
@@ -546,7 +546,7 @@ function lt(t) {
   const e = String(t).trim(), s = e.includes("T") ? e : e.replace(/^(\d{4}-\d{2}-\d{2}) (\d{2}:\d{2}:\d{2})/, "$1T$2"), a = new Date(s);
   return Number.isNaN(a.getTime()) ? e : new Intl.DateTimeFormat("uk-UA", qt).format(a);
 }
-function ql(t) {
+function Hl(t) {
   return Intl.NumberFormat("en").format(t ?? 0);
 }
 const la = {
@@ -590,16 +590,16 @@ const la = {
       }
       return m;
     }
-    const a = t, r = e, o = S(null), n = S(null), i = S(null), l = S({}), c = S([]), p = S(!1), f = S(null), x = F(() => {
+    const a = t, r = e, o = S(null), n = S(null), i = S(null), l = S({}), c = S([]), p = S(!1), h = S(null), x = M(() => {
       const m = a.config;
       return a.widget || (m == null ? void 0 : m.widget) || (m == null ? void 0 : m.widgetId) || (m == null ? void 0 : m.id) || (m == null ? void 0 : m.name) || "";
-    }), b = F(() => {
+    }), b = M(() => {
       const m = a.config;
       return a.dashboard || (m == null ? void 0 : m.dashboard) || (m == null ? void 0 : m.dashboardId) || "";
-    }), h = F(() => {
+    }), f = M(() => {
       var m;
       return a.prefix || ((m = a.config) == null ? void 0 : m.prefix) || "";
-    }), v = F(() => a.data || a.prefetchedData || null);
+    }), v = M(() => a.data || a.prefetchedData || null);
     function y(m) {
       const _ = m.source;
       if (Array.isArray(_) && _[0] && typeof _[0] == "object")
@@ -607,7 +607,7 @@ const la = {
       const k = m.columns;
       return Array.isArray(k) && k.length ? k.map((j) => typeof j == "string" ? j : (j == null ? void 0 : j.name) ?? "").filter(Boolean) : [];
     }
-    const I = F(() => {
+    const z = M(() => {
       const m = l.value;
       if ((m == null ? void 0 : m.status) != null && m.status >= 400) return !1;
       const _ = m == null ? void 0 : m.source;
@@ -617,10 +617,10 @@ const la = {
       p.value = !1, document.removeEventListener("click", w);
     }
     function w(m) {
-      const _ = f.value;
+      const _ = h.value;
       _ && !_.contains(m.target) && $();
     }
-    function E() {
+    function R() {
       p.value = !p.value, p.value ? setTimeout(() => document.addEventListener("click", w), 0) : document.removeEventListener("click", w);
     }
     function B() {
@@ -628,10 +628,10 @@ const la = {
       if (!Array.isArray(_) || !_.length) return;
       const k = y(m);
       if (!k.length) return;
-      const j = ia(_, k), K = Mt(D.value || x.value || "widget", "widget");
-      Ft(`${K}.csv`, `\uFEFF${j}`, "text/csv"), $();
+      const j = ia(_, k), K = Ft(D.value || x.value || "widget", "widget");
+      Mt(`${K}.csv`, `\uFEFF${j}`, "text/csv"), $();
     }
-    function T(m, _) {
+    function I(m, _) {
       return m.map((k) => {
         const j = {};
         for (const K of _)
@@ -639,39 +639,39 @@ const la = {
         return j;
       });
     }
-    function z() {
+    function T() {
       const m = l.value, _ = m == null ? void 0 : m.source;
       if (!Array.isArray(_) || !_.length) return;
-      const k = y(m), j = T(_, k), K = { title: D.value, widget: x.value, columns: k, source: j }, W = Mt(D.value || x.value || "widget", "widget");
-      Ft(`${W}.json`, JSON.stringify(K, null, 2), "application/json"), $();
+      const k = y(m), j = I(_, k), K = { title: D.value, widget: x.value, columns: k, source: j }, E = Ft(D.value || x.value || "widget", "widget");
+      Mt(`${E}.json`, JSON.stringify(K, null, 2), "application/json"), $();
     }
-    const D = F(() => {
+    const D = M(() => {
       var _, k, j;
       const m = (_ = a.dashboardWidgets) == null ? void 0 : _.find((K) => K.name === x.value);
       return ((k = m == null ? void 0 : m.data) == null ? void 0 : k.title) ?? (m == null ? void 0 : m.title) ?? ((j = a.config) == null ? void 0 : j.title) ?? "";
-    }), V = F(() => {
-      var W, we, ke;
-      const m = s((W = l.value) == null ? void 0 : W.last_update), _ = s(
+    }), V = M(() => {
+      var E, we, ke;
+      const m = s((E = l.value) == null ? void 0 : E.last_update), _ = s(
         (we = v.value) == null ? void 0 : we.last_update
       ), k = m ?? _;
       if (k != null) return lt(k);
       const j = (ke = a.dashboardWidgets) == null ? void 0 : ke.find((_e) => _e.name === x.value), K = s(j == null ? void 0 : j.last_update) ?? (j == null ? void 0 : j.updated_at) ?? null;
       return lt(K);
-    }), O = F(() => {
+    }), O = M(() => {
       var k, j, K;
-      const m = (k = a.dashboardWidgets) == null ? void 0 : k.find((W) => W.name === x.value), _ = (j = v.value) == null ? void 0 : j.type;
+      const m = (k = a.dashboardWidgets) == null ? void 0 : k.find((E) => E.name === x.value), _ = (j = v.value) == null ? void 0 : j.type;
       return (m == null ? void 0 : m.type) ?? ((K = a.config) == null ? void 0 : K.type) ?? _ ?? "text";
-    }), ee = F(() => {
+    }), ee = M(() => {
       var m, _, k;
       return a.height || ((m = a.config) == null ? void 0 : m.height) || ((k = (_ = l.value) == null ? void 0 : _.style) == null ? void 0 : k.height) || 480;
-    }), re = F(() => {
+    }), ne = M(() => {
       var _;
       const m = (_ = l.value) == null ? void 0 : _.controls;
       return !m || typeof m == "boolean" ? [] : Object.keys(m).map((k) => ({
         name: k,
         options: m[k]
       }));
-    }), ie = F(() => {
+    }), le = M(() => {
       const m = O.value ? `bi-${O.value}` : "";
       return m && m in At ? At[m] : null;
     });
@@ -702,22 +702,22 @@ const la = {
       }
     }
     return me(() => {
-      h.value && tt(h.value);
+      f.value && tt(f.value);
     }), Oe(() => {
       document.removeEventListener("click", w);
-    }), oe(
+    }), ie(
       () => a.filterURl,
       (m) => {
         var _, k;
         m && ((k = (_ = n.value) == null ? void 0 : _.setFilter) == null || k.call(_, m));
       }
-    ), oe(
+    ), ie(
       () => a.selectedWidget,
       (m, _) => {
         var k;
         m !== _ && m === ((k = l.value) == null ? void 0 : k.id) && r("update:current-widget-data", l.value);
       }
-    ), oe(
+    ), ie(
       l,
       (m, _) => {
         (m == null ? void 0 : m.id) !== (_ == null ? void 0 : _.id) && r("update:current-widget-data", m);
@@ -731,17 +731,17 @@ const la = {
         class: "box-border relative p-4 bg-white border border-gray-200 rounded-xl shadow-sm select-auto overflow-hidden mb-2 last:mb-0 flex flex-col min-h-0",
         style: et({ height: ee.value + "px", maxHeight: ee.value + "px" })
       }, [
-        ["text", "cluster", "map"].includes(O.value) ? V.value ? (u(), g("p", xa, " Оновлено: " + P(V.value), 1)) : q("", !0) : (u(), g("div", la, [
+        ["text", "cluster", "map"].includes(O.value) ? V.value ? (u(), g("p", xa, " Оновлено: " + P(V.value), 1)) : U("", !0) : (u(), g("div", la, [
           d("div", da, [
             d("div", ca, [
               d("span", ua, P(D.value), 1),
-              V.value ? (u(), g("span", pa, " Оновлено: " + P(V.value), 1)) : q("", !0)
+              V.value ? (u(), g("span", pa, " Оновлено: " + P(V.value), 1)) : U("", !0)
             ]),
             d("div", ha, [
-              I.value ? (u(), g("div", {
+              z.value ? (u(), g("div", {
                 key: 0,
                 ref_key: "dataExportRootRef",
-                ref: f,
+                ref: h,
                 class: "relative"
               }, [
                 d("button", {
@@ -750,9 +750,9 @@ const la = {
                   title: ya,
                   "aria-haspopup": "menu",
                   "aria-expanded": p.value,
-                  onClick: it(E, ["stop"])
+                  onClick: it(R, ["stop"])
                 }, [
-                  R(H(rs), {
+                  W(H(rs), {
                     size: 16,
                     class: "text-gray-800"
                   })
@@ -768,46 +768,46 @@ const la = {
                     type: "button",
                     role: "menuitem",
                     class: "w-full text-left py-1.5 px-2 text-[13px] text-gray-800 rounded-lg hover:bg-gray-100",
-                    onClick: z
+                    onClick: T
                   }, P(wa))
-                ])) : q("", !0)
-              ], 512)) : q("", !0),
+                ])) : U("", !0)
+              ], 512)) : U("", !0),
               d("div", ma, [
-                (k = re.value) != null && k.length ? (u(), g("span", ba, [
-                  (u(!0), g(Y, null, se((j = re.value) == null ? void 0 : j.filter(
-                    (W) => (W == null ? void 0 : W.options) && (W == null ? void 0 : W.name) !== "export"
-                  ), (W) => {
+                (k = ne.value) != null && k.length ? (u(), g("span", ba, [
+                  (u(!0), g(Y, null, ae((j = ne.value) == null ? void 0 : j.filter(
+                    (E) => (E == null ? void 0 : E.options) && (E == null ? void 0 : E.name) !== "export"
+                  ), (E) => {
                     var we, ke;
                     return u(), g("div", {
-                      key: W == null ? void 0 : W.name
+                      key: E == null ? void 0 : E.name
                     }, [
-                      Array.isArray(W == null ? void 0 : W.options) ? (u(), U(Ys, {
+                      Array.isArray(E == null ? void 0 : E.options) ? (u(), F(Ys, {
                         key: 0,
-                        title: W == null ? void 0 : W.name,
-                        options: W == null ? void 0 : W.options,
-                        value: ((ke = (we = l.value) == null ? void 0 : we.data) == null ? void 0 : ke[W == null ? void 0 : W.name]) ?? null,
-                        onSelected: (_e) => C(_e, W == null ? void 0 : W.name)
-                      }, null, 8, ["title", "options", "value", "onSelected"])) : typeof W.options == "boolean" ? (u(), U(ta, {
+                        title: E == null ? void 0 : E.name,
+                        options: E == null ? void 0 : E.options,
+                        value: ((ke = (we = l.value) == null ? void 0 : we.data) == null ? void 0 : ke[E == null ? void 0 : E.name]) ?? null,
+                        onSelected: (_e) => C(_e, E == null ? void 0 : E.name)
+                      }, null, 8, ["title", "options", "value", "onSelected"])) : typeof E.options == "boolean" ? (u(), F(ta, {
                         key: 1,
-                        "left-label": W == null ? void 0 : W.name,
-                        "model-value": !!(W != null && W.options),
-                        "onUpdate:isEnabled": (_e) => L(W == null ? void 0 : W.name, _e)
-                      }, null, 8, ["left-label", "model-value", "onUpdate:isEnabled"])) : q("", !0)
+                        "left-label": E == null ? void 0 : E.name,
+                        "model-value": !!(E != null && E.options),
+                        "onUpdate:isEnabled": (_e) => L(E == null ? void 0 : E.name, _e)
+                      }, null, 8, ["left-label", "model-value", "onUpdate:isEnabled"])) : U("", !0)
                     ]);
                   }), 128)),
-                  (K = re.value) != null && K.some((W) => (W == null ? void 0 : W.name) === "export") ? (u(), g("button", {
+                  (K = ne.value) != null && K.some((E) => (E == null ? void 0 : E.name) === "export") ? (u(), g("button", {
                     key: 0,
                     type: "button",
                     class: "h-[32px] w-[32px] rounded-lg hover:bg-gray-100 duration-100 flex items-center justify-center",
                     title: ka,
                     onClick: Z
                   }, [
-                    R(H(Bs), {
+                    W(H(Bs), {
                       size: 16,
                       class: "text-gray-800"
                     })
-                  ])) : q("", !0)
-                ])) : q("", !0)
+                  ])) : U("", !0)
+                ])) : U("", !0)
               ])
             ])
           ])
@@ -817,21 +817,21 @@ const la = {
           onClick: _[2] || (_[2] = it(() => {
           }, ["stop"]))
         }, [
-          ie.value ? (u(), U(ct(ie.value), {
+          le.value ? (u(), F(ct(le.value), {
             key: 0,
             ref_key: "chartRef",
             ref: n,
             "current-widget": i.value,
-            "onUpdate:currentWidget": _[0] || (_[0] = (W) => i.value = W),
+            "onUpdate:currentWidget": _[0] || (_[0] = (E) => i.value = E),
             "widget-data": l.value,
-            "onUpdate:widgetData": _[1] || (_[1] = (W) => l.value = W),
-            config: m.config,
+            "onUpdate:widgetData": _[1] || (_[1] = (E) => l.value = E),
+            config: t.config,
             dashboard: b.value,
             title: D.value,
             widget: x.value,
-            prefix: h.value,
+            prefix: f.value,
             "prefetched-data": v.value
-          }, null, 40, ["current-widget", "widget-data", "config", "dashboard", "title", "widget", "prefix", "prefetched-data"])) : (u(), U(na, {
+          }, null, 40, ["current-widget", "widget-data", "config", "dashboard", "title", "widget", "prefix", "prefetched-data"])) : (u(), F(na, {
             key: 1,
             class: "w-full h-full"
           }))
@@ -839,7 +839,7 @@ const la = {
       ], 4);
     };
   }
-}), _a = { class: "w-full overflow-hidden rounded vs-table-interface__table-wrp h-fit" }, $a = { class: "p-5 min-h-[500px] flex flex-col justify-center items-center text-center" }, Da = { class: "max-w-sm mx-auto mt-6" }, Ca = { class: "font-medium text-gray-800 dark:text-neutral-200" }, za = { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" }, Qe = /* @__PURE__ */ be({
+}), _a = { class: "w-full overflow-hidden rounded vs-table-interface__table-wrp h-fit" }, $a = { class: "p-5 min-h-[500px] flex flex-col justify-center items-center text-center" }, Da = { class: "max-w-sm mx-auto mt-6" }, Ca = { class: "font-medium text-gray-800 dark:text-neutral-200" }, Ta = { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" }, Qe = /* @__PURE__ */ be({
   __name: "vs-new-nodata",
   props: {
     title: { default: "Дані для відображення відсутні" },
@@ -851,20 +851,20 @@ const la = {
         d("div", $a, [
           s[0] || (s[0] = _s('<svg class="w-48 mx-auto" viewBox="0 0 178 90" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-50 dark:stroke-neutral-700/10"></rect><rect x="34.5" y="58" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/30"></rect><rect x="27" y="36" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><g filter="url(#filter1)"><rect x="12" y="6" width="154" height="40" rx="8" fill="currentColor" class="fill-white dark:fill-neutral-800" shape-rendering="crispEdges"></rect><rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/60" shape-rendering="crispEdges"></rect><rect x="20" y="14" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect><rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect><rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect></g><defs><filter id="filter1" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="6"></feOffset><feGaussianBlur stdDeviation="6"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"></feBlend></filter></defs></svg>', 1)),
           d("div", Da, [
-            d("p", Ca, P(e.title), 1),
-            d("p", za, P(e.text), 1)
+            d("p", Ca, P(t.title), 1),
+            d("p", Ta, P(t.text), 1)
           ])
         ])
       ])
     ]));
   }
-}), Ia = {
+}), za = {
   __name: "filter",
   setup(t) {
-    return (e, s) => (u(), U(H(Fs), $e(e.$attrs, { size: 24 }), null, 16));
+    return (e, s) => (u(), F(H(Ms), $e(e.$attrs, { size: 24 }), null, 16));
   }
-}, Ta = {
-  components: { filterIcon: Ia },
+}, Ia = {
+  components: { filterIcon: za },
   props: ["filterScheme"],
   emits: ["filters:changed"]
 }, Sa = { class: "flex items-center" }, La = {
@@ -874,17 +874,17 @@ const la = {
   disabled: "",
   title: "Фільтри вимкнено (v3-filter видалено)"
 };
-function Wa(t, e, s, a, r, o) {
+function Ea(t, e, s, a, r, o) {
   const n = ue("filterIcon");
   return u(), g("div", Sa, [
     s.filterScheme ? (u(), g("button", La, [
-      R(n),
-      e[0] || (e[0] = ne(" Фільтри "))
-    ])) : q("", !0)
+      W(n),
+      e[0] || (e[0] = oe(" Фільтри ", -1))
+    ])) : U("", !0)
   ]);
 }
-const Ra = /* @__PURE__ */ de(Ta, [["render", Wa]]), Ea = {
-  components: { VsFilterHeader: Ra },
+const Wa = /* @__PURE__ */ de(Ia, [["render", Ea]]), Ra = {
+  components: { VsFilterHeader: Wa },
   props: {
     dashboardData: { type: Object, default: null },
     filters: { type: Array, default: null }
@@ -902,20 +902,20 @@ function Aa(t, e, s, a, r, o) {
   return u(), g("div", ja, [
     d("div", Va, [
       d("h1", Na, P((i = s.dashboardData) == null ? void 0 : i.title), 1),
-      (l = s.dashboardData) != null && l.description ? (u(), g("button", Pa, P((c = s.dashboardData) == null ? void 0 : c.description), 1)) : q("", !0)
+      (l = s.dashboardData) != null && l.description ? (u(), g("button", Pa, P((c = s.dashboardData) == null ? void 0 : c.description), 1)) : U("", !0)
     ]),
     s.filters ? (u(), g("div", Oa, [
-      R(n, {
+      W(n, {
         filterScheme: s.filters,
         "onFilters:changed": e[0] || (e[0] = (p) => t.$emit("filters:changed", p))
       }, null, 8, ["filterScheme"])
-    ])) : q("", !0)
+    ])) : U("", !0)
   ]);
 }
-const Ba = /* @__PURE__ */ de(Ea, [["render", Aa]]), Fa = {
+const Ba = /* @__PURE__ */ de(Ra, [["render", Aa]]), Ma = {
   key: 0,
   class: "text-gray-400 shrink-0"
-}, Ma = ["onClick"], qa = ["onClick"], Ua = {
+}, Fa = ["onClick"], qa = ["onClick"], Ua = {
   key: 4,
   class: "text-gray-900 font-medium truncate"
 }, is = {
@@ -929,31 +929,31 @@ const Ba = /* @__PURE__ */ de(Ea, [["render", Aa]]), Fa = {
     compact: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const e = t, s = Le(), a = F(() => Array.isArray(e.items) ? e.items : []);
+    const e = t, s = Le(), a = M(() => Array.isArray(e.items) ? e.items : []);
     function r(o) {
       s != null && s.push ? s.push(o) : typeof o == "string" && (window != null && window.location) && (window.location.href = o);
     }
     return (o, n) => {
       const i = ue("router-link");
       return u(), g("nav", {
-        class: le(["flex items-center gap-2 text-sm text-gray-600", t.compact ? "py-1" : "py-6"]),
+        class: se(["flex items-center gap-2 text-sm text-gray-600", t.compact ? "py-1" : "py-6"]),
         "aria-label": "Breadcrumb"
       }, [
-        (u(!0), g(Y, null, se(a.value, (l, c) => (u(), g(Y, { key: c }, [
-          c > 0 ? (u(), g("span", Fa, [
-            R(H(As), { class: "w-4 h-4" })
-          ])) : q("", !0),
+        (u(!0), g(Y, null, ae(a.value, (l, c) => (u(), g(Y, { key: c }, [
+          c > 0 ? (u(), g("span", Ma, [
+            W(H(As), { class: "w-4 h-4" })
+          ])) : U("", !0),
           typeof l.onClick == "function" ? (u(), g("span", {
             key: 1,
             class: "hover:text-gray-900 transition-colors cursor-pointer",
             onClick: (p) => l.onClick()
-          }, P(l.label), 9, Ma)) : H(s) && l.to ? (u(), U(i, {
+          }, P(l.label), 9, Fa)) : H(s) && l.to ? (u(), F(i, {
             key: 2,
             to: l.to,
             class: "hover:text-gray-900 transition-colors"
           }, {
             default: G(() => [
-              ne(P(l.label), 1)
+              oe(P(l.label), 1)
             ]),
             _: 2
           }, 1032, ["to"])) : l.to ? (u(), g("span", {
@@ -1033,7 +1033,7 @@ const Ba = /* @__PURE__ */ de(Ea, [["render", Aa]]), Fa = {
     async fetchData() {
       if (!(this.data || !this.resolvedDashboardId))
         try {
-          const t = await ae.get(`/bi-dashboard/${this.resolvedDashboardId}`);
+          const t = await re.get(`/bi-dashboard/${this.resolvedDashboardId}`);
           this.dashboardData = t, this.error = !1;
         } catch (t) {
           this.error = !0, console.error(t);
@@ -1071,17 +1071,17 @@ function Qa(t, e, s, a, r, o) {
   const n = ue("VsNewNodata"), i = ue("VsWidget");
   return u(), g("div", Ga, [
     d("div", Za, [
-      r.error || !o.resolvedDashboardData ? (u(), U(n, {
+      r.error || !o.resolvedDashboardData ? (u(), F(n, {
         key: 0,
         class: "col-span-12"
-      })) : q("", !0),
-      (u(!0), g(Y, null, se(((l = o.resolvedDashboardData) == null ? void 0 : l.panels) || [], (c, p) => {
-        var f, x;
+      })) : U("", !0),
+      (u(!0), g(Y, null, ae(((l = o.resolvedDashboardData) == null ? void 0 : l.panels) || [], (c, p) => {
+        var h, x;
         return u(), g("div", {
-          key: c.widget || ((f = c.widgets) == null ? void 0 : f.join("-")) || p,
-          class: le([`col-span-12 lg:col-span-${c.col || 12}`, "flex flex-col gap-[10px]"])
+          key: c.widget || ((h = c.widgets) == null ? void 0 : h.join("-")) || p,
+          class: se([`col-span-12 lg:col-span-${c.col || 12}`, "flex flex-col gap-[10px]"])
         }, [
-          (x = c.widgets) != null && x.length ? (u(!0), g(Y, { key: 0 }, se(c.widgets, (b) => (u(), U(i, {
+          (x = c.widgets) != null && x.length ? (u(!0), g(Y, { key: 0 }, ae(c.widgets, (b) => (u(), F(i, {
             key: b,
             dashboard: o.resolvedDashboardId,
             widget: b,
@@ -1089,7 +1089,7 @@ function Qa(t, e, s, a, r, o) {
             "prefetched-data": o.getPrefetchedWidgetData(b),
             "filter-u-rl": r.filterURl,
             height: c.height
-          }, null, 8, ["dashboard", "widget", "dashboard-widgets", "prefetched-data", "filter-u-rl", "height"]))), 128)) : (u(), U(i, {
+          }, null, 8, ["dashboard", "widget", "dashboard-widgets", "prefetched-data", "filter-u-rl", "height"]))), 128)) : (u(), F(i, {
             key: 1,
             class: "flex flex-col",
             dashboard: o.resolvedDashboardId,
@@ -1104,7 +1104,7 @@ function Qa(t, e, s, a, r, o) {
     ])
   ]);
 }
-const Ul = /* @__PURE__ */ de(Ha, [["render", Qa]]);
+const Gl = /* @__PURE__ */ de(Ha, [["render", Qa]]);
 var Xa = /* @__PURE__ */ ((t) => (t.Dashboard = "/dashboard", t.BiPlatform = "/bi-platform", t.EditorBase = "/editor", t.AllDashboards = "/dashboards", t.DashboardByName = "/dashboards/:name", t))(Xa || {}), Ut;
 ((t) => {
   ((e) => {
@@ -1129,7 +1129,7 @@ const Ja = {
   },
   emits: ["close", "update:visible"],
   setup(t, { emit: e }) {
-    const s = t, a = e, r = F(() => s.size === "small" ? "md:max-w-[40%] w-full max-w-md" : s.size === "lg" ? "md:max-w-[70%] w-full max-w-4xl" : "md:max-w-[50%] w-full max-w-lg");
+    const s = t, a = e, r = M(() => s.size === "small" ? "md:max-w-[40%] w-full max-w-md" : s.size === "lg" ? "md:max-w-[70%] w-full max-w-4xl" : "md:max-w-[80%] lg:max-w-[50%] w-full max-w-lg");
     function o() {
       a("update:visible", !1), a("close");
     }
@@ -1140,21 +1140,21 @@ const Ja = {
       window.addEventListener("keydown", n);
     }), Oe(() => {
       window.removeEventListener("keydown", n);
-    }), (i, l) => (u(), U($s, { to: t.teleport }, [
+    }), (i, l) => (u(), F($s, { to: t.teleport }, [
       t.visible ? (u(), g("div", Ja, [
         d("div", {
           class: "absolute inset-0 bg-black/50",
           "aria-hidden": "true",
           onMousedown: l[0] || (l[0] = (c) => t.closeClickBack && c.target === c.currentTarget && o())
         }, null, 32),
-        R(Ds, {
+        W(Ds, {
           name: "vs-modal",
           appear: ""
         }, {
           default: G(() => [
             t.visible ? (u(), g("div", {
               key: 0,
-              class: le(["vs-modal-panel relative flex flex-col bg-white dark:bg-[#1A1A1A] rounded-xl shadow-xl max-h-[85vh] min-w-0 border border-gray-200 dark:border-[#454545]", r.value]),
+              class: se(["vs-modal-panel relative flex flex-col bg-white dark:bg-[#1A1A1A] rounded-xl shadow-xl max-h-[85vh] min-w-0 border border-gray-200 dark:border-[#454545]", r.value]),
               role: "dialog",
               "aria-modal": "true",
               onMousedown: l[1] || (l[1] = it(() => {
@@ -1167,7 +1167,7 @@ const Ja = {
                   class: "size-8 inline-flex justify-center items-center rounded-full bg-gray-100 text-gray-800 hover:bg-gray-200 dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-300",
                   "aria-label": "Закрити",
                   onClick: o
-                }, l[2] || (l[2] = [
+                }, [...l[2] || (l[2] = [
                   d("svg", {
                     class: "w-4 h-4",
                     xmlns: "http://www.w3.org/2000/svg",
@@ -1182,25 +1182,25 @@ const Ja = {
                       d: "M6 18L18 6M6 6l12 12"
                     })
                   ], -1)
-                ]))
+                ])])
               ]),
               d("div", er, [
                 Vt(i.$slots, "default", {}, void 0, !0)
               ]),
               i.$slots.footer ? (u(), g("div", tr, [
                 Vt(i.$slots, "footer", {}, void 0, !0)
-              ])) : q("", !0)
-            ], 34)) : q("", !0)
+              ])) : U("", !0)
+            ], 34)) : U("", !0)
           ]),
           _: 3
         })
-      ])) : q("", !0)
+      ])) : U("", !0)
     ], 8, ["to"]));
   }
-}, Ne = /* @__PURE__ */ de(sr, [["__scopeId", "data-v-5722a50f"]]), ar = {
+}, Ne = /* @__PURE__ */ de(sr, [["__scopeId", "data-v-1c7d97fa"]]), ar = {
   __name: "icon-plus",
   setup(t) {
-    return (e, s) => (u(), U(H(ns), $e(e.$attrs, { size: 24 }), null, 16));
+    return (e, s) => (u(), F(H(ns), $e(e.$attrs, { size: 24 }), null, 16));
   }
 }, rr = { class: "mb-4 overflow-auto scrollbar max-h-96" }, nr = {
   __name: "vs-editor-create-widget",
@@ -1215,20 +1215,20 @@ const Ja = {
   },
   emits: ["update-data"],
   setup(t, { expose: e, emit: s }) {
-    var h;
-    const a = te(() => import("@opengis/form")), r = (h = ze().proxy) == null ? void 0 : h.$notify, o = s, n = t, i = S(!1), l = S({}), c = S();
+    var f;
+    const a = te(() => import("@opengis/form")), r = (f = Te().proxy) == null ? void 0 : f.$notify, o = s, n = t, i = S(!1), l = S({}), c = S();
     function p() {
       i.value = !0;
     }
-    function f() {
+    function h() {
       i.value = !1;
     }
-    e({ open: p, close: f });
+    e({ open: p, close: h });
     const x = async () => {
       var v;
       try {
         const y = (v = c.value) == null ? void 0 : v.doValidation;
-        typeof y == "function" && await y(), await ae.post(
+        typeof y == "function" && await y(), await re.post(
           `/bi-dashboard/${n.selectedDashboard}`,
           l.value
         ), await r({
@@ -1237,15 +1237,15 @@ const Ja = {
           message: "Віджет успішно створено"
         }), await o("update-data"), l.value = {}, i.value = !1;
       } catch (y) {
-        const I = (y == null ? void 0 : y.message) || "При спробі створити віджет сталася помилка. Перевірте обов'язкові поля (зокрема Type).";
+        const z = (y == null ? void 0 : y.message) || "При спробі створити віджет сталася помилка. Перевірте обов'язкові поля (зокрема Type).";
         r == null || r({
           type: "error",
           title: "Помилка!",
-          message: I
+          message: z
         });
       }
-    }, b = F(() => {
-      var v, y, I, $;
+    }, b = M(() => {
+      var v, y, z, $;
       return {
         title: {
           type: "text",
@@ -1261,10 +1261,10 @@ const Ja = {
           validators: ["required"],
           options: (y = (v = n.columns) == null ? void 0 : v.filter(
             (w) => (w == null ? void 0 : w.type) == "text" || (w == null ? void 0 : w.type) === "date" || (w == null ? void 0 : w.type) === "timestamp without time zone" || (w == null ? void 0 : w.type) === "boolean" || (w == null ? void 0 : w.type) === "integer"
-          )) == null ? void 0 : y.map(({ name: w, type: E }) => ({
+          )) == null ? void 0 : y.map(({ name: w, type: R }) => ({
             id: w,
             text: w,
-            type: E
+            type: R
           }))
         },
         metric: {
@@ -1275,10 +1275,10 @@ const Ja = {
           style: { size: "xs" },
           options: [
             { id: "count", label: "count" },
-            ...($ = (I = n.columns) == null ? void 0 : I.filter((w) => (w == null ? void 0 : w.type) === "numeric" || (w == null ? void 0 : w.type) === "double precision")) == null ? void 0 : $.map(({ name: w, type: E }) => ({
+            ...($ = (z = n.columns) == null ? void 0 : z.filter((w) => (w == null ? void 0 : w.type) === "numeric" || (w == null ? void 0 : w.type) === "double precision")) == null ? void 0 : $.map(({ name: w, type: R }) => ({
               id: w,
               text: w,
-              type: E
+              type: R
             }))
           ]
         },
@@ -1385,9 +1385,9 @@ const Ja = {
       };
     });
     return (v, y) => {
-      const I = ue("VsPopover");
+      const z = ue("VsPopover");
       return u(), g("div", null, [
-        t.inline ? q("", !0) : (u(), U(I, {
+        t.inline ? U("", !0) : (u(), F(z, {
           key: 0,
           placement: "right",
           trigger: "hover"
@@ -1398,7 +1398,7 @@ const Ja = {
                 class: "z-50 flex items-center justify-center h-[50px] !w-[50px] text-2xl text-white transition-colors bg-blue-500 rounded-full cursor-pointer hover:bg-blue-700",
                 onClick: p
               }, [
-                R(ar, {
+                W(ar, {
                   height: "20",
                   width: "20"
                 })
@@ -1406,21 +1406,21 @@ const Ja = {
             ])
           ]),
           default: G(() => [
-            y[1] || (y[1] = ne(" Створити віджет "))
+            y[1] || (y[1] = oe(" Створити віджет ", -1))
           ]),
           _: 1
         })),
-        R(Ne, {
+        W(Ne, {
           teleport: "#modal",
           visible: i.value,
           title: "Створити віджет",
-          onClose: f
+          onClose: h
         }, {
           footer: G(() => [
             d("div", { class: "flex justify-end p-[20px] gap-[10px] border-t w-full" }, [
               d("button", {
                 style: { border: "1px solid #000" },
-                onClick: f,
+                onClick: h,
                 class: "py-2 px-3 inline-flex items-center gap-x-2 text-sm whitespace-nowrap text-black border-gray-200 rounded-lg !border-gray-200 hover:bg-gray-100 duration-300"
               }, " Скасувати "),
               d("button", {
@@ -1431,7 +1431,7 @@ const Ja = {
           ]),
           default: G(() => [
             d("div", rr, [
-              R(H(a), {
+              W(H(a), {
                 ref_key: "form",
                 ref: c,
                 schema: b.value,
@@ -1448,12 +1448,12 @@ const Ja = {
 }, ls = {
   __name: "delete",
   setup(t) {
-    return (e, s) => (u(), U(H(Zs), $e(e.$attrs, { size: 24 }), null, 16));
+    return (e, s) => (u(), F(H(Zs), $e(e.$attrs, { size: 24 }), null, 16));
   }
 }, ds = {
   __name: "edit",
   setup(t) {
-    return (e, s) => (u(), U(H(Us), $e(e.$attrs, { size: 24 }), null, 16));
+    return (e, s) => (u(), F(H(Us), $e(e.$attrs, { size: 24 }), null, 16));
   }
 }, or = { class: "space-y-4" }, ir = {
   __name: "vs-editor-form-style",
@@ -1465,8 +1465,8 @@ const Ja = {
   },
   emits: ["update-dashboard"],
   setup(t, { expose: e, emit: s }) {
-    var E, B, T, z;
-    const a = te(() => import("@opengis/form")), { $notify: r } = ze().proxy, o = s, n = t, i = S(null), l = F(() => n.dashboardId || i.value), c = ((E = n.data) == null ? void 0 : E.type) || ((T = (B = n.data) == null ? void 0 : B.data) == null ? void 0 : T.type), f = {
+    var R, B, I, T;
+    const a = te(() => import("@opengis/form")), { $notify: r } = Te().proxy, o = s, n = t, i = S(null), l = M(() => n.dashboardId || i.value), c = ((R = n.data) == null ? void 0 : R.type) || ((I = (B = n.data) == null ? void 0 : B.data) == null ? void 0 : I.type), h = {
       pie: { label: !1, legend: !0, tooltip: !0 },
       donut: { label: !1, legend: !0, tooltip: !0 },
       bar: { label: !1, legend: !1, tooltip: !0 },
@@ -1484,30 +1484,30 @@ const Ja = {
         type: "switcher",
         title: "Показати тултіп"
       }
-    }, h = (z = n.data) == null ? void 0 : z.style, v = S(
-      h != null && h.label ? { ...h.label } : { show: f.label }
+    }, f = (T = n.data) == null ? void 0 : T.style, v = S(
+      f != null && f.label ? { ...f.label } : { show: h.label }
     ), y = S(
-      h != null && h.legend ? { ...h.legend } : { show: f.legend }
-    ), I = S(
-      h != null && h.tooltip ? { ...h.tooltip } : { show: f.tooltip }
+      f != null && f.legend ? { ...f.legend } : { show: h.legend }
+    ), z = S(
+      f != null && f.tooltip ? { ...f.tooltip } : { show: h.tooltip }
     ), $ = () => {
       const D = new CustomEvent(`update-style-${n.widgetName}`);
       D.chartId = n.widgetName, D.options = {
         options: {
           legend: y.value,
-          tooltip: I.value,
+          tooltip: z.value,
           label: v.value
         },
         seriesOptions: v.value
       }, window.dispatchEvent(D);
     };
-    oe(v, $, { deep: !0 }), oe(y, $, { deep: !0 }), oe(I, $, { deep: !0 });
+    ie(v, $, { deep: !0 }), ie(y, $, { deep: !0 }), ie(z, $, { deep: !0 });
     const w = async () => {
       try {
-        await ae.put(`/bi-dashboard/${l.value}/${n.widgetName}`, {
+        await re.put(`/bi-dashboard/${l.value}/${n.widgetName}`, {
           style: {
             legend: y.value,
-            tooltip: I.value,
+            tooltip: z.value,
             label: v.value
           }
         });
@@ -1515,7 +1515,7 @@ const Ja = {
         D.chartId = n.widgetName, D.options = {
           options: {
             legend: y.value,
-            tooltip: I.value,
+            tooltip: z.value,
             label: v.value
           },
           seriesOptions: v.value
@@ -1536,16 +1536,16 @@ const Ja = {
       const D = new URLSearchParams(window.top.location.search);
       i.value = D.get("dashboard"), $();
     }), e({ requestUpdateWidget: w }), (D, V) => (u(), g("div", or, [
-      R(H(a), {
+      W(H(a), {
         schema: x,
         values: y.value,
         "onUpdate:values": V[0] || (V[0] = (O) => y.value = O),
         class: "p-0"
       }, null, 8, ["values"]),
-      R(H(a), {
+      W(H(a), {
         schema: b,
-        values: I.value,
-        "onUpdate:values": V[1] || (V[1] = (O) => I.value = O),
+        values: z.value,
+        "onUpdate:values": V[1] || (V[1] = (O) => z.value = O),
         class: "p-0"
       }, null, 8, ["values"])
     ]));
@@ -1565,9 +1565,9 @@ function pt() {
     walkTokens: null
   };
 }
-let Ie = pt();
+let ze = pt();
 function cs(t) {
-  Ie = t;
+  ze = t;
 }
 const us = /[&<>"']/, lr = new RegExp(us.source, "g"), ps = /[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/, dr = new RegExp(ps.source, "g"), cr = {
   "&": "&amp;",
@@ -1624,7 +1624,7 @@ function Zt(t, e) {
     a[r] = a[r].trim().replace(/\\\|/g, "|");
   return a;
 }
-function Re(t, e, s) {
+function We(t, e, s) {
   const a = t.length;
   if (a === 0)
     return "";
@@ -1690,7 +1690,7 @@ class Xe {
     J(this, "rules");
     // set by the lexer
     J(this, "lexer");
-    this.options = e || Ie;
+    this.options = e || ze;
   }
   space(e) {
     const s = this.rules.block.newline.exec(e);
@@ -1708,7 +1708,7 @@ class Xe {
         type: "code",
         raw: s[0],
         codeBlockStyle: "indented",
-        text: this.options.pedantic ? a : Re(a, `
+        text: this.options.pedantic ? a : We(a, `
 `)
       };
     }
@@ -1730,7 +1730,7 @@ class Xe {
     if (s) {
       let a = s[2].trim();
       if (/#$/.test(a)) {
-        const r = Re(a, "#");
+        const r = We(a, "#");
         (this.options.pedantic || !r || / $/.test(r)) && (a = r.trim());
       }
       return {
@@ -1747,14 +1747,14 @@ class Xe {
     if (s)
       return {
         type: "hr",
-        raw: Re(s[0], `
+        raw: We(s[0], `
 `)
       };
   }
   blockquote(e) {
     const s = this.rules.block.blockquote.exec(e);
     if (s) {
-      let a = Re(s[0], `
+      let a = We(s[0], `
 `).split(`
 `), r = "", o = "";
       const n = [];
@@ -1771,28 +1771,28 @@ class Xe {
             break;
         a = a.slice(c);
         const p = l.join(`
-`), f = p.replace(/\n {0,3}((?:=+|-+) *)(?=\n|$)/g, `
+`), h = p.replace(/\n {0,3}((?:=+|-+) *)(?=\n|$)/g, `
     $1`).replace(/^ {0,3}>[ \t]?/gm, "");
         r = r ? `${r}
 ${p}` : p, o = o ? `${o}
-${f}` : f;
+${h}` : h;
         const x = this.lexer.state.top;
-        if (this.lexer.state.top = !0, this.lexer.blockTokens(f, n, !0), this.lexer.state.top = x, a.length === 0)
+        if (this.lexer.state.top = !0, this.lexer.blockTokens(h, n, !0), this.lexer.state.top = x, a.length === 0)
           break;
         const b = n[n.length - 1];
         if ((b == null ? void 0 : b.type) === "code")
           break;
         if ((b == null ? void 0 : b.type) === "blockquote") {
-          const h = b, v = h.raw + `
+          const f = b, v = f.raw + `
 ` + a.join(`
 `), y = this.blockquote(v);
-          n[n.length - 1] = y, r = r.substring(0, r.length - h.raw.length) + y.raw, o = o.substring(0, o.length - h.text.length) + y.text;
+          n[n.length - 1] = y, r = r.substring(0, r.length - f.raw.length) + y.raw, o = o.substring(0, o.length - f.text.length) + y.text;
           break;
         } else if ((b == null ? void 0 : b.type) === "list") {
-          const h = b, v = h.raw + `
+          const f = b, v = f.raw + `
 ` + a.join(`
 `), y = this.list(v);
-          n[n.length - 1] = y, r = r.substring(0, r.length - b.raw.length) + y.raw, o = o.substring(0, o.length - h.raw.length) + y.raw, a = v.substring(n[n.length - 1].raw.length).split(`
+          n[n.length - 1] = y, r = r.substring(0, r.length - b.raw.length) + y.raw, o = o.substring(0, o.length - f.raw.length) + y.raw, a = v.substring(n[n.length - 1].raw.length).split(`
 `);
           continue;
         }
@@ -1825,29 +1825,29 @@ ${f}` : f;
         if (!(s = n.exec(e)) || this.rules.block.hr.test(e))
           break;
         c = s[0], e = e.substring(c.length);
-        let f = s[2].split(`
-`, 1)[0].replace(/^\t+/, (I) => " ".repeat(3 * I.length)), x = e.split(`
-`, 1)[0], b = !f.trim(), h = 0;
-        if (this.options.pedantic ? (h = 2, p = f.trimStart()) : b ? h = s[1].length + 1 : (h = s[2].search(/[^ ]/), h = h > 4 ? 1 : h, p = f.slice(h), h += s[1].length), b && /^[ \t]*$/.test(x) && (c += x + `
+        let h = s[2].split(`
+`, 1)[0].replace(/^\t+/, (z) => " ".repeat(3 * z.length)), x = e.split(`
+`, 1)[0], b = !h.trim(), f = 0;
+        if (this.options.pedantic ? (f = 2, p = h.trimStart()) : b ? f = s[1].length + 1 : (f = s[2].search(/[^ ]/), f = f > 4 ? 1 : f, p = h.slice(f), f += s[1].length), b && /^[ \t]*$/.test(x) && (c += x + `
 `, e = e.substring(x.length + 1), l = !0), !l) {
-          const I = new RegExp(`^ {0,${Math.min(3, h - 1)}}(?:[*+-]|\\d{1,9}[.)])((?:[ 	][^\\n]*)?(?:\\n|$))`), $ = new RegExp(`^ {0,${Math.min(3, h - 1)}}((?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$)`), w = new RegExp(`^ {0,${Math.min(3, h - 1)}}(?:\`\`\`|~~~)`), E = new RegExp(`^ {0,${Math.min(3, h - 1)}}#`), B = new RegExp(`^ {0,${Math.min(3, h - 1)}}<(?:[a-z].*>|!--)`, "i");
+          const z = new RegExp(`^ {0,${Math.min(3, f - 1)}}(?:[*+-]|\\d{1,9}[.)])((?:[ 	][^\\n]*)?(?:\\n|$))`), $ = new RegExp(`^ {0,${Math.min(3, f - 1)}}((?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$)`), w = new RegExp(`^ {0,${Math.min(3, f - 1)}}(?:\`\`\`|~~~)`), R = new RegExp(`^ {0,${Math.min(3, f - 1)}}#`), B = new RegExp(`^ {0,${Math.min(3, f - 1)}}<(?:[a-z].*>|!--)`, "i");
           for (; e; ) {
-            const T = e.split(`
+            const I = e.split(`
 `, 1)[0];
-            let z;
-            if (x = T, this.options.pedantic ? (x = x.replace(/^ {1,4}(?=( {4})*[^ ])/g, "  "), z = x) : z = x.replace(/\t/g, "    "), w.test(x) || E.test(x) || B.test(x) || I.test(x) || $.test(x))
+            let T;
+            if (x = I, this.options.pedantic ? (x = x.replace(/^ {1,4}(?=( {4})*[^ ])/g, "  "), T = x) : T = x.replace(/\t/g, "    "), w.test(x) || R.test(x) || B.test(x) || z.test(x) || $.test(x))
               break;
-            if (z.search(/[^ ]/) >= h || !x.trim())
+            if (T.search(/[^ ]/) >= f || !x.trim())
               p += `
-` + z.slice(h);
+` + T.slice(f);
             else {
-              if (b || f.replace(/\t/g, "    ").search(/[^ ]/) >= 4 || w.test(f) || E.test(f) || $.test(f))
+              if (b || h.replace(/\t/g, "    ").search(/[^ ]/) >= 4 || w.test(h) || R.test(h) || $.test(h))
                 break;
               p += `
 ` + x;
             }
-            !b && !x.trim() && (b = !0), c += T + `
-`, e = e.substring(T.length + 1), f = z.slice(h);
+            !b && !x.trim() && (b = !0), c += I + `
+`, e = e.substring(I.length + 1), h = T.slice(f);
           }
         }
         o.loose || (i ? o.loose = !0 : /\n[ \t]*\n[ \t]*$/.test(c) && (i = !0));
@@ -1865,7 +1865,7 @@ ${f}` : f;
       o.items[o.items.length - 1].raw = o.items[o.items.length - 1].raw.trimEnd(), o.items[o.items.length - 1].text = o.items[o.items.length - 1].text.trimEnd(), o.raw = o.raw.trimEnd();
       for (let l = 0; l < o.items.length; l++)
         if (this.lexer.state.top = !1, o.items[l].tokens = this.lexer.blockTokens(o.items[l].text, []), !o.loose) {
-          const c = o.items[l].tokens.filter((f) => f.type === "space"), p = c.length > 0 && c.some((f) => /\n.*\n/.test(f.raw));
+          const c = o.items[l].tokens.filter((h) => h.type === "space"), p = c.length > 0 && c.some((h) => /\n.*\n/.test(h.raw));
           o.loose = p;
         }
       if (o.loose)
@@ -1992,7 +1992,7 @@ ${f}` : f;
       if (!this.options.pedantic && /^</.test(a)) {
         if (!/>$/.test(a))
           return;
-        const n = Re(a.slice(0, -1), "\\");
+        const n = We(a.slice(0, -1), "\\");
         if ((a.length - n.length) % 2 === 0)
           return;
       } else {
@@ -2036,8 +2036,8 @@ ${f}` : f;
     if (!(r[1] || r[2] || "") || !a || this.rules.inline.punctuation.exec(a)) {
       const n = [...r[0]].length - 1;
       let i, l, c = n, p = 0;
-      const f = r[0][0] === "*" ? this.rules.inline.emStrongRDelimAst : this.rules.inline.emStrongRDelimUnd;
-      for (f.lastIndex = 0, s = s.slice(-1 * e.length + n); (r = f.exec(s)) != null; ) {
+      const h = r[0][0] === "*" ? this.rules.inline.emStrongRDelimAst : this.rules.inline.emStrongRDelimUnd;
+      for (h.lastIndex = 0, s = s.slice(-1 * e.length + n); (r = h.exec(s)) != null; ) {
         if (i = r[1] || r[2] || r[3] || r[4] || r[5] || r[6], !i)
           continue;
         if (l = [...i].length, r[3] || r[4]) {
@@ -2060,12 +2060,12 @@ ${f}` : f;
             tokens: this.lexer.inlineTokens(v)
           };
         }
-        const h = b.slice(2, -2);
+        const f = b.slice(2, -2);
         return {
           type: "strong",
           raw: b,
-          text: h,
-          tokens: this.lexer.inlineTokens(h)
+          text: f,
+          tokens: this.lexer.inlineTokens(f)
         };
       }
     }
@@ -2188,22 +2188,22 @@ const fr = /^(?:[ \t]*(?:\n|$))+/, gr = /^((?: {4}| {0,3}\t)[^\n]+(?:\n(?:[ \t]*
   lheading: /^(.+?)\n {0,3}(=+|-+) *(?:\n+|$)/,
   paragraph: X(ht).replace("hr", Ae).replace("heading", ` *#{1,6} *[^
 ]`).replace("lheading", fs).replace("|table", "").replace("blockquote", " {0,3}>").replace("|fences", "").replace("|list", "").replace("|html", "").replace("|tag", "").getRegex()
-}, ms = /^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/, Dr = /^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/, bs = /^( {2,}|\\)\n(?!\s*$)/, Cr = /^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*_]|\b_|$)|[^ ](?= {2,}\n)))/, Be = "\\p{P}\\p{S}", zr = X(/^((?![*_])[\spunctuation])/, "u").replace(/punctuation/g, Be).getRegex(), Ir = /\[[^[\]]*?\]\((?:\\.|[^\\\(\)]|\((?:\\.|[^\\\(\)])*\))*\)|`[^`]*?`|<[^<>]*?>/g, Tr = X(/^(?:\*+(?:((?!\*)[punct])|[^\s*]))|^_+(?:((?!_)[punct])|([^\s_]))/, "u").replace(/punct/g, Be).getRegex(), Sr = X("^[^_*]*?__[^_*]*?\\*[^_*]*?(?=__)|[^*]+(?=[^*])|(?!\\*)[punct](\\*+)(?=[\\s]|$)|[^punct\\s](\\*+)(?!\\*)(?=[punct\\s]|$)|(?!\\*)[punct\\s](\\*+)(?=[^punct\\s])|[\\s](\\*+)(?!\\*)(?=[punct])|(?!\\*)[punct](\\*+)(?!\\*)(?=[punct])|[^punct\\s](\\*+)(?=[^punct\\s])", "gu").replace(/punct/g, Be).getRegex(), Lr = X("^[^_*]*?\\*\\*[^_*]*?_[^_*]*?(?=\\*\\*)|[^_]+(?=[^_])|(?!_)[punct](_+)(?=[\\s]|$)|[^punct\\s](_+)(?!_)(?=[punct\\s]|$)|(?!_)[punct\\s](_+)(?=[^punct\\s])|[\\s](_+)(?!_)(?=[punct])|(?!_)[punct](_+)(?!_)(?=[punct])", "gu").replace(/punct/g, Be).getRegex(), Wr = X(/\\([punct])/, "gu").replace(/punct/g, Be).getRegex(), Rr = X(/^<(scheme:[^\s\x00-\x1f<>]*|email)>/).replace("scheme", /[a-zA-Z][a-zA-Z0-9+.-]{1,31}/).replace("email", /[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/).getRegex(), Er = X(gt).replace("(?:-->|$)", "-->").getRegex(), jr = X("^comment|^</[a-zA-Z][\\w:-]*\\s*>|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^<![a-zA-Z]+\\s[\\s\\S]*?>|^<!\\[CDATA\\[[\\s\\S]*?\\]\\]>").replace("comment", Er).replace("attribute", /\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/).getRegex(), Je = /(?:\[(?:\\.|[^\[\]\\])*\]|\\.|`[^`]*`|[^\[\]\\`])*?/, Vr = X(/^!?\[(label)\]\(\s*(href)(?:\s+(title))?\s*\)/).replace("label", Je).replace("href", /<(?:\\.|[^\n<>\\])+>|[^\s\x00-\x1f]*/).replace("title", /"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/).getRegex(), xs = X(/^!?\[(label)\]\[(ref)\]/).replace("label", Je).replace("ref", ft).getRegex(), ys = X(/^!?\[(ref)\](?:\[\])?/).replace("ref", ft).getRegex(), Nr = X("reflink|nolink(?!\\()", "g").replace("reflink", xs).replace("nolink", ys).getRegex(), bt = {
+}, ms = /^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/, Dr = /^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/, bs = /^( {2,}|\\)\n(?!\s*$)/, Cr = /^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*_]|\b_|$)|[^ ](?= {2,}\n)))/, Be = "\\p{P}\\p{S}", Tr = X(/^((?![*_])[\spunctuation])/, "u").replace(/punctuation/g, Be).getRegex(), zr = /\[[^[\]]*?\]\((?:\\.|[^\\\(\)]|\((?:\\.|[^\\\(\)])*\))*\)|`[^`]*?`|<[^<>]*?>/g, Ir = X(/^(?:\*+(?:((?!\*)[punct])|[^\s*]))|^_+(?:((?!_)[punct])|([^\s_]))/, "u").replace(/punct/g, Be).getRegex(), Sr = X("^[^_*]*?__[^_*]*?\\*[^_*]*?(?=__)|[^*]+(?=[^*])|(?!\\*)[punct](\\*+)(?=[\\s]|$)|[^punct\\s](\\*+)(?!\\*)(?=[punct\\s]|$)|(?!\\*)[punct\\s](\\*+)(?=[^punct\\s])|[\\s](\\*+)(?!\\*)(?=[punct])|(?!\\*)[punct](\\*+)(?!\\*)(?=[punct])|[^punct\\s](\\*+)(?=[^punct\\s])", "gu").replace(/punct/g, Be).getRegex(), Lr = X("^[^_*]*?\\*\\*[^_*]*?_[^_*]*?(?=\\*\\*)|[^_]+(?=[^_])|(?!_)[punct](_+)(?=[\\s]|$)|[^punct\\s](_+)(?!_)(?=[punct\\s]|$)|(?!_)[punct\\s](_+)(?=[^punct\\s])|[\\s](_+)(?!_)(?=[punct])|(?!_)[punct](_+)(?!_)(?=[punct])", "gu").replace(/punct/g, Be).getRegex(), Er = X(/\\([punct])/, "gu").replace(/punct/g, Be).getRegex(), Wr = X(/^<(scheme:[^\s\x00-\x1f<>]*|email)>/).replace("scheme", /[a-zA-Z][a-zA-Z0-9+.-]{1,31}/).replace("email", /[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/).getRegex(), Rr = X(gt).replace("(?:-->|$)", "-->").getRegex(), jr = X("^comment|^</[a-zA-Z][\\w:-]*\\s*>|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^<![a-zA-Z]+\\s[\\s\\S]*?>|^<!\\[CDATA\\[[\\s\\S]*?\\]\\]>").replace("comment", Rr).replace("attribute", /\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/).getRegex(), Je = /(?:\[(?:\\.|[^\[\]\\])*\]|\\.|`[^`]*`|[^\[\]\\`])*?/, Vr = X(/^!?\[(label)\]\(\s*(href)(?:\s+(title))?\s*\)/).replace("label", Je).replace("href", /<(?:\\.|[^\n<>\\])+>|[^\s\x00-\x1f]*/).replace("title", /"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/).getRegex(), xs = X(/^!?\[(label)\]\[(ref)\]/).replace("label", Je).replace("ref", ft).getRegex(), ys = X(/^!?\[(ref)\](?:\[\])?/).replace("ref", ft).getRegex(), Nr = X("reflink|nolink(?!\\()", "g").replace("reflink", xs).replace("nolink", ys).getRegex(), bt = {
   _backpedal: je,
   // only used for GFM url
-  anyPunctuation: Wr,
-  autolink: Rr,
-  blockSkip: Ir,
+  anyPunctuation: Er,
+  autolink: Wr,
+  blockSkip: zr,
   br: bs,
   code: Dr,
   del: je,
-  emStrongLDelim: Tr,
+  emStrongLDelim: Ir,
   emStrongRDelimAst: Sr,
   emStrongRDelimUnd: Lr,
   escape: ms,
   link: Vr,
   nolink: ys,
-  punctuation: zr,
+  punctuation: Tr,
   reflink: xs,
   reflinkSearch: Nr,
   tag: jr,
@@ -2224,11 +2224,11 @@ const fr = /^(?:[ \t]*(?:\n|$))+/, gr = /^((?: {4}| {0,3}\t)[^\n]+(?:\n(?:[ \t]*
   ...dt,
   br: X(bs).replace("{2,}", "*").getRegex(),
   text: X(dt.text).replace("\\b_", "\\b_| {2,}\\n").replace(/\{2,\}/g, "*").getRegex()
-}, Me = {
+}, Fe = {
   normal: mt,
   gfm: _r,
   pedantic: $r
-}, Ee = {
+}, Re = {
   normal: bt,
   gfm: dt,
   breaks: Or,
@@ -2241,24 +2241,24 @@ class fe {
     J(this, "state");
     J(this, "tokenizer");
     J(this, "inlineQueue");
-    this.tokens = [], this.tokens.links = /* @__PURE__ */ Object.create(null), this.options = e || Ie, this.options.tokenizer = this.options.tokenizer || new Xe(), this.tokenizer = this.options.tokenizer, this.tokenizer.options = this.options, this.tokenizer.lexer = this, this.inlineQueue = [], this.state = {
+    this.tokens = [], this.tokens.links = /* @__PURE__ */ Object.create(null), this.options = e || ze, this.options.tokenizer = this.options.tokenizer || new Xe(), this.tokenizer = this.options.tokenizer, this.tokenizer.options = this.options, this.tokenizer.lexer = this, this.inlineQueue = [], this.state = {
       inLink: !1,
       inRawBlock: !1,
       top: !0
     };
     const s = {
-      block: Me.normal,
-      inline: Ee.normal
+      block: Fe.normal,
+      inline: Re.normal
     };
-    this.options.pedantic ? (s.block = Me.pedantic, s.inline = Ee.pedantic) : this.options.gfm && (s.block = Me.gfm, this.options.breaks ? s.inline = Ee.breaks : s.inline = Ee.gfm), this.tokenizer.rules = s;
+    this.options.pedantic ? (s.block = Fe.pedantic, s.inline = Re.pedantic) : this.options.gfm && (s.block = Fe.gfm, this.options.breaks ? s.inline = Re.breaks : s.inline = Re.gfm), this.tokenizer.rules = s;
   }
   /**
    * Expose Rules
    */
   static get rules() {
     return {
-      block: Me,
-      inline: Ee
+      block: Fe,
+      inline: Re
     };
   }
   /**
@@ -2435,10 +2435,10 @@ class fe {
         }
         if (o = e, this.options.extensions && this.options.extensions.startInline) {
           let p = 1 / 0;
-          const f = e.slice(1);
+          const h = e.slice(1);
           let x;
           this.options.extensions.startInline.forEach((b) => {
-            x = b.call({ lexer: this }, f), typeof x == "number" && x >= 0 && (p = Math.min(p, x));
+            x = b.call({ lexer: this }, h), typeof x == "number" && x >= 0 && (p = Math.min(p, x));
           }), p < 1 / 0 && p >= 0 && (o = e.substring(0, p + 1));
         }
         if (a = this.tokenizer.inlineText(o)) {
@@ -2462,7 +2462,7 @@ class Ke {
   constructor(e) {
     J(this, "options");
     J(this, "parser");
-    this.options = e || Ie;
+    this.options = e || ze;
   }
   space(e) {
     return "";
@@ -2625,7 +2625,7 @@ class ge {
     J(this, "options");
     J(this, "renderer");
     J(this, "textRenderer");
-    this.options = e || Ie, this.options.renderer = this.options.renderer || new Ke(), this.renderer = this.options.renderer, this.renderer.options = this.options, this.renderer.parser = this, this.textRenderer = new xt();
+    this.options = e || ze, this.options.renderer = this.options.renderer || new Ke(), this.renderer = this.options.renderer, this.renderer.options = this.options, this.renderer.parser = this, this.textRenderer = new xt();
   }
   /**
    * Static Parse Method
@@ -2786,7 +2786,7 @@ class Ve {
   constructor(e) {
     J(this, "options");
     J(this, "block");
-    this.options = e || Ie;
+    this.options = e || ze;
   }
   /**
    * Process markdown before marked
@@ -2900,8 +2900,8 @@ class Ar {
             continue;
           const i = n, l = a.renderer[i], c = o[i];
           o[i] = (...p) => {
-            let f = l.apply(o, p);
-            return f === !1 && (f = c.apply(o, p)), f || "";
+            let h = l.apply(o, p);
+            return h === !1 && (h = c.apply(o, p)), h || "";
           };
         }
         r.renderer = o;
@@ -2915,8 +2915,8 @@ class Ar {
             continue;
           const i = n, l = a.tokenizer[i], c = o[i];
           o[i] = (...p) => {
-            let f = l.apply(o, p);
-            return f === !1 && (f = c.apply(o, p)), f;
+            let h = l.apply(o, p);
+            return h === !1 && (h = c.apply(o, p)), h;
           };
         }
         r.tokenizer = o;
@@ -2932,11 +2932,11 @@ class Ar {
           Ve.passThroughHooks.has(n) ? o[i] = (p) => {
             if (this.defaults.async)
               return Promise.resolve(l.call(o, p)).then((x) => c.call(o, x));
-            const f = l.call(o, p);
-            return c.call(o, f);
+            const h = l.call(o, p);
+            return c.call(o, h);
           } : o[i] = (...p) => {
-            let f = l.apply(o, p);
-            return f === !1 && (f = c.apply(o, p)), f;
+            let h = l.apply(o, p);
+            return h === !1 && (h = c.apply(o, p)), h;
           };
         }
         r.hooks = o;
@@ -2977,8 +2977,8 @@ class Ar {
         n.hooks && (a = n.hooks.preprocess(a));
         let p = l(a, n);
         n.hooks && (p = n.hooks.processAllTokens(p)), n.walkTokens && this.walkTokens(p, n.walkTokens);
-        let f = c(p, n);
-        return n.hooks && (f = n.hooks.postprocess(f)), f;
+        let h = c(p, n);
+        return n.hooks && (h = n.hooks.postprocess(h)), h;
       } catch (p) {
         return i(p);
       }
@@ -3005,7 +3005,7 @@ Q.options = Q.setOptions = function(t) {
   return Ce.setOptions(t), Q.defaults = Ce.defaults, cs(Q.defaults), Q;
 };
 Q.getDefaults = pt;
-Q.defaults = Ie;
+Q.defaults = ze;
 Q.use = function(...t) {
   return Ce.use(...t), Q.defaults = Ce.defaults, cs(Q.defaults), Q;
 };
@@ -3029,7 +3029,7 @@ Q.walkTokens;
 Q.parseInline;
 ge.parse;
 fe.lex;
-const Br = { class: "space-y-4" }, Fr = {
+const Br = { class: "space-y-4" }, Mr = {
   __name: "vs-editor-form-data",
   props: {
     widgetName: { type: String },
@@ -3040,30 +3040,30 @@ const Br = { class: "space-y-4" }, Fr = {
   },
   emits: ["update-dashboard"],
   setup(t, { expose: e, emit: s }) {
-    var B, T, z, D, V, O, ee, re, ie, L, C, A, Z, m, _, k, j, K, W, we, ke, _e, yt, vt, wt, kt, _t, $t, Dt, Ct, zt, It, Tt, St, Lt, Wt, Rt, Et;
-    const a = te(() => import("@opengis/form")), { $notify: r } = ze().proxy, o = s, n = t, i = typeof window < "u" ? new URLSearchParams(window.top.location.search) : null, l = S((i == null ? void 0 : i.get("dashboard")) || null), c = S([]), p = F(() => {
+    var B, I, T, D, V, O, ee, ne, le, L, C, A, Z, m, _, k, j, K, E, we, ke, _e, yt, vt, wt, kt, _t, $t, Dt, Ct, Tt, zt, It, St, Lt, Et, Wt, Rt;
+    const a = te(() => import("@opengis/form")), { $notify: r } = Te().proxy, o = s, n = t, i = typeof window < "u" ? new URLSearchParams(window.top.location.search) : null, l = S((i == null ? void 0 : i.get("dashboard")) || null), c = S([]), p = M(() => {
       const N = n.columns ?? [];
       return N.length ? N : c.value;
-    }), f = F(() => n.dashboardId || l.value);
+    }), h = M(() => n.dashboardId || l.value);
     async function x() {
       if (n.columns !== null) return;
-      const N = f.value;
+      const N = h.value;
       if (!(p.value.length || !N || !n.widgetName))
         try {
-          const M = await ae.get(`/bi-data?dashboard=${N}&widget=${n.widgetName}`);
-          Array.isArray(M == null ? void 0 : M.columns) && M.columns.length && (c.value = M.columns);
+          const q = await re.get(`/bi-data?dashboard=${N}&widget=${n.widgetName}`);
+          Array.isArray(q == null ? void 0 : q.columns) && q.columns.length && (c.value = q.columns);
         } catch {
         }
     }
-    const b = (N) => (N == null ? void 0 : N.name) != null ? { id: N.name, text: N.title || N.name } : null, h = (N) => Array.isArray(N) ? [...N].sort((M, xe) => {
-      const Te = M.text && M.text !== M.id, jt = xe.text && xe.text !== xe.id;
-      return Te && !jt ? -1 : !Te && jt ? 1 : (M.text || "").localeCompare(xe.text || "", void 0, { sensitivity: "base" });
-    }) : N, v = F(() => {
+    const b = (N) => (N == null ? void 0 : N.name) != null ? { id: N.name, text: N.title || N.name } : null, f = (N) => Array.isArray(N) ? [...N].sort((q, xe) => {
+      const Ie = q.text && q.text !== q.id, jt = xe.text && xe.text !== xe.id;
+      return Ie && !jt ? -1 : !Ie && jt ? 1 : (q.text || "").localeCompare(xe.text || "", void 0, { sensitivity: "base" });
+    }) : N, v = M(() => {
       const N = (p.value ?? []).filter(
-        (M) => (M == null ? void 0 : M.type) == "text" || (M == null ? void 0 : M.type) === "date" || (M == null ? void 0 : M.type) === "timestamp without time zone" || (M == null ? void 0 : M.type) === "boolean" || (M == null ? void 0 : M.type) === "integer"
+        (q) => (q == null ? void 0 : q.type) == "text" || (q == null ? void 0 : q.type) === "date" || (q == null ? void 0 : q.type) === "timestamp without time zone" || (q == null ? void 0 : q.type) === "boolean" || (q == null ? void 0 : q.type) === "integer"
       ).map(b).filter(Boolean);
-      return h(N);
-    }), y = F(() => `${n.widgetName}-${v.value.length}-${(p.value ?? []).length}`), I = F(() => ({
+      return f(N);
+    }), y = M(() => `${n.widgetName}-${v.value.length}-${(p.value ?? []).length}`), z = M(() => ({
       text: {
         type: "Text",
         label: "Текст",
@@ -3108,7 +3108,7 @@ const Br = { class: "space-y-4" }, Fr = {
         ],
         options: [
           { id: "count", text: "count" },
-          ...h(
+          ...f(
             p.value.filter((N) => (N == null ? void 0 : N.type) === "numeric" || (N == null ? void 0 : N.type) === "double precision").map(b).filter(Boolean)
           )
         ]
@@ -3130,7 +3130,7 @@ const Br = { class: "space-y-4" }, Fr = {
         style: { size: "xs" },
         options: [
           { id: "null", text: "null" },
-          ...h(
+          ...f(
             p.value.filter(
               (N) => (N == null ? void 0 : N.type) == "text" || (N == null ? void 0 : N.type) === "boolean" || (N == null ? void 0 : N.type) === "integer"
             ).map(b).filter(Boolean)
@@ -3142,7 +3142,7 @@ const Br = { class: "space-y-4" }, Fr = {
         type: "checkbox",
         label: "Колонки",
         style: { size: "xs" },
-        options: h(
+        options: f(
           (p.value ?? []).map(b).filter(Boolean)
         ),
         conditions: ["type", "in", ["table", "map"]]
@@ -3163,30 +3163,30 @@ const Br = { class: "space-y-4" }, Fr = {
         hidden: !0
       }
     })), $ = S({
-      x: ((T = (B = n.data) == null ? void 0 : B.data) == null ? void 0 : T.x) || ((z = n.data) == null ? void 0 : z.x) || null,
+      x: ((I = (B = n.data) == null ? void 0 : B.data) == null ? void 0 : I.x) || ((T = n.data) == null ? void 0 : T.x) || null,
       metric: ((V = (D = n.data) == null ? void 0 : D.data) == null ? void 0 : V.metric) || ((O = n.data) == null ? void 0 : O.metric) || null,
-      columns: ((re = (ee = n.data) == null ? void 0 : ee.data) == null ? void 0 : re.columns) || ((ie = n.data) == null ? void 0 : ie.columns) || null,
+      columns: ((ne = (ee = n.data) == null ? void 0 : ee.data) == null ? void 0 : ne.columns) || ((le = n.data) == null ? void 0 : le.columns) || null,
       granularity: ((C = (L = n.data) == null ? void 0 : L.data) == null ? void 0 : C.granularity) || ((A = n.data) == null ? void 0 : A.granularity) || null,
       type: ((m = (Z = n.data) == null ? void 0 : Z.data) == null ? void 0 : m.type) || ((_ = n.data) == null ? void 0 : _.type) || null,
       groupby: ((j = (k = n.data) == null ? void 0 : k.data) == null ? void 0 : j.groupby) || n.data.groupby || null,
-      fx: ((W = (K = n.data) == null ? void 0 : K.data) == null ? void 0 : W.fx) || ((we = n.data) == null ? void 0 : we.fx) || null,
+      fx: ((E = (K = n.data) == null ? void 0 : K.data) == null ? void 0 : E.fx) || ((we = n.data) == null ? void 0 : we.fx) || null,
       query: ((_e = (ke = n.data) == null ? void 0 : ke.data) == null ? void 0 : _e.query) || ((yt = n.data) == null ? void 0 : yt.query) || null,
       y_type: ((wt = (vt = n.data) == null ? void 0 : vt.data) == null ? void 0 : wt.y_type) || ((kt = n.data) == null ? void 0 : kt.y_type) || null,
       tableSQL: (($t = (_t = n.data) == null ? void 0 : _t.data) == null ? void 0 : $t.tableSQL) || ((Dt = n.data) == null ? void 0 : Dt.tableSQL) || null,
-      cls: ((zt = (Ct = n.data) == null ? void 0 : Ct.data) == null ? void 0 : zt.cls) || ((It = n.data) == null ? void 0 : It.cls) || null,
-      text: ((St = (Tt = n.data) == null ? void 0 : Tt.data) == null ? void 0 : St.text) || ((Lt = n.data) == null ? void 0 : Lt.text) || null,
-      table: ((Rt = (Wt = n.data) == null ? void 0 : Wt.data) == null ? void 0 : Rt.table) || ((Et = n.data) == null ? void 0 : Et.table) || null
+      cls: ((Tt = (Ct = n.data) == null ? void 0 : Ct.data) == null ? void 0 : Tt.cls) || ((zt = n.data) == null ? void 0 : zt.cls) || null,
+      text: ((St = (It = n.data) == null ? void 0 : It.data) == null ? void 0 : St.text) || ((Lt = n.data) == null ? void 0 : Lt.text) || null,
+      table: ((Wt = (Et = n.data) == null ? void 0 : Et.data) == null ? void 0 : Wt.table) || ((Rt = n.data) == null ? void 0 : Rt.table) || null
     }), w = async () => {
       try {
-        await ae.put(`/bi-dashboard/${f.value}/${n.widgetName}`, {
+        await re.put(`/bi-dashboard/${h.value}/${n.widgetName}`, {
           data: $.value
         });
-        let N = `/bi-data?dashboard=${f.value}&widget=${n.widgetName}`;
-        Object.entries($.value).forEach(([xe, Te]) => {
-          N += `&${xe}=${Te}`;
+        let N = `/bi-data?dashboard=${h.value}&widget=${n.widgetName}`;
+        Object.entries($.value).forEach(([xe, Ie]) => {
+          N += `&${xe}=${Ie}`;
         });
-        const M = new CustomEvent(`update-data-${n.widgetName}`);
-        M.filterUrl = N, window.dispatchEvent(M), o("update-dashboard"), r({
+        const q = new CustomEvent(`update-data-${n.widgetName}`);
+        q.filterUrl = N, window.dispatchEvent(q), o("update-dashboard"), r({
           type: "success",
           title: "Успішно!",
           message: "Дані успішно оновлено"
@@ -3198,14 +3198,14 @@ const Br = { class: "space-y-4" }, Fr = {
           message: "При спробі оновити данні сталася помилка"
         });
       }
-    }, E = async () => {
+    }, R = async () => {
       try {
-        let N = `/bi-data?dashboard=${f.value}&widget=${n.widgetName}`;
-        Object.entries($.value).forEach(([xe, Te]) => {
-          N += `&${xe}=${Te}`;
+        let N = `/bi-data?dashboard=${h.value}&widget=${n.widgetName}`;
+        Object.entries($.value).forEach(([xe, Ie]) => {
+          N += `&${xe}=${Ie}`;
         });
-        const M = new CustomEvent(`update-data-${n.widgetName}`);
-        M.filterUrl = N, window.dispatchEvent(M), o("update-dashboard");
+        const q = new CustomEvent(`update-data-${n.widgetName}`);
+        q.filterUrl = N, window.dispatchEvent(q), o("update-dashboard");
       } catch {
         await r({
           type: "error",
@@ -3214,24 +3214,24 @@ const Br = { class: "space-y-4" }, Fr = {
         });
       }
     };
-    return oe($, () => {
-      E();
-    }, { deep: !0 }), oe(
+    return ie($, () => {
+      R();
+    }, { deep: !0 }), ie(
       () => [n.widgetName, n.dashboardId, l.value],
       () => {
         c.value = [], x();
       },
       { immediate: !0 }
-    ), e({ requestUpdateWidget: w }), (N, M) => (u(), g("div", Br, [
-      (u(), U(H(a), {
+    ), e({ requestUpdateWidget: w }), (N, q) => (u(), g("div", Br, [
+      (u(), F(H(a), {
         key: y.value,
-        schema: I.value,
+        schema: z.value,
         values: $.value,
-        "onUpdate:values": M[0] || (M[0] = (xe) => $.value = xe)
+        "onUpdate:values": q[0] || (q[0] = (xe) => $.value = xe)
       }, null, 8, ["schema", "values"]))
     ]));
   }
-}, Mr = { class: "space-y-4" }, qr = {
+}, Fr = { class: "space-y-4" }, qr = {
   __name: "vs-editor-form-yaml",
   props: {
     yamlValue: { type: null, default: () => "" },
@@ -3242,16 +3242,16 @@ const Br = { class: "space-y-4" }, Fr = {
   emits: ["update-dashboard"],
   setup(t, { expose: e, emit: s }) {
     const a = typeof window < "u" ? window.echarts : null, r = te(
-      () => import("@opengis/form").then((h) => h.VsInputMonaco)
-    ), o = S(null), n = F(() => c.dashboardId || o.value), { $notify: i } = ze().proxy, l = s, c = t, p = (h, { dimensions: v, source: y }) => {
-      const I = h.getOption(), { data: $, ...w } = (I == null ? void 0 : I.series)[0], [, ...E] = v || [], B = E.map((T, z) => ({
-        ...(I == null ? void 0 : I.series[z]) || {},
-        data: y.map((D) => D[z + 1]),
-        name: T
+      () => import("@opengis/form").then((f) => f.VsInputMonaco)
+    ), o = S(null), n = M(() => c.dashboardId || o.value), { $notify: i } = Te().proxy, l = s, c = t, p = (f, { dimensions: v, source: y }) => {
+      const z = f.getOption(), { data: $, ...w } = (z == null ? void 0 : z.series)[0], [, ...R] = v || [], B = R.map((I, T) => ({
+        ...(z == null ? void 0 : z.series[T]) || {},
+        data: y.map((D) => D[T + 1]),
+        name: I
       }));
-      h == null || h.setOption(
+      f == null || f.setOption(
         {
-          ...I || {},
+          ...z || {},
           dataset: {
             dimensions: v,
             source: y
@@ -3262,22 +3262,22 @@ const Br = { class: "space-y-4" }, Fr = {
         },
         !0
       );
-    }, f = (h) => {
-      const v = document.getElementById(h);
+    }, h = (f) => {
+      const v = document.getElementById(f);
       if (!v) return null;
       const y = a == null ? void 0 : a.getInstanceByDom(v);
       return y || null;
     }, x = S(c.yamlValue), b = async () => {
       try {
-        await ae.put(`/bi-dashboard/${n.value}/${c.widgetName}`, {
+        await re.put(`/bi-dashboard/${n.value}/${c.widgetName}`, {
           yml: x.value
         });
-        const h = f(c.widgetName);
-        if (h) {
-          const v = await ae.get(
+        const f = h(c.widgetName);
+        if (f) {
+          const v = await re.get(
             `/bi-data?dashboard=${o.value}&widget=${c.widgetName}`
           );
-          p(h, v);
+          p(f, v);
         }
         l("update-dashboard"), i({
           type: "success",
@@ -3293,10 +3293,10 @@ const Br = { class: "space-y-4" }, Fr = {
       }
     };
     return me(() => {
-      const h = new URLSearchParams(window.top.location.search);
-      o.value = h.get("dashboard");
-    }), e({ requestUpdateWidget: b }), (h, v) => (u(), g("div", Mr, [
-      R(H(r), {
+      const f = new URLSearchParams(window.top.location.search);
+      o.value = f.get("dashboard");
+    }), e({ requestUpdateWidget: b }), (f, v) => (u(), g("div", Fr, [
+      W(H(r), {
         modelValue: x.value,
         "onUpdate:modelValue": v[0] || (v[0] = (y) => x.value = y),
         syntax: "yaml",
@@ -3317,7 +3317,7 @@ const Br = { class: "space-y-4" }, Fr = {
   emits: ["update-dashboard"],
   setup(t, { emit: e }) {
     var p;
-    const s = te(() => import("@opengis/form")), { $notify: a } = ze().proxy, r = e, o = t, n = S(null), i = {
+    const s = te(() => import("@opengis/form")), { $notify: a } = Te().proxy, r = e, o = t, n = S(null), i = {
       granularity: {
         ua: "Granularity",
         type: "checkbox",
@@ -3330,11 +3330,11 @@ const Br = { class: "space-y-4" }, Fr = {
       groupby: {
         ua: "Groupby",
         type: "checkbox",
-        options: (p = o.columns) == null ? void 0 : p.map(({ name: f }) => f)
+        options: (p = o.columns) == null ? void 0 : p.map(({ name: h }) => h)
       }
     }, l = S(o.controls || {}), c = async () => {
       try {
-        await ae.put(`/bi-dashboard/${n.value}/${o.widgetName}`, {
+        await re.put(`/bi-dashboard/${n.value}/${o.widgetName}`, {
           controls: l.value
         }), await a({
           type: "success",
@@ -3350,32 +3350,32 @@ const Br = { class: "space-y-4" }, Fr = {
       }
     };
     return me(() => {
-      const f = new URLSearchParams(window.top.location.search);
-      n.value = f.get("dashboard");
-    }), (f, x) => {
+      const h = new URLSearchParams(window.top.location.search);
+      n.value = h.get("dashboard");
+    }), (h, x) => {
       const b = ue("VsButton");
       return u(), g("div", Ur, [
-        R(b, {
+        W(b, {
           class: "ml-[10px] mb-[10px]",
           type: "plain",
           onClick: c
         }, {
-          default: G(() => x[1] || (x[1] = [
-            ne(" Зберегти ")
-          ])),
+          default: G(() => [...x[1] || (x[1] = [
+            oe(" Зберегти ", -1)
+          ])]),
           _: 1
         }),
-        R(H(s), {
+        W(H(s), {
           schema: i,
           values: l.value,
-          "onUpdate:values": x[0] || (x[0] = (h) => l.value = h)
+          "onUpdate:values": x[0] || (x[0] = (f) => l.value = f)
         }, null, 8, ["values"])
       ]);
     };
   }
 }, Jt = {
   "vs-editor-form-style": ir,
-  "vs-editor-form-data": Fr,
+  "vs-editor-form-data": Mr,
   "vs-editor-form-yaml": qr,
   "vs-editor-form-controls": Hr
 }, Gr = {
@@ -3396,13 +3396,13 @@ const Br = { class: "space-y-4" }, Fr = {
     }
     e({ save: r });
     const o = S(!1);
-    return Cs((n, i, l) => (console.error("Editor tab error:", n, l), o.value = !0, !1)), oe(
+    return Cs((n, i, l) => (console.error("Editor tab error:", n, l), o.value = !0, !1)), ie(
       () => s.tabComponent,
       () => {
         o.value = !1;
       },
       { immediate: !0 }
-    ), (n, i) => o.value ? (u(), g("div", Gr, " Помилка завантаження вмісту. Переключіть таб або оновіть сторінку. ")) : (u(), U(ct(t.tabComponent), $e({
+    ), (n, i) => o.value ? (u(), g("div", Gr, " Помилка завантаження вмісту. Переключіть таб або оновіть сторінку. ")) : (u(), F(ct(t.tabComponent), $e({
       ref_key: "tabRef",
       ref: a,
       key: t.tabKey || "tab"
@@ -3410,7 +3410,7 @@ const Br = { class: "space-y-4" }, Fr = {
       onUpdateDashboard: i[0] || (i[0] = (l) => n.$emit("update-dashboard"))
     }), null, 16));
   }
-}, Zr = { class: "h-full flex flex-col bg-white shrink-0 !w-[400px] border rounded-xl overflow-hidden border-gray-200" }, Qr = {
+}, Zr = { class: "h-full w-full max-h-[calc(100vh-260px)] md:max-h-none md:!w-[400px] flex flex-col bg-white md:shrink-0 border rounded-xl overflow-hidden border-gray-200" }, Qr = {
   key: 0,
   class: "flex flex-col min-h-0 flex-1"
 }, Xr = { class: "flex items-center border-b border-gray-200 bg-white shrink-0 px-4 h-[49px]" }, Jr = { class: "flex items-center gap-6 min-w-0 -mb-[14px]" }, Kr = ["onClick"], Yr = {
@@ -3441,8 +3441,8 @@ const Br = { class: "space-y-4" }, Fr = {
   }),
   emits: /* @__PURE__ */ He(["update-data"], ["update:selectedWidget"]),
   setup(t, { emit: e }) {
-    var E, B;
-    const s = te(() => import("@opengis/form")), a = (B = (E = ze()) == null ? void 0 : E.proxy) == null ? void 0 : B.$notify, r = Le(), o = e, n = S(null), i = t, l = S(!1), c = S(!0), p = S(!1), f = S({}), x = ts(t, "selectedWidget"), b = [
+    var R, B;
+    const s = te(() => import("@opengis/form")), a = (B = (R = Te()) == null ? void 0 : R.proxy) == null ? void 0 : B.$notify, r = Le(), o = e, n = S(null), i = t, l = S(!1), c = S(!0), p = S(!1), h = S({}), x = ts(t, "selectedWidget"), b = [
       "table",
       "text",
       "number",
@@ -3451,9 +3451,9 @@ const Br = { class: "space-y-4" }, Fr = {
       "listbar",
       "map",
       "pivot"
-    ], h = S("data"), v = async () => {
+    ], f = S("data"), v = async () => {
       try {
-        await ae.delete(
+        await re.delete(
           `/bi-dashboard/${i.selectedDashboard}/${i.selectedWidgetData.name}`
         ), l.value = !1, o("update-data"), r.hasRoute(ce.EditorDashboard) ? await r.push({
           name: ce.EditorDashboard,
@@ -3463,41 +3463,41 @@ const Br = { class: "space-y-4" }, Fr = {
           title: "Успішно!",
           message: "Віджет успішно видалено"
         });
-      } catch (T) {
-        console.error(T), a({
+      } catch (I) {
+        console.error(I), a({
           type: "error",
           title: "Помилка!",
           message: "При спробі видалити віджет виникла помилка"
         });
       }
-    }, y = F(() => {
-      const T = [
+    }, y = M(() => {
+      const I = [
         { id: "data", label: "Дані" },
         { id: "style", label: "Стилі" },
         { id: "yaml", label: "{ }" }
         // { id: 'controls', label: 'Контролси' },
       ];
-      return T == null ? void 0 : T.filter((z) => {
+      return I == null ? void 0 : I.filter((T) => {
         var D, V, O;
-        return z.id === "style" ? !(b != null && b.includes(
+        return T.id === "style" ? !(b != null && b.includes(
           ((D = i.selectedWidgetData) == null ? void 0 : D.type) || ((O = (V = i.selectedWidgetData) == null ? void 0 : V.data) == null ? void 0 : O.type)
         )) : !0;
       });
-    }), I = () => {
-      var T, z, D, V, O, ee, re, ie, L;
-      f.value = {
-        title: (T = i.selectedWidgetData) == null ? void 0 : T.title,
-        type: (z = i.selectedWidgetData) == null ? void 0 : z.type,
+    }), z = () => {
+      var I, T, D, V, O, ee, ne, le, L;
+      h.value = {
+        title: (I = i.selectedWidgetData) == null ? void 0 : I.title,
+        type: (T = i.selectedWidgetData) == null ? void 0 : T.type,
         table: (D = i.selectedWidgetData) == null ? void 0 : D.table_name,
         query: (O = (V = i.selectedWidgetData) == null ? void 0 : V.data) == null ? void 0 : O.query,
-        x: (re = (ee = i.selectedWidgetData) == null ? void 0 : ee.data) == null ? void 0 : re.x,
-        cls: (L = (ie = i.selectedWidgetData) == null ? void 0 : ie.data) == null ? void 0 : L.cls
+        x: (ne = (ee = i.selectedWidgetData) == null ? void 0 : ee.data) == null ? void 0 : ne.x,
+        cls: (L = (le = i.selectedWidgetData) == null ? void 0 : le.data) == null ? void 0 : L.cls
       }, p.value = !0;
     }, $ = async () => {
       try {
-        await ae.put(
+        await re.put(
           `/bi-dashboard/${i.selectedDashboard}/${i.selectedWidgetData.name}`,
-          f.value
+          h.value
         ), a({
           type: "success",
           title: "Успішно!",
@@ -3511,7 +3511,7 @@ const Br = { class: "space-y-4" }, Fr = {
         });
       }
     };
-    oe(x, () => {
+    ie(x, () => {
       c.value = !1, setTimeout(() => c.value = !0);
     });
     const w = {
@@ -3602,26 +3602,26 @@ const Br = { class: "space-y-4" }, Fr = {
         placeholder: "Cls"
       }
     };
-    return (T, z) => {
-      var V, O, ee, re, ie, L, C, A, Z, m, _;
+    return (I, T) => {
+      var V, O, ee, ne, le, L, C, A, Z, m, _;
       const D = ue("VsPopover");
       return u(), g(Y, null, [
         d("div", Zr, [
           t.selectedWidgetData ? (u(), g("div", Qr, [
             d("div", Xr, [
               d("nav", Jr, [
-                (u(!0), g(Y, null, se(y.value, (k) => (u(), g("button", {
+                (u(!0), g(Y, null, ae(y.value, (k) => (u(), g("button", {
                   key: k.id,
                   type: "button",
-                  class: le(["relative pb-3 pt-1 text-sm font-medium transition-colors whitespace-nowrap", h.value === k.id ? "text-blue-600" : "text-gray-600 hover:text-gray-900"]),
-                  onClick: (j) => h.value = k.id
+                  class: se(["relative pb-3 pt-1 text-sm font-medium transition-colors whitespace-nowrap", f.value === k.id ? "text-blue-600" : "text-gray-600 hover:text-gray-900"]),
+                  onClick: (j) => f.value = k.id
                 }, [
-                  ne(P(k.label) + " ", 1),
-                  h.value === k.id ? (u(), g("span", Yr)) : q("", !0)
+                  oe(P(k.label) + " ", 1),
+                  f.value === k.id ? (u(), g("span", Yr)) : U("", !0)
                 ], 10, Kr))), 128))
               ]),
               d("div", en, [
-                R(D, {
+                W(D, {
                   placement: "left",
                   trigger: "hover"
                 }, {
@@ -3630,20 +3630,20 @@ const Br = { class: "space-y-4" }, Fr = {
                       type: "button",
                       class: "h-8 w-8 flex items-center justify-center rounded-lg text-gray-500 hover:text-gray-700 hover:bg-gray-100 transition-colors",
                       title: "Зберегти",
-                      onClick: z[0] || (z[0] = (k) => {
+                      onClick: T[0] || (T[0] = (k) => {
                         var j, K;
                         return (K = (j = n.value) == null ? void 0 : j.save) == null ? void 0 : K.call(j);
                       })
                     }, [
-                      R(H(Hs), { class: "h-4 w-4" })
+                      W(H(Hs), { class: "h-4 w-4" })
                     ])
                   ]),
                   default: G(() => [
-                    z[9] || (z[9] = ne(" Зберегти "))
+                    T[9] || (T[9] = oe(" Зберегти ", -1))
                   ]),
                   _: 1
                 }),
-                R(D, {
+                W(D, {
                   placement: "left",
                   trigger: "hover"
                 }, {
@@ -3651,17 +3651,17 @@ const Br = { class: "space-y-4" }, Fr = {
                     d("button", {
                       type: "button",
                       class: "h-8 w-8 flex items-center justify-center rounded-lg text-gray-500 hover:text-gray-700 hover:bg-gray-100 transition-colors",
-                      onClick: I
+                      onClick: z
                     }, [
-                      R(ds, { class: "h-4 w-4" })
+                      W(ds, { class: "h-4 w-4" })
                     ])
                   ]),
                   default: G(() => [
-                    z[10] || (z[10] = ne(" Редагувати віджет "))
+                    T[10] || (T[10] = oe(" Редагувати віджет ", -1))
                   ]),
                   _: 1
                 }),
-                R(D, {
+                W(D, {
                   placement: "left",
                   trigger: "hover"
                 }, {
@@ -3669,66 +3669,66 @@ const Br = { class: "space-y-4" }, Fr = {
                     d("button", {
                       type: "button",
                       class: "h-8 w-8 flex items-center justify-center rounded-lg text-gray-500 hover:text-gray-700 hover:bg-gray-100 transition-colors",
-                      onClick: z[1] || (z[1] = (k) => l.value = !0)
+                      onClick: T[1] || (T[1] = (k) => l.value = !0)
                     }, [
-                      R(H(ls), { class: "h-4 w-4" })
+                      W(H(ls), { class: "h-4 w-4" })
                     ])
                   ]),
                   default: G(() => [
-                    z[11] || (z[11] = ne(" Видалити віджет "))
+                    T[11] || (T[11] = oe(" Видалити віджет ", -1))
                   ]),
                   _: 1
                 })
               ])
             ]),
-            (V = t.currentWidgetData) != null && V.status ? (u(), U(Qe, {
+            (V = t.currentWidgetData) != null && V.status ? (u(), F(Qe, {
               key: 0,
               title: (O = t.currentWidgetData) == null ? void 0 : O.title,
               text: (ee = t.currentWidgetData) == null ? void 0 : ee.message
             }, null, 8, ["title", "text"])) : (u(), g("div", tn, [
               c.value && t.currentWidgetData ? (u(), g("div", sn, [
-                R(Kt, {
+                W(Kt, {
                   ref_key: "tabPanelRef",
                   ref: n,
-                  "tab-key": h.value,
-                  "tab-component": H(Jt)["vs-editor-form-" + h.value],
-                  widgetName: (re = t.selectedWidgetData) == null ? void 0 : re.name,
+                  "tab-key": f.value,
+                  "tab-component": H(Jt)["vs-editor-form-" + f.value],
+                  widgetName: (ne = t.selectedWidgetData) == null ? void 0 : ne.name,
                   dashboardId: t.selectedDashboard,
-                  yamlValue: ((ie = t.selectedWidgetData) == null ? void 0 : ie.yml) || "",
+                  yamlValue: ((le = t.selectedWidgetData) == null ? void 0 : le.yml) || "",
                   data: t.selectedWidgetData,
                   controls: (L = t.selectedWidgetData) == null ? void 0 : L.controls,
                   columns: (C = t.currentWidgetData) == null ? void 0 : C.columns,
-                  onUpdateDashboard: z[2] || (z[2] = (k) => T.$emit("update-data"))
+                  onUpdateDashboard: T[2] || (T[2] = (k) => I.$emit("update-data"))
                 }, null, 8, ["tab-key", "tab-component", "widgetName", "dashboardId", "yamlValue", "data", "controls", "columns"])
               ])) : (u(), g("div", an, [
-                R(Kt, {
+                W(Kt, {
                   ref_key: "tabPanelRef",
                   ref: n,
-                  "tab-key": h.value,
-                  "tab-component": H(Jt)["vs-editor-form-" + h.value],
+                  "tab-key": f.value,
+                  "tab-component": H(Jt)["vs-editor-form-" + f.value],
                   widgetName: (A = t.selectedWidgetData) == null ? void 0 : A.name,
                   dashboardId: t.selectedDashboard,
                   yamlValue: ((Z = t.selectedWidgetData) == null ? void 0 : Z.yml) || "",
                   data: t.selectedWidgetData,
                   controls: (m = t.selectedWidgetData) == null ? void 0 : m.controls,
                   columns: (_ = t.currentWidgetData) == null ? void 0 : _.columns,
-                  onUpdateDashboard: z[3] || (z[3] = (k) => T.$emit("update-data"))
+                  onUpdateDashboard: T[3] || (T[3] = (k) => I.$emit("update-data"))
                 }, null, 8, ["tab-key", "tab-component", "widgetName", "dashboardId", "yamlValue", "data", "controls", "columns"])
               ])),
-              R(Ne, {
+              W(Ne, {
                 teleport: "#modal",
                 visible: l.value,
                 title: "Ви впевнені?",
-                onClose: z[5] || (z[5] = (k) => l.value = !1)
+                onClose: T[5] || (T[5] = (k) => l.value = !1)
               }, {
                 default: G(() => [
                   d("div", rn, [
-                    z[12] || (z[12] = d("p", { class: "mt-1 text-gray-500 dark:text-neutral-500" }, " Ви впевнені, що хочете видалити цей віджет? ", -1)),
+                    T[12] || (T[12] = d("p", { class: "mt-1 text-gray-500 dark:text-neutral-500" }, " Ви впевнені, що хочете видалити цей віджет? ", -1)),
                     d("div", nn, [
                       d("button", {
                         type: "button",
                         class: "inline-flex items-center px-3 py-2 text-sm font-medium text-gray-800 bg-white border border-gray-200 rounded-lg shadow-sm gap-x-2 hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-gray-50 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700",
-                        onClick: z[4] || (z[4] = (k) => l.value = !1)
+                        onClick: T[4] || (T[4] = (k) => l.value = !1)
                       }, " Скасувати "),
                       d("button", {
                         type: "button",
@@ -3741,24 +3741,24 @@ const Br = { class: "space-y-4" }, Fr = {
                 _: 1
               }, 8, ["visible"])
             ]))
-          ])) : (u(), U(Qe, {
+          ])) : (u(), F(Qe, {
             key: 1,
             title: "Оберіть один з віджетів",
             text: "",
             class: "p-4"
           }))
         ]),
-        R(Ne, {
+        W(Ne, {
           teleport: "#modal",
           visible: p.value,
           title: "Редагувати віджет",
-          onClose: z[8] || (z[8] = (k) => p.value = !1)
+          onClose: T[8] || (T[8] = (k) => p.value = !1)
         }, {
           footer: G(() => [
             d("div", on, [
               d("button", {
                 style: { border: "1px solid #000" },
-                onClick: z[7] || (z[7] = (k) => p.value = !1),
+                onClick: T[7] || (T[7] = (k) => p.value = !1),
                 class: "py-2 px-3 inline-flex items-center gap-x-2 text-sm whitespace-nowrap text-black border-gray-200 rounded-lg hover:bg-gray-100 duration-300"
               }, " Скасувати "),
               d("button", {
@@ -3768,22 +3768,22 @@ const Br = { class: "space-y-4" }, Fr = {
             ])
           ]),
           default: G(() => [
-            w ? (u(), U(H(s), {
+            w ? (u(), F(H(s), {
               key: 0,
               schema: w,
-              values: f.value,
-              "onUpdate:values": z[6] || (z[6] = (k) => f.value = k)
-            }, null, 8, ["values"])) : q("", !0)
+              values: h.value,
+              "onUpdate:values": T[6] || (T[6] = (k) => h.value = k)
+            }, null, 8, ["values"])) : U("", !0)
           ]),
           _: 1
         }, 8, ["visible"])
       ], 64);
     };
   }
-}, dn = { class: "overflow-hidden flex flex-col min-h-[480px]" }, cn = { class: "flex-1 flex min-h-0 gap-4" }, un = { class: "flex-1 min-w-0 pb-4 overflow-auto bg-gray-50/50" }, pn = {
+}, dn = { class: "overflow-hidden flex flex-col min-h-[480px]" }, cn = { class: "md:hidden shrink-0 mb-3" }, un = { class: "inline-flex rounded-lg bg-gray-100 p-1" }, pn = { class: "flex-1 flex flex-col md:flex-row min-h-0 gap-4" }, hn = {
   key: 1,
   class: "flex items-center justify-center h-full"
-}, hn = { class: "w-[400px] shrink-0 flex flex-col" }, fn = {
+}, fn = {
   __name: "vs-widget-editor-panel",
   props: {
     selectedWidget: { type: String, default: "" },
@@ -3794,35 +3794,51 @@ const Br = { class: "space-y-4" }, Fr = {
   },
   emits: ["update:selectedWidget", "update-data"],
   setup(t, { emit: e }) {
-    const s = t, a = e, r = S(null);
-    async function o() {
+    const s = t, a = e, r = S(null), o = S("settings");
+    async function n() {
       if (!(!s.selectedDashboard || !s.selectedWidget))
         try {
-          r.value = await ae.get(
+          r.value = await re.get(
             `/bi-data?dashboard=${s.selectedDashboard}&widget=${s.selectedWidget}`
           );
-        } catch (l) {
-          console.error(l);
+        } catch (c) {
+          console.error(c);
         }
     }
-    function n() {
+    function i() {
       a("update-data");
     }
-    oe(
+    ie(
       () => [s.selectedDashboard, s.selectedWidget],
       () => {
-        o();
+        o.value = "settings", n();
       },
       { immediate: !0 }
     );
-    const i = F({
+    const l = M({
       get: () => s.selectedWidget,
-      set: (l) => a("update:selectedWidget", l)
+      set: (c) => a("update:selectedWidget", c)
     });
-    return (l, c) => (u(), g("div", dn, [
+    return (c, p) => (u(), g("div", dn, [
       d("div", cn, [
         d("div", un, [
-          r.value ? (u(), U(Ze, {
+          d("button", {
+            type: "button",
+            class: se(["px-3 py-1.5 text-sm font-medium rounded-md transition-colors", o.value === "widget" ? "bg-white text-gray-900 shadow-sm" : "text-gray-600"]),
+            onClick: p[0] || (p[0] = (h) => o.value = "widget")
+          }, " Віджет ", 2),
+          d("button", {
+            type: "button",
+            class: se(["px-3 py-1.5 text-sm font-medium rounded-md transition-colors", o.value === "settings" ? "bg-white text-gray-900 shadow-sm" : "text-gray-600"]),
+            onClick: p[1] || (p[1] = (h) => o.value = "settings")
+          }, " Налаштування ", 2)
+        ])
+      ]),
+      d("div", pn, [
+        d("div", {
+          class: se(["flex-1 min-w-0 pb-4 overflow-auto bg-gray-50/50 rounded-xl border border-gray-200 md:border-0 md:rounded-none", o.value === "settings" ? "hidden md:block" : ""])
+        }, [
+          r.value ? (u(), F(Ze, {
             key: 0,
             dashboard: t.selectedDashboard,
             widget: t.selectedWidget,
@@ -3831,37 +3847,39 @@ const Br = { class: "space-y-4" }, Fr = {
             "prefetched-data": r.value,
             "filter-u-rl": void 0,
             class: "max-h-full"
-          }, null, 8, ["dashboard", "widget", "selected-widget", "dashboard-widgets", "prefetched-data"])) : (u(), g("div", pn, c[1] || (c[1] = [
+          }, null, 8, ["dashboard", "widget", "selected-widget", "dashboard-widgets", "prefetched-data"])) : (u(), g("div", hn, [...p[3] || (p[3] = [
             d("span", { class: "text-sm text-gray-400" }, "Завантаження...", -1)
-          ])))
-        ]),
-        d("div", hn, [
-          R(ln, {
-            selectedWidget: i.value,
-            "onUpdate:selectedWidget": c[0] || (c[0] = (p) => i.value = p),
+          ])]))
+        ], 2),
+        d("div", {
+          class: se(["min-w-0 flex flex-col md:w-[400px] md:shrink-0", o.value === "widget" ? "hidden md:flex" : ""])
+        }, [
+          W(ln, {
+            selectedWidget: l.value,
+            "onUpdate:selectedWidget": p[2] || (p[2] = (h) => l.value = h),
             selectedWidgetData: t.selectedWidgetData,
             currentWidgetData: r.value || t.currentWidgetData || { columns: [] },
             selectedDashboard: t.selectedDashboard,
-            onUpdateData: n
+            onUpdateData: i
           }, null, 8, ["selectedWidget", "selectedWidgetData", "currentWidgetData", "selectedDashboard"])
-        ])
+        ], 2)
       ])
     ]));
   }
 }, gn = {
   __name: "icon-grid",
   setup(t) {
-    return (e, s) => (u(), U(H(qs), $e(e.$attrs, { size: 24 }), null, 16));
+    return (e, s) => (u(), F(H(qs), $e(e.$attrs, { size: 24 }), null, 16));
   }
 }, mn = {
   __name: "icon-table",
   setup(t) {
-    return (e, s) => (u(), U(H(Gs), $e(e.$attrs, { size: 24 }), null, 16));
+    return (e, s) => (u(), F(H(Gs), $e(e.$attrs, { size: 24 }), null, 16));
   }
 }, bn = {
   __name: "icon-more",
   setup(t) {
-    return (e, s) => (u(), U(H(rs), $e(e.$attrs, { size: 24 }), null, 16));
+    return (e, s) => (u(), F(H(rs), $e(e.$attrs, { size: 24 }), null, 16));
   }
 }, xn = te(() => import("@opengis/form")), yn = {
   components: {
@@ -3902,6 +3920,7 @@ const Br = { class: "space-y-4" }, Fr = {
   },
   data() {
     return {
+      hoverTooltipsEnabled: !1,
       isDeleteConfirm: !1,
       isFormEdit: !1,
       isFormGrid: !1,
@@ -4006,6 +4025,16 @@ const Br = { class: "space-y-4" }, Fr = {
       ]
     };
   },
+  mounted() {
+    this._hoverTooltipsMq = window.matchMedia(
+      "(min-width: 768px) and (hover: hover) and (pointer: fine)"
+    ), this.hoverTooltipsEnabled = this._hoverTooltipsMq.matches, this._onHoverTooltipsMq = () => {
+      this.hoverTooltipsEnabled = this._hoverTooltipsMq.matches;
+    }, this._hoverTooltipsMq.addEventListener("change", this._onHoverTooltipsMq);
+  },
+  beforeUnmount() {
+    this._hoverTooltipsMq && this._onHoverTooltipsMq && this._hoverTooltipsMq.removeEventListener("change", this._onHoverTooltipsMq);
+  },
   props: {
     selected: { type: String, default: () => "" },
     dashboardData: { type: Object, default: () => {
@@ -4019,7 +4048,7 @@ const Br = { class: "space-y-4" }, Fr = {
       var t, e;
       try {
         const s = (e = (t = this.$refs) == null ? void 0 : t.formEdit) == null ? void 0 : e.validate();
-        typeof s == "function" && await s(), await ae.put(`/bi-dashboard/${this.selected}`, this.formEditValue), await this.$notify({
+        typeof s == "function" && await s(), await re.put(`/bi-dashboard/${this.selected}`, this.formEditValue), await this.$notify({
           title: "Успішно!",
           type: "success",
           message: "Дані успішно оновлено"
@@ -4035,7 +4064,7 @@ const Br = { class: "space-y-4" }, Fr = {
     async editDashboardGrid() {
       var t, e;
       try {
-        (e = (t = this.$refs) == null ? void 0 : t.formGrid) == null || e.doValidation(), await ae.put(`/bi-dashboard/${this.selected}`, {
+        (e = (t = this.$refs) == null ? void 0 : t.formGrid) == null || e.doValidation(), await re.put(`/bi-dashboard/${this.selected}`, {
           ...this.formEditValue,
           ...this.formGridValue
         }), await this.$notify({
@@ -4053,7 +4082,7 @@ const Br = { class: "space-y-4" }, Fr = {
     },
     async deleteDashboard() {
       try {
-        await ae.delete(`/bi-dashboard/${this.selected}`), this.isDeleteConfirm = !1, this.$emit("update:selected", ""), this.$emit("update-editor"), this.$notify({
+        await re.delete(`/bi-dashboard/${this.selected}`), this.isDeleteConfirm = !1, this.$emit("update:selected", ""), this.$emit("update-editor"), this.$notify({
           title: "Успішно!",
           type: "success",
           message: "Дашборд видалено успішно"
@@ -4073,49 +4102,61 @@ const Br = { class: "space-y-4" }, Fr = {
 }, vn = {
   key: 0,
   class: "flex items-center gap-4"
-}, wn = { class: "h-[30px] w-[30px] flex items-center justify-center" }, kn = { class: "flex flex-col items-start -ml-2 -mr-2" }, _n = { class: "p-4" }, $n = { class: "flex justify-end mt-4 gap-x-3" }, Dn = { class: "flex justify-end p-[20px] gap-[10px] border-t w-full" }, Cn = { class: "flex justify-end p-[20px] gap-[10px] border-t w-full" };
-function zn(t, e, s, a, r, o) {
+}, wn = { class: "h-[30px] w-[30px] flex items-center justify-center" }, kn = { class: "flex flex-col items-start -ml-2 -mr-2" }, _n = { class: "h-[30px] w-[30px] flex items-center justify-center" }, $n = { class: "flex flex-col items-start -ml-2 -mr-2" }, Dn = { class: "p-4" }, Cn = { class: "flex justify-end mt-4 gap-x-3" }, Tn = { class: "flex justify-end p-[20px] gap-[10px] border-t w-full" }, zn = { class: "flex justify-end p-[20px] gap-[10px] border-t w-full" };
+function In(t, e, s, a, r, o) {
   const n = ue("IconGrid"), i = ue("VsPopover"), l = ue("IconMore"), c = ue("VsModal"), p = ue("VForm");
   return u(), g("div", null, [
     s.selected ? (u(), g("div", vn, [
-      R(i, {
+      r.hoverTooltipsEnabled ? (u(), F(i, {
+        key: 0,
         placement: "left",
         trigger: "hover"
       }, {
         reference: G(() => [
           d("button", {
             class: "h-[30px] w-[30px] flex items-center justify-center",
-            onClick: e[0] || (e[0] = (f) => r.isFormGrid = !0)
+            onClick: e[0] || (e[0] = (h) => {
+              o.closePopover(), r.isFormGrid = !0;
+            })
           }, [
-            R(n, { class: "h-[20px] text-gray-500" })
+            W(n, { class: "h-[20px] text-gray-500" })
           ])
         ]),
         default: G(() => [
-          e[14] || (e[14] = ne(" Редагувати структуру дашборду "))
+          e[17] || (e[17] = oe(" Редагувати структуру дашборду ", -1))
         ]),
         _: 1
-      }),
-      R(i, {
+      })) : (u(), g("button", {
+        key: 1,
+        class: "h-[30px] w-[30px] flex items-center justify-center",
+        onClick: e[1] || (e[1] = (h) => {
+          o.closePopover(), r.isFormGrid = !0;
+        })
+      }, [
+        W(n, { class: "h-[20px] text-gray-500" })
+      ])),
+      r.hoverTooltipsEnabled ? (u(), F(i, {
+        key: 2,
         placement: "left",
         trigger: "hover"
       }, {
         reference: G(() => [
-          R(i, { placement: "bottom-left" }, {
+          W(i, { placement: "bottom-left" }, {
             reference: G(() => [
               d("button", wn, [
-                R(l, { class: "h-[20px]" })
+                W(l, { class: "h-[20px]" })
               ])
             ]),
             default: G(() => [
               d("div", kn, [
                 d("button", {
-                  onClick: e[1] || (e[1] = (f) => {
+                  onClick: e[2] || (e[2] = (h) => {
                     o.closePopover(), r.isFormEdit = !0;
                   }),
                   class: "px-[8px] py-[4px] hover:bg-gray-100 w-full text-start rounded-lg"
                 }, " Редагувати дашборд "),
                 d("button", {
-                  onClick: e[2] || (e[2] = (f) => {
+                  onClick: e[3] || (e[3] = (h) => {
                     o.closePopover(), r.isDeleteConfirm = !0;
                   }),
                   class: "px-[8px] py-[4px] hover:bg-gray-100 w-full text-start rounded-lg"
@@ -4126,107 +4167,133 @@ function zn(t, e, s, a, r, o) {
           })
         ]),
         default: G(() => [
-          e[15] || (e[15] = ne(" Керування дашбордом "))
+          e[18] || (e[18] = oe(" Керування дашбордом ", -1))
+        ]),
+        _: 1
+      })) : (u(), F(i, {
+        key: 3,
+        placement: "bottom-left"
+      }, {
+        reference: G(() => [
+          d("button", _n, [
+            W(l, { class: "h-[20px]" })
+          ])
+        ]),
+        default: G(() => [
+          d("div", $n, [
+            d("button", {
+              onClick: e[4] || (e[4] = (h) => {
+                o.closePopover(), r.isFormEdit = !0;
+              }),
+              class: "px-[8px] py-[4px] hover:bg-gray-100 w-full text-start rounded-lg"
+            }, " Редагувати дашборд "),
+            d("button", {
+              onClick: e[5] || (e[5] = (h) => {
+                o.closePopover(), r.isDeleteConfirm = !0;
+              }),
+              class: "px-[8px] py-[4px] hover:bg-gray-100 w-full text-start rounded-lg"
+            }, " Видалити дашборд ")
+          ])
         ]),
         _: 1
-      })
-    ])) : q("", !0),
-    R(c, {
+      }))
+    ])) : U("", !0),
+    W(c, {
       teleport: "#modal",
       visible: r.isDeleteConfirm,
       size: "small",
       title: "Ви впевнені?",
-      onClose: e[5] || (e[5] = (f) => r.isDeleteConfirm = !1)
+      onClose: e[8] || (e[8] = (h) => r.isDeleteConfirm = !1)
     }, {
       default: G(() => [
-        d("div", _n, [
-          e[16] || (e[16] = d("p", { class: "mt-1 text-gray-500 dark:text-neutral-500" }, " Ви впевнені, що хочете видалити цей дашборд? ", -1)),
-          d("div", $n, [
+        d("div", Dn, [
+          e[19] || (e[19] = d("p", { class: "mt-1 text-gray-500 dark:text-neutral-500" }, " Ви впевнені, що хочете видалити цей дашборд? ", -1)),
+          d("div", Cn, [
             d("button", {
               type: "button",
               class: "inline-flex items-center px-3 py-2 text-sm font-medium text-gray-800 bg-white border border-gray-200 rounded-lg shadow-sm gap-x-2 hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-gray-50 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700",
-              onClick: e[3] || (e[3] = (f) => r.isDeleteConfirm = !1)
+              onClick: e[6] || (e[6] = (h) => r.isDeleteConfirm = !1)
             }, " Скасувати "),
             d("button", {
               type: "button",
               class: "inline-flex items-center px-3 py-2 text-sm font-semibold text-white bg-red-500 border border-transparent rounded-lg gap-x-2 hover:bg-red-600 disabled:opacity-50 disabled:pointer-events-none",
-              onClick: e[4] || (e[4] = (...f) => o.deleteDashboard && o.deleteDashboard(...f))
+              onClick: e[7] || (e[7] = (...h) => o.deleteDashboard && o.deleteDashboard(...h))
             }, " Так, я впевнена(ий) ")
           ])
         ])
       ]),
       _: 1
     }, 8, ["visible"]),
-    R(c, {
+    W(c, {
       teleport: "#modal",
       visible: r.isFormEdit,
       title: "Редагувати дашборд",
-      onClose: e[9] || (e[9] = (f) => r.isFormEdit = !1)
+      onClose: e[12] || (e[12] = (h) => r.isFormEdit = !1)
     }, {
       footer: G(() => [
-        d("div", Dn, [
+        d("div", Tn, [
           d("button", {
             style: { border: "1px solid #000" },
-            onClick: e[7] || (e[7] = (f) => r.isFormEdit = !1),
+            onClick: e[10] || (e[10] = (h) => r.isFormEdit = !1),
             class: "py-2 px-3 inline-flex items-center gap-x-2 text-sm whitespace-nowrap text-black border-gray-200 rounded-lg !border-gray-200 hover:bg-gray-100 duration-300"
           }, " Скасувати "),
           d("button", {
-            onClick: e[8] || (e[8] = (...f) => o.editDashboard && o.editDashboard(...f)),
+            onClick: e[11] || (e[11] = (...h) => o.editDashboard && o.editDashboard(...h)),
             class: "py-2 px-3 inline-flex items-center gap-x-2 text-[14px] font-[400] whitespace-nowrap text-white bg-blue-500 rounded-lg !border-gray-200 hover:bg-blue-700 duration-300"
           }, " Зберегти ")
         ])
       ]),
       default: G(() => [
-        R(p, {
+        W(p, {
           ref: "formEdit",
           schema: r.editDashboardScheme,
           values: r.formEditValue,
-          "onUpdate:values": e[6] || (e[6] = (f) => r.formEditValue = f)
+          "onUpdate:values": e[9] || (e[9] = (h) => r.formEditValue = h)
         }, null, 8, ["schema", "values"])
       ]),
       _: 1
     }, 8, ["visible"]),
-    R(c, {
+    W(c, {
       teleport: "#modal",
       visible: r.isFormGrid,
       title: "Редагувати структуру дашборду",
-      onClose: e[13] || (e[13] = (f) => r.isFormGrid = !1)
+      onClose: e[16] || (e[16] = (h) => r.isFormGrid = !1)
     }, {
       footer: G(() => [
-        d("div", Cn, [
+        d("div", zn, [
           d("button", {
             style: { border: "1px solid #000" },
-            onClick: e[11] || (e[11] = (f) => r.isFormGrid = !1),
+            onClick: e[14] || (e[14] = (h) => r.isFormGrid = !1),
             class: "py-2 px-3 inline-flex items-center gap-x-2 text-sm whitespace-nowrap text-black border-gray-200 rounded-lg !border-gray-200 hover:bg-gray-100 duration-300"
           }, " Скасувати "),
           d("button", {
-            onClick: e[12] || (e[12] = (...f) => o.editDashboardGrid && o.editDashboardGrid(...f)),
+            onClick: e[15] || (e[15] = (...h) => o.editDashboardGrid && o.editDashboardGrid(...h)),
             class: "py-2 px-3 inline-flex items-center gap-x-2 text-[14px] font-[400] whitespace-nowrap text-white bg-blue-500 rounded-lg !border-gray-200 hover:bg-blue-700 duration-300"
           }, " Зберегти ")
         ])
       ]),
       default: G(() => [
-        R(p, {
+        W(p, {
           ref: "formgrid",
           schema: r.editGridScheme,
           values: r.formGridValue,
-          "onUpdate:values": e[10] || (e[10] = (f) => r.formGridValue = f)
+          "onUpdate:values": e[13] || (e[13] = (h) => r.formGridValue = h)
         }, null, 8, ["schema", "values"])
       ]),
       _: 1
     }, 8, ["visible"])
   ]);
 }
-const In = /* @__PURE__ */ de(yn, [["render", zn]]), Tn = { class: "flex-1 min-w-0 flex flex-col overflow-auto" }, Sn = { class: "max-w-7xl mx-auto px-6 w-full flex flex-col min-h-0 flex-1" }, Ln = { class: "relative z-10 shrink-0 mt-4 mb-6" }, Wn = { class: "flex items-center text-sm text-gray-600" }, Rn = {
+const Sn = /* @__PURE__ */ de(yn, [["render", In]]), Ln = { class: "flex-1 min-w-0 flex flex-col overflow-auto" }, En = { class: "max-w-7xl mx-auto px-6 w-full flex flex-col min-h-0 flex-1" }, Wn = { class: "relative z-10 shrink-0 mt-4 mb-6" }, Rn = { class: "flex items-center text-sm text-gray-600" }, jn = {
   key: 0,
-  class: "flex items-center justify-between gap-4 mt-3"
-}, En = { class: "min-w-0" }, jn = { class: "text-2xl font-bold text-gray-900" }, Vn = {
+  class: "flex flex-col sm:flex-row items-start md:items-center justify-between gap-4 mt-3"
+}, Vn = { class: "min-w-0" }, Nn = { class: "text-2xl font-bold text-gray-900" }, Pn = {
   key: 0,
   class: "mt-1.5 text-sm text-gray-600"
-}, Nn = { class: "flex items-center shrink-0" }, Pn = {
+}, On = { class: "flex items-center justify-end shrink-0 w-full sm:w-auto" }, An = {
   key: 1,
   class: "grid flex-grow w-full grid-cols-12 gap-4 py-4 pr-[15px] min-h-0 overflow-auto [&::-webkit-scrollbar]:h-2 [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-stone-100 [&::-webkit-scrollbar-thumb]:bg-stone-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500"
-}, On = {
+}, Bn = {
   __name: "vs-editor",
   props: {
     prefix: String,
@@ -4238,8 +4305,8 @@ const In = /* @__PURE__ */ de(yn, [["render", zn]]), Tn = { class: "flex-1 min-w
   setup(t, { emit: e }) {
     const s = t;
     tt(s.prefix || "/api");
-    const a = e, r = Le(), o = F(() => r.hasRoute(ce.EditorWidget)), n = ss("biClearDashboard", null), i = S(s.initialDashboardId || ""), l = S(s.initialWidgetId || ""), c = S(null), p = S(null), f = S(null);
-    oe(() => s.initialWidgetId, ($) => {
+    const a = e, r = Le(), o = M(() => r.hasRoute(ce.EditorWidget)), n = ss("biClearDashboard", null), i = S(s.initialDashboardId || ""), l = S(s.initialWidgetId || ""), c = S(null), p = S(null), h = S(null);
+    ie(() => s.initialWidgetId, ($) => {
       l.value = $ || "";
     });
     const x = async () => {
@@ -4248,20 +4315,20 @@ const In = /* @__PURE__ */ de(yn, [["render", zn]]), Tn = { class: "flex-1 min-w
         return;
       }
       try {
-        const $ = await ae.get(
+        const $ = await re.get(
           `/bi-dashboard/${i.value}`
         );
         c.value = $;
       } catch ($) {
         console.error($);
       }
-    }, b = F(
+    }, b = M(
       () => {
-        var $, w, E;
-        return (E = Array.isArray(($ = c.value) == null ? void 0 : $.widgets) ? (w = c.value) == null ? void 0 : w.widgets : []) == null ? void 0 : E.find((B) => (B == null ? void 0 : B.name) === l.value);
+        var $, w, R;
+        return (R = Array.isArray(($ = c.value) == null ? void 0 : $.widgets) ? (w = c.value) == null ? void 0 : w.widgets : []) == null ? void 0 : R.find((B) => (B == null ? void 0 : B.name) === l.value);
       }
     );
-    function h($) {
+    function f($) {
       o.value ? r.push({
         name: ce.EditorWidget,
         params: { dashboardId: i.value, widgetId: $ }
@@ -4276,10 +4343,10 @@ const In = /* @__PURE__ */ de(yn, [["render", zn]]), Tn = { class: "flex-1 min-w
     function y() {
       o.value ? r.push({ name: ce.Editor }) : (typeof n == "function" && n(), a("back"));
     }
-    const I = F(() => {
-      var E, B, T, z, D;
+    const z = M(() => {
+      var R, B, I, T, D;
       const w = [o.value ? { label: "Дашборди", to: { name: ce.Editor } } : { label: "Дашборди", onClick: y }];
-      if ((E = c.value) != null && E.title || i.value) {
+      if ((R = c.value) != null && R.title || i.value) {
         const V = ((B = c.value) == null ? void 0 : B.title) || i.value || "Редактор";
         !!l.value ? w.push(
           o.value ? { label: V, to: { name: ce.EditorDashboard, params: { dashboardId: i.value } } } : { label: V, onClick: () => {
@@ -4289,49 +4356,49 @@ const In = /* @__PURE__ */ de(yn, [["render", zn]]), Tn = { class: "flex-1 min-w
       } else
         w.push({ label: "Редактор" });
       if (l.value && b.value) {
-        const V = ((z = (T = b.value) == null ? void 0 : T.data) == null ? void 0 : z.title) || ((D = b.value) == null ? void 0 : D.title) || l.value;
+        const V = ((T = (I = b.value) == null ? void 0 : I.data) == null ? void 0 : T.title) || ((D = b.value) == null ? void 0 : D.title) || l.value;
         w.push({ label: V });
       }
       return w;
     });
-    return oe(i, ($, w) => {
+    return ie(i, ($, w) => {
       w && (l.value = ""), $ ? x() : (c.value = null, y());
     }), me(() => {
       x();
     }), ($, w) => {
-      var E, B;
+      var R, B;
       return u(), g("div", {
-        class: le(["flex w-full h-full", [t.customClass]])
+        class: se(["flex w-full h-full", [t.customClass]])
       }, [
-        d("div", Tn, [
-          d("div", Sn, [
-            d("div", Ln, [
-              d("div", Wn, [
-                R(is, {
-                  items: I.value,
+        d("div", Ln, [
+          d("div", En, [
+            d("div", Wn, [
+              d("div", Rn, [
+                W(is, {
+                  items: z.value,
                   compact: ""
                 }, null, 8, ["items"])
               ]),
-              i.value && c.value ? (u(), g("div", Rn, [
-                d("div", En, [
-                  d("h1", jn, P(c.value.title || i.value), 1),
-                  c.value.description ? (u(), g("p", Vn, P(c.value.description), 1)) : q("", !0)
+              i.value && c.value ? (u(), g("div", jn, [
+                d("div", Vn, [
+                  d("h1", Nn, P(c.value.title || i.value), 1),
+                  c.value.description ? (u(), g("p", Pn, P(c.value.description), 1)) : U("", !0)
                 ]),
-                d("div", Nn, [
+                d("div", On, [
                   l.value ? (u(), g("button", {
                     key: 0,
                     type: "button",
                     class: "flex items-center gap-1.5 px-3 py-1.5 text-sm text-gray-600 hover:text-gray-900 hover:bg-gray-100 rounded-lg transition-colors",
                     onClick: v
                   }, [
-                    R(H(Qs), { class: "w-4 h-4" }),
-                    w[5] || (w[5] = ne(" Закрити "))
+                    W(H(Qs), { class: "w-4 h-4" }),
+                    w[5] || (w[5] = oe(" Закрити ", -1))
                   ])) : (u(), g(Y, { key: 1 }, [
-                    R(In, {
+                    W(Sn, {
                       selected: i.value,
-                      "onUpdate:selected": w[0] || (w[0] = (T) => i.value = T),
+                      "onUpdate:selected": w[0] || (w[0] = (I) => i.value = I),
                       dashboardData: c.value,
-                      columns: (E = c.value) == null ? void 0 : E.columns,
+                      columns: (R = c.value) == null ? void 0 : R.columns,
                       selectedWidgetData: b.value,
                       prefix: t.prefix,
                       onUpdateEditor: x
@@ -4339,70 +4406,70 @@ const In = /* @__PURE__ */ de(yn, [["render", zn]]), Tn = { class: "flex-1 min-w
                     d("button", {
                       type: "button",
                       class: "ml-4 flex items-center gap-2 px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors shadow-sm font-medium",
-                      onClick: w[1] || (w[1] = (T) => {
-                        var z, D;
-                        return (D = (z = f.value) == null ? void 0 : z.open) == null ? void 0 : D.call(z);
+                      onClick: w[1] || (w[1] = (I) => {
+                        var T, D;
+                        return (D = (T = h.value) == null ? void 0 : T.open) == null ? void 0 : D.call(T);
                       })
-                    }, w[6] || (w[6] = [
+                    }, [...w[6] || (w[6] = [
                       d("span", { class: "leading-none" }, "+", -1),
-                      ne(" Створити віджет ")
-                    ])),
-                    i.value ? (u(), U(nr, {
+                      oe(" Створити віджет ", -1)
+                    ])]),
+                    i.value ? (u(), F(nr, {
                       key: 0,
                       ref_key: "createWidgetRef",
-                      ref: f,
+                      ref: h,
                       inline: "",
                       columns: (B = c.value) == null ? void 0 : B.columns,
                       selectedDashboard: i.value,
                       onUpdateData: x
-                    }, null, 8, ["columns", "selectedDashboard"])) : q("", !0)
+                    }, null, 8, ["columns", "selectedDashboard"])) : U("", !0)
                   ], 64))
                 ])
-              ])) : q("", !0)
+              ])) : U("", !0)
             ]),
-            l.value && c.value ? (u(), U(fn, {
+            l.value && c.value ? (u(), F(fn, {
               key: 0,
               "selected-widget": l.value,
-              "onUpdate:selectedWidget": w[2] || (w[2] = (T) => l.value = T),
+              "onUpdate:selectedWidget": w[2] || (w[2] = (I) => l.value = I),
               "selected-widget-data": b.value,
               "current-widget-data": p.value,
               "selected-dashboard": i.value,
               "dashboard-widgets": c.value.widgets || [],
               onUpdateData: x
-            }, null, 8, ["selected-widget", "selected-widget-data", "current-widget-data", "selected-dashboard", "dashboard-widgets"])) : (u(), g("div", Pn, [
-              c.value ? (u(!0), g(Y, { key: 1 }, se(c.value.panels, (T, z) => {
+            }, null, 8, ["selected-widget", "selected-widget-data", "current-widget-data", "selected-dashboard", "dashboard-widgets"])) : (u(), g("div", An, [
+              c.value ? (u(!0), g(Y, { key: 1 }, ae(c.value.panels, (I, T) => {
                 var D, V;
                 return u(), g("div", {
-                  key: T.widget || ((D = T.widgets) == null ? void 0 : D.join("-")) || z,
-                  class: le([`md:col-span-${T.col || 12} col-span-12`, "flex flex-col gap-[10px]"])
+                  key: I.widget || ((D = I.widgets) == null ? void 0 : D.join("-")) || T,
+                  class: se([`md:col-span-${I.col || 12} col-span-12`, "flex flex-col gap-[10px]"])
                 }, [
-                  (V = T.widgets) != null && V.length ? (u(!0), g(Y, { key: 0 }, se(T.widgets, (O) => (u(), U(Ze, {
-                    onClick: (ee) => h(O),
+                  (V = I.widgets) != null && V.length ? (u(!0), g(Y, { key: 0 }, ae(I.widgets, (O) => (u(), F(Ze, {
+                    onClick: (ee) => f(O),
                     "onUpdate:currentWidgetData": w[3] || (w[3] = (ee) => p.value = ee),
                     key: O,
                     dashboard: i.value,
                     widget: O,
                     selectedWidget: l.value,
                     "dashboard-widgets": c.value.widgets,
-                    height: Number(T.height ?? 480),
-                    class: le({
+                    height: Number(I.height ?? 480),
+                    class: se({
                       "border border-blue-500": l.value === O
                     })
-                  }, null, 8, ["onClick", "dashboard", "widget", "selectedWidget", "dashboard-widgets", "height", "class"]))), 128)) : (u(), U(Ze, {
+                  }, null, 8, ["onClick", "dashboard", "widget", "selectedWidget", "dashboard-widgets", "height", "class"]))), 128)) : (u(), F(Ze, {
                     key: 1,
-                    onClick: (O) => h(T.widget),
+                    onClick: (O) => f(I.widget),
                     "onUpdate:currentWidgetData": w[4] || (w[4] = (O) => p.value = O),
-                    class: le(["flex flex-col", {
-                      "border border-blue-500": l.value === T.widget
+                    class: se(["flex flex-col", {
+                      "border border-blue-500": l.value === I.widget
                     }]),
                     dashboard: i.value,
-                    widget: T.widget,
+                    widget: I.widget,
                     selectedWidget: l.value,
                     "dashboard-widgets": c.value.widgets,
-                    height: Number(T.height ?? 480)
+                    height: Number(I.height ?? 480)
                   }, null, 8, ["onClick", "class", "dashboard", "widget", "selectedWidget", "dashboard-widgets", "height"]))
                 ], 2);
-              }), 128)) : (u(), U(Qe, {
+              }), 128)) : (u(), F(Qe, {
                 key: 0,
                 class: "col-span-12"
               }))
@@ -4412,7 +4479,7 @@ const In = /* @__PURE__ */ de(yn, [["render", zn]]), Tn = { class: "flex-1 min-w
       ], 2);
     };
   }
-}, An = /* @__PURE__ */ de(On, [["__scopeId", "data-v-330ef797"]]), Bn = { class: "w-full h-screen" }, Fn = /* @__PURE__ */ be({
+}, Mn = /* @__PURE__ */ de(Bn, [["__scopeId", "data-v-9395dbec"]]), Fn = { class: "w-full h-screen" }, qn = /* @__PURE__ */ be({
   __name: "vs-editor-page",
   props: {
     prefix: { default: "/api" },
@@ -4421,12 +4488,12 @@ const In = /* @__PURE__ */ de(yn, [["render", zn]]), Tn = { class: "flex-1 min-w
   },
   emits: ["back"],
   setup(t) {
-    return (e, s) => (u(), g("div", Bn, [
-      R(An, {
+    return (e, s) => (u(), g("div", Fn, [
+      W(Mn, {
         customClass: "h-full w-full",
-        prefix: e.prefix,
-        "initial-dashboard-id": e.dashboardId,
-        "initial-widget-id": e.widgetId,
+        prefix: t.prefix,
+        "initial-dashboard-id": t.dashboardId,
+        "initial-widget-id": t.widgetId,
         onBack: s[0] || (s[0] = (a) => e.$emit("back"))
       }, null, 8, ["prefix", "initial-dashboard-id", "initial-widget-id"])
     ]));
@@ -4436,7 +4503,7 @@ const In = /* @__PURE__ */ de(yn, [["render", zn]]), Tn = { class: "flex-1 min-w
   for (const [a, r] of e)
     s[a] = r;
   return s;
-}, Mn = {}, qn = {
+}, Un = {}, Hn = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24",
@@ -4444,8 +4511,8 @@ const In = /* @__PURE__ */ de(yn, [["render", zn]]), Tn = { class: "flex-1 min-w
   stroke: "currentColor",
   class: "size-6 text-green-600"
 };
-function Un(t, e) {
-  return u(), g("svg", qn, [...e[0] || (e[0] = [
+function Gn(t, e) {
+  return u(), g("svg", Hn, [...e[0] || (e[0] = [
     d("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
@@ -4453,7 +4520,7 @@ function Un(t, e) {
     }, null, -1)
   ])]);
 }
-const Hn = /* @__PURE__ */ ve(Mn, [["render", Un]]), Gn = {}, Zn = {
+const Zn = /* @__PURE__ */ ve(Un, [["render", Gn]]), Qn = {}, Xn = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24",
@@ -4461,8 +4528,8 @@ const Hn = /* @__PURE__ */ ve(Mn, [["render", Un]]), Gn = {}, Zn = {
   stroke: "orange",
   class: "size-6 text-orange-600"
 };
-function Qn(t, e) {
-  return u(), g("svg", Zn, [...e[0] || (e[0] = [
+function Jn(t, e) {
+  return u(), g("svg", Xn, [...e[0] || (e[0] = [
     d("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
@@ -4470,7 +4537,7 @@ function Qn(t, e) {
     }, null, -1)
   ])]);
 }
-const Xn = /* @__PURE__ */ ve(Gn, [["render", Qn]]), Jn = {}, Kn = {
+const Kn = /* @__PURE__ */ ve(Qn, [["render", Jn]]), Yn = {}, eo = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24",
@@ -4478,8 +4545,8 @@ const Xn = /* @__PURE__ */ ve(Gn, [["render", Qn]]), Jn = {}, Kn = {
   stroke: "currentColor",
   class: "size-6 text-blue-600"
 };
-function Yn(t, e) {
-  return u(), g("svg", Kn, [...e[0] || (e[0] = [
+function to(t, e) {
+  return u(), g("svg", eo, [...e[0] || (e[0] = [
     d("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
@@ -4487,7 +4554,7 @@ function Yn(t, e) {
     }, null, -1)
   ])]);
 }
-const eo = /* @__PURE__ */ ve(Jn, [["render", Yn]]), to = {}, so = {
+const so = /* @__PURE__ */ ve(Yn, [["render", to]]), ao = {}, ro = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24",
@@ -4495,8 +4562,8 @@ const eo = /* @__PURE__ */ ve(Jn, [["render", Yn]]), to = {}, so = {
   stroke: "red",
   class: "size-6 text-red-600"
 };
-function ao(t, e) {
-  return u(), g("svg", so, [...e[0] || (e[0] = [
+function no(t, e) {
+  return u(), g("svg", ro, [...e[0] || (e[0] = [
     d("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
@@ -4504,7 +4571,7 @@ function ao(t, e) {
     }, null, -1)
   ])]);
 }
-const ro = /* @__PURE__ */ ve(to, [["render", ao]]), no = { class: "rounded-md border border-gray-300 bg-white p-4 shadow-sm" }, oo = { class: "flex items-start gap-4 opacity-100 scale-5 transition-all duration-300" }, io = { class: "flex-1" }, lo = { class: "font-medium text-gray-900" }, co = { class: "mt-0.5 text-sm text-gray-700" }, uo = /* @__PURE__ */ be({
+const oo = /* @__PURE__ */ ve(ao, [["render", no]]), io = { class: "rounded-md border border-gray-300 bg-white p-4 shadow-sm" }, lo = { class: "flex items-start gap-4 opacity-100 scale-5 transition-all duration-300" }, co = { class: "flex-1" }, uo = { class: "font-medium text-gray-900" }, po = { class: "mt-0.5 text-sm text-gray-700" }, ho = /* @__PURE__ */ be({
   __name: "vs-notify",
   props: {
     type: {},
@@ -4513,17 +4580,17 @@ const ro = /* @__PURE__ */ ve(to, [["render", ao]]), no = { class: "rounded-md b
   },
   setup(t) {
     const e = {
-      success: Hn,
-      warning: Xn,
-      error: ro,
-      info: eo
+      success: Zn,
+      warning: Kn,
+      error: oo,
+      info: so
     };
-    return (s, a) => (u(), g("div", no, [
-      d("div", oo, [
-        (u(), U(ct(e[s.type]))),
-        d("div", io, [
-          d("strong", lo, P(s.title), 1),
-          d("p", co, P(s.message), 1)
+    return (s, a) => (u(), g("div", io, [
+      d("div", lo, [
+        (u(), F(ct(e[s.type]))),
+        d("div", co, [
+          d("strong", uo, P(s.title), 1),
+          d("p", po, P(s.message), 1)
         ]),
         a[0] || (a[0] = d("button", {
           class: "m-3 rounded-full p-1.5 text-gray-500 transition-colors hover:bg-gray-50 hover:text-gray-700",
@@ -4554,7 +4621,7 @@ const ro = /* @__PURE__ */ ve(to, [["render", ao]]), no = { class: "rounded-md b
   "left-bottom": "bottom-4 left-4 transform",
   "right-bottom": "bottom-4 right-4 transform",
   bottom: "bottom-4 left-1/2 transform -translate-x-1/2"
-}, po = (t) => {
+}, fo = (t) => {
   var l;
   const {
     type: e = "info",
@@ -4568,9 +4635,9 @@ const ro = /* @__PURE__ */ ve(to, [["render", ao]]), no = { class: "rounded-md b
   }), o.classList.add(...qe[r].split(" ")));
   const n = document.createElement("div");
   o.appendChild(n);
-  const i = Is({
+  const i = zs({
     render() {
-      return Ue(uo, {
+      return Ue(ho, {
         type: e,
         title: s,
         message: a,
@@ -4668,7 +4735,7 @@ be({
         message: ((r = this.notifyOptions) == null ? void 0 : r.message) ?? t,
         position: (o = this.notifyOptions) == null ? void 0 : o.position
       };
-      po(e);
+      fo(e);
     }
   }
 });
@@ -4713,14 +4780,14 @@ be({
     }
   }
 });
-const ho = {}, fo = {
+const go = {}, mo = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "w-6 h-6",
   viewBox: "0 0 20 20",
   fill: "currentColor"
 };
-function go(t, e) {
-  return u(), g("svg", fo, [...e[0] || (e[0] = [
+function bo(t, e) {
+  return u(), g("svg", mo, [...e[0] || (e[0] = [
     d("path", {
       "fill-rule": "evenodd",
       d: "M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z",
@@ -4728,14 +4795,14 @@ function go(t, e) {
     }, null, -1)
   ])]);
 }
-const mo = /* @__PURE__ */ ve(ho, [["render", go]]), bo = {}, xo = {
+const xo = /* @__PURE__ */ ve(go, [["render", bo]]), yo = {}, vo = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "w-6 h-6",
   viewBox: "0 0 20 20",
   fill: "currentColor"
 };
-function yo(t, e) {
-  return u(), g("svg", xo, [...e[0] || (e[0] = [
+function wo(t, e) {
+  return u(), g("svg", vo, [...e[0] || (e[0] = [
     d("path", {
       "fill-rule": "evenodd",
       d: "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z",
@@ -4743,7 +4810,7 @@ function yo(t, e) {
     }, null, -1)
   ])]);
 }
-const vo = /* @__PURE__ */ ve(bo, [["render", yo]]), wo = {}, ko = {
+const ko = /* @__PURE__ */ ve(yo, [["render", wo]]), _o = {}, $o = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -4755,8 +4822,8 @@ const vo = /* @__PURE__ */ ve(bo, [["render", yo]]), wo = {}, ko = {
   height: "16",
   width: "16"
 };
-function _o(t, e) {
-  return u(), g("svg", ko, [...e[0] || (e[0] = [
+function Do(t, e) {
+  return u(), g("svg", $o, [...e[0] || (e[0] = [
     d("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -4765,7 +4832,7 @@ function _o(t, e) {
     d("path", { d: "M6 9l6 6l6 -6" }, null, -1)
   ])]);
 }
-const $o = /* @__PURE__ */ ve(wo, [["render", _o]]), Do = {}, Co = {
+const Co = /* @__PURE__ */ ve(_o, [["render", Do]]), To = {}, zo = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -4777,8 +4844,8 @@ const $o = /* @__PURE__ */ ve(wo, [["render", _o]]), Do = {}, Co = {
   width: "14",
   height: "14"
 };
-function zo(t, e) {
-  return u(), g("svg", Co, [...e[0] || (e[0] = [
+function Io(t, e) {
+  return u(), g("svg", zo, [...e[0] || (e[0] = [
     d("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -4787,22 +4854,22 @@ function zo(t, e) {
     d("path", { d: "M5 12l5 5l10 -10" }, null, -1)
   ])]);
 }
-const Io = /* @__PURE__ */ ve(Do, [["render", zo]]), To = { class: "flex items-center justify-between w-full" }, So = { class: "m-0 flex list-none justify-center gap-1 p-0 text-gray-900" }, Lo = ["onClick"], Wo = {
+const So = /* @__PURE__ */ ve(To, [["render", Io]]), Lo = { class: "flex items-center justify-between w-full" }, Eo = { class: "m-0 flex list-none justify-center gap-1 p-0 text-gray-900" }, Wo = ["onClick"], Ro = {
   key: 1,
   class: "flex size-7 items-center justify-center px-1 text-gray-500 select-none",
   "aria-hidden": "true"
-}, Ro = { key: 1 }, Eo = { for: "Page" }, jo = ["value", "max"], Vo = {
+}, jo = { key: 1 }, Vo = { for: "Page" }, No = ["value", "max"], Po = {
   key: 2,
   class: "text-sm/8 font-medium tracking-widest"
-}, No = {
+}, Oo = {
   key: 0,
   class: "flex justify-center items-center gap-x-5 ml-3"
-}, Po = {
+}, Ao = {
   class: "hs-dropdown-menu z-50 bg-white shadow-md rounded-lg p-1 space-y-0.5 dark:bg-neutral-800 dark:border dark:border-neutral-700 right-0 dark:divide-neutral-700 absolute bottom-[100%]",
   role: "menu",
   "aria-orientation": "vertical",
   "aria-labelledby": "dropdown-button"
-}, Oo = ["onClick"], Ao = /* @__PURE__ */ be({
+}, Bo = ["onClick"], Mo = /* @__PURE__ */ be({
   __name: "vs-pagination",
   props: {
     pageSize: {},
@@ -4817,19 +4884,19 @@ const Io = /* @__PURE__ */ ve(Do, [["render", zo]]), To = { class: "flex items-c
   },
   emits: ["update:page", "pageChange", "pageSizeChange"],
   setup(t, { emit: e }) {
-    const s = t, a = e, r = S(s.page), o = F(() => Math.ceil(s.total / s.pageSize)), n = F(() => {
+    const s = t, a = e, r = S(s.page), o = M(() => Math.ceil(s.total / s.pageSize)), n = M(() => {
       const y = Math.floor(s.pageRange / 2);
-      let I = r.value - y, $ = r.value + y;
-      I < 1 && ($ += 1 - I, I = 1), $ > o.value && (I -= $ - o.value, $ = o.value), I = Math.max(1, I);
+      let z = r.value - y, $ = r.value + y;
+      z < 1 && ($ += 1 - z, z = 1), $ > o.value && (z -= $ - o.value, $ = o.value), z = Math.max(1, z);
       const w = [];
-      for (let E = I; E <= $; E += 1)
-        w.push(E);
+      for (let R = z; R <= $; R += 1)
+        w.push(R);
       return w;
-    }), i = F(() => {
-      const y = n.value, I = o.value;
-      if (I <= 1) return y.map((B) => ({ type: "page", value: B }));
-      const $ = y.length > 0 && y[0] > 1, w = y.length > 0 && y[y.length - 1] < I, E = [];
-      return $ && (E.push({ type: "page", value: 1 }), E.push({ type: "ellipsis" })), y.forEach((B) => E.push({ type: "page", value: B })), w && (E.push({ type: "ellipsis" }), E.push({ type: "page", value: I })), E;
+    }), i = M(() => {
+      const y = n.value, z = o.value;
+      if (z <= 1) return y.map((B) => ({ type: "page", value: B }));
+      const $ = y.length > 0 && y[0] > 1, w = y.length > 0 && y[y.length - 1] < z, R = [];
+      return $ && (R.push({ type: "page", value: 1 }), R.push({ type: "ellipsis" })), y.forEach((B) => R.push({ type: "page", value: B })), w && (R.push({ type: "ellipsis" }), R.push({ type: "page", value: z })), R;
     }), l = (y) => {
       r.value = y, a("update:page", y), a("pageChange", y);
     }, c = () => {
@@ -4837,87 +4904,87 @@ const Io = /* @__PURE__ */ ve(Do, [["render", zo]]), To = { class: "flex items-c
     }, p = () => {
       r.value < o.value && l(r.value + 1);
     };
-    oe(() => s.page, (y) => {
+    ie(() => s.page, (y) => {
       r.value = y;
     });
-    const f = S(s.pageSize), x = S(!1), b = S(null);
-    oe(() => s.pageSize, (y) => {
-      f.value = y;
+    const h = S(s.pageSize), x = S(!1), b = S(null);
+    ie(() => s.pageSize, (y) => {
+      h.value = y;
     });
-    const h = (y = f.value) => {
-      f.value = y, x.value = !1, r.value = 1, a("update:page", r.value), a("pageSizeChange", f.value);
+    const f = (y = h.value) => {
+      h.value = y, x.value = !1, r.value = 1, a("update:page", r.value), a("pageSizeChange", h.value);
     }, v = (y) => {
       if (!x.value) return;
-      const I = y.target;
-      b.value && I && !b.value.contains(I) && (x.value = !1);
+      const z = y.target;
+      b.value && z && !b.value.contains(z) && (x.value = !1);
     };
     return me(() => {
       document.addEventListener("click", v);
-    }), Ts(() => {
+    }), Is(() => {
       document.removeEventListener("click", v);
-    }), (y, I) => (u(), g("div", To, [
-      d("ul", So, [
+    }), (y, z) => (u(), g("div", Lo, [
+      d("ul", Eo, [
         d("li", null, [
           d("button", {
-            class: le(["grid size-7 cursor-pointer place-content-center rounded border border-gray-200 transition-colors hover:bg-gray-50 rtl:rotate-180", { "opacity-50 pointer-events-none": r.value === 1 }]),
+            class: se(["grid size-7 cursor-pointer place-content-center rounded border border-gray-200 transition-colors hover:bg-gray-50 rtl:rotate-180", { "opacity-50 pointer-events-none": r.value === 1 }]),
             "aria-label": "Previous page",
             onClick: c
           }, [
-            R(mo)
+            W(xo)
           ], 2)
         ]),
-        y.view === "button" ? (u(!0), g(Y, { key: 0 }, se(i.value, ($, w) => (u(), g(Y, {
+        y.view === "button" ? (u(!0), g(Y, { key: 0 }, ae(i.value, ($, w) => (u(), g(Y, {
           key: $.type === "page" ? $.value : `ellipsis-${w}`
         }, [
           $.type === "page" ? (u(), g("li", {
             key: 0,
-            class: le([[
+            class: se([[
               `size-${s.size} text-sm/${s.size} px-1.5`,
               $.value === r.value && y.color ? `bg-[${y.color}]` : "",
               $.value === r.value ? `block rounded border border-${y.color}-600 text-center font-medium text-white` : "block rounded border border-gray-200 text-center font-medium transition-colors hover:bg-gray-50"
             ], "cursor-pointer"]),
-            onClick: (E) => l($.value)
-          }, P($.value), 11, Lo)) : (u(), g("li", Wo, " … "))
-        ], 64))), 128)) : y.view === "input" ? (u(), g("li", Ro, [
-          d("label", Eo, [
-            I[2] || (I[2] = d("span", { class: "sr-only" }, " Page ", -1)),
+            onClick: (R) => l($.value)
+          }, P($.value), 11, Wo)) : (u(), g("li", Ro, " … "))
+        ], 64))), 128)) : y.view === "input" ? (u(), g("li", jo, [
+          d("label", Vo, [
+            z[2] || (z[2] = d("span", { class: "sr-only" }, " Page ", -1)),
             d("input", {
               type: "number",
               id: "Page",
               value: r.value,
               min: "1",
               max: o.value,
-              onInput: I[0] || (I[0] = ($) => l(Number($))),
+              onInput: z[0] || (z[0] = ($) => l(Number($))),
               class: "pagination-input block h-8 w-16 rounded border border-gray-300 px-3 py-2 text-base leading-6 shadow-sm focus:border-indigo-500 focus:ring-indigo-500"
-            }, null, 40, jo)
+            }, null, 40, No)
           ])
-        ])) : y.view === "xy" ? (u(), g("li", Vo, P(r.value) + "/" + P(o.value), 1)) : q("", !0),
+        ])) : y.view === "xy" ? (u(), g("li", Po, P(r.value) + "/" + P(o.value), 1)) : U("", !0),
         d("li", null, [
           d("button", {
             onClick: p,
-            class: le(["grid size-7 cursor-pointer place-content-center rounded border border-gray-200 transition-colors hover:bg-gray-50 rtl:rotate-180", { "opacity-50 pointer-events-none": r.value === o.value }]),
+            class: se(["grid size-7 cursor-pointer place-content-center rounded border border-gray-200 transition-colors hover:bg-gray-50 rtl:rotate-180", { "opacity-50 pointer-events-none": r.value === o.value }]),
             "aria-label": "Next page"
           }, [
-            R(vo)
+            W(ko)
           ], 2)
         ])
       ]),
-      y.showPageSizes ? (u(), g("div", No, [
+      y.showPageSizes ? (u(), g("div", Oo, [
         d("div", {
           class: "relative",
           ref_key: "dropdownRef",
           ref: b
         }, [
-          Ge(d("div", Po, [
-            (u(!0), g(Y, null, se(y.pageSizes, ($) => (u(), g("button", {
+          Ge(d("div", Ao, [
+            (u(!0), g(Y, null, ae(y.pageSizes, ($) => (u(), g("button", {
               type: "button",
               key: $,
-              onClick: (w) => h($),
+              onClick: (w) => f($),
               class: "flex w-full items-center gap-x-3.5 rounded-lg px-3 py-2 text-sm text-gray-800 hover:bg-gray-100 focus:bg-gray-100 focus:outline-none dark:text-neutral-400 dark:hover:bg-neutral-700 dark:hover:text-neutral-300 dark:focus:bg-neutral-700"
             }, [
-              ne(P($) + " ", 1),
-              f.value === $ ? (u(), U(Io, { key: 0 })) : q("", !0)
-            ], 8, Oo))), 128))
+              oe(P($) + " ", 1),
+              h.value === $ ? (u(), F(So, { key: 0 })) : U("", !0)
+            ], 8, Bo))), 128))
           ], 512), [
             [Ss, x.value]
           ]),
@@ -4927,31 +4994,31 @@ const Io = /* @__PURE__ */ ve(Do, [["render", zo]]), To = { class: "flex items-c
             "aria-haspopup": "menu",
             "aria-expanded": "false",
             "aria-label": "Dropdown",
-            onClick: I[1] || (I[1] = ($) => x.value = !x.value)
+            onClick: z[1] || (z[1] = ($) => x.value = !x.value)
           }, [
-            ne(P(f.value) + " ", 1),
-            R($o)
+            oe(P(h.value) + " ", 1),
+            W(Co)
           ])
         ], 512)
-      ])) : q("", !0)
+      ])) : U("", !0)
     ]));
   }
-}), Bo = /* @__PURE__ */ ve(Ao, [["__scopeId", "data-v-36d0267f"]]);
-zs({ visible: !0 });
-const Fo = { class: "relative group h-full" }, Mo = { class: "flex items-start gap-3 flex-1 min-h-0" }, qo = { class: "p-2 bg-blue-50 rounded-lg group-hover:bg-blue-100 transition-colors shrink-0" }, Uo = { class: "flex-1 min-w-0 flex flex-col min-h-0" }, Ho = { class: "font-semibold text-gray-900 mb-1 truncate" }, Go = {
+}), Fo = /* @__PURE__ */ ve(Mo, [["__scopeId", "data-v-36d0267f"]]);
+Ts({ visible: !0 });
+const qo = { class: "relative group h-full" }, Uo = { class: "flex items-start gap-3 flex-1 min-h-0" }, Ho = { class: "p-2 bg-blue-50 rounded-lg group-hover:bg-blue-100 transition-colors shrink-0" }, Go = { class: "flex-1 min-w-0 flex flex-col min-h-0" }, Zo = { class: "font-semibold text-gray-900 mb-1 truncate" }, Qo = {
   key: 0,
   class: "text-sm text-gray-600 mb-2 line-clamp-2 min-h-10"
-}, Zo = {
+}, Xo = {
   key: 1,
   class: "text-sm text-gray-600 mb-2 line-clamp-2 min-h-10 invisible",
   "aria-hidden": "true"
-}, Qo = {
+}, Jo = {
   key: 2,
   class: "text-sm text-gray-400 mt-1 shrink-0"
-}, Xo = {
+}, Ko = {
   key: 3,
   class: "text-xs text-gray-400 mt-2 shrink-0"
-}, Jo = {
+}, Yo = {
   __name: "dashboard-card",
   props: {
     title: String,
@@ -4964,7 +5031,7 @@ const Fo = { class: "relative group h-full" }, Mo = { class: "flex items-start g
     onOpenEditor: Function
   },
   setup(t) {
-    const e = t, s = F(() => lt(e.lastUpdate ?? null)), a = Le(), r = S(!1);
+    const e = t, s = M(() => lt(e.lastUpdate ?? null)), a = Le(), r = S(!1);
     function o() {
       e.dashboardRouteName && (a.hasRoute(ce.EditorDashboard) ? a.push({
         name: ce.EditorDashboard,
@@ -4974,30 +5041,30 @@ const Fo = { class: "relative group h-full" }, Mo = { class: "flex items-start g
     function n(i) {
       i.target.closest(".dashboard-card-menu") || (r.value = !1);
     }
-    return me(() => document.addEventListener("click", n)), Oe(() => document.removeEventListener("click", n)), (i, l) => (u(), g("div", Fo, [
+    return me(() => document.addEventListener("click", n)), Oe(() => document.removeEventListener("click", n)), (i, l) => (u(), g("div", qo, [
       d("button", {
         type: "button",
         class: "w-full h-full bg-white border border-gray-200 rounded-lg p-6 hover:shadow-md hover:border-blue-200 transition-all text-left animate-fade-in flex flex-col",
         onClick: o
       }, [
-        d("div", Mo, [
-          d("div", qo, [
-            R(H(Ms), {
+        d("div", Uo, [
+          d("div", Ho, [
+            W(H(Fs), {
               size: 24,
               class: "w-5 h-5 text-blue-600"
             })
           ]),
-          d("div", Uo, [
-            d("h3", Ho, P(t.title), 1),
-            t.description ? (u(), g("p", Go, P(t.description), 1)) : (u(), g("p", Zo, "   ")),
-            t.widgetCount != null ? (u(), g("p", Qo, P(t.widgetCount) + " віджетів ", 1)) : q("", !0),
-            s.value ? (u(), g("p", Xo, " Оновлено: " + P(s.value), 1)) : q("", !0)
+          d("div", Go, [
+            d("h3", Zo, P(t.title), 1),
+            t.description ? (u(), g("p", Qo, P(t.description), 1)) : (u(), g("p", Xo, "   ")),
+            t.widgetCount != null ? (u(), g("p", Jo, P(t.widgetCount) + " віджетів ", 1)) : U("", !0),
+            s.value ? (u(), g("p", Ko, " Оновлено: " + P(s.value), 1)) : U("", !0)
           ])
         ])
       ])
     ]));
   }
-}, Ko = /* @__PURE__ */ de(Jo, [["__scopeId", "data-v-6f582e09"]]), Yo = [
+}, ei = /* @__PURE__ */ de(Yo, [["__scopeId", "data-v-6f582e09"]]), ti = [
   { type: "Text", key: "name", label: "Назва", validators: ["required"], original: { type: "Text", ua: "Назва", col: 8 } },
   { type: "Text", key: "title", label: "Заголовок", validators: ["required"], original: { type: "Text", ua: "Титул", col: 8 } },
   { type: "Text", key: "description", label: "Опис", original: { type: "Text", ua: "Назва", col: 8 } },
@@ -5007,28 +5074,28 @@ const Fo = { class: "relative group h-full" }, Mo = { class: "flex items-start g
   { type: "Text", key: "category", label: "Категорія", original: { type: "Text", ua: "Категорія", col: 8 } },
   { type: "Switcher", key: "public", label: "Публічний", original: { type: "Text", ua: "Назва", col: 8 } }
 ];
-function ei(t) {
+function si(t) {
   return !Array.isArray(t) || t.length === 0 ? {} : t.reduce((e, s) => {
     if (!s || s.key == null) return e;
     const { key: a, ...r } = s;
     return e[a] = r, e;
   }, {});
 }
-const ti = { class: "flex-1 bg-gray-50" }, si = { class: "max-w-7xl mx-auto px-6 py-8" }, ai = { class: "mb-6" }, ri = { class: "flex items-center justify-between mb-6" }, ni = { class: "flex justify-end p-[20px] gap-[10px] border-t w-full" }, oi = { class: "flex items-center space-x-4" }, ii = { class: "flex-1 relative" }, li = { class: "relative" }, di = { class: "relative min-h-[280px]" }, ci = {
+const ai = { class: "flex-1 bg-gray-50" }, ri = { class: "max-w-7xl mx-auto px-6 py-8" }, ni = { class: "mb-6" }, oi = { class: "flex items-start sm:items-center justify-between mb-6 gap-2" }, ii = { class: "flex justify-end p-[20px] gap-[10px] border-t w-full" }, li = { class: "flex items-center space-x-4" }, di = { class: "flex-1 relative" }, ci = { class: "relative" }, ui = { class: "relative min-h-[280px]" }, pi = {
   key: 0,
   class: "absolute inset-0 z-10 flex items-center justify-center rounded-xl bg-white/55 backdrop-blur-[2px]",
   "aria-busy": "true",
   "aria-live": "polite"
-}, ui = { class: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" }, pi = { class: "mt-[20px]" }, hi = {
+}, hi = { class: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" }, fi = { class: "mt-[20px]" }, gi = {
   key: 2,
   class: "flex flex-col items-center justify-center py-20 text-center"
-}, fi = { class: "mt-1 text-sm text-gray-400" }, gi = { class: "font-medium text-gray-500" }, mi = /* @__PURE__ */ be({
+}, mi = { class: "mt-1 text-sm text-gray-400" }, bi = { class: "font-medium text-gray-500" }, xi = /* @__PURE__ */ be({
   __name: "all-dashboards-page",
   props: {
     prefix: {}
   },
   setup(t) {
-    const e = te(() => import("@opengis/form")), s = ei(Yo), a = S([]), r = S([]), o = Le(), n = as();
+    const e = te(() => import("@opengis/form")), s = si(ti), a = S([]), r = S([]), o = Le(), n = as();
     function i(L) {
       const C = Array.isArray(L) ? L[0] : L, A = typeof C == "string" ? parseInt(C, 10) : NaN;
       return !Number.isNaN(A) && A >= 1 ? A : 1;
@@ -5041,18 +5108,18 @@ const ti = { class: "flex-1 bg-gray-50" }, si = { class: "max-w-7xl mx-auto px-6
       const C = L.trim().toLowerCase();
       return C ? C.replace(/[.*+?^${}()|[\]\\]/g, "\\$&") : "";
     }
-    const p = ss("biSetDashboard", void 0), f = t, x = S(null), b = S(!1), h = S({}), v = S(""), y = S("title-asc"), I = S(21), $ = S(0), w = S(1), E = S(!1), B = F(() => {
+    const p = ss("biSetDashboard", void 0), h = t, x = S(null), b = S(!1), f = S({}), v = S(""), y = S("title-asc"), z = S(18), $ = S(0), w = S(1), R = S(!1), B = M(() => {
       const L = y.value === "title-asc" ? 1 : -1;
       return [...a.value].sort((C, A) => L * C.title.localeCompare(A.title, "uk"));
     });
-    async function T() {
-      E.value = !0;
+    async function I() {
+      R.value = !0;
       try {
-        const L = c(v.value), C = await ae.get("/bi-dashboard", {
+        const L = c(v.value), C = await re.get("/bi-dashboard", {
           params: {
             type: "db",
             page: w.value,
-            limit: I.value,
+            limit: z.value,
             ...L ? { search: L } : {}
           }
         }), A = Array.isArray(C == null ? void 0 : C.rows) ? C.rows : [];
@@ -5066,28 +5133,28 @@ const ti = { class: "flex-1 bg-gray-50" }, si = { class: "max-w-7xl mx-auto px-6
       } catch (L) {
         console.error("Failed to load dashboards", L), r.value = [], a.value = [];
       } finally {
-        E.value = !1;
+        R.value = !1;
       }
     }
-    async function z() {
+    async function T() {
       var C, A, Z;
-      const L = (A = (C = ze()) == null ? void 0 : C.proxy) == null ? void 0 : A.$notify;
+      const L = (A = (C = Te()) == null ? void 0 : C.proxy) == null ? void 0 : A.$notify;
       try {
         const m = (Z = x.value) == null ? void 0 : Z.validate();
         typeof m == "function" && await m();
-        const { name: _, title: k, table_name: j } = h.value;
+        const { name: _, title: k, table_name: j } = f.value;
         if (!_ || !k || !j) {
           L == null || L({ type: "error", title: "Помилка!", message: "Заповніть усі обов'язкові поля" });
           return;
         }
-        await ae.post("/bi-dashboard", h.value), b.value = !1, h.value = {}, L == null || L({
+        await re.post("/bi-dashboard", f.value), b.value = !1, f.value = {}, L == null || L({
           type: "success",
           title: "Успішно!",
           message: "Дашборд створено успішно"
         }), o.hasRoute(ce.EditorDashboard) ? o.push({
           name: ce.EditorDashboard,
           params: { dashboardId: _ }
-        }) : p ? p(_) : await T();
+        }) : p ? p(_) : await I();
       } catch {
         L == null || L({
           type: "error",
@@ -5098,8 +5165,8 @@ const ti = { class: "flex-1 bg-gray-50" }, si = { class: "max-w-7xl mx-auto px-6
     }
     let D = null;
     me(() => {
-      tt(f.prefix || "/api"), w.value = i(n.query.page), v.value = l(n.query.search), T();
-    }), oe(v, (L) => {
+      tt(h.prefix || "/api"), w.value = i(n.query.page), v.value = l(n.query.search), I();
+    }), ie(v, (L) => {
       D && clearTimeout(D), D = setTimeout(() => {
         D = null;
         const C = L.trim(), A = l(n.query.search);
@@ -5107,11 +5174,11 @@ const ti = { class: "flex-1 bg-gray-50" }, si = { class: "max-w-7xl mx-auto px-6
         const Z = { ...n.query };
         C ? Z.search = C : delete Z.search, delete Z.page, o.replace({ query: Z });
       }, 300);
-    }), oe(
+    }), ie(
       () => [n.query.page, n.query.search],
       () => {
         const L = i(n.query.page), C = l(n.query.search);
-        w.value = L, v.value = C, T();
+        w.value = L, v.value = C, I();
       }
     );
     const V = S(1), O = () => {
@@ -5123,7 +5190,7 @@ const ti = { class: "flex-1 bg-gray-50" }, si = { class: "max-w-7xl mx-auto px-6
     }), Oe(() => {
       D && clearTimeout(D), window.removeEventListener("resize", O);
     });
-    const ee = (L) => L ? L.trim().length > 70 ? 2 : 1 : 0, re = (L) => {
+    const ee = (L) => L ? L.trim().length > 70 ? 2 : 1 : 0, ne = (L) => {
       const C = V.value || 1, Z = Math.floor(L / C) * C, m = Z + C, _ = B.value.slice(Z, m);
       let k = 0;
       for (const j of _) {
@@ -5131,14 +5198,14 @@ const ti = { class: "flex-1 bg-gray-50" }, si = { class: "max-w-7xl mx-auto px-6
         if (K > k && (k = K), k === 2) break;
       }
       return k;
-    }, ie = (L) => {
+    }, le = (L) => {
       const C = { ...n.query };
       L === 1 ? delete C.page : C.page = String(L), o.push({ query: C });
     };
-    return (L, C) => (u(), g("div", ti, [
-      d("div", si, [
-        d("div", ai, [
-          d("div", ri, [
+    return (L, C) => (u(), g("div", ai, [
+      d("div", ri, [
+        d("div", ni, [
+          d("div", oi, [
             C[7] || (C[7] = d("div", null, [
               d("h1", { class: "text-3xl font-bold text-gray-900" }, "Дашборди"),
               d("p", { class: "mt-2 text-gray-600" }, " Керуйте та переглядайте свої аналітичні дашборди ")
@@ -5148,21 +5215,21 @@ const ti = { class: "flex-1 bg-gray-50" }, si = { class: "max-w-7xl mx-auto px-6
               class: "flex items-center gap-2 px-4 py-2.5 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors shadow-sm font-medium",
               onClick: C[0] || (C[0] = (A) => b.value = !0)
             }, [
-              R(H(ns), {
+              W(H(ns), {
                 size: 24,
                 class: "w-4 h-4"
               }),
-              C[6] || (C[6] = d("span", null, "Новий дашборд", -1))
+              C[6] || (C[6] = d("span", { class: "hidden sm:block" }, "Новий дашборд", -1))
             ])
           ]),
-          R(Ne, {
+          W(Ne, {
             teleport: "#modal",
             visible: b.value,
             title: "Створити дашборд",
             onClose: C[3] || (C[3] = (A) => b.value = !1)
           }, {
             footer: G(() => [
-              d("div", ni, [
+              d("div", ii, [
                 d("button", {
                   type: "button",
                   class: "py-2 px-3 inline-flex items-center gap-x-2 text-sm whitespace-nowrap text-black border border-gray-200 rounded-lg hover:bg-gray-100 duration-300",
@@ -5171,24 +5238,24 @@ const ti = { class: "flex-1 bg-gray-50" }, si = { class: "max-w-7xl mx-auto px-6
                 d("button", {
                   type: "button",
                   class: "py-2 px-3 inline-flex items-center gap-x-2 text-[14px] font-[400] whitespace-nowrap text-white bg-blue-500 rounded-lg hover:bg-blue-700 duration-300",
-                  onClick: z
+                  onClick: T
                 }, " Зберегти ")
               ])
             ]),
             default: G(() => [
-              R(H(e), {
+              W(H(e), {
                 ref_key: "createFormRef",
                 ref: x,
                 schema: H(s),
-                values: h.value,
-                "onUpdate:values": C[1] || (C[1] = (A) => h.value = A)
+                values: f.value,
+                "onUpdate:values": C[1] || (C[1] = (A) => f.value = A)
               }, null, 8, ["schema", "values"])
             ]),
             _: 1
           }, 8, ["visible"]),
-          d("div", oi, [
-            d("div", ii, [
-              R(H(Ot), {
+          d("div", li, [
+            d("div", di, [
+              W(H(Ot), {
                 size: 24,
                 class: "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400"
               }),
@@ -5201,80 +5268,80 @@ const ti = { class: "flex-1 bg-gray-50" }, si = { class: "max-w-7xl mx-auto px-6
                 [Ls, v.value]
               ])
             ]),
-            d("div", li, [
+            d("div", ci, [
               Ge(d("select", {
                 "onUpdate:modelValue": C[5] || (C[5] = (A) => y.value = A),
                 class: "appearance-none pl-3 pr-8 py-2 border border-gray-300 rounded-lg bg-white text-sm text-gray-700 cursor-pointer focus:outline-none focus:ring-2 focus:ring-blue-500"
-              }, C[8] || (C[8] = [
+              }, [...C[8] || (C[8] = [
                 d("option", { value: "title-asc" }, "Назва (А → Я)", -1),
                 d("option", { value: "title-desc" }, "Назва (Я → А)", -1)
-              ]), 512), [
-                [Ws, y.value]
+              ])], 512), [
+                [Es, y.value]
               ]),
-              R(H(Os), {
+              W(H(Os), {
                 size: 16,
                 class: "absolute right-2.5 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400 pointer-events-none"
               })
             ])
           ])
         ]),
-        d("div", di, [
-          E.value ? (u(), g("div", ci, C[9] || (C[9] = [
+        d("div", ui, [
+          R.value ? (u(), g("div", pi, [...C[9] || (C[9] = [
             d("div", {
               class: "h-11 w-11 animate-spin rounded-full border-[3px] border-blue-100 border-t-blue-600 shadow-sm",
               role: "status"
             }, null, -1)
-          ]))) : q("", !0),
+          ])])) : U("", !0),
           B.value.length ? (u(), g(Y, { key: 1 }, [
-            d("div", ui, [
-              (u(!0), g(Y, null, se(B.value, (A, Z) => (u(), g("div", {
+            d("div", hi, [
+              (u(!0), g(Y, null, ae(B.value, (A, Z) => (u(), g("div", {
                 key: A.routeName,
                 class: "cursor-pointer h-full"
               }, [
-                R(Ko, {
+                W(ei, {
                   title: A.title,
                   description: A.description,
                   "last-update": A.last_update,
                   name: A.name,
-                  reserveLines: re(Z),
+                  reserveLines: ne(Z),
                   "dashboard-route-name": A.routeName,
                   "on-open-editor": H(p)
                 }, null, 8, ["title", "description", "last-update", "name", "reserveLines", "dashboard-route-name", "on-open-editor"])
               ]))), 128))
             ]),
-            d("div", pi, [
-              R(H(Bo), {
+            d("div", fi, [
+              W(H(Fo), {
                 total: $.value,
                 showPageSizes: !1,
                 page: w.value,
-                pageSize: I.value,
-                "onUpdate:page": ie,
+                pageSize: z.value,
+                "onUpdate:page": le,
                 color: "#2563eb"
               }, null, 8, ["total", "page", "pageSize"])
             ])
-          ], 64)) : E.value ? q("", !0) : (u(), g("div", hi, [
-            R(H(Ot), {
+          ], 64)) : R.value ? U("", !0) : (u(), g("div", gi, [
+            W(H(Ot), {
               size: 48,
               class: "text-gray-300 mb-4"
             }),
             C[12] || (C[12] = d("p", { class: "text-lg font-medium text-gray-500" }, "Дашбордів не знайдено", -1)),
-            d("p", fi, [
-              C[10] || (C[10] = ne(" За запитом «")),
-              d("span", gi, P(v.value), 1),
-              C[11] || (C[11] = ne("» нічого не знайдено. Спробуйте змінити пошуковий запит. "))
+            d("p", mi, [
+              C[10] || (C[10] = oe(" За запитом «", -1)),
+              d("span", bi, P(v.value), 1),
+              C[11] || (C[11] = oe("» нічого не знайдено. Спробуйте змінити пошуковий запит. ", -1))
             ])
           ]))
         ])
       ])
     ]));
   }
-}), Hl = /* @__PURE__ */ be({
+}), Zl = /* @__PURE__ */ be({
   __name: "editor-root-page",
   props: {
     prefix: { default: "/api" }
   },
   setup(t) {
-    const e = t, s = F(() => e.prefix), a = Le(), r = as(), o = F(
+    const e = t, s = M(() => e.prefix), a = Le(), r = as(), o = M(
       () => a.hasRoute(ce.EditorDashboard)
     ), n = S("");
     me(() => {
@@ -5284,20 +5351,20 @@ const ti = { class: "flex-1 bg-gray-50" }, si = { class: "max-w-7xl mx-auto px-6
         c != null && typeof c == "string" && (n.value = c.trim());
       }
     });
-    const i = F(() => n.value.length > 0);
+    const i = M(() => n.value.length > 0);
     return at("biSetDashboard", (l) => {
       n.value = l || "";
     }), at("biClearDashboard", () => {
       n.value = "";
-    }), at("biSelectedDashboardId", Rs(n)), (l, c) => {
+    }), at("biSelectedDashboardId", Ws(n)), (l, c) => {
       const p = ue("router-view");
-      return o.value ? (u(), U(p, { key: 0 })) : (u(), g(Y, { key: 1 }, [
-        i.value ? (u(), U(Fn, {
+      return o.value ? (u(), F(p, { key: 0 })) : (u(), g(Y, { key: 1 }, [
+        i.value ? (u(), F(qn, {
           key: `editor-${n.value}`,
           prefix: s.value,
           "dashboard-id": n.value,
-          onBack: c[0] || (c[0] = (f) => n.value = "")
-        }, null, 8, ["prefix", "dashboard-id"])) : (u(), U(mi, {
+          onBack: c[0] || (c[0] = (h) => n.value = "")
+        }, null, 8, ["prefix", "dashboard-id"])) : (u(), F(xi, {
           key: 0,
           prefix: s.value
         }, null, 8, ["prefix"]))
@@ -5305,7 +5372,7 @@ const ti = { class: "flex-1 bg-gray-50" }, si = { class: "max-w-7xl mx-auto px-6
     };
   }
 });
-class bi {
+class yi {
   static getTooltipOptions(e = !0) {
     return {
       show: e,
@@ -5320,7 +5387,7 @@ class bi {
     };
   }
 }
-const xi = {
+const vi = {
   show_label: !1,
   show_legend: !1,
   label: null,
@@ -5329,14 +5396,14 @@ const xi = {
   color: null,
   title: null
 };
-function yi() {
+function wi() {
   const t = "0123456789ABCDEF";
   let e = "#";
   for (let s = 0; s < 6; s += 1)
     e += t[Math.floor(Math.random() * 16)];
   return e;
 }
-function Pe(t = xi) {
+function Pe(t = vi) {
   var s, a, r;
   const e = {
     label: {
@@ -5462,7 +5529,7 @@ const Se = typeof window < "u" ? window.echarts : null, De = {
     },
     async getDataFromURL(t) {
       try {
-        const e = await ae.get(t);
+        const e = await re.get(t);
         this.applyResponse(e);
       } catch (e) {
         const s = { message: "Дані не знайдено", title: "Помилка!", type: "error", status: 400, id: this.widgetName };
@@ -5516,12 +5583,12 @@ const Se = typeof window < "u" ? window.echarts : null, De = {
       }
     },
     async initChart(t, e, s) {
-      var a, r, o, n, i, l, c, p, f;
+      var a, r, o, n, i, l, c, p, h;
       this.widgetInstance && this.widgetInstance.clear();
       try {
         const x = this.$refs.chart, b = Se == null ? void 0 : Se.init(x);
         if (!b) return;
-        const h = {
+        const f = {
           tooltip: {
             show: ((r = (a = this.styleData) == null ? void 0 : a.tooltip) == null ? void 0 : r.show) !== !1,
             trigger: "axis",
@@ -5532,29 +5599,29 @@ const Se = typeof window < "u" ? window.echarts : null, De = {
             shadowColor: "transparent",
             padding: [0, 0, 0, 0],
             borderWidth: 0,
-            position: (v, y, I, $, w) => {
-              const [E, B] = v, [T, z] = w.contentSize, [D, V] = w.viewSize;
-              let O = E + 14, ee = B - z / 2;
-              return O + T > D && (O = E - T - 14), O < 0 && (O = 0), ee + z > V && (ee = V - z), ee < 0 && (ee = 0), [O, ee];
+            position: (v, y, z, $, w) => {
+              const [R, B] = v, [I, T] = w.contentSize, [D, V] = w.viewSize;
+              let O = R + 14, ee = B - T / 2;
+              return O + I > D && (O = R - I - 14), O < 0 && (O = 0), ee + T > V && (ee = V - T), ee < 0 && (ee = 0), [O, ee];
             },
             formatter: (v) => {
-              var z;
-              const I = (z = v[0]) == null ? void 0 : z.axisValue, $ = I ? this.formatDate(I) : "N/A", w = [...v].filter((D) => {
+              var T;
+              const z = (T = v[0]) == null ? void 0 : T.axisValue, $ = z ? this.formatDate(z) : "N/A", w = [...v].filter((D) => {
                 var V;
                 return parseFloat(D == null ? void 0 : D.data) || ((V = D == null ? void 0 : D.data) == null ? void 0 : V.value);
               }).sort((D, V) => {
-                var re, ie;
-                const O = parseFloat(((re = D == null ? void 0 : D.data) == null ? void 0 : re.value) ?? (D == null ? void 0 : D.data)) || 0;
-                return (parseFloat(((ie = V == null ? void 0 : V.data) == null ? void 0 : ie.value) ?? (V == null ? void 0 : V.data)) || 0) - O;
-              }), E = w.slice(0, 8), B = w.length - E.length;
-              let T = `
+                var ne, le;
+                const O = parseFloat(((ne = D == null ? void 0 : D.data) == null ? void 0 : ne.value) ?? (D == null ? void 0 : D.data)) || 0;
+                return (parseFloat(((le = V == null ? void 0 : V.data) == null ? void 0 : le.value) ?? (V == null ? void 0 : V.data)) || 0) - O;
+              }), R = w.slice(0, 8), B = w.length - R.length;
+              let I = `
       <div style="background-color: rgba(255, 255, 255, 0.95)" class="border border-gray-200 text-gray-800 rounded-lg shadow-md dark:bg-neutral-800 dark:border-neutral-700 min-w-28">
         <div class="font-semibold text-sm border-b border-solid border-gray-200 text-gray-800 rounded-t-lg dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200 px-2 py-1">
           ${$}
         </div>
     `;
-              return E.forEach((D) => {
-                T += `
+              return R.forEach((D) => {
+                I += `
         <div class="flex justify-between items-center text-xs px-2 py-0.5 text-gray-500 dark:text-neutral-400">
           <span class="flex items-center">
             <span class="w-2.5 h-2.5 me-1.5 rounded-sm" style="background-color: ${D.color};"></span>
@@ -5563,10 +5630,10 @@ const Se = typeof window < "u" ? window.echarts : null, De = {
           <span>${this.getMetricValue(D == null ? void 0 : D.data)}</span>
         </div>
       `;
-              }), B > 0 && (T += `
+              }), B > 0 && (I += `
         <div class="text-xs px-2 py-0.5 text-gray-400 dark:text-neutral-500">
           ... ще ${B}
-        </div>`), T += "</div>", T;
+        </div>`), I += "</div>", I;
             }
           },
           xAxis: {
@@ -5576,9 +5643,9 @@ const Se = typeof window < "u" ? window.echarts : null, De = {
             axisLabel: {
               ...Yt((i = this.styleData) == null ? void 0 : i.x_axis),
               formatter: (v) => {
-                var I, $;
+                var z, $;
                 const y = this.formatDate(v);
-                return (($ = (I = this.styleData) == null ? void 0 : I.x_axis) == null ? void 0 : $.overflow) === "ellipsis" && y.length > 10 ? `${y.slice(0, 10)}...` : y;
+                return (($ = (z = this.styleData) == null ? void 0 : z.x_axis) == null ? void 0 : $.overflow) === "ellipsis" && y.length > 10 ? `${y.slice(0, 10)}...` : y;
               }
             }
           },
@@ -5596,10 +5663,10 @@ const Se = typeof window < "u" ? window.echarts : null, De = {
             left: "0%",
             top: "20px",
             containLabel: !0,
-            ...((f = this.styleData) == null ? void 0 : f.grid) || {}
+            ...((h = this.styleData) == null ? void 0 : h.grid) || {}
           }
         };
-        await b.setOption(h), b.resize(), this.widgetInstance = b, this.$emit("update:currentWidget", b);
+        await b.setOption(f), b.resize(), this.widgetInstance = b, this.$emit("update:currentWidget", b);
       } catch (x) {
         console.error(x);
       }
@@ -5624,7 +5691,7 @@ const Se = typeof window < "u" ? window.echarts : null, De = {
         ...r,
         ...e.options,
         tooltip: {
-          ...bi.getTooltipOptions(e.options.tooltip.show)
+          ...yi.getTooltipOptions(e.options.tooltip.show)
         }
       });
     },
@@ -5654,7 +5721,7 @@ const Se = typeof window < "u" ? window.echarts : null, De = {
       ) : e;
     }
   }
-}, vi = {
+}, ki = {
   name: "VsBar",
   mixins: [De],
   data() {
@@ -5708,13 +5775,13 @@ const Se = typeof window < "u" ? window.echarts : null, De = {
         const p = this.sourceData.filter(
           (x) => parseFloat(x[this.dimensions[1]]) && x[this.dimensions[0]]
         ).map((x) => parseFloat(x[this.dimensions[1]]));
-        let f;
-        return ((s = this.styleData) == null ? void 0 : s.stack) !== !1 ? f = this.prepareStackData() : ((a = this.styleData) == null ? void 0 : a.negative_waterfall) === !0 ? f = this.prepareNegativeWaterfall() : ((r = this.styleData) == null ? void 0 : r.waterfall) === !0 ? f = this.prepareWaterfallData(p) : ((o = this.styleData) == null ? void 0 : o.accumulative) === !0 ? f = this.prepareAccumulative(p) : f = this.dimensions.slice(1).map((b, h) => ({
+        let h;
+        return ((s = this.styleData) == null ? void 0 : s.stack) !== !1 ? h = this.prepareStackData() : ((a = this.styleData) == null ? void 0 : a.negative_waterfall) === !0 ? h = this.prepareNegativeWaterfall() : ((r = this.styleData) == null ? void 0 : r.waterfall) === !0 ? h = this.prepareWaterfallData(p) : ((o = this.styleData) == null ? void 0 : o.accumulative) === !0 ? h = this.prepareAccumulative(p) : h = this.dimensions.slice(1).map((b, f) => ({
           name: b,
           type: "bar",
-          stack: `a${h}`,
+          stack: `a${f}`,
           data: this.sourceData.filter((v) => parseFloat(v[b]) && b).map((v) => parseFloat(v[b]))
-        })), { series: f, xs: l, ys: c };
+        })), { series: h, xs: l, ys: c };
       } catch (n) {
         return console.error(n), { series: [], xs: [], ys: [] };
       }
@@ -5806,18 +5873,18 @@ const Se = typeof window < "u" ? window.echarts : null, De = {
       ];
     }
   }
-}, wi = ["id"];
-function ki(t, e, s, a, r, o) {
+}, _i = ["id"];
+function $i(t, e, s, a, r, o) {
   return u(), g("div", {
     id: o.uniqueID,
     ref: "chart",
     class: "h-full w-full min-h-[200px]"
-  }, null, 8, wi);
+  }, null, 8, _i);
 }
-const _i = /* @__PURE__ */ de(vi, [["render", ki]]), $i = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Di = /* @__PURE__ */ de(ki, [["render", $i]]), Ci = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: _i
-}, Symbol.toStringTag, { value: "Module" })), nt = typeof window < "u" ? window.echarts : null, Di = {
+  default: Di
+}, Symbol.toStringTag, { value: "Module" })), nt = typeof window < "u" ? window.echarts : null, Ti = {
   name: "VsPie",
   props: ["currentWidget"],
   mixins: [De],
@@ -5874,25 +5941,25 @@ const _i = /* @__PURE__ */ de(vi, [["render", ki]]), $i = /* @__PURE__ */ Object
           return console.warn("No source data available"), null;
         const n = Array.from(
           new Set(
-            (this.sourceData || []).map((h) => h[this.dimensions[0]])
+            (this.sourceData || []).map((f) => f[this.dimensions[0]])
           )
         ), i = Array.from(
           new Set(
-            (this.sourceData || []).map((h) => h[this.dimensions[1]])
+            (this.sourceData || []).map((f) => f[this.dimensions[1]])
           )
         ), l = parseInt(
           (this.sourceData || []).reduce(
-            (h, v) => h + parseFloat((v == null ? void 0 : v.metric) || 0),
+            (f, v) => f + parseFloat((v == null ? void 0 : v.metric) || 0),
             0
           ),
           10
-        ), c = n.map((h, v) => {
+        ), c = n.map((f, v) => {
           const y = (i[v] / l * 100).toFixed(2);
           return {
-            name: `${h} (${y}%)`,
+            name: `${f} (${y}%)`,
             value: i[v]
           };
-        }), p = ((e = this.styleData) == null ? void 0 : e.innerRadius) || "80%", f = ((s = this.styleData) == null ? void 0 : s.outerRadius) || "100%", x = [p, f];
+        }), p = ((e = this.styleData) == null ? void 0 : e.innerRadius) || "80%", h = ((s = this.styleData) == null ? void 0 : s.outerRadius) || "100%", x = [p, h];
         return this.styleData.legend = Ye.getLegendOpions({
           borderRadius: 10,
           height: "100%",
@@ -5901,9 +5968,9 @@ const _i = /* @__PURE__ */ de(vi, [["render", ki]]), $i = /* @__PURE__ */ Object
           type: "scroll",
           itemWidth: 14,
           itemHeight: 14,
-          formatter: (h) => {
+          formatter: (f) => {
             var v;
-            return (v = h == null ? void 0 : h.replace("null", "Не визначено")) == null ? void 0 : v.replace("NaN", "0.00");
+            return (v = f == null ? void 0 : f.replace("null", "Не визначено")) == null ? void 0 : v.replace("NaN", "0.00");
           },
           ...((a = this.styleData) == null ? void 0 : a.legend) || {}
         }), this.styleData.label = Ye.getLabelOptions(
@@ -5978,18 +6045,18 @@ const _i = /* @__PURE__ */ de(vi, [["render", ki]]), $i = /* @__PURE__ */ Object
       }
     }
   }
-}, Ci = ["id"];
-function zi(t, e, s, a, r, o) {
+}, zi = ["id"];
+function Ii(t, e, s, a, r, o) {
   return u(), g("div", {
     id: o.uniqueID,
     ref: "chart",
     class: "h-full min-h-[200px] flex items-center"
-  }, null, 8, Ci);
+  }, null, 8, zi);
 }
-const Ii = /* @__PURE__ */ de(Di, [["render", zi]]), Ti = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Si = /* @__PURE__ */ de(Ti, [["render", Ii]]), Li = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ii
-}, Symbol.toStringTag, { value: "Module" })), ot = typeof window < "u" ? window.echarts : null, Si = {
+  default: Si
+}, Symbol.toStringTag, { value: "Module" })), ot = typeof window < "u" ? window.echarts : null, Ei = {
   name: "VsPie",
   props: ["currentWidget"],
   mixins: [De],
@@ -6053,17 +6120,17 @@ const Ii = /* @__PURE__ */ de(Di, [["render", zi]]), Ti = /* @__PURE__ */ Object
           )
         ), i = parseInt(
           (this.sourceData || []).reduce(
-            (b, h) => b + parseFloat(h == null ? void 0 : h.metric),
+            (b, f) => b + parseFloat(f == null ? void 0 : f.metric),
             0
           ),
           10
-        ), l = o.map((b, h) => {
-          const v = (n[h] / i * 100).toFixed(2);
+        ), l = o.map((b, f) => {
+          const v = (n[f] / i * 100).toFixed(2);
           return {
             name: `${b} (${v}%)`,
-            value: n[h]
+            value: n[f]
           };
-        }), c = ((t = this.styleData) == null ? void 0 : t.innerRadius) || "0%", p = ((e = this.styleData) == null ? void 0 : e.outerRadius) || "100%", f = [c, p];
+        }), c = ((t = this.styleData) == null ? void 0 : t.innerRadius) || "0%", p = ((e = this.styleData) == null ? void 0 : e.outerRadius) || "100%", h = [c, p];
         return this.styleData.legend = Ye.getLegendOpions({
           borderRadius: 10,
           height: "100%",
@@ -6080,7 +6147,7 @@ const Ii = /* @__PURE__ */ de(Di, [["render", zi]]), Ti = /* @__PURE__ */ Object
           {
             name: this.titleCharts ? this.titleCharts : this.dimensions[0],
             type: "pie",
-            radius: f,
+            radius: h,
             center: ["50%", "60%"],
             height: "75%",
             ...Pe(this.styleData),
@@ -6130,18 +6197,18 @@ const Ii = /* @__PURE__ */ de(Di, [["render", zi]]), Ti = /* @__PURE__ */ Object
       }
     }
   }
-}, Li = ["id"];
-function Wi(t, e, s, a, r, o) {
+}, Wi = ["id"];
+function Ri(t, e, s, a, r, o) {
   return u(), g("div", {
     id: o.uniqueID,
     ref: "chart",
     class: "h-full min-h-[200px] flex items-center"
-  }, null, 8, Li);
+  }, null, 8, Wi);
 }
-const Ri = /* @__PURE__ */ de(Si, [["render", Wi]]), Ei = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ji = /* @__PURE__ */ de(Ei, [["render", Ri]]), Vi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ri
-}, Symbol.toStringTag, { value: "Module" })), ji = {
+  default: ji
+}, Symbol.toStringTag, { value: "Module" })), Ni = {
   name: "VsLine",
   mixins: [De],
   data() {
@@ -6198,18 +6265,18 @@ const Ri = /* @__PURE__ */ de(Si, [["render", Wi]]), Ei = /* @__PURE__ */ Object
       }
     }
   }
-}, Vi = ["id"];
-function Ni(t, e, s, a, r, o) {
+}, Pi = ["id"];
+function Oi(t, e, s, a, r, o) {
   return u(), g("div", {
     id: r.uniqueID,
     ref: "chart",
     style: { height: "400px" }
-  }, null, 8, Vi);
+  }, null, 8, Pi);
 }
-const Pi = /* @__PURE__ */ de(ji, [["render", Ni]]), Oi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ai = /* @__PURE__ */ de(Ni, [["render", Oi]]), Bi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Pi
-}, Symbol.toStringTag, { value: "Module" })), Ai = {
+  default: Ai
+}, Symbol.toStringTag, { value: "Module" })), Mi = {
   name: "VsStat",
   mixins: [De],
   data() {
@@ -6234,7 +6301,7 @@ const Pi = /* @__PURE__ */ de(ji, [["render", Ni]]), Oi = /* @__PURE__ */ Object
       this.columns = Object.keys(this.sourceData[0]);
       const t = this.getValues();
       this.sumValue = t.reduce((e, s) => e + s, 0), this.sourceData.forEach((e, s) => {
-        e.color = s < es.length - 1 ? es[s] : yi();
+        e.color = s < es.length - 1 ? es[s] : wi();
       });
     },
     formattedValue(t) {
@@ -6242,19 +6309,19 @@ const Pi = /* @__PURE__ */ de(ji, [["render", Ni]]), Oi = /* @__PURE__ */ Object
       return ye(e);
     }
   }
-}, Bi = { class: "flex flex-col w-full h-full pt-[16px] rounded-xl" }, Fi = { class: "flex flex-col justify-between w-full h-full" }, Mi = { class: "w-full h-full pb-6 space-y-4" }, qi = { class: "flex w-full h-3 rounded-full gap-x-1 min-h-3 custom-x-scrollbar" }, Ui = ["onMouseover"], Hi = {
+}, Fi = { class: "flex flex-col w-full h-full pt-[16px] rounded-xl" }, qi = { class: "flex flex-col justify-between w-full h-full" }, Ui = { class: "w-full h-full pb-6 space-y-4" }, Hi = { class: "flex w-full h-3 rounded-full gap-x-1 min-h-3 custom-x-scrollbar" }, Gi = ["onMouseover"], Zi = {
   key: 0,
   class: "absolute top-[-1] left-1/2 transform -translate-x-1/2 -translate-y-full bg-black text-white rounded px-2 py-1"
-}, Gi = { class: "h-[calc(100%-40px)] w-full custom-scrollbar" }, Zi = { class: "grid items-center justify-between grid-cols-2 py-2 gap-x-4" }, Qi = { class: "flex items-center" }, Xi = { class: "text-sm text-gray-800" }, Ji = { class: "text-end" }, Ki = { class: "text-sm text-gray-500" };
-function Yi(t, e, s, a, r, o) {
-  return u(), g("div", Bi, [
-    d("div", Fi, [
-      d("div", Mi, [
-        d("div", qi, [
-          (u(!0), g(Y, null, se(t.sourceData, (n, i) => {
-            var l, c, p, f;
+}, Qi = { class: "h-[calc(100%-40px)] w-full custom-scrollbar" }, Xi = { class: "grid items-center justify-between grid-cols-2 py-2 gap-x-4" }, Ji = { class: "flex items-center" }, Ki = { class: "text-sm text-gray-800" }, Yi = { class: "text-end" }, el = { class: "text-sm text-gray-500" };
+function tl(t, e, s, a, r, o) {
+  return u(), g("div", Fi, [
+    d("div", qi, [
+      d("div", Ui, [
+        d("div", Hi, [
+          (u(!0), g(Y, null, ae(t.sourceData, (n, i) => {
+            var l, c, p, h;
             return u(), g("div", {
-              class: le(["flex flex-col min-w-[5px] justify-center min-h-2.5 h-2.5 text-xs text-white text-center whitespace-nowrap", `bg-[${n.color}]`]),
+              class: se(["flex flex-col min-w-[5px] justify-center min-h-2.5 h-2.5 text-xs text-white text-center whitespace-nowrap", `bg-[${n.color}]`]),
               style: et({
                 width: `${parseFloat(n == null ? void 0 : n[(l = r.columns) == null ? void 0 : l[1]]) / r.sumValue * 100}%`
               }),
@@ -6265,22 +6332,22 @@ function Yi(t, e, s, a, r, o) {
               onMouseover: (x) => r.showTooltip = i,
               onMouseleave: e[0] || (e[0] = (x) => r.showTooltip = -1)
             }, [
-              r.showTooltip > -1 ? (u(), g("div", Hi, P(t.sourceData[r.showTooltip][r.columns[0]]) + " " + P((parseFloat((f = (c = t.sourceData) == null ? void 0 : c[r.showTooltip]) == null ? void 0 : f[(p = r.columns) == null ? void 0 : p[1]]) / r.sumValue * 100).toFixed(2)) + "% ", 1)) : q("", !0)
-            ], 46, Ui);
+              r.showTooltip > -1 ? (u(), g("div", Zi, P(t.sourceData[r.showTooltip][r.columns[0]]) + " " + P((parseFloat((h = (c = t.sourceData) == null ? void 0 : c[r.showTooltip]) == null ? void 0 : h[(p = r.columns) == null ? void 0 : p[1]]) / r.sumValue * 100).toFixed(2)) + "% ", 1)) : U("", !0)
+            ], 46, Gi);
           }), 256))
         ]),
-        d("ul", Gi, [
-          (u(!0), g(Y, null, se(t.sourceData, (n) => {
+        d("ul", Qi, [
+          (u(!0), g(Y, null, ae(t.sourceData, (n) => {
             var i, l;
-            return u(), g("li", Zi, [
-              d("div", Qi, [
+            return u(), g("li", Xi, [
+              d("div", Ji, [
                 d("span", {
-                  class: le(["shrink-0 size-2.5 inline-block rounded-sm me-2.5 min-w-[10px] w-[10px] h-[10px] min-h-[10px]", `bg-[${n.color}]`])
+                  class: se(["shrink-0 size-2.5 inline-block rounded-sm me-2.5 min-w-[10px] w-[10px] h-[10px] min-h-[10px]", `bg-[${n.color}]`])
                 }, null, 2),
-                d("span", Xi, P((n == null ? void 0 : n[(i = r.columns) == null ? void 0 : i[0]]) || "Не визначено"), 1)
+                d("span", Ki, P((n == null ? void 0 : n[(i = r.columns) == null ? void 0 : i[0]]) || "Не визначено"), 1)
               ]),
-              d("div", Ji, [
-                d("span", Ki, P(o.formattedValue(n == null ? void 0 : n[(l = r.columns) == null ? void 0 : l[1]]) || "-"), 1)
+              d("div", Yi, [
+                d("span", el, P(o.formattedValue(n == null ? void 0 : n[(l = r.columns) == null ? void 0 : l[1]]) || "-"), 1)
               ])
             ]);
           }), 256))
@@ -6289,10 +6356,10 @@ function Yi(t, e, s, a, r, o) {
     ])
   ]);
 }
-const el = /* @__PURE__ */ de(Ai, [["render", Yi]]), tl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const sl = /* @__PURE__ */ de(Mi, [["render", tl]]), al = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: el
-}, Symbol.toStringTag, { value: "Module" })), sl = {
+  default: sl
+}, Symbol.toStringTag, { value: "Module" })), rl = {
   name: "VsProgressBar",
   mixins: [De],
   data() {
@@ -6322,24 +6389,24 @@ const el = /* @__PURE__ */ de(Ai, [["render", Yi]]), tl = /* @__PURE__ */ Object
       return ye(t);
     }
   }
-}, al = {
+}, nl = {
   key: 0,
   class: "flex flex-col h-full pt-[16px] rounded-xl"
-}, rl = { class: "h-full pt-0 pb-6 space-y-4" }, nl = { class: "h-full space-y-4 custom-scrollbar" }, ol = { class: "flex items-center justify-between mr-2 gap-x-2" }, il = { class: "grid items-center w-full grid-cols-2 gap-x-2" }, ll = { class: "text-sm text-gray-800" }, dl = {
+}, ol = { class: "h-full pt-0 pb-6 space-y-4" }, il = { class: "h-full space-y-4 custom-scrollbar" }, ll = { class: "flex items-center justify-between mr-2 gap-x-2" }, dl = { class: "grid items-center w-full grid-cols-2 gap-x-2" }, cl = { class: "text-sm text-gray-800" }, ul = {
   class: "flex justify-end",
   role: "progressbar",
   "aria-valuenow": "100",
   "aria-valuemin": "0",
   "aria-valuemax": "100"
-}, cl = { class: "min-w-[60px] text-end" }, ul = { class: "text-sm text-gray-500" };
-function pl(t, e, s, a, r, o) {
-  return r.columns ? (u(), g("div", al, [
-    d("div", rl, [
-      d("ul", nl, [
-        (u(!0), g(Y, null, se(t.sourceData, (n, i) => (u(), g("li", ol, [
-          d("div", il, [
-            d("span", ll, P(n[r.columns[0]]), 1),
-            d("div", dl, [
+}, pl = { class: "min-w-[60px] text-end" }, hl = { class: "text-sm text-gray-500" };
+function fl(t, e, s, a, r, o) {
+  return r.columns ? (u(), g("div", nl, [
+    d("div", ol, [
+      d("ul", il, [
+        (u(!0), g(Y, null, ae(t.sourceData, (n, i) => (u(), g("li", ll, [
+          d("div", dl, [
+            d("span", cl, P(n[r.columns[0]]), 1),
+            d("div", ul, [
               d("div", {
                 class: "h-1.5 flex flex-col justify-center overflow-hidden bg-indigo-500 rounded-full text-xs text-white text-center whitespace-nowrap",
                 style: et({
@@ -6348,18 +6415,18 @@ function pl(t, e, s, a, r, o) {
               }, null, 4)
             ])
           ]),
-          d("div", cl, [
-            d("span", ul, P(o.formattedValue(n[r.columns[1]])), 1)
+          d("div", pl, [
+            d("span", hl, P(o.formattedValue(n[r.columns[1]])), 1)
           ])
         ]))), 256))
       ])
     ])
-  ])) : q("", !0);
+  ])) : U("", !0);
 }
-const hl = /* @__PURE__ */ de(sl, [["render", pl]]), fl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const gl = /* @__PURE__ */ de(rl, [["render", fl]]), ml = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: hl
-}, Symbol.toStringTag, { value: "Module" })), gl = {
+  default: gl
+}, Symbol.toStringTag, { value: "Module" })), bl = {
   name: "VsListbar",
   mixins: [De],
   props: ["source"],
@@ -6397,38 +6464,38 @@ const hl = /* @__PURE__ */ de(sl, [["render", pl]]), fl = /* @__PURE__ */ Object
       return `${t / this.maxValue * 100}%`;
     }
   }
-}, ml = { class: "h-full pt-[20px] list-bar flex flex-col min-h-0" }, bl = { class: "space-y-2 custom-scrollbar flex-1 min-h-0 overflow-y-auto overflow-x-hidden" }, xl = { class: "relative w-full truncate" }, yl = { class: "relative z-[1] text-sm block py-1 px-2 w-full text-sm truncate text-gray-800" }, vl = { class: "text-[14px] text-gray-500" };
-function wl(t, e, s, a, r, o) {
-  return u(), g("div", ml, [
-    d("ul", bl, [
-      (u(!0), g(Y, null, se(t.sourceData, (n, i) => {
+}, xl = { class: "h-full pt-[20px] list-bar flex flex-col min-h-0" }, yl = { class: "space-y-2 custom-scrollbar flex-1 min-h-0 overflow-y-auto overflow-x-hidden" }, vl = { class: "relative w-full truncate" }, wl = { class: "relative z-[1] text-sm block py-1 px-2 w-full text-sm truncate text-gray-800" }, kl = { class: "text-[14px] text-gray-500" };
+function _l(t, e, s, a, r, o) {
+  return u(), g("div", xl, [
+    d("ul", yl, [
+      (u(!0), g(Y, null, ae(t.sourceData, (n, i) => {
         var l, c, p;
         return u(), g("li", {
           key: i,
           class: "flex items-center justify-between w-full gap-x-2"
         }, [
-          d("div", xl, [
-            d("span", yl, P((n == null ? void 0 : n[(l = r.columns) == null ? void 0 : l[0]]) || "Без категорії"), 1),
+          d("div", vl, [
+            d("span", wl, P((n == null ? void 0 : n[(l = r.columns) == null ? void 0 : l[0]]) || "Без категорії"), 1),
             d("div", {
-              class: le(["absolute inset-y-0 h-full rounded start-0", n != null && n[(c = r.columns) == null ? void 0 : c[0]] ? "bg-indigo-100" : "bg-gray-100"]),
+              class: se(["absolute inset-y-0 h-full rounded start-0", n != null && n[(c = r.columns) == null ? void 0 : c[0]] ? "bg-indigo-100" : "bg-gray-100"]),
               style: et({ width: o.getWidth(n == null ? void 0 : n[(p = r.columns) == null ? void 0 : p[1]]) })
             }, null, 6)
           ]),
-          (u(!0), g(Y, null, se(r.restDimensions, (f, x) => (u(), g("div", {
+          (u(!0), g(Y, null, ae(r.restDimensions, (h, x) => (u(), g("div", {
             key: x,
             class: "w-20 mr-2 text-end"
           }, [
-            d("span", vl, P(o.formattedValue(n == null ? void 0 : n[f])), 1)
+            d("span", kl, P(o.formattedValue(n == null ? void 0 : n[h])), 1)
           ]))), 128))
         ]);
       }), 128))
     ])
   ]);
 }
-const kl = /* @__PURE__ */ de(gl, [["render", wl]]), _l = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const $l = /* @__PURE__ */ de(bl, [["render", _l]]), Dl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: kl
-}, Symbol.toStringTag, { value: "Module" })), $l = {
+  default: $l
+}, Symbol.toStringTag, { value: "Module" })), Cl = {
   name: "VsPivotTable",
   mixins: [De],
   data() {
@@ -6462,37 +6529,37 @@ const kl = /* @__PURE__ */ de(gl, [["render", wl]]), _l = /* @__PURE__ */ Object
       }
     }
   }
-}, Dl = { class: "flex flex-col h-full p-5 space-y-4 rounded-xl custom-scrollbar" }, Cl = { class: "overflow-x-auto [&::-webkit-scrollbar]:h-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:bg-gray-300 custom-scrollbar" }, zl = { class: "inline-block min-w-full align-middle" }, Il = { class: "min-w-full divide-y divide-gray-200" }, Tl = { class: "space-x-2" }, Sl = {
+}, Tl = { class: "flex flex-col h-full p-5 space-y-4 rounded-xl custom-scrollbar" }, zl = { class: "overflow-x-auto [&::-webkit-scrollbar]:h-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:bg-gray-300 custom-scrollbar" }, Il = { class: "inline-block min-w-full align-middle" }, Sl = { class: "min-w-full divide-y divide-gray-200" }, Ll = { class: "space-x-2" }, El = {
   scope: "col",
   class: "xl:min-w-[120px] min-w-48"
-}, Ll = { class: "py-2.5 text-text-start flex items-center gap-x-1 text-sm font-normal text-gray-500" }, Wl = { class: "divide-y divide-gray-200 text-[12px]" }, Rl = { class: "py-3 size-px whitespace-nowrap" }, El = { class: "flex items-center gap-x-3" }, jl = { class: "font-medium text-gray-800" }, Vl = { class: "py-3 size-px whitespace-nowrap" }, Nl = { class: "text-gray-600" };
-function Pl(t, e, s, a, r, o) {
-  return u(), g("div", Dl, [
-    d("div", Cl, [
-      d("div", zl, [
-        d("table", Il, [
+}, Wl = { class: "py-2.5 text-text-start flex items-center gap-x-1 text-sm font-normal text-gray-500" }, Rl = { class: "divide-y divide-gray-200 text-[12px]" }, jl = { class: "py-3 size-px whitespace-nowrap" }, Vl = { class: "flex items-center gap-x-3" }, Nl = { class: "font-medium text-gray-800" }, Pl = { class: "py-3 size-px whitespace-nowrap" }, Ol = { class: "text-gray-600" };
+function Al(t, e, s, a, r, o) {
+  return u(), g("div", Tl, [
+    d("div", zl, [
+      d("div", Il, [
+        d("table", Sl, [
           d("thead", null, [
-            d("tr", Tl, [
+            d("tr", Ll, [
               e[0] || (e[0] = d("th", {
                 scope: "col",
                 class: "min-w-[200px]"
               }, [
                 d("div", { class: "py-2.5 text-text-start flex items-center gap-x-1 text-sm font-normal text-gray-500" })
               ], -1)),
-              (u(!0), g(Y, null, se(r.xs, (n) => (u(), g("th", Sl, [
-                d("div", Ll, P(n), 1)
+              (u(!0), g(Y, null, ae(r.xs, (n) => (u(), g("th", El, [
+                d("div", Wl, P(n), 1)
               ]))), 256))
             ])
           ]),
-          (u(!0), g(Y, null, se(r.values, (n) => (u(), g("tbody", Wl, [
+          (u(!0), g(Y, null, ae(r.values, (n) => (u(), g("tbody", Rl, [
             d("tr", null, [
-              d("td", Rl, [
-                d("div", El, [
-                  d("span", jl, P(n.name), 1)
+              d("td", jl, [
+                d("div", Vl, [
+                  d("span", Nl, P(n.name), 1)
                 ])
               ]),
-              (u(!0), g(Y, null, se(r.xs, (i, l) => (u(), g("td", Vl, [
-                d("span", Nl, P(n.data[l]), 1)
+              (u(!0), g(Y, null, ae(r.xs, (i, l) => (u(), g("td", Pl, [
+                d("span", Ol, P(n.data[l]), 1)
               ]))), 256))
             ])
           ]))), 256))
@@ -6501,14 +6568,14 @@ function Pl(t, e, s, a, r, o) {
     ])
   ]);
 }
-const Ol = /* @__PURE__ */ de($l, [["render", Pl]]), Al = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Bl = /* @__PURE__ */ de(Cl, [["render", Al]]), Ml = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ol
+  default: Bl
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   ce as R,
   Xa as U,
-  _i as V,
+  Di as V,
   Qs as X,
   de as _,
   Pe as a,
@@ -6516,21 +6583,21 @@ export {
   De as c,
   ye as d,
   pe as e,
-  ql as f,
-  ae as g,
+  Hl as f,
+  re as g,
   mn as h,
   gn as i,
-  mi as j,
-  Fn as k,
-  Hl as l,
+  xi as j,
+  qn as k,
+  Zl as l,
   Q as m,
-  Ri as n,
-  Pi as o,
-  el as p,
-  hl as q,
-  kl as r,
-  Ol as s,
-  Ul as t,
+  ji as n,
+  Ai as o,
+  sl as p,
+  gl as q,
+  $l as r,
+  Bl as s,
+  Gl as t,
   Ze as u,
-  Ii as v
+  Si as v
 };