@opengis/form 0.0.53 → 0.0.54

package/dist/index.js

@@ -1,15 +1,15 @@
-import { defineComponent as U, ref as k, onMounted as _e, onUnmounted as Xe, createElementBlock as d, openBlock as i, createCommentVNode as D, renderSlot as Se, createElementVNode as l, toDisplayString as G, mergeProps as Te, computed as B, normalizeStyle as be, createTextVNode as ge, normalizeProps as ot, guardReactiveProps as nt, normalizeClass as E, mergeModels as ie, useModel as de, withDirectives as ae, unref as ee, vModelText as ve, vModelCheckbox as Ct, createVNode as A, createBlock as me, resolveDynamicComponent as Fe, withCtx as Ee, withModifiers as ke, onBeforeUnmount as at, watch as ue, createStaticVNode as ye, vModelRadio as Vt, Fragment as re, renderList as fe, reactive as Nt, vModelDynamic as qt, vShow as Qe, inject as Ae, resolveComponent as mt, Transition as st, nextTick as je, Teleport as Mt, getCurrentInstance as Wt, watchEffect as Gt, toRef as Zt, provide as vt } from "vue";
-import { notify as ce, VsModal as Lt, modal as Kt } from "@opengis/core";
-const Jt = { class: "w-full relative" }, Yt = {
+import { defineComponent as U, ref as w, onMounted as _e, onUnmounted as Xe, createElementBlock as d, openBlock as i, createCommentVNode as D, renderSlot as Se, createElementVNode as l, toDisplayString as G, mergeProps as Te, computed as B, normalizeStyle as be, createTextVNode as ge, normalizeProps as ot, guardReactiveProps as nt, normalizeClass as E, mergeModels as ie, useModel as de, withDirectives as ae, unref as ee, vModelText as ve, vModelCheckbox as Vt, createVNode as A, createBlock as me, resolveDynamicComponent as Fe, withCtx as Ee, withModifiers as ke, onBeforeUnmount as at, watch as ue, createStaticVNode as ye, vModelRadio as Mt, Fragment as re, renderList as fe, reactive as qt, vModelDynamic as Wt, vShow as Qe, inject as Ae, resolveComponent as vt, Transition as st, nextTick as je, Teleport as Lt, getCurrentInstance as Gt, watchEffect as Zt, toRef as Kt, provide as ht } from "vue";
+import { notify as ce, VsModal as St, modal as Jt } from "@opengis/core";
+const Yt = { class: "w-full relative" }, Xt = {
   key: 0,
   class: "text-[14px] font-medium text-gray-900 mb-2"
-}, Xt = { class: "opacity-100" }, Qt = {
+}, Qt = { class: "opacity-100" }, el = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, el = {
+}, tl = {
   key: 1,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, tl = /* @__PURE__ */ U({
+}, ll = /* @__PURE__ */ U({
   __name: "vs-layout-default",
   props: {
     ua: { default: "" },
@@ -24,31 +24,31 @@ const Jt = { class: "w-full relative" }, Yt = {
     columns: {}
   },
   setup(o) {
-    const e = k("uk"), t = (a) => {
+    const e = w("uk"), t = (a) => {
       a.detail.key === "locale" && (e.value = a.detail.newValue);
     };
     return _e(() => {
       e.value = localStorage.locale, window.addEventListener("storage", t);
     }), Xe(() => {
       window.removeEventListener("resize", t);
-    }), (a, n) => (i(), d("div", Jt, [
-      a.ua || a.label ? (i(), d("div", Yt, [
-        l("span", Xt, G(a.item[e.value] || a.ua || a.label), 1),
-        a.item?.rules?.includes("required") ? (i(), d("span", Qt, "*")) : D("", !0)
+    }), (a, n) => (i(), d("div", Yt, [
+      a.ua || a.label ? (i(), d("div", Xt, [
+        l("span", Qt, G(a.item[e.value] || a.ua || a.label), 1),
+        a.item?.rules?.includes("required") ? (i(), d("span", el, "*")) : D("", !0)
       ])) : D("", !0),
       Se(a.$slots, "default", Te(a.$attrs, {
         class: { "opacity-60": a.item.disabled }
       })),
-      a.error ? (i(), d("span", el, G(a.error), 1)) : D("", !0)
+      a.error ? (i(), d("span", tl, G(a.error), 1)) : D("", !0)
     ]));
   }
-}), ll = { class: "w-full relative flex flex-row items-center gap-2" }, ol = {
+}), ol = { class: "w-full relative flex flex-row items-center gap-2" }, nl = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, nl = {
+}, al = {
   key: 1,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, al = /* @__PURE__ */ U({
+}, sl = /* @__PURE__ */ U({
   __name: "vs-layout-horizontal",
   props: {
     ua: { default: "" },
@@ -80,14 +80,14 @@ const Jt = { class: "w-full relative" }, Yt = {
       const f = `${p * 100}%`;
       return { flexBasis: f, maxWidth: f };
     });
-    return (u, c) => (i(), d("div", ll, [
+    return (u, c) => (i(), d("div", ol, [
       n.value ? (i(), d("span", {
         key: 0,
         class: "text-sm text-gray-900 font-medium flex shrink-0",
         style: be(s.value)
       }, [
         ge(G(u.ua || u.label) + " ", 1),
-        u.item?.rules?.includes("required") && (u.ua || u.label) ? (i(), d("span", ol, "*")) : D("", !0)
+        u.item?.rules?.includes("required") && (u.ua || u.label) ? (i(), d("span", nl, "*")) : D("", !0)
       ], 4)) : D("", !0),
       l("div", {
         class: "flex-1 min-w-0",
@@ -95,13 +95,13 @@ const Jt = { class: "w-full relative" }, Yt = {
       }, [
         Se(u.$slots, "default", ot(nt(u.$attrs)))
       ], 4),
-      u.error ? (i(), d("span", nl, G(u.error), 1)) : D("", !0)
+      u.error ? (i(), d("span", al, G(u.error), 1)) : D("", !0)
     ]));
   }
-}), sl = { class: "w-full relative" }, rl = {
+}), rl = { class: "w-full relative" }, il = {
   key: 0,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, il = /* @__PURE__ */ U({
+}, ul = /* @__PURE__ */ U({
   __name: "vs-layout-inline",
   props: {
     ua: { default: "" },
@@ -116,24 +116,24 @@ const Jt = { class: "w-full relative" }, Yt = {
     columns: {}
   },
   setup(o) {
-    return (e, t) => (i(), d("div", sl, [
+    return (e, t) => (i(), d("div", rl, [
       Se(e.$slots, "default", ot(nt(e.$attrs))),
-      e.error ? (i(), d("span", rl, G(e.error), 1)) : D("", !0)
+      e.error ? (i(), d("span", il, G(e.error), 1)) : D("", !0)
     ]));
   }
-}), ul = { class: "flex-1 min-w-0" }, dl = {
+}), dl = { class: "flex-1 min-w-0" }, cl = {
   key: 0,
   class: "text-sm font-medium text-slate-700 dark:text-slate-200 flex items-center gap-1"
-}, cl = { class: "truncate" }, pl = {
+}, pl = { class: "truncate" }, fl = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, fl = {
+}, ml = {
   key: 1,
   class: "text-xs text-slate-500 dark:text-slate-400"
-}, ml = { class: "w-full md:w-auto" }, vl = {
+}, vl = { class: "w-full md:w-auto" }, hl = {
   key: 0,
   class: "mt-1 text-xs text-red-500"
-}, hl = /* @__PURE__ */ U({
+}, gl = /* @__PURE__ */ U({
   __name: "vs-layout-settings",
   props: {
     ua: { default: "" },
@@ -148,7 +148,7 @@ const Jt = { class: "w-full relative" }, Yt = {
     columns: {}
   },
   setup(o) {
-    const e = o, t = k("uk");
+    const e = o, t = w("uk");
     B(() => (e.item ?? {})?.[t.value] ?? e.ua ?? e.label ?? "");
     const a = B(() => e.item?.description ?? ""), n = B(() => Array.isArray(e.item?.rules) && e.item.rules.includes("required")), s = B(() => (typeof e.error == "string" ? e.error : "") ?? ""), r = (u) => {
       u.key === "locale" && (t.value = u.newValue ?? "uk");
@@ -167,25 +167,25 @@ const Jt = { class: "w-full relative" }, Yt = {
       l("div", {
         class: E(["gap-2 md:flex-row md:items-center md:justify-between", [["switcher", "native-select"].includes(u.item.type) ? "flex flex-col" : ""]])
       }, [
-        l("div", ul, [
-          u.ua || u.label ? (i(), d("p", dl, [
-            l("span", cl, G(u.item[t.value] || u.ua || u.label), 1),
-            n.value ? (i(), d("span", pl, "*")) : D("", !0)
+        l("div", dl, [
+          u.ua || u.label ? (i(), d("p", cl, [
+            l("span", pl, G(u.item[t.value] || u.ua || u.label), 1),
+            n.value ? (i(), d("span", fl, "*")) : D("", !0)
           ])) : D("", !0),
-          a.value ? (i(), d("p", fl, G(a.value), 1)) : D("", !0)
+          a.value ? (i(), d("p", ml, G(a.value), 1)) : D("", !0)
         ]),
-        l("div", ml, [
+        l("div", vl, [
           Se(u.$slots, "default", ot(nt(u.$attrs)))
         ])
       ], 2),
-      s.value ? (i(), d("p", vl, G(s.value), 1)) : D("", !0)
+      s.value ? (i(), d("p", hl, G(s.value), 1)) : D("", !0)
     ], 2));
   }
-}), gl = {
-  default: tl,
-  horizontal: al,
-  inline: il,
-  settings: hl
+}), bl = {
+  default: ll,
+  horizontal: sl,
+  inline: ul,
+  settings: gl
 };
 function $e(o) {
   return {
@@ -195,7 +195,7 @@ function $e(o) {
     })
   };
 }
-const bl = ["placeholder", "disabled"], yl = /* @__PURE__ */ U({
+const yl = ["placeholder", "disabled"], xl = /* @__PURE__ */ U({
   __name: "vs-input-password",
   props: /* @__PURE__ */ ie({
     style: { default: () => ({}) },
@@ -221,11 +221,11 @@ const bl = ["placeholder", "disabled"], yl = /* @__PURE__ */ U({
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, bl)), [
+    }, null, 10, yl)), [
       [ve, a.value]
     ]);
   }
-}), xl = ["placeholder", "disabled"], Ye = /* @__PURE__ */ U({
+}), wl = ["placeholder", "disabled"], Ye = /* @__PURE__ */ U({
   __name: "vs-input-text",
   props: /* @__PURE__ */ ie({
     style: { default: () => ({}) },
@@ -251,11 +251,11 @@ const bl = ["placeholder", "disabled"], yl = /* @__PURE__ */ U({
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, xl)), [
+    }, null, 10, wl)), [
       [ve, a.value]
     ]);
   }
-}), wl = ["placeholder", "min", "max"], kl = /* @__PURE__ */ U({
+}), kl = ["placeholder", "min", "max"], _l = /* @__PURE__ */ U({
   __name: "vs-input-number",
   props: /* @__PURE__ */ ie({
     min: {},
@@ -285,7 +285,7 @@ const bl = ["placeholder", "disabled"], yl = /* @__PURE__ */ U({
       },
       min: n.min,
       max: n.max
-    }, null, 10, wl)), [
+    }, null, 10, kl)), [
       [ve, a.value]
     ]);
   }
@@ -294,7 +294,7 @@ const bl = ["placeholder", "disabled"], yl = /* @__PURE__ */ U({
   for (const [a, n] of e)
     t[a] = n;
   return t;
-}, _l = {}, $l = {
+}, $l = {}, Cl = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -304,8 +304,8 @@ const bl = ["placeholder", "disabled"], yl = /* @__PURE__ */ U({
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-check"
 };
-function Cl(o, e) {
-  return i(), d("svg", $l, e[0] || (e[0] = [
+function Vl(o, e) {
+  return i(), d("svg", Cl, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -314,7 +314,7 @@ function Cl(o, e) {
     l("path", { d: "M5 12l5 5l10 -10" }, null, -1)
   ]));
 }
-const Vl = /* @__PURE__ */ X(_l, [["render", Cl]]), Ml = { class: "flex items-center gap-[4px]" }, Ll = ["value", "id", "disabled"], Sl = ["for"], Bl = { class: "text-[14px] text-gray-700 flex items-center gap-x-1 ml-1 dark:text-neutral-400" }, jl = /* @__PURE__ */ U({
+const Ml = /* @__PURE__ */ X($l, [["render", Vl]]), Ll = { class: "flex items-center gap-[4px]" }, Sl = ["value", "id", "disabled"], Bl = ["for"], jl = { class: "text-[14px] text-gray-700 flex items-center gap-x-1 ml-1 dark:text-neutral-400" }, El = /* @__PURE__ */ U({
   __name: "vs-checkbox-default",
   props: {
     value: { default: "" },
@@ -331,7 +331,7 @@ const Vl = /* @__PURE__ */ X(_l, [["render", Cl]]), Ml = { class: "flex items-ce
       get: () => a.modelValue,
       set: (s) => t("update:modelValue", s)
     });
-    return (s, r) => (i(), d("div", Ml, [
+    return (s, r) => (i(), d("div", Ll, [
       ae(l("input", {
         type: "checkbox",
         value: s.value,
@@ -339,8 +339,8 @@ const Vl = /* @__PURE__ */ X(_l, [["render", Cl]]), Ml = { class: "flex items-ce
         class: E(["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": s.disabled }]),
         id: s.id,
         disabled: s.disabled
-      }, null, 10, Ll), [
-        [Ct, n.value]
+      }, null, 10, Sl), [
+        [Vt, n.value]
       ]),
       l("label", {
         for: s.id,
@@ -349,23 +349,23 @@ const Vl = /* @__PURE__ */ X(_l, [["render", Cl]]), Ml = { class: "flex items-ce
         l("div", {
           class: E(["h-[16px] text-white w-[16px] flex items-center justify-center shrink-0 border rounded", [n.value ? "bg-blue-600 border-blue-600" : "bg-white border-gray-600", s.error ? "border-red-600" : ""]])
         }, [
-          A(Vl, {
+          A(Ml, {
             height: "12",
             width: "12"
           })
         ], 2),
-        l("span", Bl, [
+        l("span", jl, [
           Se(s.$slots, "default", {}, () => [
             ge(G(s.label), 1)
           ])
         ])
-      ], 10, Sl)
+      ], 10, Bl)
     ]));
   }
-}), El = ["name", "value", "disabled"], Il = { class: "flex items-center gap-[6px] text-[14px]" }, zl = {
+}), Il = ["name", "value", "disabled"], zl = { class: "flex items-center gap-[6px] text-[14px]" }, Al = {
   key: 0,
   class: "text-[16px]"
-}, Al = ["src"], Tl = /* @__PURE__ */ U({
+}, Tl = ["src"], Fl = /* @__PURE__ */ U({
   __name: "vs-checkbox-buttons",
   props: {
     value: { type: [String, Number, Boolean], default: "" },
@@ -395,11 +395,11 @@ const Vl = /* @__PURE__ */ X(_l, [["render", Cl]]), Ml = { class: "flex items-ce
         value: u.value,
         "onUpdate:modelValue": c[0] || (c[0] = (p) => n.value = p),
         disabled: u.disabled
-      }, null, 8, El), [
-        [Ct, n.value]
+      }, null, 8, Il), [
+        [Vt, n.value]
       ]),
-      l("span", Il, [
-        u.icon || u.imgUrl ? (i(), d("span", zl, [
+      l("span", zl, [
+        u.icon || u.imgUrl ? (i(), d("span", Al, [
           u.icon ? (i(), d("i", {
             key: 0,
             class: E(u.icon)
@@ -410,7 +410,7 @@ const Vl = /* @__PURE__ */ X(_l, [["render", Cl]]), Ml = { class: "flex items-ce
             width: "16",
             height: "16",
             alt: "icon"
-          }, null, 8, Al)) : D("", !0)
+          }, null, 8, Tl)) : D("", !0)
         ])) : D("", !0),
         Se(u.$slots, "default", {}, () => [
           ge(G(u.label), 1)
@@ -418,7 +418,7 @@ const Vl = /* @__PURE__ */ X(_l, [["render", Cl]]), Ml = { class: "flex items-ce
       ])
     ], 2));
   }
-}), Fl = { class: "flex items-center" }, St = /* @__PURE__ */ U({
+}), Ol = { class: "flex items-center" }, Bt = /* @__PURE__ */ U({
   __name: "vs-input-checkbox-item",
   props: {
     value: { default: "" },
@@ -444,9 +444,9 @@ const Vl = /* @__PURE__ */ X(_l, [["render", Cl]]), Ml = { class: "flex items-ce
         } else
           a("update:modelValue", u);
       }
-    }), r = k(`vs-checkbox-${t.view || "default"}`);
-    return (u, c) => (i(), d("div", Fl, [
-      (i(), me(Fe(r.value === "vs-checkbox-buttons" ? ee(Tl) : ee(jl)), {
+    }), r = w(`vs-checkbox-${t.view || "default"}`);
+    return (u, c) => (i(), d("div", Ol, [
+      (i(), me(Fe(r.value === "vs-checkbox-buttons" ? ee(Fl) : ee(El)), {
         value: u.value,
         label: u.label,
         info: u.option?.info,
@@ -466,7 +466,7 @@ const Vl = /* @__PURE__ */ X(_l, [["render", Cl]]), Ml = { class: "flex items-ce
       }, 8, ["value", "label", "info", "disabled", "modelValue", "icon", "imgUrl", "style", "error"]))
     ]));
   }
-}), Ol = {}, Dl = {
+}), Dl = {}, Ul = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -476,8 +476,8 @@ const Vl = /* @__PURE__ */ X(_l, [["render", Cl]]), Ml = { class: "flex items-ce
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down"
 };
-function Ul(o, e) {
-  return i(), d("svg", Dl, e[0] || (e[0] = [
+function Pl(o, e) {
+  return i(), d("svg", Ul, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -486,7 +486,7 @@ function Ul(o, e) {
     l("path", { d: "M6 9l6 6l6 -6" }, null, -1)
   ]));
 }
-const Pl = /* @__PURE__ */ X(Ol, [["render", Ul]]), Rl = {}, Hl = {
+const Rl = /* @__PURE__ */ X(Dl, [["render", Pl]]), Hl = {}, Nl = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -496,8 +496,8 @@ const Pl = /* @__PURE__ */ X(Ol, [["render", Ul]]), Rl = {}, Hl = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-x"
 };
-function Nl(o, e) {
-  return i(), d("svg", Hl, e[0] || (e[0] = [
+function ql(o, e) {
+  return i(), d("svg", Nl, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -507,7 +507,7 @@ function Nl(o, e) {
     l("path", { d: "M6 6l12 12" }, null, -1)
   ]));
 }
-const ql = /* @__PURE__ */ X(Rl, [["render", Nl]]), Wl = {}, Gl = {
+const Wl = /* @__PURE__ */ X(Hl, [["render", ql]]), Gl = {}, Zl = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -518,8 +518,8 @@ const ql = /* @__PURE__ */ X(Rl, [["render", Nl]]), Wl = {}, Gl = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Zl(o, e) {
-  return i(), d("svg", Gl, e[0] || (e[0] = [
+function Kl(o, e) {
+  return i(), d("svg", Zl, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -530,13 +530,13 @@ function Zl(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 Kl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Jl = {
+const Jl = /* @__PURE__ */ X(Gl, [["render", Kl]]), Yl = {
   key: 0,
   class: "flex items-start gap-x-1"
-}, Yl = {
+}, Xl = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, Xl = ["title"], Ql = ["disabled"], Bt = /* @__PURE__ */ U({
+}, Ql = ["title"], eo = ["disabled"], jt = /* @__PURE__ */ U({
   __name: "vs-input-switcher",
   props: /* @__PURE__ */ ie({
     rules: { default: () => [] },
@@ -558,14 +558,14 @@ const Kl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Jl = {
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, t = de(o, "modelValue");
-    return (a, n) => e.view === "checkbox" ? (i(), d("div", Jl, [
-      A(St, {
+    return (a, n) => e.view === "checkbox" ? (i(), d("div", Yl, [
+      A(Bt, {
         modelValue: t.value,
         "onUpdate:modelValue": n[0] || (n[0] = (s) => t.value = s),
         label: a.text,
         error: a.error || ""
       }, null, 8, ["modelValue", "label", "error"]),
-      a.rules?.includes("required") ? (i(), d("span", Yl, "*")) : D("", !0),
+      a.rules?.includes("required") ? (i(), d("span", Xl, "*")) : D("", !0),
       a.i ? (i(), d("button", {
         key: 1,
         class: "cursor-pointer",
@@ -573,8 +573,8 @@ const Kl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Jl = {
         onClick: n[1] || (n[1] = ke(() => {
         }, ["prevent"]))
       }, [
-        A(ee(Kl), { class: "text-gray-500 w-[14px] h-[14px]" })
-      ], 8, Xl)) : D("", !0)
+        A(ee(Jl), { class: "text-gray-500 w-[14px] h-[14px]" })
+      ], 8, Ql)) : D("", !0)
     ])) : (i(), d("button", {
       key: 1,
       type: "button",
@@ -586,9 +586,9 @@ const Kl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Jl = {
         "data-state": "checked",
         class: E(["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, Ql));
+    ], 10, eo));
   }
-}), eo = ["id", "innerHTML"], ht = /* @__PURE__ */ U({
+}), to = ["id", "innerHTML"], gt = /* @__PURE__ */ U({
   __name: "vs-input-static",
   props: {
     text: { default: "" },
@@ -606,9 +606,9 @@ const Kl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Jl = {
       id: e.name,
       class: E(["text-gray-900", e.customClass]),
       innerHTML: e.html ? e.html : e.text
-    }, null, 10, eo));
+    }, null, 10, to));
   }
-}), to = ["placeholder", "disabled", "name"], lo = /* @__PURE__ */ U({
+}), lo = ["placeholder", "disabled", "name"], oo = /* @__PURE__ */ U({
   __name: "vs-input-mask",
   props: /* @__PURE__ */ ie({
     name: {},
@@ -626,7 +626,7 @@ const Kl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Jl = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = $e(e.style), a = de(o, "modelValue"), n = k(null);
+    const e = o, { inputClass: t } = $e(e.style), a = de(o, "modelValue"), n = w(null);
     let s = null;
     return _e(async () => {
       if (n.value) {
@@ -669,9 +669,9 @@ const Kl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Jl = {
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, to));
+    }, null, 10, lo));
   }
-}), oo = { class: "relative w-full bg-white rounded-lg" }, no = ["placeholder", "disabled"], ao = /* @__PURE__ */ U({
+}), no = { class: "relative w-full bg-white rounded-lg" }, ao = ["placeholder", "disabled"], so = /* @__PURE__ */ U({
   __name: "vs-input-email",
   props: /* @__PURE__ */ ie({
     style: { default: () => ({}) },
@@ -688,7 +688,7 @@ const Kl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Jl = {
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, { inputClass: t } = $e(e.style), a = de(o, "modelValue");
-    return (n, s) => (i(), d("div", oo, [
+    return (n, s) => (i(), d("div", no, [
       s[1] || (s[1] = ye('<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)),
       ae(l("input", {
         type: "email",
@@ -699,12 +699,12 @@ const Kl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Jl = {
         style: {
           border: "1px solid #CFD9E0"
         }
-      }, null, 10, no), [
+      }, null, 10, ao), [
         [ve, a.value]
       ])
     ]));
   }
-}), so = ["value", "disabled"], ro = { class: "text-[13px] text-gray-700" }, io = /* @__PURE__ */ U({
+}), ro = ["value", "disabled"], io = { class: "text-[13px] text-gray-700" }, uo = /* @__PURE__ */ U({
   __name: "vs-input-radio-default",
   props: /* @__PURE__ */ ie({
     style: {},
@@ -732,8 +732,8 @@ const Kl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Jl = {
         value: t.value,
         disabled: t.disabled,
         class: "hidden"
-      }, null, 8, so), [
-        [Vt, e.value]
+      }, null, 8, ro), [
+        [Mt, e.value]
       ]),
       l("span", {
         class: E(["w-[16px] shrink-0 h-[16px] border rounded-full flex items-center justify-center mr-[10px]", [
@@ -746,10 +746,10 @@ const Kl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Jl = {
           class: E(["w-[12px] h-[12px] shrink-0 rounded-full", [`bg-${t.style?.primaryColor || "blue"}-500`]])
         }, null, 2)) : D("", !0)
       ], 2),
-      l("span", ro, G(t.text), 1)
+      l("span", io, G(t.text), 1)
     ], 2));
   }
-}), uo = ["value", "disabled"], co = { class: "text-[13px] text-gray-700" }, po = /* @__PURE__ */ U({
+}), co = ["value", "disabled"], po = { class: "text-[13px] text-gray-700" }, fo = /* @__PURE__ */ U({
   __name: "vs-input-radio-buttons",
   props: /* @__PURE__ */ ie({
     style: {},
@@ -780,16 +780,16 @@ const Kl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Jl = {
         value: t.value,
         disabled: t.disabled,
         class: "hidden"
-      }, null, 8, uo), [
-        [Vt, e.value]
+      }, null, 8, co), [
+        [Mt, e.value]
       ]),
-      l("span", co, G(t.text), 1)
+      l("span", po, G(t.text), 1)
     ], 2));
   }
-}), fo = {
-  "vs-input-radio-default": io,
-  "vs-input-radio-buttons": po
-}, gt = /* @__PURE__ */ U({
+}), mo = {
+  "vs-input-radio-default": uo,
+  "vs-input-radio-buttons": fo
+}, bt = /* @__PURE__ */ U({
   __name: "vs-input-radio",
   props: /* @__PURE__ */ ie({
     options: {},
@@ -808,7 +808,7 @@ const Kl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Jl = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = de(o, "modelValue"), a = B(() => fo[`vs-input-radio-${e.view}`]);
+    const e = o, t = de(o, "modelValue"), a = B(() => mo[`vs-input-radio-${e.view}`]);
     return (n, s) => (i(), d("div", {
       class: E([n.position === "horizontal" ? "flex items-center flex-wrap gap-2" : ""])
     }, [
@@ -822,7 +822,7 @@ const Kl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Jl = {
       }, { ref_for: !0 }, n.$attrs), null, 16, ["text", "value", "checked", "modelValue"]))), 128))
     ], 2));
   }
-}), mo = /* @__PURE__ */ U({
+}), vo = /* @__PURE__ */ U({
   __name: "vs-input-checkbox",
   props: {
     options: { default: () => [] },
@@ -841,7 +841,7 @@ const Kl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Jl = {
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, a = e, n = k([]), s = Nt({}), r = (f) => f?.value || f?.id || f?.text || f, u = (f) => f.text || String(f), c = (f) => `lg:col-span-${f || 12}`, p = async () => {
+    const t = o, a = e, n = w([]), s = qt({}), r = (f) => f?.value || f?.id || f?.text || f, u = (f) => f.text || String(f), c = (f) => `lg:col-span-${f || 12}`, p = async () => {
       try {
         const f = await fetch(`/api/suggest/${t.data}`).then((m) => m.json());
         n.value = f?.data || f;
@@ -908,7 +908,7 @@ const Kl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Jl = {
     }), (f, m) => (i(), d("div", {
       class: E(["p-0 w-full gap-[6px]", [f.position === "vertical" ? "flex-col" : "", f.colSpan ? "grid" : "flex justify-start"]])
     }, [
-      (i(!0), d(re, null, fe(n.value, (y) => (i(), me(St, {
+      (i(!0), d(re, null, fe(n.value, (y) => (i(), me(Bt, {
         modelValue: s[r(y)],
         "onUpdate:modelValue": (S) => s[r(y)] = S,
         value: r(y),
@@ -923,7 +923,7 @@ const Kl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Jl = {
       }, null, 8, ["modelValue", "onUpdate:modelValue", "value", "class", "disabled", "label", "icon", "imgUrl", "option", "view"]))), 128))
     ], 2));
   }
-}), vo = /* @__PURE__ */ X(mo, [["__scopeId", "data-v-91f3584a"]]), ho = ["type", "placeholder", "disabled"], go = /* @__PURE__ */ U({
+}), ho = /* @__PURE__ */ X(vo, [["__scopeId", "data-v-91f3584a"]]), go = ["type", "placeholder", "disabled"], bo = /* @__PURE__ */ U({
   __name: "vs-input-date1",
   props: {
     style: { default: () => ({}) },
@@ -955,11 +955,11 @@ const Kl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Jl = {
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, ho)), [
-      [qt, r.value]
+    }, null, 10, go)), [
+      [Wt, r.value]
     ]);
   }
-}), bt = async (o, e, t, a) => {
+}), yt = async (o, e, t, a) => {
   try {
     const n = new FormData();
     return n.append("unique", "true"), n.append("file", o), (await fetch(
@@ -977,20 +977,20 @@ const Kl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Jl = {
       position: "right-bottom"
     }), console.error("Сталась помилка завантаження файлу", n), null;
   }
-}, bo = async (o) => {
+}, yo = async (o) => {
   try {
     return await fetch(`file/delete${o}`), !0;
   } catch (e) {
     return console.error(e), !1;
   }
-}, yt = async (o) => {
+}, xt = async (o) => {
   try {
     const e = await fetch(`file/download/files/uploads${o}`), t = await e.arrayBuffer(), a = e.headers["content-type"], n = new TextDecoder("utf-8").decode(t), s = new Blob([n], { type: a }), r = document.createElement("a");
     r.setAttribute("download", o), r.href = window.URL.createObjectURL(s), r.click();
   } catch (e) {
     console.error(e.message);
   }
-}, yo = {}, xo = {
+}, xo = {}, wo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1001,13 +1001,13 @@ const Kl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Jl = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function wo(o, e) {
-  return i(), d("svg", xo, e[0] || (e[0] = [
+function ko(o, e) {
+  return i(), d("svg", wo, e[0] || (e[0] = [
     l("path", { d: "M5 12h14" }, null, -1),
     l("path", { d: "M12 5v14" }, null, -1)
   ]));
 }
-const qe = /* @__PURE__ */ X(yo, [["render", wo]]), ko = {}, _o = {
+const qe = /* @__PURE__ */ X(xo, [["render", ko]]), _o = {}, $o = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-text",
   width: "44",
@@ -1019,12 +1019,12 @@ const qe = /* @__PURE__ */ X(yo, [["render", wo]]), ko = {}, _o = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function $o(o, e, t, a, n, s) {
-  return i(), d("svg", _o, e[0] || (e[0] = [
+function Co(o, e, t, a, n, s) {
+  return i(), d("svg", $o, e[0] || (e[0] = [
     ye('<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 Co = /* @__PURE__ */ X(ko, [["render", $o]]), Vo = {}, Mo = {
+const Vo = /* @__PURE__ */ X(_o, [["render", Co]]), Mo = {}, Lo = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-table",
   width: "44",
@@ -1036,8 +1036,8 @@ const Co = /* @__PURE__ */ X(ko, [["render", $o]]), Vo = {}, Mo = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Lo(o, e, t, a, n, s) {
-  return i(), d("svg", Mo, e[0] || (e[0] = [
+function So(o, e, t, a, n, s) {
+  return i(), d("svg", Lo, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1064,7 +1064,7 @@ function Lo(o, e, t, a, n, s) {
     }, null, -1)
   ]));
 }
-const So = /* @__PURE__ */ X(Vo, [["render", Lo]]), Bo = {}, jo = {
+const Bo = /* @__PURE__ */ X(Mo, [["render", So]]), jo = {}, Eo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1075,12 +1075,12 @@ const So = /* @__PURE__ */ X(Vo, [["render", Lo]]), Bo = {}, jo = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Eo(o, e) {
-  return i(), d("svg", jo, e[0] || (e[0] = [
+function Io(o, e) {
+  return i(), d("svg", Eo, e[0] || (e[0] = [
     ye('<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="M9 9l1 0"></path><path d="M9 13l6 0"></path><path d="M9 17l6 0"></path>', 6)
   ]));
 }
-const jt = /* @__PURE__ */ X(Bo, [["render", Eo]]), Io = {}, zo = {
+const Et = /* @__PURE__ */ X(jo, [["render", Io]]), zo = {}, Ao = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-zip",
   width: "44",
@@ -1092,12 +1092,12 @@ const jt = /* @__PURE__ */ X(Bo, [["render", Eo]]), Io = {}, zo = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Ao(o, e, t, a, n, s) {
-  return i(), d("svg", zo, e[0] || (e[0] = [
+function To(o, e, t, a, n, s) {
+  return i(), d("svg", Ao, e[0] || (e[0] = [
     ye('<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 To = /* @__PURE__ */ X(Io, [["render", Ao]]), Fo = {}, Oo = {
+const Fo = /* @__PURE__ */ X(zo, [["render", To]]), Oo = {}, Do = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-code",
   width: "44",
@@ -1109,25 +1109,25 @@ const To = /* @__PURE__ */ X(Io, [["render", Ao]]), Fo = {}, Oo = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Do(o, e, t, a, n, s) {
-  return i(), d("svg", Oo, e[0] || (e[0] = [
+function Uo(o, e, t, a, n, s) {
+  return i(), d("svg", Do, e[0] || (e[0] = [
     ye('<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 Uo = /* @__PURE__ */ X(Fo, [["render", Do]]), Po = (o) => {
+const Po = /* @__PURE__ */ X(Oo, [["render", Uo]]), Ro = (o) => {
   if (!o) return "";
   const e = o?.split(".");
   return e[e.length - 1];
-}, Ro = (o) => {
-  const e = Po(o), t = {
+}, Ho = (o) => {
+  const e = Ro(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) ? So : t.textsFormat.includes(e) ? Uo : t.documentsFormat.includes(e) ? Co : t.archivesFormat.includes(e) ? To : jt;
-}, Ho = {}, No = {
+  return t.imageFormat.includes(e) ? "img" : t.sheetsFormat.includes(e) ? Bo : t.textsFormat.includes(e) ? Po : t.documentsFormat.includes(e) ? Vo : t.archivesFormat.includes(e) ? Fo : Et;
+}, No = {}, qo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1139,12 +1139,12 @@ const Uo = /* @__PURE__ */ X(Fo, [["render", Do]]), Po = (o) => {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-trash"
 };
-function qo(o, e) {
-  return i(), d("svg", No, e[0] || (e[0] = [
+function Wo(o, e) {
+  return i(), d("svg", qo, e[0] || (e[0] = [
     ye('<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 et = /* @__PURE__ */ X(Ho, [["render", qo]]), Wo = {}, Go = {
+const et = /* @__PURE__ */ X(No, [["render", Wo]]), Go = {}, Zo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1156,8 +1156,8 @@ const et = /* @__PURE__ */ X(Ho, [["render", qo]]), Wo = {}, Go = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-download"
 };
-function Zo(o, e) {
-  return i(), d("svg", Go, e[0] || (e[0] = [
+function Ko(o, e) {
+  return i(), d("svg", Zo, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1168,7 +1168,7 @@ function Zo(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const Et = /* @__PURE__ */ X(Wo, [["render", Zo]]), Ko = { class: "h-[120px] w-[120px] border text-gray-300 border-dashed border-[#CFD9E0] rounded-lg overflow-hidden relative item-file" }, Jo = { class: "absolute hidden top-0 right-0 flex items-center gap-x-2 w-full h-full justify-center" }, Yo = /* @__PURE__ */ U({
+const It = /* @__PURE__ */ X(Go, [["render", Ko]]), Jo = { class: "h-[120px] w-[120px] border text-gray-300 border-dashed border-[#CFD9E0] rounded-lg overflow-hidden relative item-file" }, Yo = { class: "absolute hidden top-0 right-0 flex items-center gap-x-2 w-full h-full justify-center" }, Xo = /* @__PURE__ */ U({
   __name: "vs-input-file-list-item",
   props: /* @__PURE__ */ ie({
     format: {},
@@ -1189,18 +1189,18 @@ const Et = /* @__PURE__ */ X(Wo, [["render", Zo]]), Ko = { class: "h-[120px] w-[
   emits: ["update:value", "update:item"],
   setup(o) {
     const e = de(o, "value"), t = de(o, "item"), a = o;
-    return (n, s) => (i(), d("div", Ko, [
-      (i(), me(Fe(ee(Ro)(t.value)), {
+    return (n, s) => (i(), d("div", Jo, [
+      (i(), me(Fe(ee(Ho)(t.value)), {
         src: t.value,
         alt: "file",
         class: "w-full h-full object-cover cursor-pointer",
-        onClick: s[0] || (s[0] = (r) => ee(yt)(t.value))
+        onClick: s[0] || (s[0] = (r) => ee(xt)(t.value))
       }, null, 8, ["src"])),
-      l("div", Jo, [
+      l("div", Yo, [
         l("button", {
           type: "button",
           onClick: s[1] || (s[1] = (r) => {
-            ee(bo)(t.value), e.value = a.multiple ? e.value?.filter((u) => u !== t.value) : "";
+            ee(yo)(t.value), e.value = a.multiple ? e.value?.filter((u) => u !== t.value) : "";
           }),
           class: "w-6 h-6 flex items-center justify-center text-gray-500 bg-gray-200 rounded-lg hover:text-red-500"
         }, [
@@ -1208,18 +1208,18 @@ const Et = /* @__PURE__ */ X(Wo, [["render", Zo]]), Ko = { class: "h-[120px] w-[
         ]),
         l("button", {
           type: "button",
-          onClick: s[2] || (s[2] = (r) => ee(yt)(t.value)),
+          onClick: s[2] || (s[2] = (r) => ee(xt)(t.value)),
           class: "w-6 h-6 flex items-center justify-center text-gray-500 bg-gray-200 rounded-lg hover:text-blue-500"
         }, [
-          A(Et, { class: "w-4 h-4" })
+          A(It, { class: "w-4 h-4" })
         ])
       ])
     ]));
   }
-}), xt = /* @__PURE__ */ X(Yo, [["__scopeId", "data-v-0ca886b3"]]), Xo = { class: "flex items-center gap-x-2" }, Qo = ["multiple"], en = {
+}), wt = /* @__PURE__ */ X(Xo, [["__scopeId", "data-v-0ca886b3"]]), Qo = { class: "flex items-center gap-x-2" }, en = ["multiple"], tn = {
   key: 1,
   class: "flex items-center flex-wrap gap-2"
-}, tn = /* @__PURE__ */ U({
+}, ln = /* @__PURE__ */ U({
   __name: "vs-input-file",
   props: /* @__PURE__ */ ie({
     format: {},
@@ -1237,21 +1237,21 @@ const Et = /* @__PURE__ */ X(Wo, [["render", Zo]]), Ko = { class: "h-[120px] w-[
   }),
   emits: /* @__PURE__ */ ie(["change"], ["update:modelValue"]),
   setup(o, { emit: e }) {
-    const t = o, a = de(o, "modelValue"), n = e, s = k(null), r = (c) => Array.isArray(a.value) && a.value[c] || "", u = async (c) => {
+    const t = o, a = de(o, "modelValue"), n = e, s = w(null), r = (c) => Array.isArray(a.value) && a.value[c] || "", u = async (c) => {
       const { files: p } = c.target;
       if (!(!p || p.length === 0))
         if (t.multiple) {
-          const f = Array.from(p).map(async (q) => t.format && !q.name.endsWith(t.format) ? null : await bt(q, "1", "form", "table")), S = (await Promise.all(f)).filter((q) => q !== null).map((q) => q?.file_path).filter(Boolean);
+          const f = Array.from(p).map(async (q) => t.format && !q.name.endsWith(t.format) ? null : await yt(q, "1", "form", "table")), S = (await Promise.all(f)).filter((q) => q !== null).map((q) => q?.file_path).filter(Boolean);
           a.value = [...a.value || [], ...S], n("change", a.value);
         } else {
           const f = p[0];
           if (t.format && !f.name.endsWith(t.format))
             return;
-          const m = await bt(f, "1", "form", "table");
+          const m = await yt(f, "1", "form", "table");
           a.value = m?.file_path, n("change", a.value || "");
         }
     };
-    return (c, p) => (i(), d("div", Xo, [
+    return (c, p) => (i(), d("div", Qo, [
       l("input", {
         class: "hidden",
         ref_key: "fileInput",
@@ -1259,15 +1259,15 @@ const Et = /* @__PURE__ */ X(Wo, [["render", Zo]]), Ko = { class: "h-[120px] w-[
         type: "file",
         multiple: c.multiple,
         onChange: u
-      }, null, 40, Qo),
-      !c.multiple && a.value ? (i(), me(xt, {
+      }, null, 40, en),
+      !c.multiple && a.value ? (i(), me(wt, {
         key: 0,
         item: a.value,
         "onUpdate:item": p[0] || (p[0] = (f) => a.value = f),
         value: a.value,
         "onUpdate:value": p[1] || (p[1] = (f) => a.value = f)
-      }, null, 8, ["item", "value"])) : c.multiple ? (i(), d("div", en, [
-        (i(!0), d(re, null, fe(a.value, (f, m) => (i(), me(xt, {
+      }, null, 8, ["item", "value"])) : c.multiple ? (i(), d("div", tn, [
+        (i(!0), d(re, null, fe(a.value, (f, m) => (i(), me(wt, {
           multiple: c.multiple,
           key: m,
           value: a.value,
@@ -1293,7 +1293,7 @@ const Et = /* @__PURE__ */ X(Wo, [["render", Zo]]), Ko = { class: "h-[120px] w-[
       ], 2))
     ]));
   }
-}), ln = { class: "max-w-[55vw]" }, on = { class: "text-sm font-semibold text-gray-800 truncate dark:text-neutral-200" }, nn = { class: "flex items-center text-xs text-gray-500 truncate dark:text-neutral-500" }, an = { class: "px-[5px]" }, sn = { class: "" }, Je = /* @__PURE__ */ U({
+}), on = { class: "max-w-[55vw]" }, nn = { class: "text-sm font-semibold text-gray-800 truncate dark:text-neutral-200" }, an = { class: "flex items-center text-xs text-gray-500 truncate dark:text-neutral-500" }, sn = { class: "px-[5px]" }, rn = { class: "" }, Je = /* @__PURE__ */ U({
   __name: "vs-widget-file-info",
   props: {
     item: { default: null }
@@ -1318,33 +1318,33 @@ const Et = /* @__PURE__ */ X(Wo, [["render", Zo]]), Ko = { class: "h-[120px] w-[
     }
     return (n, s) => (i(), d(re, null, [
       s[1] || (s[1] = ye('<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", ln, [
-        l("p", on, G(n.item?.uploaded_name), 1),
-        l("p", nn, [
+      l("div", on, [
+        l("p", nn, G(n.item?.uploaded_name), 1),
+        l("p", an, [
           l("span", null, G(n.item?.username), 1),
-          ae(l("span", an, "|", 512), [
+          ae(l("span", sn, "|", 512), [
             [Qe, n.item?.username]
           ]),
           l("span", null, G(t.value), 1),
           s[0] || (s[0] = l("span", { class: "px-[5px]" }, "|", -1)),
-          l("span", sn, G(a(n.item?.size)), 1)
+          l("span", rn, G(a(n.item?.size)), 1)
         ])
       ])
     ], 64));
   }
-}), rn = { class: "p-3 relative group flex items-center gap-x-3 border border-gray-200 bg-white rounded-md w-full" }, un = {
+}), un = { class: "p-3 relative group flex items-center gap-x-3 border border-gray-200 bg-white rounded-md w-full" }, dn = {
   key: 0,
   class: "flex w-full gap-x-3 items-center"
-}, dn = {
+}, cn = {
   key: 1,
   class: "flex gap-x-3 w-full items-center"
-}, cn = {
+}, pn = {
   key: 2,
   class: "flex gap-x-3 w-full items-center"
-}, pn = ["href"], fn = {
+}, fn = ["href"], mn = {
   key: 3,
   class: "flex gap-x-3 w-full items-center"
-}, mn = { class: "lg:absolute lg:top-3 lg:end-1 opacity-100" }, vn = { 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" }, hn = { class: "inline-block" }, gn = { class: "inline-block" }, bn = /* @__PURE__ */ U({
+}, vn = { class: "lg:absolute lg:top-3 lg:end-1 opacity-100" }, hn = { 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" }, gn = { class: "inline-block" }, bn = { class: "inline-block" }, yn = /* @__PURE__ */ U({
   __name: "vs-widget-file-item",
   props: {
     item: { default: null },
@@ -1386,42 +1386,42 @@ const Et = /* @__PURE__ */ X(Wo, [["render", Zo]]), Ko = { class: "h-[120px] w-[
     function p(f) {
       (t.item.ext === "jpg" || t.item.ext === "png") && a("openLightbox", { item: t.item, index: f });
     }
-    return (f, m) => (i(), d("div", rn, [
-      f.item.ext === "jpg" || f.item.ext === "png" ? (i(), d("div", un, [
+    return (f, m) => (i(), d("div", un, [
+      f.item.ext === "jpg" || f.item.ext === "png" ? (i(), d("div", dn, [
         l("div", {
           class: "max-w-[55vw] cursor-pointer flex gap-x-3 w-full items-center",
           onClick: m[0] || (m[0] = (y) => p(f.index))
         }, [
           A(Je, { item: f.item }, null, 8, ["item"])
         ])
-      ])) : n(f.item) ? (i(), d("div", dn, [
+      ])) : n(f.item) ? (i(), d("div", cn, [
         A(Je, { item: f.item }, null, 8, ["item"])
-      ])) : s(f.item) ? (i(), d("div", cn, [
+      ])) : s(f.item) ? (i(), d("div", pn, [
         l("a", {
           href: `/api/file-preview?id=${f.item.file_id}`,
           target: "_blank",
           class: "flex gap-x-3 w-full items-center"
         }, [
           A(Je, { item: f.item }, null, 8, ["item"])
-        ], 8, pn)
-      ])) : (i(), d("div", fn, [
+        ], 8, fn)
+      ])) : (i(), d("div", mn, [
         A(Je, { item: f.item }, null, 8, ["item"])
       ])),
-      l("div", mn, [
-        l("div", vn, [
-          l("div", hn, [
+      l("div", vn, [
+        l("div", hn, [
+          l("div", gn, [
             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: m[1] || (m[1] = (y) => r(f.item))
             }, [
-              A(Et, {
+              A(It, {
                 height: "14",
                 width: "14"
               })
             ])
           ]),
           m[3] || (m[3] = l("div", { class: "w-px h-5 mx-1 bg-gray-200 dark:bg-neutral-700" }, null, -1)),
-          l("div", gn, [
+          l("div", bn, [
             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",
@@ -1437,7 +1437,7 @@ const Et = /* @__PURE__ */ X(Wo, [["render", Zo]]), Ko = { class: "h-[120px] w-[
       ])
     ]));
   }
-}), yn = {}, xn = {
+}), xn = {}, wn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1449,8 +1449,8 @@ const Et = /* @__PURE__ */ X(Wo, [["render", Zo]]), Ko = { class: "h-[120px] w-[
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-download"
 };
-function wn(o, e) {
-  return i(), d("svg", xn, e[0] || (e[0] = [
+function kn(o, e) {
+  return i(), d("svg", wn, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1461,13 +1461,13 @@ function wn(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col widget-file xl:bg-white xl:rounded-xl dark:xl:bg-neutral-800 dark:xl:border-neutral-700 w-full" }, $n = { class: "flex w-full mb-[12px] items-center gap-x-2" }, Cn = { class: "font-semibold text-gray-800 dark:text-neutral-200 text-[14px]" }, Vn = { class1: "ml-auto" }, Mn = { 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" }, Ln = {
+const _n = /* @__PURE__ */ X(xn, [["render", kn]]), $n = { class: "flex flex-col widget-file xl:bg-white xl:rounded-xl dark:xl:bg-neutral-800 dark:xl:border-neutral-700 w-full" }, Cn = { class: "flex w-full mb-[12px] items-center gap-x-2" }, Vn = { class: "font-semibold text-gray-800 dark:text-neutral-200 text-[14px]" }, Mn = { class1: "ml-auto" }, Ln = { 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" }, Sn = {
   key: 0,
   class: "py-4 mb-4 space-y-4 border-gray-200 border-y dark:border-neutral-700"
-}, Sn = { class: "relative" }, Bn = {
+}, Bn = { class: "relative" }, jn = {
   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"
-}, jn = { key: 0 }, En = /* @__PURE__ */ U({
+}, En = { key: 0 }, In = /* @__PURE__ */ U({
   __name: "vs-input-file-list",
   props: {
     id: { default: "" },
@@ -1482,7 +1482,7 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
   },
   emits: ["update"],
   setup(o, { emit: e }) {
-    const t = o, a = Ae("form"), n = B(() => a.value.formId), s = k(!1), r = k(0), u = e, c = k(!1), p = k({}), f = k([]), m = k(""), y = B(() => Array.isArray(f.value) ? f.value.filter((I) => I.ext === "jpg" || I.ext === "png").map((I) => I?.file_path) : []), S = B(() => m.value === "" ? f.value : f.value.filter((I) => I?.uploaded_name?.includes(m.value))), q = (I) => {
+    const t = o, a = Ae("form"), n = B(() => a.value.formId), s = w(!1), r = w(0), u = e, c = w(!1), p = w({}), f = w([]), m = w(""), y = B(() => Array.isArray(f.value) ? f.value.filter((I) => I.ext === "jpg" || I.ext === "png").map((I) => I?.file_path) : []), S = B(() => m.value === "" ? f.value : f.value.filter((I) => I?.uploaded_name?.includes(m.value))), q = (I) => {
       const v = y.value.findIndex((x) => x === I.item.file_path);
       v !== -1 && (s.value = !0, r.value = v);
     }, R = async () => {
@@ -1528,19 +1528,19 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
     }), _e(() => {
       n.value && R();
     }), (I, v) => {
-      const x = mt("Lightbox"), V = mt("MessageBox");
-      return i(), d("div", _n, [
-        l("div", $n, [
-          l("h2", Cn, " Файлів: " + G(f.value?.length), 1),
-          l("div", Vn, [
+      const x = vt("Lightbox"), V = vt("MessageBox");
+      return i(), d("div", $n, [
+        l("div", Cn, [
+          l("h2", Vn, " Файлів: " + G(f.value?.length), 1),
+          l("div", Mn, [
             l("label", null, [
               l("input", {
                 type: "file",
                 class: "hidden",
                 onChange: v[0] || (v[0] = ($) => K($))
               }, null, 32),
-              l("div", Mn, [
-                A(kn, {
+              l("div", Ln, [
+                A(_n, {
                   height: "16",
                   width: "16"
                 })
@@ -1548,9 +1548,9 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
             ])
           ])
         ]),
-        f.value?.length > 4 ? (i(), d("div", Ln, [
+        f.value?.length > 4 ? (i(), d("div", Sn, [
           l("div", null, [
-            l("div", Sn, [
+            l("div", Bn, [
               v[8] || (v[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",
@@ -1588,8 +1588,8 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
             ])
           ])
         ])) : D("", !0),
-        f.value?.length ? (i(), d("div", Bn, [
-          (i(!0), d(re, null, fe(S.value, ($, F) => (i(), me(bn, {
+        f.value?.length ? (i(), d("div", jn, [
+          (i(!0), d(re, null, fe(S.value, ($, F) => (i(), me(yn, {
             key: F,
             prefix: I.prefix,
             item: $,
@@ -1598,7 +1598,7 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
             onOpenModal: v[3] || (v[3] = (te) => H(te)),
             onOpenLightbox: v[4] || (v[4] = (te) => q(te))
           }, null, 8, ["prefix", "item", "index"]))), 128)),
-          S.value.length ? D("", !0) : (i(), d("div", jn, v[9] || (v[9] = [
+          S.value.length ? D("", !0) : (i(), d("div", En, v[9] || (v[9] = [
             l("p", { class: "text-sm text-gray-600 font-sm" }, " Файлів з такою назвою не існує, введіть інше пошукове слово ", -1)
           ])))
         ])) : D("", !0),
@@ -1617,7 +1617,7 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
       ]);
     };
   }
-}), In = { class: "flex items-center justify-between" }, zn = { class: "text-[16px] text-gray-900 font-medium" }, An = { class: "grid gap-3" }, Tn = /* @__PURE__ */ U({
+}), zn = { class: "flex items-center justify-between" }, An = { class: "text-[16px] text-gray-900 font-medium" }, Tn = { class: "grid gap-3" }, Fn = /* @__PURE__ */ U({
   __name: "vs-container-switcher",
   props: {
     title: {
@@ -1634,16 +1634,16 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
     }
   },
   setup(o) {
-    const e = o, t = k(e.isOpen);
+    const e = o, t = w(e.isOpen);
     return ue(
       () => e.isOpen,
       (a) => {
         t.value = a;
       }
     ), (a, n) => (i(), d("div", null, [
-      l("div", In, [
-        l("p", zn, G(o.title), 1),
-        A(Bt, {
+      l("div", zn, [
+        l("p", An, G(o.title), 1),
+        A(jt, {
           modelValue: t.value,
           "onUpdate:modelValue": n[0] || (n[0] = (s) => t.value = s),
           style: be(o.style)
@@ -1651,7 +1651,7 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
       ]),
       A(st, { name: "slide-fade" }, {
         default: Ee(() => [
-          ae(l("div", An, [
+          ae(l("div", Tn, [
             Se(a.$slots, "default", {}, void 0, !0)
           ], 512), [
             [Qe, t.value]
@@ -1661,7 +1661,7 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
       })
     ]));
   }
-}), Fn = /* @__PURE__ */ X(Tn, [["__scopeId", "data-v-90320b87"]]), On = { class: "text-[16px] text-gray-900 font-medium" }, Dn = { class: "grid gap-3" }, Un = /* @__PURE__ */ U({
+}), On = /* @__PURE__ */ X(Fn, [["__scopeId", "data-v-90320b87"]]), Dn = { class: "text-[16px] text-gray-900 font-medium" }, Un = { class: "grid gap-3" }, Pn = /* @__PURE__ */ U({
   __name: "vs-container-accordion",
   props: {
     title: {
@@ -1678,7 +1678,7 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
     }
   },
   setup(o) {
-    const e = o, t = k(e.isOpen);
+    const e = o, t = w(e.isOpen);
     return ue(
       () => e.isOpen,
       (a) => {
@@ -1690,14 +1690,14 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
         onClick: n[0] || (n[0] = (s) => t.value = !t.value),
         class: "flex items-center gap-2"
       }, [
-        A(ee(Pl), {
+        A(ee(Rl), {
           class: E(["h-4 w-4 duration-300", [t.value ? "-rotate-180" : ""]])
         }, null, 8, ["class"]),
-        l("span", On, G(o.title), 1)
+        l("span", Dn, G(o.title), 1)
       ]),
       A(st, { name: "slide-fade" }, {
         default: Ee(() => [
-          ae(l("div", Dn, [
+          ae(l("div", Un, [
             Se(a.$slots, "default", {}, void 0, !0)
           ], 512), [
             [Qe, t.value]
@@ -1707,7 +1707,7 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
       })
     ]));
   }
-}), Pn = /* @__PURE__ */ X(Un, [["__scopeId", "data-v-590eff11"]]), Rn = { class: "flex items-center justify-between" }, Hn = /* @__PURE__ */ U({
+}), Rn = /* @__PURE__ */ X(Pn, [["__scopeId", "data-v-590eff11"]]), Hn = { class: "flex items-center justify-between" }, Nn = /* @__PURE__ */ U({
   __name: "vs-container-default",
   props: {
     title: {
@@ -1721,16 +1721,16 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
   },
   setup(o) {
     return (e, t) => (i(), d("div", null, [
-      l("div", Rn, [
+      l("div", Hn, [
         l("p", null, G(o.title), 1)
       ]),
       Se(e.$slots, "default")
     ]));
   }
-}), Nn = {
-  switcher: Fn,
-  accordion: Pn,
-  default: Hn
+}), qn = {
+  switcher: On,
+  accordion: Rn,
+  default: Nn
 }, we = {
   Equal: "==",
   Inequal: "!=",
@@ -1744,37 +1744,37 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
   Contain: "*",
   In: "in",
   NotIn: "not_in"
-}, qn = (o, e) => String(o) === String(e), Wn = (o, e) => String(o) !== String(e), Gn = (o, e) => o > e, Zn = (o, e) => o >= e, Kn = (o, e) => o < e, Jn = (o, e) => o <= e, Yn = (o, e) => Array.isArray(e) && e.length === 2 ? o >= e[0] && o <= e[1] : !1, Xn = (o, e) => String(o).startsWith(String(e)), Qn = (o, e) => String(o).endsWith(String(e)), ea = (o, e) => String(o).includes(String(e)), ta = (o, e) => Array.isArray(e) ? e.includes(o) : !1, la = (o, e) => Array.isArray(e) ? !e.includes(o) : !0, It = (o, e) => {
+}, Wn = (o, e) => String(o) === String(e), Gn = (o, e) => String(o) !== String(e), Zn = (o, e) => o > e, Kn = (o, e) => o >= e, Jn = (o, e) => o < e, Yn = (o, e) => o <= e, Xn = (o, e) => Array.isArray(e) && e.length === 2 ? o >= e[0] && o <= e[1] : !1, Qn = (o, e) => String(o).startsWith(String(e)), ea = (o, e) => String(o).endsWith(String(e)), ta = (o, e) => String(o).includes(String(e)), la = (o, e) => Array.isArray(e) ? e.includes(o) : !1, oa = (o, e) => Array.isArray(e) ? !e.includes(o) : !0, zt = (o, e) => {
   if (!e) return !0;
   switch (e?.[1]) {
     case we.Equal:
-      return qn(o, e?.[2]);
-    case we.Inequal:
       return Wn(o, e?.[2]);
-    case we.Higer:
+    case we.Inequal:
       return Gn(o, e?.[2]);
-    case we.HigerOrEqual:
+    case we.Higer:
       return Zn(o, e?.[2]);
-    case we.Lower:
+    case we.HigerOrEqual:
       return Kn(o, e?.[2]);
-    case we.LowerOrEqual:
+    case we.Lower:
       return Jn(o, e?.[2]);
-    case we.Between:
+    case we.LowerOrEqual:
       return Yn(o, e?.[2]);
-    case we.StartWith:
+    case we.Between:
       return Xn(o, e?.[2]);
-    case we.EndWith:
+    case we.StartWith:
       return Qn(o, e?.[2]);
-    case we.Contain:
+    case we.EndWith:
       return ea(o, e?.[2]);
-    case we.In:
+    case we.Contain:
       return ta(o, e?.[2]);
-    case we.NotIn:
+    case we.In:
       return la(o, e?.[2]);
+    case we.NotIn:
+      return oa(o, e?.[2]);
     default:
       return !0;
   }
-}, oa = /* @__PURE__ */ U({
+}, na = /* @__PURE__ */ U({
   __name: "vs-input-container",
   props: {
     style: {
@@ -1799,15 +1799,15 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
       const u = r?.conditions;
       if (!u) return !0;
       const c = Array.isArray(u) ? u[0] : u, p = t?.value?.[c];
-      return It(p, u);
-    })), s = B(() => Nn[e.view]);
+      return zt(p, u);
+    })), s = B(() => qn[e.view]);
     return (r, u) => o.schema?.length ? (i(), me(Fe(s.value), {
       key: 0,
       title: o.title,
       style: be(o.style)
     }, {
       default: Ee(() => [
-        (i(!0), d(re, null, fe(n.value, (c) => (i(), me(zt, Te({
+        (i(!0), d(re, null, fe(n.value, (c) => (i(), me(At, Te({
           key: c.name
         }, { ref_for: !0 }, c, {
           item: c,
@@ -1820,13 +1820,13 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
       _: 1
     }, 8, ["title", "style"])) : D("", !0);
   }
-}), na = ["aria-expanded", "data-focus"], aa = { class: "flex items-center" }, sa = ["title"], ra = ["innerHTML"], ia = ["onClick"], ua = ["title"], da = ["innerHTML"], ca = {
+}), aa = ["aria-expanded", "data-focus"], sa = { class: "flex items-center" }, ra = ["title"], ia = ["innerHTML"], ua = ["onClick"], da = ["title"], ca = ["innerHTML"], pa = {
   key: 2,
   class: "text-gray-500 truncate"
-}, pa = { class: "flex-1 min-w-[2px]" }, fa = ["placeholder"], ma = { class: "flex items-center shrink-0" }, va = ["disabled"], ha = ["disabled", "title"], ga = ["aria-disabled", "onClick"], ba = ["innerHTML"], ya = {
+}, fa = { class: "flex-1 min-w-[2px]" }, ma = ["placeholder"], va = { class: "flex items-center shrink-0" }, ha = ["disabled"], ga = ["disabled", "title"], ba = ["aria-disabled", "onClick"], ya = ["innerHTML"], xa = {
   key: 1,
   class: "px-3 py-2 text-center text-gray-500"
-}, xa = ["disabled"], wt = /* @__PURE__ */ U({
+}, wa = ["disabled"], kt = /* @__PURE__ */ U({
   __name: "vs-input-select",
   props: {
     multiple: { type: Boolean, default: !1 },
@@ -1861,56 +1861,56 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
       set: (h) => a("update:modelValue", h)
     });
     !r.value && t.defaultValue && (r.value = t.defaultValue);
-    const u = k(null), c = k(null), p = k(null), f = k(null), m = k(!1), y = k(!1), S = k(null), q = k([]), R = k(-1), K = k([]), T = k(""), H = k(null), I = k("bottom"), v = k({}), x = k([]), V = B(() => {
+    const u = w(null), c = w(null), p = w(null), f = w(null), m = w(!1), y = w(!1), S = w(null), q = w([]), R = w(-1), K = w([]), T = w(""), H = w(null), I = w("bottom"), v = w({}), x = w([]), V = B(() => {
       if (!x.value.length) return [];
-      const h = q.value, b = new Map(h.map((w) => [w.id?.toString(), w]));
-      return x.value.map((w) => b.get(w?.toString())).filter((w) => !!w);
+      const h = q.value, b = new Map(h.map((k) => [k.id?.toString(), k]));
+      return x.value.map((k) => b.get(k?.toString())).filter((k) => !!k);
     }), $ = B(() => t.placeholder || "Select..."), F = B(() => W(S.value)), te = B(() => n.value ? !x.value.length && T.value === "" : !F.value && T.value === ""), J = B(() => s.value ? !1 : n.value ? x.value.length > 0 : !!r.value), M = (h) => n.value ? x.value.some((b) => b?.toString() === h?.toString()) : r.value?.toString() === h?.toString(), Z = B(() => {
       let h = q.value ?? [];
       if (!t.data && T.value.trim() !== "") {
         const b = T.value.toLowerCase();
-        h = h.filter((w) => {
-          const P = W(w).toLowerCase(), ne = w.text?.toLowerCase?.() || "";
+        h = h.filter((k) => {
+          const P = W(k).toLowerCase(), ne = k.text?.toLowerCase?.() || "";
           return P.includes(b) || ne.includes(b);
         });
       }
       if (n.value && x.value.length) {
-        const b = new Set(x.value.map((w) => w?.toString()));
-        h = h.filter((w) => !b.has(w.id?.toString()));
+        const b = new Set(x.value.map((k) => k?.toString()));
+        h = h.filter((k) => !b.has(k.id?.toString()));
       }
       return h;
     }), N = Ae("values"), le = /\{\{\s*([^}]+?)\s*\}\}/g, z = (h) => (h ? String(h) : "").replace(/<[^>]*>/g, "").trim(), j = B(() => t.slot ?? t?.optionTemplate ?? ""), C = (h) => {
       if (!h) return "";
       const b = j.value;
-      return b ? b.replace(le, (w, P) => {
+      return b ? b.replace(le, (k, P) => {
         const ne = P.trim(), pe = h[ne];
         return pe != null ? String(pe) : "";
       }) : h.text ?? "";
     }, W = (h) => {
       if (!h) return "";
       if (!j.value) return h.text ?? "";
-      const w = C(h);
-      return z(w) || h.text || "";
+      const k = C(h);
+      return z(k) || h.text || "";
     }, oe = (h) => {
-      t.set && N?.value && Object.entries(t.set).forEach(([b, w]) => {
+      t.set && N?.value && Object.entries(t.set).forEach(([b, k]) => {
         if (!b) return;
-        const P = h ? h[w] : null;
+        const P = h ? h[k] : null;
         N.value[b] = P ?? null;
       });
     }, se = B(() => t.parent ? N?.value?.[t.parent]?.toString() ?? null : null), Le = async (h) => {
       if (!t.data) {
         let b = t.options ?? [];
         if (h?.trim()) {
-          const w = h.toLowerCase();
+          const k = h.toLowerCase();
           b = b.filter((P) => {
             const ne = W(P).toLowerCase(), pe = P.text?.toLowerCase?.() || "";
-            return ne.includes(w) || pe.includes(w);
+            return ne.includes(k) || pe.includes(k);
           });
         }
         return b;
       }
       try {
-        const b = t.host ?? "", w = t.prefix ?? "api", P = t.api ?? `/${w}/suggest/${t.data}`, ne = `${b}${P}`, pe = new URLSearchParams();
+        const b = t.host ?? "", k = t.prefix ?? "api", P = t.api ?? `/${k}/suggest/${t.data}`, ne = `${b}${P}`, pe = new URLSearchParams();
         return pe.set("json", "1"), h && pe.set("key", h), se.value !== void 0 && se.value !== null && se.value !== "" && pe.set("parent", se.value), (await fetch(`${ne}?${pe.toString()}`).then((ze) => ze.json()))?.data ?? [];
       } catch {
         return [];
@@ -1919,19 +1919,19 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
       t.data ? q.value = await Le(T.value) : q.value = t.options ? [...t.options] : [];
     }, Ge = async (h) => {
       if (h == null) return null;
-      const b = q.value?.find((w) => w?.id?.toString() === String(h));
+      const b = q.value?.find((k) => k?.id?.toString() === String(h));
       if (b) return b;
       if (t.data)
         try {
-          const w = t.host ?? "", P = t.prefix ?? "api", ne = t.api ?? `/${P}/suggest/${t.data}`, pe = `${w}${ne}`, xe = new URLSearchParams();
+          const k = t.host ?? "", P = t.prefix ?? "api", ne = t.api ?? `/${P}/suggest/${t.data}`, pe = `${k}${ne}`, xe = new URLSearchParams();
           return xe.set("json", "1"), xe.set("val", String(h)), se.value !== void 0 && se.value !== null && se.value !== "" && xe.set("parent", se.value), ((await fetch(`${pe}?${xe.toString()}`).then((Pe) => Pe.json()))?.data ?? [])?.[0] ?? null;
         } catch {
           return null;
         }
       return null;
     }, tt = async (h) => {
-      const b = new Set(q.value.map((P) => P.id?.toString())), w = h.filter((P) => !b.has(P?.toString()));
-      w.length && await w.reduce(async (P, ne) => {
+      const b = new Set(q.value.map((P) => P.id?.toString())), k = h.filter((P) => !b.has(P?.toString()));
+      k.length && await k.reduce(async (P, ne) => {
         await P;
         const pe = await Ge(ne);
         pe && q.value.push(pe);
@@ -1959,9 +1959,9 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
       M(h.id) || Q(h);
     }, Ve = (h, b) => {
       if (!h || !b) return;
-      const w = h.offsetTop, P = w + h.offsetHeight, ne = b.scrollTop, pe = ne + b.clientHeight;
+      const k = h.offsetTop, P = k + h.offsetHeight, ne = b.scrollTop, pe = ne + b.clientHeight;
       let xe = b.scrollTop;
-      w < ne ? xe = w - 80 : P > pe && (xe = P - b.clientHeight + 4);
+      k < ne ? xe = k - 80 : P > pe && (xe = P - b.clientHeight + 4);
       const ze = b;
       ze.scrollTop = xe;
     }, Be = (h) => {
@@ -1969,7 +1969,7 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
       for (; b; ) {
         if (b.classList.contains("ui-dialog__content"))
           return b;
-        const w = window.getComputedStyle(b), P = w.overflow + w.overflowY + w.overflowX;
+        const k = window.getComputedStyle(b), P = k.overflow + k.overflowY + k.overflowX;
         if (P.includes("auto") || P.includes("scroll") || b === document.body || b === document.documentElement)
           return b;
         b = b.parentElement;
@@ -1977,12 +1977,12 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
       return document.body;
     }, Me = () => {
       if (!c.value) return;
-      const h = c.value.getBoundingClientRect(), b = window.innerHeight || document.documentElement.clientHeight, w = window.innerWidth || document.documentElement.clientWidth, P = 8, ne = 8, pe = t.maxHeight || 300, xe = b - h.bottom - ne - P, ze = h.top - ne - P, Ue = xe >= ze, Pe = Math.max(w - P * 2, 0);
+      const h = c.value.getBoundingClientRect(), b = window.innerHeight || document.documentElement.clientHeight, k = window.innerWidth || document.documentElement.clientWidth, P = 8, ne = 8, pe = t.maxHeight || 300, xe = b - h.bottom - ne - P, ze = h.top - ne - P, Ue = xe >= ze, Pe = Math.max(k - P * 2, 0);
       let { width: Re } = h;
       Pe > 0 && Re > Pe && (Re = Pe);
       let { left: He } = h;
-      He + Re + P > w && (He = w - Re - P), He = Math.max(He, P);
-      const Ht = Math.min(
+      He + Re + P > k && (He = k - Re - P), He = Math.max(He, P);
+      const Nt = Math.min(
         pe,
         Math.max(Ue ? xe : ze, 50)
       );
@@ -1991,13 +1991,13 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
         left: `${He}px`,
         width: `${Re}px`,
         minWidth: "300px",
-        maxHeight: `${Ht}px`,
+        maxHeight: `${Nt}px`,
         transform: Ue ? "none" : "translateY(-100%)",
         top: Ue ? `${h.bottom + ne}px` : `${h.top - ne}px`
       };
     }, Ie = async (h) => {
       s.value || !m.value && (h.key === "ArrowDown" || h.key === "ArrowUp") && (h.preventDefault(), await De());
-    }, Tt = (h) => {
+    }, Ft = (h) => {
       if (!m.value) return;
       const { key: b } = h;
       if (b === "ArrowDown")
@@ -2006,12 +2006,12 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
         h.preventDefault(), R.value > 0 && (R.value -= 1, Ve(K.value[R.value], p.value));
       else if (b === "Enter") {
         h.preventDefault();
-        const w = Z.value[R.value];
-        w && Q(w), H.value?.blur();
+        const k = Z.value[R.value];
+        k && Q(k), H.value?.blur();
       } else b === "Escape" ? (h.preventDefault(), Ce()) : b === "Backspace" ? n.value && T.value === "" && x.value.length && (x.value = x.value.slice(0, -1), r.value = [...x.value], a("change", r.value)) : b === "Home" ? (R.value = 0, Ve(K.value[0], p.value)) : b === "End" ? (R.value = Z.value.length - 1, Ve(K.value[R.value], p.value)) : b === "Tab" && Ce();
-    }, Ft = () => {
-      s.value || (y.value = !0);
     }, Ot = () => {
+      s.value || (y.value = !0);
+    }, Dt = () => {
       y.value = !1, T.value = "";
     }, rt = (h) => {
       h.key === "Escape" && m.value && Ce();
@@ -2042,61 +2042,63 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
     ue(r, () => {
       Ze();
     }), _e(async () => {
-      addEventListener("keydown", rt), addEventListener("scroll", ut, !0), addEventListener("resize", dt), document.addEventListener("click", it, !0), c.value && Be(c.value).addEventListener("scroll", ct, !0), t.options?.length && !t.data ? q.value = [...t.options] : t.data && (q.value = await Le("")), await Ze();
+      addEventListener("keydown", rt), addEventListener("scroll", ut, !0), addEventListener("resize", dt), document.addEventListener("click", it, !0), c.value && Be(c.value).addEventListener("scroll", ct, !0), t.options?.length && !t.data ? q.value = [...t.options] : t.data && (q.value = await Le("")), await Ze(), mt.value = !1;
     }), Xe(() => {
       removeEventListener("keydown", rt), removeEventListener("scroll", ut, !0), removeEventListener("resize", dt), document.removeEventListener("click", it, !0), c.value && Be(c.value).removeEventListener("scroll", ct, !0);
     });
-    const Ke = k(!1), lt = k({}), pt = k([]), ft = k(null);
-    async function Dt() {
+    const Ke = w(!1), lt = w({}), pt = w([]), ft = w(null);
+    async function Ut() {
       if (!t.add?.token || ft?.value.validate())
         return;
-      const b = t.add.api ?? `/api/table/${t.add.token}`, { id: w } = await fetch(b, {
+      const b = t.add.api ?? `/api/table/${t.add.token}`, { id: k } = await fetch(b, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify(lt.value)
       }).then((P) => P.json());
       if (!t.options?.length && t.data) {
-        const { data: P } = await fetch(`${t.api ?? `/api/suggest/${t.data}`}?val=${w}`).then((ne) => ne.json());
-        S.value = P[0], q.value.push(P[0]), r.value = w;
+        const { data: P } = await fetch(`${t.api ?? `/api/suggest/${t.data}`}?val=${k}`).then((ne) => ne.json());
+        S.value = P[0], q.value.push(P[0]), r.value = k;
       }
       Ke.value = !1, ce({ title: "Success!", message: "Object created." });
     }
-    async function Ut() {
+    async function Pt() {
       if (!t.add) return null;
       const h = await fetch(`/api/template/form/${t.add.form}`).then((b) => b.json());
       return pt.value = h.schema, Ke.value = !0, null;
     }
-    function Pt(h, b = 200) {
-      let w;
+    function Rt(h, b = 200) {
+      let k;
       return (...P) => {
-        w && clearTimeout(w), w = window.setTimeout(() => h(...P), b);
+        k && clearTimeout(k), k = window.setTimeout(() => h(...P), b);
       };
     }
-    const Rt = Pt(async (h) => {
+    const Ht = Rt(async (h) => {
       q.value = await Le(h);
     }, 200);
-    return ue(T, (h) => {
-      t.data && Rt(h.trim());
+    ue(T, (h) => {
+      t.data && Ht(h.trim());
     }), ue(() => t.options, (h) => {
       !t.data && h?.length && (q.value = [...h], Ze());
     }, { immediate: !0 }), ue(() => t.parent ?? t.parentValue, () => {
       t.data && Oe();
-    }), ue(se, async () => {
-      t.data && (n.value ? (x.value = [], r.value = [], a("change", [])) : (S.value = null, r.value = null, a("change", null)), await Oe());
+    });
+    const mt = w(!0);
+    return ue(se, async () => {
+      t.data && (mt.value || (n.value ? (x.value = [], r.value = [], a("change", [])) : (S.value = null, r.value = null, a("change", null))), await Oe());
     }), (h, b) => (i(), d(re, null, [
-      A(ee(Lt), {
+      A(ee(St), {
         visible: Ke.value,
-        "onUpdate:visible": b[1] || (b[1] = (w) => Ke.value = w),
+        "onUpdate:visible": b[1] || (b[1] = (k) => Ke.value = k),
         title: "Додати",
         buttonText: "Додати",
-        onDone: Dt,
+        onDone: Ut,
         teleport: h.teleport
       }, {
         default: Ee(() => [
           A(We, {
             schema: pt.value,
             modelValue: lt.value,
-            "onUpdate:modelValue": b[0] || (b[0] = (w) => lt.value = w),
+            "onUpdate:modelValue": b[0] || (b[0] = (k) => lt.value = k),
             ref_key: "addForm",
             ref: ft
           }, null, 8, ["schema", "modelValue"])
@@ -2143,32 +2145,32 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
               ref_key: "triggerRef",
               ref: c
             }, [
-              n.value && x.value.length ? (i(!0), d(re, { key: 0 }, fe(V.value, (w) => (i(), d("div", {
+              n.value && x.value.length ? (i(!0), d(re, { key: 0 }, fe(V.value, (k) => (i(), d("div", {
                 class: "flex min-w-0 bg-[#e6e6e6] rounded-sm m-0.5 box-border",
-                key: w.id
+                key: k.id
               }, [
-                l("div", aa, [
-                  w?.color ? (i(), d("span", {
+                l("div", sa, [
+                  k?.color ? (i(), d("span", {
                     key: 0,
                     class: "w-[16px] h-[16px] rounded-md block ml-1.5",
-                    style: be({ backgroundColor: w?.color })
+                    style: be({ backgroundColor: k?.color })
                   }, null, 4)) : D("", !0),
                   l("div", {
                     class: "truncate text-gray-900 overflow-hidden",
-                    title: W(w)
+                    title: W(k)
                   }, [
                     j.value ? (i(), d("span", {
                       key: 0,
-                      innerHTML: C(w)
-                    }, null, 8, ra)) : (i(), d(re, { key: 1 }, [
-                      ge(G(w.text), 1)
+                      innerHTML: C(k)
+                    }, null, 8, ia)) : (i(), d(re, { key: 1 }, [
+                      ge(G(k.text), 1)
                     ], 64))
-                  ], 8, sa)
+                  ], 8, ra)
                 ]),
                 l("div", {
                   role: "button",
                   class: "flex items-center rounded-sm px-1 box-border hover:bg-[#ffbdad] hover:text-[#de350b]",
-                  onClick: ke((P) => O(w.id), ["stop"])
+                  onClick: ke((P) => O(k.id), ["stop"])
                 }, b[5] || (b[5] = [
                   l("svg", {
                     height: "14",
@@ -2180,7 +2182,7 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { 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, ia)
+                ]), 8, ua)
               ]))), 128)) : !n.value && !y.value && F.value && T.value === "" ? (i(), d("div", {
                 key: 1,
                 class: E(["truncate text-gray-900"]),
@@ -2195,13 +2197,13 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
                   key: 1,
                   class: E({ "pl-5": S.value?.color }),
                   innerHTML: C(S.value)
-                }, null, 10, da)) : (i(), d("span", {
+                }, null, 10, ca)) : (i(), d("span", {
                   key: 2,
                   class: E({ "pl-5": S.value?.color })
                 }, G(S.value?.text), 3))
-              ], 8, ua)) : D("", !0),
-              te.value ? (i(), d("div", ca, G($.value), 1)) : D("", !0),
-              l("div", pa, [
+              ], 8, da)) : D("", !0),
+              te.value ? (i(), d("div", pa, G($.value), 1)) : D("", !0),
+              l("div", fa, [
                 !s.value && h.search ? ae((i(), d("input", {
                   key: 0,
                   ref_key: "inputRef",
@@ -2215,16 +2217,16 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
                   tabindex: "0",
                   "aria-autocomplete": "list",
                   placeholder: (n.value && x.value.length ? " " : null) || y.value && !T.value?.length && F.value || " ",
-                  "onUpdate:modelValue": b[2] || (b[2] = (w) => T.value = w),
-                  onFocus: Ft,
-                  onBlur: Ot,
-                  onKeydown: Tt
-                }, null, 40, fa)), [
+                  "onUpdate:modelValue": b[2] || (b[2] = (k) => T.value = k),
+                  onFocus: Ot,
+                  onBlur: Dt,
+                  onKeydown: Ft
+                }, null, 40, ma)), [
                   [ve, T.value]
                 ]) : D("", !0)
               ])
             ], 512),
-            l("div", ma, [
+            l("div", va, [
               J.value ? (i(), d("button", {
                 key: 0,
                 type: "button",
@@ -2241,14 +2243,14 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { 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, va)) : D("", !0),
+              ]), 8, ha)) : D("", !0),
               b[8] || (b[8] = l("div", { class: "self-stretch w-px bg-[#ccc] my-[1px]" }, null, -1)),
               l("button", {
                 type: "button",
                 class: "px-2 text-gray-400 hover:text-gray-500 transition-colors disabled:opacity-50",
                 "aria-hidden": "true",
                 disabled: s.value,
-                onClick: b[3] || (b[3] = ke((w) => g(), ["stop"])),
+                onClick: b[3] || (b[3] = ke((k) => g(), ["stop"])),
                 title: m.value ? "Закрити список" : "Відкрити список"
               }, b[7] || (b[7] = [
                 l("svg", {
@@ -2259,10 +2261,10 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { 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, ha)
+              ]), 8, ga)
             ])
-          ], 42, na),
-          (i(), me(Mt, { to: "body" }, [
+          ], 42, aa),
+          (i(), me(Lt, { to: "body" }, [
             m.value ? (i(), d("div", {
               key: 0,
               ref_key: "dropdownRef",
@@ -2279,48 +2281,48 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
                 ref_key: "listRef",
                 ref: p
               }, [
-                Z.value.length ? (i(!0), d(re, { key: 0 }, fe(Z.value, (w, P) => (i(), d("div", {
-                  key: w.id,
+                Z.value.length ? (i(!0), d(re, { key: 0 }, fe(Z.value, (k, P) => (i(), d("div", {
+                  key: k.id,
                   ref_for: !0,
                   ref: (ne) => K.value[P] = ne,
                   class: E([
                     "flex px-3 py-2 cursor-default select-none text-gray-900 ",
-                    M(w.id) ? "bg-blue-500 text-white" : "bg-white hover:bg-blue-100",
-                    R.value === P && !M(w.id) ? "bg-blue-100" : ""
+                    M(k.id) ? "bg-blue-500 text-white" : "bg-white hover:bg-blue-100",
+                    R.value === P && !M(k.id) ? "bg-blue-100" : ""
                   ]),
-                  "aria-disabled": M(w.id) ? "true" : "false",
+                  "aria-disabled": M(k.id) ? "true" : "false",
                   role: "option",
                   tabindex: "-1",
-                  onClick: (ne) => he(w)
+                  onClick: (ne) => he(k)
                 }, [
-                  w?.color ? (i(), d("span", {
+                  k?.color ? (i(), d("span", {
                     key: 0,
                     class: "w-[11px] h-[11px] rounded-full block mr-1 mt-1.5",
-                    style: be({ backgroundColor: w?.color })
+                    style: be({ backgroundColor: k?.color })
                   }, null, 4)) : D("", !0),
                   l("div", {
                     class: E([
                       "leading-[19px]",
-                      R.value === w.id ? "text-white" : "",
+                      R.value === k.id ? "text-white" : "",
                       // active style like react-select
                       (R.value === P, "")
                     ])
                   }, [
                     j.value ? (i(), d("span", {
                       key: 0,
-                      innerHTML: C(w)
-                    }, null, 8, ba)) : (i(), d(re, { key: 1 }, [
-                      ge(G(w.text), 1)
+                      innerHTML: C(k)
+                    }, null, 8, ya)) : (i(), d(re, { key: 1 }, [
+                      ge(G(k.text), 1)
                     ], 64))
                   ], 2)
-                ], 10, ga))), 128)) : (i(), d("div", ya, " No options "))
+                ], 10, ba))), 128)) : (i(), d("div", xa, " No options "))
               ], 4)
             ], 4)) : D("", !0)
           ]))
         ], 2),
         t.add ? (i(), d("button", {
           key: 0,
-          onClick: Ut,
+          onClick: Pt,
           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: s.value,
           type: "button"
@@ -2330,11 +2332,11 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
             height: "16"
           }),
           b[11] || (b[11] = l("span", null, "Додати", -1))
-        ], 8, xa)) : D("", !0)
+        ], 8, wa)) : D("", !0)
       ], 512)
     ], 64));
   }
-}), wa = ["placeholder", "disabled"], ka = /* @__PURE__ */ U({
+}), ka = ["placeholder", "disabled"], _a = /* @__PURE__ */ U({
   __name: "vs-input-textarea",
   props: /* @__PURE__ */ ie({
     style: { default: () => ({}) },
@@ -2360,11 +2362,11 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, wa)), [
+    }, null, 10, ka)), [
       [ve, a.value]
     ]);
   }
-}), _a = {}, $a = {
+}), $a = {}, Ca = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2374,8 +2376,8 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-search stroke-gray-500 transition-all"
 };
-function Ca(o, e) {
-  return i(), d("svg", $a, e[0] || (e[0] = [
+function Va(o, e) {
+  return i(), d("svg", Ca, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2385,7 +2387,7 @@ function Ca(o, e) {
     l("path", { d: "M21 21l-6 -6" }, null, -1)
   ]));
 }
-const Va = /* @__PURE__ */ X(_a, [["render", Ca]]), Ma = {}, La = {
+const Ma = /* @__PURE__ */ X($a, [["render", Va]]), La = {}, Sa = {
   class: "flex-shrink-0 mt-0.5 size-3.5",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
@@ -2395,15 +2397,15 @@ const Va = /* @__PURE__ */ X(_a, [["render", Ca]]), Ma = {}, La = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Sa(o, e) {
-  return i(), d("svg", La, e[0] || (e[0] = [
+function Ba(o, e) {
+  return i(), d("svg", Sa, 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 Ba = /* @__PURE__ */ X(Ma, [["render", Sa]]), ja = {}, Ea = {
+const ja = /* @__PURE__ */ X(La, [["render", Ba]]), Ea = {}, Ia = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "14",
   height: "14",
@@ -2414,8 +2416,8 @@ const Ba = /* @__PURE__ */ X(Ma, [["render", Sa]]), ja = {}, Ea = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Ia(o, e) {
-  return i(), d("svg", Ea, e[0] || (e[0] = [
+function za(o, e) {
+  return i(), d("svg", Ia, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2426,7 +2428,7 @@ function Ia(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const za = /* @__PURE__ */ X(ja, [["render", Ia]]), Aa = {}, Ta = {
+const Aa = /* @__PURE__ */ X(Ea, [["render", za]]), Ta = {}, Fa = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2435,8 +2437,8 @@ const za = /* @__PURE__ */ X(ja, [["render", Ia]]), Aa = {}, Ta = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Fa(o, e) {
-  return i(), d("svg", Ta, e[0] || (e[0] = [
+function Oa(o, e) {
+  return i(), d("svg", Fa, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2447,7 +2449,7 @@ function Fa(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const Oa = /* @__PURE__ */ X(Aa, [["render", Fa]]), Da = {}, Ua = {
+const Da = /* @__PURE__ */ X(Ta, [["render", Oa]]), Ua = {}, Pa = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2456,22 +2458,22 @@ const Oa = /* @__PURE__ */ X(Aa, [["render", Fa]]), Da = {}, Ua = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Pa(o, e) {
-  return i(), d("svg", Ua, e[0] || (e[0] = [
+function Ra(o, e) {
+  return i(), d("svg", Pa, e[0] || (e[0] = [
     ye('<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 kt = /* @__PURE__ */ X(Da, [["render", Pa]]), Ra = {}, Ha = {
+const _t = /* @__PURE__ */ X(Ua, [["render", Ra]]), Ha = {}, Na = {
   viewBox: "0 0 178 90",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Na(o, e) {
-  return i(), d("svg", Ha, e[0] || (e[0] = [
+function qa(o, e) {
+  return i(), d("svg", Na, e[0] || (e[0] = [
     ye('<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 qa = /* @__PURE__ */ X(Ra, [["render", Na]]), Wa = {}, Ga = {
+const Wa = /* @__PURE__ */ X(Ha, [["render", qa]]), Ga = {}, Za = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2480,25 +2482,25 @@ const qa = /* @__PURE__ */ X(Ra, [["render", Na]]), Wa = {}, Ga = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Za(o, e) {
-  return i(), d("svg", Ga, e[0] || (e[0] = [
+function Ka(o, e) {
+  return i(), d("svg", Za, 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 Ka = /* @__PURE__ */ X(Wa, [["render", Za]]), Ja = { class: "vs-datatable border rounded-xl w-full flex-grow" }, Ya = { class: "flex items-center npm gap-[16px] justify-between p-[20px] pb-[16px]" }, Xa = { class: "relative w-full" }, Qa = { class: "table-wrapper flex gap-2" }, es = { class: "vs-popover inline-block text-slate-700" }, ts = { class: "text-center" }, ls = { class: "" }, os = { 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" }, ns = { class: "flex flex-col p-[1px] gap-[2px] w-[140px]" }, as = { class: "text-sm items-center text-gray-800 flex gap-1" }, ss = { class: "w-full overflow-x-auto" }, rs = { class: "w-full table-auto caption-bottom text-sm" }, is = { class: "[&_tr]:border-b" }, us = { 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" }, ds = { 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" }, cs = {
+const Ja = /* @__PURE__ */ X(Ga, [["render", Ka]]), Ya = { class: "vs-datatable border rounded-xl w-full flex-grow" }, Xa = { class: "flex items-center npm gap-[16px] justify-between p-[20px] pb-[16px]" }, Qa = { class: "relative w-full" }, es = { class: "table-wrapper flex gap-2" }, ts = { class: "vs-popover inline-block text-slate-700" }, ls = { class: "text-center" }, os = { class: "" }, ns = { 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" }, as = { class: "flex flex-col p-[1px] gap-[2px] w-[140px]" }, ss = { class: "text-sm items-center text-gray-800 flex gap-1" }, rs = { class: "w-full overflow-x-auto" }, is = { class: "w-full table-auto caption-bottom text-sm" }, us = { class: "[&_tr]:border-b" }, ds = { 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" }, cs = { 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" }, ps = {
   key: 0,
   colspan: "100%",
   class: "text-center"
-}, ps = { class: "w-full" }, fs = { class: "p-5 min-h-[200px] flex flex-col justify-center items-center text-center" }, ms = ["onDragstart", "onDragover", "onDrop"], vs = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] text-center" }, hs = { class: "flex items-center justify-center" }, gs = {
+}, fs = { class: "w-full" }, ms = { class: "p-5 min-h-[200px] flex flex-col justify-center items-center text-center" }, vs = ["onDragstart", "onDragover", "onDrop"], hs = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] text-center" }, gs = { class: "flex items-center justify-center" }, bs = {
   key: 0,
   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"
-}, bs = { key: 0 }, ys = ["src"], xs = {
+}, ys = { key: 0 }, xs = ["src"], ws = {
   key: 1,
   class: "rounded-md max-w-[45px] w-[45px] max-h-[45px] h-[45px] bg-gray-200 flex items-center justify-center"
-}, ws = ["innerHTML"], ks = {
+}, ks = ["innerHTML"], _s = {
   key: 2,
   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"
-}, _s = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]" }, $s = { class: "flex items-center justify-center gap-2" }, Cs = ["onClick"], Vs = ["onClick"], Ms = { class: "vs-form__head mr-5 mt-3 flex items-center justify-end sticky top-0 left-0 z-[60] bg-white" }, Ls = /* @__PURE__ */ U({
+}, $s = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]" }, Cs = { class: "flex items-center justify-center gap-2" }, Vs = ["onClick"], Ms = ["onClick"], Ls = { class: "vs-form__head mr-5 mt-3 flex items-center justify-end sticky top-0 left-0 z-[60] bg-white" }, Ss = /* @__PURE__ */ U({
   __name: "vs-input-datatable",
   props: /* @__PURE__ */ ie({
     colModel: {},
@@ -2515,14 +2517,14 @@ const Ka = /* @__PURE__ */ X(Wa, [["render", Za]]), Ja = { class: "vs-datatable
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = de(o, "modelValue"), a = k({}), n = k(""), s = B(() => {
+    const e = o, t = de(o, "modelValue"), a = w({}), n = w(""), s = B(() => {
       if (!n.value) return t.value ?? [];
       const z = n.value.toLowerCase();
       return t.value.filter((j) => e.colModel?.some((C) => {
         const W = j[C.key];
         return W ? Array.isArray(W) ? W.join(", ").toLowerCase().includes(z) : String(W).toLowerCase().includes(z) : !1;
       }));
-    }), r = k(null), u = k(null), c = k(!1), p = k(null), f = k({ top: 0, left: 0 }), m = (z) => {
+    }), r = w(null), u = w(null), c = w(!1), p = w(null), f = w({ top: 0, left: 0 }), m = (z) => {
       r.value = z;
     }, y = (z) => {
       u.value = z;
@@ -2567,9 +2569,9 @@ const Ka = /* @__PURE__ */ X(Wa, [["render", Za]]), Ja = { class: "vs-datatable
         a.value[j.key] = W.data;
       }));
     });
-    const I = k(""), v = k(!1);
+    const I = w(""), v = w(!1);
     let x = "edit", V = 0;
-    const $ = k({}), F = k({});
+    const $ = w({}), F = w({});
     async function te() {
       I.value = "Додати", v.value = !0, x = "add", $.value = {};
     }
@@ -2595,10 +2597,10 @@ const Ka = /* @__PURE__ */ X(Wa, [["render", Za]]), Ja = { class: "vs-datatable
     function le() {
       v.value = !1;
     }
-    return (z, j) => (i(), d("div", Ja, [
-      l("div", Ya, [
-        l("div", Xa, [
-          A(Va, {
+    return (z, j) => (i(), d("div", Ya, [
+      l("div", Xa, [
+        l("div", Qa, [
+          A(Ma, {
             width: "14",
             height: "14",
             class: "absolute left-3 top-1/2 transform -translate-y-1/2 text-stone-500"
@@ -2612,7 +2614,7 @@ const Ka = /* @__PURE__ */ X(Wa, [["render", Za]]), Ja = { class: "vs-datatable
             [ve, n.value]
           ])
         ]),
-        l("div", Qa, [
+        l("div", es, [
           l("input", {
             ref_key: "fileInput",
             ref: p,
@@ -2621,14 +2623,14 @@ const Ka = /* @__PURE__ */ X(Wa, [["render", Za]]), Ja = { class: "vs-datatable
             accept: ".json",
             type: "file"
           }, null, 544),
-          l("div", es, [
-            l("div", ts, [
-              l("div", ls, [
+          l("div", ts, [
+            l("div", ls, [
+              l("div", os, [
                 l("button", {
                   onClick: q,
                   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"
                 }, [
-                  A(Ba, {
+                  A(ja, {
                     height: "16",
                     width: "16"
                   })
@@ -2637,19 +2639,19 @@ const Ka = /* @__PURE__ */ X(Wa, [["render", Za]]), Ja = { class: "vs-datatable
             ])
           ])
         ]),
-        (i(), me(Mt, { to: "body" }, [
+        (i(), me(Lt, { to: "body" }, [
           c.value ? (i(), d("div", {
             key: 0,
             class: "text-slate-700 vsTailwind vs-popover__content bottom",
             style: be([{ width: "fit-content", "z-index": "10002", position: "fixed" }, { position: "absolute", top: f.value.top + "px", left: f.value.left + "px" }])
           }, [
-            l("div", os, [
-              l("div", ns, [
+            l("div", ns, [
+              l("div", as, [
                 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"
                 }, [
-                  A(za, {
+                  A(Aa, {
                     class: "text-black",
                     width: "14",
                     height: "14"
@@ -2660,8 +2662,8 @@ const Ka = /* @__PURE__ */ X(Wa, [["render", Za]]), Ja = { class: "vs-datatable
                   onClick: H,
                   class: "text-slate-700 flex items-center px-3 py-2 rounded-md cursor-pointer group hover:bg-gray-100"
                 }, [
-                  l("span", as, [
-                    A(Oa, {
+                  l("span", ss, [
+                    A(Da, {
                       class: "text-black",
                       width: "14",
                       height: "14"
@@ -2681,12 +2683,12 @@ const Ka = /* @__PURE__ */ X(Wa, [["render", Za]]), Ja = { class: "vs-datatable
           j[6] || (j[6] = ge(" Додати ", -1))
         ])
       ]),
-      l("div", ss, [
-        l("table", rs, [
-          l("thead", is, [
-            l("tr", us, [
-              l("th", ds, [
-                A(kt, {
+      l("div", rs, [
+        l("table", is, [
+          l("thead", us, [
+            l("tr", ds, [
+              l("th", cs, [
+                A(_t, {
                   width: "24",
                   height: "24",
                   class: "w-4 h-4 mx-auto text-slate-400 dark:text-slate-500"
@@ -2702,10 +2704,10 @@ const Ka = /* @__PURE__ */ X(Wa, [["render", Za]]), Ja = { class: "vs-datatable
           l("tbody", {
             class: E({ "[&_tr:last-child]:border-0": !u.value })
           }, [
-            s.value.length === 0 ? (i(), d("td", cs, [
-              l("div", ps, [
-                l("div", fs, [
-                  A(qa, { class: "w-48 mx-auto" }),
+            s.value.length === 0 ? (i(), d("td", ps, [
+              l("div", fs, [
+                l("div", ms, [
+                  A(Wa, { class: "w-48 mx-auto" }),
                   j[8] || (j[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" })
@@ -2724,9 +2726,9 @@ const Ka = /* @__PURE__ */ X(Wa, [["render", Za]]), Ja = { class: "vs-datatable
               onDragover: ke((oe) => y(W), ["prevent"]),
               onDrop: (oe) => S(W)
             }, [
-              l("td", vs, [
-                l("div", hs, [
-                  A(kt, {
+              l("td", hs, [
+                l("div", gs, [
+                  A(_t, {
                     width: "24",
                     height: "24",
                     class: "w-4 h-4 mx-auto text-slate-400 dark:text-slate-500"
@@ -2737,35 +2739,35 @@ const Ka = /* @__PURE__ */ X(Wa, [["render", Za]]), Ja = { class: "vs-datatable
                 key: oe.key,
                 class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]"
               }, [
-                oe.type === "file" ? (i(), d("div", gs, [
-                  K(J(C, oe)) ? (i(), d("div", bs, [
+                oe.type === "file" ? (i(), d("div", bs, [
+                  K(J(C, oe)) ? (i(), d("div", ys, [
                     l("img", {
                       src: J(C, oe),
                       alt: "alt",
                       width: "45",
                       class: "rounded-md max-w-[45px] h-[45px] object-cover"
-                    }, null, 8, ys)
-                  ])) : (i(), d("div", xs, [
-                    A(jt, { class: "w-[25px] min-w-[25px] h-[25px]" })
+                    }, null, 8, xs)
+                  ])) : (i(), d("div", ws, [
+                    A(Et, { class: "w-[25px] min-w-[25px] h-[25px]" })
                   ]))
                 ])) : oe.type === "tiptap-editor" ? (i(), d("div", {
                   key: 1,
                   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",
                   innerHTML: J(C, oe)
-                }, null, 8, ws)) : (i(), d("div", ks, G(J(C, oe)), 1))
+                }, null, 8, ks)) : (i(), d("div", _s, G(J(C, oe)), 1))
               ]))), 128)),
-              l("td", _s, [
-                l("div", $s, [
+              l("td", $s, [
+                l("div", Cs, [
                   l("button", {
                     onClick: (oe) => M(C, W),
                     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"
                   }, [
-                    A(Ka, {
+                    A(Ja, {
                       width: "24",
                       height: "24",
                       class: "w-3 h-3"
                     })
-                  ], 8, Cs),
+                  ], 8, Vs),
                   l("button", {
                     onClick: (oe) => N(W),
                     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"
@@ -2775,14 +2777,14 @@ const Ka = /* @__PURE__ */ X(Wa, [["render", Za]]), Ja = { class: "vs-datatable
                       height: "24",
                       class: "w-3 h-3"
                     })
-                  ], 8, Vs)
+                  ], 8, Ms)
                 ])
               ])
-            ], 42, ms))), 128))
+            ], 42, vs))), 128))
           ], 2)
         ])
       ]),
-      A(ee(Lt), {
+      A(ee(St), {
         visible: v.value,
         title: I.value,
         size: "lg",
@@ -2796,7 +2798,7 @@ const Ka = /* @__PURE__ */ X(Wa, [["render", Za]]), Ja = { class: "vs-datatable
             form: F.value,
             "onUpdate:form": j[2] || (j[2] = (C) => F.value = C)
           }, null, 8, ["schema", "values", "form"]),
-          l("div", Ms, [
+          l("div", Ls, [
             l("button", {
               type: "button",
               onClick: j[3] || (j[3] = (C) => v.value = !1),
@@ -2813,7 +2815,7 @@ const Ka = /* @__PURE__ */ X(Wa, [["render", Za]]), Ja = { class: "vs-datatable
       }, 8, ["visible", "title"])
     ]));
   }
-}), Ss = {
+}), Bs = {
   draw: {
     toolbar: {
       actions: {
@@ -2933,7 +2935,7 @@ function Ne(o) {
     features: (o.features || []).map((e) => Ne(e)).filter(Boolean)
   } : o : null;
 }
-function Bs(o) {
+function js(o) {
   return o ? o.type === "FeatureCollection" || o.type === "Feature" ? Ne(o) : o.geom ? {
     type: "Feature",
     geometry: Ne({
@@ -2947,7 +2949,7 @@ function Bs(o) {
     properties: {}
   } : null : null;
 }
-const js = {}, Es = {
+const Es = {}, Is = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   stroke: "currentColor",
@@ -2957,8 +2959,8 @@ const js = {}, Es = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-map-pin"
 };
-function Is(o, e) {
-  return i(), d("svg", Es, e[0] || (e[0] = [
+function zs(o, e) {
+  return i(), d("svg", Is, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2968,7 +2970,7 @@ function Is(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 zs = /* @__PURE__ */ X(js, [["render", Is]]), As = {}, Ts = {
+const As = /* @__PURE__ */ X(Es, [["render", zs]]), Ts = {}, Fs = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2978,8 +2980,8 @@ const zs = /* @__PURE__ */ X(js, [["render", Is]]), As = {}, Ts = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-line"
 };
-function Fs(o, e) {
-  return i(), d("svg", Ts, e[0] || (e[0] = [
+function Os(o, e) {
+  return i(), d("svg", Fs, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2990,7 +2992,7 @@ function Fs(o, e) {
     l("path", { d: "M7.5 16.5l9 -9" }, null, -1)
   ]));
 }
-const Os = /* @__PURE__ */ X(As, [["render", Fs]]), Ds = {}, Us = {
+const Ds = /* @__PURE__ */ X(Ts, [["render", Os]]), Us = {}, Ps = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -3000,12 +3002,12 @@ const Os = /* @__PURE__ */ X(As, [["render", Fs]]), Ds = {}, Us = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-polygon"
 };
-function Ps(o, e) {
-  return i(), d("svg", Us, e[0] || (e[0] = [
+function Rs(o, e) {
+  return i(), d("svg", Ps, e[0] || (e[0] = [
     ye('<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 Rs = /* @__PURE__ */ X(Ds, [["render", Ps]]), Hs = {}, Ns = {
+const Hs = /* @__PURE__ */ X(Us, [["render", Rs]]), Ns = {}, qs = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -3015,12 +3017,12 @@ const Rs = /* @__PURE__ */ X(Ds, [["render", Ps]]), Hs = {}, Ns = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-topology-ring-3"
 };
-function qs(o, e) {
-  return i(), d("svg", Ns, e[0] || (e[0] = [
+function Ws(o, e) {
+  return i(), d("svg", qs, e[0] || (e[0] = [
     ye('<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 Ws = /* @__PURE__ */ X(Hs, [["render", qs]]), Gs = {}, Zs = {
+const Gs = /* @__PURE__ */ X(Ns, [["render", Ws]]), Zs = {}, Ks = {
   version: "1.1",
   viewBox: "0 0 14 14",
   xmlns: "http://www.w3.org/2000/svg",
@@ -3028,8 +3030,8 @@ const Ws = /* @__PURE__ */ X(Hs, [["render", qs]]), Gs = {}, Zs = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   class: "fullscreen-icon"
 };
-function Ks(o, e) {
-  return i(), d("svg", Zs, e[0] || (e[0] = [
+function Js(o, e) {
+  return i(), d("svg", Ks, e[0] || (e[0] = [
     l("title", null, null, -1),
     l("desc", null, null, -1),
     l("defs", null, null, -1),
@@ -3058,10 +3060,10 @@ function Ks(o, e) {
     ], -1)
   ]));
 }
-const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-widget flex flex-col gap-2 rounded-xl widget min-w-[200px]" }, Xs = {
+const Ys = /* @__PURE__ */ X(Zs, [["render", Js]]), Xs = { class: "map-search-widget flex flex-col gap-2 rounded-xl widget min-w-[200px]" }, Qs = {
   key: 0,
   class: "vs-select__options absolute z-50 mt-1 w-full bg-white border border-gray-300 shadow-lg rounded-lg text-sm"
-}, Qs = ["onClick"], er = { class: "relative flex-1 min-w-[140px]" }, tr = ["placeholder"], lr = "https://data.softpro.ua/api-user/gis-url-proxy", or = "https://geo.rv.ua/api-user/dzk.api", nr = /* @__PURE__ */ U({
+}, er = ["onClick"], tr = { class: "relative flex-1 min-w-[140px]" }, lr = ["placeholder"], or = "https://data.softpro.ua/api-user/gis-url-proxy", nr = "https://geo.rv.ua/api-user/dzk.api", ar = /* @__PURE__ */ U({
   __name: "map-search",
   props: {
     config: {}
@@ -3071,11 +3073,11 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
     const t = o, a = e, n = ["here", "xy", "parcel"], s = B(() => {
       const v = t.config?.tools?.filter((x) => n.includes(x));
       return v && v.length ? v : n;
-    }), r = B(() => t.config?.placeholder?.trim() || "Пошук…"), u = k(s.value[0] ?? n[0]);
+    }), r = B(() => t.config?.placeholder?.trim() || "Пошук…"), u = w(s.value[0] ?? n[0]);
     ue(s, (v) => {
       v.includes(u.value) || (u.value = v[0]);
     });
-    const c = k(""), p = k(!1), f = k(null);
+    const c = w(""), p = w(!1), f = w(null);
     ue(u, () => {
       c.value = "", p.value = !1;
     });
@@ -3156,7 +3158,7 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
           return;
         }
         try {
-          const x = new URL(u.value === "here" ? lr : or);
+          const x = new URL(u.value === "here" ? or : nr);
           if (u.value === "here")
             x.searchParams.set("searchtext", v);
           else {
@@ -3181,7 +3183,7 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
         }
       }
     }
-    return (v, x) => (i(), d("div", Ys, [
+    return (v, x) => (i(), d("div", Xs, [
       l("form", {
         class: "flex gap-2",
         onSubmit: ke(I, ["prevent"])
@@ -3213,23 +3215,23 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
               }, null, -1)
             ]), 2))
           ]),
-          p.value ? (i(), d("div", Xs, [
+          p.value ? (i(), d("div", Qs, [
             l("ul", null, [
               (i(!0), d(re, null, fe(s.value, (V) => (i(), d("li", {
                 key: V,
                 class: "px-3 py-2 cursor-pointer hover:bg-gray-100",
                 onClick: ($) => m(V)
-              }, G(S(V)), 9, Qs))), 128))
+              }, G(S(V)), 9, er))), 128))
             ])
           ])) : D("", !0)
         ], 512)) : D("", !0),
-        l("div", er, [
+        l("div", tr, [
           ae(l("input", {
             "onUpdate:modelValue": x[1] || (x[1] = (V) => c.value = V),
             placeholder: r.value,
             type: "text",
             class: "vs-input transition-all border block w-full border-gray-200 rounded-md focus:border-blue-100 border-solid !pr-8 py-1.5 pl-3 text-sm"
-          }, null, 8, tr), [
+          }, null, 8, lr), [
             [
               ve,
               c.value,
@@ -3261,19 +3263,19 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
       ], 32)
     ]));
   }
-}), ar = /* @__PURE__ */ X(nr, [["__scopeId", "data-v-3048520a"]]), sr = { class: "bg-white/30 p-1 rounded-md shadow" }, rr = { class: "flex gap-2" }, ir = ["onClick", "title"], ur = ["src"], dr = /* @__PURE__ */ U({
+}), sr = /* @__PURE__ */ X(ar, [["__scopeId", "data-v-3048520a"]]), rr = { class: "bg-white/30 p-1 rounded-md shadow" }, ir = { class: "flex gap-2" }, ur = ["onClick", "title"], dr = ["src"], cr = /* @__PURE__ */ U({
   __name: "map-layers",
   props: {
     basemaps: {}
   },
   emits: ["onLayerChange"],
   setup(o, { emit: e }) {
-    const a = k(Object.keys(o.basemaps)[0]), n = e;
+    const a = w(Object.keys(o.basemaps)[0]), n = e;
     function s(r) {
       n("onLayerChange", r), a.value = r;
     }
-    return (r, u) => (i(), d("div", sr, [
-      l("div", rr, [
+    return (r, u) => (i(), d("div", rr, [
+      l("div", ir, [
         (i(!0), d(re, null, fe(r.basemaps, (c, p) => (i(), d("div", {
           key: p,
           class: E(["cursor-pointer border rounded-lg overflow-hidden hover:shadow-sm", { "ring-2 ring-blue-500 border-blue-300": a.value === p }]),
@@ -3286,24 +3288,24 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
             src: c.preview,
             alt: "",
             class: "w-10 h-10 object-cover"
-          }, null, 8, ur)
-        ], 10, ir))), 128))
+          }, null, 8, dr)
+        ], 10, ur))), 128))
       ])
     ]));
   }
-}), cr = {
+}), pr = {
   key: 0,
   class: "absolute inset-0 z-[2000] flex items-center justify-center pointer-events-none bg-black/20"
-}, pr = { class: "bg-black/50 text-white px-6 py-2 rounded-lg text-center max-w-sm mx-4 backdrop-blur-sm" }, fr = { class: "text-sm font-medium" }, mr = { class: "absolute top-4 left-4 z-[1000] w-[calc(100%-20px)] sm:w-[350px]" }, vr = { class: "form-geom__panel flex gap-1 items-start mt-2" }, hr = { class: "flex items-center gap-1" }, gr = ["disabled"], br = { class: "absolute top-4 right-4 z-[1000]" }, yr = { class: "flex flex-col gap-[2px]" }, xr = ["aria-pressed"], wr = ["aria-pressed"], kr = ["aria-pressed"], _r = ["aria-pressed"], $r = { 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" }, Cr = {
+}, fr = { class: "bg-black/50 text-white px-6 py-2 rounded-lg text-center max-w-sm mx-4 backdrop-blur-sm" }, mr = { class: "text-sm font-medium" }, vr = { class: "absolute top-4 left-4 z-[1000] w-[calc(100%-20px)] sm:w-[350px]" }, hr = { class: "form-geom__panel flex gap-1 items-start mt-2" }, gr = { class: "flex items-center gap-1" }, br = ["disabled"], yr = { class: "absolute top-4 right-4 z-[1000]" }, xr = { class: "flex flex-col gap-[2px]" }, wr = ["aria-pressed"], kr = ["aria-pressed"], _r = ["aria-pressed"], $r = ["aria-pressed"], Cr = { 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" }, Vr = {
   key: 0,
   class: "form-geom__feature flex items-center text-xs transition-all gap-2 w-full"
-}, Vr = { class: "mr-auto" }, Mr = { class: "font-bold" }, Lr = { class: "flex items-center" }, Sr = { class: "text-xs mr-2" }, Br = {
+}, Mr = { class: "mr-auto" }, Lr = { class: "font-bold" }, Sr = { class: "flex items-center" }, Br = { class: "text-xs mr-2" }, jr = {
   key: 0,
   class: "text-xs"
-}, jr = {
+}, Er = {
   key: 1,
   class: "text-xs"
-}, Er = /* @__PURE__ */ U({
+}, Ir = /* @__PURE__ */ U({
   __name: "vs-input-map",
   props: {
     tools: {},
@@ -3318,14 +3320,14 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = Wt(), a = o, n = e, s = k(!1), r = k("");
+    const t = Gt(), a = o, n = e, s = w(!1), r = w("");
     function u() {
       const g = navigator.platform.toUpperCase().indexOf("MAC") >= 0;
       return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ? "Використовуйте два пальці для зуму карти." : "Використовуйте Ctrl + прокрутка для зуму карти.";
     }
-    const c = k(null);
+    const c = w(null);
     let p, f, m, y = null;
-    const S = k(null), q = (g) => {
+    const S = w(null), q = (g) => {
       g.ctrlKey && g.preventDefault();
     };
     function R() {
@@ -3358,9 +3360,9 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
         c.value && (c.value.removeEventListener("wheel", _), c.value.removeEventListener("touchstart", Y)), p && p.off("wheel"), clearTimeout(g);
       };
     }
-    const K = k(null), T = k(6), H = k(0), I = k(t?.appContext.config.globalProperties.$settings?.center || [50, 30]), v = k(null), x = De();
+    const K = w(null), T = w(6), H = w(0), I = w(t?.appContext.config.globalProperties.$settings?.center || [50, 30]), v = w(null), x = De();
     let V;
-    const $ = k("topo100");
+    const $ = w("topo100");
     function F(g) {
       return g ? g.type === "Polygon" ? {
         type: "MultiPolygon",
@@ -3414,7 +3416,7 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
     function Z() {
       S.value?.click();
     }
-    const N = k("");
+    const N = w("");
     function le(g) {
       return g instanceof L.Circle ? "Circle" : g instanceof L.Rectangle ? "Rectangle" : g instanceof L.Polygon && !(g instanceof L.Rectangle) ? "Polygon" : g instanceof L.Polyline && !(g instanceof L.Polygon) ? "Polyline" : g instanceof L.Marker ? "Point" : "Feature";
     }
@@ -3458,7 +3460,7 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
       g && (f.removeLayer(g), J(), C());
     }
     _e(async () => {
-      document.addEventListener("wheel", q, { passive: !1 }), await te(), L.drawLocal = Ss;
+      document.addEventListener("wheel", q, { passive: !1 }), await te(), L.drawLocal = Bs;
       const g = a.handleZoom;
       p = L.map(c.value, {
         zoomControl: !1,
@@ -3479,7 +3481,7 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
       }), p.on("zoomend", () => {
         T.value = p.getZoom();
       });
-      const Y = Bs(a.modelValue);
+      const Y = js(a.modelValue);
       if (Y) {
         const O = [];
         L.geoJSON(Y).eachLayer((Q) => O.push(Q)), O.length && f.addLayer(O[0]), J(), C(), M();
@@ -3568,7 +3570,7 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
         }
       };
     }
-    const Ce = k(!1);
+    const Ce = w(!1);
     return ue(Ce, () => {
       setTimeout(() => {
         p.invalidateSize();
@@ -3591,18 +3593,18 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
         "leave-to-class": "opacity-0"
       }, {
         default: Ee(() => [
-          s.value && a.handleZoom ? (i(), d("div", cr, [
-            l("div", pr, [
-              l("p", fr, G(r.value), 1)
+          s.value && a.handleZoom ? (i(), d("div", pr, [
+            l("div", fr, [
+              l("p", mr, G(r.value), 1)
             ])
           ])) : D("", !0)
         ]),
         _: 1
       }),
-      l("div", mr, [
-        A(ar, { onGoToCoordinates: tt }),
-        l("div", vr, [
-          l("div", hr, [
+      l("div", vr, [
+        A(sr, { onGoToCoordinates: tt }),
+        l("div", hr, [
+          l("div", gr, [
             l("button", {
               type: "button",
               class: "inline-flex items-center gap-2 text-sm font-medium border rounded-md px-3 py-2 bg-white text-blue-600 border-stone-200 hover:bg-blue-500 hover:text-white hover:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500 focus:ring-offset-1 transition",
@@ -3613,7 +3615,7 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
               class: "inline-flex items-center gap-2 text-sm font-medium border rounded-md px-3 py-2 bg-white text-blue-600 border-stone-200 hover:bg-blue-500 hover:text-white hover:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500 focus:ring-offset-1 transition disabled:opacity-50 disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-gray-400 disabled:border-gray-200 disabled:hover:bg-gray-100 disabled:hover:text-gray-400",
               onClick: Le,
               disabled: H.value === 0
-            }, "Export", 8, gr)
+            }, "Export", 8, br)
           ]),
           l("input", {
             ref_key: "importRef",
@@ -3625,8 +3627,8 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
           }, null, 544)
         ])
       ]),
-      l("div", br, [
-        l("div", yr, [
+      l("div", yr, [
+        l("div", xr, [
           l("button", {
             class: E(["vs-btn", { "vs-active": N.value === "marker" }]),
             "aria-pressed": N.value === "marker",
@@ -3634,8 +3636,8 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
             "aria-label": "Draw point",
             onClick: _[0] || (_[0] = (Y) => se("marker"))
           }, [
-            A(zs)
-          ], 10, xr),
+            A(As)
+          ], 10, wr),
           l("button", {
             class: E(["vs-btn", { "vs-active": N.value === "polyline" }]),
             "aria-pressed": N.value === "polyline",
@@ -3643,8 +3645,8 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
             "aria-label": "Draw polyline",
             onClick: _[1] || (_[1] = (Y) => se("polyline"))
           }, [
-            A(Os)
-          ], 10, wr),
+            A(Ds)
+          ], 10, kr),
           l("button", {
             class: E(["vs-btn", { "vs-active": N.value === "polygon" }]),
             "aria-pressed": N.value === "polygon",
@@ -3652,8 +3654,8 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
             "aria-label": "Draw polygon",
             onClick: _[2] || (_[2] = (Y) => se("polygon"))
           }, [
-            A(Rs)
-          ], 10, kr),
+            A(Hs)
+          ], 10, _r),
           l("button", {
             class: E(["vs-btn", { "vs-active": N.value === "rectangle" }]),
             "aria-pressed": N.value === "rectangle",
@@ -3661,8 +3663,8 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
             "aria-label": "Draw rectangle",
             onClick: _[3] || (_[3] = (Y) => se("rectangle"))
           }, [
-            A(Ws)
-          ], 10, _r),
+            A(Gs)
+          ], 10, $r),
           l("button", {
             class: "vs-btn mt-5",
             onClick: _[4] || (_[4] = (Y) => {
@@ -3671,33 +3673,33 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
             title: "Full Screen",
             "aria-label": "Full Screen"
           }, [
-            A(Js, { style: { width: "12px", height: "12px" } })
+            A(Ys, { style: { width: "12px", height: "12px" } })
           ])
         ])
       ]),
       l("div", {
         class: E(["absolute left-4 z-[1000]", v.value ? "bottom-8" : "bottom-4"])
       }, [
-        A(dr, {
+        A(cr, {
           basemaps: ee(x),
           onOnLayerChange: Ge
         }, null, 8, ["basemaps"])
       ], 2),
-      l("div", $r, [
-        v.value ? (i(), d("div", Cr, [
-          l("div", Vr, [
+      l("div", Cr, [
+        v.value ? (i(), d("div", Vr, [
+          l("div", Mr, [
             _[7] || (_[7] = ge(" Тип: ", -1)),
-            l("span", Mr, G(v.value.type), 1)
+            l("span", Lr, G(v.value.type), 1)
           ]),
-          l("div", Lr, [
-            l("div", Sr, [
+          l("div", Sr, [
+            l("div", Br, [
               _[8] || (_[8] = ge(" Центр: ", -1)),
               l("b", null, G(v.value.center.lat.toFixed(5)) + ", " + G(v.value.center.lng.toFixed(5)), 1)
             ]),
-            v.value.areaKm2 !== null ? (i(), d("div", Br, [
+            v.value.areaKm2 !== null ? (i(), d("div", jr, [
               _[9] || (_[9] = ge(" Площа: ", -1)),
               l("b", null, G(v.value.areaKm2.toFixed(1)) + "км²", 1)
-            ])) : (i(), d("div", jr, _[10] || (_[10] = [
+            ])) : (i(), d("div", Er, _[10] || (_[10] = [
               ge(" Площа: ", -1),
               l("b", null, "—", -1)
             ]))),
@@ -3720,10 +3722,10 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
       ])
     ], 2));
   }
-}), Ir = /* @__PURE__ */ X(Er, [["__scopeId", "data-v-66e4a27d"]]), zr = ["data-focus"], Ar = { class: "flex items-center" }, Tr = { class: "overflow-hidden text-ellipsis whitespace-nowrap rounded-sm text-[#333] text-[85%] px-0.5 py-[3px] pl-1.5 box-border" }, Fr = ["onClick", "aria-label"], Or = {
+}), zr = /* @__PURE__ */ X(Ir, [["__scopeId", "data-v-66e4a27d"]]), Ar = ["data-focus"], Tr = { class: "flex items-center" }, Fr = { class: "overflow-hidden text-ellipsis whitespace-nowrap rounded-sm text-[#333] text-[85%] px-0.5 py-[3px] pl-1.5 box-border" }, Or = ["onClick", "aria-label"], Dr = {
   key: 0,
   class: "absolute text-gray-500 truncate pl-2"
-}, Dr = { class: "flex-1 min-w-[2px]" }, Ur = ["placeholder"], Pr = { class: "flex items-center shrink-0" }, Rr = ["disabled"], Hr = /* @__PURE__ */ U({
+}, Ur = { class: "flex-1 min-w-[2px]" }, Pr = ["placeholder"], Rr = { class: "flex items-center shrink-0" }, Hr = ["disabled"], Nr = /* @__PURE__ */ U({
   __name: "vs-input-tag",
   props: /* @__PURE__ */ ie({
     unique: { type: Boolean, default: !0 },
@@ -3742,7 +3744,7 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
   setup(o, { emit: e }) {
     const t = o, a = e;
     $e(t.style);
-    const n = k(null), s = k(null), r = k(null), u = k(!1), c = k(""), p = de(o, "modelValue"), f = B(() => t.placeholder || "Add tag…"), m = B(() => p.value?.length === 0 && c.value === ""), y = B(() => !t.disabled && p.value?.length > 0), S = B(() => t.disabled), q = async () => {
+    const n = w(null), s = w(null), r = w(null), u = w(!1), c = w(""), p = de(o, "modelValue"), f = B(() => t.placeholder || "Add tag…"), m = B(() => p.value?.length === 0 && c.value === ""), y = B(() => !t.disabled && p.value?.length > 0), S = B(() => t.disabled), q = async () => {
       S.value || await je(() => r.value?.focus());
     }, R = (V) => {
       const $ = V.trim();
@@ -3794,8 +3796,8 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
               key: te,
               class: "flex min-w-0 bg-[#e6e6e6] rounded-sm m-0.5 box-border"
             }, [
-              l("div", Ar, [
-                l("div", Tr, G(F), 1)
+              l("div", Tr, [
+                l("div", Fr, G(F), 1)
               ]),
               l("div", {
                 role: "button",
@@ -3813,10 +3815,10 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
                 }, [
                   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, Fr)
+              ]), 8, Or)
             ]))), 128)),
-            m.value ? (i(), d("div", Or, G(f.value), 1)) : D("", !0),
-            l("div", Dr, [
+            m.value ? (i(), d("div", Dr, G(f.value), 1)) : D("", !0),
+            l("div", Ur, [
               S.value ? D("", !0) : ae((i(), d("input", {
                 key: 0,
                 ref_key: "inputRef",
@@ -3834,12 +3836,12 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
                 onBlur: v,
                 onKeydown: x,
                 placeholder: p.value && p.value.length ? "" : void 0
-              }, null, 40, Ur)), [
+              }, null, 40, Pr)), [
                 [ve, c.value]
               ])
             ])
           ], 512),
-          l("div", Pr, [
+          l("div", Rr, [
             y.value ? (i(), d("button", {
               key: 0,
               type: "button",
@@ -3856,13 +3858,13 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
               }, [
                 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, Rr)) : D("", !0)
+            ]), 8, Hr)) : D("", !0)
           ])
-        ], 10, zr)
+        ], 10, Ar)
       ], 2)
     ], 512));
   }
-}), Nr = { class: "relative flex gap-1 bg-white w-full" }, qr = ["disabled", "placeholder"], Wr = /* @__PURE__ */ U({
+}), qr = { class: "relative flex gap-1 bg-white w-full" }, Wr = ["disabled", "placeholder"], Gr = /* @__PURE__ */ U({
   __name: "vs-input-slug",
   props: /* @__PURE__ */ ie({
     disabled: { type: Boolean },
@@ -3921,14 +3923,14 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
       const r = e?.value?.[t.parent || ""]?.toString(), u = n(r);
       a.value = u.toString();
     };
-    return (r, u) => (i(), d("div", Nr, [
+    return (r, u) => (i(), d("div", qr, [
       ae(l("input", {
         ref: "vsText",
         disabled: r.disabled,
         placeholder: r.placeholder,
         "onUpdate:modelValue": u[0] || (u[0] = (c) => a.value = c),
         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, qr), [
+      }, null, 8, Wr), [
         [ve, a.value]
       ]),
       l("button", {
@@ -3937,13 +3939,13 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
       }, " Gen ")
     ]));
   }
-}), Gr = /* @__PURE__ */ X(Wr, [["__scopeId", "data-v-b0eba370"]]), Zr = { class: "w-full" }, Kr = {
+}), Zr = /* @__PURE__ */ X(Gr, [["__scopeId", "data-v-b0eba370"]]), Kr = { class: "w-full" }, Jr = {
   ref: "sortableContainer",
   class: "flex flex-col gap-1"
-}, Jr = ["onDragstart", "onDrop"], Yr = { class: "w-1/3" }, Xr = { class: "w-2/3" }, Qr = ["onClick"], ei = {
+}, Yr = ["onDragstart", "onDrop"], Xr = { class: "w-1/3" }, Qr = { class: "w-2/3" }, ei = ["onClick"], ti = {
   key: 0,
   class: "text-[14px] text-gray-700"
-}, ti = { class: "mt-2 w-full flex items-center" }, li = ["disabled"], oi = /* @__PURE__ */ U({
+}, li = { class: "mt-2 w-full flex items-center" }, oi = ["disabled"], ni = /* @__PURE__ */ U({
   __name: "vs-input-key-value",
   props: {
     parent: {},
@@ -3953,7 +3955,7 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = (K) => `${K}-${Math.random().toString(36).substring(2, 15)}`, a = Ae("values"), n = o, s = e, r = n.addButtonText ?? "Додати", u = n.ignore ?? [], c = k([]), p = k(null);
+    const t = (K) => `${K}-${Math.random().toString(36).substring(2, 15)}`, a = Ae("values"), n = o, s = e, r = n.addButtonText ?? "Додати", u = n.ignore ?? [], c = w([]), p = w(null);
     (() => {
       const K = n.parent && a?.value?.[n.parent] || n.modelValue || {};
       c.value = Object.entries(K).filter(([T]) => !u.includes(T)).map(([T, H]) => ({
@@ -3993,8 +3995,8 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
         }), s("update:modelValue", T);
       },
       { deep: !0 }
-    ), (K, T) => (i(), d("div", Zr, [
-      l("div", Kr, [
+    ), (K, T) => (i(), d("div", Kr, [
+      l("div", Jr, [
         (i(!0), d(re, null, fe(c.value, (H, I) => (i(), d("div", {
           key: H.id,
           class: E(["flex items-center gap-2 w-full", { "opacity-50": p.value === I }]),
@@ -4005,14 +4007,14 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
           onDrop: (v) => y(I)
         }, [
           T[1] || (T[1] = ye('<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", Yr, [
+          l("div", Xr, [
             A(Ye, {
               modelValue: H.key,
               "onUpdate:modelValue": (v) => H.key = v,
               placeholder: "Ключ"
             }, null, 8, ["modelValue", "onUpdate:modelValue"])
           ]),
-          l("div", Xr, [
+          l("div", Qr, [
             A(Ye, {
               modelValue: H.value,
               "onUpdate:modelValue": (v) => H.value = v,
@@ -4023,15 +4025,15 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
             onClick: (v) => R(H.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"
           }, [
-            A(ee(ql), {
+            A(ee(Wl), {
               height: "16",
               width: "16"
             })
-          ], 8, Qr)
-        ], 42, Jr))), 128))
+          ], 8, ei)
+        ], 42, Yr))), 128))
       ], 512),
-      c.value.length ? D("", !0) : (i(), d("span", ei, " Дані для відображення відсутні ")),
-      l("div", ti, [
+      c.value.length ? D("", !0) : (i(), d("span", ti, " Дані для відображення відсутні ")),
+      l("div", li, [
         l("button", {
           type: "button",
           onClick: q,
@@ -4043,11 +4045,11 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
             width: "14"
           }),
           ge(" " + G(ee(r)), 1)
-        ], 8, li)
+        ], 8, oi)
       ])
     ]));
   }
-}), ni = /* @__PURE__ */ X(oi, [["__scopeId", "data-v-a0f7fbfc"]]), ai = { class: "flex items-center gap-2 w-full" }, si = ["disabled"], ri = /* @__PURE__ */ U({
+}), ai = /* @__PURE__ */ X(ni, [["__scopeId", "data-v-a0f7fbfc"]]), si = { class: "flex items-center gap-2 w-full" }, ri = ["disabled"], ii = /* @__PURE__ */ U({
   __name: "vs-input-color",
   props: {
     style: { default: () => ({}) },
@@ -4064,7 +4066,7 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
       get: () => t.modelValue || "#000000",
       set: (r) => n("update:modelValue", r)
     });
-    return (r, u) => (i(), d("div", ai, [
+    return (r, u) => (i(), d("div", si, [
       ae(l("input", {
         type: "color",
         "onUpdate:modelValue": u[0] || (u[0] = (c) => s.value = c),
@@ -4072,7 +4074,7 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
         ref: "color",
         class: E(["py-1.5 px-1 block w-full bg-white cursor-pointer max-w-[50px]", [r.modelValue ? "" : "text-opacity-50", ee(a)].join(" ")]),
         style: { border: "1px solid #CFD9E0" }
-      }, null, 10, si), [
+      }, null, 10, ri), [
         [ve, s.value]
       ]),
       ae(l("input", {
@@ -4083,7 +4085,7 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
       ])
     ]));
   }
-}), ii = { class: "flex items-center gap-2 w-full" }, ui = ["min", "max", "step", "disabled"], di = /* @__PURE__ */ U({
+}), ui = { class: "flex items-center gap-2 w-full" }, di = ["min", "max", "step", "disabled"], ci = /* @__PURE__ */ U({
   __name: "vs-input-range",
   props: {
     style: { default: () => ({}) },
@@ -4103,7 +4105,7 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
       get: () => Number(t.modelValue ?? t.min),
       set: (r) => n("update:modelValue", Number(r))
     });
-    return (r, u) => (i(), d("div", ii, [
+    return (r, u) => (i(), d("div", ui, [
       ae(l("input", {
         type: "range",
         "onUpdate:modelValue": u[0] || (u[0] = (c) => s.value = c),
@@ -4113,7 +4115,7 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
         disabled: r.disabled,
         ref: "range",
         class: E(["w-full cursor-pointer accent-blue-500", [r.modelValue ? "" : "text-opacity-50", ee(a)].join(" ")])
-      }, null, 10, ui), [
+      }, null, 10, di), [
         [ve, s.value]
       ]),
       ae(l("input", {
@@ -4125,7 +4127,7 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
       ])
     ]));
   }
-}), ci = ["type", "value", "onInput", "placeholder", "disabled"], pi = /* @__PURE__ */ U({
+}), pi = ["type", "value", "onInput", "placeholder", "disabled"], fi = /* @__PURE__ */ U({
   __name: "vs-input-array",
   props: /* @__PURE__ */ ie({
     count: { default: 1 },
@@ -4145,7 +4147,7 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, { inputClass: t } = $e(e.style), a = de(o, "modelValue");
-    Gt(() => {
+    Zt(() => {
       const s = a.value?.length ?? 0;
       s < e.count && (a.value = [
         ...a.value ?? [],
@@ -4169,38 +4171,38 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
         style: {
           border: "1px solid #CFD9E0"
         }
-      }, null, 42, ci))), 256))
+      }, null, 42, pi))), 256))
     ], 2));
   }
-}), fi = {
+}), mi = {
   VsInputText: Ye,
-  VsInputRadio: gt,
+  VsInputRadio: bt,
   "vs-input-text": Ye,
-  "vs-input-password": yl,
-  "vs-input-textarea": ka,
-  "vs-input-mask": lo,
-  "vs-input-number": kl,
-  "vs-input-radio": gt,
-  "vs-input-select": wt,
-  "vs-input-switcher": Bt,
-  "vs-input-static": ht,
-  "vs-input-container": oa,
-  "vs-input-date": go,
-  "vs-input-checkbox": vo,
-  "vs-input-file": tn,
-  "vs-input-html": ht,
-  "vs-input-email": ao,
-  "vs-input-datatable": Ls,
-  "vs-input-map": Ir,
-  "vs-input-file-list": En,
-  "vs-input-tags": Hr,
-  "vs-input-slug": Gr,
-  "vs-input-key-value": ni,
-  "vs-input-range": di,
-  "vs-input-color": ri,
-  "vs-input-native-select": wt,
-  "vs-input-array": pi
-}, mi = /* @__PURE__ */ U({
+  "vs-input-password": xl,
+  "vs-input-textarea": _a,
+  "vs-input-mask": oo,
+  "vs-input-number": _l,
+  "vs-input-radio": bt,
+  "vs-input-select": kt,
+  "vs-input-switcher": jt,
+  "vs-input-static": gt,
+  "vs-input-container": na,
+  "vs-input-date": bo,
+  "vs-input-checkbox": ho,
+  "vs-input-file": ln,
+  "vs-input-html": gt,
+  "vs-input-email": so,
+  "vs-input-datatable": Ss,
+  "vs-input-map": zr,
+  "vs-input-file-list": In,
+  "vs-input-tags": Nr,
+  "vs-input-slug": Zr,
+  "vs-input-key-value": ai,
+  "vs-input-range": ci,
+  "vs-input-color": ii,
+  "vs-input-native-select": kt,
+  "vs-input-array": fi
+}, vi = /* @__PURE__ */ U({
   __name: "behavior",
   props: {
     api: {},
@@ -4232,10 +4234,10 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
       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"
     }, G(n.button), 1));
   }
-}), vi = { class: "flex flex-col gap-1 w-full" }, hi = {
+}), hi = { class: "flex flex-col gap-1 w-full" }, gi = {
   key: 0,
   class: "text-sm text-gray-500"
-}, zt = /* @__PURE__ */ U({
+}, At = /* @__PURE__ */ U({
   __name: "vs-compact-form-layout",
   props: /* @__PURE__ */ ie({
     item: { default: {} },
@@ -4250,7 +4252,7 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = de(o, "modelValue"), a = B(() => gl[`${e.layout}`]), n = B(() => fi?.[`vs-input-${e.item.type}`]), s = B(() => {
+    const e = o, t = de(o, "modelValue"), a = B(() => bl[`${e.layout}`]), n = B(() => mi?.[`vs-input-${e.item.type}`]), s = B(() => {
       const u = ee(n);
       if (!u) return /* @__PURE__ */ new Set();
       const c = u.props ?? u.__vccOpts?.props;
@@ -4272,14 +4274,14 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
         l("div", {
           class: E(["flex w-full", `${e.item.type}-component`])
         }, [
-          l("div", vi, [
+          l("div", hi, [
             (i(), me(Fe(n.value), Te(r.value, {
               modelValue: t.value,
               "onUpdate:modelValue": c[0] || (c[0] = (p) => t.value = p)
             }), null, 16, ["modelValue"])),
-            u.item.description && e.layout !== "settings" ? (i(), d("p", hi, G(u.item.description), 1)) : D("", !0)
+            u.item.description && e.layout !== "settings" ? (i(), d("p", gi, G(u.item.description), 1)) : D("", !0)
           ]),
-          u.item.behavior?.api && u.item.behavior?.button ? (i(), me(mi, Te({ key: 0 }, u.item.behavior, { value: t.value }), null, 16, ["value"])) : D("", !0)
+          u.item.behavior?.api && u.item.behavior?.button ? (i(), me(vi, Te({ key: 0 }, u.item.behavior, { value: t.value }), null, 16, ["value"])) : D("", !0)
         ], 2)
       ]),
       _: 1
@@ -4287,7 +4289,7 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
       [Qe, !u.item.hidden]
     ]);
   }
-}), gi = { class: "text-sm text-gray-800 mb-[4px] font-medium dark:text-neutral-300" }, bi = { class: "vs-compact-form-navigation__rail mt-[6px]" }, yi = ["onClick"], xi = /* @__PURE__ */ U({
+}), bi = { class: "text-sm text-gray-800 mb-[4px] font-medium dark:text-neutral-300" }, yi = { class: "vs-compact-form-navigation__rail mt-[6px]" }, xi = ["onClick"], wi = /* @__PURE__ */ U({
   __name: "vs-compact-form-navigation",
   props: {
     target: {},
@@ -4297,7 +4299,7 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
     width: { default: 400 }
   },
   setup(o, { expose: e }) {
-    const t = o, a = k([]), n = k(""), s = k(""), r = B(() => !!t.enabled), u = B(() => [
+    const t = o, a = w([]), n = w(""), s = w(""), r = B(() => !!t.enabled), u = B(() => [
       "vs-compact-form-navigation flex flex-col pl-[6px] pt-[8px] pr-[8px]",
       "sticky top-0 self-start shrink-0",
       "max-h-full min-h-0 overflow-y-auto"
@@ -4419,8 +4421,8 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
       class: E(u.value),
       style: be(c.value)
     }, [
-      l("h2", gi, G(M.title), 1),
-      l("div", bi, [
+      l("h2", bi, G(M.title), 1),
+      l("div", yi, [
         (i(!0), d(re, null, fe(a.value, (N) => (i(), d("div", {
           key: N.id,
           class: E([
@@ -4439,34 +4441,34 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
             ])
           }, [
             l("span", null, G(N.text), 1)
-          ], 10, yi)
+          ], 10, xi)
         ], 2))), 128))
       ])
     ], 6)) : D("", !0);
   }
-}), wi = /* @__PURE__ */ X(xi, [["__scopeId", "data-v-1584a562"]]), At = {
+}), ki = /* @__PURE__ */ X(wi, [["__scopeId", "data-v-1584a562"]]), Tt = {
   required: "Це поле є обов’язковим",
   email: "Неправильний email"
-}, ki = (o) => o ? !1 : At.required, _i = (o) => {
+}, _i = (o) => o ? !1 : Tt.required, $i = (o) => {
   const e = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-  return o ? e.test(o) ? !1 : At.email : !1;
-}, $i = (o, e) => {
+  return o ? e.test(o) ? !1 : Tt.email : !1;
+}, Ci = (o, e) => {
   const t = e.pattern ?? e.regexp;
   return !(typeof t == "string" ? new RegExp(t) : t).test(o) && o ? e.message : !1;
-}, Ci = (o, e) => !1, Vi = (o, e) => {
+}, Vi = (o, e) => !1, Mi = (o, e) => {
   switch (typeof e == "string" ? e : e.type) {
     case "required":
-      return ki(o);
-    case "email":
       return _i(o);
+    case "email":
+      return $i(o);
     case "regexp":
-      return $i(o, e);
+      return Ci(o, e);
     case "custom":
-      return Ci();
+      return Vi();
     default:
       return !1;
   }
-}, Mi = {
+}, Li = {
   autocomplete: "select",
   combobox: "select",
   datepicker: "date",
@@ -4479,16 +4481,16 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
   dropzone: "file"
   // mask: 'text',
 };
-function _t(o) {
+function $t(o) {
   const e = o.toLowerCase();
-  return Mi[e] || e;
+  return Li[e] || e;
 }
-function Li(o, e = !1) {
+function Si(o, e = !1) {
   if (Array.isArray(o)) {
     const a = [];
     return o.forEach((n) => {
       const s = { ...n };
-      s.name = (n.name || n.id || n.key || "").toString(), s.type = _t(n.type), s.label = n.label || n.ua, s.rules = n.rules || n.validators, s.type === "email" && !s.rules && (s.rules = ["email"]), n.data && (s.api = `/api/suggest/${n.data}`), s.disabled = e || s.disabled, a.push(s);
+      s.name = (n.name || n.id || n.key || "").toString(), s.type = $t(n.type), s.label = n.label || n.ua, s.rules = n.rules || n.validators, s.type === "email" && !s.rules && (s.rules = ["email"]), n.data && (s.api = `/api/suggest/${n.data}`), s.disabled = e || s.disabled, a.push(s);
     }), a;
   }
   const t = [];
@@ -4496,7 +4498,7 @@ function Li(o, e = !1) {
     const n = {
       name: a[0],
       ...a[1],
-      type: _t(a[1].type),
+      type: $t(a[1].type),
       label: a[1].label || a[1].ua,
       rules: a[1].rules || a[1].validators,
       disabled: e
@@ -4504,16 +4506,16 @@ function Li(o, e = !1) {
     n.type === "email" && !n.rules && (n.rules = ["email"]), a[1].type.includes("list") && (n.multiple = !0), !n.api && a[1].data && (n.api = `/api/suggest/${a[1].data}`), t.push(n);
   }), t;
 }
-function Si(o, e, t = !1) {
-  const a = B(() => Li(
+function Bi(o, e, t = !1) {
+  const a = B(() => Si(
     (Array.isArray(e), e),
     typeof t == "boolean" ? t : t.value
-  )), n = k({});
+  )), n = w({});
   function s(p) {
     const f = p?.conditions;
     if (!f) return !0;
     const m = Array.isArray(f) ? f[0] : f, y = o?.value?.[m];
-    return It(y, f);
+    return zt(y, f);
   }
   const r = (p = a.value, f = !0) => (p.forEach((m) => {
     if (m.rules) {
@@ -4523,7 +4525,7 @@ function Si(o, e, t = !1) {
       }
       let y = !1, S = null;
       m.rules.forEach((q) => {
-        const R = Vi(o.value[m.name], q);
+        const R = Mi(o.value[m.name], q);
         R && (y = !0, !S && typeof R == "string" && (S = R));
       }), y && S ? n.value[m.name] = S : delete n.value[m.name];
     }
@@ -4538,7 +4540,7 @@ function Si(o, e, t = !1) {
     visibleSchema: u
   };
 }
-const Bi = { class: "flex w-full h-full min-h-0 gap-6" }, ji = {
+const ji = { class: "flex w-full h-full min-h-0 gap-6" }, Ei = {
   key: 0,
   "data-orientation": "horizontal",
   role: "none",
@@ -4568,7 +4570,7 @@ const Bi = { class: "flex w-full h-full min-h-0 gap-6" }, ji = {
       validate: c,
       reset: p,
       visibleSchema: f
-    } = Si(r, n.schema, Zt(n, "disabled")), m = k(null), y = k(null), S = B(() => n.navigation), q = B(() => n.navWidth), R = B(() => n.style?.columns), K = Object.freeze({ container: 12, label: 3 }), T = B(() => n.columns ?? R.value ?? K), H = B(() => n.columns != null || R.value != null), I = B(() => H.value ? "horizontal" : n.layout), v = (F) => F?.columns ? "horizontal" : I.value, x = (F) => F?.columns ?? T.value, V = () => {
+    } = Bi(r, n.schema, Kt(n, "disabled")), m = w(null), y = w(null), S = B(() => n.navigation), q = B(() => n.navWidth), R = B(() => n.style?.columns), K = Object.freeze({ container: 12, label: 3 }), T = B(() => n.columns ?? R.value ?? K), H = B(() => n.columns != null || R.value != null), I = B(() => H.value ? "horizontal" : n.layout), v = (F) => F?.columns ? "horizontal" : I.value, x = (F) => F?.columns ?? T.value, V = () => {
       a("update:modelValue", r.value), c(), a("handle-submit", r.value);
     };
     e({
@@ -4590,7 +4592,7 @@ const Bi = { class: "flex w-full h-full min-h-0 gap-6" }, ji = {
       const J = Object.keys(F), M = Object.keys(te);
       return J.length !== M.length ? !1 : J.every((Z) => F[Z] === te[Z]);
     }
-    return vt("form", s), vt("values", r), (F, te) => (i(), d("div", Bi, [
+    return ht("form", s), ht("values", r), (F, te) => (i(), d("div", ji, [
       l("div", {
         class: "flex-1 min-h-0 overflow-y-auto",
         ref_key: "formScrollContainer",
@@ -4606,7 +4608,7 @@ const Bi = { class: "flex w-full h-full min-h-0 gap-6" }, ji = {
             key: J.name,
             class: E(v(J) === "horizontal" ? "col-span-12" : `col-span-${J.col || 12}`)
           }, [
-            A(zt, {
+            A(At, {
               style: be(F.style),
               item: J,
               layout: v(J),
@@ -4618,11 +4620,11 @@ const Bi = { class: "flex w-full h-full min-h-0 gap-6" }, ji = {
               },
               error: ee(u)[J.name]
             }, null, 8, ["style", "item", "layout", "columns", "model-value", "onUpdate:modelValue", "error"]),
-            v(J) === "settings" && M + 1 !== ee(f).length ? (i(), d("div", ji)) : D("", !0)
+            v(J) === "settings" && M + 1 !== ee(f).length ? (i(), d("div", Ei)) : D("", !0)
           ], 2))), 128))
         ], 34)
       ], 512),
-      A(wi, {
+      A(ki, {
         target: m.value,
         "scroll-container": y.value,
         enabled: S.value,
@@ -4630,7 +4632,7 @@ const Bi = { class: "flex w-full h-full min-h-0 gap-6" }, ji = {
       }, null, 8, ["target", "scroll-container", "enabled", "width"])
     ]));
   }
-}), Ei = { class: "relative" }, Ii = { class: "w-full h-full fixed top-0 start-0 z-[1000] bg-black bg-opacity-50" }, zi = { 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]" }, Ti = { class: "font-medium text-gray-800 dark:text-[#ffffff]" }, Fi = { class: "p-4 mim-h-0 h-full overflow-auto" }, Oi = /* @__PURE__ */ U({
+}), Ii = { class: "relative" }, zi = { class: "w-full h-full fixed top-0 start-0 z-[1000] bg-black bg-opacity-50" }, Ai = { 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" }, Ti = { 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]" }, Oi = { class: "p-4 mim-h-0 h-full overflow-auto" }, Di = /* @__PURE__ */ U({
   __name: "modal-edit",
   props: {
     schema: {},
@@ -4641,7 +4643,7 @@ const Bi = { class: "flex w-full h-full min-h-0 gap-6" }, ji = {
   },
   emits: ["close", "save", "edit"],
   setup(o, { emit: e }) {
-    const t = o, a = e, n = k(t.schema), s = k(t.defaultValue ? JSON.parse(JSON.stringify(t.defaultValue)) : {}), r = k({}), u = k(), c = k(t.mode);
+    const t = o, a = e, n = w(t.schema), s = w(t.defaultValue ? JSON.parse(JSON.stringify(t.defaultValue)) : {}), r = w({}), u = w(), c = w(t.mode);
     async function p() {
       const m = r.value.validate();
       if (m) {
@@ -4726,11 +4728,11 @@ const Bi = { class: "flex w-full h-full min-h-0 gap-6" }, ji = {
           message: m.message || "Unexpected error"
         }), console.error(m);
       }
-    }), (m, y) => (i(), d("div", Ei, [
-      l("div", Ii, [
-        l("div", zi, [
-          l("div", Ai, [
-            l("h3", Ti, G(c.value === "add" ? "Додати" : "Змінити"), 1),
+    }), (m, y) => (i(), d("div", Ii, [
+      l("div", zi, [
+        l("div", Ai, [
+          l("div", Ti, [
+            l("h3", Fi, G(c.value === "add" ? "Додати" : "Змінити"), 1),
             l("button", {
               onClick: f,
               type: "button",
@@ -4754,7 +4756,7 @@ const Bi = { class: "flex w-full h-full min-h-0 gap-6" }, ji = {
               ], -1)
             ]))
           ]),
-          l("div", Fi, [
+          l("div", Oi, [
             n.value ? (i(), me(We, {
               key: 0,
               schema: n.value,
@@ -4780,14 +4782,14 @@ const Bi = { class: "flex w-full h-full min-h-0 gap-6" }, ji = {
       ])
     ]));
   }
-}), $t = (o = { mode: "edit", schema: null }) => new Promise((e) => {
-  const { close: t } = Kt({
+}), Ct = (o = { mode: "edit", schema: null }) => new Promise((e) => {
+  const { close: t } = Jt({
     title: o.mode === "add" ? "Додати" : "Редагувати",
     template: "",
     visible: !0,
     size: "medium",
     closeClickBack: !0,
-    content: Oi,
+    content: Di,
     contentProps: {
       ...o,
       onClose: () => {
@@ -4801,34 +4803,34 @@ const Bi = { class: "flex w-full h-full min-h-0 gap-6" }, ji = {
 });
 We.install = function(e) {
   e.component("VForm", We), Object.assign(e.config.globalProperties, {
-    $form: $t
-  }), e.provide("form", $t), window.v3plugin || (window.v3plugin = {});
+    $form: Ct
+  }), e.provide("form", Ct), window.v3plugin || (window.v3plugin = {});
 };
 export {
-  Oi as ModalEdit,
+  Di as ModalEdit,
   We as VForm,
-  pi as VsInputArray,
-  vo as VsInputCheckbox,
-  ri as VsInputColor,
-  oa as VsInputContainer,
-  go as VsInputDate,
-  ao as VsInputEmail,
-  tn as VsInputFile,
-  En as VsInputFileList,
-  ni as VsInputKeyValue,
-  lo as VsInputMask,
-  kl as VsInputNumber,
-  gt as VsInputRadio,
-  di as VsInputRange,
-  wt as VsInputSelect,
-  Gr as VsInputSlug,
-  ht as VsInputStatic,
-  Bt as VsInputSwitcher,
-  Hr as VsInputTag,
+  fi as VsInputArray,
+  ho as VsInputCheckbox,
+  ii as VsInputColor,
+  na as VsInputContainer,
+  bo as VsInputDate,
+  so as VsInputEmail,
+  ln as VsInputFile,
+  In as VsInputFileList,
+  ai as VsInputKeyValue,
+  oo as VsInputMask,
+  _l as VsInputNumber,
+  bt as VsInputRadio,
+  ci as VsInputRange,
+  kt as VsInputSelect,
+  Zr as VsInputSlug,
+  gt as VsInputStatic,
+  jt as VsInputSwitcher,
+  Nr as VsInputTag,
   Ye as VsInputText,
-  ka as VsInputTextarea,
+  _a as VsInputTextarea,
   We as default,
-  fi as inputs,
-  Ls as vsInputDatatable,
-  Ir as vsInputMap
+  mi as inputs,
+  Ss as vsInputDatatable,
+  zr as vsInputMap
 };