@opengis/form 0.0.23 → 0.0.24

package/dist/index.js

@@ -1,5 +1,5 @@
-import { defineComponent as O, ref as x, onMounted as ue, onUnmounted as Ee, createElementBlock as u, openBlock as i, normalizeClass as V, createCommentVNode as j, renderSlot as ge, createElementVNode as l, toDisplayString as F, normalizeProps as Fe, guardReactiveProps as De, createTextVNode as se, computed as D, mergeModels as Q, useModel as X, withDirectives as K, unref as J, vModelText as de, vModelCheckbox as Ye, createVNode as B, createBlock as te, resolveDynamicComponent as _e, normalizeStyle as he, withCtx as $e, withModifiers as ne, onBeforeUnmount as dt, watch as ie, createStaticVNode as re, vModelRadio as et, Fragment as ee, renderList as le, mergeProps as Le, reactive as ct, vShow as Ue, inject as Be, resolveComponent as Ne, Transition as tt, nextTick as Me, Teleport as pt, provide as He } from "vue";
-import { notify as pe, modal as ft, TooltipDirective as qe, VsModal as vt } from "@opengis/core";
+import { defineComponent as E, ref as x, onMounted as pe, onUnmounted as Ue, createElementBlock as u, openBlock as i, normalizeClass as M, createCommentVNode as z, renderSlot as ke, createElementVNode as l, toDisplayString as F, normalizeProps as Te, guardReactiveProps as Re, createTextVNode as ie, computed as T, mergeModels as W, useModel as Q, withDirectives as X, unref as G, vModelText as fe, vModelCheckbox as Xe, createVNode as I, createBlock as te, resolveDynamicComponent as Ve, normalizeStyle as we, withCtx as Me, withModifiers as ce, onBeforeUnmount as ut, watch as ue, createStaticVNode as re, vModelRadio as Ye, Fragment as ee, renderList as le, mergeProps as je, reactive as dt, vShow as Pe, inject as ze, resolveComponent as Ne, Transition as et, nextTick as Be, Teleport as ct, getCurrentInstance as pt, provide as He } from "vue";
+import { notify as me, modal as ft, VsModal as vt } from "@opengis/core";
 const mt = {
   key: 0,
   class: "text-[14px] font-medium text-gray-900 mb-2"
@@ -9,7 +9,7 @@ const mt = {
 }, bt = {
   key: 1,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, yt = /* @__PURE__ */ O({
+}, yt = /* @__PURE__ */ E({
   __name: "vs-layout-default",
   props: {
     ua: { default: "" },
@@ -23,22 +23,22 @@ const mt = {
     label: { default: "" }
   },
   setup(o) {
-    const e = x("uk"), t = (n) => {
-      n.detail.key === "locale" && (e.value = n.detail.newValue);
+    const e = x("uk"), t = (r) => {
+      r.detail.key === "locale" && (e.value = r.detail.newValue);
     };
-    return ue(() => {
+    return pe(() => {
       e.value = localStorage.locale, window.addEventListener("storage", t);
-    }), Ee(() => {
+    }), Ue(() => {
       window.removeEventListener("resize", t);
-    }), (n, s) => (i(), u("div", {
-      class: V(["w-full relative", { "opacity-60": n.item.disabled }])
+    }), (r, s) => (i(), u("div", {
+      class: M(["w-full relative", { "opacity-60": r.item.disabled }])
     }, [
-      n.ua || n.label ? (i(), u("div", mt, [
-        l("span", ht, F(n.item[e.value] || n.ua || n.label), 1),
-        n.item?.rules?.includes("required") ? (i(), u("span", gt, "*")) : j("", !0)
-      ])) : j("", !0),
-      ge(n.$slots, "default", Fe(De(n.$attrs))),
-      n.error ? (i(), u("span", bt, F(n.error), 1)) : j("", !0)
+      r.ua || r.label ? (i(), u("div", mt, [
+        l("span", ht, F(r.item[e.value] || r.ua || r.label), 1),
+        r.item?.rules?.includes("required") ? (i(), u("span", gt, "*")) : z("", !0)
+      ])) : z("", !0),
+      ke(r.$slots, "default", Te(Re(r.$attrs))),
+      r.error ? (i(), u("span", bt, F(r.error), 1)) : z("", !0)
     ], 2));
   }
 }), xt = { class: "w-full relative flex flex-row items-center gap-2" }, wt = {
@@ -50,7 +50,7 @@ const mt = {
 }, _t = {
   key: 1,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, $t = /* @__PURE__ */ O({
+}, $t = /* @__PURE__ */ E({
   __name: "vs-layout-horizontal",
   props: {
     ua: { default: "" },
@@ -66,17 +66,17 @@ const mt = {
   setup(o) {
     return (e, t) => (i(), u("div", xt, [
       e.item?.type !== "html" ? (i(), u("span", wt, [
-        se(F(e.ua || e.label) + " ", 1),
-        e.item?.rules?.includes("required") && (e.ua || e.label) ? (i(), u("span", kt, "*")) : j("", !0)
-      ])) : j("", !0),
-      ge(e.$slots, "default", Fe(De(e.$attrs))),
-      e.error ? (i(), u("span", _t, F(e.error), 1)) : j("", !0)
+        ie(F(e.ua || e.label) + " ", 1),
+        e.item?.rules?.includes("required") && (e.ua || e.label) ? (i(), u("span", kt, "*")) : z("", !0)
+      ])) : z("", !0),
+      ke(e.$slots, "default", Te(Re(e.$attrs))),
+      e.error ? (i(), u("span", _t, F(e.error), 1)) : z("", !0)
     ]));
   }
 }), Ct = { class: "w-full relative" }, Vt = {
   key: 0,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, Mt = /* @__PURE__ */ O({
+}, Mt = /* @__PURE__ */ E({
   __name: "vs-layout-inline",
   props: {
     ua: { default: "" },
@@ -91,8 +91,8 @@ const mt = {
   },
   setup(o) {
     return (e, t) => (i(), u("div", Ct, [
-      ge(e.$slots, "default", Fe(De(e.$attrs))),
-      e.error ? (i(), u("span", Vt, F(e.error), 1)) : j("", !0)
+      ke(e.$slots, "default", Te(Re(e.$attrs))),
+      e.error ? (i(), u("span", Vt, F(e.error), 1)) : z("", !0)
     ]));
   }
 }), Lt = {
@@ -100,17 +100,17 @@ const mt = {
   horizontal: $t,
   inline: Mt
 };
-function be(o) {
+function _e(o) {
   return {
-    inputClass: D(() => {
+    inputClass: T(() => {
       const t = `disabled:opacity-50 disabled:cursor-not-allowed outline-none focus:ring-2 focus:ring-ring focus:ring-${o?.primaryColor || "blue"}-500 border border-solid border-stone-200 rounded-md text-sm text-stone-800 placeholder:text-stone-400 `;
       return o?.size === "sm" ? `${t}h-[32px]` : `${t}h-[38px]`;
     })
   };
 }
-const St = ["placeholder", "disabled"], Ge = /* @__PURE__ */ O({
+const St = ["placeholder", "disabled"], qe = /* @__PURE__ */ E({
   __name: "vs-input-text",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ W({
     style: { default: () => ({}) },
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -124,23 +124,23 @@ const St = ["placeholder", "disabled"], Ge = /* @__PURE__ */ O({
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = be(e.style), n = X(o, "modelValue");
-    return (s, a) => K((i(), u("input", {
+    const e = o, { inputClass: t } = _e(e.style), r = Q(o, "modelValue");
+    return (s, n) => X((i(), u("input", {
       type: "text",
-      "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
+      "onUpdate:modelValue": n[0] || (n[0] = (a) => r.value = a),
       placeholder: s.placeholder,
       disabled: s.disabled,
-      class: V(["py-1.5 px-3 block w-full placeholder:text[#767f8f]", [J(t), { "!border-red-600": s.error }]]),
+      class: M(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [G(t), { "!border-red-600": s.error }]]),
       style: {
         border: "1px solid #CFD9E0"
       }
     }, null, 10, St)), [
-      [de, n.value]
+      [fe, r.value]
     ]);
   }
-}), Bt = ["placeholder"], jt = /* @__PURE__ */ O({
+}), Bt = ["placeholder"], jt = /* @__PURE__ */ E({
   __name: "vs-input-number",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ W({
     style: { default: () => ({}) },
     customClass: {},
     disabled: { type: Boolean },
@@ -154,24 +154,24 @@ const St = ["placeholder", "disabled"], Ge = /* @__PURE__ */ O({
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = be(e.style), n = X(o, "modelValue");
-    return (s, a) => K((i(), u("input", {
+    const e = o, { inputClass: t } = _e(e.style), r = Q(o, "modelValue");
+    return (s, n) => X((i(), u("input", {
       type: "number",
       step: "any",
-      "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
+      "onUpdate:modelValue": n[0] || (n[0] = (a) => r.value = a),
       placeholder: s.placeholder,
-      class: V(["py-1.5 px-3 block w-full", [J(t)]]),
+      class: M(["py-1.5 px-3 block w-full bg-white", [G(t)]]),
       style: {
         border: "1px solid #CFD9E0"
       }
     }, null, 10, Bt)), [
-      [de, n.value]
+      [fe, r.value]
     ]);
   }
-}), R = (o, e) => {
+}), P = (o, e) => {
   const t = o.__vccOpts || o;
-  for (const [n, s] of e)
-    t[n] = s;
+  for (const [r, s] of e)
+    t[r] = s;
   return t;
 }, It = {}, zt = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -193,7 +193,7 @@ function At(o, e) {
     l("path", { d: "M5 12l5 5l10 -10" }, null, -1)
   ]));
 }
-const Ot = /* @__PURE__ */ R(It, [["render", At]]), Et = { class: "flex items-center gap-[4px]" }, Ft = ["value", "id", "disabled"], Dt = ["for"], Ut = { class: "text-[14px] text-gray-700 flex items-center gap-x-1 ml-1 dark:text-neutral-400" }, Tt = /* @__PURE__ */ O({
+const Ot = /* @__PURE__ */ P(It, [["render", At]]), Et = { class: "flex items-center gap-[4px]" }, Ft = ["value", "id", "disabled"], Dt = ["for"], Ut = { class: "text-[14px] text-gray-700 flex items-center gap-x-1 ml-1 dark:text-neutral-400" }, Tt = /* @__PURE__ */ E({
   __name: "vs-checkbox-default",
   props: {
     value: { default: "" },
@@ -206,36 +206,36 @@ const Ot = /* @__PURE__ */ R(It, [["render", At]]), Et = { class: "flex items-ce
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = e, n = o, s = D({
-      get: () => n.modelValue,
-      set: (a) => t("update:modelValue", a)
+    const t = e, r = o, s = T({
+      get: () => r.modelValue,
+      set: (n) => t("update:modelValue", n)
     });
-    return (a, r) => (i(), u("div", Et, [
-      K(l("input", {
+    return (n, a) => (i(), u("div", Et, [
+      X(l("input", {
         type: "checkbox",
-        value: a.value,
-        "onUpdate:modelValue": r[0] || (r[0] = (d) => s.value = d),
-        class: V(["shrink-0 border border-solid hidden border-gray-700 w-3.5 h-3.5 rounded text-blue-600 focus:ring-offset-0 dark:bg-neutral-800 dark:border-neutral-700 cursor-pointer", { "!cursor-not-allowed": a.disabled }]),
-        id: a.id,
-        disabled: a.disabled
+        value: n.value,
+        "onUpdate:modelValue": a[0] || (a[0] = (d) => s.value = d),
+        class: M(["shrink-0 border border-solid hidden border-gray-700 w-3.5 h-3.5 rounded text-blue-600 focus:ring-offset-0 dark:bg-neutral-800 dark:border-neutral-700 cursor-pointer", { "!cursor-not-allowed": n.disabled }]),
+        id: n.id,
+        disabled: n.disabled
       }, null, 10, Ft), [
-        [Ye, s.value]
+        [Xe, s.value]
       ]),
       l("label", {
-        for: a.id,
-        class: V(["flex flex-1 checkbox-label items-center gap-x-2 cursor-pointer text-sm text-gray-800 dark:text-neutral-300", { "!cursor-not-allowed": a.disabled }])
+        for: n.id,
+        class: M(["flex flex-1 checkbox-label items-center gap-x-2 cursor-pointer text-sm text-gray-800 dark:text-neutral-300", { "!cursor-not-allowed": n.disabled }])
       }, [
         l("div", {
-          class: V(["h-[16px] text-white w-[16px] flex items-center justify-center shrink-0 border rounded", [s.value ? "bg-blue-600 border-blue-600" : "bg-white border-gray-600", a.error ? "border-red-600" : ""]])
+          class: M(["h-[16px] text-white w-[16px] flex items-center justify-center shrink-0 border rounded", [s.value ? "bg-blue-600 border-blue-600" : "bg-white border-gray-600", n.error ? "border-red-600" : ""]])
         }, [
-          B(Ot, {
+          I(Ot, {
             height: "12",
             width: "12"
           })
         ], 2),
         l("span", Ut, [
-          ge(a.$slots, "default", {}, () => [
-            se(F(a.label), 1)
+          ke(n.$slots, "default", {}, () => [
+            ie(F(n.label), 1)
           ])
         ])
       ], 10, Dt)
@@ -244,7 +244,7 @@ const Ot = /* @__PURE__ */ R(It, [["render", At]]), Et = { class: "flex items-ce
 }), Rt = ["name", "value", "disabled"], Pt = { class: "flex items-center gap-[6px] text-[14px]" }, Nt = {
   key: 0,
   class: "text-[16px]"
-}, Ht = ["src"], qt = /* @__PURE__ */ O({
+}, Ht = ["src"], qt = /* @__PURE__ */ E({
   __name: "vs-checkbox-buttons",
   props: {
     value: { type: [String, Number, Boolean], default: "" },
@@ -258,16 +258,16 @@ const Ot = /* @__PURE__ */ R(It, [["render", At]]), Et = { class: "flex items-ce
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, n = e, s = D({
+    const t = o, r = e, s = T({
       get: () => t.modelValue,
       set: (d) => {
-        n("update:modelValue", d);
+        r("update:modelValue", d);
       }
-    }), a = D(() => Array.isArray(s.value) ? s.value.includes(t.value) : s.value === !0 || s.value === t.value), r = D(() => t.style?.size === "xs" ? "p-1.5 text-xs" : t.style?.size === "lg" ? "p-3.5 text-[20px]" : "p-2.5 text-xs");
+    }), n = T(() => Array.isArray(s.value) ? s.value.includes(t.value) : s.value === !0 || s.value === t.value), a = T(() => t.style?.size === "xs" ? "p-1.5 text-xs" : t.style?.size === "lg" ? "p-3.5 text-[20px]" : "p-2.5 text-xs");
     return (d, p) => (i(), u("label", {
-      class: V(["group relative flex justify-center items-center gap-x-3 text-center bg-white text-gray-800 ring-ring ring-2 cursor-pointer rounded-lg", [r.value, a.value ? "ring-blue-500" : "border border-gray-200 ring-transparent"]])
+      class: M(["group relative flex justify-center items-center gap-x-3 text-center bg-white text-gray-800 ring-ring ring-2 cursor-pointer rounded-lg", [a.value, n.value ? "ring-blue-500" : "border border-gray-200 ring-transparent"]])
     }, [
-      K(l("input", {
+      X(l("input", {
         type: "checkbox",
         class: "hidden",
         name: d.id,
@@ -275,29 +275,29 @@ const Ot = /* @__PURE__ */ R(It, [["render", At]]), Et = { class: "flex items-ce
         "onUpdate:modelValue": p[0] || (p[0] = (f) => s.value = f),
         disabled: d.disabled
       }, null, 8, Rt), [
-        [Ye, s.value]
+        [Xe, s.value]
       ]),
       l("span", Pt, [
         d.icon || d.imgUrl ? (i(), u("span", Nt, [
           d.icon ? (i(), u("i", {
             key: 0,
-            class: V(d.icon)
-          }, null, 2)) : j("", !0),
+            class: M(d.icon)
+          }, null, 2)) : z("", !0),
           d.imgUrl ? (i(), u("img", {
             key: 1,
             src: d.imgUrl,
             width: "16",
             height: "16",
             alt: "icon"
-          }, null, 8, Ht)) : j("", !0)
-        ])) : j("", !0),
-        ge(d.$slots, "default", {}, () => [
-          se(F(d.label), 1)
+          }, null, 8, Ht)) : z("", !0)
+        ])) : z("", !0),
+        ke(d.$slots, "default", {}, () => [
+          ie(F(d.label), 1)
         ])
       ])
     ], 2));
   }
-}), Gt = { class: "flex items-center" }, lt = /* @__PURE__ */ O({
+}), Gt = { class: "flex items-center" }, tt = /* @__PURE__ */ E({
   __name: "vs-input-checkbox-item",
   props: {
     value: { default: "" },
@@ -314,32 +314,32 @@ const Ot = /* @__PURE__ */ R(It, [["render", At]]), Et = { class: "flex items-ce
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, n = e, s = `radio-${Math.floor(Math.random() * 1e4)}`, a = D({
+    const t = o, r = e, s = `radio-${Math.floor(Math.random() * 1e4)}`, n = T({
       get: () => Array.isArray(t.modelValue) ? Array.isArray(t.modelValue) && t.modelValue.includes(t.value) : t.modelValue,
       set: (d) => {
         if (Array.isArray(t.modelValue)) {
           let p = [...t.modelValue];
-          d ? p.includes(t.value) || p.push(t.value) : p = p.filter((f) => f !== t.value), n("update:modelValue", p);
+          d ? p.includes(t.value) || p.push(t.value) : p = p.filter((f) => f !== t.value), r("update:modelValue", p);
         } else
-          n("update:modelValue", d);
+          r("update:modelValue", d);
       }
-    }), r = x(`vs-checkbox-${t.view || "default"}`);
+    }), a = x(`vs-checkbox-${t.view || "default"}`);
     return (d, p) => (i(), u("div", Gt, [
-      (i(), te(_e(r.value === "vs-checkbox-buttons" ? J(qt) : J(Tt)), {
+      (i(), te(Ve(a.value === "vs-checkbox-buttons" ? G(qt) : G(Tt)), {
         value: d.value,
         label: d.label,
         info: d.option?.info,
         disabled: d.disabled,
-        modelValue: a.value,
-        "onUpdate:modelValue": p[0] || (p[0] = (f) => a.value = f),
+        modelValue: n.value,
+        "onUpdate:modelValue": p[0] || (p[0] = (f) => n.value = f),
         id: s,
         icon: d.icon,
         imgUrl: d.imgUrl,
-        style: he(d.style),
+        style: we(d.style),
         error: d.error
       }, {
-        default: $e(() => [
-          se(F(d.label), 1)
+        default: Me(() => [
+          ie(F(d.label), 1)
         ]),
         _: 1
       }, 8, ["value", "label", "info", "disabled", "modelValue", "icon", "imgUrl", "style", "error"]))
@@ -365,7 +365,7 @@ function Zt(o, e) {
     l("path", { d: "M6 9l6 6l6 -6" }, null, -1)
   ]));
 }
-const Wt = /* @__PURE__ */ R(Jt, [["render", Zt]]), Qt = {}, Xt = {
+const Wt = /* @__PURE__ */ P(Jt, [["render", Zt]]), Qt = {}, Xt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -388,15 +388,15 @@ function Yt(o, e) {
     l("path", { d: "M12 3c7.2 0 9 1.8 9 9s-1.8 9 -9 9s-9 -1.8 -9 -9s1.8 -9 9 -9z" }, null, -1)
   ]));
 }
-const el = /* @__PURE__ */ R(Qt, [["render", Yt]]), tl = {
+const el = /* @__PURE__ */ P(Qt, [["render", Yt]]), tl = {
   key: 0,
   class: "flex items-start gap-x-1"
 }, ll = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, ol = ["title"], al = ["disabled"], ot = /* @__PURE__ */ O({
+}, ol = ["title"], al = ["disabled"], lt = /* @__PURE__ */ E({
   __name: "vs-input-switcher",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ W({
     rules: { default: () => [] },
     view: { default: "checkbox" },
     label: { default: "" },
@@ -415,38 +415,38 @@ const el = /* @__PURE__ */ R(Qt, [["render", Yt]]), tl = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = X(o, "modelValue");
-    return (n, s) => e.view === "checkbox" ? (i(), u("div", tl, [
-      B(lt, {
+    const e = o, t = Q(o, "modelValue");
+    return (r, s) => e.view === "checkbox" ? (i(), u("div", tl, [
+      I(tt, {
         modelValue: t.value,
-        "onUpdate:modelValue": s[0] || (s[0] = (a) => t.value = a),
-        label: n.text,
-        error: n.error || ""
+        "onUpdate:modelValue": s[0] || (s[0] = (n) => t.value = n),
+        label: r.text,
+        error: r.error || ""
       }, null, 8, ["modelValue", "label", "error"]),
-      n.rules?.includes("required") ? (i(), u("span", ll, "*")) : j("", !0),
-      n.i ? (i(), u("button", {
+      r.rules?.includes("required") ? (i(), u("span", ll, "*")) : z("", !0),
+      r.i ? (i(), u("button", {
         key: 1,
         class: "cursor-pointer",
-        title: n.i,
-        onClick: s[1] || (s[1] = ne(() => {
+        title: r.i,
+        onClick: s[1] || (s[1] = ce(() => {
         }, ["prevent"]))
       }, [
-        B(J(el), { class: "text-gray-500 w-[14px] h-[14px]" })
-      ], 8, ol)) : j("", !0)
+        I(G(el), { class: "text-gray-500 w-[14px] h-[14px]" })
+      ], 8, ol)) : z("", !0)
     ])) : (i(), u("button", {
       key: 1,
       type: "button",
-      class: V(["inline-flex h-5 w-9 shrink-0 px-[2px] cursor-pointer items-center rounded-full shadow-sm disabled:cursor-not-allowed disabled:opacity-50", [t.value ? `bg-${n.style?.primaryColor || "blue"}-500` : "bg-stone-200", n.customClass]]),
-      disabled: n.disabled,
-      onClick: s[2] || (s[2] = (a) => t.value = !t.value)
+      class: M(["inline-flex h-5 w-9 shrink-0 px-[2px] cursor-pointer items-center rounded-full shadow-sm disabled:cursor-not-allowed disabled:opacity-50", [t.value ? `bg-${r.style?.primaryColor || "blue"}-500` : "bg-stone-200", r.customClass]]),
+      disabled: r.disabled,
+      onClick: s[2] || (s[2] = (n) => t.value = !t.value)
     }, [
       l("span", {
         "data-state": "checked",
-        class: V(["pointer-events-none block h-4 w-4 rounded-full bg-white shadow-lg ring-0 transition-transform", [t.value ? "translate-x-4" : "translate-x-0"]])
+        class: M(["pointer-events-none block h-4 w-4 rounded-full bg-white shadow-lg ring-0 transition-transform", [t.value ? "translate-x-4" : "translate-x-0"]])
       }, null, 2)
     ], 10, al));
   }
-}), sl = ["innerHTML"], Je = /* @__PURE__ */ O({
+}), sl = ["innerHTML"], Ge = /* @__PURE__ */ E({
   __name: "vs-input-static",
   props: {
     text: { default: "" },
@@ -461,13 +461,13 @@ const el = /* @__PURE__ */ R(Qt, [["render", Yt]]), tl = {
   },
   setup(o) {
     return (e, t) => (i(), u("div", {
-      class: V(e.customClass),
+      class: M(e.customClass),
       innerHTML: e.html ? e.html : e.text
     }, null, 10, sl));
   }
-}), rl = ["placeholder", "disabled", "name"], nl = /* @__PURE__ */ O({
+}), rl = ["placeholder", "disabled", "name"], nl = /* @__PURE__ */ E({
   __name: "vs-input-mask",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ W({
     name: {},
     mask: { default: "" },
     unmask: { type: Boolean, default: !1 },
@@ -483,12 +483,12 @@ const el = /* @__PURE__ */ R(Qt, [["render", Yt]]), tl = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = be(e.style), n = X(o, "modelValue"), s = x(null);
-    let a = null;
-    return ue(async () => {
+    const e = o, { inputClass: t } = _e(e.style), r = Q(o, "modelValue"), s = x(null);
+    let n = null;
+    return pe(async () => {
       if (s.value) {
-        const { default: r } = await import("./index-W-qQIppj.js");
-        a = r(s.value, {
+        const { default: a } = await import("./index-W-qQIppj.js");
+        n = a(s.value, {
           mask: e.mask || "",
           definitions: {
             9: /[0-9]/,
@@ -496,41 +496,41 @@ const el = /* @__PURE__ */ R(Qt, [["render", Yt]]), tl = {
             "*": /[a-zA-Z0-9]/
           },
           lazy: !1
-        }), a.on("accept", () => {
-          n.value = e.unmask ? a.unmaskedValue : a.value;
-        }), a.on("complete", () => {
-          n.value = e.unmask ? a.unmaskedValue : a.value;
-        }), a.value = n.value ?? "";
+        }), n.on("accept", () => {
+          r.value = e.unmask ? n.unmaskedValue : n.value;
+        }), n.on("complete", () => {
+          r.value = e.unmask ? n.unmaskedValue : n.value;
+        }), n.value = r.value ?? "";
       }
-    }), dt(() => {
-      a?.destroy();
-    }), ie(() => e.mask, (r) => {
-      a && a.updateOptions({
-        mask: r,
+    }), ut(() => {
+      n?.destroy();
+    }), ue(() => e.mask, (a) => {
+      n && n.updateOptions({
+        mask: a,
         definitions: {
           9: /[0-9]/,
           A: /[a-zA-Z]/,
           "*": /[a-zA-Z0-9]/
         }
       });
-    }), ie(n, (r) => {
-      a && a.unmaskedValue !== r && (a.value = r || "");
-    }), (r, d) => (i(), u("input", {
+    }), ue(r, (a) => {
+      n && n.unmaskedValue !== a && (n.value = a || "");
+    }), (a, d) => (i(), u("input", {
       type: "text",
       ref_key: "inputEl",
       ref: s,
-      placeholder: r.placeholder,
-      disabled: r.disabled,
-      name: r.name,
-      class: V(["py-1.5 px-3 block w-full placeholder:text[#767f8f]", [J(t)]]),
+      placeholder: a.placeholder,
+      disabled: a.disabled,
+      name: a.name,
+      class: M(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [G(t)]]),
       style: {
         border: "1px solid #CFD9E0"
       }
     }, null, 10, rl));
   }
-}), il = { class: "relative w-full bg-white rounded-lg" }, ul = ["placeholder", "disabled"], dl = /* @__PURE__ */ O({
+}), il = { class: "relative w-full bg-white rounded-lg" }, ul = ["placeholder", "disabled"], dl = /* @__PURE__ */ E({
   __name: "vs-input-email",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ W({
     style: { default: () => ({}) },
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -544,26 +544,26 @@ const el = /* @__PURE__ */ R(Qt, [["render", Yt]]), tl = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = be(e.style), n = X(o, "modelValue");
-    return (s, a) => (i(), u("div", il, [
-      a[1] || (a[1] = re('<div class="absolute bottom-2/4 translate-y-2/4 left-[10px] cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="stroke-gray-500 transition-all"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10z"></path><path d="M3 7l9 6l9 -6"></path></svg></div>', 1)),
-      K(l("input", {
+    const e = o, { inputClass: t } = _e(e.style), r = Q(o, "modelValue");
+    return (s, n) => (i(), u("div", il, [
+      n[1] || (n[1] = re('<div class="absolute bottom-2/4 translate-y-2/4 left-[10px] cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="stroke-gray-500 transition-all"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10z"></path><path d="M3 7l9 6l9 -6"></path></svg></div>', 1)),
+      X(l("input", {
         type: "email",
-        "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
+        "onUpdate:modelValue": n[0] || (n[0] = (a) => r.value = a),
         placeholder: s.placeholder,
         disabled: s.disabled,
-        class: V(["!pl-8 py-1.5 px-3 block w-full placeholder:text[#767f8f]", [J(t), { "!border-red-600": s.error }]]),
+        class: M(["!pl-8 py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [G(t), { "!border-red-600": s.error }]]),
         style: {
           border: "1px solid #CFD9E0"
         }
       }, null, 10, ul), [
-        [de, n.value]
+        [fe, r.value]
       ])
     ]));
   }
-}), cl = ["value", "disabled"], pl = { class: "text-[13px] text-gray-700" }, fl = /* @__PURE__ */ O({
+}), cl = ["value", "disabled"], pl = { class: "text-[13px] text-gray-700" }, fl = /* @__PURE__ */ E({
   __name: "vs-input-radio-default",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ W({
     style: {},
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -579,36 +579,36 @@ const el = /* @__PURE__ */ R(Qt, [["render", Yt]]), tl = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = X(o, "modelValue");
-    return (t, n) => (i(), u("label", {
-      class: V(["flex items-center gap-0", [t.customClass]])
+    const e = Q(o, "modelValue");
+    return (t, r) => (i(), u("label", {
+      class: M(["flex items-center gap-0", [t.customClass]])
     }, [
-      K(l("input", {
-        "onUpdate:modelValue": n[0] || (n[0] = (s) => e.value = s),
+      X(l("input", {
+        "onUpdate:modelValue": r[0] || (r[0] = (s) => e.value = s),
         type: "radio",
         value: t.value,
         disabled: t.disabled,
         class: "hidden"
       }, null, 8, cl), [
-        [et, e.value]
+        [Ye, e.value]
       ]),
       l("span", {
-        class: V(["w-[16px] shrink-0 h-[16px] border rounded-full flex items-center justify-center mr-[10px]", [
+        class: M(["w-[16px] shrink-0 h-[16px] border rounded-full flex items-center justify-center mr-[10px]", [
           `border-${t.style?.primaryColor || "blue"}-500`,
           t.disabled ? "opacity-50 cursor-not-allowed" : ""
         ]])
       }, [
         e.value == t.value ? (i(), u("span", {
           key: 0,
-          class: V(["w-[12px] h-[12px] shrink-0 rounded-full", [`bg-${t.style?.primaryColor || "blue"}-500`]])
-        }, null, 2)) : j("", !0)
+          class: M(["w-[12px] h-[12px] shrink-0 rounded-full", [`bg-${t.style?.primaryColor || "blue"}-500`]])
+        }, null, 2)) : z("", !0)
       ], 2),
       l("span", pl, F(t.text), 1)
     ], 2));
   }
-}), vl = ["value", "disabled"], ml = { class: "text-[13px] text-gray-700" }, hl = /* @__PURE__ */ O({
+}), vl = ["value", "disabled"], ml = { class: "text-[13px] text-gray-700" }, hl = /* @__PURE__ */ E({
   __name: "vs-input-radio-buttons",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ W({
     style: {},
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -624,21 +624,21 @@ const el = /* @__PURE__ */ R(Qt, [["render", Yt]]), tl = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = X(o, "modelValue");
-    return (t, n) => (i(), u("label", {
-      class: V(["flex items-center border rounded-lg px-2 py-1", [
+    const e = Q(o, "modelValue");
+    return (t, r) => (i(), u("label", {
+      class: M(["flex items-center border rounded-lg px-2 py-1", [
         e.value == t.value ? `ring-2 ring-ring ring-${t.style?.primaryColor || "blue"}-500` : "",
         t.customClass
       ]])
     }, [
-      K(l("input", {
-        "onUpdate:modelValue": n[0] || (n[0] = (s) => e.value = s),
+      X(l("input", {
+        "onUpdate:modelValue": r[0] || (r[0] = (s) => e.value = s),
         type: "radio",
         value: t.value,
         disabled: t.disabled,
         class: "hidden"
       }, null, 8, vl), [
-        [et, e.value]
+        [Ye, e.value]
       ]),
       l("span", ml, F(t.text), 1)
     ], 2));
@@ -646,9 +646,9 @@ const el = /* @__PURE__ */ R(Qt, [["render", Yt]]), tl = {
 }), gl = {
   "vs-input-radio-default": fl,
   "vs-input-radio-buttons": hl
-}, Ke = /* @__PURE__ */ O({
+}, Je = /* @__PURE__ */ E({
   __name: "vs-input-radio",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ W({
     options: {},
     position: { default: "vertical" },
     view: { default: "default" },
@@ -665,21 +665,21 @@ const el = /* @__PURE__ */ R(Qt, [["render", Yt]]), tl = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = X(o, "modelValue"), n = D(() => gl[`vs-input-radio-${e.view}`]);
-    return (s, a) => (i(), u("div", {
-      class: V([s.position === "horizontal" ? "flex items-center flex-wrap gap-2" : ""])
+    const e = o, t = Q(o, "modelValue"), r = T(() => gl[`vs-input-radio-${e.view}`]);
+    return (s, n) => (i(), u("div", {
+      class: M([s.position === "horizontal" ? "flex items-center flex-wrap gap-2" : ""])
     }, [
-      (i(!0), u(ee, null, le(s.options, (r) => (i(), te(_e(n.value), Le({
-        key: r?.id,
-        text: r.text,
-        value: r.id.toString(),
-        checked: t.value === r.id,
+      (i(!0), u(ee, null, le(s.options, (a) => (i(), te(Ve(r.value), je({
+        key: a?.id,
+        text: a.text,
+        value: a.id.toString(),
+        checked: t.value === a.id,
         modelValue: t.value,
-        "onUpdate:modelValue": a[0] || (a[0] = (d) => t.value = d)
+        "onUpdate:modelValue": n[0] || (n[0] = (d) => t.value = d)
       }, { ref_for: !0 }, s.$attrs), null, 16, ["text", "value", "checked", "modelValue"]))), 128))
     ], 2));
   }
-}), bl = /* @__PURE__ */ O({
+}), bl = /* @__PURE__ */ E({
   __name: "vs-input-checkbox",
   props: {
     options: { default: () => [] },
@@ -698,81 +698,81 @@ const el = /* @__PURE__ */ R(Qt, [["render", Yt]]), tl = {
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, n = e, s = x([]), a = ct({}), r = (c) => c?.value || c?.id || c?.text || c, d = (c) => c.text || String(c), p = (c) => `lg:col-span-${c || 12}`, f = async () => {
+    const t = o, r = e, s = x([]), n = dt({}), a = (c) => c?.value || c?.id || c?.text || c, d = (c) => c.text || String(c), p = (c) => `lg:col-span-${c || 12}`, f = async () => {
       try {
-        const c = await fetch(`/api/suggest/${t.data}`).then((g) => g.json());
+        const c = await fetch(`/api/suggest/${t.data}`).then((b) => b.json());
         s.value = c?.data || c;
       } catch (c) {
         console.error(c);
       }
     };
-    return ie(
+    return ue(
       () => t.modelValue,
       (c) => {
         if (typeof c == "boolean" && s.value.length === 1) {
-          const g = r(s.value[0]);
-          a[g] = c;
+          const b = a(s.value[0]);
+          n[b] = c;
         } else if (Array.isArray(c)) {
-          const g = new Set(c);
+          const b = new Set(c);
           s.value.forEach((v) => {
             if (!v.disabled) {
-              const C = r(v);
-              a[C] = g.has(C);
+              const C = a(v);
+              n[C] = b.has(C);
             }
           });
         }
       },
       { immediate: !0 }
-    ), ie(
-      a,
+    ), ue(
+      n,
       () => {
         if (!s.value.length) {
-          n("update:modelValue", null);
+          r("update:modelValue", null);
           return;
         }
-        const c = Object.entries(a).filter(([, g]) => g).map(([g]) => g);
-        n("update:modelValue", c.length === 0 ? [] : c);
+        const c = Object.entries(n).filter(([, b]) => b).map(([b]) => b);
+        r("update:modelValue", c.length === 0 ? [] : c);
       },
       { deep: !0 }
-    ), ue(() => {
+    ), pe(() => {
       if (t.data)
         f().then(() => {
           if (typeof t.modelValue == "boolean" && s.value.length === 1) {
-            const c = r(s.value[0]);
-            a[c] = t.modelValue;
+            const c = a(s.value[0]);
+            n[c] = t.modelValue;
           } else if (Array.isArray(t.modelValue)) {
             const c = new Set(t.modelValue);
-            s.value.forEach((g) => {
-              if (!g.disabled) {
-                const v = r(g);
-                a[v] = c.has(v);
+            s.value.forEach((b) => {
+              if (!b.disabled) {
+                const v = a(b);
+                n[v] = c.has(v);
               }
             });
           }
         });
       else if (s.value = t.options, typeof t.modelValue == "boolean" && s.value.length === 1) {
-        const c = r(s.value[0]);
-        a[c] = t.modelValue;
+        const c = a(s.value[0]);
+        n[c] = t.modelValue;
       } else if (Array.isArray(t.modelValue)) {
         const c = new Set(t.modelValue);
-        s.value.forEach((g) => {
-          if (!g.disabled) {
-            const v = r(g);
-            a[v] = c.has(v);
+        s.value.forEach((b) => {
+          if (!b.disabled) {
+            const v = a(b);
+            n[v] = c.has(v);
           }
         });
       }
-    }), (c, g) => (i(), u("div", {
-      class: V(["p-0 w-full gap-[6px]", [c.position === "vertical" ? "flex-col" : "", c.colSpan ? "grid" : "flex justify-start"]])
+    }), (c, b) => (i(), u("div", {
+      class: M(["p-0 w-full gap-[6px]", [c.position === "vertical" ? "flex-col" : "", c.colSpan ? "grid" : "flex justify-start"]])
     }, [
-      (i(!0), u(ee, null, le(s.value, (v) => (i(), te(lt, {
-        modelValue: a[r(v)],
-        "onUpdate:modelValue": (C) => a[r(v)] = C,
-        value: r(v),
-        class: V(p(c.colSpan)),
+      (i(!0), u(ee, null, le(s.value, (v) => (i(), te(tt, {
+        modelValue: n[a(v)],
+        "onUpdate:modelValue": (C) => n[a(v)] = C,
+        value: a(v),
+        class: M(p(c.colSpan)),
         disabled: v.disabled,
         label: d(v),
-        key: r(v),
+        key: a(v),
         icon: v?.icon,
         imgUrl: v?.imgUrl,
         option: v,
@@ -780,7 +780,7 @@ const el = /* @__PURE__ */ R(Qt, [["render", Yt]]), tl = {
       }, null, 8, ["modelValue", "onUpdate:modelValue", "value", "class", "disabled", "label", "icon", "imgUrl", "option", "view"]))), 128))
     ], 2));
   }
-}), yl = /* @__PURE__ */ R(bl, [["__scopeId", "data-v-91f3584a"]]), xl = ["placeholder", "disabled"], wl = /* @__PURE__ */ O({
+}), yl = /* @__PURE__ */ P(bl, [["__scopeId", "data-v-91f3584a"]]), xl = ["placeholder", "disabled"], wl = /* @__PURE__ */ E({
   __name: "vs-input-date1",
   props: {
     style: { default: () => ({}) },
@@ -793,36 +793,36 @@ const el = /* @__PURE__ */ R(Qt, [["render", Yt]]), tl = {
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, { inputClass: n } = be(t.style), s = e, a = D({
+    const t = o, { inputClass: r } = _e(t.style), s = e, n = T({
       get: () => t.modelValue?.split(" ")[0],
-      set: (r) => s("update:modelValue", r)
+      set: (a) => s("update:modelValue", a)
     });
-    return (r, d) => K((i(), u("input", {
+    return (a, d) => X((i(), u("input", {
       type: "date",
-      "onUpdate:modelValue": d[0] || (d[0] = (p) => a.value = p),
-      placeholder: r.placeholder,
-      disabled: r.disabled,
+      "onUpdate:modelValue": d[0] || (d[0] = (p) => n.value = p),
+      placeholder: a.placeholder,
+      disabled: a.disabled,
       ref: "date",
-      class: V(["py-1.5 px-3 block w-full placeholder:text[#767f8f]", [r.modelValue ? "" : "text-opacity-50", J(n)].join(" ")]),
+      class: M(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [a.modelValue ? "" : "text-opacity-50", G(r)].join(" ")]),
       style: {
         border: "1px solid #CFD9E0"
       }
     }, null, 10, xl)), [
-      [de, a.value]
+      [fe, n.value]
     ]);
   }
-}), kl = async (o, e, t, n) => {
+}), kl = async (o, e, t, r) => {
   try {
     const s = new FormData();
     return s.append("unique", "true"), s.append("file", o), (await fetch(
-      `/file/upload/uploads?id=${e || ""}&form=${t || ""}&table=${n || ""}`,
+      `/file/upload/uploads?id=${e || ""}&form=${t || ""}&table=${r || ""}`,
       {
         method: "POST",
         body: s
       }
-    ).then((r) => r.json()))?.result;
+    ).then((a) => a.json()))?.result;
   } catch (s) {
-    return pe({
+    return me({
       type: "error",
       title: "Помилка!",
       message: "Сталась помилка під час завантаження файлу",
@@ -835,10 +835,10 @@ const el = /* @__PURE__ */ R(Qt, [["render", Yt]]), tl = {
   } catch (e) {
     return console.error(e), !1;
   }
-}, Ze = async (o) => {
+}, Ke = async (o) => {
   try {
-    const e = await fetch(`file/download/files/uploads${o}`), t = await e.arrayBuffer(), n = e.headers["content-type"], s = new TextDecoder("utf-8").decode(t), a = new Blob([s], { type: n }), r = document.createElement("a");
-    r.setAttribute("download", o), r.href = window.URL.createObjectURL(a), r.click();
+    const e = await fetch(`file/download/files/uploads${o}`), t = await e.arrayBuffer(), r = e.headers["content-type"], s = new TextDecoder("utf-8").decode(t), n = new Blob([s], { type: r }), a = document.createElement("a");
+    a.setAttribute("download", o), a.href = window.URL.createObjectURL(n), a.click();
   } catch (e) {
     console.error(e.message);
   }
@@ -859,7 +859,7 @@ function Vl(o, e) {
     l("path", { d: "M12 5v14" }, null, -1)
   ]));
 }
-const je = /* @__PURE__ */ R($l, [["render", Vl]]), Ml = {}, Ll = {
+const Ae = /* @__PURE__ */ P($l, [["render", Vl]]), Ml = {}, Ll = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-text",
   width: "44",
@@ -871,12 +871,12 @@ const je = /* @__PURE__ */ R($l, [["render", Vl]]), Ml = {}, Ll = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Sl(o, e, t, n, s, a) {
+function Sl(o, e, t, r, s, n) {
   return i(), u("svg", Ll, e[0] || (e[0] = [
     re('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><line x1="9" y1="9" x2="10" y2="9"></line><line x1="9" y1="13" x2="15" y2="13"></line><line x1="9" y1="17" x2="15" y2="17"></line>', 6)
   ]));
 }
-const Bl = /* @__PURE__ */ R(Ml, [["render", Sl]]), jl = {}, Il = {
+const Bl = /* @__PURE__ */ P(Ml, [["render", Sl]]), jl = {}, Il = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-table",
   width: "44",
@@ -888,7 +888,7 @@ const Bl = /* @__PURE__ */ R(Ml, [["render", Sl]]), jl = {}, Il = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function zl(o, e, t, n, s, a) {
+function zl(o, e, t, r, s, n) {
   return i(), u("svg", Il, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
@@ -916,7 +916,7 @@ function zl(o, e, t, n, s, a) {
     }, null, -1)
   ]));
 }
-const Al = /* @__PURE__ */ R(jl, [["render", zl]]), Ol = {}, El = {
+const Al = /* @__PURE__ */ P(jl, [["render", zl]]), Ol = {}, El = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -928,12 +928,12 @@ const Al = /* @__PURE__ */ R(jl, [["render", zl]]), Ol = {}, El = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-file-unknown"
 };
-function Fl(o, e, t, n, s, a) {
+function Fl(o, e, t, r, s, n) {
   return i(), u("svg", El, e[0] || (e[0] = [
     re('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><path d="M12 17v.01"></path><path d="M12 14a1.5 1.5 0 1 0 -1.14 -2.474"></path>', 5)
   ]));
 }
-const Dl = /* @__PURE__ */ R(Ol, [["render", Fl]]), Ul = {}, Tl = {
+const Dl = /* @__PURE__ */ P(Ol, [["render", Fl]]), Ul = {}, Tl = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-zip",
   width: "44",
@@ -945,12 +945,12 @@ const Dl = /* @__PURE__ */ R(Ol, [["render", Fl]]), Ul = {}, Tl = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Rl(o, e, t, n, s, a) {
+function Rl(o, e, t, r, s, n) {
   return i(), u("svg", Tl, e[0] || (e[0] = [
     re('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M6 20.735a2 2 0 0 1 -1 -1.735v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-1"></path><path d="M11 17a2 2 0 0 1 2 2v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-2a2 2 0 0 1 2 -2z"></path><line x1="11" y1="5" x2="10" y2="5"></line><line x1="13" y1="7" x2="12" y2="7"></line><line x1="11" y1="9" x2="10" y2="9"></line><line x1="13" y1="11" x2="12" y2="11"></line><line x1="11" y1="13" x2="10" y2="13"></line><line x1="13" y1="15" x2="12" y2="15"></line>', 9)
   ]));
 }
-const Pl = /* @__PURE__ */ R(Ul, [["render", Rl]]), Nl = {}, Hl = {
+const Pl = /* @__PURE__ */ P(Ul, [["render", Rl]]), Nl = {}, Hl = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-code",
   width: "44",
@@ -962,12 +962,12 @@ const Pl = /* @__PURE__ */ R(Ul, [["render", Rl]]), Nl = {}, Hl = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function ql(o, e, t, n, s, a) {
+function ql(o, e, t, r, s, n) {
   return i(), u("svg", Hl, e[0] || (e[0] = [
     re('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><path d="M10 13l-1 2l1 2"></path><path d="M14 13l1 2l-1 2"></path>', 5)
   ]));
 }
-const Gl = /* @__PURE__ */ R(Nl, [["render", ql]]), Jl = (o) => {
+const Gl = /* @__PURE__ */ P(Nl, [["render", ql]]), Jl = (o) => {
   if (!o) return "";
   const e = o?.split(".");
   return e[e.length - 1];
@@ -997,7 +997,7 @@ function Ql(o, e) {
     re('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M4 7l16 0"></path><path d="M10 11l0 6"></path><path d="M14 11l0 6"></path><path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12"></path><path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3"></path>', 6)
   ]));
 }
-const ze = /* @__PURE__ */ R(Zl, [["render", Ql]]), Xl = {}, Yl = {
+const Ee = /* @__PURE__ */ P(Zl, [["render", Ql]]), Xl = {}, Yl = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1021,9 +1021,9 @@ function eo(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const at = /* @__PURE__ */ R(Xl, [["render", eo]]), to = { class: "h-[120px] w-[120px] border text-gray-300 border-dashed border-[#CFD9E0] rounded-lg overflow-hidden relative item-file" }, lo = { class: "absolute hidden top-0 right-0 flex items-center gap-x-2 w-full h-full justify-center" }, oo = /* @__PURE__ */ O({
+const ot = /* @__PURE__ */ P(Xl, [["render", eo]]), to = { class: "h-[120px] w-[120px] border text-gray-300 border-dashed border-[#CFD9E0] rounded-lg overflow-hidden relative item-file" }, lo = { class: "absolute hidden top-0 right-0 flex items-center gap-x-2 w-full h-full justify-center" }, oo = /* @__PURE__ */ E({
   __name: "vs-input-file-list-item",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ W({
     format: {},
     multiple: { type: Boolean },
     style: {},
@@ -1041,40 +1041,40 @@ const at = /* @__PURE__ */ R(Xl, [["render", eo]]), to = { class: "h-[120px] w-[
   }),
   emits: ["update:value", "update:item"],
   setup(o) {
-    const e = X(o, "value"), t = X(o, "item"), n = o;
-    return (s, a) => (i(), u("div", to, [
-      (i(), te(_e(J(Kl)(t.value)), {
+    const e = Q(o, "value"), t = Q(o, "item"), r = o;
+    return (s, n) => (i(), u("div", to, [
+      (i(), te(Ve(G(Kl)(t.value)), {
         src: t.value,
         alt: "file",
         class: "w-full h-full object-cover cursor-pointer",
-        onClick: a[0] || (a[0] = (r) => J(Ze)(t.value))
+        onClick: n[0] || (n[0] = (a) => G(Ke)(t.value))
       }, null, 8, ["src"])),
       l("div", lo, [
         l("button", {
           type: "button",
-          onClick: a[1] || (a[1] = (r) => {
-            J(_l)(t.value), e.value = n.multiple ? e.value?.filter((d) => d !== t.value) : "";
+          onClick: n[1] || (n[1] = (a) => {
+            G(_l)(t.value), e.value = r.multiple ? e.value?.filter((d) => d !== t.value) : "";
           }),
           class: "w-6 h-6 flex items-center justify-center text-gray-500 bg-gray-200 rounded-lg hover:text-red-500"
         }, [
-          B(ze, { class: "w-4 h-4" })
+          I(Ee, { class: "w-4 h-4" })
         ]),
         l("button", {
           type: "button",
-          onClick: a[2] || (a[2] = (r) => J(Ze)(t.value)),
+          onClick: n[2] || (n[2] = (a) => G(Ke)(t.value)),
           class: "w-6 h-6 flex items-center justify-center text-gray-500 bg-gray-200 rounded-lg hover:text-blue-500"
         }, [
-          B(at, { class: "w-4 h-4" })
+          I(ot, { class: "w-4 h-4" })
         ])
       ])
     ]));
   }
-}), We = /* @__PURE__ */ R(oo, [["__scopeId", "data-v-0ca886b3"]]), ao = { class: "flex items-center gap-x-2" }, so = {
+}), Ze = /* @__PURE__ */ P(oo, [["__scopeId", "data-v-0ca886b3"]]), ao = { class: "flex items-center gap-x-2" }, so = {
   key: 1,
   class: "flex items-center flex-wrap gap-2"
-}, ro = /* @__PURE__ */ O({
+}, ro = /* @__PURE__ */ E({
   __name: "vs-input-file",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ W({
     format: {},
     multiple: { type: Boolean },
     style: {},
@@ -1090,65 +1090,65 @@ const at = /* @__PURE__ */ R(Xl, [["render", eo]]), to = { class: "h-[120px] w-[
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = X(o, "modelValue"), n = x(null), s = (r) => Array.isArray(t.value) && t.value[r] || "", a = async (r) => {
+    const e = o, t = Q(o, "modelValue"), r = x(null), s = (a) => Array.isArray(t.value) && t.value[a] || "", n = async (a) => {
       if (e.format) {
-        const f = r.target.files?.[0];
+        const f = a.target.files?.[0];
         if (!f || !f.name.endsWith(e.format))
           return;
       }
-      const d = r.target.files?.[0];
+      const d = a.target.files?.[0];
       if (!d) return;
       const p = await kl(d, "1", "form", "table");
       t.value = e.multiple ? [...t.value || [], p?.file_path] : p?.file_path;
     };
-    return (r, d) => (i(), u("div", ao, [
+    return (a, d) => (i(), u("div", ao, [
       l("input", {
         class: "hidden",
         ref_key: "fileInput",
-        ref: n,
+        ref: r,
         type: "file",
-        onChange: a
+        onChange: n
       }, null, 544),
-      !r.multiple && t.value ? (i(), te(We, {
+      !a.multiple && t.value ? (i(), te(Ze, {
         key: 0,
         item: t.value,
         "onUpdate:item": d[0] || (d[0] = (p) => t.value = p),
         value: t.value,
         "onUpdate:value": d[1] || (d[1] = (p) => t.value = p)
-      }, null, 8, ["item", "value"])) : r.multiple ? (i(), u("div", so, [
-        (i(!0), u(ee, null, le(t.value, (p, f) => (i(), te(We, {
-          multiple: r.multiple,
+      }, null, 8, ["item", "value"])) : a.multiple ? (i(), u("div", so, [
+        (i(!0), u(ee, null, le(t.value, (p, f) => (i(), te(Ze, {
+          multiple: a.multiple,
           key: f,
           value: t.value,
           "onUpdate:value": d[2] || (d[2] = (c) => t.value = c),
           item: s(f)
         }, null, 8, ["multiple", "value", "item"]))), 128)),
         l("div", {
-          onClick: d[3] || (d[3] = (p) => !r.disabled && n.value?.click()),
-          class: V([
+          onClick: d[3] || (d[3] = (p) => !a.disabled && r.value?.click()),
+          class: M([
             "h-[120px] w-[120px] border text-gray-300 hover:text-blue-500 border-dashed border-[#CFD9E0] rounded-lg flex items-center justify-center transition-all duration-300",
-            r.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500 hover:bg-blue-50"
+            a.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500 hover:bg-blue-50"
           ])
         }, [
-          B(je, { class: "w-6 h-6" })
+          I(Ae, { class: "w-6 h-6" })
         ], 2)
-      ])) : j("", !0),
-      r.multiple ? j("", !0) : (i(), u("div", {
+      ])) : z("", !0),
+      a.multiple ? z("", !0) : (i(), u("div", {
         key: 2,
-        onClick: d[4] || (d[4] = (p) => n.value?.click()),
-        class: V([r.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500", "h-[120px] w-[120px] border text-gray-300 hover:text-blue-500 border-dashed border-gray-300 rounded-lg flex items-center justify-center cursor-pointer hover:border-blue-500 transition-all duration-300 hover:bg-blue-50"])
+        onClick: d[4] || (d[4] = (p) => r.value?.click()),
+        class: M([a.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500", "h-[120px] w-[120px] border text-gray-300 hover:text-blue-500 border-dashed border-gray-300 rounded-lg flex items-center justify-center cursor-pointer hover:border-blue-500 transition-all duration-300 hover:bg-blue-50"])
       }, [
-        B(je, { class: "w-6 h-6" })
+        I(Ae, { class: "w-6 h-6" })
       ], 2))
     ]));
   }
-}), no = { class: "max-w-[55vw]" }, io = { class: "text-sm font-semibold text-gray-800 truncate dark:text-neutral-200" }, uo = { class: "flex items-center text-xs text-gray-500 truncate dark:text-neutral-500" }, co = { class: "px-[5px]" }, po = { class: "" }, Se = /* @__PURE__ */ O({
+}), no = { class: "max-w-[55vw]" }, io = { class: "text-sm font-semibold text-gray-800 truncate dark:text-neutral-200" }, uo = { class: "flex items-center text-xs text-gray-500 truncate dark:text-neutral-500" }, co = { class: "px-[5px]" }, po = { class: "" }, Ie = /* @__PURE__ */ E({
   __name: "vs-widget-file-info",
   props: {
     item: { default: null }
   },
   setup(o) {
-    const e = o, t = D(() => {
+    const e = o, t = T(() => {
       try {
         return new Date(e.item.cdate).toLocaleDateString("uk-UA", {
           day: "2-digit",
@@ -1159,24 +1159,24 @@ const at = /* @__PURE__ */ R(Xl, [["render", eo]]), to = { class: "h-[120px] w-[
         return "";
       }
     });
-    function n(s) {
+    function r(s) {
       if (s < 1024)
         return `${s} B`;
-      const a = s / 1024;
-      return a < 1024 ? `${a.toFixed(2)} KB` : `${(a / 1024).toFixed(2)} MB`;
+      const n = s / 1024;
+      return n < 1024 ? `${n.toFixed(2)} KB` : `${(n / 1024).toFixed(2)} MB`;
     }
-    return (s, a) => (i(), u(ee, null, [
-      a[1] || (a[1] = re('<div class="flex items-center justify-center h-[30px] w-[30px]"><svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-file"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path></svg></div>', 1)),
+    return (s, n) => (i(), u(ee, null, [
+      n[1] || (n[1] = re('<div class="flex items-center justify-center h-[30px] w-[30px]"><svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-file"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path></svg></div>', 1)),
       l("div", no, [
         l("p", io, F(s.item?.uploaded_name), 1),
         l("p", uo, [
           l("span", null, F(s.item?.username), 1),
-          K(l("span", co, "|", 512), [
-            [Ue, s.item?.username]
+          X(l("span", co, "|", 512), [
+            [Pe, s.item?.username]
           ]),
           l("span", null, F(t.value), 1),
-          a[0] || (a[0] = l("span", { class: "px-[5px]" }, "|", -1)),
-          l("span", po, F(n(s.item?.size)), 1)
+          n[0] || (n[0] = l("span", { class: "px-[5px]" }, "|", -1)),
+          l("span", po, F(r(s.item?.size)), 1)
         ])
       ])
     ], 64));
@@ -1193,7 +1193,7 @@ const at = /* @__PURE__ */ R(Xl, [["render", eo]]), to = { class: "h-[120px] w-[
 }, go = ["href"], bo = {
   key: 3,
   class: "flex gap-x-3 w-full items-center"
-}, yo = { class: "lg:absolute lg:top-3 lg:end-1 opacity-100" }, xo = { class: "p-0.5 sm:p-1 inline-flex items-center gap-0.5 bg-white rounded-lg dark:bg-neutral-800 dark:border-neutral-700" }, wo = { class: "inline-block" }, ko = { class: "inline-block" }, _o = /* @__PURE__ */ O({
+}, yo = { class: "lg:absolute lg:top-3 lg:end-1 opacity-100" }, xo = { class: "p-0.5 sm:p-1 inline-flex items-center gap-0.5 bg-white rounded-lg dark:bg-neutral-800 dark:border-neutral-700" }, wo = { class: "inline-block" }, ko = { class: "inline-block" }, _o = /* @__PURE__ */ E({
   __name: "vs-widget-file-item",
   props: {
     item: { default: null },
@@ -1202,28 +1202,28 @@ const at = /* @__PURE__ */ R(Xl, [["render", eo]]), to = { class: "h-[120px] w-[
   },
   emits: ["update", "openModal", "openLightbox"],
   setup(o, { emit: e }) {
-    const t = o, n = e;
+    const t = o, r = e;
     function s(c) {
       return ["pdf", "json"].includes(c.ext);
     }
-    function a(c) {
+    function n(c) {
       return ["ppt", "pptx", "doc", "docx", "xls", "xlsx"].includes(c.ext);
     }
-    function r(c) {
-      const g = document.createElement("a");
-      g.setAttribute("download", c?.uploaded_name), g.href = c?.file_path, g.click();
+    function a(c) {
+      const b = document.createElement("a");
+      b.setAttribute("download", c?.uploaded_name), b.href = c?.file_path, b.click();
     }
     async function d() {
       try {
         await fetch(
           `${t.prefix}/widget/file/${t.item.entity_id}/${t.item.file_id}`
-        ), n("update");
+        ), r("update");
       } catch (c) {
         console.error(c);
       }
     }
     function p() {
-      n("openModal", {
+      r("openModal", {
         title: "Ви впевнені?",
         message: "Ви впевнені, що хочете видалити цей файл?",
         confirmButtonText: "Так, я впевнена/ий",
@@ -1233,50 +1233,50 @@ const at = /* @__PURE__ */ R(Xl, [["render", eo]]), to = { class: "h-[120px] w-[
       });
     }
     function f(c) {
-      (t.item.ext === "jpg" || t.item.ext === "png") && n("openLightbox", { item: t.item, index: c });
+      (t.item.ext === "jpg" || t.item.ext === "png") && r("openLightbox", { item: t.item, index: c });
     }
-    return (c, g) => (i(), u("div", fo, [
+    return (c, b) => (i(), u("div", fo, [
       c.item.ext === "jpg" || c.item.ext === "png" ? (i(), u("div", vo, [
         l("div", {
           class: "max-w-[55vw] cursor-pointer flex gap-x-3 w-full items-center",
-          onClick: g[0] || (g[0] = (v) => f(c.index))
+          onClick: b[0] || (b[0] = (v) => f(c.index))
         }, [
-          B(Se, { item: c.item }, null, 8, ["item"])
+          I(Ie, { item: c.item }, null, 8, ["item"])
         ])
       ])) : s(c.item) ? (i(), u("div", mo, [
-        B(Se, { item: c.item }, null, 8, ["item"])
-      ])) : a(c.item) ? (i(), u("div", ho, [
+        I(Ie, { item: c.item }, null, 8, ["item"])
+      ])) : n(c.item) ? (i(), u("div", ho, [
         l("a", {
           href: `/api/file-preview?id=${c.item.file_id}`,
           target: "_blank",
           class: "flex gap-x-3 w-full items-center"
         }, [
-          B(Se, { item: c.item }, null, 8, ["item"])
+          I(Ie, { item: c.item }, null, 8, ["item"])
         ], 8, go)
       ])) : (i(), u("div", bo, [
-        B(Se, { item: c.item }, null, 8, ["item"])
+        I(Ie, { item: c.item }, null, 8, ["item"])
       ])),
       l("div", yo, [
         l("div", xo, [
           l("div", wo, [
             l("button", {
               class: "inline-flex p-[6px] justify-center items-center gap-x-2 rounded-lg border border-transparent text-gray-500 hover:bg-gray-100 disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-none focus:bg-gray-100 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700",
-              onClick: g[1] || (g[1] = (v) => r(c.item))
+              onClick: b[1] || (b[1] = (v) => a(c.item))
             }, [
-              B(at, {
+              I(ot, {
                 height: "14",
                 width: "14"
               })
             ])
           ]),
-          g[3] || (g[3] = l("div", { class: "w-px h-5 mx-1 bg-gray-200 dark:bg-neutral-700" }, null, -1)),
+          b[3] || (b[3] = l("div", { class: "w-px h-5 mx-1 bg-gray-200 dark:bg-neutral-700" }, null, -1)),
           l("div", ko, [
             l("button", {
               type: "button",
               class: "size-[30px] inline-flex justify-center items-center gap-x-2 rounded-lg border border-transparent text-red-600 hover:bg-red-100 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-red-100 dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20",
-              onClick: g[2] || (g[2] = (v) => p())
+              onClick: b[2] || (b[2] = (v) => p())
             }, [
-              B(ze, {
+              I(Ee, {
                 height: "14",
                 width: "14"
               })
@@ -1310,13 +1310,13 @@ function Vo(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col widget-file xl:bg-white xl:rounded-xl dark:xl:bg-neutral-800 dark:xl:border-neutral-700 w-full" }, So = { class: "flex w-full mb-[12px] items-center gap-x-2" }, Bo = { class: "font-semibold text-gray-800 dark:text-neutral-200 text-[14px]" }, jo = { class1: "ml-auto" }, Io = { class: "py-1.5 px-4 inline-flex items-center gap-x-2 text-sm font-medium rounded-lg bg-gray-100 cursor-pointer hover:bg-gray-200 text-gray-800 shadow-2xs hover:bg-gray-50 focus:outline-hidden focus:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" }, zo = {
+const Mo = /* @__PURE__ */ P($o, [["render", Vo]]), Lo = { class: "flex flex-col widget-file xl:bg-white xl:rounded-xl dark:xl:bg-neutral-800 dark:xl:border-neutral-700 w-full" }, So = { class: "flex w-full mb-[12px] items-center gap-x-2" }, Bo = { class: "font-semibold text-gray-800 dark:text-neutral-200 text-[14px]" }, jo = { class1: "ml-auto" }, Io = { class: "py-1.5 px-4 inline-flex items-center gap-x-2 text-sm font-medium rounded-lg bg-gray-100 cursor-pointer hover:bg-gray-200 text-gray-800 shadow-2xs hover:bg-gray-50 focus:outline-hidden focus:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" }, zo = {
   key: 0,
   class: "py-4 mb-4 space-y-4 border-gray-200 border-y dark:border-neutral-700"
 }, Ao = { class: "relative" }, Oo = {
   key: 1,
   class: "space-y-3 max-h-[300px] overflow-y-auto [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:bg-gray-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500"
-}, Eo = { key: 0 }, Fo = /* @__PURE__ */ O({
+}, Eo = { key: 0 }, Fo = /* @__PURE__ */ E({
   __name: "vs-input-file-list",
   props: {
     id: { default: "" },
@@ -1331,45 +1331,45 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
   },
   emits: ["update"],
   setup(o, { emit: e }) {
-    const t = o, n = Be("form"), s = D(() => n.value.formId), a = x(!1), r = x(0), d = e, p = x(!1), f = x({}), c = x([]), g = x(""), v = D(() => Array.isArray(c.value) ? c.value.filter((b) => b.ext === "jpg" || b.ext === "png").map((b) => b?.file_path) : []), C = D(() => g.value === "" ? c.value : c.value.filter((b) => b?.uploaded_name?.includes(g.value))), z = (b) => {
-      const h = v.value.findIndex((Z) => Z === b.item.file_path);
-      h !== -1 && (a.value = !0, r.value = h);
-    }, U = async () => {
+    const t = o, r = ze("form"), s = T(() => r.value.formId), n = x(!1), a = x(0), d = e, p = x(!1), f = x({}), c = x([]), b = x(""), v = T(() => Array.isArray(c.value) ? c.value.filter((h) => h.ext === "jpg" || h.ext === "png").map((h) => h?.file_path) : []), C = T(() => b.value === "" ? c.value : c.value.filter((h) => h?.uploaded_name?.includes(b.value))), V = (h) => {
+      const g = v.value.findIndex((K) => K === h.item.file_path);
+      g !== -1 && (n.value = !0, a.value = g);
+    }, D = async () => {
       try {
-        const b = await fetch(`${t.prefix}/widget/file/${s.value}`).then((h) => h.json());
-        c.value = b?.rows;
-      } catch (b) {
-        console.error(b);
+        const h = await fetch(`${t.prefix}/widget/file/${s.value}`).then((g) => g.json());
+        c.value = h?.rows;
+      } catch (h) {
+        console.error(h);
       }
-    }, T = async (b) => {
+    }, U = async (h) => {
       await Promise.all(
-        Array.from(b.target.files).map(async (h) => {
-          const Z = new FormData();
-          Z.append("file", h);
+        Array.from(h.target.files).map(async (g) => {
+          const K = new FormData();
+          K.append("file", g);
           try {
-            const P = `${t.prefix}/widget/file/${s.value}`;
-            return await fetch(P, { method: "POST", body: Z }), d("update", "file-list"), h;
-          } catch (P) {
-            return console.error(P), null;
+            const A = `${t.prefix}/widget/file/${s.value}`;
+            return await fetch(A, { method: "POST", body: K }), d("update", "file-list"), g;
+          } catch (A) {
+            return console.error(A), null;
           }
         })
-      ), await U();
-    }, N = (b) => {
-      const h = { ...b };
-      return b.cancel || (h.cancel = () => {
+      ), await D();
+    }, N = (h) => {
+      const g = { ...h };
+      return h.cancel || (g.cancel = () => {
         p.value = !1;
-      }), b.updateListOnConfirm && (h.confirm = async () => {
-        await b.confirm(), p.value = !1, U();
-      }), h;
-    }, _ = (b) => {
-      f.value = N(b), p.value = !0;
+      }), h.updateListOnConfirm && (g.confirm = async () => {
+        await h.confirm(), p.value = !1, D();
+      }), g;
+    }, $ = (h) => {
+      f.value = N(h), p.value = !0;
     };
-    return ie(s, (b) => {
-      b && U();
-    }), ue(() => {
-      s.value && U();
-    }), (b, h) => {
-      const Z = Ne("Lightbox"), P = Ne("MessageBox");
+    return ue(s, (h) => {
+      h && D();
+    }), pe(() => {
+      s.value && D();
+    }), (h, g) => {
+      const K = Ne("Lightbox"), A = Ne("MessageBox");
       return i(), u("div", Lo, [
         l("div", So, [
           l("h2", Bo, " Файлів: " + F(c.value?.length), 1),
@@ -1378,10 +1378,10 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
               l("input", {
                 type: "file",
                 class: "hidden",
-                onChange: h[0] || (h[0] = (M) => T(M))
+                onChange: g[0] || (g[0] = (S) => U(S))
               }, null, 32),
               l("div", Io, [
-                B(Mo, {
+                I(Mo, {
                   height: "16",
                   width: "16"
                 })
@@ -1392,7 +1392,7 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
         c.value?.length > 4 ? (i(), u("div", zo, [
           l("div", null, [
             l("div", Ao, [
-              h[8] || (h[8] = l("div", { class: "absolute inset-y-0 start-0 flex items-center pointer-events-none z-[1] ps-3.5" }, [
+              g[8] || (g[8] = l("div", { class: "absolute inset-y-0 start-0 flex items-center pointer-events-none z-[1] ps-3.5" }, [
                 l("svg", {
                   class: "flex-shrink-0 text-gray-500 size-4 dark:text-neutral-400",
                   xmlns: "http://www.w3.org/2000/svg",
@@ -1413,52 +1413,52 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
                   l("path", { d: "m21 21-4.3-4.3" })
                 ])
               ], -1)),
-              K(l("input", {
+              X(l("input", {
                 type: "text",
-                "onUpdate:modelValue": h[1] || (h[1] = (M) => g.value = M),
+                "onUpdate:modelValue": g[1] || (g[1] = (S) => b.value = S),
                 class: "py-2 px-3 ps-10 pe-16 block w-full bg-gray-200 xl:bg-gray-100 rounded-lg text-sm focus:border-blue-500 h-[40px] focus:border-2 focus:outline-none disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700 dark:border-transparent dark:text-neutral-400 dark:placeholder:text-neutral-400 dark:focus:ring-neutral-600",
                 placeholder: "Введіть назву файлу"
               }, null, 512), [
                 [
-                  de,
-                  g.value,
+                  fe,
+                  b.value,
                   void 0,
                   { trim: !0 }
                 ]
               ])
             ])
           ])
-        ])) : j("", !0),
+        ])) : z("", !0),
         c.value?.length ? (i(), u("div", Oo, [
-          (i(!0), u(ee, null, le(C.value, (M, H) => (i(), te(_o, {
-            key: H,
-            prefix: b.prefix,
-            item: M,
-            index: H,
-            onUpdate: h[2] || (h[2] = (Y) => b.$emit("update", "file-list")),
-            onOpenModal: h[3] || (h[3] = (Y) => _(Y)),
-            onOpenLightbox: h[4] || (h[4] = (Y) => z(Y))
+          (i(!0), u(ee, null, le(C.value, (S, J) => (i(), te(_o, {
+            key: J,
+            prefix: h.prefix,
+            item: S,
+            index: J,
+            onUpdate: g[2] || (g[2] = (Y) => h.$emit("update", "file-list")),
+            onOpenModal: g[3] || (g[3] = (Y) => $(Y)),
+            onOpenLightbox: g[4] || (g[4] = (Y) => V(Y))
           }, null, 8, ["prefix", "item", "index"]))), 128)),
-          C.value.length ? j("", !0) : (i(), u("div", Eo, h[9] || (h[9] = [
+          C.value.length ? z("", !0) : (i(), u("div", Eo, g[9] || (g[9] = [
             l("p", { class: "text-sm text-gray-600 font-sm" }, " Файлів з такою назвою не існує, введіть інше пошукове слово ", -1)
           ])))
-        ])) : j("", !0),
-        B(Z, {
-          modelValue: a.value,
-          "onUpdate:modelValue": h[5] || (h[5] = (M) => a.value = M),
-          startIndex: r.value,
-          "onUpdate:index": h[6] || (h[6] = (M) => r.value = M),
+        ])) : z("", !0),
+        I(K, {
+          modelValue: n.value,
+          "onUpdate:modelValue": g[5] || (g[5] = (S) => n.value = S),
+          startIndex: a.value,
+          "onUpdate:index": g[6] || (g[6] = (S) => a.value = S),
           images: v.value
         }, null, 8, ["modelValue", "startIndex", "images"]),
-        B(P, Le({
+        I(A, je({
           modelValue: p.value,
-          "onUpdate:modelValue": h[7] || (h[7] = (M) => p.value = M),
+          "onUpdate:modelValue": g[7] || (g[7] = (S) => p.value = S),
           onConfirm: f.value.confirm
         }, f.value), null, 16, ["modelValue", "onConfirm"])
       ]);
     };
   }
-}), Do = { class: "flex items-center justify-between" }, Uo = { class: "text-[16px] text-gray-900 font-medium" }, To = { class: "grid gap-3" }, Ro = /* @__PURE__ */ O({
+}), Do = { class: "flex items-center justify-between" }, Uo = { class: "text-[16px] text-gray-900 font-medium" }, To = { class: "grid gap-3" }, Ro = /* @__PURE__ */ E({
   __name: "vs-container-switcher",
   props: {
     title: {
@@ -1476,33 +1476,33 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
   },
   setup(o) {
     const e = o, t = x(e.isOpen);
-    return ie(
+    return ue(
       () => e.isOpen,
-      (n) => {
-        t.value = n;
+      (r) => {
+        t.value = r;
       }
-    ), (n, s) => (i(), u("div", null, [
+    ), (r, s) => (i(), u("div", null, [
       l("div", Do, [
         l("p", Uo, F(o.title), 1),
-        B(ot, {
+        I(lt, {
           modelValue: t.value,
-          "onUpdate:modelValue": s[0] || (s[0] = (a) => t.value = a),
-          style: he(o.style)
+          "onUpdate:modelValue": s[0] || (s[0] = (n) => t.value = n),
+          style: we(o.style)
         }, null, 8, ["modelValue", "style"])
       ]),
-      B(tt, { name: "slide-fade" }, {
-        default: $e(() => [
-          K(l("div", To, [
-            ge(n.$slots, "default", {}, void 0, !0)
+      I(et, { name: "slide-fade" }, {
+        default: Me(() => [
+          X(l("div", To, [
+            ke(r.$slots, "default", {}, void 0, !0)
           ], 512), [
-            [Ue, t.value]
+            [Pe, t.value]
           ])
         ]),
         _: 3
       })
     ]));
   }
-}), Po = /* @__PURE__ */ R(Ro, [["__scopeId", "data-v-90320b87"]]), No = { class: "text-[16px] text-gray-900 font-medium" }, Ho = { class: "grid gap-3" }, qo = /* @__PURE__ */ O({
+}), Po = /* @__PURE__ */ P(Ro, [["__scopeId", "data-v-90320b87"]]), No = { class: "text-[16px] text-gray-900 font-medium" }, Ho = { class: "grid gap-3" }, qo = /* @__PURE__ */ E({
   __name: "vs-container-accordion",
   props: {
     title: {
@@ -1520,35 +1520,35 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
   },
   setup(o) {
     const e = o, t = x(e.isOpen);
-    return ie(
+    return ue(
       () => e.isOpen,
-      (n) => {
-        t.value = n;
+      (r) => {
+        t.value = r;
       }
-    ), (n, s) => (i(), u("div", null, [
+    ), (r, s) => (i(), u("div", null, [
       l("button", {
         type: "button",
-        onClick: s[0] || (s[0] = (a) => t.value = !t.value),
+        onClick: s[0] || (s[0] = (n) => t.value = !t.value),
         class: "flex items-center gap-2"
       }, [
-        B(J(Wt), {
-          class: V(["h-4 w-4 duration-300", [t.value ? "-rotate-180" : ""]])
+        I(G(Wt), {
+          class: M(["h-4 w-4 duration-300", [t.value ? "-rotate-180" : ""]])
         }, null, 8, ["class"]),
         l("span", No, F(o.title), 1)
       ]),
-      B(tt, { name: "slide-fade" }, {
-        default: $e(() => [
-          K(l("div", Ho, [
-            ge(n.$slots, "default", {}, void 0, !0)
+      I(et, { name: "slide-fade" }, {
+        default: Me(() => [
+          X(l("div", Ho, [
+            ke(r.$slots, "default", {}, void 0, !0)
           ], 512), [
-            [Ue, t.value]
+            [Pe, t.value]
           ])
         ]),
         _: 3
       })
     ]));
   }
-}), Go = /* @__PURE__ */ R(qo, [["__scopeId", "data-v-590eff11"]]), Jo = { class: "flex items-center justify-between" }, Ko = /* @__PURE__ */ O({
+}), Go = /* @__PURE__ */ P(qo, [["__scopeId", "data-v-590eff11"]]), Jo = { class: "flex items-center justify-between" }, Ko = /* @__PURE__ */ E({
   __name: "vs-container-default",
   props: {
     title: {
@@ -1565,14 +1565,14 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
       l("div", Jo, [
         l("p", null, F(o.title), 1)
       ]),
-      ge(e.$slots, "default")
+      ke(e.$slots, "default")
     ]));
   }
 }), Zo = {
   switcher: Po,
   accordion: Go,
   default: Ko
-}, ae = {
+}, se = {
   Equal: "==",
   Inequal: "!=",
   Higer: ">",
@@ -1585,37 +1585,37 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
   Contain: "*",
   In: "in",
   NotIn: "not_in"
-}, Wo = (o, e) => String(o) === String(e), Qo = (o, e) => String(o) !== String(e), Xo = (o, e) => o > e, Yo = (o, e) => o >= e, ea = (o, e) => o < e, ta = (o, e) => o <= e, la = (o, e) => Array.isArray(e) && e.length === 2 ? o >= e[0] && o <= e[1] : !1, oa = (o, e) => String(o).startsWith(String(e)), aa = (o, e) => String(o).endsWith(String(e)), sa = (o, e) => String(o).includes(String(e)), ra = (o, e) => Array.isArray(e) ? e.includes(o) : !1, na = (o, e) => Array.isArray(e) ? !e.includes(o) : !0, st = (o, e) => {
+}, Wo = (o, e) => String(o) === String(e), Qo = (o, e) => String(o) !== String(e), Xo = (o, e) => o > e, Yo = (o, e) => o >= e, ea = (o, e) => o < e, ta = (o, e) => o <= e, la = (o, e) => Array.isArray(e) && e.length === 2 ? o >= e[0] && o <= e[1] : !1, oa = (o, e) => String(o).startsWith(String(e)), aa = (o, e) => String(o).endsWith(String(e)), sa = (o, e) => String(o).includes(String(e)), ra = (o, e) => Array.isArray(e) ? e.includes(o) : !1, na = (o, e) => Array.isArray(e) ? !e.includes(o) : !0, at = (o, e) => {
   if (!e) return !0;
   switch (e?.[1]) {
-    case ae.Equal:
+    case se.Equal:
       return Wo(o, e?.[2]);
-    case ae.Inequal:
+    case se.Inequal:
       return Qo(o, e?.[2]);
-    case ae.Higer:
+    case se.Higer:
       return Xo(o, e?.[2]);
-    case ae.HigerOrEqual:
+    case se.HigerOrEqual:
       return Yo(o, e?.[2]);
-    case ae.Lower:
+    case se.Lower:
       return ea(o, e?.[2]);
-    case ae.LowerOrEqual:
+    case se.LowerOrEqual:
       return ta(o, e?.[2]);
-    case ae.Between:
+    case se.Between:
       return la(o, e?.[2]);
-    case ae.StartWith:
+    case se.StartWith:
       return oa(o, e?.[2]);
-    case ae.EndWith:
+    case se.EndWith:
       return aa(o, e?.[2]);
-    case ae.Contain:
+    case se.Contain:
       return sa(o, e?.[2]);
-    case ae.In:
+    case se.In:
       return ra(o, e?.[2]);
-    case ae.NotIn:
+    case se.NotIn:
       return na(o, e?.[2]);
     default:
       return !0;
   }
-}, ia = /* @__PURE__ */ O({
+}, ia = /* @__PURE__ */ E({
   __name: "vs-input-container",
   props: {
     style: {
@@ -1636,32 +1636,32 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
     }
   },
   setup(o) {
-    const e = o, t = Be("formValues", { default: {} }), n = Be("form"), s = D(() => e.schema?.filter((r) => {
-      const d = r?.conditions;
+    const e = o, t = ze("formValues", { default: {} }), r = ze("form"), s = T(() => e.schema?.filter((a) => {
+      const d = a?.conditions;
       if (!d) return !0;
       const p = Array.isArray(d) ? d[0] : d, f = t?.value?.[p];
-      return st(f, d);
-    })), a = D(() => Zo[e.view]);
-    return (r, d) => o.schema?.length ? (i(), te(_e(a.value), {
+      return at(f, d);
+    })), n = T(() => Zo[e.view]);
+    return (a, d) => o.schema?.length ? (i(), te(Ve(n.value), {
       key: 0,
       title: o.title,
-      style: he(o.style)
+      style: we(o.style)
     }, {
-      default: $e(() => [
-        (i(!0), u(ee, null, le(s.value, (p) => (i(), te(rt, Le({
+      default: Me(() => [
+        (i(!0), u(ee, null, le(s.value, (p) => (i(), te(st, je({
           key: p.name
         }, { ref_for: !0 }, p, {
           item: p,
-          modelValue: J(t)[p.name],
-          "onUpdate:modelValue": (f) => J(t)[p.name] = f,
+          modelValue: G(t)[p.name],
+          "onUpdate:modelValue": (f) => G(t)[p.name] = f,
           style: o.style,
-          error: J(n)?.errors?.[p.name]
+          error: G(r)?.errors?.[p.name]
         }), null, 16, ["item", "modelValue", "onUpdate:modelValue", "style", "error"]))), 128))
       ]),
       _: 1
-    }, 8, ["title", "style"])) : j("", !0);
+    }, 8, ["title", "style"])) : z("", !0);
   }
-}), ua = { class: "relative" }, da = { class: "w-full h-full fixed top-0 start-0 z-[1000] bg-black bg-opacity-50" }, ca = { class: "m-[10px] fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 min-h-0 h-fit max-h-[80vh] overflow-hidden opacity-1 flex flex-col bg-white dark:bg-[#1A1A1A] border dark:border-[#454545] pointer-events-auto shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-xl lg:w-7/12 w-11/12" }, pa = { class: "py-2.5 px-4 flex justify-between items-center border-0 border-b border-solid border-gray-200 dark:border-b-[#454545]" }, fa = { class: "font-medium text-gray-800 dark:text-[#ffffff]" }, va = { class: "p-4 mim-h-0 h-full overflow-auto" }, ma = /* @__PURE__ */ O({
+}), ua = { class: "relative" }, da = { class: "w-full h-full fixed top-0 start-0 z-[1000] bg-black bg-opacity-50" }, ca = { class: "m-[10px] fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 min-h-0 h-fit max-h-[80vh] overflow-hidden opacity-1 flex flex-col bg-white dark:bg-[#1A1A1A] border dark:border-[#454545] pointer-events-auto shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-xl lg:w-7/12 w-11/12" }, pa = { class: "py-2.5 px-4 flex justify-between items-center border-0 border-b border-solid border-gray-200 dark:border-b-[#454545]" }, fa = { class: "font-medium text-gray-800 dark:text-[#ffffff]" }, va = { class: "p-4 mim-h-0 h-full overflow-auto" }, ma = /* @__PURE__ */ E({
   __name: "modal-edit",
   props: {
     schema: {},
@@ -1672,11 +1672,11 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
   },
   emits: ["close", "save", "edit"],
   setup(o, { emit: e }) {
-    const t = o, n = e, s = x(t.schema), a = x(t.defaultValue ? JSON.parse(JSON.stringify(t.defaultValue)) : {}), r = x({}), d = x(), p = x(t.mode);
+    const t = o, r = e, s = x(t.schema), n = x(t.defaultValue ? JSON.parse(JSON.stringify(t.defaultValue)) : {}), a = x({}), d = x(), p = x(t.mode);
     async function f() {
-      const g = r.value.validate();
-      if (g) {
-        pe({ type: "warning", title: "Помилка валідації", message: Object.entries(g).map(([v, C]) => `${v}: ${C}`).join(`
+      const b = a.value.validate();
+      if (b) {
+        me({ type: "warning", title: "Помилка валідації", message: Object.entries(b).map(([v, C]) => `${v}: ${C}`).join(`
 `) });
         return;
       }
@@ -1687,32 +1687,32 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
             headers: {
               "Content-Type": "application/json"
             },
-            body: JSON.stringify(a.value)
+            body: JSON.stringify(n.value)
           });
           if (v.ok)
-            await v.json(), pe({
+            await v.json(), me({
               type: "success",
               title: "Успішно",
               message: `Дані успішно ${p.value === "add" ? "збережено" : "оновлено"}`
-            }), n("save", a.value);
+            }), r("save", n.value);
           else if (v.status === 400) {
             const C = await v.json().catch(() => ({}));
-            pe({
+            me({
               type: "warning",
               title: "Помилка валідації",
               message: C.message || "Некоректні дані (400)"
             });
-          } else v.status === 500 ? pe({
+          } else v.status === 500 ? me({
             type: "error",
             title: "Серверна помилка",
             message: "Виникла помилка на сервері (500)"
-          }) : pe({
+          }) : me({
             type: "error",
             title: "Помилка",
             message: `Статус: ${v.status}`
           });
         } catch (v) {
-          pe({
+          me({
             type: "error",
             title: "Помилка з’єднання",
             message: v.message || "Не вдалося виконати запит"
@@ -1720,18 +1720,18 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
         }
     }
     function c() {
-      n("close");
+      r("close");
     }
-    return ue(async () => {
+    return pe(async () => {
       if (t.form) {
-        const g = await fetch(`/api/template/form/${t.form}`).then((v) => v.json());
-        s.value = g.schema, d.value = g.token;
+        const b = await fetch(`/api/template/form/${t.form}`).then((v) => v.json());
+        s.value = b.schema, d.value = b.token;
       } else if (t.token) {
         d.value = t.token;
-        const g = await fetch(`/api/form/${d.value}`).then((v) => v.json());
-        s.value = g.schema, g.data ? a.value = g.data : p.value = "add";
+        const b = await fetch(`/api/form/${d.value}`).then((v) => v.json());
+        s.value = b.schema, b.data ? n.value = b.data : p.value = "add";
       }
-    }), (g, v) => (i(), u("div", ua, [
+    }), (b, v) => (i(), u("div", ua, [
       l("div", da, [
         l("div", ca, [
           l("div", pa, [
@@ -1760,14 +1760,14 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
             ]))
           ]),
           l("div", va, [
-            s.value ? (i(), te(Ie, {
+            s.value ? (i(), te(Oe, {
               key: 0,
               schema: s.value,
-              values: a.value,
-              "onUpdate:values": v[0] || (v[0] = (C) => a.value = C),
-              form: r.value,
-              "onUpdate:form": v[1] || (v[1] = (C) => r.value = C)
-            }, null, 8, ["schema", "values", "form"])) : j("", !0)
+              values: n.value,
+              "onUpdate:values": v[0] || (v[0] = (C) => n.value = C),
+              form: a.value,
+              "onUpdate:form": v[1] || (v[1] = (C) => a.value = C)
+            }, null, 8, ["schema", "values", "form"])) : z("", !0)
           ]),
           l("div", { class: "vs-form__head mr-5 mb-5 mt-3 flex items-center justify-end sticky top-0 left-0 z-[60] bg-white" }, [
             l("button", {
@@ -1785,7 +1785,7 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
       ])
     ]));
   }
-}), Oe = (o = { mode: "edit", schema: null }) => new Promise((e) => {
+}), De = (o = { mode: "edit", schema: null }) => new Promise((e) => {
   const { close: t } = ft({
     title: o.mode === "add" ? "Додати" : "Редагувати",
     template: "",
@@ -1798,12 +1798,12 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
       onClose: () => {
         e(null), t();
       },
-      onSave: (n) => {
-        e(n), t();
+      onSave: (r) => {
+        e(r), t();
       }
     }
   });
-}), ha = ["aria-expanded", "data-focus"], ga = { class: "flex items-center" }, ba = { class: "truncate text-gray-900 overflow-hidden" }, ya = ["onClick"], xa = ["title"], wa = {
+}), ha = ["aria-expanded", "data-focus"], ga = { class: "flex items-center" }, ba = ["title"], ya = ["onClick"], xa = ["title"], wa = {
   key: 2,
   class: "text-gray-500 truncate"
 }, ka = { class: "flex-1 min-w-[2px]" }, _a = ["placeholder"], $a = { class: "flex items-center shrink-0" }, Ca = ["disabled"], Va = ["disabled"], Ma = {
@@ -1813,7 +1813,7 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
 }, La = ["aria-disabled", "onClick"], Sa = {
   key: 1,
   class: "px-3 py-2 text-center text-gray-500"
-}, Ba = ["disabled"], ja = /* @__PURE__ */ O({
+}, Ba = ["disabled"], ja = /* @__PURE__ */ E({
   __name: "vs-input-select",
   props: {
     multiple: { type: Boolean, default: !1 },
@@ -1837,141 +1837,141 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
   },
   emits: ["change", "update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, n = e, s = D(() => t.multiple), a = D(() => t.disabled);
-    be(t.style);
-    const r = D({
+    const t = o, r = e, s = T(() => t.multiple), n = T(() => t.disabled);
+    _e(t.style);
+    const a = T({
       get: () => t.modelValue,
-      set: (w) => n("update:modelValue", w)
+      set: (w) => r("update:modelValue", w)
     });
-    !r.value && t.defaultValue && (r.value = t.defaultValue);
-    const d = x(null), p = x(null), f = x(null), c = x(!1), g = x(!1), v = x(null), C = x([]), z = x(-1), U = x([]), T = x(""), N = x(null), _ = x([]), b = D(() => {
-      if (!_.value.length) return [];
+    !a.value && t.defaultValue && (a.value = t.defaultValue);
+    const d = x(null), p = x(null), f = x(null), c = x(!1), b = x(!1), v = x(null), C = x([]), V = x(-1), D = x([]), U = x(""), N = x(null), $ = x([]), h = T(() => {
+      if (!$.value.length) return [];
       const w = new Map(C.value.map((k) => [k.id?.toString(), k]));
-      return _.value.map((k) => w.get(k?.toString())).filter((k) => !!k);
-    }), h = D(() => t.placeholder || "Select..."), Z = D(() => s.value ? !_.value.length && T.value === "" : !v.value?.text && T.value === ""), P = D(() => a.value ? !1 : s.value ? _.value.length > 0 : !!r.value), M = (w) => s.value ? _.value.some((k) => k?.toString() === w?.toString()) : r.value?.toString() === w?.toString(), H = D(() => {
+      return $.value.map((k) => w.get(k?.toString())).filter((k) => !!k);
+    }), g = T(() => t.placeholder || "Select..."), K = T(() => s.value ? !$.value.length && U.value === "" : !v.value?.text && U.value === ""), A = T(() => n.value ? !1 : s.value ? $.value.length > 0 : !!a.value), S = (w) => s.value ? $.value.some((k) => k?.toString() === w?.toString()) : a.value?.toString() === w?.toString(), J = T(() => {
       let w = C.value ?? [];
-      if (T.value.trim() !== "") {
-        const k = T.value.toLowerCase();
-        w = w.filter((A) => A.text?.toLowerCase?.().includes(k));
+      if (U.value.trim() !== "") {
+        const k = U.value.toLowerCase();
+        w = w.filter((O) => O.text?.toLowerCase?.().includes(k));
       }
-      if (s.value && _.value.length) {
-        const k = new Set(_.value.map((A) => A?.toString()));
-        w = w.filter((A) => !k.has(A.id?.toString()));
+      if (s.value && $.value.length) {
+        const k = new Set($.value.map((O) => O?.toString()));
+        w = w.filter((O) => !k.has(O.id?.toString()));
       }
       return w;
     }), Y = async (w) => {
       if (!t.data) return [];
       try {
-        const k = t.api ? t.api : `/suggest/${t.data}`, A = "?json=1", W = w ? `&val=${encodeURIComponent(w)}` : "";
-        return (await fetch(k.concat(A, W)).then((ke) => ke.json())).data ?? [];
+        const k = t.api ? t.api : `/suggest/${t.data}`, O = "?json=1", Z = w ? `&val=${encodeURIComponent(w)}` : "";
+        return (await fetch(k.concat(O, Z)).then((Ce) => Ce.json())).data ?? [];
       } catch {
         return [];
       }
-    }, we = async () => {
-      t.options?.length ? C.value = [...t.options] : t.data && (C.value = await Y(T.value));
-    }, ce = async (w) => {
+    }, ae = async () => {
+      t.options?.length ? C.value = [...t.options] : t.data && (C.value = await Y(U.value));
+    }, $e = async (w) => {
       if (w == null) return null;
-      const k = C.value?.find((W) => W?.id?.toString() === String(w));
+      const k = C.value?.find((Z) => Z?.id?.toString() === String(w));
       return k || ((await Y(String(w)))?.[0] ?? null);
-    }, Ce = async (w) => {
-      const k = new Set(C.value.map((W) => W.id?.toString())), A = w.filter((W) => !k.has(W?.toString()));
-      A.length && await A.reduce(async (W, me) => {
-        await W;
-        const ke = await ce(me);
-        ke && C.value.push(ke);
+    }, Le = async (w) => {
+      const k = new Set(C.value.map((Z) => Z.id?.toString())), O = w.filter((Z) => !k.has(Z?.toString()));
+      O.length && await O.reduce(async (Z, xe) => {
+        await Z;
+        const Ce = await $e(xe);
+        Ce && C.value.push(Ce);
       }, Promise.resolve());
-    }, I = async () => {
-      a.value || (c.value = !0, await we(), await Me(() => {
-        N.value?.focus(), H.value.length ? z.value = 0 : z.value = -1;
+    }, B = async () => {
+      n.value || (c.value = !0, await ae(), await Be(() => {
+        N.value?.focus(), J.value.length ? V.value = 0 : V.value = -1;
       }));
-    }, $ = () => {
-      c.value = !1, z.value = -1;
-    }, S = async (w) => {
-      if (a.value) return;
-      !c.value ? await I() : $();
+    }, _ = () => {
+      c.value = !1, V.value = -1;
+    }, j = async (w) => {
+      if (n.value) return;
+      !c.value ? await B() : _();
     }, q = async () => {
-      c.value ? N.value?.focus() : await I();
-    }, m = () => {
-      s.value ? (_.value = [], r.value = [], n("change", [])) : (v.value = null, r.value = null, n("change", null)), T.value = "", Me(() => N.value?.focus());
-    }, y = (w) => {
-      s.value && (_.value = _.value.filter((k) => k?.toString() !== w?.toString()), r.value = [..._.value], n("change", r.value), Me(() => N.value?.focus()));
-    }, E = (w) => {
-      s.value ? (M(w.id) || (_.value = [..._.value, w.id], r.value = [..._.value], n("change", r.value)), T.value = "", Me(() => {
-        N.value?.focus(), z.value = Math.min(z.value, H.value.length - 1);
-      })) : (v.value = w, r.value = w.id, n("change", r.value), T.value = "", $());
-    }, G = (w) => {
-      M(w.id) || E(w);
-    }, oe = (w, k) => {
+      c.value ? N.value?.focus() : await B();
+    }, oe = () => {
+      s.value ? ($.value = [], a.value = [], r("change", [])) : (v.value = null, a.value = null, r("change", null)), U.value = "", Be(() => N.value?.focus());
+    }, he = (w) => {
+      s.value && ($.value = $.value.filter((k) => k?.toString() !== w?.toString()), a.value = [...$.value], r("change", a.value), Be(() => N.value?.focus()));
+    }, de = (w) => {
+      s.value ? (S(w.id) || ($.value = [...$.value, w.id], a.value = [...$.value], r("change", a.value)), U.value = "", Be(() => {
+        N.value?.focus(), V.value = Math.min(V.value, J.value.length - 1);
+      })) : (v.value = w, a.value = w.id, r("change", a.value), U.value = "", _());
+    }, m = (w) => {
+      S(w.id) || de(w);
+    }, y = (w, k) => {
       if (!w || !k) return;
-      const A = w.offsetTop, W = A + w.offsetHeight, me = k.scrollTop, ke = me + k.clientHeight;
-      let Ae = k.scrollTop;
-      A < me ? Ae = A - 80 : W > ke && (Ae = W - k.clientHeight + 4);
-      const ut = k;
-      ut.scrollTop = Ae;
-    }, Ve = async (w) => {
-      a.value || !c.value && (w.key === "ArrowDown" || w.key === "ArrowUp") && (w.preventDefault(), await I());
-    }, fe = (w) => {
+      const O = w.offsetTop, Z = O + w.offsetHeight, xe = k.scrollTop, Ce = xe + k.clientHeight;
+      let Fe = k.scrollTop;
+      O < xe ? Fe = O - 80 : Z > Ce && (Fe = Z - k.clientHeight + 4);
+      const it = k;
+      it.scrollTop = Fe;
+    }, R = async (w) => {
+      n.value || !c.value && (w.key === "ArrowDown" || w.key === "ArrowUp") && (w.preventDefault(), await B());
+    }, H = (w) => {
       if (!c.value) return;
       const { key: k } = w;
       if (k === "ArrowDown")
-        w.preventDefault(), z.value + 1 < H.value.length && (z.value += 1, oe(U.value[z.value], f.value));
+        w.preventDefault(), V.value + 1 < J.value.length && (V.value += 1, y(D.value[V.value], f.value));
       else if (k === "ArrowUp")
-        w.preventDefault(), z.value > 0 && (z.value -= 1, oe(U.value[z.value], f.value));
+        w.preventDefault(), V.value > 0 && (V.value -= 1, y(D.value[V.value], f.value));
       else if (k === "Enter") {
         w.preventDefault();
-        const A = H.value[z.value];
-        A && E(A);
-      } else k === "Escape" ? (w.preventDefault(), $()) : k === "Backspace" ? s.value && T.value === "" && _.value.length && (_.value = _.value.slice(0, -1), r.value = [..._.value], n("change", r.value)) : k === "Home" ? (z.value = 0, oe(U.value[0], f.value)) : k === "End" ? (z.value = H.value.length - 1, oe(U.value[z.value], f.value)) : k === "Tab" && $();
-    }, ye = () => {
-      a.value || (g.value = !0);
-    }, xe = () => {
-      g.value = !1, T.value = "";
+        const O = J.value[V.value];
+        O && de(O);
+      } else k === "Escape" ? (w.preventDefault(), _()) : k === "Backspace" ? s.value && U.value === "" && $.value.length && ($.value = $.value.slice(0, -1), a.value = [...$.value], r("change", a.value)) : k === "Home" ? (V.value = 0, y(D.value[0], f.value)) : k === "End" ? (V.value = J.value.length - 1, y(D.value[V.value], f.value)) : k === "Tab" && _();
+    }, ne = () => {
+      n.value || (b.value = !0);
+    }, Se = () => {
+      b.value = !1, U.value = "";
     }, ve = (w) => {
-      w.key === "Escape" && c.value && $();
-    }, Te = (w) => {
-      d.value && (d.value.contains(w.target) || $());
-    }, Re = (w) => {
-      c.value && f.value && !f.value.contains(w.target) && $();
+      w.key === "Escape" && c.value && _();
+    }, ge = (w) => {
+      d.value && (d.value.contains(w.target) || _());
+    }, be = (w) => {
+      c.value && f.value && !f.value.contains(w.target) && _();
     };
-    ie(() => t.options, (w) => {
+    ue(() => t.options, (w) => {
       w?.length && (C.value = [...w]);
     }, { immediate: !0 });
-    const Pe = async () => {
+    const ye = async () => {
       if (s.value)
-        Array.isArray(r.value) ? _.value = [...r.value] : (_.value = r.value == null ? [] : [r.value], r.value = [..._.value]), !t.options?.length && t.data && await Ce(_.value);
+        Array.isArray(a.value) ? $.value = [...a.value] : ($.value = a.value == null ? [] : [a.value], a.value = [...$.value]), !t.options?.length && t.data && await Le($.value);
       else {
-        if (Array.isArray(r.value)) {
-          const w = r.value[0] ?? null;
-          r.value = w ?? null;
+        if (Array.isArray(a.value)) {
+          const w = a.value[0] ?? null;
+          a.value = w ?? null;
         }
-        v.value = await ce(r.value);
+        v.value = await $e(a.value);
       }
     };
-    ie(r, () => {
-      Pe();
-    }), ue(async () => {
-      addEventListener("keydown", ve), addEventListener("scroll", Re, !0), document.addEventListener("click", Te, !0), t.options?.length ? C.value = [...t.options] : t.data && (C.value = await Y("")), await Pe();
-    }), Ee(() => {
-      removeEventListener("keydown", ve), removeEventListener("scroll", Re, !0), document.removeEventListener("click", Te, !0);
+    ue(a, () => {
+      ye();
+    }), pe(async () => {
+      addEventListener("keydown", ve), addEventListener("scroll", be, !0), document.addEventListener("click", ge, !0), t.options?.length ? C.value = [...t.options] : t.data && (C.value = await Y("")), await ye();
+    }), Ue(() => {
+      removeEventListener("keydown", ve), removeEventListener("scroll", be, !0), document.removeEventListener("click", ge, !0);
     });
-    async function it() {
+    async function nt() {
       if (!t.add) return;
-      const w = await Oe({ form: t.add.form, mode: "add" });
+      const w = await De({ form: t.add.form, mode: "add" });
       w && (await fetch(`/api/table/${t.add.token}`, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify(w)
-      }).then((k) => k.json()), !t.options?.length && t.data && (C.value = await Y(T.value)));
+      }).then((k) => k.json()), !t.options?.length && t.data && (C.value = await Y(U.value)));
     }
     return (w, k) => (i(), u("div", {
       class: "flex gap-1 w-full",
       ref_key: "selectRoot",
       ref: d,
-      onClick: k[2] || (k[2] = ne(() => {
+      onClick: k[2] || (k[2] = ce(() => {
       }, ["stop"]))
     }, [
       l("div", {
-        class: V(["relative w-full font-sans", t.customClass])
+        class: M(["relative w-full font-sans", t.customClass])
       }, [
         k[7] || (k[7] = l("span", {
           id: "react-select-live-region",
@@ -1985,44 +1985,43 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
           class: "sr-only"
         }, null, -1)),
         l("div", {
-          class: V([
+          class: M([
             "flex min-h-[38px] items-center justify-between rounded border transition-colors bg-white",
             "border-gray-300 hover:border-gray-400",
-            c.value || g.value ? "border-blue-500 ring-1 ring-blue-500" : "",
-            a.value ? "bg-gray-100 text-gray-400 cursor-not-allowed hover:border-gray-300" : ""
+            c.value || b.value ? "border-blue-500 ring-1 ring-blue-500" : "",
+            n.value ? "bg-gray-100 text-gray-400 cursor-not-allowed hover:border-gray-300" : ""
           ]),
           role: "combobox",
           "aria-expanded": c.value,
           "aria-haspopup": "listbox",
-          onKeydown: Ve,
+          onKeydown: R,
           onClick: q,
-          "data-focus": c.value || g.value ? "true" : "false"
+          "data-focus": c.value || b.value ? "true" : "false"
         }, [
           l("div", {
             class: "flex flex-1 items-center gap-1 py-0.5 pl-2 pr-0 overflow-hidden",
             ref_key: "triggerRef",
             ref: p
           }, [
-            s.value && _.value.length ? (i(!0), u(ee, { key: 0 }, le(b.value, (A) => (i(), u("div", {
+            s.value && $.value.length ? (i(!0), u(ee, { key: 0 }, le(h.value, (O) => (i(), u("div", {
               class: "flex min-w-0 bg-[#e6e6e6] rounded-sm m-0.5 box-border",
-              key: A.id
+              key: O.id
             }, [
               l("div", ga, [
-                A?.color ? (i(), u("span", {
+                O?.color ? (i(), u("span", {
                   key: 0,
                   class: "w-[16px] h-[16px] rounded-md block ml-1.5",
-                  style: he({ backgroundColor: A?.color })
-                }, null, 4)) : j("", !0),
-                K((i(), u("div", ba, [
-                  se(F(A.text), 1)
-                ])), [
-                  [J(qe), A.text]
-                ])
+                  style: we({ backgroundColor: O?.color })
+                }, null, 4)) : z("", !0),
+                l("div", {
+                  class: "truncate text-gray-900 overflow-hidden",
+                  title: O.text
+                }, F(O.text), 9, ba)
               ]),
               l("div", {
                 role: "button",
                 class: "flex items-center rounded-sm px-1 box-border hover:bg-[#ffbdad] hover:text-[#de350b]",
-                onClick: ne((W) => y(A.id), ["stop"])
+                onClick: ce((Z) => he(O.id), ["stop"])
               }, k[3] || (k[3] = [
                 l("svg", {
                   height: "14",
@@ -2035,25 +2034,23 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
                   l("path", { d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z" })
                 ], -1)
               ]), 8, ya)
-            ]))), 128)) : !s.value && !g.value && v.value?.text && T.value === "" ? K((i(), u("div", {
+            ]))), 128)) : !s.value && !b.value && v.value?.text && U.value === "" ? (i(), u("div", {
               key: 1,
-              class: V(["truncate text-gray-900"]),
+              class: M(["truncate text-gray-900"]),
               title: v.value.text
             }, [
               v.value?.color ? (i(), u("span", {
                 key: 0,
                 class: "w-[14px] h-[14px] rounded-md block mr-1 mt-1 absolute",
-                style: he({ backgroundColor: v.value?.color })
-              }, null, 4)) : j("", !0),
+                style: we({ backgroundColor: v.value?.color })
+              }, null, 4)) : z("", !0),
               l("span", {
-                class: V({ "pl-5": v.value?.color })
+                class: M({ "pl-5": v.value?.color })
               }, F(v.value.text), 3)
-            ], 8, xa)), [
-              [J(qe), v.value.text]
-            ]) : j("", !0),
-            Z.value ? (i(), u("div", wa, F(h.value), 1)) : j("", !0),
+            ], 8, xa)) : z("", !0),
+            K.value ? (i(), u("div", wa, F(g.value), 1)) : z("", !0),
             l("div", ka, [
-              !a.value && w.search ? K((i(), u("input", {
+              !n.value && w.search ? X((i(), u("input", {
                 key: 0,
                 ref_key: "inputRef",
                 ref: N,
@@ -2065,24 +2062,24 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
                 type: "text",
                 tabindex: "0",
                 "aria-autocomplete": "list",
-                placeholder: (s.value && _.value.length ? " " : null) || (g.value && !T.value?.length ? v.value?.text : " "),
-                "onUpdate:modelValue": k[0] || (k[0] = (A) => T.value = A),
-                onFocus: ye,
-                onBlur: xe,
-                onKeydown: fe
+                placeholder: (s.value && $.value.length ? " " : null) || (b.value && !U.value?.length ? v.value?.text : " "),
+                "onUpdate:modelValue": k[0] || (k[0] = (O) => U.value = O),
+                onFocus: ne,
+                onBlur: Se,
+                onKeydown: H
               }, null, 40, _a)), [
-                [de, T.value]
-              ]) : j("", !0)
+                [fe, U.value]
+              ]) : z("", !0)
             ])
           ], 512),
           l("div", $a, [
-            P.value ? (i(), u("button", {
+            A.value ? (i(), u("button", {
               key: 0,
               type: "button",
               class: "px-2 text-gray-400 hover:text-gray-500 transition-colors disabled:opacity-50",
               "aria-hidden": "true",
-              disabled: a.value,
-              onClick: ne(m, ["stop"])
+              disabled: n.value,
+              onClick: ce(oe, ["stop"])
             }, k[4] || (k[4] = [
               l("svg", {
                 height: "20",
@@ -2092,14 +2089,14 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
               }, [
                 l("path", { d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z" })
               ], -1)
-            ]), 8, Ca)) : j("", !0),
+            ]), 8, Ca)) : z("", !0),
             k[6] || (k[6] = l("div", { class: "self-stretch w-px bg-[#ccc] my-[1px]" }, null, -1)),
             l("button", {
               type: "button",
               class: "px-2 text-gray-400 hover:text-gray-500 transition-colors disabled:opacity-50",
               "aria-hidden": "true",
-              disabled: a.value,
-              onClick: k[1] || (k[1] = ne((A) => S(), ["stop"]))
+              disabled: n.value,
+              onClick: k[1] || (k[1] = ce((O) => j(), ["stop"]))
             }, k[5] || (k[5] = [
               l("svg", {
                 height: "20",
@@ -2118,55 +2115,55 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
             ref_key: "listRef",
             ref: f
           }, [
-            H.value.length ? (i(!0), u(ee, { key: 0 }, le(H.value, (A, W) => (i(), u("div", {
-              key: A.id,
+            J.value.length ? (i(!0), u(ee, { key: 0 }, le(J.value, (O, Z) => (i(), u("div", {
+              key: O.id,
               ref_for: !0,
-              ref: (me) => U.value[W] = me,
-              class: V([
+              ref: (xe) => D.value[Z] = xe,
+              class: M([
                 "flex px-3 py-2 cursor-default select-none hover:bg-blue-300",
-                z.value === W ? "bg-blue-300" : "",
-                M(A.id) ? "text-white bg-blue-500" : "text-gray-900 bg-white"
+                V.value === Z ? "bg-blue-300" : "",
+                S(O.id) ? "text-white bg-blue-500" : "text-gray-900 bg-white"
               ]),
-              "aria-disabled": M(A.id) ? "true" : "false",
+              "aria-disabled": S(O.id) ? "true" : "false",
               role: "option",
               tabindex: "-1",
-              onClick: (me) => G(A)
+              onClick: (xe) => m(O)
             }, [
-              A?.color ? (i(), u("span", {
+              O?.color ? (i(), u("span", {
                 key: 0,
                 class: "w-[11px] h-[11px] rounded-full block mr-1 mt-1.5",
-                style: he({ backgroundColor: A?.color })
-              }, null, 4)) : j("", !0),
+                style: we({ backgroundColor: O?.color })
+              }, null, 4)) : z("", !0),
               l("div", {
-                class: V([
+                class: M([
                   "leading-[19px]",
-                  z.value === A.id ? "text-white" : "",
+                  V.value === O.id ? "text-white" : "",
                   // active style like react-select
-                  (z.value === W, "")
+                  (V.value === Z, "")
                 ])
-              }, F(A.text), 3)
+              }, F(O.text), 3)
             ], 10, La))), 128)) : (i(), u("div", Sa, " No options "))
           ], 512)
-        ])) : j("", !0)
+        ])) : z("", !0)
       ], 2),
       t.add ? (i(), u("button", {
         key: 0,
-        onClick: it,
+        onClick: nt,
         class: "bg-white hover:bg-gray-100 text-sm text-gray-900 py-[10px] px-3 border border-stone-200 rounded-md h-[38px] flex items-center gap-2",
-        disabled: a.value,
+        disabled: n.value,
         type: "button"
       }, [
-        B(je, {
+        I(Ae, {
           width: "16",
           height: "16"
         }),
         k[9] || (k[9] = l("span", null, "Додати", -1))
-      ], 8, Ba)) : j("", !0)
+      ], 8, Ba)) : z("", !0)
     ], 512));
   }
-}), Ia = ["placeholder", "disabled"], za = /* @__PURE__ */ O({
+}), Ia = ["placeholder", "disabled"], za = /* @__PURE__ */ E({
   __name: "vs-input-textarea",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ W({
     style: { default: () => ({}) },
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -2180,18 +2177,18 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = be(e.style), n = X(o, "modelValue");
-    return (s, a) => K((i(), u("textarea", {
-      "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
+    const e = o, { inputClass: t } = _e(e.style), r = Q(o, "modelValue");
+    return (s, n) => X((i(), u("textarea", {
+      "onUpdate:modelValue": n[0] || (n[0] = (a) => r.value = a),
       placeholder: s.placeholder,
       disabled: s.disabled,
       row: "2",
-      class: V(["py-1.5 px-3 block w-full placeholder:text[#767f8f] h-auto", [J(t)]]),
+      class: M(["py-1.5 px-3 block w-full placeholder:text[#767f8f] h-auto bg-white", [G(t)]]),
       style: {
         border: "1px solid #CFD9E0"
       }
     }, null, 10, Ia)), [
-      [de, n.value]
+      [fe, r.value]
     ]);
   }
 }), Aa = {}, Oa = {
@@ -2215,7 +2212,7 @@ function Ea(o, e) {
     l("path", { d: "M21 21l-6 -6" }, null, -1)
   ]));
 }
-const Fa = /* @__PURE__ */ R(Aa, [["render", Ea]]), Da = {}, Ua = {
+const Fa = /* @__PURE__ */ P(Aa, [["render", Ea]]), Da = {}, Ua = {
   class: "flex-shrink-0 mt-0.5 size-3.5",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
@@ -2233,7 +2230,7 @@ function Ta(o, e) {
     l("path", { d: "M17 4v16" }, null, -1)
   ]));
 }
-const Ra = /* @__PURE__ */ R(Da, [["render", Ta]]), Pa = {}, Na = {
+const Ra = /* @__PURE__ */ P(Da, [["render", Ta]]), Pa = {}, Na = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "14",
   height: "14",
@@ -2256,7 +2253,7 @@ function Ha(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const qa = /* @__PURE__ */ R(Pa, [["render", Ha]]), Ga = {}, Ja = {
+const qa = /* @__PURE__ */ P(Pa, [["render", Ha]]), Ga = {}, Ja = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2277,7 +2274,7 @@ function Ka(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const Za = /* @__PURE__ */ R(Ga, [["render", Ka]]), Wa = {}, Qa = {
+const Za = /* @__PURE__ */ P(Ga, [["render", Ka]]), Wa = {}, Qa = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2291,7 +2288,7 @@ function Xa(o, e) {
     re('<circle cx="9" cy="12" r="1"></circle><circle cx="9" cy="5" r="1"></circle><circle cx="9" cy="19" r="1"></circle><circle cx="15" cy="12" r="1"></circle><circle cx="15" cy="5" r="1"></circle><circle cx="15" cy="19" r="1"></circle>', 6)
   ]));
 }
-const Qe = /* @__PURE__ */ R(Wa, [["render", Xa]]), Ya = {}, es = {
+const We = /* @__PURE__ */ P(Wa, [["render", Xa]]), Ya = {}, es = {
   viewBox: "0 0 178 90",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
@@ -2301,7 +2298,7 @@ function ts(o, e) {
     re('<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>', 12)
   ]));
 }
-const ls = /* @__PURE__ */ R(Ya, [["render", ts]]), os = {}, as = {
+const ls = /* @__PURE__ */ P(Ya, [["render", ts]]), os = {}, as = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2315,13 +2312,13 @@ function ss(o, e) {
     l("path", { d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z" }, null, -1)
   ]));
 }
-const rs = /* @__PURE__ */ R(os, [["render", ss]]), ns = { class: "vs-datatable border rounded-xl w-full flex-grow" }, is = { class: "flex items-center npm gap-[16px] justify-between p-[20px] pb-[16px]" }, us = { class: "relative w-full" }, ds = { class: "table-wrapper flex gap-2" }, cs = { class: "vs-popover inline-block text-slate-700" }, ps = { class: "text-center" }, fs = { class: "" }, vs = { class: "py-1 px-0 w-full text-sm text-stone-800 bg-white shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-lg focus:outline-none focus:bg-stone-100 dark:bg-neutral-900 dark:text-neutral-200 dark:focus:bg-neutral-800 after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" }, ms = { class: "flex flex-col p-[1px] gap-[2px] w-[140px]" }, hs = { class: "text-sm items-center text-gray-800 flex gap-1" }, gs = { class: "w-full overflow-x-auto" }, bs = { class: "w-full table-auto caption-bottom text-sm" }, ys = { class: "[&_tr]:border-b" }, xs = { class: "border-b data-[state=selected]:bg-muted bg-slate-50/50 dark:bg-slate-700/50 hover:bg-slate-50/80 dark:hover:bg-slate-700/80 transition-colors" }, ws = { class: "h-10 px-2 align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] w-12 text-center" }, ks = {
+const rs = /* @__PURE__ */ P(os, [["render", ss]]), ns = { class: "vs-datatable border rounded-xl w-full flex-grow" }, is = { class: "flex items-center npm gap-[16px] justify-between p-[20px] pb-[16px]" }, us = { class: "relative w-full" }, ds = { class: "table-wrapper flex gap-2" }, cs = { class: "vs-popover inline-block text-slate-700" }, ps = { class: "text-center" }, fs = { class: "" }, vs = { class: "py-1 px-0 w-full text-sm text-stone-800 bg-white shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-lg focus:outline-none focus:bg-stone-100 dark:bg-neutral-900 dark:text-neutral-200 dark:focus:bg-neutral-800 after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" }, ms = { class: "flex flex-col p-[1px] gap-[2px] w-[140px]" }, hs = { class: "text-sm items-center text-gray-800 flex gap-1" }, gs = { class: "w-full overflow-x-auto" }, bs = { class: "w-full table-auto caption-bottom text-sm" }, ys = { class: "[&_tr]:border-b" }, xs = { class: "border-b data-[state=selected]:bg-muted bg-slate-50/50 dark:bg-slate-700/50 hover:bg-slate-50/80 dark:hover:bg-slate-700/80 transition-colors" }, ws = { class: "h-10 px-2 align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] w-12 text-center" }, ks = {
   key: 0,
   colspan: "100%",
   class: "text-center"
-}, _s = { class: "w-full" }, $s = { class: "p-5 min-h-[200px] flex flex-col justify-center items-center text-center" }, Cs = ["onDragstart", "onDragover", "onDrop"], Vs = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] text-center" }, Ms = { class: "flex items-center justify-center" }, Ls = { class: "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-slate-100 dark:bg-slate-700 text-slate-700 dark:text-slate-300 hover:bg-slate-200 dark:hover:bg-slate-600 transition-colors" }, Ss = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]" }, Bs = { class: "flex items-center justify-center gap-2" }, js = ["onClick"], Is = ["onClick"], zs = { class: "vs-form__head mr-5 mt-3 flex items-center justify-end sticky top-0 left-0 z-[60] bg-white" }, As = /* @__PURE__ */ O({
+}, _s = { class: "w-full" }, $s = { class: "p-5 min-h-[200px] flex flex-col justify-center items-center text-center" }, Cs = ["onDragstart", "onDragover", "onDrop"], Vs = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] text-center" }, Ms = { class: "flex items-center justify-center" }, Ls = { class: "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-slate-100 dark:bg-slate-700 text-slate-700 dark:text-slate-300 hover:bg-slate-200 dark:hover:bg-slate-600 transition-colors" }, Ss = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]" }, Bs = { class: "flex items-center justify-center gap-2" }, js = ["onClick"], Is = ["onClick"], zs = { class: "vs-form__head mr-5 mt-3 flex items-center justify-end sticky top-0 left-0 z-[60] bg-white" }, As = /* @__PURE__ */ E({
   __name: "vs-input-datatable",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ W({
     colModel: {},
     style: {},
     customClass: {},
@@ -2336,100 +2333,100 @@ const rs = /* @__PURE__ */ R(os, [["render", ss]]), ns = { class: "vs-datatable
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = X(o, "modelValue"), n = x({}), s = x(""), a = D(() => {
+    const e = o, t = Q(o, "modelValue"), r = x({}), s = x(""), n = T(() => {
       if (!s.value) return t.value ?? [];
-      const I = s.value.toLowerCase();
-      return t.value.filter(($) => e.colModel?.some((S) => {
-        const q = $[S.key];
-        return q ? Array.isArray(q) ? q.join(", ").toLowerCase().includes(I) : String(q).toLowerCase().includes(I) : !1;
+      const B = s.value.toLowerCase();
+      return t.value.filter((_) => e.colModel?.some((j) => {
+        const q = _[j.key];
+        return q ? Array.isArray(q) ? q.join(", ").toLowerCase().includes(B) : String(q).toLowerCase().includes(B) : !1;
       }));
-    }), r = x(null), d = x(null), p = x(!1), f = x(null), c = x({ top: 0, left: 0 }), g = (I) => {
-      r.value = I;
-    }, v = (I) => {
-      d.value = I;
-    }, C = (I) => {
-      if (r.value === null || r.value === I) {
-        r.value = null, d.value = null;
+    }), a = x(null), d = x(null), p = x(!1), f = x(null), c = x({ top: 0, left: 0 }), b = (B) => {
+      a.value = B;
+    }, v = (B) => {
+      d.value = B;
+    }, C = (B) => {
+      if (a.value === null || a.value === B) {
+        a.value = null, d.value = null;
         return;
       }
-      const $ = [...t.value], [S] = $.splice(r.value, 1);
-      $.splice(I, 0, S), t.value = $, r.value = null, d.value = null;
-    }, z = (I) => {
-      const S = I.currentTarget.getBoundingClientRect();
-      c.value = { top: S.bottom + window.scrollY, left: S.left + window.scrollX }, p.value = !p.value;
-    }, U = () => {
+      const _ = [...t.value], [j] = _.splice(a.value, 1);
+      _.splice(B, 0, j), t.value = _, a.value = null, d.value = null;
+    }, V = (B) => {
+      const j = B.currentTarget.getBoundingClientRect();
+      c.value = { top: j.bottom + window.scrollY, left: j.left + window.scrollX }, p.value = !p.value;
+    }, D = () => {
       f.value && f.value.click();
-    }, T = (I) => {
-      const S = I.target.files?.[0];
-      if (!S) return;
+    }, U = (B) => {
+      const j = B.target.files?.[0];
+      if (!j) return;
       const q = new FileReader();
-      q.onload = (m) => {
+      q.onload = (oe) => {
         try {
-          const y = m.target?.result;
-          if (typeof y == "string") {
-            const E = JSON.parse(y);
-            Array.isArray(E) && t.value.push(...E);
+          const he = oe.target?.result;
+          if (typeof he == "string") {
+            const de = JSON.parse(he);
+            Array.isArray(de) && t.value.push(...de);
           }
-        } catch (y) {
-          console.error("Error parsing file:", y);
+        } catch (he) {
+          console.error("Error parsing file:", he);
         }
-      }, q.readAsText(S);
+      }, q.readAsText(j);
     }, N = () => {
-      const I = JSON.stringify(t.value, null, 2), $ = new Blob([I], { type: "application/json" }), S = URL.createObjectURL($), q = document.createElement("a");
-      q.href = S, q.download = "data.json", q.click(), URL.revokeObjectURL(S);
+      const B = JSON.stringify(t.value, null, 2), _ = new Blob([B], { type: "application/json" }), j = URL.createObjectURL(_), q = document.createElement("a");
+      q.href = j, q.download = "data.json", q.click(), URL.revokeObjectURL(j);
     };
-    ue(async () => {
-      const I = e.colModel?.filter(($) => $.data);
-      I?.length && Promise.all(I.map(async ($) => {
-        n.value[$.key] = await fetch(`/api/suggest/${$.data}`).then((S) => S.json());
+    pe(async () => {
+      const B = e.colModel?.filter((_) => _.data);
+      B?.length && Promise.all(B.map(async (_) => {
+        r.value[_.key] = await fetch(`/api/suggest/${_.data}`).then((j) => j.json());
       }));
     });
-    const _ = x(""), b = x(!1);
-    let h = "edit", Z = 0;
-    const P = x({}), M = x({});
-    async function H() {
-      _.value = "Додати", b.value = !0, h = "add", P.value = {};
+    const $ = x(""), h = x(!1);
+    let g = "edit", K = 0;
+    const A = x({}), S = x({});
+    async function J() {
+      $.value = "Додати", h.value = !0, g = "add", A.value = {};
     }
-    function Y(I, $) {
-      return n.value[$.key] && I[$.key] ? n.value[$.key].find((S) => S.id.toString() === I[$.key].toString())?.text ?? I[$.key] : I[$.key] || "-";
+    function Y(B, _) {
+      return r.value[_.key] && B[_.key] ? r.value[_.key].find((j) => j.id.toString() === B[_.key].toString())?.text ?? B[_.key] : B[_.key] || "-";
     }
-    async function we(I, $) {
-      _.value = "Редагувати", b.value = !0, h = "edit", Z = $, P.value = { ...I };
+    async function ae(B, _) {
+      $.value = "Редагувати", h.value = !0, g = "edit", K = _, A.value = { ...B };
     }
-    function ce() {
-      const I = M.value.validate();
-      if (I) {
-        pe({ type: "warning", title: "Помилка валідації", message: Object.entries(I).map(([$, S]) => `${$}: ${S}`).join(`
+    function $e() {
+      const B = S.value.validate();
+      if (B) {
+        me({ type: "warning", title: "Помилка валідації", message: Object.entries(B).map(([_, j]) => `${_}: ${j}`).join(`
 `) });
         return;
       }
-      h === "add" ? Array.isArray(t.value) ? t.value = [...t.value, P.value] : t.value = [P.value] : t.value = t.value.map(($, S) => S === Z ? P.value : $), b.value = !1;
+      g === "add" ? Array.isArray(t.value) ? t.value = [...t.value, A.value] : t.value = [A.value] : t.value = t.value.map((_, j) => j === K ? A.value : _), h.value = !1;
     }
-    function Ce(I) {
-      t.value = t.value.filter(($, S) => S !== I);
+    function Le(B) {
+      t.value = t.value.filter((_, j) => j !== B);
     }
-    return (I, $) => (i(), u("div", ns, [
+    return (B, _) => (i(), u("div", ns, [
       l("div", is, [
         l("div", us, [
-          B(Fa, {
+          I(Fa, {
             width: "14",
             height: "14",
             class: "absolute left-3 top-1/2 transform -translate-y-1/2 text-stone-500"
           }),
-          K(l("input", {
+          X(l("input", {
             type: "text",
-            "onUpdate:modelValue": $[0] || ($[0] = (S) => s.value = S),
+            "onUpdate:modelValue": _[0] || (_[0] = (j) => s.value = j),
             placeholder: "Пошук",
             class: "py-2 px-3 pl-10 w-full bg-gray-100 h-[36px] rounded-[8px] text-[15px] leading-[18px] focus:border-1 text-stone-800 placeholder:text-[#6B7280] focus:outline-blue-500 focus:outline-2"
           }, null, 512), [
-            [de, s.value]
+            [fe, s.value]
           ])
         ]),
         l("div", ds, [
           l("input", {
             ref_key: "fileInput",
             ref: f,
-            onChange: T,
+            onChange: U,
             class: "hidden",
             accept: ".json",
             type: "file"
@@ -2438,10 +2435,10 @@ const rs = /* @__PURE__ */ R(os, [["render", ss]]), ns = { class: "vs-datatable
             l("div", ps, [
               l("div", fs, [
                 l("button", {
-                  onClick: z,
+                  onClick: V,
                   class: "bg-white hover:bg-gray-100 font-semibold text-[15px] leadig-[18.5px] py-[10px] px-[12px] border border-[#E5E7EB] rounded-[8px] h-[38px] max-h-[38px] gap-[8px] flex items-center"
                 }, [
-                  B(Ra, {
+                  I(Ra, {
                     height: "16",
                     width: "16"
                   })
@@ -2450,48 +2447,48 @@ const rs = /* @__PURE__ */ R(os, [["render", ss]]), ns = { class: "vs-datatable
             ])
           ])
         ]),
-        (i(), te(pt, { to: "body" }, [
+        (i(), te(ct, { to: "body" }, [
           p.value ? (i(), u("div", {
             key: 0,
             class: "text-slate-700 vsTailwind vs-popover__content bottom",
-            style: he([{ width: "fit-content", "z-index": "10002", position: "fixed" }, { position: "absolute", top: c.value.top + "px", left: c.value.left + "px" }])
+            style: we([{ width: "fit-content", "z-index": "10002", position: "fixed" }, { position: "absolute", top: c.value.top + "px", left: c.value.left + "px" }])
           }, [
             l("div", vs, [
               l("div", ms, [
                 l("button", {
-                  onClick: U,
+                  onClick: D,
                   class: "text-slate-700 flex items-center gap-1 px-3 py-2 rounded-md cursor-pointer group hover:bg-gray-100"
                 }, [
-                  B(qa, {
+                  I(qa, {
                     class: "text-black",
                     width: "14",
                     height: "14"
                   }),
-                  $[4] || ($[4] = se(" Імпортувати "))
+                  _[4] || (_[4] = ie(" Імпортувати "))
                 ]),
                 l("button", {
                   onClick: N,
                   class: "text-slate-700 flex items-center px-3 py-2 rounded-md cursor-pointer group hover:bg-gray-100"
                 }, [
                   l("span", hs, [
-                    B(Za, {
+                    I(Za, {
                       class: "text-black",
                       width: "14",
                       height: "14"
                     }),
-                    $[5] || ($[5] = se(" Експортувати "))
+                    _[5] || (_[5] = ie(" Експортувати "))
                   ])
                 ])
               ])
             ])
-          ], 4)) : j("", !0)
+          ], 4)) : z("", !0)
         ])),
         l("button", {
-          onClick: H,
+          onClick: J,
           class: "text-slate-700 bg-white hover:bg-gray-100 font-semibold text-[15px] leadig-[18.5px] py-[10px] px-[12px] border border-[#E5E7EB] rounded-[8px] h-[38px] max-h-[38px] gap-[8px] flex items-center"
         }, [
-          B(je),
-          $[6] || ($[6] = se(" Додати "))
+          I(Ae),
+          _[6] || (_[6] = ie(" Додати "))
         ])
       ]),
       l("div", gs, [
@@ -2499,76 +2496,76 @@ const rs = /* @__PURE__ */ R(os, [["render", ss]]), ns = { class: "vs-datatable
           l("thead", ys, [
             l("tr", xs, [
               l("th", ws, [
-                B(Qe, {
+                I(We, {
                   width: "24",
                   height: "24",
                   class: "w-4 h-4 mx-auto text-slate-400 dark:text-slate-500"
                 })
               ]),
-              (i(!0), u(ee, null, le(I.colModel, (S) => (i(), u("th", {
-                key: S.key,
+              (i(!0), u(ee, null, le(B.colModel, (j) => (i(), u("th", {
+                key: j.key,
                 class: "h-10 px-2 text-left align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] font-semibold text-slate-700 dark:text-slate-300 min-w-[150px]"
-              }, F(S.ua || S.label), 1))), 128)),
-              $[7] || ($[7] = l("th", { class: "h-10 px-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] font-semibold text-slate-700 dark:text-slate-300 text-center" }, " Дії ", -1))
+              }, F(j.ua || j.label), 1))), 128)),
+              _[7] || (_[7] = l("th", { class: "h-10 px-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] font-semibold text-slate-700 dark:text-slate-300 text-center" }, " Дії ", -1))
             ])
           ]),
           l("tbody", {
-            class: V({ "[&_tr:last-child]:border-0": !d.value })
+            class: M({ "[&_tr:last-child]:border-0": !d.value })
           }, [
-            a.value.length === 0 ? (i(), u("td", ks, [
+            n.value.length === 0 ? (i(), u("td", ks, [
               l("div", _s, [
                 l("div", $s, [
-                  B(ls, { class: "w-48 mx-auto" }),
-                  $[8] || ($[8] = l("div", { class: "max-w-sm mx-auto mt-6" }, [
+                  I(ls, { class: "w-48 mx-auto" }),
+                  _[8] || (_[8] = l("div", { class: "max-w-sm mx-auto mt-6" }, [
                     l("p", { class: "font-medium text-gray-800 dark:text-neutral-200" }, "Нічого не знайдено"),
                     l("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" })
                   ], -1))
                 ])
               ])
-            ])) : j("", !0),
-            (i(!0), u(ee, null, le(a.value, (S, q) => (i(), u("tr", {
-              key: S.id,
-              class: V(["border-b data-[state=selected]:bg-muted transition-all duration-200 hover:bg-slate-50/60 dark:hover:bg-slate-700/60 cursor-move", {
-                "opacity-50": r.value === q,
+            ])) : z("", !0),
+            (i(!0), u(ee, null, le(n.value, (j, q) => (i(), u("tr", {
+              key: j.id,
+              class: M(["border-b data-[state=selected]:bg-muted transition-all duration-200 hover:bg-slate-50/60 dark:hover:bg-slate-700/60 cursor-move", {
+                "opacity-50": a.value === q,
                 "border-t-2 border-b-2 border-blue-500 bg-blue-50 dark:bg-blue-900/20": d.value === q
               }]),
               draggable: "true",
-              onDragstart: (m) => g(q),
-              onDragover: ne((m) => v(q), ["prevent"]),
-              onDrop: (m) => C(q)
+              onDragstart: (oe) => b(q),
+              onDragover: ce((oe) => v(q), ["prevent"]),
+              onDrop: (oe) => C(q)
             }, [
               l("td", Vs, [
                 l("div", Ms, [
-                  B(Qe, {
+                  I(We, {
                     width: "24",
                     height: "24",
                     class: "w-4 h-4 mx-auto text-slate-400 dark:text-slate-500"
                   })
                 ])
               ]),
-              (i(!0), u(ee, null, le(I.colModel, (m) => (i(), u("td", {
-                key: m.key,
+              (i(!0), u(ee, null, le(B.colModel, (oe) => (i(), u("td", {
+                key: oe.key,
                 class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]"
               }, [
-                l("div", Ls, F(Y(S, m)), 1)
+                l("div", Ls, F(Y(j, oe)), 1)
               ]))), 128)),
               l("td", Ss, [
                 l("div", Bs, [
                   l("button", {
-                    onClick: (m) => we(S, q),
+                    onClick: (oe) => ae(j, q),
                     class: "text-slate-700 inline-flex items-center justify-center whitespace-nowrap font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border rounded-md text-xs h-7 w-7 p-0 border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-700 hover:bg-blue-50 dark:hover:bg-slate-600 hover:border-blue-300 dark:hover:border-slate-500 hover:text-blue-600 dark:hover:text-slate-200 transition-all duration-200 shadow-sm"
                   }, [
-                    B(rs, {
+                    I(rs, {
                       width: "24",
                       height: "24",
                       class: "w-3 h-3"
                     })
                   ], 8, js),
                   l("button", {
-                    onClick: (m) => Ce(q),
+                    onClick: (oe) => Le(q),
                     class: "text-slate-700 inline-flex items-center justify-center whitespace-nowrap font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border rounded-md text-xs h-7 w-7 p-0 border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-700 hover:bg-red-50 dark:hover:bg-slate-600 hover:border-red-300 dark:hover:border-slate-500 hover:text-red-600 dark:hover:text-slate-200 transition-all duration-200 shadow-sm"
                   }, [
-                    B(ze, {
+                    I(Ee, {
                       width: "24",
                       height: "24",
                       class: "w-3 h-3"
@@ -2580,27 +2577,27 @@ const rs = /* @__PURE__ */ R(os, [["render", ss]]), ns = { class: "vs-datatable
           ], 2)
         ])
       ]),
-      B(J(vt), {
-        visible: b.value,
-        title: _.value,
+      I(G(vt), {
+        visible: h.value,
+        title: $.value,
         size: "lg"
       }, {
-        default: $e(() => [
-          B(Ie, {
+        default: Me(() => [
+          I(Oe, {
             schema: e.colModel,
-            values: P.value,
-            "onUpdate:values": $[1] || ($[1] = (S) => P.value = S),
-            form: M.value,
-            "onUpdate:form": $[2] || ($[2] = (S) => M.value = S)
+            values: A.value,
+            "onUpdate:values": _[1] || (_[1] = (j) => A.value = j),
+            form: S.value,
+            "onUpdate:form": _[2] || (_[2] = (j) => S.value = j)
           }, null, 8, ["schema", "values", "form"]),
           l("div", zs, [
             l("button", {
               type: "button",
-              onClick: $[3] || ($[3] = (S) => b.value = !1),
+              onClick: _[3] || (_[3] = (j) => h.value = !1),
               class: "vs-button inline-flex border-solid justify-center items-center gap-2 rounded-md font-semibold focus:outline-none text-sm transition-all border !border-gray-200 hover:text-white bg-white text-red-500 hover:border-red-500 hover:bg-red-500 focus:ring-red-500 py-1.5 px-5 focus:ring-1 focus:ring-offset-1 mr-2"
             }, " Скасувати "),
             l("button", {
-              onClick: ce,
+              onClick: $e,
               type: "button",
               class: "vs-button inline-flex border-solid justify-center items-center gap-2 rounded-md font-semibold focus:outline-none text-sm transition-all border-1 border-transparent text-white bg-blue-500 hover:bg-blue-600 focus:ring-blue-500 py-1.5 px-5 focus:ring-1 focus:ring-offset-1"
             }, " Зберегти ")
@@ -2753,7 +2750,7 @@ function Us(o, e) {
     l("path", { d: "M17.657 16.657l-4.243 4.243a2 2 0 0 1 -2.827 0l-4.244 -4.243a8 8 0 1 1 11.314 0z" }, null, -1)
   ]));
 }
-const Ts = /* @__PURE__ */ R(Fs, [["render", Us]]), Rs = {}, Ps = {
+const Ts = /* @__PURE__ */ P(Fs, [["render", Us]]), Rs = {}, Ps = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2775,7 +2772,7 @@ function Ns(o, e) {
     l("path", { d: "M7.5 16.5l9 -9" }, null, -1)
   ]));
 }
-const Hs = /* @__PURE__ */ R(Rs, [["render", Ns]]), qs = {}, Gs = {
+const Hs = /* @__PURE__ */ P(Rs, [["render", Ns]]), qs = {}, Gs = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2790,7 +2787,7 @@ function Js(o, e) {
     re('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M12 5m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M19 8m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M5 11m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M15 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M6.5 9.5l3.5 -3"></path><path d="M14 5.5l3 1.5"></path><path d="M18.5 10l-2.5 7"></path><path d="M13.5 17.5l-7 -5"></path>', 9)
   ]));
 }
-const Ks = /* @__PURE__ */ R(qs, [["render", Js]]), Zs = {}, Ws = {
+const Ks = /* @__PURE__ */ P(qs, [["render", Js]]), Zs = {}, Ws = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2805,7 +2802,7 @@ function Qs(o, e) {
     re('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M8 18a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z"></path><path d="M20 18a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z"></path><path d="M20 6a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z"></path><path d="M8 6a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z"></path><path d="M6 8v8"></path><path d="M18 16v-8"></path><path d="M8 6h8"></path><path d="M16 18h-8"></path>', 9)
   ]));
 }
-const Xs = /* @__PURE__ */ R(Zs, [["render", Qs]]), Ys = {}, er = {
+const Xs = /* @__PURE__ */ P(Zs, [["render", Qs]]), Ys = {}, er = {
   version: "1.1",
   viewBox: "0 0 14 14",
   xmlns: "http://www.w3.org/2000/svg",
@@ -2843,7 +2840,7 @@ function tr(o, e) {
     ], -1)
   ]));
 }
-const lr = /* @__PURE__ */ R(Ys, [["render", tr]]), or = { class: "form-geom__search" }, ar = { class: "map-search__input" }, sr = { class: "flex flex-nowrap relative" }, rr = { class: "form-autocomplete relative min-w-[6rem] vsTailwind map-search__select hidden" }, nr = { class: "flex items-center w-full" }, ir = { class: "max-w-[90%] truncate" }, ur = {
+const lr = /* @__PURE__ */ P(Ys, [["render", tr]]), or = { class: "form-geom__search" }, ar = { class: "map-search__input" }, sr = { class: "flex flex-nowrap relative" }, rr = { class: "form-autocomplete relative min-w-[6rem] vsTailwind map-search__select hidden" }, nr = { class: "flex items-center w-full" }, ir = { class: "max-w-[90%] truncate" }, ur = {
   key: 0,
   class: "absolute z-[3100] mt-0.5 left-0 right-0"
 }, dr = { class: "form-autocomplete__wrapper mt-[10px] z-50 w-full min-w-36 max-h-72 p-0 space-y-0.5 bg-white rounded-xl shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:bg-neutral-900 top-full opened" }, cr = { class: "form-autocomplete__list vsTailwind px-2 pb-2 pt-0 max-h-200 relative [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:bg-gray-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900" }, pr = ["onClick"], fr = { class: "flex justify-between items-center w-full" }, vr = { class: "flex items-center" }, mr = {
@@ -2866,78 +2863,78 @@ const lr = /* @__PURE__ */ R(Ys, [["render", tr]]), or = { class: "form-geom__se
 }, kr = {
   key: 2,
   class: "px-3 py-2 text-xs text-gray-400"
-}, _r = /* @__PURE__ */ O({
+}, _r = /* @__PURE__ */ E({
   __name: "map-search",
   props: {
     placeholder: { default: "50, 30" }
   },
   emits: ["goToCoordinates"],
   setup(o, { emit: e }) {
-    const t = e, n = x(!1), s = x("coordinates"), a = x(""), r = x([]), d = x(!1), p = x(!1);
+    const t = e, r = x(!1), s = x("coordinates"), n = x(""), a = x([]), d = x(!1), p = x(!1);
     let f;
     const c = [
       { value: "coordinates", label: "Пошук по кординатам" },
       { value: "atu", label: "АТУ" },
       { value: "address", label: "Адресса" },
       { value: "search_here", label: "Пошук HERE" }
-    ], g = D(() => c.find((_) => _.value === s.value)?.label ?? "АТУ");
-    function v(_) {
-      s.value = _.value, n.value = !1, a.value = "", a.value && U();
+    ], b = T(() => c.find(($) => $.value === s.value)?.label ?? "АТУ");
+    function v($) {
+      s.value = $.value, r.value = !1, n.value = "", n.value && D();
     }
-    function C(_) {
-      _.target.closest(".map-search__input") || (n.value = !1);
+    function C($) {
+      $.target.closest(".map-search__input") || (r.value = !1);
     }
-    ue(() => document.addEventListener("click", C)), Ee(() => document.removeEventListener("click", C));
-    async function z(_) {
-      let b;
-      s.value === "atu" ? b = "/api/suggest/atu.nsdi.ato_level" : s.value === "address" ? b = "/api/suggest/map.address_id" : s.value === "search_here" && (b = "/api/gis-url-proxy");
-      const h = new URL(b || "");
-      return s.value === "search_here" ? h.searchParams.set("searchtext", _) : (s.value === "atu" || s.value === "address") && h.searchParams.set("key", _), h.searchParams.set("limit", "20"), h.searchParams.set("q", _), (await fetch(h.toString())).json();
+    pe(() => document.addEventListener("click", C)), Ue(() => document.removeEventListener("click", C));
+    async function V($) {
+      let h;
+      s.value === "atu" ? h = "/api/suggest/atu.nsdi.ato_level" : s.value === "address" ? h = "/api/suggest/map.address_id" : s.value === "search_here" && (h = "/api/gis-url-proxy");
+      const g = new URL(h || "");
+      return s.value === "search_here" ? g.searchParams.set("searchtext", $) : (s.value === "atu" || s.value === "address") && g.searchParams.set("key", $), g.searchParams.set("limit", "20"), g.searchParams.set("q", $), (await fetch(g.toString())).json();
     }
-    function U() {
+    function D() {
       if (d.value = !0, p.value = !0, s.value === "coordinates") {
-        const _ = a.value.trim().split(",");
-        if (_.length === 2) {
-          const b = parseFloat(_[0]), h = parseFloat(_[1]);
-          !Number.isNaN(b) && !Number.isNaN(h) && t("goToCoordinates", [b, h]);
+        const $ = n.value.trim().split(",");
+        if ($.length === 2) {
+          const h = parseFloat($[0]), g = parseFloat($[1]);
+          !Number.isNaN(h) && !Number.isNaN(g) && t("goToCoordinates", [h, g]);
         }
         return;
       }
       f && window.clearTimeout(f), f = window.setTimeout(async () => {
-        const _ = a.value.trim();
-        if (!_) {
-          r.value = [], p.value = !1;
+        const $ = n.value.trim();
+        if (!$) {
+          a.value = [], p.value = !1;
           return;
         }
         try {
-          const b = await z(_);
-          r.value = Array.isArray(b.features) ? b.features : [];
+          const h = await V($);
+          a.value = Array.isArray(h.features) ? h.features : [];
         } catch {
-          r.value = [];
+          a.value = [];
         } finally {
           p.value = !1;
         }
       }, 300);
     }
-    function T() {
-      a.value = "", r.value = [], d.value = !1, p.value = !1;
+    function U() {
+      n.value = "", a.value = [], d.value = !1, p.value = !1;
     }
-    function N(_) {
-      t("goToCoordinates", _), d.value = !1, p.value = !1, r.value = [];
+    function N($) {
+      t("goToCoordinates", $), d.value = !1, p.value = !1, a.value = [];
     }
-    return (_, b) => (i(), u("div", or, [
+    return ($, h) => (i(), u("div", or, [
       l("div", ar, [
         l("div", sr, [
           l("div", rr, [
             l("button", {
               type: "button",
-              onClick: b[0] || (b[0] = (h) => n.value = !n.value),
+              onClick: h[0] || (h[0] = (g) => r.value = !r.value),
               class: "h-[40px] relative px-4 pe-9 flex text-nowrap w-full cursor-pointer bg-white border border-solid border-stone-200 rounded-lg text-start text-sm text-stone-800 focus:outline-none focus:ring-1 focus:ring-blue-600 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"
             }, [
               l("div", nr, [
-                l("span", ir, F(g.value), 1)
+                l("span", ir, F(b.value), 1)
               ]),
-              b[3] || (b[3] = l("svg", {
+              h[3] || (h[3] = l("svg", {
                 class: "stroke-gray-500 absolute right-3 translate-y-1/2 bottom-1/2",
                 width: "15",
                 height: "15",
@@ -2952,30 +2949,30 @@ const lr = /* @__PURE__ */ R(Ys, [["render", tr]]), or = { class: "form-geom__se
                 })
               ], -1))
             ]),
-            n.value ? (i(), u("div", ur, [
+            r.value ? (i(), u("div", ur, [
               l("div", dr, [
                 l("div", cr, [
-                  (i(), u(ee, null, le(c, (h) => l("div", {
-                    onClick: (Z) => v(h),
-                    key: h.value,
+                  (i(), u(ee, null, le(c, (g) => l("div", {
+                    onClick: (K) => v(g),
+                    key: g.value,
                     class: "form-autocomplete__item cursor-pointer hs-selected:bg-stone-100 dark:hs-selected:bg-neutral-800 py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 rounded-lg focus:outline-none focus:bg-stone-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800 cursor-default"
                   }, [
                     l("div", fr, [
                       l("div", vr, [
-                        l("div", null, F(h.label), 1)
+                        l("div", null, F(g.label), 1)
                       ]),
-                      h.value === s.value ? (i(), u("svg", mr, b[4] || (b[4] = [
+                      g.value === s.value ? (i(), u("svg", mr, h[4] || (h[4] = [
                         l("polyline", { points: "20 6 9 17 4 12" }, null, -1)
-                      ]))) : j("", !0)
+                      ]))) : z("", !0)
                     ])
                   ], 8, pr)), 64))
                 ])
               ])
-            ])) : j("", !0)
+            ])) : z("", !0)
           ]),
           l("div", hr, [
             l("div", gr, [
-              b[6] || (b[6] = l("i", { class: "absolute bottom-1/2 translate-y-1/2 left-3 text-gray-500" }, [
+              h[6] || (h[6] = l("i", { class: "absolute bottom-1/2 translate-y-1/2 left-3 text-gray-500" }, [
                 l("svg", {
                   width: "16",
                   height: "16",
@@ -2998,23 +2995,23 @@ const lr = /* @__PURE__ */ R(Ys, [["render", tr]]), or = { class: "form-geom__se
                   })
                 ])
               ], -1)),
-              K(l("input", {
+              X(l("input", {
                 type: "text",
-                "onUpdate:modelValue": b[1] || (b[1] = (h) => a.value = h),
-                onInput: U,
-                onFocus: b[2] || (b[2] = (h) => d.value = !0),
+                "onUpdate:modelValue": h[1] || (h[1] = (g) => n.value = g),
+                onInput: D,
+                onFocus: h[2] || (h[2] = (g) => d.value = !0),
                 placeholder: "lat, lng ex. 50, 30",
                 class: "bg-white h-[38px] text-sm py-2 px-3 ps-9 pe-8 block w-full border border-solid placeholder:text-nowrap border-stone-200 rounded-lg text-stone-800 placeholder:text-stone-400 focus:outline focus:z-10 focus:border-blue-500 focus:ring-blue-500 focus:outline-blue-500"
               }, null, 544), [
-                [de, a.value]
+                [fe, n.value]
               ]),
-              a.value ? (i(), u("button", {
+              n.value ? (i(), u("button", {
                 key: 0,
-                onClick: T,
+                onClick: U,
                 class: "absolute right-2 bottom-1/2 translate-y-1/2 text-gray-500 hover:text-red-500",
                 "aria-label": "Очистити",
                 type: "button"
-              }, b[5] || (b[5] = [
+              }, h[5] || (h[5] = [
                 l("svg", {
                   width: "15",
                   height: "15",
@@ -3029,41 +3026,40 @@ const lr = /* @__PURE__ */ R(Ys, [["render", tr]]), or = { class: "form-geom__se
                     "stroke-linejoin": "round"
                   })
                 ], -1)
-              ]))) : j("", !0),
+              ]))) : z("", !0),
               d.value && s.value !== "coordinates" ? (i(), u("div", br, [
-                r.value.length ? (i(), u("ul", yr, [
-                  (i(!0), u(ee, null, le(r.value, (h) => (i(), u("li", {
-                    key: h.properties.place_id,
-                    onClick: (Z) => N(h),
+                a.value.length ? (i(), u("ul", yr, [
+                  (i(!0), u(ee, null, le(a.value, (g) => (i(), u("li", {
+                    key: g.properties.place_id,
+                    onClick: (K) => N(g),
                     class: "px-3 py-2 text-sm cursor-pointer hover:bg-gray-100"
-                  }, F(h.properties.display_name), 9, xr))), 128))
+                  }, F(g.properties.display_name), 9, xr))), 128))
                 ])) : p.value ? (i(), u("div", wr, "Шукаю…")) : (i(), u("div", kr, "Нічого не знайдено"))
-              ])) : j("", !0)
+              ])) : z("", !0)
             ])
           ])
         ])
       ])
     ]));
   }
-}), $r = { class: "bg-white/95 p-2 rounded-xl shadow border border-gray-200" }, Cr = { class: "flex gap-2" }, Vr = ["onClick", "title"], Mr = ["src"], Lr = /* @__PURE__ */ O({
+}), $r = { class: "bg-white/95 p-2 rounded-xl shadow border border-gray-200" }, Cr = { class: "flex gap-2" }, Vr = ["onClick", "title"], Mr = ["src"], Lr = /* @__PURE__ */ E({
   __name: "map-layers",
   props: {
-    basemaps: {},
-    defaultLayer: {}
+    basemaps: {}
   },
   emits: ["onLayerChange"],
   setup(o, { emit: e }) {
-    const n = x(o.defaultLayer ?? ""), s = e;
-    function a(r) {
-      s("onLayerChange", r), n.value = r;
+    const r = x(Object.keys(o.basemaps)[0]), s = e;
+    function n(a) {
+      s("onLayerChange", a), r.value = a;
     }
-    return (r, d) => (i(), u("div", $r, [
+    return (a, d) => (i(), u("div", $r, [
       l("div", Cr, [
-        (i(!0), u(ee, null, le(r.basemaps, (p, f) => (i(), u("div", {
+        (i(!0), u(ee, null, le(a.basemaps, (p, f) => (i(), u("div", {
           key: f,
-          class: V(["cursor-pointer border rounded-lg overflow-hidden hover:shadow-sm", { "ring-2 ring-blue-500 border-blue-300": n.value === f }]),
-          onClick: (c) => a(f),
-          title: f,
+          class: M(["cursor-pointer border rounded-lg overflow-hidden hover:shadow-sm", { "ring-2 ring-blue-500 border-blue-300": r.value === f }]),
+          onClick: (c) => n(f),
+          title: p.name || f,
           role: "button",
           tabindex: "0"
         }, [
@@ -3085,7 +3081,7 @@ const lr = /* @__PURE__ */ R(Ys, [["render", tr]]), or = { class: "form-geom__se
 }, Gr = {
   key: 1,
   class: "text-xs"
-}, Jr = /* @__PURE__ */ O({
+}, Jr = /* @__PURE__ */ E({
   __name: "vs-input-map",
   props: {
     tools: {},
@@ -3099,208 +3095,215 @@ const lr = /* @__PURE__ */ R(Ys, [["render", tr]]), or = { class: "form-geom__se
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, n = e, s = x(null);
-    let a, r, d;
-    const p = x(null), f = x(null), c = x(6), g = x(0), v = x(null), C = {
-      topo100: {
-        url: "https://data.gki.com.ua/api-user/rtile/voyager/ua/{z}/{x}/{y}.png",
-        preview: "https://data.gki.com.ua/api-user/rtile/voyager/ua/13/4790/2762.png"
-      },
-      orto10: {
-        url: "https://data.gki.com.ua/api-user/rtile/orto10/ua/{z}/{x}/{y}.png",
-        preview: "https://data.gki.com.ua/api-user/rtile/orto10/ua/13/4790/2762.png"
-      },
-      osmb: {
-        url: "https://tile.openstreetmap.org.ua/styles/osm-bright/{z}/{x}/{y}.png",
-        preview: "https://tile.openstreetmap.org.ua/styles/osm-bright/13/4790/2762.png"
-      }
-    };
-    let z;
-    const U = x("topo100");
-    function T() {
+    const t = pt(), r = o, s = e, n = x(null);
+    let a, d, p;
+    const f = x(null), c = x(null), b = x(6), v = x(0), C = x(t?.appContext.config.globalProperties.$settings?.center || [50, 30]), V = x(null), D = he();
+    let U;
+    const N = x("topo100");
+    function $() {
       return new Promise((m, y) => {
         window.L && window.L.Draw && m(0);
-        const E = (oe) => {
-          if (Array.from(document.styleSheets).some((ye) => ye?.href?.includes(oe))) return;
-          const fe = document.createElement("link");
-          fe.rel = "stylesheet", fe.href = oe, document.head.appendChild(fe);
-        }, G = (oe) => new Promise((Ve, fe) => {
-          const ye = Array.from(document.scripts).find((ve) => ve.src === oe);
-          if (ye) {
-            ye.addEventListener("load", () => Ve()), ye.addEventListener("error", (ve) => fe(ve));
+        const R = (ne) => {
+          if (Array.from(document.styleSheets).some((ge) => ge?.href?.includes(ne))) return;
+          const ve = document.createElement("link");
+          ve.rel = "stylesheet", ve.href = ne, document.head.appendChild(ve);
+        }, H = (ne) => new Promise((Se, ve) => {
+          const ge = Array.from(document.scripts).find((ye) => ye.src === ne);
+          if (ge) {
+            ge.addEventListener("load", () => Se()), ge.addEventListener("error", (ye) => ve(ye));
             return;
           }
-          const xe = document.createElement("script");
-          xe.src = oe, xe.async = !0, xe.onload = () => Ve(), xe.onerror = (ve) => fe(ve), document.body.appendChild(xe);
+          const be = document.createElement("script");
+          be.src = ne, be.async = !0, be.onload = () => Se(), be.onerror = (ye) => ve(ye), document.body.appendChild(be);
         });
-        E("https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"), E("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.css"), G("https://unpkg.com/leaflet@1.9.4/dist/leaflet.js").then(() => G("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.js")).then(() => m(0)).catch(y);
+        R("https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"), R("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.css"), H("https://unpkg.com/leaflet@1.9.4/dist/leaflet.js").then(() => H("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.js")).then(() => m(0)).catch(y);
       });
     }
-    function N() {
-      const m = r.toGeoJSON();
+    function h() {
+      const m = d.toGeoJSON();
       let y = null;
-      m?.features?.length && (y = m.features[0].geometry), n("update:modelValue", y), g.value = r.getLayers().length;
+      m?.features?.length && (y = m.features[0].geometry), s("update:modelValue", y), v.value = d.getLayers().length;
     }
-    function _(m = 30) {
-      const y = r.getLayers();
+    function g(m = 30) {
+      const y = d.getLayers();
       if (!y.length) return;
-      const G = L.featureGroup(y).getBounds();
-      G && G.isValid() && a.fitBounds(G, { padding: [m, m] });
+      const H = L.featureGroup(y).getBounds();
+      H && H.isValid() && a.fitBounds(H, { padding: [m, m] });
     }
-    function b() {
-      p.value?.click();
+    function K() {
+      f.value?.click();
     }
-    const h = x("");
-    function Z(m) {
+    const A = x("");
+    function S(m) {
       return m instanceof L.Circle ? "Circle" : m instanceof L.Rectangle ? "Rectangle" : m instanceof L.Polygon && !(m instanceof L.Rectangle) ? "Polygon" : m instanceof L.Polyline && !(m instanceof L.Polygon) ? "Polyline" : m instanceof L.Marker ? "Point" : "Feature";
     }
-    function P(m) {
+    function J(m) {
       if (m instanceof L.Circle) {
         const y = m.getRadius();
         return Math.PI * (y * y) / 1e6;
       }
       if (m instanceof L.Polygon || m instanceof L.Rectangle)
         try {
-          const y = m.getLatLngs(), E = Array.isArray(y[0]) ? y[0] : y, G = L.GeometryUtil?.geodesicArea ? L.GeometryUtil.geodesicArea(E) : 0;
-          return G ? G / 1e6 : 0;
+          const y = m.getLatLngs(), R = Array.isArray(y[0]) ? y[0] : y, H = L.GeometryUtil?.geodesicArea ? L.GeometryUtil.geodesicArea(R) : 0;
+          return H ? H / 1e6 : 0;
         } catch {
           return null;
         }
       return null;
     }
-    function M(m) {
+    function Y(m) {
       return m instanceof L.Circle ? m.getLatLng() : m.getBounds ? m.getBounds().getCenter() : m.getLatLng ? m.getLatLng() : a.getCenter();
     }
-    function H() {
-      const m = r.getLayers();
+    function ae() {
+      const m = d.getLayers();
       if (!m.length) {
-        v.value = null, g.value = 0;
+        V.value = null, v.value = 0;
         return;
       }
-      const y = m[m.length - 1], E = Z(y), G = M(y), oe = P(y);
-      v.value = {
-        type: E,
-        center: G,
-        areaKm2: oe,
+      const y = m[m.length - 1], R = S(y), H = Y(y), ne = J(y);
+      V.value = {
+        type: R,
+        center: H,
+        areaKm2: ne,
         layer: y
-      }, g.value = m.length;
+      }, v.value = m.length;
     }
-    function Y() {
-      const m = v.value?.layer;
-      m && (m instanceof L.Circle && m.getBounds ? a.fitBounds(m.getBounds(), { padding: [30, 30] }) : m.getBounds ? a.fitBounds(m.getBounds(), { padding: [30, 30] }) : m.getLatLng && a.setView(m.getLatLng(), Math.max(c.value, 14)));
+    function $e() {
+      const m = V.value?.layer;
+      m && (m instanceof L.Circle && m.getBounds ? a.fitBounds(m.getBounds(), { padding: [30, 30] }) : m.getBounds ? a.fitBounds(m.getBounds(), { padding: [30, 30] }) : m.getLatLng && a.setView(m.getLatLng(), Math.max(b.value, 14)));
     }
-    function we() {
-      const m = v.value?.layer;
-      m && (r.removeLayer(m), N(), H());
+    function Le() {
+      const m = V.value?.layer;
+      m && (d.removeLayer(m), h(), ae());
     }
-    ue(async () => {
-      await T(), L.drawLocal = Os, a = L.map(s.value, { zoomControl: !1 }).setView([50, 30], 10), L.control.zoom({ position: "bottomright" }).addTo(a), z = L.tileLayer(C.topo100.url, { maxZoom: 19, minZoom: 6 }).addTo(a), U.value = "topo100", r = new L.FeatureGroup().addTo(a), a.on(L.Draw.Event.CREATED, (E) => {
-        const { layer: G } = E;
-        r.clearLayers(), r.addLayer(G), N(), H(), _(), h.value = "";
+    pe(async () => {
+      await $(), L.drawLocal = Os, a = L.map(n.value, { zoomControl: !1 }).setView(C.value, 10), L.control.zoom({ position: "bottomright" }).addTo(a), N.value = Object.keys(D)[0], U = L.tileLayer(D[N.value].url, { maxZoom: 19, minZoom: 6 }).addTo(a), d = new L.FeatureGroup().addTo(a), a.on(L.Draw.Event.CREATED, (R) => {
+        const { layer: H } = R;
+        d.clearLayers(), d.addLayer(H), h(), ae(), g(), A.value = "";
       }), a.on(L.Draw.Event.EDITED, () => {
-        N(), H(), _();
+        h(), ae(), g();
       }), a.on(L.Draw.Event.DELETED, () => {
-        N(), H(), _();
+        h(), ae(), g();
       });
       let m = !1;
-      a.on("mousemove", (E) => {
-        m || (a.invalidateSize(), m = !0), f.value = E.latlng;
+      a.on("mousemove", (R) => {
+        m || (a.invalidateSize(), m = !0), c.value = R.latlng;
       }), a.on("zoomend", () => {
-        c.value = a.getZoom();
+        b.value = a.getZoom();
       });
-      const y = Es(t.modelValue);
+      const y = Es(r.modelValue);
       if (y) {
-        const E = [];
-        L.geoJSON(y).eachLayer((G) => E.push(G)), E.length && r.addLayer(E[0]), N(), H(), _();
+        const R = [];
+        L.geoJSON(y).eachLayer((H) => R.push(H)), R.length && d.addLayer(R[0]), h(), ae(), g();
       }
     });
-    function ce(m) {
+    function B(m) {
       if (a) {
-        switch (d && d.disable(), m) {
+        switch (p && p.disable(), m) {
           case "marker":
-            d = new L.Draw.Marker(a);
+            p = new L.Draw.Marker(a);
             break;
           case "polyline":
-            d = new L.Draw.Polyline(a);
+            p = new L.Draw.Polyline(a);
             break;
           case "polygon":
-            d = new L.Draw.Polygon(a);
+            p = new L.Draw.Polygon(a);
             break;
           case "rectangle":
-            d = new L.Draw.Rectangle(a);
+            p = new L.Draw.Rectangle(a);
             break;
           default:
-            d = new L.Draw.Rectangle(a);
+            p = new L.Draw.Rectangle(a);
             break;
         }
-        d && (d.enable(), h.value = m);
+        p && (p.enable(), A.value = m);
       }
     }
-    function Ce() {
-      const m = r.toGeoJSON(), y = new Blob([JSON.stringify(m, null, 2)], { type: "application/json" }), E = URL.createObjectURL(y), G = document.createElement("a");
-      G.href = E, G.download = "data.geojson", G.click(), URL.revokeObjectURL(E);
+    function _() {
+      const m = d.toGeoJSON(), y = new Blob([JSON.stringify(m, null, 2)], { type: "application/json" }), R = URL.createObjectURL(y), H = document.createElement("a");
+      H.href = R, H.download = "data.geojson", H.click(), URL.revokeObjectURL(R);
     }
-    function I(m) {
+    function j(m) {
       const y = m.target.files?.[0];
       if (!y) return;
-      const E = new FileReader();
-      E.onload = () => {
-        if (typeof E.result == "string")
+      const R = new FileReader();
+      R.onload = () => {
+        if (typeof R.result == "string")
           try {
-            const G = JSON.parse(E.result);
-            r.clearLayers(), G && L.geoJSON({ type: "Feature", geometry: G }).eachLayer((oe) => {
-              r.addLayer(oe);
-            }), N(), H(), _();
+            const H = JSON.parse(R.result);
+            d.clearLayers(), H && L.geoJSON({ type: "Feature", geometry: H }).eachLayer((ne) => {
+              d.addLayer(ne);
+            }), h(), ae(), g();
           } finally {
             m.target.value = "";
           }
-      }, E.readAsText(y);
+      }, R.readAsText(y);
     }
-    function $(m) {
-      a && (z && a.removeLayer(z), z = L.tileLayer(C[m].url, { maxZoom: 19, minZoom: 6 }).addTo(a), U.value = m);
+    function q(m) {
+      a && (U && a.removeLayer(U), U = L.tileLayer(D[m].url, { maxZoom: 19, minZoom: 6 }).addTo(a), N.value = m);
     }
-    function S(m) {
+    function oe(m) {
       const y = L.latLng(m[0], m[1]);
       a.setView(y, 13);
     }
-    ie(
-      () => t.modelValue,
+    ue(
+      () => r.modelValue,
       (m) => {
-        r.clearLayers(), m && L.geoJSON({ type: "Feature", geometry: m }).eachLayer((y) => {
-          r.addLayer(y);
-        }), g.value = r.getLayers().length, H(), _();
+        d.clearLayers(), m && L.geoJSON({ type: "Feature", geometry: m }).eachLayer((y) => {
+          d.addLayer(y);
+        }), v.value = d.getLayers().length, ae(), g();
       }
     );
-    const q = x(!1);
-    return (m, y) => (i(), u("div", {
-      class: V(["leaflet-map-wrapper relative w-full h-[400px]", { fullscreen: q.value }])
+    function he() {
+      return t?.appContext.config.globalProperties.$settings?.basemaps ? t?.appContext.config.globalProperties.$settings?.basemaps.map((m, y) => Object.assign(m, { key: `b${y}`, preview: m.preview || m.url.replace("{z}/{x}/{y}.png", "13/4790/2762.png") })).reduce((m, y) => ({ ...m, [y.key]: y }), {}) : {
+        topo100: {
+          url: "https://data.gki.com.ua/api-user/rtile/voyager/ua/{z}/{x}/{y}.png",
+          preview: "https://data.gki.com.ua/api-user/rtile/voyager/ua/13/4790/2762.png"
+        },
+        orto10: {
+          url: "https://data.gki.com.ua/api-user/rtile/orto10/ua/{z}/{x}/{y}.png",
+          preview: "https://data.gki.com.ua/api-user/rtile/orto10/ua/13/4790/2762.png"
+        },
+        osmb: {
+          url: "https://tile.openstreetmap.org.ua/styles/osm-bright/{z}/{x}/{y}.png",
+          preview: "https://tile.openstreetmap.org.ua/styles/osm-bright/13/4790/2762.png"
+        }
+      };
+    }
+    const de = x(!1);
+    return ue(de, () => {
+      setTimeout(() => {
+        a.invalidateSize();
+      }, 50);
+    }), (m, y) => (i(), u("div", {
+      class: M(["leaflet-map-wrapper relative w-full h-[400px]", { fullscreen: de.value }])
     }, [
       l("div", {
         ref_key: "mapContainer",
-        ref: s,
+        ref: n,
         class: "w-full h-full"
       }, null, 512),
       l("div", Sr, [
-        B(_r, { onGoToCoordinates: S }),
+        I(_r, { onGoToCoordinates: oe }),
         l("div", Br, [
           l("div", jr, [
             l("button", {
               type: "button",
               class: "vs-btn-row",
-              onClick: b
+              onClick: K
             }, "Import"),
             l("button", {
               type: "button",
               class: "vs-btn-row",
-              onClick: Ce,
-              disabled: g.value === 0
+              onClick: _,
+              disabled: v.value === 0
             }, "Export ", 8, Ir)
           ]),
           l("input", {
             ref_key: "importRef",
-            ref: p,
+            ref: f,
             type: "file",
-            onChange: I,
+            onChange: j,
             accept: ".json,.geojson",
             class: "hidden"
           }, null, 544)
@@ -3309,103 +3312,104 @@ const lr = /* @__PURE__ */ R(Ys, [["render", tr]]), or = { class: "form-geom__se
       l("div", zr, [
         l("div", Ar, [
           l("button", {
-            class: V(["vs-btn", { "vs-active": h.value === "marker" }]),
-            "aria-pressed": h.value === "marker",
+            class: M(["vs-btn", { "vs-active": A.value === "marker" }]),
+            "aria-pressed": A.value === "marker",
             title: "Point (P)",
             "aria-label": "Draw point",
-            onClick: y[0] || (y[0] = (E) => ce("marker"))
+            onClick: y[0] || (y[0] = (R) => B("marker"))
           }, [
-            B(Ts)
+            I(Ts)
           ], 10, Or),
           l("button", {
-            class: V(["vs-btn", { "vs-active": h.value === "polyline" }]),
-            "aria-pressed": h.value === "polyline",
+            class: M(["vs-btn", { "vs-active": A.value === "polyline" }]),
+            "aria-pressed": A.value === "polyline",
             title: "Line (L)",
             "aria-label": "Draw polyline",
-            onClick: y[1] || (y[1] = (E) => ce("polyline"))
+            onClick: y[1] || (y[1] = (R) => B("polyline"))
           }, [
-            B(Hs)
+            I(Hs)
           ], 10, Er),
           l("button", {
-            class: V(["vs-btn", { "vs-active": h.value === "polygon" }]),
-            "aria-pressed": h.value === "polygon",
+            class: M(["vs-btn", { "vs-active": A.value === "polygon" }]),
+            "aria-pressed": A.value === "polygon",
             title: "Polygon (G)",
             "aria-label": "Draw polygon",
-            onClick: y[2] || (y[2] = (E) => ce("polygon"))
+            onClick: y[2] || (y[2] = (R) => B("polygon"))
           }, [
-            B(Ks)
+            I(Ks)
           ], 10, Fr),
           l("button", {
-            class: V(["vs-btn", { "vs-active": h.value === "rectangle" }]),
-            "aria-pressed": h.value === "rectangle",
+            class: M(["vs-btn", { "vs-active": A.value === "rectangle" }]),
+            "aria-pressed": A.value === "rectangle",
             title: "Rectangle (R)",
             "aria-label": "Draw rectangle",
-            onClick: y[3] || (y[3] = (E) => ce("rectangle"))
+            onClick: y[3] || (y[3] = (R) => B("rectangle"))
           }, [
-            B(Xs)
+            I(Xs)
           ], 10, Dr),
           l("button", {
             class: "vs-btn mt-5",
-            onClick: y[4] || (y[4] = (E) => q.value = !q.value),
+            onClick: y[4] || (y[4] = (R) => {
+              de.value = !de.value;
+            }),
             title: "Full Screen",
             "aria-label": "Full Screen"
           }, [
-            B(lr, { style: { width: "12px", height: "12px" } })
+            I(lr, { style: { width: "12px", height: "12px" } })
           ])
         ])
       ]),
       l("div", {
-        class: V(["absolute left-4 z-[1000]", v.value ? "bottom-8" : "bottom-4"])
+        class: M(["absolute left-4 z-[1000]", V.value ? "bottom-8" : "bottom-4"])
       }, [
-        B(Lr, {
-          basemaps: C,
-          "default-layer": "topo100",
-          onOnLayerChange: $
-        })
+        I(Lr, {
+          basemaps: G(D),
+          onOnLayerChange: q
+        }, null, 8, ["basemaps"])
       ], 2),
       l("div", Ur, [
-        v.value ? (i(), u("div", Tr, [
+        V.value ? (i(), u("div", Tr, [
           l("div", Rr, [
-            y[7] || (y[7] = se(" Тип: ")),
-            l("span", Pr, F(v.value.type), 1)
+            y[7] || (y[7] = ie(" Тип: ")),
+            l("span", Pr, F(V.value.type), 1)
           ]),
           l("div", Nr, [
             l("div", Hr, [
-              y[8] || (y[8] = se(" Центр: ")),
-              l("b", null, F(v.value.center.lat.toFixed(5)) + ", " + F(v.value.center.lng.toFixed(5)), 1)
+              y[8] || (y[8] = ie(" Центр: ")),
+              l("b", null, F(V.value.center.lat.toFixed(5)) + ", " + F(V.value.center.lng.toFixed(5)), 1)
             ]),
-            v.value.areaKm2 !== null ? (i(), u("div", qr, [
-              y[9] || (y[9] = se(" Площа: ")),
-              l("b", null, F(v.value.areaKm2.toFixed(1)) + "км²", 1)
+            V.value.areaKm2 !== null ? (i(), u("div", qr, [
+              y[9] || (y[9] = ie(" Площа: ")),
+              l("b", null, F(V.value.areaKm2.toFixed(1)) + "км²", 1)
             ])) : (i(), u("div", Gr, y[10] || (y[10] = [
-              se(" Площа: "),
+              ie(" Площа: "),
               l("b", null, "—", -1)
             ]))),
             l("button", {
               class: "tool bg-gray-100 py-1.5 px-2 rounded-lg text-md mr-1 cursor-pointer hover:bg-blue-500 hover:text-white transition-all",
               title: "Наблизити",
-              onClick: y[5] || (y[5] = (E) => Y())
+              onClick: y[5] || (y[5] = (R) => $e())
             }, y[11] || (y[11] = [
-              re('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-3 h-3" data-v-ac23d238><path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" data-v-ac23d238></path><path d="M7 10l6 0" data-v-ac23d238></path><path d="M10 7l0 6" data-v-ac23d238></path><path d="M21 21l-6 -6" data-v-ac23d238></path></svg>', 1)
+              re('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-3 h-3" data-v-e82d2d97><path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" data-v-e82d2d97></path><path d="M7 10l6 0" data-v-e82d2d97></path><path d="M10 7l0 6" data-v-e82d2d97></path><path d="M21 21l-6 -6" data-v-e82d2d97></path></svg>', 1)
             ])),
             l("button", {
               class: "tool bg-gray-100 py-1.5 px-2 rounded-lg text-md cursor-pointer hover:bg-blue-500 hover:text-white transition-all",
               title: "Видалити",
-              onClick: y[6] || (y[6] = (E) => we())
+              onClick: y[6] || (y[6] = (R) => Le())
             }, [
-              B(ze, { class: "w-3 h-3" })
+              I(Ee, { class: "w-3 h-3" })
             ])
           ])
-        ])) : j("", !0)
+        ])) : z("", !0)
       ])
     ], 2));
   }
-}), Kr = /* @__PURE__ */ R(Jr, [["__scopeId", "data-v-ac23d238"]]), Zr = ["data-focus"], Wr = { class: "flex items-center" }, Qr = { class: "overflow-hidden text-ellipsis whitespace-nowrap rounded-sm text-[#333] text-[85%] px-0.5 py-[3px] pl-1.5 box-border" }, Xr = ["onClick", "aria-label"], Yr = {
+}), Kr = /* @__PURE__ */ P(Jr, [["__scopeId", "data-v-e82d2d97"]]), Zr = ["data-focus"], Wr = { class: "flex items-center" }, Qr = { class: "overflow-hidden text-ellipsis whitespace-nowrap rounded-sm text-[#333] text-[85%] px-0.5 py-[3px] pl-1.5 box-border" }, Xr = ["onClick", "aria-label"], Yr = {
   key: 0,
   class: "absolute text-gray-500 truncate pl-2"
-}, en = { class: "flex-1 min-w-[2px]" }, tn = ["placeholder"], ln = { class: "flex items-center shrink-0" }, on = ["disabled"], an = /* @__PURE__ */ O({
+}, en = { class: "flex-1 min-w-[2px]" }, tn = ["placeholder"], ln = { class: "flex items-center shrink-0" }, on = ["disabled"], an = /* @__PURE__ */ E({
   __name: "vs-input-tag",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ W({
     unique: { type: Boolean, default: !0 },
     style: { default: () => ({}) },
     customClass: { default: "" },
@@ -3418,71 +3422,71 @@ const lr = /* @__PURE__ */ R(Ys, [["render", tr]]), or = { class: "form-geom__se
     modelValue: { default: [] },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Q(["update:modelValue"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ W(["update:modelValue"], ["update:modelValue"]),
   setup(o, { emit: e }) {
-    const t = o, n = e;
-    be(t.style);
-    const s = x(null), a = x(null), r = x(null), d = x(!1), p = x(""), f = X(o, "modelValue"), c = D(() => t.placeholder || "Add tag…"), g = D(() => f.value?.length === 0 && p.value === ""), v = D(() => !t.disabled && f.value?.length > 0), C = D(() => t.disabled), z = async () => {
-      C.value || await Me(() => r.value?.focus());
-    }, U = (P) => {
-      const M = P.trim();
-      M !== "" && (!f.value || !Array.isArray(f.value) ? f.value = [M] : t.unique ? f.value.includes(M) || (f.value = [...f.value, M]) : f.value = [...f.value, M], p.value = "");
-    }, T = () => {
-      const P = p.value;
-      P.trim() !== "" && U(P), p.value = "";
-    }, N = (P) => {
-      const M = f.value.slice();
-      M.splice(P, 1), n("update:modelValue", M);
-    }, _ = () => {
-      n("update:modelValue", []);
-    }, b = () => {
-      C.value || (d.value = !0);
+    const t = o, r = e;
+    _e(t.style);
+    const s = x(null), n = x(null), a = x(null), d = x(!1), p = x(""), f = Q(o, "modelValue"), c = T(() => t.placeholder || "Add tag…"), b = T(() => f.value?.length === 0 && p.value === ""), v = T(() => !t.disabled && f.value?.length > 0), C = T(() => t.disabled), V = async () => {
+      C.value || await Be(() => a.value?.focus());
+    }, D = (A) => {
+      const S = A.trim();
+      S !== "" && (!f.value || !Array.isArray(f.value) ? f.value = [S] : t.unique ? f.value.includes(S) || (f.value = [...f.value, S]) : f.value = [...f.value, S], p.value = "");
+    }, U = () => {
+      const A = p.value;
+      A.trim() !== "" && D(A), p.value = "";
+    }, N = (A) => {
+      const S = f.value.slice();
+      S.splice(A, 1), r("update:modelValue", S);
+    }, $ = () => {
+      r("update:modelValue", []);
     }, h = () => {
+      C.value || (d.value = !0);
+    }, g = () => {
       d.value = !1;
-    }, Z = (P) => {
-      const { key: M } = P;
-      M === "Enter" ? (P.preventDefault(), T()) : M === "Backspace" && p.value === "" && f.value.length > 0 && N(f.value.length - 1);
+    }, K = (A) => {
+      const { key: S } = A;
+      S === "Enter" ? (A.preventDefault(), U()) : S === "Backspace" && p.value === "" && f.value.length > 0 && N(f.value.length - 1);
     };
-    return (P, M) => (i(), u("div", {
+    return (A, S) => (i(), u("div", {
       class: "flex gap-1 w-full",
       ref_key: "root",
       ref: s,
-      onClick: M[1] || (M[1] = ne(() => {
+      onClick: S[1] || (S[1] = ce(() => {
       }, ["stop"]))
     }, [
       l("div", {
-        class: V(["relative w-full font-sans", t.customClass]),
+        class: M(["relative w-full font-sans", t.customClass]),
         role: "group",
         "aria-label": "Tag input"
       }, [
         l("div", {
-          class: V([
+          class: M([
             "flex min-h-[38px] items-center justify-between rounded border transition-colors bg-white",
             "border-gray-300 hover:border-gray-400",
             d.value ? "border-blue-500 ring-1 ring-blue-500" : "",
             C.value ? "bg-gray-100 text-gray-400 cursor-not-allowed hover:border-gray-300" : ""
           ]),
           "data-focus": d.value ? "true" : "false",
-          onClick: z
+          onClick: V
         }, [
           l("div", {
             class: "flex flex-1 flex-wrap items-center gap-1 py-0.5 pl-2 pr-0 overflow-hidden",
             ref_key: "chipsRef",
-            ref: a
+            ref: n
           }, [
-            (i(!0), u(ee, null, le(f.value, (H, Y) => (i(), u("div", {
+            (i(!0), u(ee, null, le(f.value, (J, Y) => (i(), u("div", {
               key: Y,
               class: "flex min-w-0 bg-[#e6e6e6] rounded-sm m-0.5 box-border"
             }, [
               l("div", Wr, [
-                l("div", Qr, F(H), 1)
+                l("div", Qr, F(J), 1)
               ]),
               l("div", {
                 role: "button",
                 class: "flex items-center rounded-sm px-1 box-border hover:bg-[#ffbdad] hover:text-[#de350b]",
-                onClick: ne((we) => N(Y), ["stop"]),
-                "aria-label": `Remove ${H}`
-              }, M[2] || (M[2] = [
+                onClick: ce((ae) => N(Y), ["stop"]),
+                "aria-label": `Remove ${J}`
+              }, S[2] || (S[2] = [
                 l("svg", {
                   height: "14",
                   width: "14",
@@ -3495,12 +3499,12 @@ const lr = /* @__PURE__ */ R(Ys, [["render", tr]]), or = { class: "form-geom__se
                 ], -1)
               ]), 8, Xr)
             ]))), 128)),
-            g.value ? (i(), u("div", Yr, F(c.value), 1)) : j("", !0),
+            b.value ? (i(), u("div", Yr, F(c.value), 1)) : z("", !0),
             l("div", en, [
-              C.value ? j("", !0) : K((i(), u("input", {
+              C.value ? z("", !0) : X((i(), u("input", {
                 key: 0,
                 ref_key: "inputRef",
-                ref: r,
+                ref: a,
                 class: "pl-2 w-full bg-transparent outline-none border-0 m-0 p-0 text-gray-900",
                 autocapitalize: "none",
                 autocomplete: "off",
@@ -3509,13 +3513,13 @@ const lr = /* @__PURE__ */ R(Ys, [["render", tr]]), or = { class: "form-geom__se
                 type: "text",
                 tabindex: "0",
                 "aria-label": "Add tag",
-                "onUpdate:modelValue": M[0] || (M[0] = (H) => p.value = H),
-                onFocus: b,
-                onBlur: h,
-                onKeydown: Z,
+                "onUpdate:modelValue": S[0] || (S[0] = (J) => p.value = J),
+                onFocus: h,
+                onBlur: g,
+                onKeydown: K,
                 placeholder: f.value && f.value.length ? "" : void 0
               }, null, 40, tn)), [
-                [de, p.value]
+                [fe, p.value]
               ])
             ])
           ], 512),
@@ -3526,8 +3530,8 @@ const lr = /* @__PURE__ */ R(Ys, [["render", tr]]), or = { class: "form-geom__se
               class: "px-2 text-gray-400 hover:text-gray-500 transition-colors disabled:opacity-50",
               "aria-label": "Clear all tags",
               disabled: C.value,
-              onClick: ne(_, ["stop"])
-            }, M[3] || (M[3] = [
+              onClick: ce($, ["stop"])
+            }, S[3] || (S[3] = [
               l("svg", {
                 height: "20",
                 width: "20",
@@ -3536,34 +3540,34 @@ const lr = /* @__PURE__ */ R(Ys, [["render", tr]]), or = { class: "form-geom__se
               }, [
                 l("path", { d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z" })
               ], -1)
-            ]), 8, on)) : j("", !0)
+            ]), 8, on)) : z("", !0)
           ])
         ], 10, Zr)
       ], 2)
     ], 512));
   }
 }), sn = {
-  VsInputText: Ge,
-  VsInputRadio: Ke,
-  "vs-input-text": Ge,
+  VsInputText: qe,
+  VsInputRadio: Je,
+  "vs-input-text": qe,
   "vs-input-textarea": za,
   "vs-input-mask": nl,
   "vs-input-number": jt,
-  "vs-input-radio": Ke,
+  "vs-input-radio": Je,
   "vs-input-select": ja,
-  "vs-input-switcher": ot,
-  "vs-input-static": Je,
+  "vs-input-switcher": lt,
+  "vs-input-static": Ge,
   "vs-input-container": ia,
   "vs-input-date": wl,
   "vs-input-checkbox": yl,
   "vs-input-file": ro,
-  "vs-input-html": Je,
+  "vs-input-html": Ge,
   "vs-input-email": dl,
   "vs-input-datatable": As,
   "vs-input-map": Kr,
   "vs-input-file-list": Fo,
   "vs-input-tag": an
-}, rn = /* @__PURE__ */ O({
+}, rn = /* @__PURE__ */ E({
   __name: "behavior",
   props: {
     api: {},
@@ -3573,31 +3577,31 @@ const lr = /* @__PURE__ */ R(Ys, [["render", tr]]), or = { class: "form-geom__se
     value: {}
   },
   setup(o) {
-    const e = o, t = Be("values");
-    async function n() {
+    const e = o, t = ze("values");
+    async function r() {
       try {
         if (!e.api) return;
-        const s = e.api.replace("{{value}}", e.value), a = await fetch(s);
-        if (!a.ok) {
-          pe({ type: "warning", title: "Validation", message: "При спробі завантажити дані виникла помилка." });
+        const s = e.api.replace("{{value}}", e.value), n = await fetch(s);
+        if (!n.ok) {
+          me({ type: "warning", title: "Validation", message: "При спробі завантажити дані виникла помилка." });
           return;
         }
-        const r = await a.json();
+        const a = await n.json();
         if (!e.set || !t) return;
         for (const [d, p] of Object.entries(e.set))
-          t.value[d] = r.result[p];
+          t.value[d] = a.result[p];
       } catch (s) {
         console.error(e.error, s);
       }
     }
-    return (s, a) => (i(), u("button", {
-      onClick: n,
+    return (s, n) => (i(), u("button", {
+      onClick: r,
       class: "vs-button relative inline-flex border-solid justify-center items-center gap-2 rounded-md font-semibold focus:outline-none text-sm transition-all border !border-gray-200 hover:text-white bg-white text-blue-500 hover:border-blue-500 hover:bg-blue-500 focus:ring-blue-500 py-1.5 px-5 focus:ring-1 focus:ring-offset-1 ml-0 md:ml-2 mt-2 md:mt-0 py-[8px] md:w-2/4 whitespace-nowrap w-full"
     }, F(s.button), 1));
   }
-}), nn = { class: "flex w-full" }, rt = /* @__PURE__ */ O({
+}), nn = { class: "flex w-full" }, st = /* @__PURE__ */ E({
   __name: "vs-compact-form-layout",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ W({
     item: { default: {} },
     layout: { default: "default" },
     style: { default: {} },
@@ -3609,39 +3613,39 @@ const lr = /* @__PURE__ */ R(Ys, [["render", tr]]), or = { class: "form-geom__se
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = X(o, "modelValue"), n = D(() => Lt[`${e.layout}`]), s = D(() => sn?.[`vs-input-${e.item.type}`]), a = D(() => {
-      const d = J(s);
+    const e = o, t = Q(o, "modelValue"), r = T(() => Lt[`${e.layout}`]), s = T(() => sn?.[`vs-input-${e.item.type}`]), n = T(() => {
+      const d = G(s);
       if (!d) return /* @__PURE__ */ new Set();
       const p = d.props ?? d.__vccOpts?.props;
       if (!p) return /* @__PURE__ */ new Set();
       const f = Array.isArray(p) ? p : Object.keys(p);
       return new Set(f);
-    }), r = D(() => {
-      const d = e.item ?? {}, p = a.value;
+    }), a = T(() => {
+      const d = e.item ?? {}, p = n.value;
       return p.size ? Object.fromEntries(Object.entries(d).filter(([f]) => p.has(f))) : {};
     });
-    return (d, p) => (i(), te(_e(n.value), {
+    return (d, p) => (i(), te(Ve(r.value), {
       ua: e.item.ua,
       error: e.error || "",
       item: d.item,
       label: e.item.label
     }, {
-      default: $e(() => [
+      default: Me(() => [
         l("div", nn, [
-          (i(), te(_e(s.value), Le(r.value, {
+          (i(), te(Ve(s.value), je(a.value, {
             modelValue: t.value,
             "onUpdate:modelValue": p[0] || (p[0] = (f) => t.value = f)
           }), null, 16, ["modelValue"])),
-          d.item.behavior ? (i(), te(rn, Le({ key: 0 }, d.item.behavior, { value: t.value }), null, 16, ["value"])) : j("", !0)
+          d.item.behavior ? (i(), te(rn, je({ key: 0 }, d.item.behavior, { value: t.value }), null, 16, ["value"])) : z("", !0)
         ])
       ]),
       _: 1
     }, 8, ["ua", "error", "item", "label"]));
   }
-}), nt = {
+}), rt = {
   required: "Це поле є обов’язковим",
   email: "Неправильний email"
-}, un = (o) => o ? !1 : nt.required, dn = (o) => !o && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(o) ? nt.email : !1, cn = (o, e) => {
+}, un = (o) => o ? !1 : rt.required, dn = (o) => !o && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(o) ? rt.email : !1, cn = (o, e) => {
   const t = e.pattern ?? e.regexp;
   return !(typeof t == "string" ? new RegExp(t) : t).test(o) && o ? e.message : !1;
 }, pn = (o, e) => !1, fn = (o, e) => {
@@ -3669,63 +3673,63 @@ const lr = /* @__PURE__ */ R(Ys, [["render", tr]]), or = { class: "form-geom__se
   file: "file"
   // mask: 'text',
 };
-function Xe(o) {
+function Qe(o) {
   const e = o.toLowerCase();
   return vn[e] || e;
 }
 function mn(o) {
   if (Array.isArray(o)) {
     const t = [];
-    return o.forEach((n) => {
-      const s = { ...n };
-      s.name = (n.name || n.id || n.key || "").toString(), s.type = Xe(n.type), s.label = n.label || n.ua, s.rules = n.rules || n.validators, n.data && (s.api = `/api/suggest/${n.data}`), t.push(s);
+    return o.forEach((r) => {
+      const s = { ...r };
+      s.name = (r.name || r.id || r.key || "").toString(), s.type = Qe(r.type), s.label = r.label || r.ua, s.rules = r.rules || r.validators, r.data && (s.api = `/api/suggest/${r.data}`), t.push(s);
     }), t;
   }
   const e = [];
   return Object.entries(o).forEach((t) => {
-    const n = {
+    const r = {
       name: t[0],
       ...t[1],
-      type: Xe(t[1].type),
+      type: Qe(t[1].type),
       label: t[1].label || t[1].ua,
       rules: t[1].rules || t[1].validators
     };
-    t[1].type.includes("list") && (n.multiple = !0), t[1].data && (n.api = `/api/suggest/${t[1].data}`), e.push(n);
+    t[1].type.includes("list") && (r.multiple = !0), t[1].data && (r.api = `/api/suggest/${t[1].data}`), e.push(r);
   }), e;
 }
 function hn(o, e) {
-  const t = mn(e), n = x({});
+  const t = mn(e), r = x({});
   function s(p) {
     const f = p?.conditions;
     if (!f) return !0;
-    const c = Array.isArray(f) ? f[0] : f, g = o?.value?.[c];
-    return st(g, f);
+    const c = Array.isArray(f) ? f[0] : f, b = o?.value?.[c];
+    return at(b, f);
   }
-  const a = (p = t, f = !0) => (p.forEach((c) => {
+  const n = (p = t, f = !0) => (p.forEach((c) => {
     if (c.rules) {
       if (!s(c)) {
-        delete n.value[c.name];
+        delete r.value[c.name];
         return;
       }
-      c.rules.forEach((g) => {
-        const v = fn(o.value[c.name], g);
-        v ? n.value[c.name] = v : delete n.value[c.name];
+      c.rules.forEach((b) => {
+        const v = fn(o.value[c.name], b);
+        v ? r.value[c.name] = v : delete r.value[c.name];
       });
     }
-    c.schema && a(c.schema, !1);
-  }), f && Object.values(n.value).some(Boolean) ? n.value : null), r = D(() => t?.filter((p) => s(p)));
+    c.schema && n(c.schema, !1);
+  }), f && Object.values(r.value).some(Boolean) ? r.value : null), a = T(() => t?.filter((p) => s(p)));
   return {
-    errors: n,
-    validate: a,
+    errors: r,
+    validate: n,
     reset: () => {
-      o.value = {}, n.value = {};
+      o.value = {}, r.value = {};
     },
-    visibleSchema: r
+    visibleSchema: a
   };
 }
-const Ie = /* @__PURE__ */ O({
+const Oe = /* @__PURE__ */ E({
   __name: "vs-compact-form",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ W({
     schema: { default: () => [] },
     style: { default: () => ({}) },
     modelValue: {},
@@ -3737,57 +3741,57 @@ const Ie = /* @__PURE__ */ O({
     values: { default: () => ({}) },
     valuesModifiers: {}
   }),
-  emits: /* @__PURE__ */ Q(["handle-submit", "update:modelValue"], ["update:form", "update:values"]),
+  emits: /* @__PURE__ */ W(["handle-submit", "update:modelValue"], ["update:form", "update:values"]),
   setup(o, { expose: e, emit: t }) {
-    const n = t, s = o, a = X(o, "form"), r = X(o, "values"), {
+    const r = t, s = o, n = Q(o, "form"), a = Q(o, "values"), {
       errors: d,
       validate: p,
       reset: f,
       visibleSchema: c
-    } = hn(r, s.schema), g = () => {
-      n("update:modelValue", r.value), p(), n("handle-submit", r.value);
+    } = hn(a, s.schema), b = () => {
+      r("update:modelValue", a.value), p(), r("handle-submit", a.value);
     };
     e({
       validate: p,
       reset: f,
       errors: d
-    }), ue(() => {
-      s.modelValue && (r.value = s.modelValue), a.value.value = r.value, a.value.errors = d.value, a.value.reset = f, a.value.validate = p, a.value.formId = s.formId;
+    }), pe(() => {
+      s.modelValue && (a.value = s.modelValue), n.value.value = a.value, n.value.errors = d.value, n.value.reset = f, n.value.validate = p, n.value.formId = s.formId;
     });
-    function v(C, z) {
-      if (C === z) return !0;
-      if (typeof C != "object" || typeof z != "object" || !C || !z) return !1;
-      const U = Object.keys(C), T = Object.keys(z);
-      return U.length !== T.length ? !1 : U.every((N) => C[N] === z[N]);
+    function v(C, V) {
+      if (C === V) return !0;
+      if (typeof C != "object" || typeof V != "object" || !C || !V) return !1;
+      const D = Object.keys(C), U = Object.keys(V);
+      return D.length !== U.length ? !1 : D.every((N) => C[N] === V[N]);
     }
-    return He("form", a), He("values", r), (C, z) => (i(), u("form", {
-      onSubmit: ne(g, ["prevent"]),
-      class: V(["grid grid-cols-12", C.layout === "default" ? "gap-6" : "gap-4"])
+    return He("form", n), He("values", a), (C, V) => (i(), u("form", {
+      onSubmit: ce(b, ["prevent"]),
+      class: M(["grid grid-cols-12", C.layout === "default" ? "gap-6" : "gap-4"])
     }, [
-      (i(!0), u(ee, null, le(J(c), (U) => (i(), te(rt, {
-        key: U.name,
-        class: V(C.layout === "horizontal" ? "col-span-12" : `col-span-${U.col || 12} `),
-        style: he(C.style),
-        item: U,
+      (i(!0), u(ee, null, le(G(c), (D) => (i(), te(st, {
+        key: D.name,
+        class: M(C.layout === "horizontal" ? "col-span-12" : `col-span-${D.col || 12} `),
+        style: we(C.style),
+        item: D,
         layout: C.layout,
-        "model-value": r.value[U.name],
-        "onUpdate:modelValue": (T) => {
-          const N = r.value[U.name];
-          v(N, T) || (r.value[U.name] = T);
+        "model-value": a.value[D.name],
+        "onUpdate:modelValue": (U) => {
+          const N = a.value[D.name];
+          v(N, U) || (a.value[D.name] = U);
         },
-        error: J(d)[U.name]
+        error: G(d)[D.name]
       }, null, 8, ["class", "style", "item", "layout", "model-value", "onUpdate:modelValue", "error"]))), 128))
     ], 34));
   }
 });
-Ie.install = function(e) {
-  e.component("VForm", Ie), Object.assign(e.config.globalProperties, {
-    $form: Oe
-  }), e.provide("form", Oe), window.v3plugin || (window.v3plugin = {});
+Oe.install = function(e) {
+  e.component("VForm", Oe), Object.assign(e.config.globalProperties, {
+    $form: De
+  }), e.provide("form", De), window.v3plugin || (window.v3plugin = {});
 };
 export {
   ma as ModalEdit,
-  Ie as VForm,
+  Oe as VForm,
   yl as VsInputCheckbox,
   ia as VsInputContainer,
   wl as VsInputDate,
@@ -3796,14 +3800,14 @@ export {
   Fo as VsInputFileList,
   nl as VsInputMask,
   jt as VsInputNumber,
-  Ke as VsInputRadio,
+  Je as VsInputRadio,
   ja as VsInputSelect,
-  Je as VsInputStatic,
-  ot as VsInputSwitcher,
+  Ge as VsInputStatic,
+  lt as VsInputSwitcher,
   an as VsInputTag,
-  Ge as VsInputText,
+  qe as VsInputText,
   za as VsInputTextarea,
-  Ie as default,
+  Oe as default,
   sn as inputs,
   As as vsInputDatatable,
   Kr as vsInputMap