@opengis/form 0.0.33 → 0.0.34

package/dist/index.js

@@ -1,15 +1,15 @@
-import { defineComponent as D, ref as x, onMounted as xe, onUnmounted as Ne, createElementBlock as c, openBlock as i, normalizeClass as V, createCommentVNode as F, renderSlot as $e, createElementVNode as l, toDisplayString as T, normalizeProps as qe, guardReactiveProps as Ge, createTextVNode as fe, computed as A, mergeModels as Z, useModel as W, withDirectives as K, unref as q, vModelText as ne, vModelCheckbox as ft, createVNode as B, createBlock as se, resolveDynamicComponent as Be, normalizeStyle as ye, withCtx as Le, withModifiers as ve, onBeforeUnmount as St, watch as le, createStaticVNode as ce, vModelRadio as vt, Fragment as Y, renderList as oe, mergeProps as Ee, reactive as Bt, vModelDynamic as jt, vShow as Je, inject as Me, resolveComponent as at, Transition as mt, nextTick as ze, Teleport as It, getCurrentInstance as zt, provide as st } from "vue";
-import { notify as be, VsModal as ht, modal as Et } from "@opengis/core";
-const Dt = {
+import { defineComponent as A, ref as x, onMounted as me, onUnmounted as Te, createElementBlock as c, openBlock as u, normalizeClass as C, createCommentVNode as z, renderSlot as _e, createElementVNode as l, toDisplayString as U, normalizeProps as Re, guardReactiveProps as Pe, createTextVNode as fe, computed as F, mergeModels as Z, useModel as W, withDirectives as K, unref as q, vModelText as ne, vModelCheckbox as ft, createVNode as B, createBlock as se, resolveDynamicComponent as Be, normalizeStyle as xe, withCtx as Le, withModifiers as ve, onBeforeUnmount as St, watch as le, createStaticVNode as ce, vModelRadio as vt, Fragment as Y, renderList as oe, mergeProps as Ee, reactive as Bt, vModelDynamic as jt, vShow as Je, inject as Me, resolveComponent as at, Transition as mt, nextTick as ze, Teleport as It, getCurrentInstance as zt, provide as st } from "vue";
+import { notify as ye, VsModal as ht, modal as Et } from "@opengis/core";
+const At = {
   key: 0,
   class: "text-[14px] font-medium text-gray-900 mb-2"
-}, Ft = { class: "opacity-100" }, Ot = {
+}, Dt = { class: "opacity-100" }, Ft = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, At = {
+}, Ot = {
   key: 1,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, Ut = /* @__PURE__ */ D({
+}, Ut = /* @__PURE__ */ A({
   __name: "vs-layout-default",
   props: {
     ua: { default: "" },
@@ -26,19 +26,19 @@ const Dt = {
     const e = x("uk"), t = (n) => {
       n.detail.key === "locale" && (e.value = n.detail.newValue);
     };
-    return xe(() => {
+    return me(() => {
       e.value = localStorage.locale, window.addEventListener("storage", t);
-    }), Ne(() => {
+    }), Te(() => {
       window.removeEventListener("resize", t);
-    }), (n, s) => (i(), c("div", {
-      class: V(["w-full relative", { "opacity-60": n.item.disabled }])
+    }), (n, s) => (u(), c("div", {
+      class: C(["w-full relative", { "opacity-60": n.item.disabled }])
     }, [
-      n.ua || n.label ? (i(), c("div", Dt, [
-        l("span", Ft, T(n.item[e.value] || n.ua || n.label), 1),
-        n.item?.rules?.includes("required") ? (i(), c("span", Ot, "*")) : F("", !0)
-      ])) : F("", !0),
-      $e(n.$slots, "default", qe(Ge(n.$attrs))),
-      n.error ? (i(), c("span", At, T(n.error), 1)) : F("", !0)
+      n.ua || n.label ? (u(), c("div", At, [
+        l("span", Dt, U(n.item[e.value] || n.ua || n.label), 1),
+        n.item?.rules?.includes("required") ? (u(), c("span", Ft, "*")) : z("", !0)
+      ])) : z("", !0),
+      _e(n.$slots, "default", Re(Pe(n.$attrs))),
+      n.error ? (u(), c("span", Ot, U(n.error), 1)) : z("", !0)
     ], 2));
   }
 }), Tt = { class: "w-full relative flex flex-row items-center gap-2" }, Rt = {
@@ -50,7 +50,7 @@ const Dt = {
 }, Ht = {
   key: 1,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, Nt = /* @__PURE__ */ D({
+}, Nt = /* @__PURE__ */ A({
   __name: "vs-layout-horizontal",
   props: {
     ua: { default: "" },
@@ -64,19 +64,19 @@ const Dt = {
     label: { default: "" }
   },
   setup(o) {
-    return (e, t) => (i(), c("div", Tt, [
-      e.item?.type !== "html" ? (i(), c("span", Rt, [
-        fe(T(e.ua || e.label) + " ", 1),
-        e.item?.rules?.includes("required") && (e.ua || e.label) ? (i(), c("span", Pt, "*")) : F("", !0)
-      ])) : F("", !0),
-      $e(e.$slots, "default", qe(Ge(e.$attrs))),
-      e.error ? (i(), c("span", Ht, T(e.error), 1)) : F("", !0)
+    return (e, t) => (u(), c("div", Tt, [
+      e.item?.type !== "html" ? (u(), c("span", Rt, [
+        fe(U(e.ua || e.label) + " ", 1),
+        e.item?.rules?.includes("required") && (e.ua || e.label) ? (u(), c("span", Pt, "*")) : z("", !0)
+      ])) : z("", !0),
+      _e(e.$slots, "default", Re(Pe(e.$attrs))),
+      e.error ? (u(), c("span", Ht, U(e.error), 1)) : z("", !0)
     ]));
   }
 }), qt = { class: "w-full relative" }, Gt = {
   key: 0,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, Jt = /* @__PURE__ */ D({
+}, Jt = /* @__PURE__ */ A({
   __name: "vs-layout-inline",
   props: {
     ua: { default: "" },
@@ -90,25 +90,85 @@ const Dt = {
     label: { default: "" }
   },
   setup(o) {
-    return (e, t) => (i(), c("div", qt, [
-      $e(e.$slots, "default", qe(Ge(e.$attrs))),
-      e.error ? (i(), c("span", Gt, T(e.error), 1)) : F("", !0)
+    return (e, t) => (u(), c("div", qt, [
+      _e(e.$slots, "default", Re(Pe(e.$attrs))),
+      e.error ? (u(), c("span", Gt, U(e.error), 1)) : z("", !0)
     ]));
   }
-}), Kt = {
+}), Kt = { class: "flex-1 min-w-0" }, Zt = {
+  key: 0,
+  class: "text-sm font-medium text-slate-700 dark:text-slate-200 flex items-center gap-1"
+}, Wt = { class: "truncate" }, Qt = {
+  key: 0,
+  class: "text-red-500 text-[14px]"
+}, Xt = {
+  key: 1,
+  class: "text-xs text-slate-500 dark:text-slate-400"
+}, Yt = { class: "w-full md:w-auto" }, el = {
+  key: 0,
+  class: "mt-1 text-xs text-red-500"
+}, tl = /* @__PURE__ */ A({
+  __name: "vs-layout-settings",
+  props: {
+    ua: { default: "" },
+    uk: {},
+    en: {},
+    de: {},
+    es: {},
+    fr: {},
+    item: { default: () => ({}) },
+    error: { type: [String, Boolean], default: "" },
+    label: { default: "" }
+  },
+  setup(o) {
+    const e = o, t = x("uk");
+    F(() => (e.item ?? {})?.[t.value] ?? e.ua ?? e.label ?? "");
+    const n = F(() => e.item?.description ?? ""), s = F(() => Array.isArray(e.item?.rules) && e.item.rules.includes("required")), r = F(() => (typeof e.error == "string" ? e.error : "") ?? ""), a = (i) => {
+      i.key === "locale" && (t.value = i.newValue ?? "uk");
+    };
+    return me(() => {
+      try {
+        typeof localStorage < "u" && localStorage.locale && (t.value = localStorage.locale);
+      } catch {
+      }
+      window.addEventListener("storage", a);
+    }), Te(() => {
+      window.removeEventListener("storage", a);
+    }), (i, d) => (u(), c("div", {
+      class: C(["w-full relative", { "opacity-60": i.item?.disabled }])
+    }, [
+      l("div", {
+        class: C(["gap-2 md:flex-row md:items-center md:justify-between", i.item.type === "switcher" ? "flex flex-col" : ""])
+      }, [
+        l("div", Kt, [
+          i.ua || i.label ? (u(), c("p", Zt, [
+            l("span", Wt, U(i.item[t.value] || i.ua || i.label), 1),
+            s.value ? (u(), c("span", Qt, "*")) : z("", !0)
+          ])) : z("", !0),
+          n.value ? (u(), c("p", Xt, U(n.value), 1)) : z("", !0)
+        ]),
+        l("div", Yt, [
+          _e(i.$slots, "default", Re(Pe(i.$attrs)))
+        ])
+      ], 2),
+      r.value ? (u(), c("p", el, U(r.value), 1)) : z("", !0)
+    ], 2));
+  }
+}), ll = {
   default: Ut,
   horizontal: Nt,
-  inline: Jt
+  inline: Jt,
+  settings: tl
 };
-function me(o) {
+function he(o) {
   return {
-    inputClass: A(() => {
+    inputClass: F(() => {
       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 Zt = ["placeholder", "disabled"], Wt = /* @__PURE__ */ D({
+const ol = ["placeholder", "disabled"], al = /* @__PURE__ */ A({
   __name: "vs-input-password",
   props: /* @__PURE__ */ Z({
     style: { default: () => ({}) },
@@ -124,21 +184,21 @@ const Zt = ["placeholder", "disabled"], Wt = /* @__PURE__ */ D({
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = me(e.style), n = W(o, "modelValue");
-    return (s, r) => K((i(), c("input", {
+    const e = o, { inputClass: t } = he(e.style), n = W(o, "modelValue");
+    return (s, r) => K((u(), c("input", {
       type: "password",
       "onUpdate:modelValue": r[0] || (r[0] = (a) => n.value = a),
       placeholder: s.placeholder,
       disabled: s.disabled,
-      class: V(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [q(t), { "!border-red-600": s.error }]]),
+      class: C(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [q(t), { "!border-red-600": s.error }]]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, Zt)), [
+    }, null, 10, ol)), [
       [ne, n.value]
     ]);
   }
-}), Qt = ["placeholder", "disabled"], Ue = /* @__PURE__ */ D({
+}), sl = ["placeholder", "disabled"], Ue = /* @__PURE__ */ A({
   __name: "vs-input-text",
   props: /* @__PURE__ */ Z({
     style: { default: () => ({}) },
@@ -154,21 +214,21 @@ const Zt = ["placeholder", "disabled"], Wt = /* @__PURE__ */ D({
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = me(e.style), n = W(o, "modelValue");
-    return (s, r) => K((i(), c("input", {
+    const e = o, { inputClass: t } = he(e.style), n = W(o, "modelValue");
+    return (s, r) => K((u(), c("input", {
       type: "text",
       "onUpdate:modelValue": r[0] || (r[0] = (a) => n.value = a),
       placeholder: s.placeholder,
       disabled: s.disabled,
-      class: V(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [q(t), { "!border-red-600": s.error }]]),
+      class: C(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [q(t), { "!border-red-600": s.error }]]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, Qt)), [
+    }, null, 10, sl)), [
       [ne, n.value]
     ]);
   }
-}), Xt = ["placeholder"], Yt = /* @__PURE__ */ D({
+}), nl = ["placeholder"], rl = /* @__PURE__ */ A({
   __name: "vs-input-number",
   props: /* @__PURE__ */ Z({
     style: { default: () => ({}) },
@@ -184,17 +244,17 @@ const Zt = ["placeholder", "disabled"], Wt = /* @__PURE__ */ D({
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = me(e.style), n = W(o, "modelValue");
-    return (s, r) => K((i(), c("input", {
+    const e = o, { inputClass: t } = he(e.style), n = W(o, "modelValue");
+    return (s, r) => K((u(), c("input", {
       type: "number",
       step: "any",
       "onUpdate:modelValue": r[0] || (r[0] = (a) => n.value = a),
       placeholder: s.placeholder,
-      class: V(["py-1.5 px-3 block w-full bg-white", [q(t)]]),
+      class: C(["py-1.5 px-3 block w-full bg-white", [q(t)]]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, Xt)), [
+    }, null, 10, nl)), [
       [ne, n.value]
     ]);
   }
@@ -203,7 +263,7 @@ const Zt = ["placeholder", "disabled"], Wt = /* @__PURE__ */ D({
   for (const [n, s] of e)
     t[n] = s;
   return t;
-}, el = {}, tl = {
+}, il = {}, ul = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -213,8 +273,8 @@ const Zt = ["placeholder", "disabled"], Wt = /* @__PURE__ */ D({
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-check"
 };
-function ll(o, e) {
-  return i(), c("svg", tl, e[0] || (e[0] = [
+function dl(o, e) {
+  return u(), c("svg", ul, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -223,7 +283,7 @@ function ll(o, e) {
     l("path", { d: "M5 12l5 5l10 -10" }, null, -1)
   ]));
 }
-const ol = /* @__PURE__ */ N(el, [["render", ll]]), al = { class: "flex items-center gap-[4px]" }, sl = ["value", "id", "disabled"], nl = ["for"], rl = { class: "text-[14px] text-gray-700 flex items-center gap-x-1 ml-1 dark:text-neutral-400" }, il = /* @__PURE__ */ D({
+const cl = /* @__PURE__ */ N(il, [["render", dl]]), pl = { class: "flex items-center gap-[4px]" }, fl = ["value", "id", "disabled"], vl = ["for"], ml = { class: "text-[14px] text-gray-700 flex items-center gap-x-1 ml-1 dark:text-neutral-400" }, hl = /* @__PURE__ */ A({
   __name: "vs-checkbox-default",
   props: {
     value: { default: "" },
@@ -236,45 +296,45 @@ const ol = /* @__PURE__ */ N(el, [["render", ll]]), al = { class: "flex items-ce
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = e, n = o, s = A({
+    const t = e, n = o, s = F({
       get: () => n.modelValue,
       set: (r) => t("update:modelValue", r)
     });
-    return (r, a) => (i(), c("div", al, [
+    return (r, a) => (u(), c("div", pl, [
       K(l("input", {
         type: "checkbox",
         value: r.value,
-        "onUpdate:modelValue": a[0] || (a[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": r.disabled }]),
+        "onUpdate:modelValue": a[0] || (a[0] = (i) => s.value = i),
+        class: C(["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": r.disabled }]),
         id: r.id,
         disabled: r.disabled
-      }, null, 10, sl), [
+      }, null, 10, fl), [
         [ft, s.value]
       ]),
       l("label", {
         for: r.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": r.disabled }])
+        class: C(["flex flex-1 checkbox-label items-center gap-x-2 cursor-pointer text-sm text-gray-800 dark:text-neutral-300", { "!cursor-not-allowed": r.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", r.error ? "border-red-600" : ""]])
+          class: C(["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", r.error ? "border-red-600" : ""]])
         }, [
-          B(ol, {
+          B(cl, {
             height: "12",
             width: "12"
           })
         ], 2),
-        l("span", rl, [
-          $e(r.$slots, "default", {}, () => [
-            fe(T(r.label), 1)
+        l("span", ml, [
+          _e(r.$slots, "default", {}, () => [
+            fe(U(r.label), 1)
           ])
         ])
-      ], 10, nl)
+      ], 10, vl)
     ]));
   }
-}), ul = ["name", "value", "disabled"], dl = { class: "flex items-center gap-[6px] text-[14px]" }, cl = {
+}), gl = ["name", "value", "disabled"], bl = { class: "flex items-center gap-[6px] text-[14px]" }, yl = {
   key: 0,
   class: "text-[16px]"
-}, pl = ["src"], fl = /* @__PURE__ */ D({
+}, xl = ["src"], wl = /* @__PURE__ */ A({
   __name: "vs-checkbox-buttons",
   props: {
     value: { type: [String, Number, Boolean], default: "" },
@@ -288,46 +348,46 @@ const ol = /* @__PURE__ */ N(el, [["render", ll]]), al = { class: "flex items-ce
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, n = e, s = A({
+    const t = o, n = e, s = F({
       get: () => t.modelValue,
-      set: (d) => {
-        n("update:modelValue", d);
+      set: (i) => {
+        n("update:modelValue", i);
       }
-    }), r = A(() => Array.isArray(s.value) ? s.value.includes(t.value) : s.value === !0 || s.value === t.value), a = A(() => 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, u) => (i(), c("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", [a.value, r.value ? "ring-blue-500" : "border border-gray-200 ring-transparent"]])
+    }), r = F(() => Array.isArray(s.value) ? s.value.includes(t.value) : s.value === !0 || s.value === t.value), a = F(() => t.style?.size === "xs" ? "p-1.5 text-xs" : t.style?.size === "lg" ? "p-3.5 text-[20px]" : "p-2.5 text-xs");
+    return (i, d) => (u(), c("label", {
+      class: C(["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, r.value ? "ring-blue-500" : "border border-gray-200 ring-transparent"]])
     }, [
       K(l("input", {
         type: "checkbox",
         class: "hidden",
-        name: d.id,
-        value: d.value,
-        "onUpdate:modelValue": u[0] || (u[0] = (v) => s.value = v),
-        disabled: d.disabled
-      }, null, 8, ul), [
+        name: i.id,
+        value: i.value,
+        "onUpdate:modelValue": d[0] || (d[0] = (v) => s.value = v),
+        disabled: i.disabled
+      }, null, 8, gl), [
         [ft, s.value]
       ]),
-      l("span", dl, [
-        d.icon || d.imgUrl ? (i(), c("span", cl, [
-          d.icon ? (i(), c("i", {
+      l("span", bl, [
+        i.icon || i.imgUrl ? (u(), c("span", yl, [
+          i.icon ? (u(), c("i", {
             key: 0,
-            class: V(d.icon)
-          }, null, 2)) : F("", !0),
-          d.imgUrl ? (i(), c("img", {
+            class: C(i.icon)
+          }, null, 2)) : z("", !0),
+          i.imgUrl ? (u(), c("img", {
             key: 1,
-            src: d.imgUrl,
+            src: i.imgUrl,
             width: "16",
             height: "16",
             alt: "icon"
-          }, null, 8, pl)) : F("", !0)
-        ])) : F("", !0),
-        $e(d.$slots, "default", {}, () => [
-          fe(T(d.label), 1)
+          }, null, 8, xl)) : z("", !0)
+        ])) : z("", !0),
+        _e(i.$slots, "default", {}, () => [
+          fe(U(i.label), 1)
         ])
       ])
     ], 2));
   }
-}), vl = { class: "flex items-center" }, gt = /* @__PURE__ */ D({
+}), kl = { class: "flex items-center" }, gt = /* @__PURE__ */ A({
   __name: "vs-input-checkbox-item",
   props: {
     value: { default: "" },
@@ -344,38 +404,38 @@ const ol = /* @__PURE__ */ N(el, [["render", ll]]), al = { class: "flex items-ce
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, n = e, s = `radio-${Math.floor(Math.random() * 1e4)}`, r = A({
+    const t = o, n = e, s = `radio-${Math.floor(Math.random() * 1e4)}`, r = F({
       get: () => Array.isArray(t.modelValue) ? Array.isArray(t.modelValue) && t.modelValue.includes(t.value) : t.modelValue,
-      set: (d) => {
+      set: (i) => {
         if (Array.isArray(t.modelValue)) {
-          let u = [...t.modelValue];
-          d ? u.includes(t.value) || u.push(t.value) : u = u.filter((v) => v !== t.value), n("update:modelValue", u);
+          let d = [...t.modelValue];
+          i ? d.includes(t.value) || d.push(t.value) : d = d.filter((v) => v !== t.value), n("update:modelValue", d);
         } else
-          n("update:modelValue", d);
+          n("update:modelValue", i);
       }
     }), a = x(`vs-checkbox-${t.view || "default"}`);
-    return (d, u) => (i(), c("div", vl, [
-      (i(), se(Be(a.value === "vs-checkbox-buttons" ? q(fl) : q(il)), {
-        value: d.value,
-        label: d.label,
-        info: d.option?.info,
-        disabled: d.disabled,
+    return (i, d) => (u(), c("div", kl, [
+      (u(), se(Be(a.value === "vs-checkbox-buttons" ? q(wl) : q(hl)), {
+        value: i.value,
+        label: i.label,
+        info: i.option?.info,
+        disabled: i.disabled,
         modelValue: r.value,
-        "onUpdate:modelValue": u[0] || (u[0] = (v) => r.value = v),
+        "onUpdate:modelValue": d[0] || (d[0] = (v) => r.value = v),
         id: s,
-        icon: d.icon,
-        imgUrl: d.imgUrl,
-        style: ye(d.style),
-        error: d.error
+        icon: i.icon,
+        imgUrl: i.imgUrl,
+        style: xe(i.style),
+        error: i.error
       }, {
         default: Le(() => [
-          fe(T(d.label), 1)
+          fe(U(i.label), 1)
         ]),
         _: 1
       }, 8, ["value", "label", "info", "disabled", "modelValue", "icon", "imgUrl", "style", "error"]))
     ]));
   }
-}), ml = {}, hl = {
+}), _l = {}, $l = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -385,8 +445,8 @@ const ol = /* @__PURE__ */ N(el, [["render", ll]]), al = { class: "flex items-ce
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down"
 };
-function gl(o, e) {
-  return i(), c("svg", hl, e[0] || (e[0] = [
+function Vl(o, e) {
+  return u(), c("svg", $l, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -395,7 +455,7 @@ function gl(o, e) {
     l("path", { d: "M6 9l6 6l6 -6" }, null, -1)
   ]));
 }
-const bl = /* @__PURE__ */ N(ml, [["render", gl]]), yl = {}, xl = {
+const Cl = /* @__PURE__ */ N(_l, [["render", Vl]]), Ml = {}, Ll = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -405,8 +465,8 @@ const bl = /* @__PURE__ */ N(ml, [["render", gl]]), yl = {}, xl = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-x"
 };
-function wl(o, e) {
-  return i(), c("svg", xl, e[0] || (e[0] = [
+function Sl(o, e) {
+  return u(), c("svg", Ll, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -416,7 +476,7 @@ function wl(o, e) {
     l("path", { d: "M6 6l12 12" }, null, -1)
   ]));
 }
-const kl = /* @__PURE__ */ N(yl, [["render", wl]]), _l = {}, $l = {
+const Bl = /* @__PURE__ */ N(Ml, [["render", Sl]]), jl = {}, Il = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -427,8 +487,8 @@ const kl = /* @__PURE__ */ N(yl, [["render", wl]]), _l = {}, $l = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Cl(o, e) {
-  return i(), c("svg", $l, e[0] || (e[0] = [
+function zl(o, e) {
+  return u(), c("svg", Il, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -439,13 +499,13 @@ function Cl(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 Vl = /* @__PURE__ */ N(_l, [["render", Cl]]), Ml = {
+const El = /* @__PURE__ */ N(jl, [["render", zl]]), Al = {
   key: 0,
   class: "flex items-start gap-x-1"
-}, Ll = {
+}, Dl = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, Sl = ["title"], Bl = ["disabled"], bt = /* @__PURE__ */ D({
+}, Fl = ["title"], Ol = ["disabled"], bt = /* @__PURE__ */ A({
   __name: "vs-input-switcher",
   props: /* @__PURE__ */ Z({
     rules: { default: () => [] },
@@ -467,37 +527,37 @@ const Vl = /* @__PURE__ */ N(_l, [["render", Cl]]), Ml = {
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, t = W(o, "modelValue");
-    return (n, s) => e.view === "checkbox" ? (i(), c("div", Ml, [
+    return (n, s) => e.view === "checkbox" ? (u(), c("div", Al, [
       B(gt, {
         modelValue: t.value,
         "onUpdate:modelValue": s[0] || (s[0] = (r) => t.value = r),
         label: n.text,
         error: n.error || ""
       }, null, 8, ["modelValue", "label", "error"]),
-      n.rules?.includes("required") ? (i(), c("span", Ll, "*")) : F("", !0),
-      n.i ? (i(), c("button", {
+      n.rules?.includes("required") ? (u(), c("span", Dl, "*")) : z("", !0),
+      n.i ? (u(), c("button", {
         key: 1,
         class: "cursor-pointer",
         title: n.i,
         onClick: s[1] || (s[1] = ve(() => {
         }, ["prevent"]))
       }, [
-        B(q(Vl), { class: "text-gray-500 w-[14px] h-[14px]" })
-      ], 8, Sl)) : F("", !0)
-    ])) : (i(), c("button", {
+        B(q(El), { class: "text-gray-500 w-[14px] h-[14px]" })
+      ], 8, Fl)) : z("", !0)
+    ])) : (u(), c("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]]),
+      class: C(["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] = (r) => 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: C(["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, Bl));
+    ], 10, Ol));
   }
-}), jl = ["innerHTML"], nt = /* @__PURE__ */ D({
+}), Ul = ["innerHTML"], nt = /* @__PURE__ */ A({
   __name: "vs-input-static",
   props: {
     text: { default: "" },
@@ -511,12 +571,12 @@ const Vl = /* @__PURE__ */ N(_l, [["render", Cl]]), Ml = {
     placeholder: {}
   },
   setup(o) {
-    return (e, t) => (i(), c("div", {
-      class: V(e.customClass),
+    return (e, t) => (u(), c("div", {
+      class: C(e.customClass),
       innerHTML: e.html ? e.html : e.text
-    }, null, 10, jl));
+    }, null, 10, Ul));
   }
-}), Il = ["placeholder", "disabled", "name"], zl = /* @__PURE__ */ D({
+}), Tl = ["placeholder", "disabled", "name"], Rl = /* @__PURE__ */ A({
   __name: "vs-input-mask",
   props: /* @__PURE__ */ Z({
     name: {},
@@ -534,9 +594,9 @@ const Vl = /* @__PURE__ */ N(_l, [["render", Cl]]), Ml = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = me(e.style), n = W(o, "modelValue"), s = x(null);
+    const e = o, { inputClass: t } = he(e.style), n = W(o, "modelValue"), s = x(null);
     let r = null;
-    return xe(async () => {
+    return me(async () => {
       if (s.value) {
         const { default: a } = await import("./index-W-qQIppj.js");
         r = a(s.value, {
@@ -566,20 +626,20 @@ const Vl = /* @__PURE__ */ N(_l, [["render", Cl]]), Ml = {
       });
     }), le(n, (a) => {
       r && r.unmaskedValue !== a && (r.value = a || "");
-    }), (a, d) => (i(), c("input", {
+    }), (a, i) => (u(), c("input", {
       type: "text",
       ref_key: "inputEl",
       ref: s,
       placeholder: a.placeholder,
       disabled: a.disabled,
       name: a.name,
-      class: V(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [q(t)]]),
+      class: C(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [q(t)]]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, Il));
+    }, null, 10, Tl));
   }
-}), El = { class: "relative w-full bg-white rounded-lg" }, Dl = ["placeholder", "disabled"], Fl = /* @__PURE__ */ D({
+}), Pl = { class: "relative w-full bg-white rounded-lg" }, Hl = ["placeholder", "disabled"], Nl = /* @__PURE__ */ A({
   __name: "vs-input-email",
   props: /* @__PURE__ */ Z({
     style: { default: () => ({}) },
@@ -595,24 +655,24 @@ const Vl = /* @__PURE__ */ N(_l, [["render", Cl]]), Ml = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = me(e.style), n = W(o, "modelValue");
-    return (s, r) => (i(), c("div", El, [
+    const e = o, { inputClass: t } = he(e.style), n = W(o, "modelValue");
+    return (s, r) => (u(), c("div", Pl, [
       r[1] || (r[1] = ce('<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", {
         type: "email",
         "onUpdate:modelValue": r[0] || (r[0] = (a) => n.value = a),
         placeholder: s.placeholder,
         disabled: s.disabled,
-        class: V(["!pl-8 py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [q(t), { "!border-red-600": s.error }]]),
+        class: C(["!pl-8 py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [q(t), { "!border-red-600": s.error }]]),
         style: {
           border: "1px solid #CFD9E0"
         }
-      }, null, 10, Dl), [
+      }, null, 10, Hl), [
         [ne, n.value]
       ])
     ]));
   }
-}), Ol = ["value", "disabled"], Al = { class: "text-[13px] text-gray-700" }, Ul = /* @__PURE__ */ D({
+}), ql = ["value", "disabled"], Gl = { class: "text-[13px] text-gray-700" }, Jl = /* @__PURE__ */ A({
   __name: "vs-input-radio-default",
   props: /* @__PURE__ */ Z({
     style: {},
@@ -631,8 +691,8 @@ const Vl = /* @__PURE__ */ N(_l, [["render", Cl]]), Ml = {
   emits: ["update:modelValue"],
   setup(o) {
     const e = W(o, "modelValue");
-    return (t, n) => (i(), c("label", {
-      class: V(["flex items-center gap-0", [t.customClass]])
+    return (t, n) => (u(), c("label", {
+      class: C(["flex items-center gap-0", [t.customClass]])
     }, [
       K(l("input", {
         "onUpdate:modelValue": n[0] || (n[0] = (s) => e.value = s),
@@ -640,24 +700,24 @@ const Vl = /* @__PURE__ */ N(_l, [["render", Cl]]), Ml = {
         value: t.value,
         disabled: t.disabled,
         class: "hidden"
-      }, null, 8, Ol), [
+      }, null, 8, ql), [
         [vt, e.value]
       ]),
       l("span", {
-        class: V(["w-[16px] shrink-0 h-[16px] border rounded-full flex items-center justify-center mr-[10px]", [
+        class: C(["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(), c("span", {
+        e.value == t.value ? (u(), c("span", {
           key: 0,
-          class: V(["w-[12px] h-[12px] shrink-0 rounded-full", [`bg-${t.style?.primaryColor || "blue"}-500`]])
-        }, null, 2)) : F("", !0)
+          class: C(["w-[12px] h-[12px] shrink-0 rounded-full", [`bg-${t.style?.primaryColor || "blue"}-500`]])
+        }, null, 2)) : z("", !0)
       ], 2),
-      l("span", Al, T(t.text), 1)
+      l("span", Gl, U(t.text), 1)
     ], 2));
   }
-}), Tl = ["value", "disabled"], Rl = { class: "text-[13px] text-gray-700" }, Pl = /* @__PURE__ */ D({
+}), Kl = ["value", "disabled"], Zl = { class: "text-[13px] text-gray-700" }, Wl = /* @__PURE__ */ A({
   __name: "vs-input-radio-buttons",
   props: /* @__PURE__ */ Z({
     style: {},
@@ -676,8 +736,8 @@ const Vl = /* @__PURE__ */ N(_l, [["render", Cl]]), Ml = {
   emits: ["update:modelValue"],
   setup(o) {
     const e = W(o, "modelValue");
-    return (t, n) => (i(), c("label", {
-      class: V(["flex items-center border rounded-lg px-2 py-1", [
+    return (t, n) => (u(), c("label", {
+      class: C(["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
       ]])
@@ -688,16 +748,16 @@ const Vl = /* @__PURE__ */ N(_l, [["render", Cl]]), Ml = {
         value: t.value,
         disabled: t.disabled,
         class: "hidden"
-      }, null, 8, Tl), [
+      }, null, 8, Kl), [
         [vt, e.value]
       ]),
-      l("span", Rl, T(t.text), 1)
+      l("span", Zl, U(t.text), 1)
     ], 2));
   }
-}), Hl = {
-  "vs-input-radio-default": Ul,
-  "vs-input-radio-buttons": Pl
-}, rt = /* @__PURE__ */ D({
+}), Ql = {
+  "vs-input-radio-default": Jl,
+  "vs-input-radio-buttons": Wl
+}, rt = /* @__PURE__ */ A({
   __name: "vs-input-radio",
   props: /* @__PURE__ */ Z({
     options: {},
@@ -716,21 +776,21 @@ const Vl = /* @__PURE__ */ N(_l, [["render", Cl]]), Ml = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = W(o, "modelValue"), n = A(() => Hl[`vs-input-radio-${e.view}`]);
-    return (s, r) => (i(), c("div", {
-      class: V([s.position === "horizontal" ? "flex items-center flex-wrap gap-2" : ""])
+    const e = o, t = W(o, "modelValue"), n = F(() => Ql[`vs-input-radio-${e.view}`]);
+    return (s, r) => (u(), c("div", {
+      class: C([s.position === "horizontal" ? "flex items-center flex-wrap gap-2" : ""])
     }, [
-      (i(!0), c(Y, null, oe(s.options, (a) => (i(), se(Be(n.value), Ee({
+      (u(!0), c(Y, null, oe(s.options, (a) => (u(), se(Be(n.value), Ee({
         key: a?.id,
         text: a.text,
         value: a.id.toString(),
         checked: t.value === a.id,
         modelValue: t.value,
-        "onUpdate:modelValue": r[0] || (r[0] = (d) => t.value = d)
+        "onUpdate:modelValue": r[0] || (r[0] = (i) => t.value = i)
       }, { ref_for: !0 }, s.$attrs), null, 16, ["text", "value", "checked", "modelValue"]))), 128))
     ], 2));
   }
-}), Nl = /* @__PURE__ */ D({
+}), Xl = /* @__PURE__ */ A({
   __name: "vs-input-checkbox",
   props: {
     options: { default: () => [] },
@@ -749,7 +809,7 @@ const Vl = /* @__PURE__ */ N(_l, [["render", Cl]]), Ml = {
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, n = e, s = x([]), r = Bt({}), a = (p) => p?.value || p?.id || p?.text || p, d = (p) => p.text || String(p), u = (p) => `lg:col-span-${p || 12}`, v = async () => {
+    const t = o, n = e, s = x([]), r = Bt({}), a = (p) => p?.value || p?.id || p?.text || p, i = (p) => p.text || String(p), d = (p) => `lg:col-span-${p || 12}`, v = async () => {
       try {
         const p = await fetch(`/api/suggest/${t.data}`).then((w) => w.json());
         s.value = p?.data || p;
@@ -785,7 +845,7 @@ const Vl = /* @__PURE__ */ N(_l, [["render", Cl]]), Ml = {
         n("update:modelValue", p.length === 0 ? [] : p);
       },
       { deep: !0 }
-    ), xe(() => {
+    ), me(() => {
       if (t.data)
         v().then(() => {
           if (typeof t.modelValue == "boolean" && s.value.length === 1) {
@@ -813,16 +873,16 @@ const Vl = /* @__PURE__ */ N(_l, [["render", Cl]]), Ml = {
           }
         });
       }
-    }), (p, w) => (i(), c("div", {
-      class: V(["p-0 w-full gap-[6px]", [p.position === "vertical" ? "flex-col" : "", p.colSpan ? "grid" : "flex justify-start"]])
+    }), (p, w) => (u(), c("div", {
+      class: C(["p-0 w-full gap-[6px]", [p.position === "vertical" ? "flex-col" : "", p.colSpan ? "grid" : "flex justify-start"]])
     }, [
-      (i(!0), c(Y, null, oe(s.value, (b) => (i(), se(gt, {
+      (u(!0), c(Y, null, oe(s.value, (b) => (u(), se(gt, {
         modelValue: r[a(b)],
         "onUpdate:modelValue": ($) => r[a(b)] = $,
         value: a(b),
-        class: V(u(p.colSpan)),
+        class: C(d(p.colSpan)),
         disabled: b.disabled,
-        label: d(b),
+        label: i(b),
         key: a(b),
         icon: b?.icon,
         imgUrl: b?.imgUrl,
@@ -831,7 +891,7 @@ const Vl = /* @__PURE__ */ N(_l, [["render", Cl]]), Ml = {
       }, null, 8, ["modelValue", "onUpdate:modelValue", "value", "class", "disabled", "label", "icon", "imgUrl", "option", "view"]))), 128))
     ], 2));
   }
-}), ql = /* @__PURE__ */ N(Nl, [["__scopeId", "data-v-91f3584a"]]), Gl = ["type", "placeholder", "disabled"], Jl = /* @__PURE__ */ D({
+}), Yl = /* @__PURE__ */ N(Xl, [["__scopeId", "data-v-91f3584a"]]), eo = ["type", "placeholder", "disabled"], to = /* @__PURE__ */ A({
   __name: "vs-input-date1",
   props: {
     style: { default: () => ({}) },
@@ -846,28 +906,28 @@ const Vl = /* @__PURE__ */ N(_l, [["render", Cl]]), Ml = {
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
     const t = o;
-    function n(u) {
-      return u ? t.mode === "datetime" ? (u.includes("T") ? u : null) || u + (u.includes(" ") ? "" : "T00:00") : u?.split(" ")[0] : null;
+    function n(d) {
+      return d ? t.mode === "datetime" ? (d.includes("T") ? d : null) || d + (d.includes(" ") ? "" : "T00:00") : d?.split(" ")[0] : null;
     }
-    const { inputClass: s } = me(t.style), r = e, a = A({
+    const { inputClass: s } = he(t.style), r = e, a = F({
       get: () => n(t.modelValue),
-      set: (u) => r("update:modelValue", u)
-    }), d = A(() => t.mode === "datetime" ? "datetime-local" : t.mode);
-    return (u, v) => K((i(), c("input", {
-      type: d.value,
+      set: (d) => r("update:modelValue", d)
+    }), i = F(() => t.mode === "datetime" ? "datetime-local" : t.mode);
+    return (d, v) => K((u(), c("input", {
+      type: i.value,
       "onUpdate:modelValue": v[0] || (v[0] = (p) => a.value = p),
-      placeholder: u.placeholder,
-      disabled: u.disabled,
+      placeholder: d.placeholder,
+      disabled: d.disabled,
       ref: "date",
-      class: V(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [u.modelValue ? "" : "text-opacity-50", q(s)].join(" ")]),
+      class: C(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [d.modelValue ? "" : "text-opacity-50", q(s)].join(" ")]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, Gl)), [
+    }, null, 10, eo)), [
       [jt, a.value]
     ]);
   }
-}), Kl = async (o, e, t, n) => {
+}), lo = async (o, e, t, n) => {
   try {
     const s = new FormData();
     return s.append("unique", "true"), s.append("file", o), (await fetch(
@@ -878,14 +938,14 @@ const Vl = /* @__PURE__ */ N(_l, [["render", Cl]]), Ml = {
       }
     ).then((a) => a.json()))?.result;
   } catch (s) {
-    return be({
+    return ye({
       type: "error",
       title: "Помилка!",
       message: "Сталась помилка під час завантаження файлу",
       position: "right-bottom"
     }), console.error("Сталась помилка завантаження файлу", s), null;
   }
-}, Zl = async (o) => {
+}, oo = async (o) => {
   try {
     return await fetch(`file/delete${o}`), !0;
   } catch (e) {
@@ -898,7 +958,7 @@ const Vl = /* @__PURE__ */ N(_l, [["render", Cl]]), Ml = {
   } catch (e) {
     console.error(e.message);
   }
-}, Wl = {}, Ql = {
+}, ao = {}, so = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -909,13 +969,13 @@ const Vl = /* @__PURE__ */ N(_l, [["render", Cl]]), Ml = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Xl(o, e) {
-  return i(), c("svg", Ql, e[0] || (e[0] = [
+function no(o, e) {
+  return u(), c("svg", so, e[0] || (e[0] = [
     l("path", { d: "M5 12h14" }, null, -1),
     l("path", { d: "M12 5v14" }, null, -1)
   ]));
 }
-const De = /* @__PURE__ */ N(Wl, [["render", Xl]]), Yl = {}, eo = {
+const Ae = /* @__PURE__ */ N(ao, [["render", no]]), ro = {}, io = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-text",
   width: "44",
@@ -927,12 +987,12 @@ const De = /* @__PURE__ */ N(Wl, [["render", Xl]]), Yl = {}, eo = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function to(o, e, t, n, s, r) {
-  return i(), c("svg", eo, e[0] || (e[0] = [
+function uo(o, e, t, n, s, r) {
+  return u(), c("svg", io, e[0] || (e[0] = [
     ce('<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 lo = /* @__PURE__ */ N(Yl, [["render", to]]), oo = {}, ao = {
+const co = /* @__PURE__ */ N(ro, [["render", uo]]), po = {}, fo = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-table",
   width: "44",
@@ -944,8 +1004,8 @@ const lo = /* @__PURE__ */ N(Yl, [["render", to]]), oo = {}, ao = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function so(o, e, t, n, s, r) {
-  return i(), c("svg", ao, e[0] || (e[0] = [
+function vo(o, e, t, n, s, r) {
+  return u(), c("svg", fo, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -972,7 +1032,7 @@ function so(o, e, t, n, s, r) {
     }, null, -1)
   ]));
 }
-const no = /* @__PURE__ */ N(oo, [["render", so]]), ro = {}, io = {
+const mo = /* @__PURE__ */ N(po, [["render", vo]]), ho = {}, go = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -984,12 +1044,12 @@ const no = /* @__PURE__ */ N(oo, [["render", so]]), ro = {}, io = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-file-unknown"
 };
-function uo(o, e, t, n, s, r) {
-  return i(), c("svg", io, e[0] || (e[0] = [
+function bo(o, e, t, n, s, r) {
+  return u(), c("svg", go, e[0] || (e[0] = [
     ce('<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 co = /* @__PURE__ */ N(ro, [["render", uo]]), po = {}, fo = {
+const yo = /* @__PURE__ */ N(ho, [["render", bo]]), xo = {}, wo = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-zip",
   width: "44",
@@ -1001,12 +1061,12 @@ const co = /* @__PURE__ */ N(ro, [["render", uo]]), po = {}, fo = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function vo(o, e, t, n, s, r) {
-  return i(), c("svg", fo, e[0] || (e[0] = [
+function ko(o, e, t, n, s, r) {
+  return u(), c("svg", wo, e[0] || (e[0] = [
     ce('<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 mo = /* @__PURE__ */ N(po, [["render", vo]]), ho = {}, go = {
+const _o = /* @__PURE__ */ N(xo, [["render", ko]]), $o = {}, Vo = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-code",
   width: "44",
@@ -1018,25 +1078,25 @@ const mo = /* @__PURE__ */ N(po, [["render", vo]]), ho = {}, go = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function bo(o, e, t, n, s, r) {
-  return i(), c("svg", go, e[0] || (e[0] = [
+function Co(o, e, t, n, s, r) {
+  return u(), c("svg", Vo, e[0] || (e[0] = [
     ce('<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 yo = /* @__PURE__ */ N(ho, [["render", bo]]), xo = (o) => {
+const Mo = /* @__PURE__ */ N($o, [["render", Co]]), Lo = (o) => {
   if (!o) return "";
   const e = o?.split(".");
   return e[e.length - 1];
-}, wo = (o) => {
-  const e = xo(o), t = {
+}, So = (o) => {
+  const e = Lo(o), t = {
     imageFormat: ["tiff", "jpg", "jpeg", "png", "svg", "ico", "webp"],
     sheetsFormat: ["xls", "csv", "xlsx"],
     archivesFormat: ["zip", "rar"],
     textsFormat: ["json", "geojson", "txt", "yml", "yaml", "shp"],
     documentsFormat: ["pdf"]
   };
-  return t.imageFormat.includes(e) ? "img" : t.sheetsFormat.includes(e) ? no : t.textsFormat.includes(e) ? yo : t.documentsFormat.includes(e) ? lo : t.archivesFormat.includes(e) ? mo : co;
-}, ko = {}, _o = {
+  return t.imageFormat.includes(e) ? "img" : t.sheetsFormat.includes(e) ? mo : t.textsFormat.includes(e) ? Mo : t.documentsFormat.includes(e) ? co : t.archivesFormat.includes(e) ? _o : yo;
+}, Bo = {}, jo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1048,12 +1108,12 @@ const yo = /* @__PURE__ */ N(ho, [["render", bo]]), xo = (o) => {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-trash"
 };
-function $o(o, e) {
-  return i(), c("svg", _o, e[0] || (e[0] = [
+function Io(o, e) {
+  return u(), c("svg", jo, e[0] || (e[0] = [
     ce('<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 Te = /* @__PURE__ */ N(ko, [["render", $o]]), Co = {}, Vo = {
+const He = /* @__PURE__ */ N(Bo, [["render", Io]]), zo = {}, Eo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1065,8 +1125,8 @@ const Te = /* @__PURE__ */ N(ko, [["render", $o]]), Co = {}, Vo = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-download"
 };
-function Mo(o, e) {
-  return i(), c("svg", Vo, e[0] || (e[0] = [
+function Ao(o, e) {
+  return u(), c("svg", Eo, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1077,7 +1137,7 @@ function Mo(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const yt = /* @__PURE__ */ N(Co, [["render", Mo]]), Lo = { class: "h-[120px] w-[120px] border text-gray-300 border-dashed border-[#CFD9E0] rounded-lg overflow-hidden relative item-file" }, So = { class: "absolute hidden top-0 right-0 flex items-center gap-x-2 w-full h-full justify-center" }, Bo = /* @__PURE__ */ D({
+const yt = /* @__PURE__ */ N(zo, [["render", Ao]]), Do = { class: "h-[120px] w-[120px] border text-gray-300 border-dashed border-[#CFD9E0] rounded-lg overflow-hidden relative item-file" }, Fo = { class: "absolute hidden top-0 right-0 flex items-center gap-x-2 w-full h-full justify-center" }, Oo = /* @__PURE__ */ A({
   __name: "vs-input-file-list-item",
   props: /* @__PURE__ */ Z({
     format: {},
@@ -1098,22 +1158,22 @@ const yt = /* @__PURE__ */ N(Co, [["render", Mo]]), Lo = { class: "h-[120px] w-[
   emits: ["update:value", "update:item"],
   setup(o) {
     const e = W(o, "value"), t = W(o, "item"), n = o;
-    return (s, r) => (i(), c("div", Lo, [
-      (i(), se(Be(q(wo)(t.value)), {
+    return (s, r) => (u(), c("div", Do, [
+      (u(), se(Be(q(So)(t.value)), {
         src: t.value,
         alt: "file",
         class: "w-full h-full object-cover cursor-pointer",
         onClick: r[0] || (r[0] = (a) => q(it)(t.value))
       }, null, 8, ["src"])),
-      l("div", So, [
+      l("div", Fo, [
         l("button", {
           type: "button",
           onClick: r[1] || (r[1] = (a) => {
-            q(Zl)(t.value), e.value = n.multiple ? e.value?.filter((d) => d !== t.value) : "";
+            q(oo)(t.value), e.value = n.multiple ? e.value?.filter((i) => i !== 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(Te, { class: "w-4 h-4" })
+          B(He, { class: "w-4 h-4" })
         ]),
         l("button", {
           type: "button",
@@ -1125,10 +1185,10 @@ const yt = /* @__PURE__ */ N(Co, [["render", Mo]]), Lo = { class: "h-[120px] w-[
       ])
     ]));
   }
-}), ut = /* @__PURE__ */ N(Bo, [["__scopeId", "data-v-0ca886b3"]]), jo = { class: "flex items-center gap-x-2" }, Io = {
+}), ut = /* @__PURE__ */ N(Oo, [["__scopeId", "data-v-0ca886b3"]]), Uo = { class: "flex items-center gap-x-2" }, To = {
   key: 1,
   class: "flex items-center flex-wrap gap-2"
-}, zo = /* @__PURE__ */ D({
+}, Ro = /* @__PURE__ */ A({
   __name: "vs-input-file",
   props: /* @__PURE__ */ Z({
     format: {},
@@ -1152,12 +1212,12 @@ const yt = /* @__PURE__ */ N(Co, [["render", Mo]]), Lo = { class: "h-[120px] w-[
         if (!v || !v.name.endsWith(e.format))
           return;
       }
-      const d = a.target.files?.[0];
-      if (!d) return;
-      const u = await Kl(d, "1", "form", "table");
-      t.value = e.multiple ? [...t.value || [], u?.file_path] : u?.file_path;
+      const i = a.target.files?.[0];
+      if (!i) return;
+      const d = await lo(i, "1", "form", "table");
+      t.value = e.multiple ? [...t.value || [], d?.file_path] : d?.file_path;
     };
-    return (a, d) => (i(), c("div", jo, [
+    return (a, i) => (u(), c("div", Uo, [
       l("input", {
         class: "hidden",
         ref_key: "fileInput",
@@ -1165,46 +1225,46 @@ const yt = /* @__PURE__ */ N(Co, [["render", Mo]]), Lo = { class: "h-[120px] w-[
         type: "file",
         onChange: r
       }, null, 544),
-      !a.multiple && t.value ? (i(), se(ut, {
+      !a.multiple && t.value ? (u(), se(ut, {
         key: 0,
         item: t.value,
-        "onUpdate:item": d[0] || (d[0] = (u) => t.value = u),
+        "onUpdate:item": i[0] || (i[0] = (d) => t.value = d),
         value: t.value,
-        "onUpdate:value": d[1] || (d[1] = (u) => t.value = u)
-      }, null, 8, ["item", "value"])) : a.multiple ? (i(), c("div", Io, [
-        (i(!0), c(Y, null, oe(t.value, (u, v) => (i(), se(ut, {
+        "onUpdate:value": i[1] || (i[1] = (d) => t.value = d)
+      }, null, 8, ["item", "value"])) : a.multiple ? (u(), c("div", To, [
+        (u(!0), c(Y, null, oe(t.value, (d, v) => (u(), se(ut, {
           multiple: a.multiple,
           key: v,
           value: t.value,
-          "onUpdate:value": d[2] || (d[2] = (p) => t.value = p),
+          "onUpdate:value": i[2] || (i[2] = (p) => t.value = p),
           item: s(v)
         }, null, 8, ["multiple", "value", "item"]))), 128)),
         l("div", {
-          onClick: d[3] || (d[3] = (u) => !a.disabled && n.value?.click()),
-          class: V([
+          onClick: i[3] || (i[3] = (d) => !a.disabled && n.value?.click()),
+          class: C([
             "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",
             a.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500 hover:bg-blue-50"
           ])
         }, [
-          B(De, { class: "w-6 h-6" })
+          B(Ae, { class: "w-6 h-6" })
         ], 2)
-      ])) : F("", !0),
-      a.multiple ? F("", !0) : (i(), c("div", {
+      ])) : z("", !0),
+      a.multiple ? z("", !0) : (u(), c("div", {
         key: 2,
-        onClick: d[4] || (d[4] = (u) => n.value?.click()),
-        class: V([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"])
+        onClick: i[4] || (i[4] = (d) => n.value?.click()),
+        class: C([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(De, { class: "w-6 h-6" })
+        B(Ae, { class: "w-6 h-6" })
       ], 2))
     ]));
   }
-}), Eo = { class: "max-w-[55vw]" }, Do = { class: "text-sm font-semibold text-gray-800 truncate dark:text-neutral-200" }, Fo = { class: "flex items-center text-xs text-gray-500 truncate dark:text-neutral-500" }, Oo = { class: "px-[5px]" }, Ao = { class: "" }, Ae = /* @__PURE__ */ D({
+}), Po = { class: "max-w-[55vw]" }, Ho = { class: "text-sm font-semibold text-gray-800 truncate dark:text-neutral-200" }, No = { class: "flex items-center text-xs text-gray-500 truncate dark:text-neutral-500" }, qo = { class: "px-[5px]" }, Go = { class: "" }, Oe = /* @__PURE__ */ A({
   __name: "vs-widget-file-info",
   props: {
     item: { default: null }
   },
   setup(o) {
-    const e = o, t = A(() => {
+    const e = o, t = F(() => {
       try {
         return new Date(e.item.cdate).toLocaleDateString("uk-UA", {
           day: "2-digit",
@@ -1221,35 +1281,35 @@ const yt = /* @__PURE__ */ N(Co, [["render", Mo]]), Lo = { class: "h-[120px] w-[
       const r = s / 1024;
       return r < 1024 ? `${r.toFixed(2)} KB` : `${(r / 1024).toFixed(2)} MB`;
     }
-    return (s, r) => (i(), c(Y, null, [
+    return (s, r) => (u(), c(Y, null, [
       r[1] || (r[1] = ce('<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", Eo, [
-        l("p", Do, T(s.item?.uploaded_name), 1),
-        l("p", Fo, [
-          l("span", null, T(s.item?.username), 1),
-          K(l("span", Oo, "|", 512), [
+      l("div", Po, [
+        l("p", Ho, U(s.item?.uploaded_name), 1),
+        l("p", No, [
+          l("span", null, U(s.item?.username), 1),
+          K(l("span", qo, "|", 512), [
             [Je, s.item?.username]
           ]),
-          l("span", null, T(t.value), 1),
+          l("span", null, U(t.value), 1),
           r[0] || (r[0] = l("span", { class: "px-[5px]" }, "|", -1)),
-          l("span", Ao, T(n(s.item?.size)), 1)
+          l("span", Go, U(n(s.item?.size)), 1)
         ])
       ])
     ], 64));
   }
-}), Uo = { class: "p-3 relative group flex items-center gap-x-3 border border-gray-200 bg-white rounded-md w-full" }, To = {
+}), Jo = { class: "p-3 relative group flex items-center gap-x-3 border border-gray-200 bg-white rounded-md w-full" }, Ko = {
   key: 0,
   class: "flex w-full gap-x-3 items-center"
-}, Ro = {
+}, Zo = {
   key: 1,
   class: "flex gap-x-3 w-full items-center"
-}, Po = {
+}, Wo = {
   key: 2,
   class: "flex gap-x-3 w-full items-center"
-}, Ho = ["href"], No = {
+}, Qo = ["href"], Xo = {
   key: 3,
   class: "flex gap-x-3 w-full items-center"
-}, qo = { class: "lg:absolute lg:top-3 lg:end-1 opacity-100" }, Go = { 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" }, Jo = { class: "inline-block" }, Ko = { class: "inline-block" }, Zo = /* @__PURE__ */ D({
+}, Yo = { class: "lg:absolute lg:top-3 lg:end-1 opacity-100" }, ea = { 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" }, ta = { class: "inline-block" }, la = { class: "inline-block" }, oa = /* @__PURE__ */ A({
   __name: "vs-widget-file-item",
   props: {
     item: { default: null },
@@ -1269,7 +1329,7 @@ const yt = /* @__PURE__ */ N(Co, [["render", Mo]]), Lo = { class: "h-[120px] w-[
       const w = document.createElement("a");
       w.setAttribute("download", p?.uploaded_name), w.href = p?.file_path, w.click();
     }
-    async function d() {
+    async function i() {
       try {
         await fetch(
           `${t.prefix}/widget/file/${t.item.entity_id}/${t.item.file_id}`
@@ -1278,43 +1338,43 @@ const yt = /* @__PURE__ */ N(Co, [["render", Mo]]), Lo = { class: "h-[120px] w-[
         console.error(p);
       }
     }
-    function u() {
+    function d() {
       n("openModal", {
         title: "Ви впевнені?",
         message: "Ви впевнені, що хочете видалити цей файл?",
         confirmButtonText: "Так, я впевнена/ий",
         cancelButtonText: "Скасувати",
-        confirm: d,
+        confirm: i,
         updateListOnConfirm: !0
       });
     }
     function v(p) {
       (t.item.ext === "jpg" || t.item.ext === "png") && n("openLightbox", { item: t.item, index: p });
     }
-    return (p, w) => (i(), c("div", Uo, [
-      p.item.ext === "jpg" || p.item.ext === "png" ? (i(), c("div", To, [
+    return (p, w) => (u(), c("div", Jo, [
+      p.item.ext === "jpg" || p.item.ext === "png" ? (u(), c("div", Ko, [
         l("div", {
           class: "max-w-[55vw] cursor-pointer flex gap-x-3 w-full items-center",
           onClick: w[0] || (w[0] = (b) => v(p.index))
         }, [
-          B(Ae, { item: p.item }, null, 8, ["item"])
+          B(Oe, { item: p.item }, null, 8, ["item"])
         ])
-      ])) : s(p.item) ? (i(), c("div", Ro, [
-        B(Ae, { item: p.item }, null, 8, ["item"])
-      ])) : r(p.item) ? (i(), c("div", Po, [
+      ])) : s(p.item) ? (u(), c("div", Zo, [
+        B(Oe, { item: p.item }, null, 8, ["item"])
+      ])) : r(p.item) ? (u(), c("div", Wo, [
         l("a", {
           href: `/api/file-preview?id=${p.item.file_id}`,
           target: "_blank",
           class: "flex gap-x-3 w-full items-center"
         }, [
-          B(Ae, { item: p.item }, null, 8, ["item"])
-        ], 8, Ho)
-      ])) : (i(), c("div", No, [
-        B(Ae, { item: p.item }, null, 8, ["item"])
+          B(Oe, { item: p.item }, null, 8, ["item"])
+        ], 8, Qo)
+      ])) : (u(), c("div", Xo, [
+        B(Oe, { item: p.item }, null, 8, ["item"])
       ])),
-      l("div", qo, [
-        l("div", Go, [
-          l("div", Jo, [
+      l("div", Yo, [
+        l("div", ea, [
+          l("div", ta, [
             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: w[1] || (w[1] = (b) => a(p.item))
@@ -1326,13 +1386,13 @@ const yt = /* @__PURE__ */ N(Co, [["render", Mo]]), Lo = { class: "h-[120px] w-[
             ])
           ]),
           w[3] || (w[3] = l("div", { class: "w-px h-5 mx-1 bg-gray-200 dark:bg-neutral-700" }, null, -1)),
-          l("div", Ko, [
+          l("div", la, [
             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: w[2] || (w[2] = (b) => u())
+              onClick: w[2] || (w[2] = (b) => d())
             }, [
-              B(Te, {
+              B(He, {
                 height: "14",
                 width: "14"
               })
@@ -1342,7 +1402,7 @@ const yt = /* @__PURE__ */ N(Co, [["render", Mo]]), Lo = { class: "h-[120px] w-[
       ])
     ]));
   }
-}), Wo = {}, Qo = {
+}), aa = {}, sa = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1354,8 +1414,8 @@ const yt = /* @__PURE__ */ N(Co, [["render", Mo]]), Lo = { class: "h-[120px] w-[
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-download"
 };
-function Xo(o, e) {
-  return i(), c("svg", Qo, e[0] || (e[0] = [
+function na(o, e) {
+  return u(), c("svg", sa, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1366,13 +1426,13 @@ function Xo(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const Yo = /* @__PURE__ */ N(Wo, [["render", Xo]]), ea = { class: "flex flex-col widget-file xl:bg-white xl:rounded-xl dark:xl:bg-neutral-800 dark:xl:border-neutral-700 w-full" }, ta = { class: "flex w-full mb-[12px] items-center gap-x-2" }, la = { class: "font-semibold text-gray-800 dark:text-neutral-200 text-[14px]" }, oa = { class1: "ml-auto" }, aa = { 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" }, sa = {
+const ra = /* @__PURE__ */ N(aa, [["render", na]]), ia = { class: "flex flex-col widget-file xl:bg-white xl:rounded-xl dark:xl:bg-neutral-800 dark:xl:border-neutral-700 w-full" }, ua = { class: "flex w-full mb-[12px] items-center gap-x-2" }, da = { class: "font-semibold text-gray-800 dark:text-neutral-200 text-[14px]" }, ca = { class1: "ml-auto" }, pa = { 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" }, fa = {
   key: 0,
   class: "py-4 mb-4 space-y-4 border-gray-200 border-y dark:border-neutral-700"
-}, na = { class: "relative" }, ra = {
+}, va = { class: "relative" }, ma = {
   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"
-}, ia = { key: 0 }, ua = /* @__PURE__ */ D({
+}, ha = { key: 0 }, ga = /* @__PURE__ */ A({
   __name: "vs-input-file-list",
   props: {
     id: { default: "" },
@@ -1387,7 +1447,7 @@ const Yo = /* @__PURE__ */ N(Wo, [["render", Xo]]), ea = { class: "flex flex-col
   },
   emits: ["update"],
   setup(o, { emit: e }) {
-    const t = o, n = Me("form"), s = A(() => n.value.formId), r = x(!1), a = x(0), d = e, u = x(!1), v = x({}), p = x([]), w = x(""), b = A(() => Array.isArray(p.value) ? p.value.filter((m) => m.ext === "jpg" || m.ext === "png").map((m) => m?.file_path) : []), $ = A(() => w.value === "" ? p.value : p.value.filter((m) => m?.uploaded_name?.includes(w.value))), S = (m) => {
+    const t = o, n = Me("form"), s = F(() => n.value.formId), r = x(!1), a = x(0), i = e, d = x(!1), v = x({}), p = x([]), w = x(""), b = F(() => Array.isArray(p.value) ? p.value.filter((m) => m.ext === "jpg" || m.ext === "png").map((m) => m?.file_path) : []), $ = F(() => w.value === "" ? p.value : p.value.filter((m) => m?.uploaded_name?.includes(w.value))), S = (m) => {
       const f = b.value.findIndex((Q) => Q === m.item.file_path);
       f !== -1 && (r.value = !0, a.value = f);
     }, R = async () => {
@@ -1397,47 +1457,47 @@ const Yo = /* @__PURE__ */ N(Wo, [["render", Xo]]), ea = { class: "flex flex-col
       } catch (m) {
         console.error(m);
       }
-    }, C = async (m) => {
+    }, V = async (m) => {
       await Promise.all(
         Array.from(m.target.files).map(async (f) => {
           const Q = new FormData();
           Q.append("file", f);
           try {
-            const U = `${t.prefix}/widget/file/${s.value}`;
-            return await fetch(U, { method: "POST", body: Q }), d("update", "file-list"), f;
-          } catch (U) {
-            return console.error(U), null;
+            const T = `${t.prefix}/widget/file/${s.value}`;
+            return await fetch(T, { method: "POST", body: Q }), i("update", "file-list"), f;
+          } catch (T) {
+            return console.error(T), null;
           }
         })
       ), await R();
-    }, E = (m) => {
+    }, D = (m) => {
       const f = { ...m };
       return m.cancel || (f.cancel = () => {
-        u.value = !1;
+        d.value = !1;
       }), m.updateListOnConfirm && (f.confirm = async () => {
-        await m.confirm(), u.value = !1, R();
+        await m.confirm(), d.value = !1, R();
       }), f;
     }, j = (m) => {
-      v.value = E(m), u.value = !0;
+      v.value = D(m), d.value = !0;
     };
     return le(s, (m) => {
       m && R();
-    }), xe(() => {
+    }), me(() => {
       s.value && R();
     }), (m, f) => {
-      const Q = at("Lightbox"), U = at("MessageBox");
-      return i(), c("div", ea, [
-        l("div", ta, [
-          l("h2", la, " Файлів: " + T(p.value?.length), 1),
-          l("div", oa, [
+      const Q = at("Lightbox"), T = at("MessageBox");
+      return u(), c("div", ia, [
+        l("div", ua, [
+          l("h2", da, " Файлів: " + U(p.value?.length), 1),
+          l("div", ca, [
             l("label", null, [
               l("input", {
                 type: "file",
                 class: "hidden",
-                onChange: f[0] || (f[0] = (O) => C(O))
+                onChange: f[0] || (f[0] = (O) => V(O))
               }, null, 32),
-              l("div", aa, [
-                B(Yo, {
+              l("div", pa, [
+                B(ra, {
                   height: "16",
                   width: "16"
                 })
@@ -1445,9 +1505,9 @@ const Yo = /* @__PURE__ */ N(Wo, [["render", Xo]]), ea = { class: "flex flex-col
             ])
           ])
         ]),
-        p.value?.length > 4 ? (i(), c("div", sa, [
+        p.value?.length > 4 ? (u(), c("div", fa, [
           l("div", null, [
-            l("div", na, [
+            l("div", va, [
               f[8] || (f[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",
@@ -1484,9 +1544,9 @@ const Yo = /* @__PURE__ */ N(Wo, [["render", Xo]]), ea = { class: "flex flex-col
               ])
             ])
           ])
-        ])) : F("", !0),
-        p.value?.length ? (i(), c("div", ra, [
-          (i(!0), c(Y, null, oe($.value, (O, ue) => (i(), se(Zo, {
+        ])) : z("", !0),
+        p.value?.length ? (u(), c("div", ma, [
+          (u(!0), c(Y, null, oe($.value, (O, ue) => (u(), se(oa, {
             key: ue,
             prefix: m.prefix,
             item: O,
@@ -1495,10 +1555,10 @@ const Yo = /* @__PURE__ */ N(Wo, [["render", Xo]]), ea = { class: "flex flex-col
             onOpenModal: f[3] || (f[3] = (ee) => j(ee)),
             onOpenLightbox: f[4] || (f[4] = (ee) => S(ee))
           }, null, 8, ["prefix", "item", "index"]))), 128)),
-          $.value.length ? F("", !0) : (i(), c("div", ia, f[9] || (f[9] = [
+          $.value.length ? z("", !0) : (u(), c("div", ha, f[9] || (f[9] = [
             l("p", { class: "text-sm text-gray-600 font-sm" }, " Файлів з такою назвою не існує, введіть інше пошукове слово ", -1)
           ])))
-        ])) : F("", !0),
+        ])) : z("", !0),
         B(Q, {
           modelValue: r.value,
           "onUpdate:modelValue": f[5] || (f[5] = (O) => r.value = O),
@@ -1506,15 +1566,15 @@ const Yo = /* @__PURE__ */ N(Wo, [["render", Xo]]), ea = { class: "flex flex-col
           "onUpdate:index": f[6] || (f[6] = (O) => a.value = O),
           images: b.value
         }, null, 8, ["modelValue", "startIndex", "images"]),
-        B(U, Ee({
-          modelValue: u.value,
-          "onUpdate:modelValue": f[7] || (f[7] = (O) => u.value = O),
+        B(T, Ee({
+          modelValue: d.value,
+          "onUpdate:modelValue": f[7] || (f[7] = (O) => d.value = O),
           onConfirm: v.value.confirm
         }, v.value), null, 16, ["modelValue", "onConfirm"])
       ]);
     };
   }
-}), da = { class: "flex items-center justify-between" }, ca = { class: "text-[16px] text-gray-900 font-medium" }, pa = { class: "grid gap-3" }, fa = /* @__PURE__ */ D({
+}), ba = { class: "flex items-center justify-between" }, ya = { class: "text-[16px] text-gray-900 font-medium" }, xa = { class: "grid gap-3" }, wa = /* @__PURE__ */ A({
   __name: "vs-container-switcher",
   props: {
     title: {
@@ -1537,19 +1597,19 @@ const Yo = /* @__PURE__ */ N(Wo, [["render", Xo]]), ea = { class: "flex flex-col
       (n) => {
         t.value = n;
       }
-    ), (n, s) => (i(), c("div", null, [
-      l("div", da, [
-        l("p", ca, T(o.title), 1),
+    ), (n, s) => (u(), c("div", null, [
+      l("div", ba, [
+        l("p", ya, U(o.title), 1),
         B(bt, {
           modelValue: t.value,
           "onUpdate:modelValue": s[0] || (s[0] = (r) => t.value = r),
-          style: ye(o.style)
+          style: xe(o.style)
         }, null, 8, ["modelValue", "style"])
       ]),
       B(mt, { name: "slide-fade" }, {
         default: Le(() => [
-          K(l("div", pa, [
-            $e(n.$slots, "default", {}, void 0, !0)
+          K(l("div", xa, [
+            _e(n.$slots, "default", {}, void 0, !0)
           ], 512), [
             [Je, t.value]
           ])
@@ -1558,7 +1618,7 @@ const Yo = /* @__PURE__ */ N(Wo, [["render", Xo]]), ea = { class: "flex flex-col
       })
     ]));
   }
-}), va = /* @__PURE__ */ N(fa, [["__scopeId", "data-v-90320b87"]]), ma = { class: "text-[16px] text-gray-900 font-medium" }, ha = { class: "grid gap-3" }, ga = /* @__PURE__ */ D({
+}), ka = /* @__PURE__ */ N(wa, [["__scopeId", "data-v-90320b87"]]), _a = { class: "text-[16px] text-gray-900 font-medium" }, $a = { class: "grid gap-3" }, Va = /* @__PURE__ */ A({
   __name: "vs-container-accordion",
   props: {
     title: {
@@ -1581,21 +1641,21 @@ const Yo = /* @__PURE__ */ N(Wo, [["render", Xo]]), ea = { class: "flex flex-col
       (n) => {
         t.value = n;
       }
-    ), (n, s) => (i(), c("div", null, [
+    ), (n, s) => (u(), c("div", null, [
       l("button", {
         type: "button",
         onClick: s[0] || (s[0] = (r) => t.value = !t.value),
         class: "flex items-center gap-2"
       }, [
-        B(q(bl), {
-          class: V(["h-4 w-4 duration-300", [t.value ? "-rotate-180" : ""]])
+        B(q(Cl), {
+          class: C(["h-4 w-4 duration-300", [t.value ? "-rotate-180" : ""]])
         }, null, 8, ["class"]),
-        l("span", ma, T(o.title), 1)
+        l("span", _a, U(o.title), 1)
       ]),
       B(mt, { name: "slide-fade" }, {
         default: Le(() => [
-          K(l("div", ha, [
-            $e(n.$slots, "default", {}, void 0, !0)
+          K(l("div", $a, [
+            _e(n.$slots, "default", {}, void 0, !0)
           ], 512), [
             [Je, t.value]
           ])
@@ -1604,7 +1664,7 @@ const Yo = /* @__PURE__ */ N(Wo, [["render", Xo]]), ea = { class: "flex flex-col
       })
     ]));
   }
-}), ba = /* @__PURE__ */ N(ga, [["__scopeId", "data-v-590eff11"]]), ya = { class: "flex items-center justify-between" }, xa = /* @__PURE__ */ D({
+}), Ca = /* @__PURE__ */ N(Va, [["__scopeId", "data-v-590eff11"]]), Ma = { class: "flex items-center justify-between" }, La = /* @__PURE__ */ A({
   __name: "vs-container-default",
   props: {
     title: {
@@ -1617,17 +1677,17 @@ const Yo = /* @__PURE__ */ N(Wo, [["render", Xo]]), ea = { class: "flex flex-col
     }
   },
   setup(o) {
-    return (e, t) => (i(), c("div", null, [
-      l("div", ya, [
-        l("p", null, T(o.title), 1)
+    return (e, t) => (u(), c("div", null, [
+      l("div", Ma, [
+        l("p", null, U(o.title), 1)
       ]),
-      $e(e.$slots, "default")
+      _e(e.$slots, "default")
     ]));
   }
-}), wa = {
-  switcher: va,
-  accordion: ba,
-  default: xa
+}), Sa = {
+  switcher: ka,
+  accordion: Ca,
+  default: La
 }, pe = {
   Equal: "==",
   Inequal: "!=",
@@ -1641,37 +1701,37 @@ const Yo = /* @__PURE__ */ N(Wo, [["render", Xo]]), ea = { class: "flex flex-col
   Contain: "*",
   In: "in",
   NotIn: "not_in"
-}, ka = (o, e) => String(o) === String(e), _a = (o, e) => String(o) !== String(e), $a = (o, e) => o > e, Ca = (o, e) => o >= e, Va = (o, e) => o < e, Ma = (o, e) => o <= e, La = (o, e) => Array.isArray(e) && e.length === 2 ? o >= e[0] && o <= e[1] : !1, Sa = (o, e) => String(o).startsWith(String(e)), Ba = (o, e) => String(o).endsWith(String(e)), ja = (o, e) => String(o).includes(String(e)), Ia = (o, e) => Array.isArray(e) ? e.includes(o) : !1, za = (o, e) => Array.isArray(e) ? !e.includes(o) : !0, xt = (o, e) => {
+}, Ba = (o, e) => String(o) === String(e), ja = (o, e) => String(o) !== String(e), Ia = (o, e) => o > e, za = (o, e) => o >= e, Ea = (o, e) => o < e, Aa = (o, e) => o <= e, Da = (o, e) => Array.isArray(e) && e.length === 2 ? o >= e[0] && o <= e[1] : !1, Fa = (o, e) => String(o).startsWith(String(e)), Oa = (o, e) => String(o).endsWith(String(e)), Ua = (o, e) => String(o).includes(String(e)), Ta = (o, e) => Array.isArray(e) ? e.includes(o) : !1, Ra = (o, e) => Array.isArray(e) ? !e.includes(o) : !0, xt = (o, e) => {
   if (!e) return !0;
   switch (e?.[1]) {
     case pe.Equal:
-      return ka(o, e?.[2]);
+      return Ba(o, e?.[2]);
     case pe.Inequal:
-      return _a(o, e?.[2]);
+      return ja(o, e?.[2]);
     case pe.Higer:
-      return $a(o, e?.[2]);
+      return Ia(o, e?.[2]);
     case pe.HigerOrEqual:
-      return Ca(o, e?.[2]);
+      return za(o, e?.[2]);
     case pe.Lower:
-      return Va(o, e?.[2]);
+      return Ea(o, e?.[2]);
     case pe.LowerOrEqual:
-      return Ma(o, e?.[2]);
+      return Aa(o, e?.[2]);
     case pe.Between:
-      return La(o, e?.[2]);
+      return Da(o, e?.[2]);
     case pe.StartWith:
-      return Sa(o, e?.[2]);
+      return Fa(o, e?.[2]);
     case pe.EndWith:
-      return Ba(o, e?.[2]);
+      return Oa(o, e?.[2]);
     case pe.Contain:
-      return ja(o, e?.[2]);
+      return Ua(o, e?.[2]);
     case pe.In:
-      return Ia(o, e?.[2]);
+      return Ta(o, e?.[2]);
     case pe.NotIn:
-      return za(o, e?.[2]);
+      return Ra(o, e?.[2]);
     default:
       return !0;
   }
-}, Ea = /* @__PURE__ */ D({
+}, Pa = /* @__PURE__ */ A({
   __name: "vs-input-container",
   props: {
     style: {
@@ -1692,38 +1752,38 @@ const Yo = /* @__PURE__ */ N(Wo, [["render", Xo]]), ea = { class: "flex flex-col
     }
   },
   setup(o) {
-    const e = o, t = Me("formValues", { default: {} }), n = Me("form"), s = A(() => e.schema?.filter((a) => {
-      const d = a?.conditions;
-      if (!d) return !0;
-      const u = Array.isArray(d) ? d[0] : d, v = t?.value?.[u];
-      return xt(v, d);
-    })), r = A(() => wa[e.view]);
-    return (a, d) => o.schema?.length ? (i(), se(Be(r.value), {
+    const e = o, t = Me("formValues", { default: {} }), n = Me("form"), s = F(() => e.schema?.filter((a) => {
+      const i = a?.conditions;
+      if (!i) return !0;
+      const d = Array.isArray(i) ? i[0] : i, v = t?.value?.[d];
+      return xt(v, i);
+    })), r = F(() => Sa[e.view]);
+    return (a, i) => o.schema?.length ? (u(), se(Be(r.value), {
       key: 0,
       title: o.title,
-      style: ye(o.style)
+      style: xe(o.style)
     }, {
       default: Le(() => [
-        (i(!0), c(Y, null, oe(s.value, (u) => (i(), se(wt, Ee({
-          key: u.name
-        }, { ref_for: !0 }, u, {
-          item: u,
-          modelValue: q(t)[u.name],
-          "onUpdate:modelValue": (v) => q(t)[u.name] = v,
+        (u(!0), c(Y, null, oe(s.value, (d) => (u(), se(wt, Ee({
+          key: d.name
+        }, { ref_for: !0 }, d, {
+          item: d,
+          modelValue: q(t)[d.name],
+          "onUpdate:modelValue": (v) => q(t)[d.name] = v,
           style: o.style,
-          error: q(n)?.errors?.[u.name]
+          error: q(n)?.errors?.[d.name]
         }), null, 16, ["item", "modelValue", "onUpdate:modelValue", "style", "error"]))), 128))
       ]),
       _: 1
-    }, 8, ["title", "style"])) : F("", !0);
+    }, 8, ["title", "style"])) : z("", !0);
   }
-}), Da = ["aria-expanded", "data-focus"], Fa = { class: "flex items-center" }, Oa = ["title"], Aa = ["onClick"], Ua = ["title"], Ta = {
+}), Ha = ["aria-expanded", "data-focus"], Na = { class: "flex items-center" }, qa = ["title"], Ga = ["onClick"], Ja = ["title"], Ka = {
   key: 2,
   class: "text-gray-500 truncate"
-}, Ra = { class: "flex-1 min-w-[2px]" }, Pa = ["placeholder"], Ha = { class: "flex items-center shrink-0" }, Na = ["disabled"], qa = ["disabled", "title"], Ga = ["aria-disabled", "onClick"], Ja = {
+}, Za = { class: "flex-1 min-w-[2px]" }, Wa = ["placeholder"], Qa = { class: "flex items-center shrink-0" }, Xa = ["disabled"], Ya = ["disabled", "title"], es = ["aria-disabled", "onClick"], ts = {
   key: 1,
   class: "px-3 py-2 text-center text-gray-500"
-}, Ka = ["disabled"], Za = /* @__PURE__ */ D({
+}, ls = ["disabled"], os = /* @__PURE__ */ A({
   __name: "vs-input-select",
   props: {
     multiple: { type: Boolean, default: !1 },
@@ -1748,21 +1808,21 @@ const Yo = /* @__PURE__ */ N(Wo, [["render", Xo]]), ea = { class: "flex flex-col
   },
   emits: ["change", "update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, n = e, s = A(() => t.multiple), r = A(() => t.disabled);
-    me(t.style);
-    const a = A({
+    const t = o, n = e, s = F(() => t.multiple), r = F(() => t.disabled);
+    he(t.style);
+    const a = F({
       get: () => t.modelValue,
       set: (g) => n("update:modelValue", g)
     });
     !a.value && t.defaultValue && (a.value = t.defaultValue);
-    const d = x(null), u = x(null), v = x(null), p = x(!1), w = x(!1), b = x(null), $ = x([]), S = x(-1), R = x([]), C = x(""), E = x(null), j = x("bottom"), m = x({}), f = x([]), Q = A(() => {
+    const i = x(null), d = x(null), v = x(null), p = x(!1), w = x(!1), b = x(null), $ = x([]), S = x(-1), R = x([]), V = x(""), D = x(null), j = x("bottom"), m = x({}), f = x([]), Q = F(() => {
       if (!f.value.length) return [];
       const g = new Map($.value.map((h) => [h.id?.toString(), h]));
       return f.value.map((h) => g.get(h?.toString())).filter((h) => !!h);
-    }), U = A(() => t.placeholder || "Select..."), O = A(() => s.value ? !f.value.length && C.value === "" : !b.value?.text && C.value === ""), ue = A(() => r.value ? !1 : s.value ? f.value.length > 0 : !!a.value), ee = (g) => s.value ? f.value.some((h) => h?.toString() === g?.toString()) : a.value?.toString() === g?.toString(), X = A(() => {
+    }), T = F(() => t.placeholder || "Select..."), O = F(() => s.value ? !f.value.length && V.value === "" : !b.value?.text && V.value === ""), ue = F(() => r.value ? !1 : s.value ? f.value.length > 0 : !!a.value), ee = (g) => s.value ? f.value.some((h) => h?.toString() === g?.toString()) : a.value?.toString() === g?.toString(), X = F(() => {
       let g = $.value ?? [];
-      if (!t.data && C.value.trim() !== "") {
-        const h = C.value.toLowerCase();
+      if (!t.data && V.value.trim() !== "") {
+        const h = V.value.toLowerCase();
         g = g.filter((_) => _.text?.toLowerCase?.().includes(h));
       }
       if (s.value && f.value.length) {
@@ -1770,7 +1830,7 @@ const Yo = /* @__PURE__ */ N(Wo, [["render", Xo]]), ea = { class: "flex flex-col
         g = g.filter((_) => !h.has(_.id?.toString()));
       }
       return g;
-    }), je = Me("values"), we = A(() => t.parent ? je?.value?.[t.parent] ?? null : null), z = async (g) => {
+    }), je = Me("values"), we = F(() => t.parent ? je?.value?.[t.parent] ?? null : null), E = async (g) => {
       if (!t.data) {
         let h = t.options ?? [];
         if (g?.trim()) {
@@ -1786,11 +1846,11 @@ const Yo = /* @__PURE__ */ N(Wo, [["render", Xo]]), ea = { class: "flex flex-col
         return [];
       }
     }, M = async () => {
-      t.data ? $.value = await z(C.value) : $.value = t.options ? [...t.options] : [];
+      t.data ? $.value = await E(V.value) : $.value = t.options ? [...t.options] : [];
     }, I = async (g) => {
       if (g == null) return null;
       const h = $.value?.find((H) => H?.id?.toString() === String(g));
-      return h || ((await z(String(g)))?.[0] ?? null);
+      return h || ((await E(String(g)))?.[0] ?? null);
     }, G = async (g) => {
       const h = new Set($.value.map((H) => H.id?.toString())), _ = g.filter((H) => !h.has(H?.toString()));
       _.length && await _.reduce(async (H, te) => {
@@ -1800,7 +1860,7 @@ const Yo = /* @__PURE__ */ N(Wo, [["render", Xo]]), ea = { class: "flex flex-col
       }, Promise.resolve());
     }, ae = async () => {
       r.value || (p.value = !0, await M(), await ze(() => {
-        ge(), E.value?.focus(), X.value.length ? S.value = 0 : S.value = -1;
+        be(), D.value?.focus(), X.value.length ? S.value = 0 : S.value = -1;
       }));
     }, de = () => {
       p.value = !1, S.value = -1;
@@ -1808,25 +1868,25 @@ const Yo = /* @__PURE__ */ N(Wo, [["render", Xo]]), ea = { class: "flex flex-col
       if (r.value) return;
       !p.value ? await ae() : de();
     }, y = async () => {
-      p.value ? E.value?.focus() : await ae();
+      p.value ? D.value?.focus() : await ae();
     }, k = () => {
-      s.value ? (f.value = [], a.value = [], n("change", [])) : (b.value = null, a.value = null, n("change", null)), C.value = "", ze(() => E.value?.focus());
+      s.value ? (f.value = [], a.value = [], n("change", [])) : (b.value = null, a.value = null, n("change", null)), V.value = "", ze(() => D.value?.focus());
     }, P = (g) => {
-      s.value && (f.value = f.value.filter((h) => h?.toString() !== g?.toString()), a.value = [...f.value], n("change", a.value), ze(() => E.value?.focus()));
+      s.value && (f.value = f.value.filter((h) => h?.toString() !== g?.toString()), a.value = [...f.value], n("change", a.value), ze(() => D.value?.focus()));
     }, J = (g) => {
-      s.value ? (ee(g.id) || (f.value = [...f.value, g.id], a.value = [...f.value], n("change", a.value)), C.value = "", ze(() => {
-        E.value?.focus(), S.value = Math.min(S.value, X.value.length - 1);
-      })) : (b.value = g, a.value = g.id, n("change", a.value), C.value = "", de());
+      s.value ? (ee(g.id) || (f.value = [...f.value, g.id], a.value = [...f.value], n("change", a.value)), V.value = "", ze(() => {
+        D.value?.focus(), S.value = Math.min(S.value, X.value.length - 1);
+      })) : (b.value = g, a.value = g.id, n("change", a.value), V.value = "", de());
     }, re = (g) => {
       ee(g.id) || J(g);
-    }, _e = (g, h) => {
+    }, $e = (g, h) => {
       if (!g || !h) return;
       const _ = g.offsetTop, H = _ + g.offsetHeight, te = h.scrollTop, ie = te + h.clientHeight;
       let Se = h.scrollTop;
       _ < te ? Se = _ - 80 : H > ie && (Se = H - h.clientHeight + 4);
       const Ie = h;
       Ie.scrollTop = Se;
-    }, he = (g) => {
+    }, ge = (g) => {
       let h = g.parentElement;
       for (; h; ) {
         if (h.classList.contains("ui-dialog__content"))
@@ -1837,59 +1897,59 @@ const Yo = /* @__PURE__ */ N(Wo, [["render", Xo]]), ea = { class: "flex flex-col
         h = h.parentElement;
       }
       return document.body;
-    }, ge = () => {
-      if (!u.value) return;
-      const g = u.value.getBoundingClientRect(), _ = he(u.value).getBoundingClientRect(), H = 300, te = 20, ie = 8, Se = g.top - _.top, Ie = g.bottom - _.top, lt = _.height - Ie - ie - te, ot = Se - ie - te;
-      let Pe = !1;
-      if (lt >= ot ? Pe = !0 : Pe = !1, Pe) {
+    }, be = () => {
+      if (!d.value) return;
+      const g = d.value.getBoundingClientRect(), _ = ge(d.value).getBoundingClientRect(), H = 300, te = 20, ie = 8, Se = g.top - _.top, Ie = g.bottom - _.top, lt = _.height - Ie - ie - te, ot = Se - ie - te;
+      let qe = !1;
+      if (lt >= ot ? qe = !0 : qe = !1, qe) {
         j.value = "bottom";
-        const He = Math.min(H, Math.max(lt + te, 50));
+        const Ge = Math.min(H, Math.max(lt + te, 50));
         m.value = {
           top: `${g.height + ie}px`,
           left: "0px",
           right: "0px",
           bottom: "auto",
-          maxHeight: `${He}px`
+          maxHeight: `${Ge}px`
         };
       } else {
         j.value = "top";
-        const He = Math.min(H, Math.max(ot + te, 50));
+        const Ge = Math.min(H, Math.max(ot + te, 50));
         m.value = {
           top: "auto",
           left: "0px",
           right: "0px",
           bottom: `${g.height + ie}px`,
-          maxHeight: `${He}px`
+          maxHeight: `${Ge}px`
         };
       }
-    }, Ce = async (g) => {
+    }, Ve = async (g) => {
       r.value || !p.value && (g.key === "ArrowDown" || g.key === "ArrowUp") && (g.preventDefault(), await ae());
-    }, Ve = (g) => {
+    }, Ce = (g) => {
       if (!p.value) return;
       const { key: h } = g;
       if (h === "ArrowDown")
-        g.preventDefault(), S.value + 1 < X.value.length && (S.value += 1, _e(R.value[S.value], v.value));
+        g.preventDefault(), S.value + 1 < X.value.length && (S.value += 1, $e(R.value[S.value], v.value));
       else if (h === "ArrowUp")
-        g.preventDefault(), S.value > 0 && (S.value -= 1, _e(R.value[S.value], v.value));
+        g.preventDefault(), S.value > 0 && (S.value -= 1, $e(R.value[S.value], v.value));
       else if (h === "Enter") {
         g.preventDefault();
         const _ = X.value[S.value];
-        _ && J(_), E.value?.blur();
-      } else h === "Escape" ? (g.preventDefault(), de()) : h === "Backspace" ? s.value && C.value === "" && f.value.length && (f.value = f.value.slice(0, -1), a.value = [...f.value], n("change", a.value)) : h === "Home" ? (S.value = 0, _e(R.value[0], v.value)) : h === "End" ? (S.value = X.value.length - 1, _e(R.value[S.value], v.value)) : h === "Tab" && de();
+        _ && J(_), D.value?.blur();
+      } else h === "Escape" ? (g.preventDefault(), de()) : h === "Backspace" ? s.value && V.value === "" && f.value.length && (f.value = f.value.slice(0, -1), a.value = [...f.value], n("change", a.value)) : h === "Home" ? (S.value = 0, $e(R.value[0], v.value)) : h === "End" ? (S.value = X.value.length - 1, $e(R.value[S.value], v.value)) : h === "Tab" && de();
     }, _t = () => {
       r.value || (w.value = !0);
     }, $t = () => {
-      w.value = !1, C.value = "";
+      w.value = !1, V.value = "";
     }, Ke = (g) => {
       g.key === "Escape" && p.value && de();
     }, Ze = (g) => {
-      d.value && (d.value.contains(g.target) || de());
+      i.value && (i.value.contains(g.target) || de());
     }, We = (g) => {
-      p.value && v.value && !v.value.contains(g.target) && ge();
+      p.value && v.value && !v.value.contains(g.target) && be();
     }, Qe = () => {
-      p.value && ge();
+      p.value && be();
     }, Xe = () => {
-      p.value && ge();
+      p.value && be();
     };
     le(() => t.options, (g) => {
       g?.length && ($.value = [...g]);
@@ -1907,30 +1967,30 @@ const Yo = /* @__PURE__ */ N(Wo, [["render", Xo]]), ea = { class: "flex flex-col
     };
     le(a, () => {
       Ye();
-    }), xe(async () => {
-      addEventListener("keydown", Ke), addEventListener("scroll", We, !0), addEventListener("resize", Qe), document.addEventListener("click", Ze, !0), u.value && he(u.value).addEventListener("scroll", Xe, !0), t.options?.length ? $.value = [...t.options] : t.data && ($.value = await z("")), await Ye();
-    }), Ne(() => {
-      removeEventListener("keydown", Ke), removeEventListener("scroll", We, !0), removeEventListener("resize", Qe), document.removeEventListener("click", Ze, !0), u.value && he(u.value).removeEventListener("scroll", Xe, !0);
+    }), me(async () => {
+      addEventListener("keydown", Ke), addEventListener("scroll", We, !0), addEventListener("resize", Qe), document.addEventListener("click", Ze, !0), d.value && ge(d.value).addEventListener("scroll", Xe, !0), t.options?.length ? $.value = [...t.options] : t.data && ($.value = await E("")), await Ye();
+    }), Te(() => {
+      removeEventListener("keydown", Ke), removeEventListener("scroll", We, !0), removeEventListener("resize", Qe), document.removeEventListener("click", Ze, !0), d.value && ge(d.value).removeEventListener("scroll", Xe, !0);
     });
-    const Oe = x(!1), Re = x({}), et = x([]), tt = x(null);
-    async function Ct() {
+    const Fe = x(!1), Ne = x({}), et = x([]), tt = x(null);
+    async function Vt() {
       if (!t.add?.token || tt?.value.validate())
         return;
       const h = t.add.api ?? `/api/table/${t.add.token}`, { id: _ } = await fetch(h, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify(Re.value)
+        body: JSON.stringify(Ne.value)
       }).then((H) => H.json());
       if (!t.options?.length && t.data) {
         const { data: H } = await fetch(`${t.api ?? `/api/suggest/${t.data}`}?val=${_}`).then((te) => te.json());
         b.value = H[0], $.value.push(H[0]), a.value = _;
       }
-      Oe.value = !1, be({ title: "Success!", message: "Object created." });
+      Fe.value = !1, ye({ title: "Success!", message: "Object created." });
     }
-    async function Vt() {
+    async function Ct() {
       if (!t.add) return null;
       const g = await fetch(`/api/template/form/${t.add.form}`).then((h) => h.json());
-      return et.value = g.schema, Oe.value = !0, null;
+      return et.value = g.schema, Fe.value = !0, null;
     }
     function Mt(g, h = 200) {
       let _;
@@ -1939,9 +1999,9 @@ const Yo = /* @__PURE__ */ N(Wo, [["render", Xo]]), ea = { class: "flex flex-col
       };
     }
     const Lt = Mt(async (g) => {
-      $.value = await z(g);
+      $.value = await E(g);
     }, 200);
-    return le(C, (g) => {
+    return le(V, (g) => {
       t.data && Lt(g.trim());
     }), le(() => t.options, (g) => {
       !t.data && g?.length && ($.value = [...g]);
@@ -1949,19 +2009,19 @@ const Yo = /* @__PURE__ */ N(Wo, [["render", Xo]]), ea = { class: "flex flex-col
       t.data && M();
     }), le(we, async () => {
       t.data && (s.value ? (f.value = [], a.value = [], n("change", [])) : (b.value = null, a.value = null, n("change", null)));
-    }), (g, h) => (i(), c(Y, null, [
+    }), (g, h) => (u(), c(Y, null, [
       B(q(ht), {
-        visible: Oe.value,
-        "onUpdate:visible": h[1] || (h[1] = (_) => Oe.value = _),
+        visible: Fe.value,
+        "onUpdate:visible": h[1] || (h[1] = (_) => Fe.value = _),
         title: "Додати",
         buttonText: "Додати",
-        onDone: Ct
+        onDone: Vt
       }, {
         default: Le(() => [
-          B(Fe, {
+          B(De, {
             schema: et.value,
-            modelValue: Re.value,
-            "onUpdate:modelValue": h[0] || (h[0] = (_) => Re.value = _),
+            modelValue: Ne.value,
+            "onUpdate:modelValue": h[0] || (h[0] = (_) => Ne.value = _),
             ref_key: "addForm",
             ref: tt
           }, null, 8, ["schema", "modelValue"])
@@ -1971,12 +2031,12 @@ const Yo = /* @__PURE__ */ N(Wo, [["render", Xo]]), ea = { class: "flex flex-col
       l("div", {
         class: "flex gap-1 w-full",
         ref_key: "selectRoot",
-        ref: d,
+        ref: i,
         onClick: h[4] || (h[4] = ve(() => {
         }, ["stop"]))
       }, [
         l("div", {
-          class: V(["relative w-full font-sans", t.customClass])
+          class: C(["relative w-full font-sans", t.customClass])
         }, [
           h[9] || (h[9] = l("span", {
             id: "react-select-live-region",
@@ -1990,7 +2050,7 @@ const Yo = /* @__PURE__ */ N(Wo, [["render", Xo]]), ea = { class: "flex flex-col
             class: "sr-only"
           }, null, -1)),
           l("div", {
-            class: V([
+            class: C([
               "flex min-h-[38px] items-center justify-between rounded border transition-colors bg-white",
               "border-gray-300 hover:border-gray-400",
               p.value || w.value ? "border-blue-500 ring-1 ring-blue-500" : "",
@@ -1999,29 +2059,29 @@ const Yo = /* @__PURE__ */ N(Wo, [["render", Xo]]), ea = { class: "flex flex-col
             role: "combobox",
             "aria-expanded": p.value,
             "aria-haspopup": "listbox",
-            onKeydown: Ce,
+            onKeydown: Ve,
             onClick: y,
             "data-focus": p.value || w.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: u
+              ref: d
             }, [
-              s.value && f.value.length ? (i(!0), c(Y, { key: 0 }, oe(Q.value, (_) => (i(), c("div", {
+              s.value && f.value.length ? (u(!0), c(Y, { key: 0 }, oe(Q.value, (_) => (u(), c("div", {
                 class: "flex min-w-0 bg-[#e6e6e6] rounded-sm m-0.5 box-border",
                 key: _.id
               }, [
-                l("div", Fa, [
-                  _?.color ? (i(), c("span", {
+                l("div", Na, [
+                  _?.color ? (u(), c("span", {
                     key: 0,
                     class: "w-[16px] h-[16px] rounded-md block ml-1.5",
-                    style: ye({ backgroundColor: _?.color })
-                  }, null, 4)) : F("", !0),
+                    style: xe({ backgroundColor: _?.color })
+                  }, null, 4)) : z("", !0),
                   l("div", {
                     class: "truncate text-gray-900 overflow-hidden",
                     title: _.text
-                  }, T(_.text), 9, Oa)
+                  }, U(_.text), 9, qa)
                 ]),
                 l("div", {
                   role: "button",
@@ -2038,27 +2098,27 @@ const Yo = /* @__PURE__ */ N(Wo, [["render", Xo]]), ea = { 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, Aa)
-              ]))), 128)) : !s.value && !w.value && b.value?.text && C.value === "" ? (i(), c("div", {
+                ]), 8, Ga)
+              ]))), 128)) : !s.value && !w.value && b.value?.text && V.value === "" ? (u(), c("div", {
                 key: 1,
-                class: V(["truncate text-gray-900"]),
+                class: C(["truncate text-gray-900"]),
                 title: b.value.text
               }, [
-                b.value?.color ? (i(), c("span", {
+                b.value?.color ? (u(), c("span", {
                   key: 0,
                   class: "w-[14px] h-[14px] rounded-md block mr-1 mt-1 absolute",
-                  style: ye({ backgroundColor: b.value?.color })
-                }, null, 4)) : F("", !0),
+                  style: xe({ backgroundColor: b.value?.color })
+                }, null, 4)) : z("", !0),
                 l("span", {
-                  class: V({ "pl-5": b.value?.color })
-                }, T(b.value.text), 3)
-              ], 8, Ua)) : F("", !0),
-              O.value ? (i(), c("div", Ta, T(U.value), 1)) : F("", !0),
-              l("div", Ra, [
-                !r.value && g.search ? K((i(), c("input", {
+                  class: C({ "pl-5": b.value?.color })
+                }, U(b.value.text), 3)
+              ], 8, Ja)) : z("", !0),
+              O.value ? (u(), c("div", Ka, U(T.value), 1)) : z("", !0),
+              l("div", Za, [
+                !r.value && g.search ? K((u(), c("input", {
                   key: 0,
                   ref_key: "inputRef",
-                  ref: E,
+                  ref: D,
                   class: "w-full bg-transparent outline-none border-0 m-0 p-0 text-gray-900",
                   autocapitalize: "none",
                   autocomplete: "off",
@@ -2067,18 +2127,18 @@ const Yo = /* @__PURE__ */ N(Wo, [["render", Xo]]), ea = { class: "flex flex-col
                   type: "text",
                   tabindex: "0",
                   "aria-autocomplete": "list",
-                  placeholder: (s.value && f.value.length ? " " : null) || (w.value && !C.value?.length ? b.value?.text : " "),
-                  "onUpdate:modelValue": h[2] || (h[2] = (_) => C.value = _),
+                  placeholder: (s.value && f.value.length ? " " : null) || (w.value && !V.value?.length ? b.value?.text : " "),
+                  "onUpdate:modelValue": h[2] || (h[2] = (_) => V.value = _),
                   onFocus: _t,
                   onBlur: $t,
-                  onKeydown: Ve
-                }, null, 40, Pa)), [
-                  [ne, C.value]
-                ]) : F("", !0)
+                  onKeydown: Ce
+                }, null, 40, Wa)), [
+                  [ne, V.value]
+                ]) : z("", !0)
               ])
             ], 512),
-            l("div", Ha, [
-              ue.value ? (i(), c("button", {
+            l("div", Qa, [
+              ue.value ? (u(), c("button", {
                 key: 0,
                 type: "button",
                 class: "px-2 text-gray-400 hover:text-gray-500 transition-colors disabled:opacity-50",
@@ -2094,7 +2154,7 @@ const Yo = /* @__PURE__ */ N(Wo, [["render", Xo]]), ea = { 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, Na)) : F("", !0),
+              ]), 8, Xa)) : z("", !0),
               h[8] || (h[8] = l("div", { class: "self-stretch w-px bg-[#ccc] my-[1px]" }, null, -1)),
               l("button", {
                 type: "button",
@@ -2112,29 +2172,29 @@ const Yo = /* @__PURE__ */ N(Wo, [["render", Xo]]), ea = { class: "flex flex-col
                 }, [
                   l("path", { d: "M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z" })
                 ], -1)
-              ]), 8, qa)
+              ]), 8, Ya)
             ])
-          ], 42, Da),
-          p.value ? (i(), c("div", {
+          ], 42, Ha),
+          p.value ? (u(), c("div", {
             key: 0,
-            class: V([
+            class: C([
               "absolute z-10 w-full rounded bg-white shadow-[0_0_0_1px_rgba(0,0,0,0.1),0_4px_11px_rgba(0,0,0,0.1)]",
               j.value === "bottom" ? "mt-2" : "mb-2"
             ]),
-            style: ye(m.value),
+            style: xe(m.value),
             role: "listbox"
           }, [
             l("div", {
               class: "overflow-y-auto py-1",
-              style: ye({ maxHeight: m.value.maxHeight || "300px" }),
+              style: xe({ maxHeight: m.value.maxHeight || "300px" }),
               ref_key: "listRef",
               ref: v
             }, [
-              X.value.length ? (i(!0), c(Y, { key: 0 }, oe(X.value, (_, H) => (i(), c("div", {
+              X.value.length ? (u(!0), c(Y, { key: 0 }, oe(X.value, (_, H) => (u(), c("div", {
                 key: _.id,
                 ref_for: !0,
                 ref: (te) => R.value[H] = te,
-                class: V([
+                class: C([
                   "flex px-3 py-2 cursor-default select-none text-gray-900 hover:bg-blue-100",
                   S.value === H ? "bg-blue-100" : "",
                   ee(_.id) ? "bg-blue-50" : "bg-white"
@@ -2144,40 +2204,40 @@ const Yo = /* @__PURE__ */ N(Wo, [["render", Xo]]), ea = { class: "flex flex-col
                 tabindex: "-1",
                 onClick: (te) => re(_)
               }, [
-                _?.color ? (i(), c("span", {
+                _?.color ? (u(), c("span", {
                   key: 0,
                   class: "w-[11px] h-[11px] rounded-full block mr-1 mt-1.5",
-                  style: ye({ backgroundColor: _?.color })
-                }, null, 4)) : F("", !0),
+                  style: xe({ backgroundColor: _?.color })
+                }, null, 4)) : z("", !0),
                 l("div", {
-                  class: V([
+                  class: C([
                     "leading-[19px]",
                     S.value === _.id ? "text-white" : "",
                     // active style like react-select
                     (S.value === H, "")
                   ])
-                }, T(_.text), 3)
-              ], 10, Ga))), 128)) : (i(), c("div", Ja, " No options "))
+                }, U(_.text), 3)
+              ], 10, es))), 128)) : (u(), c("div", ts, " No options "))
             ], 4)
-          ], 6)) : F("", !0)
+          ], 6)) : z("", !0)
         ], 2),
-        t.add ? (i(), c("button", {
+        t.add ? (u(), c("button", {
           key: 0,
-          onClick: Vt,
+          onClick: Ct,
           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: r.value,
           type: "button"
         }, [
-          B(De, {
+          B(Ae, {
             width: "16",
             height: "16"
           }),
           h[11] || (h[11] = l("span", null, "Додати", -1))
-        ], 8, Ka)) : F("", !0)
+        ], 8, ls)) : z("", !0)
       ], 512)
     ], 64));
   }
-}), Wa = ["placeholder", "disabled"], Qa = /* @__PURE__ */ D({
+}), as = ["placeholder", "disabled"], ss = /* @__PURE__ */ A({
   __name: "vs-input-textarea",
   props: /* @__PURE__ */ Z({
     style: { default: () => ({}) },
@@ -2193,21 +2253,21 @@ const Yo = /* @__PURE__ */ N(Wo, [["render", Xo]]), ea = { class: "flex flex-col
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = me(e.style), n = W(o, "modelValue");
-    return (s, r) => K((i(), c("textarea", {
+    const e = o, { inputClass: t } = he(e.style), n = W(o, "modelValue");
+    return (s, r) => K((u(), c("textarea", {
       "onUpdate:modelValue": r[0] || (r[0] = (a) => n.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 bg-white", [q(t)]]),
+      class: C(["py-1.5 px-3 block w-full placeholder:text[#767f8f] h-auto bg-white", [q(t)]]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, Wa)), [
+    }, null, 10, as)), [
       [ne, n.value]
     ]);
   }
-}), Xa = {}, Ya = {
+}), ns = {}, rs = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2217,8 +2277,8 @@ const Yo = /* @__PURE__ */ N(Wo, [["render", Xo]]), ea = { class: "flex flex-col
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-search stroke-gray-500 transition-all"
 };
-function es(o, e) {
-  return i(), c("svg", Ya, e[0] || (e[0] = [
+function is(o, e) {
+  return u(), c("svg", rs, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2228,7 +2288,7 @@ function es(o, e) {
     l("path", { d: "M21 21l-6 -6" }, null, -1)
   ]));
 }
-const ts = /* @__PURE__ */ N(Xa, [["render", es]]), ls = {}, os = {
+const us = /* @__PURE__ */ N(ns, [["render", is]]), ds = {}, cs = {
   class: "flex-shrink-0 mt-0.5 size-3.5",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
@@ -2238,15 +2298,15 @@ const ts = /* @__PURE__ */ N(Xa, [["render", es]]), ls = {}, os = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function as(o, e) {
-  return i(), c("svg", os, e[0] || (e[0] = [
+function ps(o, e) {
+  return u(), c("svg", cs, e[0] || (e[0] = [
     l("path", { d: "m3 16 4 4 4-4" }, null, -1),
     l("path", { d: "M7 20V4" }, null, -1),
     l("path", { d: "m21 8-4-4-4 4" }, null, -1),
     l("path", { d: "M17 4v16" }, null, -1)
   ]));
 }
-const ss = /* @__PURE__ */ N(ls, [["render", as]]), ns = {}, rs = {
+const fs = /* @__PURE__ */ N(ds, [["render", ps]]), vs = {}, ms = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "14",
   height: "14",
@@ -2257,8 +2317,8 @@ const ss = /* @__PURE__ */ N(ls, [["render", as]]), ns = {}, rs = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function is(o, e) {
-  return i(), c("svg", rs, e[0] || (e[0] = [
+function hs(o, e) {
+  return u(), c("svg", ms, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2269,7 +2329,7 @@ function is(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const us = /* @__PURE__ */ N(ns, [["render", is]]), ds = {}, cs = {
+const gs = /* @__PURE__ */ N(vs, [["render", hs]]), bs = {}, ys = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2278,8 +2338,8 @@ const us = /* @__PURE__ */ N(ns, [["render", is]]), ds = {}, cs = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function ps(o, e) {
-  return i(), c("svg", cs, e[0] || (e[0] = [
+function xs(o, e) {
+  return u(), c("svg", ys, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2290,7 +2350,7 @@ function ps(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const fs = /* @__PURE__ */ N(ds, [["render", ps]]), vs = {}, ms = {
+const ws = /* @__PURE__ */ N(bs, [["render", xs]]), ks = {}, _s = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2299,22 +2359,22 @@ const fs = /* @__PURE__ */ N(ds, [["render", ps]]), vs = {}, ms = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function hs(o, e) {
-  return i(), c("svg", ms, e[0] || (e[0] = [
+function $s(o, e) {
+  return u(), c("svg", _s, e[0] || (e[0] = [
     ce('<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 dt = /* @__PURE__ */ N(vs, [["render", hs]]), gs = {}, bs = {
+const dt = /* @__PURE__ */ N(ks, [["render", $s]]), Vs = {}, Cs = {
   viewBox: "0 0 178 90",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function ys(o, e) {
-  return i(), c("svg", bs, e[0] || (e[0] = [
+function Ms(o, e) {
+  return u(), c("svg", Cs, e[0] || (e[0] = [
     ce('<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 xs = /* @__PURE__ */ N(gs, [["render", ys]]), ws = {}, ks = {
+const Ls = /* @__PURE__ */ N(Vs, [["render", Ms]]), Ss = {}, Bs = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2323,16 +2383,16 @@ const xs = /* @__PURE__ */ N(gs, [["render", ys]]), ws = {}, ks = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function _s(o, e) {
-  return i(), c("svg", ks, e[0] || (e[0] = [
+function js(o, e) {
+  return u(), c("svg", Bs, e[0] || (e[0] = [
     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 $s = /* @__PURE__ */ N(ws, [["render", _s]]), Cs = { class: "vs-datatable border rounded-xl w-full flex-grow" }, Vs = { class: "flex items-center npm gap-[16px] justify-between p-[20px] pb-[16px]" }, Ms = { class: "relative w-full" }, Ls = { class: "table-wrapper flex gap-2" }, Ss = { class: "vs-popover inline-block text-slate-700" }, Bs = { class: "text-center" }, js = { class: "" }, Is = { 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" }, zs = { class: "flex flex-col p-[1px] gap-[2px] w-[140px]" }, Es = { class: "text-sm items-center text-gray-800 flex gap-1" }, Ds = { class: "w-full overflow-x-auto" }, Fs = { class: "w-full table-auto caption-bottom text-sm" }, Os = { class: "[&_tr]:border-b" }, As = { 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" }, Us = { 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" }, Ts = {
+const Is = /* @__PURE__ */ N(Ss, [["render", js]]), zs = { class: "vs-datatable border rounded-xl w-full flex-grow" }, Es = { class: "flex items-center npm gap-[16px] justify-between p-[20px] pb-[16px]" }, As = { class: "relative w-full" }, Ds = { class: "table-wrapper flex gap-2" }, Fs = { class: "vs-popover inline-block text-slate-700" }, Os = { class: "text-center" }, Us = { class: "" }, Ts = { 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" }, Rs = { class: "flex flex-col p-[1px] gap-[2px] w-[140px]" }, Ps = { class: "text-sm items-center text-gray-800 flex gap-1" }, Hs = { class: "w-full overflow-x-auto" }, Ns = { class: "w-full table-auto caption-bottom text-sm" }, qs = { class: "[&_tr]:border-b" }, Gs = { 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" }, Js = { 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"
-}, Rs = { class: "w-full" }, Ps = { class: "p-5 min-h-[200px] flex flex-col justify-center items-center text-center" }, Hs = ["onDragstart", "onDragover", "onDrop"], Ns = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] text-center" }, qs = { class: "flex items-center justify-center" }, Gs = { 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" }, Js = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]" }, Ks = { class: "flex items-center justify-center gap-2" }, Zs = ["onClick"], Ws = ["onClick"], Qs = { class: "vs-form__head mr-5 mt-3 flex items-center justify-end sticky top-0 left-0 z-[60] bg-white" }, Xs = /* @__PURE__ */ D({
+}, Zs = { class: "w-full" }, Ws = { class: "p-5 min-h-[200px] flex flex-col justify-center items-center text-center" }, Qs = ["onDragstart", "onDragover", "onDrop"], Xs = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] text-center" }, Ys = { class: "flex items-center justify-center" }, en = { 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" }, tn = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]" }, ln = { class: "flex items-center justify-center gap-2" }, on = ["onClick"], an = ["onClick"], sn = { class: "vs-form__head mr-5 mt-3 flex items-center justify-end sticky top-0 left-0 z-[60] bg-white" }, nn = /* @__PURE__ */ A({
   __name: "vs-input-datatable",
   props: /* @__PURE__ */ Z({
     colModel: {},
@@ -2349,31 +2409,31 @@ const $s = /* @__PURE__ */ N(ws, [["render", _s]]), Cs = { class: "vs-datatable
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = W(o, "modelValue"), n = x({}), s = x(""), r = A(() => {
+    const e = o, t = W(o, "modelValue"), n = x({}), s = x(""), r = F(() => {
       if (!s.value) return t.value ?? [];
-      const z = s.value.toLowerCase();
+      const E = s.value.toLowerCase();
       return t.value.filter((M) => e.colModel?.some((I) => {
         const G = M[I.key];
-        return G ? Array.isArray(G) ? G.join(", ").toLowerCase().includes(z) : String(G).toLowerCase().includes(z) : !1;
+        return G ? Array.isArray(G) ? G.join(", ").toLowerCase().includes(E) : String(G).toLowerCase().includes(E) : !1;
       }));
-    }), a = x(null), d = x(null), u = x(!1), v = x(null), p = x({ top: 0, left: 0 }), w = (z) => {
-      a.value = z;
-    }, b = (z) => {
-      d.value = z;
-    }, $ = (z) => {
-      if (a.value === null || a.value === z) {
-        a.value = null, d.value = null;
+    }), a = x(null), i = x(null), d = x(!1), v = x(null), p = x({ top: 0, left: 0 }), w = (E) => {
+      a.value = E;
+    }, b = (E) => {
+      i.value = E;
+    }, $ = (E) => {
+      if (a.value === null || a.value === E) {
+        a.value = null, i.value = null;
         return;
       }
       const M = [...t.value], [I] = M.splice(a.value, 1);
-      M.splice(z, 0, I), t.value = M, a.value = null, d.value = null;
-    }, S = (z) => {
-      const I = z.currentTarget.getBoundingClientRect();
-      p.value = { top: I.bottom + window.scrollY, left: I.left + window.scrollX }, u.value = !u.value;
+      M.splice(E, 0, I), t.value = M, a.value = null, i.value = null;
+    }, S = (E) => {
+      const I = E.currentTarget.getBoundingClientRect();
+      p.value = { top: I.bottom + window.scrollY, left: I.left + window.scrollX }, d.value = !d.value;
     }, R = () => {
       v.value && v.value.click();
-    }, C = (z) => {
-      const I = z.target.files?.[0];
+    }, V = (E) => {
+      const I = E.target.files?.[0];
       if (!I) return;
       const G = new FileReader();
       G.onload = (ae) => {
@@ -2387,46 +2447,46 @@ const $s = /* @__PURE__ */ N(ws, [["render", _s]]), Cs = { class: "vs-datatable
           console.error("Error parsing file:", de);
         }
       }, G.readAsText(I);
-    }, E = () => {
-      const z = JSON.stringify(t.value, null, 2), M = new Blob([z], { type: "application/json" }), I = URL.createObjectURL(M), G = document.createElement("a");
+    }, D = () => {
+      const E = JSON.stringify(t.value, null, 2), M = new Blob([E], { type: "application/json" }), I = URL.createObjectURL(M), G = document.createElement("a");
       G.href = I, G.download = "data.json", G.click(), URL.revokeObjectURL(I);
     };
-    xe(async () => {
-      const z = e.colModel?.filter((M) => M.data);
-      z?.length && Promise.all(z.map(async (M) => {
+    me(async () => {
+      const E = e.colModel?.filter((M) => M.data);
+      E?.length && Promise.all(E.map(async (M) => {
         const G = await (await fetch(`/api/suggest/${M.data}`)).json();
         n.value[M.key] = G.data;
       }));
     });
     const j = x(""), m = x(!1);
     let f = "edit", Q = 0;
-    const U = x({}), O = x({});
+    const T = x({}), O = x({});
     async function ue() {
-      j.value = "Додати", m.value = !0, f = "add", U.value = {};
+      j.value = "Додати", m.value = !0, f = "add", T.value = {};
     }
-    function ee(z, M) {
+    function ee(E, M) {
       const I = M.key || M.name;
-      return n.value[I] && z[I] ? n.value[I].find((G) => G.id.toString() === z[I].toString())?.text ?? z[I] : z[I] || "-";
+      return n.value[I] && E[I] ? n.value[I].find((G) => G.id.toString() === E[I].toString())?.text ?? E[I] : E[I] || "-";
     }
-    async function X(z, M) {
-      j.value = "Редагувати", m.value = !0, f = "edit", Q = M, U.value = { ...z };
+    async function X(E, M) {
+      j.value = "Редагувати", m.value = !0, f = "edit", Q = M, T.value = { ...E };
     }
     function je() {
-      const z = O.value.validate();
-      if (z) {
-        be({ type: "warning", title: "Помилка валідації", message: Object.entries(z).map(([M, I]) => `${M}: ${I}`).join(`
+      const E = O.value.validate();
+      if (E) {
+        ye({ type: "warning", title: "Помилка валідації", message: Object.entries(E).map(([M, I]) => `${M}: ${I}`).join(`
 `) });
         return;
       }
-      f === "add" ? Array.isArray(t.value) ? t.value = [...t.value, U.value] : t.value = [U.value] : t.value = t.value.map((M, I) => I === Q ? U.value : M), m.value = !1;
+      f === "add" ? Array.isArray(t.value) ? t.value = [...t.value, T.value] : t.value = [T.value] : t.value = t.value.map((M, I) => I === Q ? T.value : M), m.value = !1;
     }
-    function we(z) {
-      t.value = t.value.filter((M, I) => I !== z);
+    function we(E) {
+      t.value = t.value.filter((M, I) => I !== E);
     }
-    return (z, M) => (i(), c("div", Cs, [
-      l("div", Vs, [
-        l("div", Ms, [
-          B(ts, {
+    return (E, M) => (u(), c("div", zs, [
+      l("div", Es, [
+        l("div", As, [
+          B(us, {
             width: "14",
             height: "14",
             class: "absolute left-3 top-1/2 transform -translate-y-1/2 text-stone-500"
@@ -2440,23 +2500,23 @@ const $s = /* @__PURE__ */ N(ws, [["render", _s]]), Cs = { class: "vs-datatable
             [ne, s.value]
           ])
         ]),
-        l("div", Ls, [
+        l("div", Ds, [
           l("input", {
             ref_key: "fileInput",
             ref: v,
-            onChange: C,
+            onChange: V,
             class: "hidden",
             accept: ".json",
             type: "file"
           }, null, 544),
-          l("div", Ss, [
-            l("div", Bs, [
-              l("div", js, [
+          l("div", Fs, [
+            l("div", Os, [
+              l("div", Us, [
                 l("button", {
                   onClick: S,
                   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(ss, {
+                  B(fs, {
                     height: "16",
                     width: "16"
                   })
@@ -2465,19 +2525,19 @@ const $s = /* @__PURE__ */ N(ws, [["render", _s]]), Cs = { class: "vs-datatable
             ])
           ])
         ]),
-        (i(), se(It, { to: "body" }, [
-          u.value ? (i(), c("div", {
+        (u(), se(It, { to: "body" }, [
+          d.value ? (u(), c("div", {
             key: 0,
             class: "text-slate-700 vsTailwind vs-popover__content bottom",
-            style: ye([{ width: "fit-content", "z-index": "10002", position: "fixed" }, { position: "absolute", top: p.value.top + "px", left: p.value.left + "px" }])
+            style: xe([{ width: "fit-content", "z-index": "10002", position: "fixed" }, { position: "absolute", top: p.value.top + "px", left: p.value.left + "px" }])
           }, [
-            l("div", Is, [
-              l("div", zs, [
+            l("div", Ts, [
+              l("div", Rs, [
                 l("button", {
                   onClick: R,
                   class: "text-slate-700 flex items-center gap-1 px-3 py-2 rounded-md cursor-pointer group hover:bg-gray-100"
                 }, [
-                  B(us, {
+                  B(gs, {
                     class: "text-black",
                     width: "14",
                     height: "14"
@@ -2485,11 +2545,11 @@ const $s = /* @__PURE__ */ N(ws, [["render", _s]]), Cs = { class: "vs-datatable
                   M[4] || (M[4] = fe(" Імпортувати ", -1))
                 ]),
                 l("button", {
-                  onClick: E,
+                  onClick: D,
                   class: "text-slate-700 flex items-center px-3 py-2 rounded-md cursor-pointer group hover:bg-gray-100"
                 }, [
-                  l("span", Es, [
-                    B(fs, {
+                  l("span", Ps, [
+                    B(ws, {
                       class: "text-black",
                       width: "14",
                       height: "14"
@@ -2499,61 +2559,61 @@ const $s = /* @__PURE__ */ N(ws, [["render", _s]]), Cs = { class: "vs-datatable
                 ])
               ])
             ])
-          ], 4)) : F("", !0)
+          ], 4)) : z("", !0)
         ])),
         l("button", {
           onClick: ue,
           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(De),
+          B(Ae),
           M[6] || (M[6] = fe(" Додати ", -1))
         ])
       ]),
-      l("div", Ds, [
-        l("table", Fs, [
-          l("thead", Os, [
-            l("tr", As, [
-              l("th", Us, [
+      l("div", Hs, [
+        l("table", Ns, [
+          l("thead", qs, [
+            l("tr", Gs, [
+              l("th", Js, [
                 B(dt, {
                   width: "24",
                   height: "24",
                   class: "w-4 h-4 mx-auto text-slate-400 dark:text-slate-500"
                 })
               ]),
-              (i(!0), c(Y, null, oe(z.colModel, (I) => (i(), c("th", {
+              (u(!0), c(Y, null, oe(E.colModel, (I) => (u(), c("th", {
                 key: I.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]"
-              }, T(I.ua || I.label), 1))), 128)),
+              }, U(I.ua || I.label), 1))), 128)),
               M[7] || (M[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: C({ "[&_tr:last-child]:border-0": !i.value })
           }, [
-            r.value.length === 0 ? (i(), c("td", Ts, [
-              l("div", Rs, [
-                l("div", Ps, [
-                  B(xs, { class: "w-48 mx-auto" }),
+            r.value.length === 0 ? (u(), c("td", Ks, [
+              l("div", Zs, [
+                l("div", Ws, [
+                  B(Ls, { class: "w-48 mx-auto" }),
                   M[8] || (M[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))
                 ])
               ])
-            ])) : F("", !0),
-            (i(!0), c(Y, null, oe(r.value, (I, G) => (i(), c("tr", {
+            ])) : z("", !0),
+            (u(!0), c(Y, null, oe(r.value, (I, G) => (u(), c("tr", {
               key: I.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", {
+              class: C(["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 === G,
-                "border-t-2 border-b-2 border-blue-500 bg-blue-50 dark:bg-blue-900/20": d.value === G
+                "border-t-2 border-b-2 border-blue-500 bg-blue-50 dark:bg-blue-900/20": i.value === G
               }]),
               draggable: "true",
               onDragstart: (ae) => w(G),
               onDragover: ve((ae) => b(G), ["prevent"]),
               onDrop: (ae) => $(G)
             }, [
-              l("td", Ns, [
-                l("div", qs, [
+              l("td", Xs, [
+                l("div", Ys, [
                   B(dt, {
                     width: "24",
                     height: "24",
@@ -2561,37 +2621,37 @@ const $s = /* @__PURE__ */ N(ws, [["render", _s]]), Cs = { class: "vs-datatable
                   })
                 ])
               ]),
-              (i(!0), c(Y, null, oe(z.colModel, (ae) => (i(), c("td", {
+              (u(!0), c(Y, null, oe(E.colModel, (ae) => (u(), c("td", {
                 key: ae.key,
                 class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]"
               }, [
-                l("div", Gs, T(ee(I, ae)), 1)
+                l("div", en, U(ee(I, ae)), 1)
               ]))), 128)),
-              l("td", Js, [
-                l("div", Ks, [
+              l("td", tn, [
+                l("div", ln, [
                   l("button", {
                     onClick: (ae) => X(I, G),
                     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($s, {
+                    B(Is, {
                       width: "24",
                       height: "24",
                       class: "w-3 h-3"
                     })
-                  ], 8, Zs),
+                  ], 8, on),
                   l("button", {
                     onClick: (ae) => we(G),
                     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(Te, {
+                    B(He, {
                       width: "24",
                       height: "24",
                       class: "w-3 h-3"
                     })
-                  ], 8, Ws)
+                  ], 8, an)
                 ])
               ])
-            ], 42, Hs))), 128))
+            ], 42, Qs))), 128))
           ], 2)
         ])
       ]),
@@ -2601,14 +2661,14 @@ const $s = /* @__PURE__ */ N(ws, [["render", _s]]), Cs = { class: "vs-datatable
         size: "lg"
       }, {
         default: Le(() => [
-          B(Fe, {
+          B(De, {
             schema: e.colModel,
-            values: U.value,
-            "onUpdate:values": M[1] || (M[1] = (I) => U.value = I),
+            values: T.value,
+            "onUpdate:values": M[1] || (M[1] = (I) => T.value = I),
             form: O.value,
             "onUpdate:form": M[2] || (M[2] = (I) => O.value = I)
           }, null, 8, ["schema", "values", "form"]),
-          l("div", Qs, [
+          l("div", sn, [
             l("button", {
               type: "button",
               onClick: M[3] || (M[3] = (I) => m.value = !1),
@@ -2625,7 +2685,7 @@ const $s = /* @__PURE__ */ N(ws, [["render", _s]]), Cs = { class: "vs-datatable
       }, 8, ["visible", "title"])
     ]));
   }
-}), Ys = {
+}), rn = {
   draw: {
     toolbar: {
       actions: {
@@ -2733,7 +2793,7 @@ const $s = /* @__PURE__ */ N(ws, [["render", _s]]), Cs = { class: "vs-datatable
     }
   }
 };
-function en(o) {
+function un(o) {
   return o ? o.type === "FeatureCollection" || o.type === "Feature" ? o : o.geom ? {
     type: "Feature",
     geometry: {
@@ -2747,7 +2807,7 @@ function en(o) {
     properties: {}
   } : null : null;
 }
-const tn = {}, ln = {
+const dn = {}, cn = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   stroke: "currentColor",
@@ -2757,8 +2817,8 @@ const tn = {}, ln = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-map-pin"
 };
-function on(o, e) {
-  return i(), c("svg", ln, e[0] || (e[0] = [
+function pn(o, e) {
+  return u(), c("svg", cn, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2768,7 +2828,7 @@ function on(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 an = /* @__PURE__ */ N(tn, [["render", on]]), sn = {}, nn = {
+const fn = /* @__PURE__ */ N(dn, [["render", pn]]), vn = {}, mn = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2778,8 +2838,8 @@ const an = /* @__PURE__ */ N(tn, [["render", on]]), sn = {}, nn = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-line"
 };
-function rn(o, e) {
-  return i(), c("svg", nn, e[0] || (e[0] = [
+function hn(o, e) {
+  return u(), c("svg", mn, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2790,7 +2850,7 @@ function rn(o, e) {
     l("path", { d: "M7.5 16.5l9 -9" }, null, -1)
   ]));
 }
-const un = /* @__PURE__ */ N(sn, [["render", rn]]), dn = {}, cn = {
+const gn = /* @__PURE__ */ N(vn, [["render", hn]]), bn = {}, yn = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2800,12 +2860,12 @@ const un = /* @__PURE__ */ N(sn, [["render", rn]]), dn = {}, cn = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-polygon"
 };
-function pn(o, e) {
-  return i(), c("svg", cn, e[0] || (e[0] = [
+function xn(o, e) {
+  return u(), c("svg", yn, e[0] || (e[0] = [
     ce('<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 fn = /* @__PURE__ */ N(dn, [["render", pn]]), vn = {}, mn = {
+const wn = /* @__PURE__ */ N(bn, [["render", xn]]), kn = {}, _n = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2815,12 +2875,12 @@ const fn = /* @__PURE__ */ N(dn, [["render", pn]]), vn = {}, mn = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-topology-ring-3"
 };
-function hn(o, e) {
-  return i(), c("svg", mn, e[0] || (e[0] = [
+function $n(o, e) {
+  return u(), c("svg", _n, e[0] || (e[0] = [
     ce('<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 gn = /* @__PURE__ */ N(vn, [["render", hn]]), bn = {}, yn = {
+const Vn = /* @__PURE__ */ N(kn, [["render", $n]]), Cn = {}, Mn = {
   version: "1.1",
   viewBox: "0 0 14 14",
   xmlns: "http://www.w3.org/2000/svg",
@@ -2828,8 +2888,8 @@ const gn = /* @__PURE__ */ N(vn, [["render", hn]]), bn = {}, yn = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   class: "fullscreen-icon"
 };
-function xn(o, e) {
-  return i(), c("svg", yn, e[0] || (e[0] = [
+function Ln(o, e) {
+  return u(), c("svg", Mn, e[0] || (e[0] = [
     l("title", null, null, -1),
     l("desc", null, null, -1),
     l("defs", null, null, -1),
@@ -2858,10 +2918,10 @@ function xn(o, e) {
     ], -1)
   ]));
 }
-const wn = /* @__PURE__ */ N(bn, [["render", xn]]), kn = { class: "form-geom__search" }, _n = { class: "map-search__input" }, $n = { class: "flex flex-nowrap relative" }, Cn = { class: "form-autocomplete relative min-w-[6rem] vsTailwind map-search__select hidden" }, Vn = { class: "flex items-center w-full" }, Mn = { class: "max-w-[90%] truncate" }, Ln = {
+const Sn = /* @__PURE__ */ N(Cn, [["render", Ln]]), Bn = { class: "form-geom__search" }, jn = { class: "map-search__input" }, In = { class: "flex flex-nowrap relative" }, zn = { class: "form-autocomplete relative min-w-[6rem] vsTailwind map-search__select hidden" }, En = { class: "flex items-center w-full" }, An = { class: "max-w-[90%] truncate" }, Dn = {
   key: 0,
   class: "absolute z-[3100] mt-0.5 left-0 right-0"
-}, Sn = { 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" }, Bn = { 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" }, jn = ["onClick"], In = { class: "flex justify-between items-center w-full" }, zn = { class: "flex items-center" }, En = {
+}, Fn = { 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" }, On = { 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" }, Un = ["onClick"], Tn = { class: "flex justify-between items-center w-full" }, Rn = { class: "flex items-center" }, Pn = {
   key: 0,
   class: "flex-shrink-0 w-3.5 h-3.5 text-blue-600",
   width: "24",
@@ -2872,37 +2932,37 @@ const wn = /* @__PURE__ */ N(bn, [["render", xn]]), kn = { class: "form-geom__se
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, Dn = { class: "relative w-full" }, Fn = { class: "vs-form-text relative bg-white rounded-lg" }, On = {
+}, Hn = { class: "relative w-full" }, Nn = { class: "vs-form-text relative bg-white rounded-lg" }, qn = {
   key: 1,
   class: "absolute left-0 right-0 top-full z-[3200] bg-white border border-gray-200 rounded-b-lg shadow-lg max-h-72 overflow-auto"
-}, An = { key: 0 }, Un = ["onClick"], Tn = {
+}, Gn = { key: 0 }, Jn = ["onClick"], Kn = {
   key: 1,
   class: "px-3 py-2 text-xs text-gray-500"
-}, Rn = {
+}, Zn = {
   key: 2,
   class: "px-3 py-2 text-xs text-gray-400"
-}, Pn = /* @__PURE__ */ D({
+}, Wn = /* @__PURE__ */ A({
   __name: "map-search",
   props: {
     placeholder: { default: "50, 30" }
   },
   emits: ["goToCoordinates"],
   setup(o, { emit: e }) {
-    const t = e, n = x(!1), s = x("coordinates"), r = x(""), a = x([]), d = x(!1), u = x(!1);
+    const t = e, n = x(!1), s = x("coordinates"), r = x(""), a = x([]), i = x(!1), d = x(!1);
     let v;
     const p = [
       { value: "coordinates", label: "Пошук по кординатам" },
       { value: "atu", label: "АТУ" },
       { value: "address", label: "Адресса" },
       { value: "search_here", label: "Пошук HERE" }
-    ], w = A(() => p.find((j) => j.value === s.value)?.label ?? "АТУ");
+    ], w = F(() => p.find((j) => j.value === s.value)?.label ?? "АТУ");
     function b(j) {
       s.value = j.value, n.value = !1, r.value = "", r.value && R();
     }
     function $(j) {
       j.target.closest(".map-search__input") || (n.value = !1);
     }
-    xe(() => document.addEventListener("click", $)), Ne(() => document.removeEventListener("click", $));
+    me(() => document.addEventListener("click", $)), Te(() => document.removeEventListener("click", $));
     async function S(j) {
       let m;
       s.value === "atu" ? m = "/api/suggest/atu.nsdi.ato_level" : s.value === "address" ? m = "/api/suggest/map.address_id" : s.value === "search_here" && (m = "/api/gis-url-proxy");
@@ -2910,7 +2970,7 @@ const wn = /* @__PURE__ */ N(bn, [["render", xn]]), kn = { class: "form-geom__se
       return s.value === "search_here" ? f.searchParams.set("searchtext", j) : (s.value === "atu" || s.value === "address") && f.searchParams.set("key", j), f.searchParams.set("limit", "20"), f.searchParams.set("q", j), (await fetch(f.toString())).json();
     }
     function R() {
-      if (d.value = !0, u.value = !0, s.value === "coordinates") {
+      if (i.value = !0, d.value = !0, s.value === "coordinates") {
         const j = r.value.trim().split(",");
         if (j.length === 2) {
           const m = parseFloat(j[0]), f = parseFloat(j[1]);
@@ -2921,7 +2981,7 @@ const wn = /* @__PURE__ */ N(bn, [["render", xn]]), kn = { class: "form-geom__se
       v && window.clearTimeout(v), v = window.setTimeout(async () => {
         const j = r.value.trim();
         if (!j) {
-          a.value = [], u.value = !1;
+          a.value = [], d.value = !1;
           return;
         }
         try {
@@ -2930,27 +2990,27 @@ const wn = /* @__PURE__ */ N(bn, [["render", xn]]), kn = { class: "form-geom__se
         } catch {
           a.value = [];
         } finally {
-          u.value = !1;
+          d.value = !1;
         }
       }, 300);
     }
-    function C() {
-      r.value = "", a.value = [], d.value = !1, u.value = !1;
+    function V() {
+      r.value = "", a.value = [], i.value = !1, d.value = !1;
     }
-    function E(j) {
-      t("goToCoordinates", j), d.value = !1, u.value = !1, a.value = [];
+    function D(j) {
+      t("goToCoordinates", j), i.value = !1, d.value = !1, a.value = [];
     }
-    return (j, m) => (i(), c("div", kn, [
-      l("div", _n, [
-        l("div", $n, [
-          l("div", Cn, [
+    return (j, m) => (u(), c("div", Bn, [
+      l("div", jn, [
+        l("div", In, [
+          l("div", zn, [
             l("button", {
               type: "button",
               onClick: m[0] || (m[0] = (f) => n.value = !n.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", Vn, [
-                l("span", Mn, T(w.value), 1)
+              l("div", En, [
+                l("span", An, U(w.value), 1)
               ]),
               m[3] || (m[3] = l("svg", {
                 class: "stroke-gray-500 absolute right-3 translate-y-1/2 bottom-1/2",
@@ -2967,29 +3027,29 @@ const wn = /* @__PURE__ */ N(bn, [["render", xn]]), kn = { class: "form-geom__se
                 })
               ], -1))
             ]),
-            n.value ? (i(), c("div", Ln, [
-              l("div", Sn, [
-                l("div", Bn, [
-                  (i(), c(Y, null, oe(p, (f) => l("div", {
+            n.value ? (u(), c("div", Dn, [
+              l("div", Fn, [
+                l("div", On, [
+                  (u(), c(Y, null, oe(p, (f) => l("div", {
                     onClick: (Q) => b(f),
                     key: f.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", In, [
-                      l("div", zn, [
-                        l("div", null, T(f.label), 1)
+                    l("div", Tn, [
+                      l("div", Rn, [
+                        l("div", null, U(f.label), 1)
                       ]),
-                      f.value === s.value ? (i(), c("svg", En, m[4] || (m[4] = [
+                      f.value === s.value ? (u(), c("svg", Pn, m[4] || (m[4] = [
                         l("polyline", { points: "20 6 9 17 4 12" }, null, -1)
-                      ]))) : F("", !0)
+                      ]))) : z("", !0)
                     ])
-                  ], 8, jn)), 64))
+                  ], 8, Un)), 64))
                 ])
               ])
-            ])) : F("", !0)
+            ])) : z("", !0)
           ]),
-          l("div", Dn, [
-            l("div", Fn, [
+          l("div", Hn, [
+            l("div", Nn, [
               m[6] || (m[6] = l("i", { class: "absolute bottom-1/2 translate-y-1/2 left-3 text-gray-500" }, [
                 l("svg", {
                   width: "16",
@@ -3017,15 +3077,15 @@ const wn = /* @__PURE__ */ N(bn, [["render", xn]]), kn = { class: "form-geom__se
                 type: "text",
                 "onUpdate:modelValue": m[1] || (m[1] = (f) => r.value = f),
                 onInput: R,
-                onFocus: m[2] || (m[2] = (f) => d.value = !0),
+                onFocus: m[2] || (m[2] = (f) => i.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), [
                 [ne, r.value]
               ]),
-              r.value ? (i(), c("button", {
+              r.value ? (u(), c("button", {
                 key: 0,
-                onClick: C,
+                onClick: V,
                 class: "absolute right-2 bottom-1/2 translate-y-1/2 text-gray-500 hover:text-red-500",
                 "aria-label": "Очистити",
                 type: "button"
@@ -3044,23 +3104,23 @@ const wn = /* @__PURE__ */ N(bn, [["render", xn]]), kn = { class: "form-geom__se
                     "stroke-linejoin": "round"
                   })
                 ], -1)
-              ]))) : F("", !0),
-              d.value && s.value !== "coordinates" ? (i(), c("div", On, [
-                a.value.length ? (i(), c("ul", An, [
-                  (i(!0), c(Y, null, oe(a.value, (f) => (i(), c("li", {
+              ]))) : z("", !0),
+              i.value && s.value !== "coordinates" ? (u(), c("div", qn, [
+                a.value.length ? (u(), c("ul", Gn, [
+                  (u(!0), c(Y, null, oe(a.value, (f) => (u(), c("li", {
                     key: f.properties.place_id,
-                    onClick: (Q) => E(f),
+                    onClick: (Q) => D(f),
                     class: "px-3 py-2 text-sm cursor-pointer hover:bg-gray-100"
-                  }, T(f.properties.display_name), 9, Un))), 128))
-                ])) : u.value ? (i(), c("div", Tn, "Шукаю…")) : (i(), c("div", Rn, "Нічого не знайдено"))
-              ])) : F("", !0)
+                  }, U(f.properties.display_name), 9, Jn))), 128))
+                ])) : d.value ? (u(), c("div", Kn, "Шукаю…")) : (u(), c("div", Zn, "Нічого не знайдено"))
+              ])) : z("", !0)
             ])
           ])
         ])
       ])
     ]));
   }
-}), Hn = { class: "bg-white/95 p-2 rounded-xl shadow border border-gray-200" }, Nn = { class: "flex gap-2" }, qn = ["onClick", "title"], Gn = ["src"], Jn = /* @__PURE__ */ D({
+}), Qn = { class: "bg-white/95 p-2 rounded-xl shadow border border-gray-200" }, Xn = { class: "flex gap-2" }, Yn = ["onClick", "title"], er = ["src"], tr = /* @__PURE__ */ A({
   __name: "map-layers",
   props: {
     basemaps: {}
@@ -3071,35 +3131,35 @@ const wn = /* @__PURE__ */ N(bn, [["render", xn]]), kn = { class: "form-geom__se
     function r(a) {
       s("onLayerChange", a), n.value = a;
     }
-    return (a, d) => (i(), c("div", Hn, [
-      l("div", Nn, [
-        (i(!0), c(Y, null, oe(a.basemaps, (u, v) => (i(), c("div", {
+    return (a, i) => (u(), c("div", Qn, [
+      l("div", Xn, [
+        (u(!0), c(Y, null, oe(a.basemaps, (d, v) => (u(), c("div", {
           key: v,
-          class: V(["cursor-pointer border rounded-lg overflow-hidden hover:shadow-sm", { "ring-2 ring-blue-500 border-blue-300": n.value === v }]),
+          class: C(["cursor-pointer border rounded-lg overflow-hidden hover:shadow-sm", { "ring-2 ring-blue-500 border-blue-300": n.value === v }]),
           onClick: (p) => r(v),
-          title: u.name || v,
+          title: d.name || v,
           role: "button",
           tabindex: "0"
         }, [
           l("img", {
-            src: u.preview,
+            src: d.preview,
             alt: "",
             class: "w-14 h-14 object-cover"
-          }, null, 8, Gn)
-        ], 10, qn))), 128))
+          }, null, 8, er)
+        ], 10, Yn))), 128))
       ])
     ]));
   }
-}), Kn = { class: "absolute top-4 left-4 z-[1000] w-[calc(100%-20px)] sm:w-[350px]" }, Zn = { class: "form-geom__panel flex gap-1 items-start mt-2" }, Wn = { class: "flex items-center gap-1" }, Qn = ["disabled"], Xn = { class: "absolute top-4 right-4 z-[1000]" }, Yn = { class: "flex flex-col gap-[2px]" }, er = ["aria-pressed"], tr = ["aria-pressed"], lr = ["aria-pressed"], or = ["aria-pressed"], ar = { class: "absolute bottom-0 left-0 right-0 z-[1000] bg-white/95 border-t border-gray-200 text-xs text-gray-700 flex items-center gap-4 pt-1" }, sr = {
+}), lr = { class: "absolute top-4 left-4 z-[1000] w-[calc(100%-20px)] sm:w-[350px]" }, or = { class: "form-geom__panel flex gap-1 items-start mt-2" }, ar = { class: "flex items-center gap-1" }, sr = ["disabled"], nr = { class: "absolute top-4 right-4 z-[1000]" }, rr = { class: "flex flex-col gap-[2px]" }, ir = ["aria-pressed"], ur = ["aria-pressed"], dr = ["aria-pressed"], cr = ["aria-pressed"], pr = { class: "absolute bottom-0 left-0 right-0 z-[1000] bg-white/95 border-t border-gray-200 text-xs text-gray-700 flex items-center gap-4 pt-1" }, fr = {
   key: 0,
   class: "form-geom__feature flex items-center text-xs transition-all gap-2 w-full"
-}, nr = { class: "mr-auto" }, rr = { class: "font-bold" }, ir = { class: "flex items-center" }, ur = { class: "text-xs mr-2" }, dr = {
+}, vr = { class: "mr-auto" }, mr = { class: "font-bold" }, hr = { class: "flex items-center" }, gr = { class: "text-xs mr-2" }, br = {
   key: 0,
   class: "text-xs"
-}, cr = {
+}, yr = {
   key: 1,
   class: "text-xs"
-}, pr = /* @__PURE__ */ D({
+}, xr = /* @__PURE__ */ A({
   __name: "vs-input-map",
   props: {
     tools: {},
@@ -3114,36 +3174,36 @@ const wn = /* @__PURE__ */ N(bn, [["render", xn]]), kn = { class: "form-geom__se
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
     const t = zt(), n = o, s = e, r = x(null);
-    let a, d, u;
+    let a, i, d;
     const v = x(null), p = x(null), w = x(6), b = x(0), $ = x(t?.appContext.config.globalProperties.$settings?.center || [50, 30]), S = x(null), R = de();
-    let C;
-    const E = x("topo100");
+    let V;
+    const D = x("topo100");
     function j() {
       return new Promise((y, k) => {
         window.L && window.L.Draw && y(0);
         const P = (re) => {
-          if (Array.from(document.styleSheets).some((ge) => ge?.href?.includes(re))) return;
-          const he = document.createElement("link");
-          he.rel = "stylesheet", he.href = re, document.head.appendChild(he);
-        }, J = (re) => new Promise((_e, he) => {
-          const ge = Array.from(document.scripts).find((Ve) => Ve.src === re);
-          if (ge) {
-            ge.addEventListener("load", () => _e()), ge.addEventListener("error", (Ve) => he(Ve));
+          if (Array.from(document.styleSheets).some((be) => be?.href?.includes(re))) return;
+          const ge = document.createElement("link");
+          ge.rel = "stylesheet", ge.href = re, document.head.appendChild(ge);
+        }, J = (re) => new Promise(($e, ge) => {
+          const be = Array.from(document.scripts).find((Ce) => Ce.src === re);
+          if (be) {
+            be.addEventListener("load", () => $e()), be.addEventListener("error", (Ce) => ge(Ce));
             return;
           }
-          const Ce = document.createElement("script");
-          Ce.src = re, Ce.async = !0, Ce.onload = () => _e(), Ce.onerror = (Ve) => he(Ve), document.body.appendChild(Ce);
+          const Ve = document.createElement("script");
+          Ve.src = re, Ve.async = !0, Ve.onload = () => $e(), Ve.onerror = (Ce) => ge(Ce), document.body.appendChild(Ve);
         });
         P("https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"), P("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.css"), J("https://unpkg.com/leaflet@1.9.4/dist/leaflet.js").then(() => J("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.js")).then(() => y(0)).catch(k);
       });
     }
     function m() {
-      const y = d.toGeoJSON();
+      const y = i.toGeoJSON();
       let k = null;
-      y?.features?.length && (k = y.features[0].geometry), s("update:modelValue", k), b.value = d.getLayers().length;
+      y?.features?.length && (k = y.features[0].geometry), s("update:modelValue", k), b.value = i.getLayers().length;
     }
     function f(y = 30) {
-      const k = d.getLayers();
+      const k = i.getLayers();
       if (!k.length) return;
       const J = L.featureGroup(k).getBounds();
       J && J.isValid() && a.fitBounds(J, { padding: [y, y] });
@@ -3151,7 +3211,7 @@ const wn = /* @__PURE__ */ N(bn, [["render", xn]]), kn = { class: "form-geom__se
     function Q() {
       v.value?.click();
     }
-    const U = x("");
+    const T = x("");
     function O(y) {
       return y instanceof L.Circle ? "Circle" : y instanceof L.Rectangle ? "Rectangle" : y instanceof L.Polygon && !(y instanceof L.Rectangle) ? "Polygon" : y instanceof L.Polyline && !(y instanceof L.Polygon) ? "Polyline" : y instanceof L.Marker ? "Point" : "Feature";
     }
@@ -3173,7 +3233,7 @@ const wn = /* @__PURE__ */ N(bn, [["render", xn]]), kn = { class: "form-geom__se
       return y instanceof L.Circle ? y.getLatLng() : y.getBounds ? y.getBounds().getCenter() : y.getLatLng ? y.getLatLng() : a.getCenter();
     }
     function X() {
-      const y = d.getLayers();
+      const y = i.getLayers();
       if (!y.length) {
         S.value = null, b.value = 0;
         return;
@@ -3192,12 +3252,12 @@ const wn = /* @__PURE__ */ N(bn, [["render", xn]]), kn = { class: "form-geom__se
     }
     function we() {
       const y = S.value?.layer;
-      y && (d.removeLayer(y), m(), X());
+      y && (i.removeLayer(y), m(), X());
     }
-    xe(async () => {
-      await j(), L.drawLocal = Ys, a = L.map(r.value, { zoomControl: !1 }).setView($.value, 10), L.control.zoom({ position: "bottomright" }).addTo(a), E.value = Object.keys(R)[0], C = L.tileLayer(R[E.value].url, { maxZoom: 19, minZoom: 6 }).addTo(a), d = new L.FeatureGroup().addTo(a), a.on(L.Draw.Event.CREATED, (P) => {
+    me(async () => {
+      await j(), L.drawLocal = rn, a = L.map(r.value, { zoomControl: !1 }).setView($.value, 10), L.control.zoom({ position: "bottomright" }).addTo(a), D.value = Object.keys(R)[0], V = L.tileLayer(R[D.value].url, { maxZoom: 19, minZoom: 6 }).addTo(a), i = new L.FeatureGroup().addTo(a), a.on(L.Draw.Event.CREATED, (P) => {
         const { layer: J } = P;
-        d.clearLayers(), d.addLayer(J), m(), X(), f(), U.value = "";
+        i.clearLayers(), i.addLayer(J), m(), X(), f(), T.value = "";
       }), a.on(L.Draw.Event.EDITED, () => {
         m(), X(), f();
       }), a.on(L.Draw.Event.DELETED, () => {
@@ -3209,36 +3269,36 @@ const wn = /* @__PURE__ */ N(bn, [["render", xn]]), kn = { class: "form-geom__se
       }), a.on("zoomend", () => {
         w.value = a.getZoom();
       });
-      const k = en(n.modelValue);
+      const k = un(n.modelValue);
       if (k) {
         const P = [];
-        L.geoJSON(k).eachLayer((J) => P.push(J)), P.length && d.addLayer(P[0]), m(), X(), f();
+        L.geoJSON(k).eachLayer((J) => P.push(J)), P.length && i.addLayer(P[0]), m(), X(), f();
       }
     });
-    function z(y) {
+    function E(y) {
       if (a) {
-        switch (u && u.disable(), y) {
+        switch (d && d.disable(), y) {
           case "marker":
-            u = new L.Draw.Marker(a);
+            d = new L.Draw.Marker(a);
             break;
           case "polyline":
-            u = new L.Draw.Polyline(a);
+            d = new L.Draw.Polyline(a);
             break;
           case "polygon":
-            u = new L.Draw.Polygon(a);
+            d = new L.Draw.Polygon(a);
             break;
           case "rectangle":
-            u = new L.Draw.Rectangle(a);
+            d = new L.Draw.Rectangle(a);
             break;
           default:
-            u = new L.Draw.Rectangle(a);
+            d = new L.Draw.Rectangle(a);
             break;
         }
-        u && (u.enable(), U.value = y);
+        d && (d.enable(), T.value = y);
       }
     }
     function M() {
-      const y = d.toGeoJSON(), k = new Blob([JSON.stringify(y, null, 2)], { type: "application/json" }), P = URL.createObjectURL(k), J = document.createElement("a");
+      const y = i.toGeoJSON(), k = new Blob([JSON.stringify(y, null, 2)], { type: "application/json" }), P = URL.createObjectURL(k), J = document.createElement("a");
       J.href = P, J.download = "data.geojson", J.click(), URL.revokeObjectURL(P);
     }
     function I(y) {
@@ -3249,8 +3309,8 @@ const wn = /* @__PURE__ */ N(bn, [["render", xn]]), kn = { class: "form-geom__se
         if (typeof P.result == "string")
           try {
             const J = JSON.parse(P.result);
-            d.clearLayers(), J && L.geoJSON({ type: "Feature", geometry: J }).eachLayer((re) => {
-              d.addLayer(re);
+            i.clearLayers(), J && L.geoJSON({ type: "Feature", geometry: J }).eachLayer((re) => {
+              i.addLayer(re);
             }), m(), X(), f();
           } finally {
             y.target.value = "";
@@ -3258,7 +3318,7 @@ const wn = /* @__PURE__ */ N(bn, [["render", xn]]), kn = { class: "form-geom__se
       }, P.readAsText(k);
     }
     function G(y) {
-      a && (C && a.removeLayer(C), C = L.tileLayer(R[y].url, { maxZoom: 19, minZoom: 6 }).addTo(a), E.value = y);
+      a && (V && a.removeLayer(V), V = L.tileLayer(R[y].url, { maxZoom: 19, minZoom: 6 }).addTo(a), D.value = y);
     }
     function ae(y) {
       const k = L.latLng(y[0], y[1]);
@@ -3267,12 +3327,12 @@ const wn = /* @__PURE__ */ N(bn, [["render", xn]]), kn = { class: "form-geom__se
     le(
       () => n.modelValue,
       (y) => {
-        console.log("update map"), d.clearLayers(), y && L.geoJSON({ type: "Feature", geometry: y }).eachLayer((k) => {
-          d.addLayer(k), k.dragging?.enable(), k.dragging?.enabled(), k.on("dragend", (P) => {
+        console.log("update map"), i.clearLayers(), y && L.geoJSON({ type: "Feature", geometry: y }).eachLayer((k) => {
+          i.addLayer(k), k.dragging?.enable(), k.dragging?.enabled(), k.on("dragend", (P) => {
             const re = P.target.getLatLng();
             s("update:modelValue", { type: "Point", coordinates: [re.lng, re.lat] });
           });
-        }), b.value = d.getLayers().length, X(), f();
+        }), b.value = i.getLayers().length, X(), f();
       }
     );
     function de() {
@@ -3296,18 +3356,18 @@ const wn = /* @__PURE__ */ N(bn, [["render", xn]]), kn = { class: "form-geom__se
       setTimeout(() => {
         a.invalidateSize();
       }, 50);
-    }), (y, k) => (i(), c("div", {
-      class: V(["leaflet-map-wrapper relative w-full h-[400px]", { fullscreen: ke.value }])
+    }), (y, k) => (u(), c("div", {
+      class: C(["leaflet-map-wrapper relative w-full h-[400px]", { fullscreen: ke.value }])
     }, [
       l("div", {
         ref_key: "mapContainer",
         ref: r,
         class: "w-full h-full"
       }, null, 512),
-      l("div", Kn, [
-        B(Pn, { onGoToCoordinates: ae }),
-        l("div", Zn, [
-          l("div", Wn, [
+      l("div", lr, [
+        B(Wn, { onGoToCoordinates: ae }),
+        l("div", or, [
+          l("div", ar, [
             l("button", {
               type: "button",
               class: "vs-btn-row",
@@ -3318,7 +3378,7 @@ const wn = /* @__PURE__ */ N(bn, [["render", xn]]), kn = { class: "form-geom__se
               class: "vs-btn-row",
               onClick: M,
               disabled: b.value === 0
-            }, "Export ", 8, Qn)
+            }, "Export ", 8, sr)
           ]),
           l("input", {
             ref_key: "importRef",
@@ -3330,44 +3390,44 @@ const wn = /* @__PURE__ */ N(bn, [["render", xn]]), kn = { class: "form-geom__se
           }, null, 544)
         ])
       ]),
-      l("div", Xn, [
-        l("div", Yn, [
+      l("div", nr, [
+        l("div", rr, [
           l("button", {
-            class: V(["vs-btn", { "vs-active": U.value === "marker" }]),
-            "aria-pressed": U.value === "marker",
+            class: C(["vs-btn", { "vs-active": T.value === "marker" }]),
+            "aria-pressed": T.value === "marker",
             title: "Point (P)",
             "aria-label": "Draw point",
-            onClick: k[0] || (k[0] = (P) => z("marker"))
+            onClick: k[0] || (k[0] = (P) => E("marker"))
           }, [
-            B(an)
-          ], 10, er),
+            B(fn)
+          ], 10, ir),
           l("button", {
-            class: V(["vs-btn", { "vs-active": U.value === "polyline" }]),
-            "aria-pressed": U.value === "polyline",
+            class: C(["vs-btn", { "vs-active": T.value === "polyline" }]),
+            "aria-pressed": T.value === "polyline",
             title: "Line (L)",
             "aria-label": "Draw polyline",
-            onClick: k[1] || (k[1] = (P) => z("polyline"))
+            onClick: k[1] || (k[1] = (P) => E("polyline"))
           }, [
-            B(un)
-          ], 10, tr),
+            B(gn)
+          ], 10, ur),
           l("button", {
-            class: V(["vs-btn", { "vs-active": U.value === "polygon" }]),
-            "aria-pressed": U.value === "polygon",
+            class: C(["vs-btn", { "vs-active": T.value === "polygon" }]),
+            "aria-pressed": T.value === "polygon",
             title: "Polygon (G)",
             "aria-label": "Draw polygon",
-            onClick: k[2] || (k[2] = (P) => z("polygon"))
+            onClick: k[2] || (k[2] = (P) => E("polygon"))
           }, [
-            B(fn)
-          ], 10, lr),
+            B(wn)
+          ], 10, dr),
           l("button", {
-            class: V(["vs-btn", { "vs-active": U.value === "rectangle" }]),
-            "aria-pressed": U.value === "rectangle",
+            class: C(["vs-btn", { "vs-active": T.value === "rectangle" }]),
+            "aria-pressed": T.value === "rectangle",
             title: "Rectangle (R)",
             "aria-label": "Draw rectangle",
-            onClick: k[3] || (k[3] = (P) => z("rectangle"))
+            onClick: k[3] || (k[3] = (P) => E("rectangle"))
           }, [
-            B(gn)
-          ], 10, or),
+            B(Vn)
+          ], 10, cr),
           l("button", {
             class: "vs-btn mt-5",
             onClick: k[4] || (k[4] = (P) => {
@@ -3376,33 +3436,33 @@ const wn = /* @__PURE__ */ N(bn, [["render", xn]]), kn = { class: "form-geom__se
             title: "Full Screen",
             "aria-label": "Full Screen"
           }, [
-            B(wn, { style: { width: "12px", height: "12px" } })
+            B(Sn, { style: { width: "12px", height: "12px" } })
           ])
         ])
       ]),
       l("div", {
-        class: V(["absolute left-4 z-[1000]", S.value ? "bottom-8" : "bottom-4"])
+        class: C(["absolute left-4 z-[1000]", S.value ? "bottom-8" : "bottom-4"])
       }, [
-        B(Jn, {
+        B(tr, {
           basemaps: q(R),
           onOnLayerChange: G
         }, null, 8, ["basemaps"])
       ], 2),
-      l("div", ar, [
-        S.value ? (i(), c("div", sr, [
-          l("div", nr, [
+      l("div", pr, [
+        S.value ? (u(), c("div", fr, [
+          l("div", vr, [
             k[7] || (k[7] = fe(" Тип: ", -1)),
-            l("span", rr, T(S.value.type), 1)
+            l("span", mr, U(S.value.type), 1)
           ]),
-          l("div", ir, [
-            l("div", ur, [
+          l("div", hr, [
+            l("div", gr, [
               k[8] || (k[8] = fe(" Центр: ", -1)),
-              l("b", null, T(S.value.center.lat.toFixed(5)) + ", " + T(S.value.center.lng.toFixed(5)), 1)
+              l("b", null, U(S.value.center.lat.toFixed(5)) + ", " + U(S.value.center.lng.toFixed(5)), 1)
             ]),
-            S.value.areaKm2 !== null ? (i(), c("div", dr, [
+            S.value.areaKm2 !== null ? (u(), c("div", br, [
               k[9] || (k[9] = fe(" Площа: ", -1)),
-              l("b", null, T(S.value.areaKm2.toFixed(1)) + "км²", 1)
-            ])) : (i(), c("div", cr, k[10] || (k[10] = [
+              l("b", null, U(S.value.areaKm2.toFixed(1)) + "км²", 1)
+            ])) : (u(), c("div", yr, k[10] || (k[10] = [
               fe(" Площа: ", -1),
               l("b", null, "—", -1)
             ]))),
@@ -3418,17 +3478,17 @@ const wn = /* @__PURE__ */ N(bn, [["render", xn]]), kn = { class: "form-geom__se
               title: "Видалити",
               onClick: k[6] || (k[6] = (P) => we())
             }, [
-              B(Te, { class: "w-3 h-3" })
+              B(He, { class: "w-3 h-3" })
             ])
           ])
-        ])) : F("", !0)
+        ])) : z("", !0)
       ])
     ], 2));
   }
-}), fr = /* @__PURE__ */ N(pr, [["__scopeId", "data-v-5a4c21a7"]]), vr = ["data-focus"], mr = { class: "flex items-center" }, hr = { class: "overflow-hidden text-ellipsis whitespace-nowrap rounded-sm text-[#333] text-[85%] px-0.5 py-[3px] pl-1.5 box-border" }, gr = ["onClick", "aria-label"], br = {
+}), wr = /* @__PURE__ */ N(xr, [["__scopeId", "data-v-5a4c21a7"]]), kr = ["data-focus"], _r = { class: "flex items-center" }, $r = { class: "overflow-hidden text-ellipsis whitespace-nowrap rounded-sm text-[#333] text-[85%] px-0.5 py-[3px] pl-1.5 box-border" }, Vr = ["onClick", "aria-label"], Cr = {
   key: 0,
   class: "absolute text-gray-500 truncate pl-2"
-}, yr = { class: "flex-1 min-w-[2px]" }, xr = ["placeholder"], wr = { class: "flex items-center shrink-0" }, kr = ["disabled"], _r = /* @__PURE__ */ D({
+}, Mr = { class: "flex-1 min-w-[2px]" }, Lr = ["placeholder"], Sr = { class: "flex items-center shrink-0" }, Br = ["disabled"], jr = /* @__PURE__ */ A({
   __name: "vs-input-tag",
   props: /* @__PURE__ */ Z({
     unique: { type: Boolean, default: !0 },
@@ -3446,29 +3506,29 @@ const wn = /* @__PURE__ */ N(bn, [["render", xn]]), kn = { class: "form-geom__se
   emits: /* @__PURE__ */ Z(["update:modelValue"], ["update:modelValue"]),
   setup(o, { emit: e }) {
     const t = o, n = e;
-    me(t.style);
-    const s = x(null), r = x(null), a = x(null), d = x(!1), u = x(""), v = W(o, "modelValue"), p = A(() => t.placeholder || "Add tag…"), w = A(() => v.value?.length === 0 && u.value === ""), b = A(() => !t.disabled && v.value?.length > 0), $ = A(() => t.disabled), S = async () => {
+    he(t.style);
+    const s = x(null), r = x(null), a = x(null), i = x(!1), d = x(""), v = W(o, "modelValue"), p = F(() => t.placeholder || "Add tag…"), w = F(() => v.value?.length === 0 && d.value === ""), b = F(() => !t.disabled && v.value?.length > 0), $ = F(() => t.disabled), S = async () => {
       $.value || await ze(() => a.value?.focus());
-    }, R = (U) => {
-      const O = U.trim();
-      O !== "" && (!v.value || !Array.isArray(v.value) ? v.value = [O] : t.unique ? v.value.includes(O) || (v.value = [...v.value, O]) : v.value = [...v.value, O], u.value = "");
-    }, C = () => {
-      const U = u.value;
-      U.trim() !== "" && R(U), u.value = "";
-    }, E = (U) => {
+    }, R = (T) => {
+      const O = T.trim();
+      O !== "" && (!v.value || !Array.isArray(v.value) ? v.value = [O] : t.unique ? v.value.includes(O) || (v.value = [...v.value, O]) : v.value = [...v.value, O], d.value = "");
+    }, V = () => {
+      const T = d.value;
+      T.trim() !== "" && R(T), d.value = "";
+    }, D = (T) => {
       const O = v.value.slice();
-      O.splice(U, 1), n("update:modelValue", O);
+      O.splice(T, 1), n("update:modelValue", O);
     }, j = () => {
       n("update:modelValue", []);
     }, m = () => {
-      $.value || (d.value = !0);
+      $.value || (i.value = !0);
     }, f = () => {
-      d.value = !1;
-    }, Q = (U) => {
-      const { key: O } = U;
-      O === "Enter" ? (U.preventDefault(), C()) : O === "Backspace" && u.value === "" && v.value.length > 0 && E(v.value.length - 1);
+      i.value = !1;
+    }, Q = (T) => {
+      const { key: O } = T;
+      O === "Enter" ? (T.preventDefault(), V()) : O === "Backspace" && d.value === "" && v.value.length > 0 && D(v.value.length - 1);
     };
-    return (U, O) => (i(), c("div", {
+    return (T, O) => (u(), c("div", {
       class: "flex gap-1 w-full",
       ref_key: "root",
       ref: s,
@@ -3476,18 +3536,18 @@ const wn = /* @__PURE__ */ N(bn, [["render", xn]]), kn = { class: "form-geom__se
       }, ["stop"]))
     }, [
       l("div", {
-        class: V(["relative w-full font-sans", t.customClass]),
+        class: C(["relative w-full font-sans", t.customClass]),
         role: "group",
         "aria-label": "Tag input"
       }, [
         l("div", {
-          class: V([
+          class: C([
             "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" : "",
+            i.value ? "border-blue-500 ring-1 ring-blue-500" : "",
             $.value ? "bg-gray-100 text-gray-400 cursor-not-allowed hover:border-gray-300" : ""
           ]),
-          "data-focus": d.value ? "true" : "false",
+          "data-focus": i.value ? "true" : "false",
           onClick: S
         }, [
           l("div", {
@@ -3495,17 +3555,17 @@ const wn = /* @__PURE__ */ N(bn, [["render", xn]]), kn = { class: "form-geom__se
             ref_key: "chipsRef",
             ref: r
           }, [
-            (i(!0), c(Y, null, oe(v.value, (ue, ee) => (i(), c("div", {
+            (u(!0), c(Y, null, oe(v.value, (ue, ee) => (u(), c("div", {
               key: ee,
               class: "flex min-w-0 bg-[#e6e6e6] rounded-sm m-0.5 box-border"
             }, [
-              l("div", mr, [
-                l("div", hr, T(ue), 1)
+              l("div", _r, [
+                l("div", $r, U(ue), 1)
               ]),
               l("div", {
                 role: "button",
                 class: "flex items-center rounded-sm px-1 box-border hover:bg-[#ffbdad] hover:text-[#de350b]",
-                onClick: ve((X) => E(ee), ["stop"]),
+                onClick: ve((X) => D(ee), ["stop"]),
                 "aria-label": `Remove ${ue}`
               }, O[2] || (O[2] = [
                 l("svg", {
@@ -3518,11 +3578,11 @@ const wn = /* @__PURE__ */ N(bn, [["render", xn]]), kn = { 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, gr)
+              ]), 8, Vr)
             ]))), 128)),
-            w.value ? (i(), c("div", br, T(p.value), 1)) : F("", !0),
-            l("div", yr, [
-              $.value ? F("", !0) : K((i(), c("input", {
+            w.value ? (u(), c("div", Cr, U(p.value), 1)) : z("", !0),
+            l("div", Mr, [
+              $.value ? z("", !0) : K((u(), c("input", {
                 key: 0,
                 ref_key: "inputRef",
                 ref: a,
@@ -3534,18 +3594,18 @@ const wn = /* @__PURE__ */ N(bn, [["render", xn]]), kn = { class: "form-geom__se
                 type: "text",
                 tabindex: "0",
                 "aria-label": "Add tag",
-                "onUpdate:modelValue": O[0] || (O[0] = (ue) => u.value = ue),
+                "onUpdate:modelValue": O[0] || (O[0] = (ue) => d.value = ue),
                 onFocus: m,
                 onBlur: f,
                 onKeydown: Q,
                 placeholder: v.value && v.value.length ? "" : void 0
-              }, null, 40, xr)), [
-                [ne, u.value]
+              }, null, 40, Lr)), [
+                [ne, d.value]
               ])
             ])
           ], 512),
-          l("div", wr, [
-            b.value ? (i(), c("button", {
+          l("div", Sr, [
+            b.value ? (u(), c("button", {
               key: 0,
               type: "button",
               class: "px-2 text-gray-400 hover:text-gray-500 transition-colors disabled:opacity-50",
@@ -3561,13 +3621,13 @@ const wn = /* @__PURE__ */ N(bn, [["render", xn]]), kn = { 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, kr)) : F("", !0)
+            ]), 8, Br)) : z("", !0)
           ])
-        ], 10, vr)
+        ], 10, kr)
       ], 2)
     ], 512));
   }
-}), $r = { class: "relative flex gap-1 bg-white w-full" }, Cr = ["disabled", "placeholder"], Vr = /* @__PURE__ */ D({
+}), Ir = { class: "relative flex gap-1 bg-white w-full" }, zr = ["disabled", "placeholder"], Er = /* @__PURE__ */ A({
   __name: "vs-input-slug",
   props: /* @__PURE__ */ Z({
     disabled: { type: Boolean },
@@ -3581,7 +3641,7 @@ const wn = /* @__PURE__ */ N(bn, [["render", xn]]), kn = { class: "form-geom__se
   setup(o) {
     const e = Me("values"), t = o, n = W(o, "modelValue");
     function s(a) {
-      const d = {
+      const i = {
         а: "a",
         б: "b",
         в: "v",
@@ -3620,20 +3680,20 @@ const wn = /* @__PURE__ */ N(bn, [["render", xn]]), kn = { class: "form-geom__se
         ї: "yi",
         ґ: "g"
       };
-      return a.toLowerCase().split("").map((u) => d[u] || u).join("").replace(/[^a-z0-9\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-+|-+$/g, "");
+      return a.toLowerCase().split("").map((d) => i[d] || d).join("").replace(/[^a-z0-9\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-+|-+$/g, "");
     }
     const r = () => {
-      const a = e?.value?.[t.parent || ""]?.toString(), d = s(a);
-      n.value = d.toString();
+      const a = e?.value?.[t.parent || ""]?.toString(), i = s(a);
+      n.value = i.toString();
     };
-    return (a, d) => (i(), c("div", $r, [
+    return (a, i) => (u(), c("div", Ir, [
       K(l("input", {
         ref: "vsText",
         disabled: a.disabled,
         placeholder: a.placeholder,
-        "onUpdate:modelValue": d[0] || (d[0] = (u) => n.value = u),
+        "onUpdate:modelValue": i[0] || (i[0] = (d) => n.value = d),
         class: "block w-full px-3 py-2 text-sm border border-solid rounded-lg placeholder:text-nowrap border-stone-200 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, 8, Cr), [
+      }, null, 8, zr), [
         [ne, n.value]
       ]),
       l("button", {
@@ -3642,13 +3702,13 @@ const wn = /* @__PURE__ */ N(bn, [["render", xn]]), kn = { class: "form-geom__se
       }, " Gen ")
     ]));
   }
-}), Mr = /* @__PURE__ */ N(Vr, [["__scopeId", "data-v-b0eba370"]]), Lr = { class: "w-full" }, Sr = {
+}), Ar = /* @__PURE__ */ N(Er, [["__scopeId", "data-v-b0eba370"]]), Dr = { class: "w-full" }, Fr = {
   ref: "sortableContainer",
   class: "flex flex-col gap-1"
-}, Br = ["onDragstart", "onDrop"], jr = { class: "w-1/3" }, Ir = { class: "w-2/3" }, zr = ["onClick"], Er = {
+}, Or = ["onDragstart", "onDrop"], Ur = { class: "w-1/3" }, Tr = { class: "w-2/3" }, Rr = ["onClick"], Pr = {
   key: 0,
   class: "text-[14px] text-gray-700"
-}, Dr = { class: "mt-2 w-full flex items-center" }, Fr = ["disabled"], Or = /* @__PURE__ */ D({
+}, Hr = { class: "mt-2 w-full flex items-center" }, Nr = ["disabled"], qr = /* @__PURE__ */ A({
   __name: "vs-input-key-value",
   props: {
     parent: {},
@@ -3658,66 +3718,66 @@ const wn = /* @__PURE__ */ N(bn, [["render", xn]]), kn = { class: "form-geom__se
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = (C) => `${C}-${Math.random().toString(36).substring(2, 15)}`, n = Me("values"), s = o, r = e, a = s.addButtonText ?? "Додати", d = s.ignore ?? [], u = x([]), v = x(null);
+    const t = (V) => `${V}-${Math.random().toString(36).substring(2, 15)}`, n = Me("values"), s = o, r = e, a = s.addButtonText ?? "Додати", i = s.ignore ?? [], d = x([]), v = x(null);
     (() => {
-      const C = s.parent && n?.value?.[s.parent] || s.modelValue || {};
-      u.value = Object.entries(C).filter(([E]) => !d.includes(E)).map(([E, j]) => ({
+      const V = s.parent && n?.value?.[s.parent] || s.modelValue || {};
+      d.value = Object.entries(V).filter(([D]) => !i.includes(D)).map(([D, j]) => ({
         id: t("key-value-"),
-        key: E,
+        key: D,
         value: j
       }));
     })();
-    function w(C) {
-      v.value = C;
+    function w(V) {
+      v.value = V;
     }
-    function b(C) {
-      if (v.value === null || v.value === C) return;
-      const E = u.value.splice(v.value, 1)[0];
-      u.value.splice(C, 0, E), v.value = null;
+    function b(V) {
+      if (v.value === null || v.value === V) return;
+      const D = d.value.splice(v.value, 1)[0];
+      d.value.splice(V, 0, D), v.value = null;
     }
-    const $ = A(
-      () => u.value.some((C) => C.key && !C.value || !C.key && C.value)
+    const $ = F(
+      () => d.value.some((V) => V.key && !V.value || !V.key && V.value)
     ), S = () => {
-      u.value.push({ id: t("key-value-"), key: "", value: "" });
-    }, R = (C) => {
-      u.value = u.value.filter((E) => E.id !== C);
+      d.value.push({ id: t("key-value-"), key: "", value: "" });
+    }, R = (V) => {
+      d.value = d.value.filter((D) => D.id !== V);
     };
     return le(
-      u,
-      (C) => {
-        const E = {};
-        C.forEach((m) => {
-          m.key && m.value !== void 0 && (E[m.key] = m.value);
+      d,
+      (V) => {
+        const D = {};
+        V.forEach((m) => {
+          m.key && m.value !== void 0 && (D[m.key] = m.value);
         });
         const j = {};
-        d.length && d.forEach((m) => {
+        i.length && i.forEach((m) => {
           j[m] = s.parent ? n?.value?.[s.parent]?.[m] : void 0;
         }), n?.value && s.parent && (n.value[s.parent] = {
           ...j,
-          ...E
-        }), r("update:modelValue", E);
+          ...D
+        }), r("update:modelValue", D);
       },
       { deep: !0 }
-    ), (C, E) => (i(), c("div", Lr, [
-      l("div", Sr, [
-        (i(!0), c(Y, null, oe(u.value, (j, m) => (i(), c("div", {
+    ), (V, D) => (u(), c("div", Dr, [
+      l("div", Fr, [
+        (u(!0), c(Y, null, oe(d.value, (j, m) => (u(), c("div", {
           key: j.id,
-          class: V(["flex items-center gap-2 w-full", { "opacity-50": v.value === m }]),
+          class: C(["flex items-center gap-2 w-full", { "opacity-50": v.value === m }]),
           draggable: "true",
           onDragstart: (f) => w(m),
-          onDragover: E[0] || (E[0] = ve(() => {
+          onDragover: D[0] || (D[0] = ve(() => {
           }, ["prevent"])),
           onDrop: (f) => b(m)
         }, [
-          E[1] || (E[1] = ce('<button class="cursor-move" data-v-a0f7fbfc><svg fill="#000000" width="20" height="20" viewBox="0 0 36 36" data-v-a0f7fbfc><circle cx="15" cy="12" r="1.5" data-v-a0f7fbfc></circle><circle cx="15" cy="24" r="1.5" data-v-a0f7fbfc></circle><circle cx="21" cy="12" r="1.5" data-v-a0f7fbfc></circle><circle cx="21" cy="24" r="1.5" data-v-a0f7fbfc></circle><circle cx="21" cy="18" r="1.5" data-v-a0f7fbfc></circle><circle cx="15" cy="18" r="1.5" data-v-a0f7fbfc></circle></svg></button>', 1)),
-          l("div", jr, [
+          D[1] || (D[1] = ce('<button class="cursor-move" data-v-a0f7fbfc><svg fill="#000000" width="20" height="20" viewBox="0 0 36 36" data-v-a0f7fbfc><circle cx="15" cy="12" r="1.5" data-v-a0f7fbfc></circle><circle cx="15" cy="24" r="1.5" data-v-a0f7fbfc></circle><circle cx="21" cy="12" r="1.5" data-v-a0f7fbfc></circle><circle cx="21" cy="24" r="1.5" data-v-a0f7fbfc></circle><circle cx="21" cy="18" r="1.5" data-v-a0f7fbfc></circle><circle cx="15" cy="18" r="1.5" data-v-a0f7fbfc></circle></svg></button>', 1)),
+          l("div", Ur, [
             B(Ue, {
               modelValue: j.key,
               "onUpdate:modelValue": (f) => j.key = f,
               placeholder: "Ключ"
             }, null, 8, ["modelValue", "onUpdate:modelValue"])
           ]),
-          l("div", Ir, [
+          l("div", Tr, [
             B(Ue, {
               modelValue: j.value,
               "onUpdate:modelValue": (f) => j.value = f,
@@ -3728,31 +3788,31 @@ const wn = /* @__PURE__ */ N(bn, [["render", xn]]), kn = { class: "form-geom__se
             onClick: (f) => R(j.id),
             class: "shrink-0 w-[30px] text-gray-600 h-[30px] rounded-full flex items-center justify-center bg-gray-100 hover:bg-gray-200"
           }, [
-            B(q(kl), {
+            B(q(Bl), {
               height: "16",
               width: "16"
             })
-          ], 8, zr)
-        ], 42, Br))), 128))
+          ], 8, Rr)
+        ], 42, Or))), 128))
       ], 512),
-      u.value.length ? F("", !0) : (i(), c("span", Er, " Дані для відображення відсутні ")),
-      l("div", Dr, [
+      d.value.length ? z("", !0) : (u(), c("span", Pr, " Дані для відображення відсутні ")),
+      l("div", Hr, [
         l("button", {
           type: "button",
           onClick: S,
           disabled: $.value,
           class: "py-1.5 px-2 flex items-center gap-x-1 text-xs font-medium rounded-full border border-dashed border-gray-200 bg-white text-gray-800 hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed"
         }, [
-          B(De, {
+          B(Ae, {
             height: "14",
             width: "14"
           }),
-          fe(" " + T(q(a)), 1)
-        ], 8, Fr)
+          fe(" " + U(q(a)), 1)
+        ], 8, Nr)
       ])
     ]));
   }
-}), Ar = /* @__PURE__ */ N(Or, [["__scopeId", "data-v-a0f7fbfc"]]), Ur = { class: "flex items-center gap-2 w-full" }, Tr = ["disabled"], Rr = /* @__PURE__ */ D({
+}), Gr = /* @__PURE__ */ N(qr, [["__scopeId", "data-v-a0f7fbfc"]]), Jr = { class: "flex items-center gap-2 w-full" }, Kr = ["disabled"], Zr = /* @__PURE__ */ A({
   __name: "vs-input-color",
   props: {
     style: { default: () => ({}) },
@@ -3765,30 +3825,30 @@ const wn = /* @__PURE__ */ N(bn, [["render", xn]]), kn = { class: "form-geom__se
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, { inputClass: n } = me(t.style), s = e, r = A({
+    const t = o, { inputClass: n } = he(t.style), s = e, r = F({
       get: () => t.modelValue || "#000000",
       set: (a) => s("update:modelValue", a)
     });
-    return (a, d) => (i(), c("div", Ur, [
+    return (a, i) => (u(), c("div", Jr, [
       K(l("input", {
         type: "color",
-        "onUpdate:modelValue": d[0] || (d[0] = (u) => r.value = u),
+        "onUpdate:modelValue": i[0] || (i[0] = (d) => r.value = d),
         disabled: a.disabled,
         ref: "color",
-        class: V(["py-1.5 px-1 block w-full bg-white cursor-pointer max-w-[50px]", [a.modelValue ? "" : "text-opacity-50", q(n)].join(" ")]),
+        class: C(["py-1.5 px-1 block w-full bg-white cursor-pointer max-w-[50px]", [a.modelValue ? "" : "text-opacity-50", q(n)].join(" ")]),
         style: { border: "1px solid #CFD9E0" }
-      }, null, 10, Tr), [
+      }, null, 10, Kr), [
         [ne, r.value]
       ]),
       K(l("input", {
         class: "text-sm text-gray-600 border border-solid border-stone-200 rounded-md p-2",
-        "onUpdate:modelValue": d[1] || (d[1] = (u) => r.value = u)
+        "onUpdate:modelValue": i[1] || (i[1] = (d) => r.value = d)
       }, null, 512), [
         [ne, r.value]
       ])
     ]));
   }
-}), Pr = { class: "flex items-center gap-2 w-full" }, Hr = ["min", "max", "step", "disabled"], Nr = /* @__PURE__ */ D({
+}), Wr = { class: "flex items-center gap-2 w-full" }, Qr = ["min", "max", "step", "disabled"], Xr = /* @__PURE__ */ A({
   __name: "vs-input-range",
   props: {
     style: { default: () => ({}) },
@@ -3804,59 +3864,59 @@ const wn = /* @__PURE__ */ N(bn, [["render", xn]]), kn = { class: "form-geom__se
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, { inputClass: n } = me(t.style), s = e, r = A({
+    const t = o, { inputClass: n } = he(t.style), s = e, r = F({
       get: () => Number(t.modelValue ?? t.min),
       set: (a) => s("update:modelValue", Number(a))
     });
-    return (a, d) => (i(), c("div", Pr, [
+    return (a, i) => (u(), c("div", Wr, [
       K(l("input", {
         type: "range",
-        "onUpdate:modelValue": d[0] || (d[0] = (u) => r.value = u),
+        "onUpdate:modelValue": i[0] || (i[0] = (d) => r.value = d),
         min: a.min,
         max: a.max,
         step: a.step,
         disabled: a.disabled,
         ref: "range",
-        class: V(["w-full cursor-pointer accent-blue-500", [a.modelValue ? "" : "text-opacity-50", q(n)].join(" ")])
-      }, null, 10, Hr), [
+        class: C(["w-full cursor-pointer accent-blue-500", [a.modelValue ? "" : "text-opacity-50", q(n)].join(" ")])
+      }, null, 10, Qr), [
         [ne, r.value]
       ]),
       K(l("input", {
         class: "text-sm text-gray-600 border border-solid border-stone-200 rounded-md p-2 max-w-[100px]",
         type: "number",
-        "onUpdate:modelValue": d[1] || (d[1] = (u) => r.value = u)
+        "onUpdate:modelValue": i[1] || (i[1] = (d) => r.value = d)
       }, null, 512), [
         [ne, r.value]
       ])
     ]));
   }
-}), qr = {
+}), Yr = {
   VsInputText: Ue,
   VsInputRadio: rt,
   "vs-input-text": Ue,
-  "vs-input-password": Wt,
-  "vs-input-textarea": Qa,
-  "vs-input-mask": zl,
-  "vs-input-number": Yt,
+  "vs-input-password": al,
+  "vs-input-textarea": ss,
+  "vs-input-mask": Rl,
+  "vs-input-number": rl,
   "vs-input-radio": rt,
-  "vs-input-select": Za,
+  "vs-input-select": os,
   "vs-input-switcher": bt,
   "vs-input-static": nt,
-  "vs-input-container": Ea,
-  "vs-input-date": Jl,
-  "vs-input-checkbox": ql,
-  "vs-input-file": zo,
+  "vs-input-container": Pa,
+  "vs-input-date": to,
+  "vs-input-checkbox": Yl,
+  "vs-input-file": Ro,
   "vs-input-html": nt,
-  "vs-input-email": Fl,
-  "vs-input-datatable": Xs,
-  "vs-input-map": fr,
-  "vs-input-file-list": ua,
-  "vs-input-tag": _r,
-  "vs-input-slug": Mr,
-  "vs-input-key-value": Ar,
-  "vs-input-range": Nr,
-  "vs-input-color": Rr
-}, Gr = /* @__PURE__ */ D({
+  "vs-input-email": Nl,
+  "vs-input-datatable": nn,
+  "vs-input-map": wr,
+  "vs-input-file-list": ga,
+  "vs-input-tag": jr,
+  "vs-input-slug": Ar,
+  "vs-input-key-value": Gr,
+  "vs-input-range": Xr,
+  "vs-input-color": Zr
+}, ei = /* @__PURE__ */ A({
   __name: "behavior",
   props: {
     api: {},
@@ -3872,23 +3932,23 @@ const wn = /* @__PURE__ */ N(bn, [["render", xn]]), kn = { class: "form-geom__se
         if (!e.api) return;
         const s = e.api.replace("{{value}}", e.value), r = await fetch(s);
         if (!r.ok) {
-          be({ type: "warning", title: "Validation", message: "При спробі завантажити дані виникла помилка." });
+          ye({ type: "warning", title: "Validation", message: "При спробі завантажити дані виникла помилка." });
           return;
         }
         const a = await r.json();
         if (!e.set || !t) return;
-        for (const [d, u] of Object.entries(e.set))
-          t.value[d] = a.result[u];
+        for (const [i, d] of Object.entries(e.set))
+          t.value[i] = a.result[d];
       } catch (s) {
         console.error(e.error, s);
       }
     }
-    return (s, r) => (i(), c("button", {
+    return (s, r) => (u(), c("button", {
       onClick: n,
       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"
-    }, T(s.button), 1));
+    }, U(s.button), 1));
   }
-}), wt = /* @__PURE__ */ D({
+}), wt = /* @__PURE__ */ A({
   __name: "vs-compact-form-layout",
   props: /* @__PURE__ */ Z({
     item: { default: {} },
@@ -3902,32 +3962,32 @@ const wn = /* @__PURE__ */ N(bn, [["render", xn]]), kn = { class: "form-geom__se
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = W(o, "modelValue"), n = A(() => Kt[`${e.layout}`]), s = A(() => qr?.[`vs-input-${e.item.type}`]), r = A(() => {
-      const d = q(s);
+    const e = o, t = W(o, "modelValue"), n = F(() => ll[`${e.layout}`]), s = F(() => Yr?.[`vs-input-${e.item.type}`]), r = F(() => {
+      const i = q(s);
+      if (!i) return /* @__PURE__ */ new Set();
+      const d = i.props ?? i.__vccOpts?.props;
       if (!d) return /* @__PURE__ */ new Set();
-      const u = d.props ?? d.__vccOpts?.props;
-      if (!u) return /* @__PURE__ */ new Set();
-      const v = Array.isArray(u) ? u : Object.keys(u);
+      const v = Array.isArray(d) ? d : Object.keys(d);
       return new Set(v);
-    }), a = A(() => {
-      const d = e.item ?? {}, u = r.value;
-      return u.size ? Object.fromEntries(Object.entries(d).filter(([v]) => u.has(v))) : {};
+    }), a = F(() => {
+      const i = e.item ?? {}, d = r.value;
+      return d.size ? Object.fromEntries(Object.entries(i).filter(([v]) => d.has(v))) : {};
     });
-    return (d, u) => (i(), se(Be(n.value), {
+    return (i, d) => (u(), se(Be(n.value), {
       ua: e.item.ua,
       error: e.error || "",
-      item: d.item,
+      item: i.item,
       label: e.item.label
     }, {
       default: Le(() => [
         l("div", {
-          class: V(["flex w-full", `${e.item.type}-component`])
+          class: C(["flex w-full", `${e.item.type}-component`])
         }, [
-          (i(), se(Be(s.value), Ee(a.value, {
+          (u(), se(Be(s.value), Ee(a.value, {
             modelValue: t.value,
-            "onUpdate:modelValue": u[0] || (u[0] = (v) => t.value = v)
+            "onUpdate:modelValue": d[0] || (d[0] = (v) => t.value = v)
           }), null, 16, ["modelValue"])),
-          d.item.behavior?.api && d.item.behavior?.button ? (i(), se(Gr, Ee({ key: 0 }, d.item.behavior, { value: t.value }), null, 16, ["value"])) : F("", !0)
+          i.item.behavior?.api && i.item.behavior?.button ? (u(), se(ei, Ee({ key: 0 }, i.item.behavior, { value: t.value }), null, 16, ["value"])) : z("", !0)
         ], 2)
       ]),
       _: 1
@@ -3936,23 +3996,23 @@ const wn = /* @__PURE__ */ N(bn, [["render", xn]]), kn = { class: "form-geom__se
 }), kt = {
   required: "Це поле є обов’язковим",
   email: "Неправильний email"
-}, Jr = (o) => o ? !1 : kt.required, Kr = (o) => !o && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(o) ? kt.email : !1, Zr = (o, e) => {
+}, ti = (o) => o ? !1 : kt.required, li = (o) => !o && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(o) ? kt.email : !1, oi = (o, e) => {
   const t = e.pattern ?? e.regexp;
   return !(typeof t == "string" ? new RegExp(t) : t).test(o) && o ? e.message : !1;
-}, Wr = (o, e) => !1, Qr = (o, e) => {
+}, ai = (o, e) => !1, si = (o, e) => {
   switch (typeof e == "string" ? e : e.type) {
     case "required":
-      return Jr(o);
+      return ti(o);
     case "email":
-      return Kr(o);
+      return li(o);
     case "regexp":
-      return Zr(o, e);
+      return oi(o, e);
     case "custom":
-      return Wr();
+      return ai();
     default:
       return !1;
   }
-}, Xr = {
+}, ni = {
   autocomplete: "select",
   combobox: "select",
   datepicker: "date",
@@ -3966,9 +4026,9 @@ const wn = /* @__PURE__ */ N(bn, [["render", xn]]), kn = { class: "form-geom__se
 };
 function ct(o) {
   const e = o.toLowerCase();
-  return Xr[e] || e;
+  return ni[e] || e;
 }
-function Yr(o) {
+function ri(o) {
   if (Array.isArray(o)) {
     const t = [];
     return o.forEach((n) => {
@@ -3988,27 +4048,27 @@ function Yr(o) {
     t[1].type.includes("list") && (n.multiple = !0), !n.api && t[1].data && (n.api = `/api/suggest/${t[1].data}`), e.push(n);
   }), e;
 }
-function ei(o, e) {
-  const t = Yr(e), n = x({});
-  function s(u) {
-    const v = u?.conditions;
+function ii(o, e) {
+  const t = ri(e), n = x({});
+  function s(d) {
+    const v = d?.conditions;
     if (!v) return !0;
     const p = Array.isArray(v) ? v[0] : v, w = o?.value?.[p];
     return xt(w, v);
   }
-  const r = (u = t, v = !0) => (u.forEach((p) => {
+  const r = (d = t, v = !0) => (d.forEach((p) => {
     if (p.rules) {
       if (!s(p)) {
         delete n.value[p.name];
         return;
       }
       p.rules.forEach((w) => {
-        const b = Qr(o.value[p.name], w);
+        const b = si(o.value[p.name], w);
         b ? n.value[p.name] = b : delete n.value[p.name];
       });
     }
     p.schema && r(p.schema, !1);
-  }), v && Object.values(n.value).some(Boolean) ? n.value : null), a = A(() => t?.filter((u) => s(u)));
+  }), v && Object.values(n.value).some(Boolean) ? n.value : null), a = F(() => t?.filter((d) => s(d)));
   return {
     errors: n,
     validate: r,
@@ -4018,7 +4078,7 @@ function ei(o, e) {
     visibleSchema: a
   };
 }
-const Fe = /* @__PURE__ */ D({
+const De = /* @__PURE__ */ A({
   __name: "vs-compact-form",
   props: /* @__PURE__ */ Z({
     schema: { default: () => [] },
@@ -4035,46 +4095,46 @@ const Fe = /* @__PURE__ */ D({
   emits: /* @__PURE__ */ Z(["handle-submit", "update:modelValue"], ["update:form", "update:values"]),
   setup(o, { expose: e, emit: t }) {
     const n = t, s = o, r = W(o, "form"), a = W(o, "values"), {
-      errors: d,
-      validate: u,
+      errors: i,
+      validate: d,
       reset: v,
       visibleSchema: p
-    } = ei(a, s.schema), w = () => {
-      n("update:modelValue", a.value), u(), n("handle-submit", a.value);
+    } = ii(a, s.schema), w = () => {
+      n("update:modelValue", a.value), d(), n("handle-submit", a.value);
     };
     e({
-      validate: u,
+      validate: d,
       reset: v,
-      errors: d
-    }), xe(() => {
-      s.modelValue && (a.value = s.modelValue), r.value.value = a.value, r.value.errors = d.value, r.value.reset = v, r.value.validate = u, r.value.formId = s.formId;
+      errors: i
+    }), me(() => {
+      s.modelValue && (a.value = s.modelValue), r.value.value = a.value, r.value.errors = i.value, r.value.reset = v, r.value.validate = d, r.value.formId = s.formId;
     });
     function b($, S) {
       if ($ === S) return !0;
       if (typeof $ != "object" || typeof S != "object" || !$ || !S) return !1;
-      const R = Object.keys($), C = Object.keys(S);
-      return R.length !== C.length ? !1 : R.every((E) => $[E] === S[E]);
+      const R = Object.keys($), V = Object.keys(S);
+      return R.length !== V.length ? !1 : R.every((D) => $[D] === S[D]);
     }
-    return st("form", r), st("values", a), ($, S) => (i(), c("form", {
+    return st("form", r), st("values", a), ($, S) => (u(), c("form", {
       onSubmit: ve(w, ["prevent"]),
-      class: V(["grid grid-cols-12", $.layout === "default" ? "gap-6" : "gap-4"])
+      class: C(["grid grid-cols-12", $.layout === "default" ? "gap-6" : "gap-4"])
     }, [
-      (i(!0), c(Y, null, oe(q(p), (R) => (i(), se(wt, {
+      (u(!0), c(Y, null, oe(q(p), (R) => (u(), se(wt, {
         key: R.name,
-        class: V($.layout === "horizontal" ? "col-span-12" : `col-span-${R.col || 12} `),
-        style: ye($.style),
+        class: C($.layout === "horizontal" ? "col-span-12" : `col-span-${R.col || 12} `),
+        style: xe($.style),
         item: R,
         layout: $.layout,
         "model-value": a.value[R.name],
-        "onUpdate:modelValue": (C) => {
-          const E = a.value[R.name];
-          b(E, C) || (a.value[R.name] = C);
+        "onUpdate:modelValue": (V) => {
+          const D = a.value[R.name];
+          b(D, V) || (a.value[R.name] = V);
         },
-        error: q(d)[R.name]
+        error: q(i)[R.name]
       }, null, 8, ["class", "style", "item", "layout", "model-value", "onUpdate:modelValue", "error"]))), 128))
     ], 34));
   }
-}), ti = { class: "relative" }, li = { class: "w-full h-full fixed top-0 start-0 z-[1000] bg-black bg-opacity-50" }, oi = { 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" }, ai = { class: "py-2.5 px-4 flex justify-between items-center border-0 border-b border-solid border-gray-200 dark:border-b-[#454545]" }, si = { class: "font-medium text-gray-800 dark:text-[#ffffff]" }, ni = { class: "p-4 mim-h-0 h-full overflow-auto" }, ri = /* @__PURE__ */ D({
+}), ui = { class: "relative" }, di = { class: "w-full h-full fixed top-0 start-0 z-[1000] bg-black bg-opacity-50" }, ci = { 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" }, pi = { class: "py-2.5 px-4 flex justify-between items-center border-0 border-b border-solid border-gray-200 dark:border-b-[#454545]" }, fi = { class: "font-medium text-gray-800 dark:text-[#ffffff]" }, vi = { class: "p-4 mim-h-0 h-full overflow-auto" }, mi = /* @__PURE__ */ A({
   __name: "modal-edit",
   props: {
     schema: {},
@@ -4085,47 +4145,47 @@ const Fe = /* @__PURE__ */ D({
   },
   emits: ["close", "save", "edit"],
   setup(o, { emit: e }) {
-    const t = o, n = e, s = x(t.schema), r = x(t.defaultValue ? JSON.parse(JSON.stringify(t.defaultValue)) : {}), a = x({}), d = x(), u = x(t.mode);
+    const t = o, n = e, s = x(t.schema), r = x(t.defaultValue ? JSON.parse(JSON.stringify(t.defaultValue)) : {}), a = x({}), i = x(), d = x(t.mode);
     async function v() {
       const w = a.value.validate();
       if (w) {
-        be({ type: "warning", title: "Помилка валідації", message: Object.entries(w).map(([b, $]) => `${b}: ${$}`).join(`
+        ye({ type: "warning", title: "Помилка валідації", message: Object.entries(w).map(([b, $]) => `${b}: ${$}`).join(`
 `) });
         return;
       }
-      if (d.value)
+      if (i.value)
         try {
-          const b = await fetch(`/api/table/${d.value}`, {
-            method: u.value === "add" ? "POST" : "PUT",
+          const b = await fetch(`/api/table/${i.value}`, {
+            method: d.value === "add" ? "POST" : "PUT",
             headers: {
               "Content-Type": "application/json"
             },
             body: JSON.stringify(r.value)
           });
           if (b.ok)
-            await b.json(), be({
+            await b.json(), ye({
               type: "success",
               title: "Успішно",
-              message: `Дані успішно ${u.value === "add" ? "збережено" : "оновлено"}`
+              message: `Дані успішно ${d.value === "add" ? "збережено" : "оновлено"}`
             }), n("save", r.value);
           else if (b.status === 400) {
             const $ = await b.json().catch(() => ({}));
-            be({
+            ye({
               type: "warning",
               title: "Помилка валідації",
               message: $.message || "Некоректні дані (400)"
             });
-          } else b.status === 500 ? be({
+          } else b.status === 500 ? ye({
             type: "error",
             title: "Серверна помилка",
             message: "Виникла помилка на сервері (500)"
-          }) : be({
+          }) : ye({
             type: "error",
             title: "Помилка",
             message: `Статус: ${b.status}`
           });
         } catch (b) {
-          be({
+          ye({
             type: "error",
             title: "Помилка з’єднання",
             message: b.message || "Не вдалося виконати запит"
@@ -4135,20 +4195,20 @@ const Fe = /* @__PURE__ */ D({
     function p() {
       n("close");
     }
-    return xe(async () => {
+    return me(async () => {
       if (t.form) {
         const w = await fetch(`/api/template/form/${t.form}`).then((b) => b.json());
-        s.value = w.schema, d.value = w.token;
+        s.value = w.schema, i.value = w.token;
       } else if (t.token) {
-        d.value = t.token;
-        const w = await fetch(`/api/form/${d.value}`).then((b) => b.json());
-        s.value = w.schema, w.data ? r.value = w.data : u.value = "add";
+        i.value = t.token;
+        const w = await fetch(`/api/form/${i.value}`).then((b) => b.json());
+        s.value = w.schema, w.data ? r.value = w.data : d.value = "add";
       }
-    }), (w, b) => (i(), c("div", ti, [
-      l("div", li, [
-        l("div", oi, [
-          l("div", ai, [
-            l("h3", si, T(u.value === "add" ? "Додати" : "Змінити"), 1),
+    }), (w, b) => (u(), c("div", ui, [
+      l("div", di, [
+        l("div", ci, [
+          l("div", pi, [
+            l("h3", fi, U(d.value === "add" ? "Додати" : "Змінити"), 1),
             l("button", {
               onClick: p,
               type: "button",
@@ -4172,15 +4232,15 @@ const Fe = /* @__PURE__ */ D({
               ], -1)
             ]))
           ]),
-          l("div", ni, [
-            s.value ? (i(), se(Fe, {
+          l("div", vi, [
+            s.value ? (u(), se(De, {
               key: 0,
               schema: s.value,
               values: r.value,
               "onUpdate:values": b[0] || (b[0] = ($) => r.value = $),
               form: a.value,
               "onUpdate:form": b[1] || (b[1] = ($) => a.value = $)
-            }, null, 8, ["schema", "values", "form"])) : F("", !0)
+            }, 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", {
@@ -4205,7 +4265,7 @@ const Fe = /* @__PURE__ */ D({
     visible: !0,
     size: "medium",
     closeClickBack: !0,
-    content: ri,
+    content: mi,
     contentProps: {
       ...o,
       onClose: () => {
@@ -4217,35 +4277,35 @@ const Fe = /* @__PURE__ */ D({
     }
   });
 });
-Fe.install = function(e) {
-  e.component("VForm", Fe), Object.assign(e.config.globalProperties, {
+De.install = function(e) {
+  e.component("VForm", De), Object.assign(e.config.globalProperties, {
     $form: pt
   }), e.provide("form", pt), window.v3plugin || (window.v3plugin = {});
 };
 export {
-  ri as ModalEdit,
-  Fe as VForm,
-  ql as VsInputCheckbox,
-  Rr as VsInputColor,
-  Ea as VsInputContainer,
-  Jl as VsInputDate,
-  Fl as VsInputEmail,
-  zo as VsInputFile,
-  ua as VsInputFileList,
-  Ar as VsInputKeyValue,
-  zl as VsInputMask,
-  Yt as VsInputNumber,
+  mi as ModalEdit,
+  De as VForm,
+  Yl as VsInputCheckbox,
+  Zr as VsInputColor,
+  Pa as VsInputContainer,
+  to as VsInputDate,
+  Nl as VsInputEmail,
+  Ro as VsInputFile,
+  ga as VsInputFileList,
+  Gr as VsInputKeyValue,
+  Rl as VsInputMask,
+  rl as VsInputNumber,
   rt as VsInputRadio,
-  Nr as VsInputRange,
-  Za as VsInputSelect,
-  Mr as VsInputSlug,
+  Xr as VsInputRange,
+  os as VsInputSelect,
+  Ar as VsInputSlug,
   nt as VsInputStatic,
   bt as VsInputSwitcher,
-  _r as VsInputTag,
+  jr as VsInputTag,
   Ue as VsInputText,
-  Qa as VsInputTextarea,
-  Fe as default,
-  qr as inputs,
-  Xs as vsInputDatatable,
-  fr as vsInputMap
+  ss as VsInputTextarea,
+  De as default,
+  Yr as inputs,
+  nn as vsInputDatatable,
+  wr as vsInputMap
 };