@opengis/form 0.0.56 → 0.0.57

package/dist/index.js

@@ -1,15 +1,15 @@
-import { defineComponent as R, ref as k, onMounted as $e, onUnmounted as Qe, createElementBlock as d, openBlock as i, createCommentVNode as T, renderSlot as Le, createElementVNode as l, toDisplayString as G, mergeProps as Fe, computed as B, normalizeStyle as be, createTextVNode as ge, normalizeProps as nt, guardReactiveProps as at, normalizeClass as I, mergeModels as ie, useModel as de, withDirectives as ne, unref as te, vModelText as ve, vModelCheckbox as St, createVNode as F, createBlock as he, resolveDynamicComponent as Oe, withCtx as Ee, withModifiers as _e, onBeforeUnmount as st, watch as ue, createStaticVNode as ye, vModelRadio as Bt, Fragment as re, renderList as me, reactive as qt, vModelDynamic as Gt, vShow as et, inject as ze, resolveComponent as bt, Transition as rt, nextTick as je, Teleport as jt, getCurrentInstance as Wt, watchEffect as Kt, toRef as Zt, provide as yt } from "vue";
-import { notify as pe, VsModal as Et, modal as Jt } from "@opengis/core";
-const Yt = { class: "w-full relative" }, Xt = {
+import { defineComponent as R, ref as k, onMounted as $e, onUnmounted as Qe, createElementBlock as d, openBlock as i, createCommentVNode as A, renderSlot as Le, createElementVNode as l, toDisplayString as G, mergeProps as Fe, computed as B, normalizeStyle as be, createTextVNode as ge, normalizeProps as at, guardReactiveProps as st, normalizeClass as I, mergeModels as ie, useModel as de, withDirectives as ne, unref as te, vModelText as ve, vModelCheckbox as Bt, createVNode as F, createBlock as he, resolveDynamicComponent as Oe, withCtx as Ee, withModifiers as _e, onBeforeUnmount as rt, watch as ue, createStaticVNode as ye, vModelRadio as jt, Fragment as re, renderList as me, reactive as Gt, vModelDynamic as Wt, vShow as et, inject as Te, resolveComponent as yt, Transition as it, nextTick as je, Teleport as Et, getCurrentInstance as Kt, watchEffect as Zt, toRef as Jt, provide as xt } from "vue";
+import { notify as pe, VsModal as It, modal as Yt } from "@opengis/core";
+const Xt = { class: "w-full relative" }, Qt = {
   key: 0,
   class: "text-[14px] font-medium text-gray-900 mb-2"
-}, Qt = { class: "opacity-100" }, el = {
+}, el = { class: "opacity-100" }, tl = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, tl = {
+}, ll = {
   key: 1,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, ll = /* @__PURE__ */ R({
+}, ol = /* @__PURE__ */ R({
   __name: "vs-layout-default",
   props: {
     ua: { default: "" },
@@ -31,24 +31,24 @@ const Yt = { class: "w-full relative" }, Xt = {
       e.value = localStorage.locale, window.addEventListener("storage", t);
     }), Qe(() => {
       window.removeEventListener("resize", t);
-    }), (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, "*")) : T("", !0)
-      ])) : T("", !0),
+    }), (a, n) => (i(), d("div", Xt, [
+      a.ua || a.label ? (i(), d("div", Qt, [
+        l("span", el, G(a.item[e.value] || a.ua || a.label), 1),
+        a.item?.rules?.includes("required") ? (i(), d("span", tl, "*")) : A("", !0)
+      ])) : A("", !0),
       Le(a.$slots, "default", Fe(a.$attrs, {
         class: { "opacity-60": a.item.disabled }
       })),
-      a.error ? (i(), d("span", tl, G(a.error), 1)) : T("", !0)
+      a.error ? (i(), d("span", ll, G(a.error), 1)) : A("", !0)
     ]));
   }
-}), ol = { class: "w-full relative flex flex-row items-center gap-2" }, nl = {
+}), nl = { class: "w-full relative flex flex-row items-center gap-2" }, al = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, al = {
+}, sl = {
   key: 1,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, sl = /* @__PURE__ */ R({
+}, rl = /* @__PURE__ */ R({
   __name: "vs-layout-horizontal",
   props: {
     ua: { default: "" },
@@ -75,33 +75,33 @@ const Yt = { class: "w-full relative" }, Xt = {
       if (!u || u <= 0) return {};
       if (e.item?.type === "html") return { flexBasis: "100%", maxWidth: "100%" };
       if (!n.value) return { flexBasis: "100%", maxWidth: "100%" };
-      const m = Math.max(u - Math.max(p ?? 0, 0), 0) / u;
-      if (!m) return {};
-      const c = `${m * 100}%`;
+      const f = Math.max(u - Math.max(p ?? 0, 0), 0) / u;
+      if (!f) return {};
+      const c = `${f * 100}%`;
       return { flexBasis: c, maxWidth: c };
     });
-    return (u, p) => (i(), d("div", ol, [
+    return (u, p) => (i(), d("div", nl, [
       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", nl, "*")) : T("", !0)
-      ], 4)) : T("", !0),
+        u.item?.rules?.includes("required") && (u.ua || u.label) ? (i(), d("span", al, "*")) : A("", !0)
+      ], 4)) : A("", !0),
       l("div", {
         class: "flex-1 min-w-0",
         style: be(r.value)
       }, [
-        Le(u.$slots, "default", nt(at(u.$attrs)))
+        Le(u.$slots, "default", at(st(u.$attrs)))
       ], 4),
-      u.error ? (i(), d("span", al, G(u.error), 1)) : T("", !0)
+      u.error ? (i(), d("span", sl, G(u.error), 1)) : A("", !0)
     ]));
   }
-}), rl = { class: "w-full relative" }, il = {
+}), il = { class: "w-full relative" }, ul = {
   key: 0,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, ul = /* @__PURE__ */ R({
+}, dl = /* @__PURE__ */ R({
   __name: "vs-layout-inline",
   props: {
     ua: { default: "" },
@@ -116,24 +116,24 @@ const Yt = { class: "w-full relative" }, Xt = {
     columns: {}
   },
   setup(o) {
-    return (e, t) => (i(), d("div", rl, [
-      Le(e.$slots, "default", nt(at(e.$attrs))),
-      e.error ? (i(), d("span", il, G(e.error), 1)) : T("", !0)
+    return (e, t) => (i(), d("div", il, [
+      Le(e.$slots, "default", at(st(e.$attrs))),
+      e.error ? (i(), d("span", ul, G(e.error), 1)) : A("", !0)
     ]));
   }
-}), dl = { class: "flex-1 min-w-0" }, cl = {
+}), cl = { class: "flex-1 min-w-0" }, pl = {
   key: 0,
   class: "text-sm font-medium text-slate-700 dark:text-slate-200 flex items-center gap-1"
-}, pl = { class: "truncate" }, fl = {
+}, fl = { class: "truncate" }, ml = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, ml = {
+}, vl = {
   key: 1,
   class: "text-xs text-slate-500 dark:text-slate-400"
-}, vl = { class: "w-full md:w-auto" }, hl = {
+}, hl = { class: "w-full md:w-auto" }, gl = {
   key: 0,
   class: "mt-1 text-xs text-red-500"
-}, gl = /* @__PURE__ */ R({
+}, bl = /* @__PURE__ */ R({
   __name: "vs-layout-settings",
   props: {
     ua: { default: "" },
@@ -167,25 +167,25 @@ const Yt = { class: "w-full relative" }, Xt = {
       l("div", {
         class: I(["gap-2 md:flex-row md:items-center md:justify-between", [["switcher", "native-select"].includes(u.item.type) ? "flex flex-col" : ""]])
       }, [
-        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, "*")) : T("", !0)
-          ])) : T("", !0),
-          a.value ? (i(), d("p", ml, G(a.value), 1)) : T("", !0)
+        l("div", cl, [
+          u.ua || u.label ? (i(), d("p", pl, [
+            l("span", fl, G(u.item[t.value] || u.ua || u.label), 1),
+            n.value ? (i(), d("span", ml, "*")) : A("", !0)
+          ])) : A("", !0),
+          a.value ? (i(), d("p", vl, G(a.value), 1)) : A("", !0)
         ]),
-        l("div", vl, [
-          Le(u.$slots, "default", nt(at(u.$attrs)))
+        l("div", hl, [
+          Le(u.$slots, "default", at(st(u.$attrs)))
         ])
       ], 2),
-      s.value ? (i(), d("p", hl, G(s.value), 1)) : T("", !0)
+      s.value ? (i(), d("p", gl, G(s.value), 1)) : A("", !0)
     ], 2));
   }
-}), bl = {
-  default: ll,
-  horizontal: sl,
-  inline: ul,
-  settings: gl
+}), yl = {
+  default: ol,
+  horizontal: rl,
+  inline: dl,
+  settings: bl
 };
 function Ce(o) {
   return {
@@ -195,7 +195,7 @@ function Ce(o) {
     })
   };
 }
-const yl = ["placeholder", "disabled"], xl = /* @__PURE__ */ R({
+const xl = ["placeholder", "disabled"], wl = /* @__PURE__ */ R({
   __name: "vs-input-password",
   props: /* @__PURE__ */ ie({
     style: { default: () => ({}) },
@@ -221,11 +221,11 @@ const yl = ["placeholder", "disabled"], xl = /* @__PURE__ */ R({
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, yl)), [
+    }, null, 10, xl)), [
       [ve, a.value]
     ]);
   }
-}), wl = ["placeholder", "disabled"], Xe = /* @__PURE__ */ R({
+}), kl = ["placeholder", "disabled"], Xe = /* @__PURE__ */ R({
   __name: "vs-input-text",
   props: /* @__PURE__ */ ie({
     style: { default: () => ({}) },
@@ -251,11 +251,11 @@ const yl = ["placeholder", "disabled"], xl = /* @__PURE__ */ R({
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, wl)), [
+    }, null, 10, kl)), [
       [ve, a.value]
     ]);
   }
-}), kl = ["placeholder", "min", "max"], _l = /* @__PURE__ */ R({
+}), _l = ["placeholder", "min", "max"], $l = /* @__PURE__ */ R({
   __name: "vs-input-number",
   props: /* @__PURE__ */ ie({
     min: {},
@@ -285,7 +285,7 @@ const yl = ["placeholder", "disabled"], xl = /* @__PURE__ */ R({
       },
       min: n.min,
       max: n.max
-    }, null, 10, kl)), [
+    }, null, 10, _l)), [
       [ve, a.value]
     ]);
   }
@@ -294,7 +294,7 @@ const yl = ["placeholder", "disabled"], xl = /* @__PURE__ */ R({
   for (const [a, n] of e)
     t[a] = n;
   return t;
-}, $l = {}, Cl = {
+}, Cl = {}, Vl = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -304,8 +304,8 @@ const yl = ["placeholder", "disabled"], xl = /* @__PURE__ */ R({
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-check"
 };
-function Vl(o, e) {
-  return i(), d("svg", Cl, e[0] || (e[0] = [
+function Ml(o, e) {
+  return i(), d("svg", Vl, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -314,7 +314,7 @@ function Vl(o, e) {
     l("path", { d: "M5 12l5 5l10 -10" }, null, -1)
   ]));
 }
-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__ */ R({
+const Ll = /* @__PURE__ */ X(Cl, [["render", Ml]]), Sl = { class: "flex items-center gap-[4px]" }, Bl = ["value", "id", "disabled"], jl = ["for"], El = { class: "text-[14px] text-gray-700 flex items-center gap-x-1 ml-1 dark:text-neutral-400" }, Il = /* @__PURE__ */ R({
   __name: "vs-checkbox-default",
   props: {
     value: { default: "" },
@@ -331,7 +331,7 @@ const Ml = /* @__PURE__ */ X($l, [["render", Vl]]), Ll = { class: "flex items-ce
       get: () => a.modelValue,
       set: (s) => t("update:modelValue", s)
     });
-    return (s, r) => (i(), d("div", Ll, [
+    return (s, r) => (i(), d("div", Sl, [
       ne(l("input", {
         type: "checkbox",
         value: s.value,
@@ -339,8 +339,8 @@ const Ml = /* @__PURE__ */ X($l, [["render", Vl]]), Ll = { class: "flex items-ce
         class: I(["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, Sl), [
-        [St, n.value]
+      }, null, 10, Bl), [
+        [Bt, n.value]
       ]),
       l("label", {
         for: s.id,
@@ -349,23 +349,23 @@ const Ml = /* @__PURE__ */ X($l, [["render", Vl]]), Ll = { class: "flex items-ce
         l("div", {
           class: I(["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" : ""]])
         }, [
-          F(Ml, {
+          F(Ll, {
             height: "12",
             width: "12"
           })
         ], 2),
-        l("span", jl, [
+        l("span", El, [
           Le(s.$slots, "default", {}, () => [
             ge(G(s.label), 1)
           ])
         ])
-      ], 10, Bl)
+      ], 10, jl)
     ]));
   }
-}), Il = ["name", "value", "disabled"], Tl = { class: "flex items-center gap-[6px] text-[14px]" }, zl = {
+}), Al = ["name", "value", "disabled"], Tl = { class: "flex items-center gap-[6px] text-[14px]" }, zl = {
   key: 0,
   class: "text-[16px]"
-}, Al = ["src"], Fl = /* @__PURE__ */ R({
+}, Fl = ["src"], Ol = /* @__PURE__ */ R({
   __name: "vs-checkbox-buttons",
   props: {
     value: { type: [String, Number, Boolean], default: "" },
@@ -393,32 +393,32 @@ const Ml = /* @__PURE__ */ X($l, [["render", Vl]]), Ll = { class: "flex items-ce
         class: "hidden",
         name: u.id,
         value: u.value,
-        "onUpdate:modelValue": p[0] || (p[0] = (m) => n.value = m),
+        "onUpdate:modelValue": p[0] || (p[0] = (f) => n.value = f),
         disabled: u.disabled
-      }, null, 8, Il), [
-        [St, n.value]
+      }, null, 8, Al), [
+        [Bt, n.value]
       ]),
       l("span", Tl, [
         u.icon || u.imgUrl ? (i(), d("span", zl, [
           u.icon ? (i(), d("i", {
             key: 0,
             class: I(u.icon)
-          }, null, 2)) : T("", !0),
+          }, null, 2)) : A("", !0),
           u.imgUrl ? (i(), d("img", {
             key: 1,
             src: u.imgUrl,
             width: "16",
             height: "16",
             alt: "icon"
-          }, null, 8, Al)) : T("", !0)
-        ])) : T("", !0),
+          }, null, 8, Fl)) : A("", !0)
+        ])) : A("", !0),
         Le(u.$slots, "default", {}, () => [
           ge(G(u.label), 1)
         ])
       ])
     ], 2));
   }
-}), Ol = { class: "flex items-center" }, It = /* @__PURE__ */ R({
+}), Dl = { class: "flex items-center" }, At = /* @__PURE__ */ R({
   __name: "vs-input-checkbox-item",
   props: {
     value: { default: "" },
@@ -440,19 +440,19 @@ const Ml = /* @__PURE__ */ X($l, [["render", Vl]]), Ll = { class: "flex items-ce
       set: (u) => {
         if (Array.isArray(t.modelValue)) {
           let p = [...t.modelValue];
-          u ? p.includes(t.value) || p.push(t.value) : p = p.filter((m) => m !== t.value), a("update:modelValue", p);
+          u ? p.includes(t.value) || p.push(t.value) : p = p.filter((f) => f !== t.value), a("update:modelValue", p);
         } else
           a("update:modelValue", u);
       }
     }), r = k(`vs-checkbox-${t.view || "default"}`);
-    return (u, p) => (i(), d("div", Ol, [
-      (i(), he(Oe(r.value === "vs-checkbox-buttons" ? te(Fl) : te(El)), {
+    return (u, p) => (i(), d("div", Dl, [
+      (i(), he(Oe(r.value === "vs-checkbox-buttons" ? te(Ol) : te(Il)), {
         value: u.value,
         label: u.label,
         info: u.option?.info,
         disabled: u.disabled,
         modelValue: s.value,
-        "onUpdate:modelValue": p[0] || (p[0] = (m) => s.value = m),
+        "onUpdate:modelValue": p[0] || (p[0] = (f) => s.value = f),
         id: n,
         icon: u.icon,
         imgUrl: u.imgUrl,
@@ -466,7 +466,7 @@ const Ml = /* @__PURE__ */ X($l, [["render", Vl]]), Ll = { class: "flex items-ce
       }, 8, ["value", "label", "info", "disabled", "modelValue", "icon", "imgUrl", "style", "error"]))
     ]));
   }
-}), Dl = {}, Ul = {
+}), Ul = {}, Pl = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -476,8 +476,8 @@ const Ml = /* @__PURE__ */ X($l, [["render", Vl]]), Ll = { class: "flex items-ce
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down"
 };
-function Pl(o, e) {
-  return i(), d("svg", Ul, e[0] || (e[0] = [
+function Rl(o, e) {
+  return i(), d("svg", Pl, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -486,7 +486,7 @@ function Pl(o, e) {
     l("path", { d: "M6 9l6 6l6 -6" }, null, -1)
   ]));
 }
-const Rl = /* @__PURE__ */ X(Dl, [["render", Pl]]), Hl = {}, Nl = {
+const Hl = /* @__PURE__ */ X(Ul, [["render", Rl]]), Nl = {}, ql = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -496,8 +496,8 @@ const Rl = /* @__PURE__ */ X(Dl, [["render", Pl]]), Hl = {}, Nl = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-x"
 };
-function ql(o, e) {
-  return i(), d("svg", Nl, e[0] || (e[0] = [
+function Gl(o, e) {
+  return i(), d("svg", ql, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -507,7 +507,7 @@ function ql(o, e) {
     l("path", { d: "M6 6l12 12" }, null, -1)
   ]));
 }
-const Gl = /* @__PURE__ */ X(Hl, [["render", ql]]), Wl = {}, Kl = {
+const Wl = /* @__PURE__ */ X(Nl, [["render", Gl]]), Kl = {}, Zl = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -518,8 +518,8 @@ const Gl = /* @__PURE__ */ X(Hl, [["render", ql]]), Wl = {}, Kl = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Zl(o, e) {
-  return i(), d("svg", Kl, e[0] || (e[0] = [
+function Jl(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 Jl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Yl = {
+const Yl = /* @__PURE__ */ X(Kl, [["render", Jl]]), Xl = {
   key: 0,
   class: "flex items-start gap-x-1"
-}, Xl = {
+}, Ql = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, Ql = ["title"], eo = ["disabled"], Tt = /* @__PURE__ */ R({
+}, eo = ["title"], to = ["disabled"], Tt = /* @__PURE__ */ R({
   __name: "vs-input-switcher",
   props: /* @__PURE__ */ ie({
     rules: { default: () => [] },
@@ -558,14 +558,14 @@ const Jl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Yl = {
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, t = de(o, "modelValue");
-    return (a, n) => e.view === "checkbox" ? (i(), d("div", Yl, [
-      F(It, {
+    return (a, n) => e.view === "checkbox" ? (i(), d("div", Xl, [
+      F(At, {
         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", Xl, "*")) : T("", !0),
+      a.rules?.includes("required") ? (i(), d("span", Ql, "*")) : A("", !0),
       a.i ? (i(), d("button", {
         key: 1,
         class: "cursor-pointer",
@@ -573,8 +573,8 @@ const Jl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Yl = {
         onClick: n[1] || (n[1] = _e(() => {
         }, ["prevent"]))
       }, [
-        F(te(Jl), { class: "text-gray-500 w-[14px] h-[14px]" })
-      ], 8, Ql)) : T("", !0)
+        F(te(Yl), { class: "text-gray-500 w-[14px] h-[14px]" })
+      ], 8, eo)) : A("", !0)
     ])) : (i(), d("button", {
       key: 1,
       type: "button",
@@ -586,9 +586,9 @@ const Jl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Yl = {
         "data-state": "checked",
         class: I(["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, eo));
+    ], 10, to));
   }
-}), to = ["id", "innerHTML"], xt = /* @__PURE__ */ R({
+}), lo = ["id", "innerHTML"], wt = /* @__PURE__ */ R({
   __name: "vs-input-static",
   props: {
     text: { default: "" },
@@ -606,9 +606,9 @@ const Jl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Yl = {
       id: e.name,
       class: I(["text-gray-900", e.customClass]),
       innerHTML: e.html ? e.html : e.text
-    }, null, 10, to));
+    }, null, 10, lo));
   }
-}), lo = ["placeholder", "disabled", "name"], oo = /* @__PURE__ */ R({
+}), oo = ["placeholder", "disabled", "name"], no = /* @__PURE__ */ R({
   __name: "vs-input-mask",
   props: /* @__PURE__ */ ie({
     name: {},
@@ -645,7 +645,7 @@ const Jl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Yl = {
           a.value = e.unmask ? s.unmaskedValue : s.value;
         }), s.value = a.value ?? "";
       }
-    }), st(() => {
+    }), rt(() => {
       s?.destroy();
     }), ue(() => e.mask, (r) => {
       s && s.updateOptions({
@@ -669,9 +669,9 @@ const Jl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Yl = {
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, lo));
+    }, null, 10, oo));
   }
-}), no = { class: "relative w-full bg-white rounded-lg" }, ao = ["placeholder", "disabled"], so = /* @__PURE__ */ R({
+}), ao = { class: "relative w-full bg-white rounded-lg" }, so = ["placeholder", "disabled"], ro = /* @__PURE__ */ R({
   __name: "vs-input-email",
   props: /* @__PURE__ */ ie({
     style: { default: () => ({}) },
@@ -688,7 +688,7 @@ const Jl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Yl = {
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, { inputClass: t } = Ce(e.style), a = de(o, "modelValue");
-    return (n, s) => (i(), d("div", no, [
+    return (n, s) => (i(), d("div", ao, [
       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)),
       ne(l("input", {
         type: "email",
@@ -699,12 +699,12 @@ const Jl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Yl = {
         style: {
           border: "1px solid #CFD9E0"
         }
-      }, null, 10, ao), [
+      }, null, 10, so), [
         [ve, a.value]
       ])
     ]));
   }
-}), ro = ["value", "disabled"], io = { class: "text-[13px] text-gray-700" }, uo = /* @__PURE__ */ R({
+}), io = ["value", "disabled"], uo = { class: "text-[13px] text-gray-700" }, co = /* @__PURE__ */ R({
   __name: "vs-input-radio-default",
   props: /* @__PURE__ */ ie({
     style: {},
@@ -732,8 +732,8 @@ const Jl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Yl = {
         value: t.value,
         disabled: t.disabled,
         class: "hidden"
-      }, null, 8, ro), [
-        [Bt, e.value]
+      }, null, 8, io), [
+        [jt, e.value]
       ]),
       l("span", {
         class: I(["w-[16px] shrink-0 h-[16px] border rounded-full flex items-center justify-center mr-[10px]", [
@@ -744,12 +744,12 @@ const Jl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Yl = {
         e.value == t.value ? (i(), d("span", {
           key: 0,
           class: I(["w-[12px] h-[12px] shrink-0 rounded-full", [`bg-${t.style?.primaryColor || "blue"}-500`]])
-        }, null, 2)) : T("", !0)
+        }, null, 2)) : A("", !0)
       ], 2),
-      l("span", io, G(t.text), 1)
+      l("span", uo, G(t.text), 1)
     ], 2));
   }
-}), co = ["value", "disabled"], po = { class: "text-[13px] text-gray-700" }, fo = /* @__PURE__ */ R({
+}), po = ["value", "disabled"], fo = { class: "text-[13px] text-gray-700" }, mo = /* @__PURE__ */ R({
   __name: "vs-input-radio-buttons",
   props: /* @__PURE__ */ ie({
     style: {},
@@ -780,16 +780,16 @@ const Jl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Yl = {
         value: t.value,
         disabled: t.disabled,
         class: "hidden"
-      }, null, 8, co), [
-        [Bt, e.value]
+      }, null, 8, po), [
+        [jt, e.value]
       ]),
-      l("span", po, G(t.text), 1)
+      l("span", fo, G(t.text), 1)
     ], 2));
   }
-}), mo = {
-  "vs-input-radio-default": uo,
-  "vs-input-radio-buttons": fo
-}, wt = /* @__PURE__ */ R({
+}), vo = {
+  "vs-input-radio-default": co,
+  "vs-input-radio-buttons": mo
+}, kt = /* @__PURE__ */ R({
   __name: "vs-input-radio",
   props: /* @__PURE__ */ ie({
     options: {},
@@ -808,7 +808,7 @@ const Jl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Yl = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = de(o, "modelValue"), a = B(() => mo[`vs-input-radio-${e.view}`]);
+    const e = o, t = de(o, "modelValue"), a = B(() => vo[`vs-input-radio-${e.view}`]);
     return (n, s) => (i(), d("div", {
       class: I([n.position === "horizontal" ? "flex items-center flex-wrap gap-2" : ""])
     }, [
@@ -822,7 +822,7 @@ const Jl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Yl = {
       }, { ref_for: !0 }, n.$attrs), null, 16, ["text", "value", "checked", "modelValue"]))), 128))
     ], 2));
   }
-}), vo = /* @__PURE__ */ R({
+}), ho = /* @__PURE__ */ R({
   __name: "vs-input-checkbox",
   props: {
     options: { default: () => [] },
@@ -841,9 +841,9 @@ const Jl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Yl = {
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, a = e, n = k([]), s = qt({}), r = (c) => c?.value || c?.id || c?.text || c, u = (c) => c.text || String(c), p = (c) => `lg:col-span-${c || 12}`, m = async () => {
+    const t = o, a = e, n = k([]), s = Gt({}), r = (c) => c?.value || c?.id || c?.text || c, u = (c) => c.text || String(c), p = (c) => `lg:col-span-${c || 12}`, f = async () => {
       try {
-        const c = await fetch(`/api/suggest/${t.data}`).then((f) => f.json());
+        const c = await fetch(`/api/suggest/${t.data}`).then((m) => m.json());
         n.value = c?.data || c;
       } catch (c) {
         console.error(c);
@@ -853,14 +853,14 @@ const Jl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Yl = {
       () => t.modelValue,
       (c) => {
         if (typeof c == "boolean" && n.value.length === 1) {
-          const f = r(n.value[0]);
-          s[f] = c;
+          const m = r(n.value[0]);
+          s[m] = c;
         } else if (Array.isArray(c)) {
-          const f = new Set(c);
+          const m = new Set(c);
           n.value.forEach((b) => {
             if (!b.disabled) {
               const M = r(b);
-              s[M] = f.has(M);
+              s[M] = m.has(M);
             }
           });
         }
@@ -873,21 +873,21 @@ const Jl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Yl = {
           a("update:modelValue", null);
           return;
         }
-        const c = Object.entries(s).filter(([, f]) => f).map(([f]) => f);
+        const c = Object.entries(s).filter(([, m]) => m).map(([m]) => m);
         a("update:modelValue", c.length === 0 ? [] : c);
       },
       { deep: !0 }
     ), $e(() => {
       if (t.data)
-        m().then(() => {
+        f().then(() => {
           if (typeof t.modelValue == "boolean" && n.value.length === 1) {
             const c = r(n.value[0]);
             s[c] = t.modelValue;
           } else if (Array.isArray(t.modelValue)) {
             const c = new Set(t.modelValue);
-            n.value.forEach((f) => {
-              if (!f.disabled) {
-                const b = r(f);
+            n.value.forEach((m) => {
+              if (!m.disabled) {
+                const b = r(m);
                 s[b] = c.has(b);
               }
             });
@@ -898,17 +898,17 @@ const Jl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Yl = {
         s[c] = t.modelValue;
       } else if (Array.isArray(t.modelValue)) {
         const c = new Set(t.modelValue);
-        n.value.forEach((f) => {
-          if (!f.disabled) {
-            const b = r(f);
+        n.value.forEach((m) => {
+          if (!m.disabled) {
+            const b = r(m);
             s[b] = c.has(b);
           }
         });
       }
-    }), (c, f) => (i(), d("div", {
+    }), (c, m) => (i(), d("div", {
       class: I(["p-0 w-full gap-[6px]", [c.position === "vertical" ? "flex-col" : "", c.colSpan ? "grid" : "flex justify-start"]])
     }, [
-      (i(!0), d(re, null, me(n.value, (b) => (i(), he(It, {
+      (i(!0), d(re, null, me(n.value, (b) => (i(), he(At, {
         modelValue: s[r(b)],
         "onUpdate:modelValue": (M) => s[r(b)] = M,
         value: r(b),
@@ -923,7 +923,7 @@ const Jl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Yl = {
       }, null, 8, ["modelValue", "onUpdate:modelValue", "value", "class", "disabled", "label", "icon", "imgUrl", "option", "view"]))), 128))
     ], 2));
   }
-}), ho = /* @__PURE__ */ X(vo, [["__scopeId", "data-v-91f3584a"]]), go = ["type", "placeholder", "disabled"], bo = /* @__PURE__ */ R({
+}), go = /* @__PURE__ */ X(ho, [["__scopeId", "data-v-91f3584a"]]), bo = ["type", "placeholder", "disabled"], yo = /* @__PURE__ */ R({
   __name: "vs-input-date1",
   props: {
     style: { default: () => ({}) },
@@ -945,9 +945,9 @@ const Jl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Yl = {
       get: () => a(t.modelValue),
       set: (p) => s("update:modelValue", p)
     }), u = B(() => t.mode === "datetime" ? "datetime-local" : t.mode);
-    return (p, m) => ne((i(), d("input", {
+    return (p, f) => ne((i(), d("input", {
       type: u.value,
-      "onUpdate:modelValue": m[0] || (m[0] = (c) => r.value = c),
+      "onUpdate:modelValue": f[0] || (f[0] = (c) => r.value = c),
       placeholder: p.placeholder,
       disabled: p.disabled,
       ref: "date",
@@ -955,11 +955,11 @@ const Jl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Yl = {
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, go)), [
-      [Gt, r.value]
+    }, null, 10, bo)), [
+      [Wt, r.value]
     ]);
   }
-}), kt = async (o, e, t, a) => {
+}), _t = 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 Jl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Yl = {
       position: "right-bottom"
     }), console.error("Сталась помилка завантаження файлу", n), null;
   }
-}, yo = async (o) => {
+}, xo = async (o) => {
   try {
     return await fetch(`file/delete${o}`), !0;
   } catch (e) {
     return console.error(e), !1;
   }
-}, _t = async (o) => {
+}, $t = 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);
   }
-}, xo = {}, wo = {
+}, wo = {}, ko = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1001,13 +1001,13 @@ const Jl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Yl = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function ko(o, e) {
-  return i(), d("svg", wo, e[0] || (e[0] = [
+function _o(o, e) {
+  return i(), d("svg", ko, e[0] || (e[0] = [
     l("path", { d: "M5 12h14" }, null, -1),
     l("path", { d: "M12 5v14" }, null, -1)
   ]));
 }
-const Ge = /* @__PURE__ */ X(xo, [["render", ko]]), _o = {}, $o = {
+const Ge = /* @__PURE__ */ X(wo, [["render", _o]]), $o = {}, Co = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-text",
   width: "44",
@@ -1019,12 +1019,12 @@ const Ge = /* @__PURE__ */ X(xo, [["render", ko]]), _o = {}, $o = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Co(o, e, t, a, n, s) {
-  return i(), d("svg", $o, e[0] || (e[0] = [
+function Vo(o, e, t, a, n, s) {
+  return i(), d("svg", Co, 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 Vo = /* @__PURE__ */ X(_o, [["render", Co]]), Mo = {}, Lo = {
+const Mo = /* @__PURE__ */ X($o, [["render", Vo]]), Lo = {}, So = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-table",
   width: "44",
@@ -1036,8 +1036,8 @@ const Vo = /* @__PURE__ */ X(_o, [["render", Co]]), Mo = {}, Lo = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function So(o, e, t, a, n, s) {
-  return i(), d("svg", Lo, e[0] || (e[0] = [
+function Bo(o, e, t, a, n, s) {
+  return i(), d("svg", So, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1064,7 +1064,7 @@ function So(o, e, t, a, n, s) {
     }, null, -1)
   ]));
 }
-const Bo = /* @__PURE__ */ X(Mo, [["render", So]]), jo = {}, Eo = {
+const jo = /* @__PURE__ */ X(Lo, [["render", Bo]]), Eo = {}, Io = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1075,12 +1075,12 @@ const Bo = /* @__PURE__ */ X(Mo, [["render", So]]), jo = {}, Eo = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Io(o, e) {
-  return i(), d("svg", Eo, e[0] || (e[0] = [
+function Ao(o, e) {
+  return i(), d("svg", Io, 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 zt = /* @__PURE__ */ X(jo, [["render", Io]]), To = {}, zo = {
+const zt = /* @__PURE__ */ X(Eo, [["render", Ao]]), To = {}, zo = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-zip",
   width: "44",
@@ -1092,12 +1092,12 @@ const zt = /* @__PURE__ */ X(jo, [["render", Io]]), To = {}, zo = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Ao(o, e, t, a, n, s) {
+function Fo(o, e, t, a, n, s) {
   return i(), d("svg", zo, 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 Fo = /* @__PURE__ */ X(To, [["render", Ao]]), Oo = {}, Do = {
+const Oo = /* @__PURE__ */ X(To, [["render", Fo]]), Do = {}, Uo = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-code",
   width: "44",
@@ -1109,25 +1109,25 @@ const Fo = /* @__PURE__ */ X(To, [["render", Ao]]), Oo = {}, Do = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Uo(o, e, t, a, n, s) {
-  return i(), d("svg", Do, e[0] || (e[0] = [
+function Po(o, e, t, a, n, s) {
+  return i(), d("svg", Uo, 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 Po = /* @__PURE__ */ X(Oo, [["render", Uo]]), Ro = (o) => {
+const Ro = /* @__PURE__ */ X(Do, [["render", Po]]), Ho = (o) => {
   if (!o) return "";
   const e = o?.split(".");
   return e[e.length - 1];
-}, Ho = (o) => {
-  const e = Ro(o), t = {
+}, No = (o) => {
+  const e = Ho(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) ? Bo : t.textsFormat.includes(e) ? Po : t.documentsFormat.includes(e) ? Vo : t.archivesFormat.includes(e) ? Fo : zt;
-}, No = {}, qo = {
+  return t.imageFormat.includes(e) ? "img" : t.sheetsFormat.includes(e) ? jo : t.textsFormat.includes(e) ? Ro : t.documentsFormat.includes(e) ? Mo : t.archivesFormat.includes(e) ? Oo : zt;
+}, qo = {}, Go = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1139,12 +1139,12 @@ const Po = /* @__PURE__ */ X(Oo, [["render", Uo]]), Ro = (o) => {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-trash"
 };
-function Go(o, e) {
-  return i(), d("svg", qo, e[0] || (e[0] = [
+function Wo(o, e) {
+  return i(), d("svg", Go, 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 tt = /* @__PURE__ */ X(No, [["render", Go]]), Wo = {}, Ko = {
+const tt = /* @__PURE__ */ X(qo, [["render", Wo]]), Ko = {}, Zo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1156,8 +1156,8 @@ const tt = /* @__PURE__ */ X(No, [["render", Go]]), Wo = {}, Ko = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-download"
 };
-function Zo(o, e) {
-  return i(), d("svg", Ko, e[0] || (e[0] = [
+function Jo(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 At = /* @__PURE__ */ X(Wo, [["render", Zo]]), 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__ */ R({
+const Ft = /* @__PURE__ */ X(Ko, [["render", Jo]]), Yo = { class: "h-[120px] w-[120px] border text-gray-300 border-dashed border-[#CFD9E0] rounded-lg overflow-hidden relative item-file" }, Xo = { class: "absolute hidden top-0 right-0 flex items-center gap-x-2 w-full h-full justify-center" }, Qo = /* @__PURE__ */ R({
   __name: "vs-input-file-list-item",
   props: /* @__PURE__ */ ie({
     format: {},
@@ -1189,18 +1189,18 @@ const At = /* @__PURE__ */ X(Wo, [["render", Zo]]), Jo = { 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", Jo, [
-      (i(), he(Oe(te(Ho)(t.value)), {
+    return (n, s) => (i(), d("div", Yo, [
+      (i(), he(Oe(te(No)(t.value)), {
         src: t.value,
         alt: "file",
         class: "w-full h-full object-cover cursor-pointer",
-        onClick: s[0] || (s[0] = (r) => te(_t)(t.value))
+        onClick: s[0] || (s[0] = (r) => te($t)(t.value))
       }, null, 8, ["src"])),
-      l("div", Yo, [
+      l("div", Xo, [
         l("button", {
           type: "button",
           onClick: s[1] || (s[1] = (r) => {
-            te(yo)(t.value), e.value = a.multiple ? e.value?.filter((u) => u !== t.value) : "";
+            te(xo)(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 At = /* @__PURE__ */ X(Wo, [["render", Zo]]), Jo = { class: "h-[120px] w-[
         ]),
         l("button", {
           type: "button",
-          onClick: s[2] || (s[2] = (r) => te(_t)(t.value)),
+          onClick: s[2] || (s[2] = (r) => te($t)(t.value)),
           class: "w-6 h-6 flex items-center justify-center text-gray-500 bg-gray-200 rounded-lg hover:text-blue-500"
         }, [
-          F(At, { class: "w-4 h-4" })
+          F(Ft, { class: "w-4 h-4" })
         ])
       ])
     ]));
   }
-}), $t = /* @__PURE__ */ X(Xo, [["__scopeId", "data-v-0ca886b3"]]), Qo = { class: "flex items-center gap-x-2" }, en = ["multiple"], tn = {
+}), Ct = /* @__PURE__ */ X(Qo, [["__scopeId", "data-v-0ca886b3"]]), en = { class: "flex items-center gap-x-2" }, tn = ["multiple"], ln = {
   key: 1,
   class: "flex items-center flex-wrap gap-2"
-}, ln = /* @__PURE__ */ R({
+}, on = /* @__PURE__ */ R({
   __name: "vs-input-file",
   props: /* @__PURE__ */ ie({
     format: {},
@@ -1238,20 +1238,20 @@ const At = /* @__PURE__ */ X(Wo, [["render", Zo]]), Jo = { 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 = (p) => Array.isArray(a.value) && a.value[p] || "", u = async (p) => {
-      const { files: m } = p.target;
-      if (!(!m || m.length === 0))
+      const { files: f } = p.target;
+      if (!(!f || f.length === 0))
         if (t.multiple) {
-          const c = Array.from(m).map(async (q) => t.format && !q.name.endsWith(t.format) ? null : await kt(q, "1", "form", "table")), M = (await Promise.all(c)).filter((q) => q !== null).map((q) => q?.file_path).filter(Boolean);
+          const c = Array.from(f).map(async (q) => t.format && !q.name.endsWith(t.format) ? null : await _t(q, "1", "form", "table")), M = (await Promise.all(c)).filter((q) => q !== null).map((q) => q?.file_path).filter(Boolean);
           a.value = [...a.value || [], ...M], n("change", a.value);
         } else {
-          const c = m[0];
+          const c = f[0];
           if (t.format && !c.name.endsWith(t.format))
             return;
-          const f = await kt(c, "1", "form", "table");
-          a.value = f?.file_path, n("change", a.value || "");
+          const m = await _t(c, "1", "form", "table");
+          a.value = m?.file_path, n("change", a.value || "");
         }
     };
-    return (p, m) => (i(), d("div", Qo, [
+    return (p, f) => (i(), d("div", en, [
       l("input", {
         class: "hidden",
         ref_key: "fileInput",
@@ -1259,23 +1259,23 @@ const At = /* @__PURE__ */ X(Wo, [["render", Zo]]), Jo = { class: "h-[120px] w-[
         type: "file",
         multiple: p.multiple,
         onChange: u
-      }, null, 40, en),
-      !p.multiple && a.value ? (i(), he($t, {
+      }, null, 40, tn),
+      !p.multiple && a.value ? (i(), he(Ct, {
         key: 0,
         item: a.value,
-        "onUpdate:item": m[0] || (m[0] = (c) => a.value = c),
+        "onUpdate:item": f[0] || (f[0] = (c) => a.value = c),
         value: a.value,
-        "onUpdate:value": m[1] || (m[1] = (c) => a.value = c)
-      }, null, 8, ["item", "value"])) : p.multiple ? (i(), d("div", tn, [
-        (i(!0), d(re, null, me(a.value, (c, f) => (i(), he($t, {
+        "onUpdate:value": f[1] || (f[1] = (c) => a.value = c)
+      }, null, 8, ["item", "value"])) : p.multiple ? (i(), d("div", ln, [
+        (i(!0), d(re, null, me(a.value, (c, m) => (i(), he(Ct, {
           multiple: p.multiple,
-          key: f,
+          key: m,
           value: a.value,
-          "onUpdate:value": m[2] || (m[2] = (b) => a.value = b),
-          item: r(f)
+          "onUpdate:value": f[2] || (f[2] = (b) => a.value = b),
+          item: r(m)
         }, null, 8, ["multiple", "value", "item"]))), 128)),
         l("div", {
-          onClick: m[3] || (m[3] = (c) => !p.disabled && s.value?.click()),
+          onClick: f[3] || (f[3] = (c) => !p.disabled && s.value?.click()),
           class: I([
             "h-[120px] w-[120px] border text-gray-300 hover:text-blue-500 border-dashed border-[#CFD9E0] rounded-lg flex items-center justify-center transition-all duration-300",
             p.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500 hover:bg-blue-50"
@@ -1283,17 +1283,17 @@ const At = /* @__PURE__ */ X(Wo, [["render", Zo]]), Jo = { class: "h-[120px] w-[
         }, [
           F(Ge, { class: "w-6 h-6" })
         ], 2)
-      ])) : T("", !0),
-      p.multiple ? T("", !0) : (i(), d("div", {
+      ])) : A("", !0),
+      p.multiple ? A("", !0) : (i(), d("div", {
         key: 2,
-        onClick: m[4] || (m[4] = (c) => s.value?.click()),
+        onClick: f[4] || (f[4] = (c) => s.value?.click()),
         class: I([p.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500", "h-[120px] w-[120px] border text-gray-300 hover:text-blue-500 border-dashed border-gray-300 rounded-lg flex items-center justify-center cursor-pointer hover:border-blue-500 transition-all duration-300 hover:bg-blue-50"])
       }, [
         F(Ge, { class: "w-6 h-6" })
       ], 2))
     ]));
   }
-}), 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: "" }, Ye = /* @__PURE__ */ R({
+}), nn = { class: "max-w-[55vw]" }, an = { class: "text-sm font-semibold text-gray-800 truncate dark:text-neutral-200" }, sn = { class: "flex items-center text-xs text-gray-500 truncate dark:text-neutral-500" }, rn = { class: "px-[5px]" }, un = { class: "" }, Ye = /* @__PURE__ */ R({
   __name: "vs-widget-file-info",
   props: {
     item: { default: null }
@@ -1318,33 +1318,33 @@ const At = /* @__PURE__ */ X(Wo, [["render", Zo]]), Jo = { 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", on, [
-        l("p", nn, G(n.item?.uploaded_name), 1),
-        l("p", an, [
+      l("div", nn, [
+        l("p", an, G(n.item?.uploaded_name), 1),
+        l("p", sn, [
           l("span", null, G(n.item?.username), 1),
-          ne(l("span", sn, "|", 512), [
+          ne(l("span", rn, "|", 512), [
             [et, n.item?.username]
           ]),
           l("span", null, G(t.value), 1),
           s[0] || (s[0] = l("span", { class: "px-[5px]" }, "|", -1)),
-          l("span", rn, G(a(n.item?.size)), 1)
+          l("span", un, G(a(n.item?.size)), 1)
         ])
       ])
     ], 64));
   }
-}), un = { class: "p-3 relative group flex items-center gap-x-3 border border-gray-200 bg-white rounded-md w-full" }, dn = {
+}), dn = { class: "p-3 relative group flex items-center gap-x-3 border border-gray-200 bg-white rounded-md w-full" }, cn = {
   key: 0,
   class: "flex w-full gap-x-3 items-center"
-}, cn = {
+}, pn = {
   key: 1,
   class: "flex gap-x-3 w-full items-center"
-}, pn = {
+}, fn = {
   key: 2,
   class: "flex gap-x-3 w-full items-center"
-}, fn = ["href"], mn = {
+}, mn = ["href"], vn = {
   key: 3,
   class: "flex gap-x-3 w-full items-center"
-}, 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__ */ R({
+}, hn = { class: "lg:absolute lg:top-3 lg:end-1 opacity-100" }, gn = { 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" }, bn = { class: "inline-block" }, yn = { class: "inline-block" }, xn = /* @__PURE__ */ R({
   __name: "vs-widget-file-item",
   props: {
     item: { default: null },
@@ -1361,8 +1361,8 @@ const At = /* @__PURE__ */ X(Wo, [["render", Zo]]), Jo = { class: "h-[120px] w-[
       return ["ppt", "pptx", "doc", "docx", "xls", "xlsx"].includes(c.ext);
     }
     function r(c) {
-      const f = document.createElement("a");
-      f.setAttribute("download", c?.uploaded_name), f.href = c?.file_path, f.click();
+      const m = document.createElement("a");
+      m.setAttribute("download", c?.uploaded_name), m.href = c?.file_path, m.click();
     }
     async function u() {
       try {
@@ -1383,49 +1383,49 @@ const At = /* @__PURE__ */ X(Wo, [["render", Zo]]), Jo = { class: "h-[120px] w-[
         updateListOnConfirm: !0
       });
     }
-    function m(c) {
+    function f(c) {
       (t.item.ext === "jpg" || t.item.ext === "png") && a("openLightbox", { item: t.item, index: c });
     }
-    return (c, f) => (i(), d("div", un, [
-      c.item.ext === "jpg" || c.item.ext === "png" ? (i(), d("div", dn, [
+    return (c, m) => (i(), d("div", dn, [
+      c.item.ext === "jpg" || c.item.ext === "png" ? (i(), d("div", cn, [
         l("div", {
           class: "max-w-[55vw] cursor-pointer flex gap-x-3 w-full items-center",
-          onClick: f[0] || (f[0] = (b) => m(c.index))
+          onClick: m[0] || (m[0] = (b) => f(c.index))
         }, [
           F(Ye, { item: c.item }, null, 8, ["item"])
         ])
-      ])) : n(c.item) ? (i(), d("div", cn, [
+      ])) : n(c.item) ? (i(), d("div", pn, [
         F(Ye, { item: c.item }, null, 8, ["item"])
-      ])) : s(c.item) ? (i(), d("div", pn, [
+      ])) : s(c.item) ? (i(), d("div", fn, [
         l("a", {
           href: `/api/file-preview?id=${c.item.file_id}`,
           target: "_blank",
           class: "flex gap-x-3 w-full items-center"
         }, [
           F(Ye, { item: c.item }, null, 8, ["item"])
-        ], 8, fn)
-      ])) : (i(), d("div", mn, [
+        ], 8, mn)
+      ])) : (i(), d("div", vn, [
         F(Ye, { item: c.item }, null, 8, ["item"])
       ])),
-      l("div", vn, [
-        l("div", hn, [
-          l("div", gn, [
+      l("div", hn, [
+        l("div", gn, [
+          l("div", bn, [
             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: f[1] || (f[1] = (b) => r(c.item))
+              onClick: m[1] || (m[1] = (b) => r(c.item))
             }, [
-              F(At, {
+              F(Ft, {
                 height: "14",
                 width: "14"
               })
             ])
           ]),
-          f[3] || (f[3] = l("div", { class: "w-px h-5 mx-1 bg-gray-200 dark:bg-neutral-700" }, null, -1)),
-          l("div", bn, [
+          m[3] || (m[3] = l("div", { class: "w-px h-5 mx-1 bg-gray-200 dark:bg-neutral-700" }, null, -1)),
+          l("div", yn, [
             l("button", {
               type: "button",
               class: "size-[30px] inline-flex justify-center items-center gap-x-2 rounded-lg border border-transparent text-red-600 hover:bg-red-100 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-red-100 dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20",
-              onClick: f[2] || (f[2] = (b) => p())
+              onClick: m[2] || (m[2] = (b) => p())
             }, [
               F(tt, {
                 height: "14",
@@ -1437,7 +1437,7 @@ const At = /* @__PURE__ */ X(Wo, [["render", Zo]]), Jo = { class: "h-[120px] w-[
       ])
     ]));
   }
-}), xn = {}, wn = {
+}), wn = {}, kn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1449,8 +1449,8 @@ const At = /* @__PURE__ */ X(Wo, [["render", Zo]]), Jo = { class: "h-[120px] w-[
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-download"
 };
-function kn(o, e) {
-  return i(), d("svg", wn, e[0] || (e[0] = [
+function _n(o, e) {
+  return i(), d("svg", kn, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1461,13 +1461,13 @@ function kn(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-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 = {
+const $n = /* @__PURE__ */ X(wn, [["render", _n]]), Cn = { class: "flex flex-col widget-file xl:bg-white xl:rounded-xl dark:xl:bg-neutral-800 dark:xl:border-neutral-700 w-full" }, Vn = { class: "flex w-full mb-[12px] items-center gap-x-2" }, Mn = { class: "font-semibold text-gray-800 dark:text-neutral-200 text-[14px]" }, Ln = { class1: "ml-auto" }, Sn = { 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" }, Bn = {
   key: 0,
   class: "py-4 mb-4 space-y-4 border-gray-200 border-y dark:border-neutral-700"
-}, Bn = { class: "relative" }, jn = {
+}, jn = { class: "relative" }, En = {
   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"
-}, En = { key: 0 }, In = /* @__PURE__ */ R({
+}, In = { key: 0 }, An = /* @__PURE__ */ R({
   __name: "vs-input-file-list",
   props: {
     id: { default: "" },
@@ -1482,7 +1482,7 @@ const _n = /* @__PURE__ */ X(xn, [["render", kn]]), $n = { class: "flex flex-col
   },
   emits: ["update"],
   setup(o, { emit: e }) {
-    const t = o, a = ze("form"), n = B(() => a.value.formId), s = k(!1), r = k(0), u = e, p = k(!1), m = k({}), c = k([]), f = k(""), b = B(() => Array.isArray(c.value) ? c.value.filter((j) => j.ext === "jpg" || j.ext === "png").map((j) => j?.file_path) : []), M = B(() => f.value === "" ? c.value : c.value.filter((j) => j?.uploaded_name?.includes(f.value))), q = (j) => {
+    const t = o, a = Te("form"), n = B(() => a.value.formId), s = k(!1), r = k(0), u = e, p = k(!1), f = k({}), c = k([]), m = k(""), b = B(() => Array.isArray(c.value) ? c.value.filter((j) => j.ext === "jpg" || j.ext === "png").map((j) => j?.file_path) : []), M = B(() => m.value === "" ? c.value : c.value.filter((j) => j?.uploaded_name?.includes(m.value))), q = (j) => {
       const g = b.value.findIndex((x) => x === j.item.file_path);
       g !== -1 && (s.value = !0, r.value = g);
     }, H = async () => {
@@ -1513,7 +1513,7 @@ const _n = /* @__PURE__ */ X(xn, [["render", kn]]), $n = { class: "flex flex-col
           }
         })
       ), await H();
-    }, z = (j) => {
+    }, T = (j) => {
       const g = { ...j };
       return j.cancel || (g.cancel = () => {
         p.value = !1;
@@ -1521,26 +1521,26 @@ const _n = /* @__PURE__ */ X(xn, [["render", kn]]), $n = { class: "flex flex-col
         await j.confirm(), p.value = !1, H();
       }), g;
     }, W = (j) => {
-      m.value = z(j), p.value = !0;
+      f.value = T(j), p.value = !0;
     };
     return ue(n, (j) => {
       j && H();
     }), $e(() => {
       n.value && H();
     }), (j, g) => {
-      const x = bt("Lightbox"), C = bt("MessageBox");
-      return i(), d("div", $n, [
-        l("div", Cn, [
-          l("h2", Vn, " Файлів: " + G(c.value?.length), 1),
-          l("div", Mn, [
+      const x = yt("Lightbox"), C = yt("MessageBox");
+      return i(), d("div", Cn, [
+        l("div", Vn, [
+          l("h2", Mn, " Файлів: " + G(c.value?.length), 1),
+          l("div", Ln, [
             l("label", null, [
               l("input", {
                 type: "file",
                 class: "hidden",
                 onChange: g[0] || (g[0] = (_) => K(_))
               }, null, 32),
-              l("div", Ln, [
-                F(_n, {
+              l("div", Sn, [
+                F($n, {
                   height: "16",
                   width: "16"
                 })
@@ -1548,9 +1548,9 @@ const _n = /* @__PURE__ */ X(xn, [["render", kn]]), $n = { class: "flex flex-col
             ])
           ])
         ]),
-        c.value?.length > 4 ? (i(), d("div", Sn, [
+        c.value?.length > 4 ? (i(), d("div", Bn, [
           l("div", null, [
-            l("div", Bn, [
+            l("div", jn, [
               g[8] || (g[8] = l("div", { class: "absolute inset-y-0 start-0 flex items-center pointer-events-none z-[1] ps-3.5" }, [
                 l("svg", {
                   class: "flex-shrink-0 text-gray-500 size-4 dark:text-neutral-400",
@@ -1574,22 +1574,22 @@ const _n = /* @__PURE__ */ X(xn, [["render", kn]]), $n = { class: "flex flex-col
               ], -1)),
               ne(l("input", {
                 type: "text",
-                "onUpdate:modelValue": g[1] || (g[1] = (_) => f.value = _),
+                "onUpdate:modelValue": g[1] || (g[1] = (_) => m.value = _),
                 class: "py-2 px-3 ps-10 pe-16 block w-full bg-gray-200 xl:bg-gray-100 rounded-lg text-sm focus:border-blue-500 h-[40px] focus:border-2 focus:outline-none disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700 dark:border-transparent dark:text-neutral-400 dark:placeholder:text-neutral-400 dark:focus:ring-neutral-600",
                 placeholder: "Введіть назву файлу"
               }, null, 512), [
                 [
                   ve,
-                  f.value,
+                  m.value,
                   void 0,
                   { trim: !0 }
                 ]
               ])
             ])
           ])
-        ])) : T("", !0),
-        c.value?.length ? (i(), d("div", jn, [
-          (i(!0), d(re, null, me(M.value, (_, O) => (i(), he(yn, {
+        ])) : A("", !0),
+        c.value?.length ? (i(), d("div", En, [
+          (i(!0), d(re, null, me(M.value, (_, O) => (i(), he(xn, {
             key: O,
             prefix: j.prefix,
             item: _,
@@ -1598,10 +1598,10 @@ const _n = /* @__PURE__ */ X(xn, [["render", kn]]), $n = { class: "flex flex-col
             onOpenModal: g[3] || (g[3] = (ee) => W(ee)),
             onOpenLightbox: g[4] || (g[4] = (ee) => q(ee))
           }, null, 8, ["prefix", "item", "index"]))), 128)),
-          M.value.length ? T("", !0) : (i(), d("div", En, g[9] || (g[9] = [
+          M.value.length ? A("", !0) : (i(), d("div", In, g[9] || (g[9] = [
             l("p", { class: "text-sm text-gray-600 font-sm" }, " Файлів з такою назвою не існує, введіть інше пошукове слово ", -1)
           ])))
-        ])) : T("", !0),
+        ])) : A("", !0),
         F(x, {
           modelValue: s.value,
           "onUpdate:modelValue": g[5] || (g[5] = (_) => s.value = _),
@@ -1612,12 +1612,12 @@ const _n = /* @__PURE__ */ X(xn, [["render", kn]]), $n = { class: "flex flex-col
         F(C, Fe({
           modelValue: p.value,
           "onUpdate:modelValue": g[7] || (g[7] = (_) => p.value = _),
-          onConfirm: m.value.confirm
-        }, m.value), null, 16, ["modelValue", "onConfirm"])
+          onConfirm: f.value.confirm
+        }, f.value), null, 16, ["modelValue", "onConfirm"])
       ]);
     };
   }
-}), Tn = { class: "flex items-center justify-between" }, zn = { class: "text-[16px] text-gray-900 font-medium" }, An = { class: "grid gap-3" }, Fn = /* @__PURE__ */ R({
+}), Tn = { class: "flex items-center justify-between" }, zn = { class: "text-[16px] text-gray-900 font-medium" }, Fn = { class: "grid gap-3" }, On = /* @__PURE__ */ R({
   __name: "vs-container-switcher",
   props: {
     title: {
@@ -1649,9 +1649,9 @@ const _n = /* @__PURE__ */ X(xn, [["render", kn]]), $n = { class: "flex flex-col
           style: be(o.style)
         }, null, 8, ["modelValue", "style"])
       ]),
-      F(rt, { name: "slide-fade" }, {
+      F(it, { name: "slide-fade" }, {
         default: Ee(() => [
-          ne(l("div", An, [
+          ne(l("div", Fn, [
             Le(a.$slots, "default", {}, void 0, !0)
           ], 512), [
             [et, t.value]
@@ -1661,7 +1661,7 @@ const _n = /* @__PURE__ */ X(xn, [["render", kn]]), $n = { class: "flex flex-col
       })
     ]));
   }
-}), On = /* @__PURE__ */ X(Fn, [["__scopeId", "data-v-90320b87"]]), Dn = { class: "text-[16px] text-gray-900 font-medium" }, Un = { class: "grid gap-3" }, Pn = /* @__PURE__ */ R({
+}), Dn = /* @__PURE__ */ X(On, [["__scopeId", "data-v-90320b87"]]), Un = { class: "text-[16px] text-gray-900 font-medium" }, Pn = { class: "grid gap-3" }, Rn = /* @__PURE__ */ R({
   __name: "vs-container-accordion",
   props: {
     title: {
@@ -1690,14 +1690,14 @@ const _n = /* @__PURE__ */ X(xn, [["render", kn]]), $n = { class: "flex flex-col
         onClick: n[0] || (n[0] = (s) => t.value = !t.value),
         class: "flex items-center gap-2"
       }, [
-        F(te(Rl), {
+        F(te(Hl), {
           class: I(["h-4 w-4 duration-300", [t.value ? "-rotate-180" : ""]])
         }, null, 8, ["class"]),
-        l("span", Dn, G(o.title), 1)
+        l("span", Un, G(o.title), 1)
       ]),
-      F(rt, { name: "slide-fade" }, {
+      F(it, { name: "slide-fade" }, {
         default: Ee(() => [
-          ne(l("div", Un, [
+          ne(l("div", Pn, [
             Le(a.$slots, "default", {}, void 0, !0)
           ], 512), [
             [et, t.value]
@@ -1707,7 +1707,7 @@ const _n = /* @__PURE__ */ X(xn, [["render", kn]]), $n = { class: "flex flex-col
       })
     ]));
   }
-}), Rn = /* @__PURE__ */ X(Pn, [["__scopeId", "data-v-590eff11"]]), Hn = { class: "flex items-center justify-between" }, Nn = /* @__PURE__ */ R({
+}), Hn = /* @__PURE__ */ X(Rn, [["__scopeId", "data-v-590eff11"]]), Nn = { class: "flex items-center justify-between" }, qn = /* @__PURE__ */ R({
   __name: "vs-container-default",
   props: {
     title: {
@@ -1721,16 +1721,16 @@ const _n = /* @__PURE__ */ X(xn, [["render", kn]]), $n = { class: "flex flex-col
   },
   setup(o) {
     return (e, t) => (i(), d("div", null, [
-      l("div", Hn, [
+      l("div", Nn, [
         l("p", null, G(o.title), 1)
       ]),
       Le(e.$slots, "default")
     ]));
   }
-}), qn = {
-  switcher: On,
-  accordion: Rn,
-  default: Nn
+}), Gn = {
+  switcher: Dn,
+  accordion: Hn,
+  default: qn
 }, ke = {
   Equal: "==",
   Inequal: "!=",
@@ -1744,37 +1744,37 @@ const _n = /* @__PURE__ */ X(xn, [["render", kn]]), $n = { class: "flex flex-col
   Contain: "*",
   In: "in",
   NotIn: "not_in"
-}, Gn = (o, e) => String(o) === String(e), Wn = (o, e) => String(o) !== String(e), Kn = (o, e) => o > e, Zn = (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, Ft = (o, e) => {
+}, Wn = (o, e) => String(o) === String(e), Kn = (o, e) => String(o) !== String(e), Zn = (o, e) => o > e, Jn = (o, e) => o >= e, Yn = (o, e) => o < e, Xn = (o, e) => o <= e, Qn = (o, e) => Array.isArray(e) && e.length === 2 ? o >= e[0] && o <= e[1] : !1, ea = (o, e) => String(o).startsWith(String(e)), ta = (o, e) => String(o).endsWith(String(e)), la = (o, e) => String(o).includes(String(e)), oa = (o, e) => Array.isArray(e) ? e.includes(o) : !1, na = (o, e) => Array.isArray(e) ? !e.includes(o) : !0, Ot = (o, e) => {
   if (!e) return !0;
   switch (e?.[1]) {
     case ke.Equal:
-      return Gn(o, e?.[2]);
-    case ke.Inequal:
       return Wn(o, e?.[2]);
-    case ke.Higer:
+    case ke.Inequal:
       return Kn(o, e?.[2]);
-    case ke.HigerOrEqual:
+    case ke.Higer:
       return Zn(o, e?.[2]);
-    case ke.Lower:
+    case ke.HigerOrEqual:
       return Jn(o, e?.[2]);
-    case ke.LowerOrEqual:
+    case ke.Lower:
       return Yn(o, e?.[2]);
-    case ke.Between:
+    case ke.LowerOrEqual:
       return Xn(o, e?.[2]);
-    case ke.StartWith:
+    case ke.Between:
       return Qn(o, e?.[2]);
-    case ke.EndWith:
+    case ke.StartWith:
       return ea(o, e?.[2]);
-    case ke.Contain:
+    case ke.EndWith:
       return ta(o, e?.[2]);
-    case ke.In:
+    case ke.Contain:
       return la(o, e?.[2]);
-    case ke.NotIn:
+    case ke.In:
       return oa(o, e?.[2]);
+    case ke.NotIn:
+      return na(o, e?.[2]);
     default:
       return !0;
   }
-}, na = /* @__PURE__ */ R({
+}, aa = /* @__PURE__ */ R({
   __name: "vs-input-container",
   props: {
     style: {
@@ -1789,50 +1789,63 @@ const _n = /* @__PURE__ */ X(xn, [["render", kn]]), $n = { class: "flex flex-col
       type: String,
       default: "default"
     },
+    name: {
+      type: String,
+      default: ""
+    },
     schema: {
       type: Array,
       default: () => []
     }
   },
   setup(o) {
-    const e = o, t = ze("formValues", { default: {} }), a = ze("form"), n = B(() => e.schema?.filter((r) => {
-      const u = r?.conditions;
-      if (!u) return !0;
-      const p = Array.isArray(u) ? u[0] : u, m = t?.value?.[p];
-      return Ft(m, u);
-    })), s = B(() => qn[e.view]);
-    return (r, u) => o.schema?.length ? (i(), he(Oe(s.value), {
+    const e = o, t = Te("values", k({})), a = Te("form"), n = B(() => e.schema?.filter((u) => {
+      const p = u?.conditions;
+      if (!p) return !0;
+      const f = Array.isArray(p) ? p[0] : p, c = e.name ? t.value?.[e.name]?.[f] ?? t.value?.[f] : t.value?.[f];
+      return Ot(c, p);
+    })), s = B(() => Gn[e.view]), r = B(() => {
+      if (t.value || (t.value = {}), !e.name) return t.value;
+      const u = t.value[e.name];
+      if (u) return u;
+      const p = {};
+      return t.value = {
+        ...t.value,
+        [e.name]: p
+      }, p;
+    });
+    return (u, p) => o.schema?.length ? (i(), he(Oe(s.value), {
       key: 0,
       title: o.title,
       style: be(o.style)
     }, {
       default: Ee(() => [
-        (i(!0), d(re, null, me(n.value, (p) => (i(), he(Ot, Fe({
-          key: p.name
-        }, { ref_for: !0 }, p, {
-          item: p,
-          modelValue: te(t)[p.name],
-          "onUpdate:modelValue": (m) => te(t)[p.name] = m,
+        (i(!0), d(re, null, me(n.value, (f) => (i(), he(Dt, Fe({
+          key: f.name
+        }, { ref_for: !0 }, f, {
+          item: f,
+          modelValue: r.value[f.name],
+          "onUpdate:modelValue": (c) => r.value[f.name] = c,
           style: o.style,
-          error: te(a)?.errors?.[p.name]
+          error: te(a)?.errors?.[f.name]
         }), null, 16, ["item", "modelValue", "onUpdate:modelValue", "style", "error"]))), 128))
       ]),
       _: 1
-    }, 8, ["title", "style"])) : T("", !0);
+    }, 8, ["title", "style"])) : A("", !0);
   }
-}), aa = ["aria-expanded", "data-focus"], sa = {
+}), sa = ["aria-expanded", "data-focus"], ra = {
   key: 0,
   class: "flex flex-wrap items-center gap-1 max-h-20 overflow-y-auto min-w-0 flex-1"
-}, ra = { class: "flex items-center min-w-0" }, ia = ["title"], ua = ["innerHTML"], da = ["onClick"], ca = { class: "flex-1 min-w-[2px]" }, pa = ["placeholder"], fa = ["title"], ma = ["innerHTML"], va = {
+}, ia = { class: "flex items-center min-w-0" }, ua = ["title"], da = ["innerHTML"], ca = ["onClick"], pa = { class: "flex-1 min-w-[2px]" }, fa = ["placeholder"], ma = ["title"], va = ["innerHTML"], ha = {
   key: 2,
   class: "text-gray-500 truncate"
-}, ha = {
+}, ga = {
   key: 3,
   class: "flex-1 min-w-[2px]"
-}, ga = ["placeholder"], ba = { class: "flex items-center shrink-0" }, ya = ["disabled"], xa = ["disabled", "title"], wa = ["aria-disabled", "onClick"], ka = ["innerHTML"], _a = {
+}, ba = ["placeholder"], ya = { class: "flex items-center shrink-0" }, xa = ["disabled"], wa = ["disabled", "title"], ka = ["aria-disabled", "onClick"], _a = ["innerHTML"], $a = {
   key: 1,
   class: "px-3 py-2 text-center text-gray-500"
-}, $a = ["disabled"], Ct = /* @__PURE__ */ R({
+}, Ca = ["disabled"], Vt = /* @__PURE__ */ R({
   __name: "vs-input-select",
   props: {
     multiple: { type: Boolean, default: !1 },
@@ -1867,14 +1880,14 @@ const _n = /* @__PURE__ */ X(xn, [["render", kn]]), $n = { class: "flex flex-col
       set: (v) => a("update:modelValue", v)
     });
     !r.value && t.defaultValue && (r.value = t.defaultValue);
-    const u = k(null), p = k(null), m = k(null), c = k(null), f = k(!1), b = k(!1), M = k(null), q = k([]), H = k(-1), K = k([]), z = k(""), W = k(null), j = k("bottom"), g = k({}), x = k([]), C = B(() => {
+    const u = k(null), p = k(null), f = k(null), c = k(null), m = k(!1), b = k(!1), M = k(null), q = k([]), H = k(-1), K = k([]), T = k(""), W = k(null), j = k("bottom"), g = k({}), x = k([]), C = B(() => {
       if (!x.value.length) return [];
       const v = q.value, y = new Map(v.map((w) => [w.id?.toString(), w]));
       return x.value.map((w) => y.get(w?.toString())).filter((w) => !!w);
-    }), _ = B(() => t.placeholder || "Select..."), O = B(() => D(M.value)), ee = B(() => n.value ? !x.value.length && z.value === "" : !O.value && z.value === ""), Q = B(() => s.value ? !1 : n.value ? x.value.length > 0 : !!r.value), V = (v) => n.value ? x.value.some((y) => y?.toString() === v?.toString()) : r.value?.toString() === v?.toString(), P = B(() => {
+    }), _ = B(() => t.placeholder || "Select..."), O = B(() => D(M.value)), ee = B(() => n.value ? !x.value.length && T.value === "" : !O.value && T.value === ""), Q = B(() => s.value ? !1 : n.value ? x.value.length > 0 : !!r.value), V = (v) => n.value ? x.value.some((y) => y?.toString() === v?.toString()) : r.value?.toString() === v?.toString(), P = B(() => {
       let v = q.value ?? [];
-      if (!t.data && z.value.trim() !== "") {
-        const y = z.value.toLowerCase();
+      if (!t.data && T.value.trim() !== "") {
+        const y = T.value.toLowerCase();
         v = v.filter((w) => {
           const N = D(w).toLowerCase(), se = w.text?.toLowerCase?.() || "";
           return N.includes(y) || se.includes(y);
@@ -1885,7 +1898,7 @@ const _n = /* @__PURE__ */ X(xn, [["render", kn]]), $n = { class: "flex flex-col
         v = v.filter((w) => !y.has(w.id?.toString()));
       }
       return v;
-    }), Y = ze("values"), Z = /\{\{\s*([^}]+?)\s*\}\}/g, A = (v) => (v ? String(v) : "").replace(/<[^>]*>/g, "").trim(), E = B(() => t.slot ?? t?.optionTemplate ?? ""), S = (v) => {
+    }), Y = Te("values"), Z = /\{\{\s*([^}]+?)\s*\}\}/g, z = (v) => (v ? String(v) : "").replace(/<[^>]*>/g, "").trim(), E = B(() => t.slot ?? t?.optionTemplate ?? ""), S = (v) => {
       if (!v) return "";
       const y = E.value;
       return y ? y.replace(Z, (w, N) => {
@@ -1896,7 +1909,7 @@ const _n = /* @__PURE__ */ X(xn, [["render", kn]]), $n = { class: "flex flex-col
       if (!v) return "";
       if (!E.value) return v.text ?? "";
       const w = S(v);
-      return A(w) || v.text || "";
+      return z(w) || v.text || "";
     }, le = (v) => {
       t.set && Y?.value && Object.entries(t.set).forEach(([y, w]) => {
         if (!y) return;
@@ -1917,12 +1930,12 @@ const _n = /* @__PURE__ */ X(xn, [["render", kn]]), $n = { class: "flex flex-col
       }
       try {
         const y = t.host ?? "", w = t.prefix ?? "api", N = t.api ?? `/${w}/suggest/${t.data}`, se = `${y}${N}`, fe = new URLSearchParams();
-        return fe.set("json", "1"), v && fe.set("key", v), ce.value !== void 0 && ce.value !== null && ce.value !== "" && fe.set("parent", ce.value), (await fetch(`${se}?${fe.toString()}`).then((Te) => Te.json()))?.data ?? [];
+        return fe.set("json", "1"), v && fe.set("key", v), ce.value !== void 0 && ce.value !== null && ce.value !== "" && fe.set("parent", ce.value), (await fetch(`${se}?${fe.toString()}`).then((Ae) => Ae.json()))?.data ?? [];
       } catch {
         return [];
       }
     }, De = async () => {
-      t.data ? q.value = await xe(z.value) : q.value = t.options ? [...t.options] : [];
+      t.data ? q.value = await xe(T.value) : q.value = t.options ? [...t.options] : [];
     }, Ke = async (v) => {
       if (v == null) return null;
       const y = q.value?.find((w) => w?.id?.toString() === String(v));
@@ -1943,24 +1956,24 @@ const _n = /* @__PURE__ */ X(xn, [["render", kn]]), $n = { class: "flex flex-col
         fe && q.value.push(fe);
       }, Promise.resolve());
     }, Ue = async () => {
-      s.value || (f.value = !0, await De(), await je(() => {
+      s.value || (m.value = !0, await De(), await je(() => {
         Ve(), W.value?.focus(), P.value.length ? H.value = 0 : H.value = -1;
       }));
     }, Se = () => {
-      f.value = !1, H.value = -1;
-    }, Ae = async (v) => {
+      m.value = !1, H.value = -1;
+    }, ze = async (v) => {
       if (s.value) return;
-      !f.value ? await Ue() : Se();
+      !m.value ? await Ue() : Se();
     }, h = async () => {
-      f.value ? W.value?.focus() : await Ue();
+      m.value ? W.value?.focus() : await Ue();
     }, $ = () => {
-      n.value ? (x.value = [], r.value = [], a("change", [])) : (M.value = null, r.value = null, a("change", null)), le(null), z.value = "", je(() => W.value?.focus());
+      n.value ? (x.value = [], r.value = [], a("change", [])) : (M.value = null, r.value = null, a("change", null)), le(null), T.value = "", je(() => W.value?.focus());
     }, J = (v) => {
       n.value && (x.value = x.value.filter((y) => y?.toString() !== v?.toString()), r.value = [...x.value], a("change", r.value), je(() => W.value?.focus()));
     }, U = (v) => {
-      n.value ? (V(v.id) || (x.value = [...x.value, v.id], r.value = [...x.value], a("change", r.value)), z.value = "", je(() => {
+      n.value ? (V(v.id) || (x.value = [...x.value, v.id], r.value = [...x.value], a("change", r.value)), T.value = "", je(() => {
         W.value?.focus(), H.value = Math.min(H.value, P.value.length - 1);
-      }), le(null)) : (M.value = v, r.value = v.id, a("change", r.value), z.value = "", Se(), le(v));
+      }), le(null)) : (M.value = v, r.value = v.id, a("change", r.value), T.value = "", Se(), le(v));
     }, ae = (v) => {
       V(v.id) || U(v);
     }, oe = (v, y) => {
@@ -1968,8 +1981,8 @@ const _n = /* @__PURE__ */ X(xn, [["render", kn]]), $n = { class: "flex flex-col
       const w = v.offsetTop, N = w + v.offsetHeight, se = y.scrollTop, fe = se + y.clientHeight;
       let we = y.scrollTop;
       w < se ? we = w - 80 : N > fe && (we = N - y.clientHeight + 4);
-      const Te = y;
-      Te.scrollTop = we;
+      const Ae = y;
+      Ae.scrollTop = we;
     }, Me = (v) => {
       let y = v.parentElement;
       for (; y; ) {
@@ -1983,53 +1996,53 @@ const _n = /* @__PURE__ */ X(xn, [["render", kn]]), $n = { class: "flex flex-col
       return document.body;
     }, Ve = () => {
       if (!p.value) return;
-      const v = p.value.getBoundingClientRect(), y = window.innerHeight || document.documentElement.clientHeight, w = window.innerWidth || document.documentElement.clientWidth, N = 8, se = 8, fe = t.maxHeight || 300, we = y - v.bottom - se - N, Te = v.top - se - N, Pe = we >= Te, Re = Math.max(w - N * 2, 0);
+      const v = p.value.getBoundingClientRect(), y = window.innerHeight || document.documentElement.clientHeight, w = window.innerWidth || document.documentElement.clientWidth, N = 8, se = 8, fe = t.maxHeight || 300, we = y - v.bottom - se - N, Ae = v.top - se - N, Pe = we >= Ae, Re = Math.max(w - N * 2, 0);
       let { width: He } = v;
       Re > 0 && He > Re && (He = Re);
       let { left: Ne } = v;
       Ne + He + N > w && (Ne = w - He - N), Ne = Math.max(Ne, N);
-      const Nt = Math.min(
+      const qt = Math.min(
         fe,
-        Math.max(Pe ? we : Te, 50)
+        Math.max(Pe ? we : Ae, 50)
       );
       j.value = Pe ? "bottom" : "top", g.value = {
         position: "fixed",
         left: `${Ne}px`,
         width: `${He}px`,
         minWidth: "300px",
-        maxHeight: `${Nt}px`,
+        maxHeight: `${qt}px`,
         transform: Pe ? "none" : "translateY(-100%)",
         top: Pe ? `${v.bottom + se}px` : `${v.top - se}px`
       };
     }, Ie = async (v) => {
-      s.value || !f.value && (v.key === "ArrowDown" || v.key === "ArrowUp") && (v.preventDefault(), await Ue());
+      s.value || !m.value && (v.key === "ArrowDown" || v.key === "ArrowUp") && (v.preventDefault(), await Ue());
     }, Be = (v) => {
-      if (!f.value) return;
+      if (!m.value) return;
       const { key: y } = v;
       if (y === "ArrowDown")
-        v.preventDefault(), H.value + 1 < P.value.length && (H.value += 1, oe(K.value[H.value], m.value));
+        v.preventDefault(), H.value + 1 < P.value.length && (H.value += 1, oe(K.value[H.value], f.value));
       else if (y === "ArrowUp")
-        v.preventDefault(), H.value > 0 && (H.value -= 1, oe(K.value[H.value], m.value));
+        v.preventDefault(), H.value > 0 && (H.value -= 1, oe(K.value[H.value], f.value));
       else if (y === "Enter") {
         v.preventDefault();
         const w = P.value[H.value];
         w && U(w), W.value?.blur();
-      } else y === "Escape" ? (v.preventDefault(), Se()) : y === "Backspace" ? n.value && z.value === "" && x.value.length && (x.value = x.value.slice(0, -1), r.value = [...x.value], a("change", r.value)) : y === "Home" ? (H.value = 0, oe(K.value[0], m.value)) : y === "End" ? (H.value = P.value.length - 1, oe(K.value[H.value], m.value)) : y === "Tab" && Se();
-    }, it = () => {
-      s.value || (b.value = !0);
+      } else y === "Escape" ? (v.preventDefault(), Se()) : y === "Backspace" ? n.value && T.value === "" && x.value.length && (x.value = x.value.slice(0, -1), r.value = [...x.value], a("change", r.value)) : y === "Home" ? (H.value = 0, oe(K.value[0], f.value)) : y === "End" ? (H.value = P.value.length - 1, oe(K.value[H.value], f.value)) : y === "Tab" && Se();
     }, ut = () => {
-      b.value = !1, z.value = "";
-    }, dt = (v) => {
-      v.key === "Escape" && f.value && Se();
+      s.value || (b.value = !0);
+    }, dt = () => {
+      b.value = !1, T.value = "";
     }, ct = (v) => {
+      v.key === "Escape" && m.value && Se();
+    }, pt = (v) => {
       const y = v.target;
       u.value?.contains(y) || c.value?.contains(y) || Se();
-    }, pt = (v) => {
-      f.value && m.value && !m.value.contains(v.target) && Ve();
-    }, ft = () => {
-      f.value && Ve();
+    }, ft = (v) => {
+      m.value && f.value && !f.value.contains(v.target) && Ve();
     }, mt = () => {
-      f.value && Ve();
+      m.value && Ve();
+    }, vt = () => {
+      m.value && Ve();
     };
     ue(() => t.options, (v) => {
       v?.length && (q.value = [...v], Ze());
@@ -2048,13 +2061,13 @@ const _n = /* @__PURE__ */ X(xn, [["render", kn]]), $n = { class: "flex flex-col
     ue(r, () => {
       Ze();
     }), $e(async () => {
-      addEventListener("keydown", dt), addEventListener("scroll", pt, !0), addEventListener("resize", ft), document.addEventListener("click", ct, !0), p.value && Me(p.value).addEventListener("scroll", mt, !0), t.options?.length && !t.data ? q.value = [...t.options] : t.data && (q.value = await xe("")), await Ze(), gt.value = !1;
+      addEventListener("keydown", ct), addEventListener("scroll", ft, !0), addEventListener("resize", mt), document.addEventListener("click", pt, !0), p.value && Me(p.value).addEventListener("scroll", vt, !0), t.options?.length && !t.data ? q.value = [...t.options] : t.data && (q.value = await xe("")), await Ze(), bt.value = !1;
     }), Qe(() => {
-      removeEventListener("keydown", dt), removeEventListener("scroll", pt, !0), removeEventListener("resize", ft), document.removeEventListener("click", ct, !0), p.value && Me(p.value).removeEventListener("scroll", mt, !0);
+      removeEventListener("keydown", ct), removeEventListener("scroll", ft, !0), removeEventListener("resize", mt), document.removeEventListener("click", pt, !0), p.value && Me(p.value).removeEventListener("scroll", vt, !0);
     });
-    const Je = k(!1), ot = k({}), vt = k([]), ht = k(null);
-    async function Ut() {
-      if (!t.add?.token || ht?.value.validate())
+    const Je = k(!1), ot = k({}), ht = k([]), gt = k(null);
+    async function Pt() {
+      if (!t.add?.token || gt?.value.validate())
         return;
       const y = t.add.api ?? `/api/table/${t.add.token}`, { id: w } = await fetch(y, {
         method: "POST",
@@ -2067,46 +2080,46 @@ const _n = /* @__PURE__ */ X(xn, [["render", kn]]), $n = { class: "flex flex-col
       }
       Je.value = !1, pe({ title: "Success!", message: "Object created." });
     }
-    async function Pt() {
+    async function Rt() {
       if (!t.add) return null;
       const v = await fetch(`/api/template/form/${t.add.form}`).then((y) => y.json());
-      return vt.value = v.schema, Je.value = !0, null;
+      return ht.value = v.schema, Je.value = !0, null;
     }
-    function Rt(v, y = 200) {
+    function Ht(v, y = 200) {
       let w;
       return (...N) => {
         w && clearTimeout(w), w = window.setTimeout(() => v(...N), y);
       };
     }
-    const Ht = Rt(async (v) => {
+    const Nt = Ht(async (v) => {
       q.value = await xe(v);
     }, 200);
-    ue(z, (v) => {
-      t.data && Ht(v.trim());
+    ue(T, (v) => {
+      t.data && Nt(v.trim());
     }), ue(() => t.options, (v) => {
       !t.data && v?.length && (q.value = [...v], Ze());
     }, { immediate: !0 }), ue(() => t.parent ?? t.parentValue, () => {
       t.data && De();
     });
-    const gt = k(!0);
+    const bt = k(!0);
     return ue(ce, async () => {
-      t.data && (gt.value || (n.value ? (x.value = [], r.value = [], a("change", [])) : (M.value = null, r.value = null, a("change", null))), await De());
+      t.data && (bt.value || (n.value ? (x.value = [], r.value = [], a("change", [])) : (M.value = null, r.value = null, a("change", null))), await De());
     }), (v, y) => (i(), d(re, null, [
-      F(te(Et), {
+      F(te(It), {
         visible: Je.value,
         "onUpdate:visible": y[1] || (y[1] = (w) => Je.value = w),
         title: "Додати",
         buttonText: "Додати",
-        onDone: Ut,
+        onDone: Pt,
         teleport: v.teleport
       }, {
         default: Ee(() => [
           F(We, {
-            schema: vt.value,
+            schema: ht.value,
             modelValue: ot.value,
             "onUpdate:modelValue": y[0] || (y[0] = (w) => ot.value = w),
             ref_key: "addForm",
-            ref: ht
+            ref: gt
           }, null, 8, ["schema", "modelValue"])
         ]),
         _: 1
@@ -2136,43 +2149,43 @@ const _n = /* @__PURE__ */ X(xn, [["render", kn]]), $n = { class: "flex flex-col
             class: I([
               "flex min-h-[38px] items-center justify-between rounded border transition-colors bg-white",
               "border-gray-300 hover:border-gray-400",
-              f.value || b.value ? "border-blue-500 ring-1 ring-blue-500" : "",
+              m.value || b.value ? "border-blue-500 ring-1 ring-blue-500" : "",
               s.value ? "bg-gray-100 text-gray-400 cursor-not-allowed hover:border-gray-300" : ""
             ]),
             role: "combobox",
-            "aria-expanded": f.value,
+            "aria-expanded": m.value,
             "aria-haspopup": "listbox",
             onKeydown: Ie,
             onClick: h,
-            "data-focus": f.value || b.value ? "true" : "false"
+            "data-focus": m.value || b.value ? "true" : "false"
           }, [
             l("div", {
-              class: "flex flex-1 items-center gap-1 py-0.5 pl-2 pr-0 overflow-hidden",
+              class: "flex flex-1 items-center gap-1 py-0.5 pl-2 pr-0 overflow-hidden h-full",
               ref_key: "triggerRef",
               ref: p
             }, [
-              n.value ? (i(), d("div", sa, [
+              n.value ? (i(), d("div", ra, [
                 (i(!0), d(re, null, me(C.value, (w) => (i(), d("div", {
                   class: "flex min-w-0 bg-[#e6e6e6] rounded-sm m-0.5 box-border max-w-full",
                   key: w.id
                 }, [
-                  l("div", ra, [
+                  l("div", ia, [
                     w?.color ? (i(), d("span", {
                       key: 0,
                       class: "w-[16px] h-[16px] rounded-md block ml-1.5 flex-shrink-0",
                       style: be({ backgroundColor: w?.color })
-                    }, null, 4)) : T("", !0),
+                    }, null, 4)) : A("", !0),
                     l("div", {
-                      class: "truncate text-gray-900 overflow-hidden max-w-[200px]",
+                      class: "truncate text-gray-900 overflow-hidden max-w-[200px] px-0.5 py-[2px] pl-1.5",
                       title: D(w)
                     }, [
                       E.value ? (i(), d("span", {
                         key: 0,
                         innerHTML: S(w)
-                      }, null, 8, ua)) : (i(), d(re, { key: 1 }, [
+                      }, null, 8, da)) : (i(), d(re, { key: 1 }, [
                         ge(G(w.text), 1)
                       ], 64))
-                    ], 8, ia)
+                    ], 8, ua)
                   ]),
                   l("div", {
                     role: "button",
@@ -2189,9 +2202,9 @@ const _n = /* @__PURE__ */ X(xn, [["render", kn]]), $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, da)
+                  ]), 8, ca)
                 ]))), 128)),
-                l("div", ca, [
+                l("div", pa, [
                   !s.value && v.search ? ne((i(), d("input", {
                     key: 0,
                     ref_key: "inputRef",
@@ -2205,15 +2218,15 @@ const _n = /* @__PURE__ */ X(xn, [["render", kn]]), $n = { class: "flex flex-col
                     tabindex: "0",
                     "aria-autocomplete": "list",
                     placeholder: x.value.length ? " " : _.value,
-                    "onUpdate:modelValue": y[2] || (y[2] = (w) => z.value = w),
-                    onFocus: it,
-                    onBlur: ut,
+                    "onUpdate:modelValue": y[2] || (y[2] = (w) => T.value = w),
+                    onFocus: ut,
+                    onBlur: dt,
                     onKeydown: Be
-                  }, null, 40, pa)), [
-                    [ve, z.value]
-                  ]) : T("", !0)
+                  }, null, 40, fa)), [
+                    [ve, T.value]
+                  ]) : A("", !0)
                 ])
-              ])) : !n.value && !b.value && O.value && z.value === "" ? (i(), d("div", {
+              ])) : !n.value && !b.value && O.value && T.value === "" ? (i(), d("div", {
                 key: 1,
                 class: I(["truncate text-gray-900"]),
                 title: O.value
@@ -2222,18 +2235,18 @@ const _n = /* @__PURE__ */ X(xn, [["render", kn]]), $n = { class: "flex flex-col
                   key: 0,
                   class: "w-[14px] h-[14px] rounded-md block mr-1 mt-1 absolute",
                   style: be({ backgroundColor: M.value?.color })
-                }, null, 4)) : T("", !0),
+                }, null, 4)) : A("", !0),
                 E.value ? (i(), d("span", {
                   key: 1,
                   class: I({ "pl-5": M.value?.color }),
                   innerHTML: S(M.value)
-                }, null, 10, ma)) : (i(), d("span", {
+                }, null, 10, va)) : (i(), d("span", {
                   key: 2,
                   class: I({ "pl-5": M.value?.color })
                 }, G(M.value?.text), 3))
-              ], 8, fa)) : T("", !0),
-              ee.value ? (i(), d("div", va, G(_.value), 1)) : T("", !0),
-              n.value ? T("", !0) : (i(), d("div", ha, [
+              ], 8, ma)) : A("", !0),
+              ee.value ? (i(), d("div", ha, G(_.value), 1)) : A("", !0),
+              n.value ? A("", !0) : (i(), d("div", ga, [
                 !s.value && v.search ? ne((i(), d("input", {
                   key: 0,
                   ref_key: "inputRef",
@@ -2246,17 +2259,17 @@ const _n = /* @__PURE__ */ X(xn, [["render", kn]]), $n = { class: "flex flex-col
                   type: "text",
                   tabindex: "0",
                   "aria-autocomplete": "list",
-                  placeholder: b.value && !z.value?.length && O.value || " ",
-                  "onUpdate:modelValue": y[3] || (y[3] = (w) => z.value = w),
-                  onFocus: it,
-                  onBlur: ut,
+                  placeholder: b.value && !T.value?.length && O.value || " ",
+                  "onUpdate:modelValue": y[3] || (y[3] = (w) => T.value = w),
+                  onFocus: ut,
+                  onBlur: dt,
                   onKeydown: Be
-                }, null, 40, ga)), [
-                  [ve, z.value]
-                ]) : T("", !0)
+                }, null, 40, ba)), [
+                  [ve, T.value]
+                ]) : A("", !0)
               ]))
             ], 512),
-            l("div", ba, [
+            l("div", ya, [
               Q.value ? (i(), d("button", {
                 key: 0,
                 type: "button",
@@ -2273,15 +2286,15 @@ const _n = /* @__PURE__ */ X(xn, [["render", kn]]), $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, ya)) : T("", !0),
+              ]), 8, xa)) : A("", !0),
               y[9] || (y[9] = 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: y[4] || (y[4] = _e((w) => Ae(), ["stop"])),
-                title: f.value ? "Закрити список" : "Відкрити список"
+                onClick: y[4] || (y[4] = _e((w) => ze(), ["stop"])),
+                title: m.value ? "Закрити список" : "Відкрити список"
               }, y[8] || (y[8] = [
                 l("svg", {
                   height: "20",
@@ -2291,11 +2304,11 @@ const _n = /* @__PURE__ */ X(xn, [["render", kn]]), $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, xa)
+              ]), 8, wa)
             ])
-          ], 42, aa),
-          (i(), he(jt, { to: "body" }, [
-            f.value ? (i(), d("div", {
+          ], 42, sa),
+          (i(), he(Et, { to: "body" }, [
+            m.value ? (i(), d("div", {
               key: 0,
               ref_key: "dropdownRef",
               ref: c,
@@ -2309,7 +2322,7 @@ const _n = /* @__PURE__ */ X(xn, [["render", kn]]), $n = { class: "flex flex-col
                 class: "overflow-y-auto py-1",
                 style: be({ maxHeight: g.value.maxHeight || "300px" }),
                 ref_key: "listRef",
-                ref: m
+                ref: f
               }, [
                 P.value.length ? (i(!0), d(re, { key: 0 }, me(P.value, (w, N) => (i(), d("div", {
                   key: w.id,
@@ -2329,7 +2342,7 @@ const _n = /* @__PURE__ */ X(xn, [["render", kn]]), $n = { class: "flex flex-col
                     key: 0,
                     class: "w-[11px] h-[11px] rounded-full block mr-1 mt-1.5",
                     style: be({ backgroundColor: w?.color })
-                  }, null, 4)) : T("", !0),
+                  }, null, 4)) : A("", !0),
                   l("div", {
                     class: I([
                       "leading-[19px]",
@@ -2341,18 +2354,18 @@ const _n = /* @__PURE__ */ X(xn, [["render", kn]]), $n = { class: "flex flex-col
                     E.value ? (i(), d("span", {
                       key: 0,
                       innerHTML: S(w)
-                    }, null, 8, ka)) : (i(), d(re, { key: 1 }, [
+                    }, null, 8, _a)) : (i(), d(re, { key: 1 }, [
                       ge(G(w.text), 1)
                     ], 64))
                   ], 2)
-                ], 10, wa))), 128)) : (i(), d("div", _a, " No options "))
+                ], 10, ka))), 128)) : (i(), d("div", $a, " No options "))
               ], 4)
-            ], 4)) : T("", !0)
+            ], 4)) : A("", !0)
           ]))
         ], 2),
         t.add ? (i(), d("button", {
           key: 0,
-          onClick: Pt,
+          onClick: Rt,
           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"
@@ -2362,11 +2375,11 @@ const _n = /* @__PURE__ */ X(xn, [["render", kn]]), $n = { class: "flex flex-col
             height: "16"
           }),
           y[12] || (y[12] = l("span", null, "Додати", -1))
-        ], 8, $a)) : T("", !0)
+        ], 8, Ca)) : A("", !0)
       ], 512)
     ], 64));
   }
-}), Ca = ["placeholder", "disabled"], Va = /* @__PURE__ */ R({
+}), Va = ["placeholder", "disabled"], Ma = /* @__PURE__ */ R({
   __name: "vs-input-textarea",
   props: /* @__PURE__ */ ie({
     style: { default: () => ({}) },
@@ -2392,11 +2405,11 @@ const _n = /* @__PURE__ */ X(xn, [["render", kn]]), $n = { class: "flex flex-col
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, Ca)), [
+    }, null, 10, Va)), [
       [ve, a.value]
     ]);
   }
-}), Ma = {}, La = {
+}), La = {}, Sa = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2406,8 +2419,8 @@ const _n = /* @__PURE__ */ X(xn, [["render", kn]]), $n = { class: "flex flex-col
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-search stroke-gray-500 transition-all"
 };
-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", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2417,7 +2430,7 @@ function Sa(o, e) {
     l("path", { d: "M21 21l-6 -6" }, null, -1)
   ]));
 }
-const Ba = /* @__PURE__ */ X(Ma, [["render", Sa]]), ja = {}, Ea = {
+const ja = /* @__PURE__ */ X(La, [["render", Ba]]), Ea = {}, Ia = {
   class: "flex-shrink-0 mt-0.5 size-3.5",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
@@ -2427,15 +2440,15 @@ 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 Aa(o, e) {
+  return i(), d("svg", Ia, 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 Ta = /* @__PURE__ */ X(ja, [["render", Ia]]), za = {}, Aa = {
+const Ta = /* @__PURE__ */ X(Ea, [["render", Aa]]), za = {}, Fa = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "14",
   height: "14",
@@ -2446,8 +2459,8 @@ const Ta = /* @__PURE__ */ X(ja, [["render", Ia]]), za = {}, Aa = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Fa(o, e) {
-  return i(), d("svg", Aa, e[0] || (e[0] = [
+function Oa(o, e) {
+  return i(), d("svg", Fa, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2458,7 +2471,7 @@ function Fa(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const Oa = /* @__PURE__ */ X(za, [["render", Fa]]), Da = {}, Ua = {
+const Da = /* @__PURE__ */ X(za, [["render", Oa]]), Ua = {}, Pa = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2467,8 +2480,8 @@ const Oa = /* @__PURE__ */ X(za, [["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] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2479,7 +2492,7 @@ function Pa(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const Ra = /* @__PURE__ */ X(Da, [["render", Pa]]), Ha = {}, Na = {
+const Ha = /* @__PURE__ */ X(Ua, [["render", Ra]]), Na = {}, qa = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2488,22 +2501,22 @@ const Ra = /* @__PURE__ */ X(Da, [["render", Pa]]), Ha = {}, Na = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function qa(o, e) {
-  return i(), d("svg", Na, e[0] || (e[0] = [
+function Ga(o, e) {
+  return i(), d("svg", qa, 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 Vt = /* @__PURE__ */ X(Ha, [["render", qa]]), Ga = {}, Wa = {
+const Mt = /* @__PURE__ */ X(Na, [["render", Ga]]), Wa = {}, Ka = {
   viewBox: "0 0 178 90",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Ka(o, e) {
-  return i(), d("svg", Wa, e[0] || (e[0] = [
+function Za(o, e) {
+  return i(), d("svg", Ka, 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 Za = /* @__PURE__ */ X(Ga, [["render", Ka]]), Ja = {}, Ya = {
+const Ja = /* @__PURE__ */ X(Wa, [["render", Za]]), Ya = {}, Xa = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2512,25 +2525,25 @@ const Za = /* @__PURE__ */ X(Ga, [["render", Ka]]), Ja = {}, Ya = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Xa(o, e) {
-  return i(), d("svg", Ya, e[0] || (e[0] = [
+function Qa(o, e) {
+  return i(), d("svg", Xa, 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 Qa = /* @__PURE__ */ X(Ja, [["render", Xa]]), es = { class: "vs-datatable border rounded-xl w-full flex-grow" }, ts = { class: "flex items-center npm gap-[16px] justify-between p-[20px] pb-[16px]" }, ls = { class: "relative w-full" }, os = { class: "table-wrapper flex gap-2" }, ns = { class: "vs-popover inline-block text-slate-700" }, as = { class: "text-center" }, ss = { class: "" }, rs = { 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" }, is = { class: "flex flex-col p-[1px] gap-[2px] w-[140px]" }, us = { class: "text-sm items-center text-gray-800 flex gap-1" }, ds = { class: "w-full overflow-x-auto" }, cs = { class: "w-full table-auto caption-bottom text-sm" }, ps = { class: "[&_tr]:border-b" }, fs = { 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" }, ms = { 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" }, vs = {
+const es = /* @__PURE__ */ X(Ya, [["render", Qa]]), ts = { class: "vs-datatable border rounded-xl w-full flex-grow" }, ls = { class: "flex items-center npm gap-[16px] justify-between p-[20px] pb-[16px]" }, os = { class: "relative w-full" }, ns = { class: "table-wrapper flex gap-2" }, as = { class: "vs-popover inline-block text-slate-700" }, ss = { class: "text-center" }, rs = { class: "" }, is = { class: "py-1 px-0 w-full text-sm text-stone-800 bg-white shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-lg focus:outline-none focus:bg-stone-100 dark:bg-neutral-900 dark:text-neutral-200 dark:focus:bg-neutral-800 after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" }, us = { class: "flex flex-col p-[1px] gap-[2px] w-[140px]" }, ds = { class: "text-sm items-center text-gray-800 flex gap-1" }, cs = { class: "w-full overflow-x-auto" }, ps = { class: "w-full table-auto caption-bottom text-sm" }, fs = { class: "[&_tr]:border-b" }, ms = { 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" }, vs = { 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" }, hs = {
   key: 0,
   colspan: "100%",
   class: "text-center"
-}, hs = { class: "w-full" }, gs = { class: "p-5 min-h-[200px] flex flex-col justify-center items-center text-center" }, bs = ["onDragstart", "onDragover", "onDrop"], ys = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] text-center" }, xs = { class: "flex items-center justify-center" }, ws = {
+}, gs = { class: "w-full" }, bs = { class: "p-5 min-h-[200px] flex flex-col justify-center items-center text-center" }, ys = ["onDragstart", "onDragover", "onDrop"], xs = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] text-center" }, ws = { class: "flex items-center justify-center" }, ks = {
   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"
-}, ks = { key: 0 }, _s = ["src"], $s = {
+}, _s = { key: 0 }, $s = ["src"], Cs = {
   key: 1,
   class: "rounded-md max-w-[45px] w-[45px] max-h-[45px] h-[45px] bg-gray-200 flex items-center justify-center"
-}, Cs = ["innerHTML"], Vs = {
+}, Vs = ["innerHTML"], Ms = {
   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"
-}, Ms = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]" }, Ls = { class: "flex items-center justify-center gap-2" }, Ss = ["onClick"], Bs = ["onClick"], js = { class: "vs-form__head mr-5 mt-3 flex items-center justify-end sticky top-0 left-0 z-[60] bg-white" }, Es = /* @__PURE__ */ R({
+}, Ls = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]" }, Ss = { class: "flex items-center justify-center gap-2" }, Bs = ["onClick"], js = ["onClick"], Es = { class: "vs-form__head mr-5 mt-3 flex items-center justify-end sticky top-0 left-0 z-[60] bg-white" }, Is = /* @__PURE__ */ R({
   __name: "vs-input-datatable",
   props: /* @__PURE__ */ ie({
     colModel: {},
@@ -2549,32 +2562,32 @@ const Qa = /* @__PURE__ */ X(Ja, [["render", Xa]]), es = { class: "vs-datatable
   setup(o) {
     const e = o, t = de(o, "modelValue"), a = k({}), n = k(""), s = B(() => {
       if (!n.value) return t.value ?? [];
-      const A = n.value.toLowerCase();
+      const z = n.value.toLowerCase();
       return t.value.filter((E) => e.colModel?.some((S) => {
         const D = E[S.key];
-        return D ? Array.isArray(D) ? D.join(", ").toLowerCase().includes(A) : String(D).toLowerCase().includes(A) : !1;
+        return D ? Array.isArray(D) ? D.join(", ").toLowerCase().includes(z) : String(D).toLowerCase().includes(z) : !1;
       }));
-    }), r = k(null), u = k(null), p = k(!1), m = k(null), c = k({ top: 0, left: 0 }), f = (A) => {
-      r.value = A;
-    }, b = (A) => {
-      u.value = A;
-    }, M = (A) => {
-      if (r.value === null || r.value === A) {
+    }), r = k(null), u = k(null), p = k(!1), f = k(null), c = k({ top: 0, left: 0 }), m = (z) => {
+      r.value = z;
+    }, b = (z) => {
+      u.value = z;
+    }, M = (z) => {
+      if (r.value === null || r.value === z) {
         r.value = null, u.value = null;
         return;
       }
       const E = [...t.value], [S] = E.splice(r.value, 1);
-      E.splice(A, 0, S), t.value = E, r.value = null, u.value = null;
-    }, q = (A) => {
-      const S = A.currentTarget.getBoundingClientRect();
+      E.splice(z, 0, S), t.value = E, r.value = null, u.value = null;
+    }, q = (z) => {
+      const S = z.currentTarget.getBoundingClientRect();
       c.value = { top: S.bottom + window.scrollY, left: S.left + window.scrollX }, p.value = !p.value;
     }, H = () => {
-      m.value && m.value.click();
-    }, K = (A) => {
-      const E = [".jpg", ".jpeg", ".png", ".gif", ".bmp", ".webp", ".svg", ".ico", ".tiff", ".tif"], S = A.toLowerCase();
+      f.value && f.value.click();
+    }, K = (z) => {
+      const E = [".jpg", ".jpeg", ".png", ".gif", ".bmp", ".webp", ".svg", ".ico", ".tiff", ".tif"], S = z.toLowerCase();
       return E.some((D) => S.endsWith(D));
-    }, z = (A) => {
-      const S = A.target.files?.[0];
+    }, T = (z) => {
+      const S = z.target.files?.[0];
       if (!S) return;
       const D = new FileReader();
       D.onload = (le) => {
@@ -2589,12 +2602,12 @@ const Qa = /* @__PURE__ */ X(Ja, [["render", Xa]]), es = { class: "vs-datatable
         }
       }, D.readAsText(S);
     }, W = () => {
-      const A = JSON.stringify(t.value, null, 2), E = new Blob([A], { type: "application/json" }), S = URL.createObjectURL(E), D = document.createElement("a");
+      const z = JSON.stringify(t.value, null, 2), E = new Blob([z], { type: "application/json" }), S = URL.createObjectURL(E), D = document.createElement("a");
       D.href = S, D.download = "data.json", D.click(), URL.revokeObjectURL(S);
     };
     $e(async () => {
-      const A = e.colModel?.filter((E) => E.data);
-      A?.length && Promise.all(A.map(async (E) => {
+      const z = e.colModel?.filter((E) => E.data);
+      z?.length && Promise.all(z.map(async (E) => {
         const D = await (await fetch(`/api/suggest/${E.data}`)).json();
         a.value[E.key] = D.data;
       }));
@@ -2605,32 +2618,32 @@ const Qa = /* @__PURE__ */ X(Ja, [["render", Xa]]), es = { class: "vs-datatable
     async function ee() {
       j.value = "Додати", g.value = !0, x = "add", _.value = {};
     }
-    function Q(A, E) {
+    function Q(z, E) {
       const S = E.key || E.name;
-      return a.value[S] && A[S] ? a.value[S].find((D) => D.id.toString() === A[S].toString())?.text ?? A[S] : A[S] || "-";
+      return a.value[S] && z[S] ? a.value[S].find((D) => D.id.toString() === z[S].toString())?.text ?? z[S] : z[S] || "-";
     }
-    async function V(A, E) {
-      j.value = "Редагувати", g.value = !0, x = "edit", C = E, _.value = { ...A };
+    async function V(z, E) {
+      j.value = "Редагувати", g.value = !0, x = "edit", C = E, _.value = { ...z };
     }
     function P() {
-      const A = O.value.validate();
-      if (A) {
-        pe({ type: "warning", title: "Помилка валідації", message: Object.entries(A).map(([E, S]) => `${E}: ${S}`).join(`
+      const z = O.value.validate();
+      if (z) {
+        pe({ type: "warning", title: "Помилка валідації", message: Object.entries(z).map(([E, S]) => `${E}: ${S}`).join(`
 `) });
         return;
       }
       x === "add" ? Array.isArray(t.value) ? t.value = [...t.value, _.value] : t.value = [_.value] : t.value = t.value.map((E, S) => S === C ? _.value : E), g.value = !1;
     }
-    function Y(A) {
-      t.value = t.value.filter((E, S) => S !== A);
+    function Y(z) {
+      t.value = t.value.filter((E, S) => S !== z);
     }
     function Z() {
       g.value = !1;
     }
-    return (A, E) => (i(), d("div", es, [
-      l("div", ts, [
-        l("div", ls, [
-          F(Ba, {
+    return (z, E) => (i(), d("div", ts, [
+      l("div", ls, [
+        l("div", os, [
+          F(ja, {
             width: "14",
             height: "14",
             class: "absolute left-3 top-1/2 transform -translate-y-1/2 text-stone-500"
@@ -2644,18 +2657,18 @@ const Qa = /* @__PURE__ */ X(Ja, [["render", Xa]]), es = { class: "vs-datatable
             [ve, n.value]
           ])
         ]),
-        l("div", os, [
+        l("div", ns, [
           l("input", {
             ref_key: "fileInput",
-            ref: m,
-            onChange: z,
+            ref: f,
+            onChange: T,
             class: "hidden",
             accept: ".json",
             type: "file"
           }, null, 544),
-          l("div", ns, [
-            l("div", as, [
-              l("div", ss, [
+          l("div", as, [
+            l("div", ss, [
+              l("div", rs, [
                 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"
@@ -2669,19 +2682,19 @@ const Qa = /* @__PURE__ */ X(Ja, [["render", Xa]]), es = { class: "vs-datatable
             ])
           ])
         ]),
-        (i(), he(jt, { to: "body" }, [
+        (i(), he(Et, { to: "body" }, [
           p.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: c.value.top + "px", left: c.value.left + "px" }])
           }, [
-            l("div", rs, [
-              l("div", is, [
+            l("div", is, [
+              l("div", us, [
                 l("button", {
                   onClick: H,
                   class: "text-slate-700 flex items-center gap-1 px-3 py-2 rounded-md cursor-pointer group hover:bg-gray-100"
                 }, [
-                  F(Oa, {
+                  F(Da, {
                     class: "text-black",
                     width: "14",
                     height: "14"
@@ -2692,8 +2705,8 @@ const Qa = /* @__PURE__ */ X(Ja, [["render", Xa]]), es = { class: "vs-datatable
                   onClick: W,
                   class: "text-slate-700 flex items-center px-3 py-2 rounded-md cursor-pointer group hover:bg-gray-100"
                 }, [
-                  l("span", us, [
-                    F(Ra, {
+                  l("span", ds, [
+                    F(Ha, {
                       class: "text-black",
                       width: "14",
                       height: "14"
@@ -2703,7 +2716,7 @@ const Qa = /* @__PURE__ */ X(Ja, [["render", Xa]]), es = { class: "vs-datatable
                 ])
               ])
             ])
-          ], 4)) : T("", !0)
+          ], 4)) : A("", !0)
         ])),
         l("button", {
           onClick: ee,
@@ -2713,18 +2726,18 @@ const Qa = /* @__PURE__ */ X(Ja, [["render", Xa]]), es = { class: "vs-datatable
           E[6] || (E[6] = ge(" Додати ", -1))
         ])
       ]),
-      l("div", ds, [
-        l("table", cs, [
-          l("thead", ps, [
-            l("tr", fs, [
-              l("th", ms, [
-                F(Vt, {
+      l("div", cs, [
+        l("table", ps, [
+          l("thead", fs, [
+            l("tr", ms, [
+              l("th", vs, [
+                F(Mt, {
                   width: "24",
                   height: "24",
                   class: "w-4 h-4 mx-auto text-slate-400 dark:text-slate-500"
                 })
               ]),
-              (i(!0), d(re, null, me(A.colModel, (S) => (i(), d("th", {
+              (i(!0), d(re, null, me(z.colModel, (S) => (i(), d("th", {
                 key: S.key,
                 class: "h-10 px-2 text-left align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] font-semibold text-slate-700 dark:text-slate-300 min-w-[150px]"
               }, G(S.ua || S.label), 1))), 128)),
@@ -2734,17 +2747,17 @@ const Qa = /* @__PURE__ */ X(Ja, [["render", Xa]]), es = { class: "vs-datatable
           l("tbody", {
             class: I({ "[&_tr:last-child]:border-0": !u.value })
           }, [
-            s.value.length === 0 ? (i(), d("td", vs, [
-              l("div", hs, [
-                l("div", gs, [
-                  F(Za, { class: "w-48 mx-auto" }),
+            s.value.length === 0 ? (i(), d("td", hs, [
+              l("div", gs, [
+                l("div", bs, [
+                  F(Ja, { class: "w-48 mx-auto" }),
                   E[8] || (E[8] = l("div", { class: "max-w-sm mx-auto mt-6" }, [
                     l("p", { class: "font-medium text-gray-800 dark:text-neutral-200" }, "Нічого не знайдено"),
                     l("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" })
                   ], -1))
                 ])
               ])
-            ])) : T("", !0),
+            ])) : A("", !0),
             (i(!0), d(re, null, me(s.value, (S, D) => (i(), d("tr", {
               key: S.id,
               class: I(["border-b data-[state=selected]:bg-muted transition-all duration-200 hover:bg-slate-50/60 dark:hover:bg-slate-700/60 cursor-move", {
@@ -2752,52 +2765,52 @@ const Qa = /* @__PURE__ */ X(Ja, [["render", Xa]]), es = { class: "vs-datatable
                 "border-t-2 border-b-2 border-blue-500 bg-blue-50 dark:bg-blue-900/20": u.value === D
               }]),
               draggable: "true",
-              onDragstart: (le) => f(D),
+              onDragstart: (le) => m(D),
               onDragover: _e((le) => b(D), ["prevent"]),
               onDrop: (le) => M(D)
             }, [
-              l("td", ys, [
-                l("div", xs, [
-                  F(Vt, {
+              l("td", xs, [
+                l("div", ws, [
+                  F(Mt, {
                     width: "24",
                     height: "24",
                     class: "w-4 h-4 mx-auto text-slate-400 dark:text-slate-500"
                   })
                 ])
               ]),
-              (i(!0), d(re, null, me(A.colModel, (le) => (i(), d("td", {
+              (i(!0), d(re, null, me(z.colModel, (le) => (i(), d("td", {
                 key: le.key,
                 class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]"
               }, [
-                le.type === "file" ? (i(), d("div", ws, [
-                  K(Q(S, le)) ? (i(), d("div", ks, [
+                le.type === "file" ? (i(), d("div", ks, [
+                  K(Q(S, le)) ? (i(), d("div", _s, [
                     l("img", {
                       src: Q(S, le),
                       alt: "alt",
                       width: "45",
                       class: "rounded-md max-w-[45px] h-[45px] object-cover"
-                    }, null, 8, _s)
-                  ])) : (i(), d("div", $s, [
+                    }, null, 8, $s)
+                  ])) : (i(), d("div", Cs, [
                     F(zt, { class: "w-[25px] min-w-[25px] h-[25px]" })
                   ]))
                 ])) : le.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: Q(S, le)
-                }, null, 8, Cs)) : (i(), d("div", Vs, G(Q(S, le)), 1))
+                }, null, 8, Vs)) : (i(), d("div", Ms, G(Q(S, le)), 1))
               ]))), 128)),
-              l("td", Ms, [
-                l("div", Ls, [
+              l("td", Ls, [
+                l("div", Ss, [
                   l("button", {
                     onClick: (le) => V(S, D),
                     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"
                   }, [
-                    F(Qa, {
+                    F(es, {
                       width: "24",
                       height: "24",
                       class: "w-3 h-3"
                     })
-                  ], 8, Ss),
+                  ], 8, Bs),
                   l("button", {
                     onClick: (le) => Y(D),
                     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"
@@ -2807,14 +2820,14 @@ const Qa = /* @__PURE__ */ X(Ja, [["render", Xa]]), es = { class: "vs-datatable
                       height: "24",
                       class: "w-3 h-3"
                     })
-                  ], 8, Bs)
+                  ], 8, js)
                 ])
               ])
-            ], 42, bs))), 128))
+            ], 42, ys))), 128))
           ], 2)
         ])
       ]),
-      F(te(Et), {
+      F(te(It), {
         visible: g.value,
         title: j.value,
         size: "lg",
@@ -2828,7 +2841,7 @@ const Qa = /* @__PURE__ */ X(Ja, [["render", Xa]]), es = { class: "vs-datatable
             form: O.value,
             "onUpdate:form": E[2] || (E[2] = (S) => O.value = S)
           }, null, 8, ["schema", "values", "form"]),
-          l("div", js, [
+          l("div", Es, [
             l("button", {
               type: "button",
               onClick: E[3] || (E[3] = (S) => g.value = !1),
@@ -2845,7 +2858,7 @@ const Qa = /* @__PURE__ */ X(Ja, [["render", Xa]]), es = { class: "vs-datatable
       }, 8, ["visible", "title"])
     ]));
   }
-}), Is = {
+}), As = {
   draw: {
     toolbar: {
       actions: {
@@ -2979,7 +2992,7 @@ function Ts(o) {
     properties: {}
   } : null : null;
 }
-const zs = {}, As = {
+const zs = {}, Fs = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   stroke: "currentColor",
@@ -2989,8 +3002,8 @@ const zs = {}, As = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-map-pin"
 };
-function Fs(o, e) {
-  return i(), d("svg", As, e[0] || (e[0] = [
+function Os(o, e) {
+  return i(), d("svg", Fs, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -3000,7 +3013,7 @@ function Fs(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 Os = /* @__PURE__ */ X(zs, [["render", Fs]]), Ds = {}, Us = {
+const Ds = /* @__PURE__ */ X(zs, [["render", Os]]), Us = {}, Ps = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -3010,8 +3023,8 @@ const Os = /* @__PURE__ */ X(zs, [["render", Fs]]), Ds = {}, Us = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-line"
 };
-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] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -3022,7 +3035,7 @@ function Ps(o, e) {
     l("path", { d: "M7.5 16.5l9 -9" }, null, -1)
   ]));
 }
-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",
@@ -3032,12 +3045,12 @@ const Rs = /* @__PURE__ */ X(Ds, [["render", Ps]]), Hs = {}, Ns = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-polygon"
 };
-function qs(o, e) {
-  return i(), d("svg", Ns, e[0] || (e[0] = [
+function Gs(o, e) {
+  return i(), d("svg", qs, 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 Gs = /* @__PURE__ */ X(Hs, [["render", qs]]), Ws = {}, Ks = {
+const Ws = /* @__PURE__ */ X(Ns, [["render", Gs]]), Ks = {}, Zs = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -3047,12 +3060,12 @@ const Gs = /* @__PURE__ */ X(Hs, [["render", qs]]), Ws = {}, Ks = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-topology-ring-3"
 };
-function Zs(o, e) {
-  return i(), d("svg", Ks, e[0] || (e[0] = [
+function Js(o, e) {
+  return i(), d("svg", Zs, 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 Js = /* @__PURE__ */ X(Ws, [["render", Zs]]), Ys = {}, Xs = {
+const Ys = /* @__PURE__ */ X(Ks, [["render", Js]]), Xs = {}, Qs = {
   version: "1.1",
   viewBox: "0 0 14 14",
   xmlns: "http://www.w3.org/2000/svg",
@@ -3060,8 +3073,8 @@ const Js = /* @__PURE__ */ X(Ws, [["render", Zs]]), Ys = {}, Xs = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   class: "fullscreen-icon"
 };
-function Qs(o, e) {
-  return i(), d("svg", Xs, e[0] || (e[0] = [
+function er(o, e) {
+  return i(), d("svg", Qs, e[0] || (e[0] = [
     l("title", null, null, -1),
     l("desc", null, null, -1),
     l("defs", null, null, -1),
@@ -3090,10 +3103,10 @@ function Qs(o, e) {
     ], -1)
   ]));
 }
-const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-widget flex flex-col gap-2 rounded-xl widget min-w-[200px]" }, lr = {
+const tr = /* @__PURE__ */ X(Xs, [["render", er]]), lr = { class: "map-search-widget flex flex-col gap-2 rounded-xl widget min-w-[200px]" }, or = {
   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"
-}, or = ["onClick"], nr = { class: "relative flex-1 min-w-[140px]" }, ar = ["placeholder"], sr = "https://data.softpro.ua/api-user/gis-url-proxy", rr = "https://geo.rv.ua/api-user/dzk.api", ir = /* @__PURE__ */ R({
+}, nr = ["onClick"], ar = { class: "relative flex-1 min-w-[140px]" }, sr = ["placeholder"], rr = "https://data.softpro.ua/api-user/gis-url-proxy", ir = "https://geo.rv.ua/api-user/dzk.api", ur = /* @__PURE__ */ R({
   __name: "map-search",
   props: {
     config: {}
@@ -3107,21 +3120,21 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
     ue(s, (g) => {
       g.includes(u.value) || (u.value = g[0]);
     });
-    const p = k(""), m = k(!1), c = k(null);
+    const p = k(""), f = k(!1), c = k(null);
     ue(u, () => {
-      p.value = "", m.value = !1;
+      p.value = "", f.value = !1;
     });
-    function f(g) {
+    function m(g) {
       u.value = g;
     }
     function b(g) {
-      if (!m.value) return;
+      if (!f.value) return;
       const x = c.value;
-      x && !x.contains(g.target) && (m.value = !1);
+      x && !x.contains(g.target) && (f.value = !1);
     }
     $e(() => {
       window.addEventListener("click", b, !0);
-    }), st(() => {
+    }), rt(() => {
       window.removeEventListener("click", b, !0);
     });
     function M(g) {
@@ -3166,7 +3179,7 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
         }
       ];
     }
-    function z(g) {
+    function T(g) {
       const C = g.replace(/\s+/g, "").split(":");
       if (C.length !== 4) return !1;
       const _ = [10, 2, 3, 4];
@@ -3188,11 +3201,11 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
           return;
         }
         try {
-          const x = new URL(u.value === "here" ? sr : rr);
+          const x = new URL(u.value === "here" ? rr : ir);
           if (u.value === "here")
             x.searchParams.set("searchtext", g);
           else {
-            if (!z(g)) {
+            if (!T(g)) {
               pe({ type: "warning", title: "Пошук кадастру", message: "Кадастровий номер має формат ХХХХХХХХХХ:ХХ:ХХХ:ХХХХ" });
               return;
             }
@@ -3213,7 +3226,7 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
         }
       }
     }
-    return (g, x) => (i(), d("div", tr, [
+    return (g, x) => (i(), d("div", lr, [
       l("form", {
         class: "flex gap-2",
         onSubmit: _e(j, ["prevent"])
@@ -3227,11 +3240,11 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
           l("button", {
             type: "button",
             class: "vstSelect-input transition-all text-left bg-white border border-gray-200 text-gray-900 rounded-lg focus:ring-blue-500 focus:border-blue-100 block w-full py-1.5 px-3 text-sm cursor-pointer flex items-center justify-between gap-2",
-            onClick: x[0] || (x[0] = (C) => m.value = !m.value)
+            onClick: x[0] || (x[0] = (C) => f.value = !f.value)
           }, [
             l("span", null, G(M(u.value)), 1),
             (i(), d("svg", {
-              class: I(["w-4 h-4 text-gray-500 transition-transform", { "rotate-180": m.value }]),
+              class: I(["w-4 h-4 text-gray-500 transition-transform", { "rotate-180": f.value }]),
               viewBox: "0 0 24 24",
               fill: "none",
               xmlns: "http://www.w3.org/2000/svg"
@@ -3245,23 +3258,23 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
               }, null, -1)
             ]), 2))
           ]),
-          m.value ? (i(), d("div", lr, [
+          f.value ? (i(), d("div", or, [
             l("ul", null, [
               (i(!0), d(re, null, me(s.value, (C) => (i(), d("li", {
                 key: C,
                 class: "px-3 py-2 cursor-pointer hover:bg-gray-100",
-                onClick: (_) => f(C)
-              }, G(M(C)), 9, or))), 128))
+                onClick: (_) => m(C)
+              }, G(M(C)), 9, nr))), 128))
             ])
-          ])) : T("", !0)
-        ], 512)) : T("", !0),
-        l("div", nr, [
+          ])) : A("", !0)
+        ], 512)) : A("", !0),
+        l("div", ar, [
           ne(l("input", {
             "onUpdate:modelValue": x[1] || (x[1] = (C) => p.value = C),
             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, ar), [
+          }, null, 8, sr), [
             [
               ve,
               p.value,
@@ -3293,7 +3306,7 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
       ], 32)
     ]));
   }
-}), ur = /* @__PURE__ */ X(ir, [["__scopeId", "data-v-3048520a"]]), dr = { class: "bg-white/30 p-1 rounded-md shadow" }, cr = { class: "flex gap-2" }, pr = ["onClick", "title"], fr = ["src"], mr = /* @__PURE__ */ R({
+}), dr = /* @__PURE__ */ X(ur, [["__scopeId", "data-v-3048520a"]]), cr = { class: "bg-white/30 p-1 rounded-md shadow" }, pr = { class: "flex gap-2" }, fr = ["onClick", "title"], mr = ["src"], vr = /* @__PURE__ */ R({
   __name: "map-layers",
   props: {
     basemaps: {}
@@ -3304,13 +3317,13 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
     function s(r) {
       n("onLayerChange", r), a.value = r;
     }
-    return (r, u) => (i(), d("div", dr, [
-      l("div", cr, [
-        (i(!0), d(re, null, me(r.basemaps, (p, m) => (i(), d("div", {
-          key: m,
-          class: I(["cursor-pointer border rounded-lg overflow-hidden hover:shadow-sm", { "ring-2 ring-blue-500 border-blue-300": a.value === m }]),
-          onClick: (c) => s(m),
-          title: p.name || m,
+    return (r, u) => (i(), d("div", cr, [
+      l("div", pr, [
+        (i(!0), d(re, null, me(r.basemaps, (p, f) => (i(), d("div", {
+          key: f,
+          class: I(["cursor-pointer border rounded-lg overflow-hidden hover:shadow-sm", { "ring-2 ring-blue-500 border-blue-300": a.value === f }]),
+          onClick: (c) => s(f),
+          title: p.name || f,
           role: "button",
           tabindex: "0"
         }, [
@@ -3318,24 +3331,24 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
             src: p.preview,
             alt: "",
             class: "w-10 h-10 object-cover"
-          }, null, 8, fr)
-        ], 10, pr))), 128))
+          }, null, 8, mr)
+        ], 10, fr))), 128))
       ])
     ]));
   }
-}), vr = {
+}), hr = {
   key: 0,
   class: "absolute inset-0 z-[2000] flex items-center justify-center pointer-events-none bg-black/20"
-}, hr = { class: "bg-black/50 text-white px-6 py-2 rounded-lg text-center max-w-sm mx-4 backdrop-blur-sm" }, gr = { class: "text-sm font-medium" }, br = { class: "absolute top-4 left-4 z-[1000] w-[calc(100%-20px)] sm:w-[350px]" }, yr = { class: "form-geom__panel flex gap-1 items-start mt-2" }, xr = { class: "flex items-center gap-1" }, wr = ["disabled"], kr = { class: "absolute top-4 right-4 z-[1000]" }, _r = { class: "flex flex-col gap-[2px]" }, $r = ["aria-pressed"], Cr = ["aria-pressed"], Vr = ["aria-pressed"], Mr = ["aria-pressed"], Lr = { class: "absolute bottom-0 left-0 right-0 z-[1000] bg-white/95 border-t border-gray-200 text-xs text-gray-700 flex items-center gap-4 pt-1" }, Sr = {
+}, gr = { class: "bg-black/50 text-white px-6 py-2 rounded-lg text-center max-w-sm mx-4 backdrop-blur-sm" }, br = { class: "text-sm font-medium" }, yr = { class: "absolute top-4 left-4 z-[1000] w-[calc(100%-20px)] sm:w-[350px]" }, xr = { class: "form-geom__panel flex gap-1 items-start mt-2" }, wr = { class: "flex items-center gap-1" }, kr = ["disabled"], _r = { class: "absolute top-4 right-4 z-[1000]" }, $r = { class: "flex flex-col gap-[2px]" }, Cr = ["aria-pressed"], Vr = ["aria-pressed"], Mr = ["aria-pressed"], Lr = ["aria-pressed"], Sr = { 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" }, Br = {
   key: 0,
   class: "form-geom__feature flex items-center text-xs transition-all gap-2 w-full"
-}, Br = { class: "mr-auto" }, jr = { class: "font-bold" }, Er = { class: "flex items-center" }, Ir = { class: "text-xs mr-2" }, Tr = {
+}, jr = { class: "mr-auto" }, Er = { class: "font-bold" }, Ir = { class: "flex items-center" }, Ar = { class: "text-xs mr-2" }, Tr = {
   key: 0,
   class: "text-xs"
 }, zr = {
   key: 1,
   class: "text-xs"
-}, Ar = /* @__PURE__ */ R({
+}, Fr = /* @__PURE__ */ R({
   __name: "vs-input-map",
   props: {
     tools: {},
@@ -3351,13 +3364,13 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = Wt(), a = o, n = e, s = B(() => a.geomType ? a.geomType.map((h) => h.toLowerCase()).filter((h) => ["marker", "polyline", "polygon", "rectangle"].includes(h)) : ["marker", "polyline", "polygon", "rectangle"]), r = k(!1), u = k("");
+    const t = Kt(), a = o, n = e, s = B(() => a.geomType ? a.geomType.map((h) => h.toLowerCase()).filter((h) => ["marker", "polyline", "polygon", "rectangle"].includes(h)) : ["marker", "polyline", "polygon", "rectangle"]), r = k(!1), u = k("");
     function p() {
       const h = navigator.platform.toUpperCase().indexOf("MAC") >= 0;
       return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ? "Використовуйте два пальці для зуму карти." : "Використовуйте Ctrl + прокрутка для зуму карти.";
     }
-    const m = k(null);
-    let c, f, b, M = null;
+    const f = k(null);
+    let c, m, b, M = null;
     const q = k(null), H = (h) => {
       h.ctrlKey && h.preventDefault();
     };
@@ -3384,14 +3397,14 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
         }
         r.value = !1;
       };
-      return m.value && (m.value.addEventListener("wheel", $, { passive: !1 }), m.value.addEventListener("touchstart", J, { passive: !0 })), c && c.on("wheel", (U) => {
+      return f.value && (f.value.addEventListener("wheel", $, { passive: !1 }), f.value.addEventListener("touchstart", J, { passive: !0 })), c && c.on("wheel", (U) => {
         const ae = U.originalEvent.ctrlKey || U.originalEvent.metaKey, oe = U.originalEvent.shiftKey;
         !ae && !oe && (U.originalEvent.preventDefault(), U.originalEvent.stopPropagation());
       }), () => {
-        m.value && (m.value.removeEventListener("wheel", $), m.value.removeEventListener("touchstart", J)), c && c.off("wheel"), clearTimeout(h);
+        f.value && (f.value.removeEventListener("wheel", $), f.value.removeEventListener("touchstart", J)), c && c.off("wheel"), clearTimeout(h);
       };
     }
-    const z = k(null), W = k(6), j = k(0), g = k(t?.appContext.config.globalProperties.$settings?.center || [50, 30]), x = k(null), C = Se();
+    const T = k(null), W = k(6), j = k(0), g = k(t?.appContext.config.globalProperties.$settings?.center || [50, 30]), x = k(null), C = Se();
     let _;
     const O = k("topo100");
     function ee(h) {
@@ -3420,7 +3433,7 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
       });
     }
     function V() {
-      const h = f.toGeoJSON(), $ = [];
+      const h = m.toGeoJSON(), $ = [];
       let J = null;
       const U = (oe) => {
         if (oe)
@@ -3441,10 +3454,10 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
       };
       (h?.features || []).forEach((oe) => U(oe.geometry));
       const ae = J || ($.length ? { type: "MultiPolygon", coordinates: $ } : null);
-      n("update:modelValue", ae ? ee(ae) : null), j.value = f.getLayers().length;
+      n("update:modelValue", ae ? ee(ae) : null), j.value = m.getLayers().length;
     }
     function P(h = 30) {
-      const $ = f.getLayers();
+      const $ = m.getLayers();
       if (!$.length) return;
       const U = L.featureGroup($).getBounds();
       U && U.isValid() && c.fitBounds(U, { padding: [h, h] });
@@ -3453,7 +3466,7 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
       q.value?.click();
     }
     const Z = k("");
-    function A(h) {
+    function z(h) {
       return h instanceof L.Circle ? "Circle" : h instanceof L.Rectangle ? "Rectangle" : h instanceof L.Polygon && !(h instanceof L.Rectangle) ? "Polygon" : h instanceof L.Polyline && !(h instanceof L.Polygon) ? "Polyline" : h instanceof L.Marker ? "Point" : "Feature";
     }
     function E(h) {
@@ -3474,12 +3487,12 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
       return h instanceof L.Circle ? h.getLatLng() : h.getBounds ? h.getBounds().getCenter() : h.getLatLng ? h.getLatLng() : c.getCenter();
     }
     function D() {
-      const h = f.getLayers();
+      const h = m.getLayers();
       if (!h.length) {
         x.value = null, j.value = 0;
         return;
       }
-      const $ = h[h.length - 1], J = A($), U = S($), ae = E($);
+      const $ = h[h.length - 1], J = z($), U = S($), ae = E($);
       x.value = {
         type: J,
         center: U,
@@ -3493,19 +3506,19 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
     }
     function ce() {
       const h = x.value?.layer;
-      h && (f.removeLayer(h), V(), D());
+      h && (m.removeLayer(h), V(), D());
     }
     $e(async () => {
-      document.addEventListener("wheel", H, { passive: !1 }), await Q(), L.drawLocal = Is;
+      document.addEventListener("wheel", H, { passive: !1 }), await Q(), L.drawLocal = As;
       const h = a.handleZoom;
-      c = L.map(m.value, {
+      c = L.map(f.value, {
         zoomControl: !1,
         scrollWheelZoom: !h
       }).setView(g.value, 10), setTimeout(() => {
         M = K();
-      }, 100), L.control.zoom({ position: "bottomright" }).addTo(c), O.value = Object.keys(C)[0], _ = L.tileLayer(C[O.value].url, { maxZoom: 19, minZoom: 6 }).addTo(c), f = new L.FeatureGroup().addTo(c), c.on(L.Draw.Event.CREATED, (U) => {
+      }, 100), L.control.zoom({ position: "bottomright" }).addTo(c), O.value = Object.keys(C)[0], _ = L.tileLayer(C[O.value].url, { maxZoom: 19, minZoom: 6 }).addTo(c), m = new L.FeatureGroup().addTo(c), c.on(L.Draw.Event.CREATED, (U) => {
         const { layer: ae } = U;
-        f.clearLayers(), f.addLayer(ae), V(), D(), P(), Z.value = "";
+        m.clearLayers(), m.addLayer(ae), V(), D(), P(), Z.value = "";
       }), c.on(L.Draw.Event.EDITED, () => {
         V(), D(), P();
       }), c.on(L.Draw.Event.DELETED, () => {
@@ -3513,14 +3526,14 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
       });
       let $ = !1;
       c.on("mousemove", (U) => {
-        $ || (c.invalidateSize(), $ = !0), z.value = U.latlng;
+        $ || (c.invalidateSize(), $ = !0), T.value = U.latlng;
       }), c.on("zoomend", () => {
         W.value = c.getZoom();
       });
       const J = Ts(a.modelValue);
       if (J) {
         const U = [];
-        L.geoJSON(J).eachLayer((ae) => U.push(ae)), U.length && f.addLayer(U[0]), V(), D(), P();
+        L.geoJSON(J).eachLayer((ae) => U.push(ae)), U.length && m.addLayer(U[0]), V(), D(), P();
       }
     }), Qe(() => {
       document.removeEventListener("wheel", H), M && M();
@@ -3548,7 +3561,7 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
       }
     }
     function De() {
-      const h = f.toGeoJSON(), $ = new Blob([JSON.stringify(h, null, 2)], { type: "application/json" }), J = URL.createObjectURL($), U = document.createElement("a");
+      const h = m.toGeoJSON(), $ = new Blob([JSON.stringify(h, null, 2)], { type: "application/json" }), J = URL.createObjectURL($), U = document.createElement("a");
       U.href = J, U.download = "data.geojson", U.click(), URL.revokeObjectURL(J);
     }
     function Ke(h) {
@@ -3559,8 +3572,8 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
         if (typeof U.result == "string")
           try {
             const ae = JSON.parse(U.result);
-            f.clearLayers(), ae && L.geoJSON({ type: "Feature", geometry: ae }).eachLayer((oe) => {
-              f.addLayer(oe);
+            m.clearLayers(), ae && L.geoJSON({ type: "Feature", geometry: ae }).eachLayer((oe) => {
+              m.addLayer(oe);
             }), V(), D(), P();
           } finally {
             $.value = "";
@@ -3582,12 +3595,12 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
           n("update:modelValue", $);
           return;
         }
-        f.clearLayers(), $ && L.geoJSON({ type: "Feature", geometry: $ }).eachLayer((J) => {
-          f.addLayer(J), J.dragging?.enable(), J.dragging?.enabled(), J.on("dragend", (U) => {
+        m.clearLayers(), $ && L.geoJSON({ type: "Feature", geometry: $ }).eachLayer((J) => {
+          m.addLayer(J), J.dragging?.enable(), J.dragging?.enabled(), J.on("dragend", (U) => {
             const oe = U.target.getLatLng();
             n("update:modelValue", { type: "Point", coordinates: [oe.lng, oe.lat] });
           });
-        }), j.value = f.getLayers().length, D(), P();
+        }), j.value = m.getLayers().length, D(), P();
       }
     );
     function Se() {
@@ -3606,20 +3619,20 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
         }
       };
     }
-    const Ae = k(!1);
-    return ue(Ae, () => {
+    const ze = k(!1);
+    return ue(ze, () => {
       setTimeout(() => {
         c.invalidateSize();
       }, 50);
     }), (h, $) => (i(), d("div", {
-      class: I(["leaflet-map-wrapper relative w-full h-[400px]", { fullscreen: Ae.value }])
+      class: I(["leaflet-map-wrapper relative w-full h-[400px]", { fullscreen: ze.value }])
     }, [
       l("div", {
         ref_key: "mapContainer",
-        ref: m,
+        ref: f,
         class: "w-full h-full"
       }, null, 512),
-      F(rt, {
+      F(it, {
         name: "zoom-instructions",
         "enter-active-class": "transition-all duration-200 ease-out",
         "leave-active-class": "transition-all duration-500 ease-in",
@@ -3629,18 +3642,18 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
         "leave-to-class": "opacity-0"
       }, {
         default: Ee(() => [
-          r.value && a.handleZoom ? (i(), d("div", vr, [
-            l("div", hr, [
-              l("p", gr, G(u.value), 1)
+          r.value && a.handleZoom ? (i(), d("div", hr, [
+            l("div", gr, [
+              l("p", br, G(u.value), 1)
             ])
-          ])) : T("", !0)
+          ])) : A("", !0)
         ]),
         _: 1
       }),
-      l("div", br, [
-        F(ur, { onGoToCoordinates: Ue }),
-        l("div", yr, [
-          l("div", xr, [
+      l("div", yr, [
+        F(dr, { onGoToCoordinates: Ue }),
+        l("div", xr, [
+          l("div", wr, [
             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",
@@ -3651,7 +3664,7 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { 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: De,
               disabled: j.value === 0
-            }, "Export", 8, wr)
+            }, "Export", 8, kr)
           ]),
           l("input", {
             ref_key: "importRef",
@@ -3663,8 +3676,8 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
           }, null, 544)
         ])
       ]),
-      l("div", kr, [
-        l("div", _r, [
+      l("div", _r, [
+        l("div", $r, [
           s.value.includes("marker") ? (i(), d("button", {
             key: 0,
             class: I(["vs-btn", { "vs-active": Z.value === "marker" }]),
@@ -3673,8 +3686,8 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
             "aria-label": "Draw point",
             onClick: $[0] || ($[0] = (J) => xe("marker"))
           }, [
-            F(Os)
-          ], 10, $r)) : T("", !0),
+            F(Ds)
+          ], 10, Cr)) : A("", !0),
           s.value.includes("polyline") ? (i(), d("button", {
             key: 1,
             class: I(["vs-btn", { "vs-active": Z.value === "polyline" }]),
@@ -3683,8 +3696,8 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
             "aria-label": "Draw polyline",
             onClick: $[1] || ($[1] = (J) => xe("polyline"))
           }, [
-            F(Rs)
-          ], 10, Cr)) : T("", !0),
+            F(Hs)
+          ], 10, Vr)) : A("", !0),
           s.value.includes("polygon") ? (i(), d("button", {
             key: 2,
             class: I(["vs-btn", { "vs-active": Z.value === "polygon" }]),
@@ -3693,8 +3706,8 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
             "aria-label": "Draw polygon",
             onClick: $[2] || ($[2] = (J) => xe("polygon"))
           }, [
-            F(Gs)
-          ], 10, Vr)) : T("", !0),
+            F(Ws)
+          ], 10, Mr)) : A("", !0),
           s.value.includes("rectangle") ? (i(), d("button", {
             key: 3,
             class: I(["vs-btn", { "vs-active": Z.value === "rectangle" }]),
@@ -3703,36 +3716,36 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
             "aria-label": "Draw rectangle",
             onClick: $[3] || ($[3] = (J) => xe("rectangle"))
           }, [
-            F(Js)
-          ], 10, Mr)) : T("", !0),
+            F(Ys)
+          ], 10, Lr)) : A("", !0),
           l("button", {
             class: "vs-btn mt-5",
             onClick: $[4] || ($[4] = (J) => {
-              Ae.value = !Ae.value;
+              ze.value = !ze.value;
             }),
             title: "Full Screen",
             "aria-label": "Full Screen"
           }, [
-            F(er, { style: { width: "12px", height: "12px" } })
+            F(tr, { style: { width: "12px", height: "12px" } })
           ])
         ])
       ]),
       l("div", {
         class: I(["absolute left-4 z-[1000]", x.value ? "bottom-8" : "bottom-4"])
       }, [
-        F(mr, {
+        F(vr, {
           basemaps: te(C),
           onOnLayerChange: lt
         }, null, 8, ["basemaps"])
       ], 2),
-      l("div", Lr, [
-        x.value ? (i(), d("div", Sr, [
-          l("div", Br, [
+      l("div", Sr, [
+        x.value ? (i(), d("div", Br, [
+          l("div", jr, [
             $[7] || ($[7] = ge(" Тип: ", -1)),
-            l("span", jr, G(x.value.type), 1)
+            l("span", Er, G(x.value.type), 1)
           ]),
-          l("div", Er, [
-            l("div", Ir, [
+          l("div", Ir, [
+            l("div", Ar, [
               $[8] || ($[8] = ge(" Центр: ", -1)),
               l("b", null, G(x.value.center.lat.toFixed(5)) + ", " + G(x.value.center.lng.toFixed(5)), 1)
             ]),
@@ -3758,14 +3771,14 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
               F(tt, { class: "w-3 h-3" })
             ])
           ])
-        ])) : T("", !0)
+        ])) : A("", !0)
       ])
     ], 2));
   }
-}), Fr = /* @__PURE__ */ X(Ar, [["__scopeId", "data-v-77633b64"]]), Or = ["data-focus"], Dr = { class: "flex items-center" }, Ur = { class: "overflow-hidden text-ellipsis whitespace-nowrap rounded-sm text-[#333] text-[85%] px-0.5 py-[3px] pl-1.5 box-border" }, Pr = ["onClick", "aria-label"], Rr = {
+}), Or = /* @__PURE__ */ X(Fr, [["__scopeId", "data-v-77633b64"]]), Dr = ["data-focus"], Ur = { class: "flex items-center" }, Pr = { class: "overflow-hidden text-ellipsis whitespace-nowrap rounded-sm text-[#333] text-[85%] px-0.5 py-[3px] pl-1.5 box-border" }, Rr = ["onClick", "aria-label"], Hr = {
   key: 0,
   class: "absolute text-gray-500 truncate pl-2"
-}, Hr = { class: "flex-1 min-w-[2px]" }, Nr = ["placeholder"], qr = { class: "flex items-center shrink-0" }, Gr = ["disabled"], Wr = /* @__PURE__ */ R({
+}, Nr = { class: "flex-1 min-w-[2px]" }, qr = ["placeholder"], Gr = { class: "flex items-center shrink-0" }, Wr = ["disabled"], Kr = /* @__PURE__ */ R({
   __name: "vs-input-tag",
   props: /* @__PURE__ */ ie({
     unique: { type: Boolean, default: !0 },
@@ -3784,26 +3797,26 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
   setup(o, { emit: e }) {
     const t = o, a = e;
     Ce(t.style);
-    const n = k(null), s = k(null), r = k(null), u = k(!1), p = k(""), m = de(o, "modelValue"), c = B(() => t.placeholder || "Add tag…"), f = B(() => m.value?.length === 0 && p.value === ""), b = B(() => !t.disabled && m.value?.length > 0), M = B(() => t.disabled), q = async () => {
+    const n = k(null), s = k(null), r = k(null), u = k(!1), p = k(""), f = de(o, "modelValue"), c = B(() => t.placeholder || "Add tag…"), m = B(() => f.value?.length === 0 && p.value === ""), b = B(() => !t.disabled && f.value?.length > 0), M = B(() => t.disabled), q = async () => {
       M.value || await je(() => r.value?.focus());
     }, H = (C) => {
       const _ = C.trim();
-      _ !== "" && (!m.value || !Array.isArray(m.value) ? m.value = [_] : t.unique ? m.value.includes(_) || (m.value = [...m.value, _]) : m.value = [...m.value, _], p.value = "");
+      _ !== "" && (!f.value || !Array.isArray(f.value) ? f.value = [_] : t.unique ? f.value.includes(_) || (f.value = [...f.value, _]) : f.value = [...f.value, _], p.value = "");
     }, K = () => {
       const C = p.value;
       C.trim() !== "" && H(C), p.value = "";
-    }, z = (C) => {
-      const _ = m.value.slice();
+    }, T = (C) => {
+      const _ = f.value.slice();
       _.splice(C, 1), a("update:modelValue", _);
     }, W = () => {
       a("update:modelValue", []);
     }, j = () => {
       M.value || (u.value = !0);
     }, g = () => {
-      u.value = !1;
+      u.value = !1, !M.value && K();
     }, x = (C) => {
       const { key: _ } = C;
-      _ === "Enter" ? (C.preventDefault(), K()) : _ === "Backspace" && p.value === "" && m.value.length > 0 && z(m.value.length - 1);
+      _ === "Enter" ? (C.preventDefault(), K()) : _ === "Backspace" && p.value === "" && f.value.length > 0 && T(f.value.length - 1);
     };
     return (C, _) => (i(), d("div", {
       class: "flex gap-1 w-full",
@@ -3832,17 +3845,17 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
             ref_key: "chipsRef",
             ref: s
           }, [
-            (i(!0), d(re, null, me(m.value, (O, ee) => (i(), d("div", {
+            (i(!0), d(re, null, me(f.value, (O, ee) => (i(), d("div", {
               key: ee,
               class: "flex min-w-0 bg-[#e6e6e6] rounded-sm m-0.5 box-border"
             }, [
-              l("div", Dr, [
-                l("div", Ur, G(O), 1)
+              l("div", Ur, [
+                l("div", Pr, G(O), 1)
               ]),
               l("div", {
                 role: "button",
                 class: "flex items-center rounded-sm px-1 box-border hover:bg-[#ffbdad] hover:text-[#de350b]",
-                onClick: _e((Q) => z(ee), ["stop"]),
+                onClick: _e((Q) => T(ee), ["stop"]),
                 "aria-label": `Remove ${O}`
               }, _[2] || (_[2] = [
                 l("svg", {
@@ -3855,11 +3868,11 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { 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, Pr)
+              ]), 8, Rr)
             ]))), 128)),
-            f.value ? (i(), d("div", Rr, G(c.value), 1)) : T("", !0),
-            l("div", Hr, [
-              M.value ? T("", !0) : ne((i(), d("input", {
+            m.value ? (i(), d("div", Hr, G(c.value), 1)) : A("", !0),
+            l("div", Nr, [
+              M.value ? A("", !0) : ne((i(), d("input", {
                 key: 0,
                 ref_key: "inputRef",
                 ref: r,
@@ -3875,13 +3888,13 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
                 onFocus: j,
                 onBlur: g,
                 onKeydown: x,
-                placeholder: m.value && m.value.length ? "" : void 0
-              }, null, 40, Nr)), [
+                placeholder: f.value && f.value.length ? "" : void 0
+              }, null, 40, qr)), [
                 [ve, p.value]
               ])
             ])
           ], 512),
-          l("div", qr, [
+          l("div", Gr, [
             b.value ? (i(), d("button", {
               key: 0,
               type: "button",
@@ -3898,13 +3911,13 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { 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, Gr)) : T("", !0)
+            ]), 8, Wr)) : A("", !0)
           ])
-        ], 10, Or)
+        ], 10, Dr)
       ], 2)
     ], 512));
   }
-}), Kr = { class: "relative flex gap-1 bg-white w-full" }, Zr = ["disabled", "placeholder"], Jr = /* @__PURE__ */ R({
+}), Zr = { class: "relative flex gap-1 bg-white w-full" }, Jr = ["disabled", "placeholder"], Yr = /* @__PURE__ */ R({
   __name: "vs-input-slug",
   props: /* @__PURE__ */ ie({
     disabled: { type: Boolean },
@@ -3916,7 +3929,7 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = ze("values"), t = o, a = de(o, "modelValue");
+    const e = Te("values"), t = o, a = de(o, "modelValue");
     function n(r) {
       const u = {
         а: "a",
@@ -3963,14 +3976,14 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
       const r = e?.value?.[t.parent || ""]?.toString(), u = n(r);
       a.value = u.toString();
     };
-    return (r, u) => (i(), d("div", Kr, [
+    return (r, u) => (i(), d("div", Zr, [
       ne(l("input", {
         ref: "vsText",
         disabled: r.disabled,
         placeholder: r.placeholder,
         "onUpdate:modelValue": u[0] || (u[0] = (p) => a.value = p),
         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, Zr), [
+      }, null, 8, Jr), [
         [ve, a.value]
       ]),
       l("button", {
@@ -3979,13 +3992,13 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
       }, " Gen ")
     ]));
   }
-}), Yr = /* @__PURE__ */ X(Jr, [["__scopeId", "data-v-b0eba370"]]), Xr = { class: "w-full" }, Qr = {
+}), Xr = /* @__PURE__ */ X(Yr, [["__scopeId", "data-v-b0eba370"]]), Qr = { class: "w-full" }, ei = {
   ref: "sortableContainer",
   class: "flex flex-col gap-1"
-}, ei = ["onDragstart", "onDrop"], ti = { class: "w-1/3" }, li = { class: "w-2/3" }, oi = ["onClick"], ni = {
+}, ti = ["onDragstart", "onDrop"], li = { class: "w-1/3" }, oi = { class: "w-2/3" }, ni = ["onClick"], ai = {
   key: 0,
   class: "text-[14px] text-gray-700"
-}, ai = { class: "mt-2 w-full flex items-center" }, si = ["disabled"], ri = /* @__PURE__ */ R({
+}, si = { class: "mt-2 w-full flex items-center" }, ri = ["disabled"], ii = /* @__PURE__ */ R({
   __name: "vs-input-key-value",
   props: {
     parent: {},
@@ -3995,66 +4008,66 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = (K) => `${K}-${Math.random().toString(36).substring(2, 15)}`, a = ze("values"), n = o, s = e, r = n.addButtonText ?? "Додати", u = n.ignore ?? [], p = k([]), m = k(null);
+    const t = (K) => `${K}-${Math.random().toString(36).substring(2, 15)}`, a = Te("values"), n = o, s = e, r = n.addButtonText ?? "Додати", u = n.ignore ?? [], p = k([]), f = k(null);
     (() => {
       const K = n.parent && a?.value?.[n.parent] || n.modelValue || {};
-      p.value = Object.entries(K).filter(([z]) => !u.includes(z)).map(([z, W]) => ({
+      p.value = Object.entries(K).filter(([T]) => !u.includes(T)).map(([T, W]) => ({
         id: t("key-value-"),
-        key: z,
+        key: T,
         value: W
       }));
     })();
-    function f(K) {
-      m.value = K;
+    function m(K) {
+      f.value = K;
     }
     function b(K) {
-      if (m.value === null || m.value === K) return;
-      const z = p.value.splice(m.value, 1)[0];
-      p.value.splice(K, 0, z), m.value = null;
+      if (f.value === null || f.value === K) return;
+      const T = p.value.splice(f.value, 1)[0];
+      p.value.splice(K, 0, T), f.value = null;
     }
     const M = B(
       () => p.value.some((K) => K.key && !K.value || !K.key && K.value)
     ), q = () => {
       p.value.push({ id: t("key-value-"), key: "", value: "" });
     }, H = (K) => {
-      p.value = p.value.filter((z) => z.id !== K);
+      p.value = p.value.filter((T) => T.id !== K);
     };
     return ue(
       p,
       (K) => {
-        const z = {};
+        const T = {};
         K.forEach((j) => {
-          j.key && j.value !== void 0 && (z[j.key] = j.value);
+          j.key && j.value !== void 0 && (T[j.key] = j.value);
         });
         const W = {};
         u.length && u.forEach((j) => {
           W[j] = n.parent ? a?.value?.[n.parent]?.[j] : void 0;
         }), a?.value && n.parent && (a.value[n.parent] = {
           ...W,
-          ...z
-        }), s("update:modelValue", z);
+          ...T
+        }), s("update:modelValue", T);
       },
       { deep: !0 }
-    ), (K, z) => (i(), d("div", Xr, [
-      l("div", Qr, [
+    ), (K, T) => (i(), d("div", Qr, [
+      l("div", ei, [
         (i(!0), d(re, null, me(p.value, (W, j) => (i(), d("div", {
           key: W.id,
-          class: I(["flex items-center gap-2 w-full", { "opacity-50": m.value === j }]),
+          class: I(["flex items-center gap-2 w-full", { "opacity-50": f.value === j }]),
           draggable: "true",
-          onDragstart: (g) => f(j),
-          onDragover: z[0] || (z[0] = _e(() => {
+          onDragstart: (g) => m(j),
+          onDragover: T[0] || (T[0] = _e(() => {
           }, ["prevent"])),
           onDrop: (g) => b(j)
         }, [
-          z[1] || (z[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", ti, [
+          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", li, [
             F(Xe, {
               modelValue: W.key,
               "onUpdate:modelValue": (g) => W.key = g,
               placeholder: "Ключ"
             }, null, 8, ["modelValue", "onUpdate:modelValue"])
           ]),
-          l("div", li, [
+          l("div", oi, [
             F(Xe, {
               modelValue: W.value,
               "onUpdate:modelValue": (g) => W.value = g,
@@ -4065,15 +4078,15 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
             onClick: (g) => H(W.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"
           }, [
-            F(te(Gl), {
+            F(te(Wl), {
               height: "16",
               width: "16"
             })
-          ], 8, oi)
-        ], 42, ei))), 128))
+          ], 8, ni)
+        ], 42, ti))), 128))
       ], 512),
-      p.value.length ? T("", !0) : (i(), d("span", ni, " Дані для відображення відсутні ")),
-      l("div", ai, [
+      p.value.length ? A("", !0) : (i(), d("span", ai, " Дані для відображення відсутні ")),
+      l("div", si, [
         l("button", {
           type: "button",
           onClick: q,
@@ -4085,11 +4098,11 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
             width: "14"
           }),
           ge(" " + G(te(r)), 1)
-        ], 8, si)
+        ], 8, ri)
       ])
     ]));
   }
-}), ii = /* @__PURE__ */ X(ri, [["__scopeId", "data-v-a0f7fbfc"]]), ui = { class: "flex items-center gap-2 w-full" }, di = ["disabled"], ci = /* @__PURE__ */ R({
+}), ui = /* @__PURE__ */ X(ii, [["__scopeId", "data-v-a0f7fbfc"]]), di = { class: "flex items-center gap-2 w-full" }, ci = ["disabled"], pi = /* @__PURE__ */ R({
   __name: "vs-input-color",
   props: {
     style: { default: () => ({}) },
@@ -4106,7 +4119,7 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
       get: () => t.modelValue || "#000000",
       set: (r) => n("update:modelValue", r)
     });
-    return (r, u) => (i(), d("div", ui, [
+    return (r, u) => (i(), d("div", di, [
       ne(l("input", {
         type: "color",
         "onUpdate:modelValue": u[0] || (u[0] = (p) => s.value = p),
@@ -4114,7 +4127,7 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
         ref: "color",
         class: I(["py-1.5 px-1 block w-full bg-white cursor-pointer max-w-[50px]", [r.modelValue ? "" : "text-opacity-50", te(a)].join(" ")]),
         style: { border: "1px solid #CFD9E0" }
-      }, null, 10, di), [
+      }, null, 10, ci), [
         [ve, s.value]
       ]),
       ne(l("input", {
@@ -4125,7 +4138,7 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
       ])
     ]));
   }
-}), pi = { class: "flex items-center gap-2 w-full" }, fi = ["min", "max", "step", "disabled"], mi = /* @__PURE__ */ R({
+}), fi = { class: "flex items-center gap-2 w-full" }, mi = ["min", "max", "step", "disabled"], vi = /* @__PURE__ */ R({
   __name: "vs-input-range",
   props: {
     style: { default: () => ({}) },
@@ -4145,7 +4158,7 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
       get: () => Number(t.modelValue ?? t.min),
       set: (r) => n("update:modelValue", Number(r))
     });
-    return (r, u) => (i(), d("div", pi, [
+    return (r, u) => (i(), d("div", fi, [
       ne(l("input", {
         type: "range",
         "onUpdate:modelValue": u[0] || (u[0] = (p) => s.value = p),
@@ -4155,7 +4168,7 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
         disabled: r.disabled,
         ref: "range",
         class: I(["w-full cursor-pointer accent-blue-500", [r.modelValue ? "" : "text-opacity-50", te(a)].join(" ")])
-      }, null, 10, fi), [
+      }, null, 10, mi), [
         [ve, s.value]
       ]),
       ne(l("input", {
@@ -4167,7 +4180,7 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
       ])
     ]));
   }
-}), vi = ["type", "value", "onInput", "placeholder", "disabled"], hi = /* @__PURE__ */ R({
+}), hi = ["type", "value", "onInput", "placeholder", "disabled"], gi = /* @__PURE__ */ R({
   __name: "vs-input-array",
   props: /* @__PURE__ */ ie({
     count: { default: 1 },
@@ -4187,7 +4200,7 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, { inputClass: t } = Ce(e.style), a = de(o, "modelValue");
-    Kt(() => {
+    Zt(() => {
       const s = a.value?.length ?? 0;
       s < e.count && (a.value = [
         ...a.value ?? [],
@@ -4211,38 +4224,38 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
         style: {
           border: "1px solid #CFD9E0"
         }
-      }, null, 42, vi))), 256))
+      }, null, 42, hi))), 256))
     ], 2));
   }
-}), gi = {
+}), bi = {
   VsInputText: Xe,
-  VsInputRadio: wt,
+  VsInputRadio: kt,
   "vs-input-text": Xe,
-  "vs-input-password": xl,
-  "vs-input-textarea": Va,
-  "vs-input-mask": oo,
-  "vs-input-number": _l,
-  "vs-input-radio": wt,
-  "vs-input-select": Ct,
+  "vs-input-password": wl,
+  "vs-input-textarea": Ma,
+  "vs-input-mask": no,
+  "vs-input-number": $l,
+  "vs-input-radio": kt,
+  "vs-input-select": Vt,
   "vs-input-switcher": Tt,
-  "vs-input-static": xt,
-  "vs-input-container": na,
-  "vs-input-date": bo,
-  "vs-input-checkbox": ho,
-  "vs-input-file": ln,
-  "vs-input-html": xt,
-  "vs-input-email": so,
-  "vs-input-datatable": Es,
-  "vs-input-map": Fr,
-  "vs-input-file-list": In,
-  "vs-input-tags": Wr,
-  "vs-input-slug": Yr,
-  "vs-input-key-value": ii,
-  "vs-input-range": mi,
-  "vs-input-color": ci,
-  "vs-input-native-select": Ct,
-  "vs-input-array": hi
-}, bi = /* @__PURE__ */ R({
+  "vs-input-static": wt,
+  "vs-input-container": aa,
+  "vs-input-date": yo,
+  "vs-input-checkbox": go,
+  "vs-input-file": on,
+  "vs-input-html": wt,
+  "vs-input-email": ro,
+  "vs-input-datatable": Is,
+  "vs-input-map": Or,
+  "vs-input-file-list": An,
+  "vs-input-tags": Kr,
+  "vs-input-slug": Xr,
+  "vs-input-key-value": ui,
+  "vs-input-range": vi,
+  "vs-input-color": pi,
+  "vs-input-native-select": Vt,
+  "vs-input-array": gi
+}, yi = /* @__PURE__ */ R({
   __name: "behavior",
   props: {
     api: {},
@@ -4252,7 +4265,7 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
     value: {}
   },
   setup(o) {
-    const e = o, t = ze("values");
+    const e = o, t = Te("values");
     async function a() {
       try {
         if (!e.api) return;
@@ -4274,10 +4287,10 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { 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));
   }
-}), yi = { class: "flex flex-col gap-1 w-full" }, xi = {
+}), xi = { class: "flex flex-col gap-1 w-full" }, wi = {
   key: 0,
   class: "text-sm text-gray-500"
-}, Ot = /* @__PURE__ */ R({
+}, Dt = /* @__PURE__ */ R({
   __name: "vs-compact-form-layout",
   props: /* @__PURE__ */ ie({
     item: { default: {} },
@@ -4292,16 +4305,16 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = de(o, "modelValue"), a = B(() => bl[`${e.layout}`]), n = B(() => gi?.[`vs-input-${e.item.type}`]), s = B(() => {
+    const e = o, t = de(o, "modelValue"), a = B(() => yl[`${e.layout}`]), n = B(() => bi?.[`vs-input-${e.item.type}`]), s = B(() => {
       const u = te(n);
       if (!u) return /* @__PURE__ */ new Set();
       const p = u.props ?? u.__vccOpts?.props;
       if (!p) return /* @__PURE__ */ new Set();
-      const m = Array.isArray(p) ? p : Object.keys(p);
-      return new Set(m);
+      const f = Array.isArray(p) ? p : Object.keys(p);
+      return new Set(f);
     }), r = B(() => {
       const u = e.item ?? {}, p = s.value;
-      return p.size ? Object.fromEntries(Object.entries(u).filter(([m]) => p.has(m))) : {};
+      return p.size ? Object.fromEntries(Object.entries(u).filter(([f]) => p.has(f))) : {};
     });
     return (u, p) => ne((i(), he(Oe(a.value), {
       ua: e.item.ua,
@@ -4314,14 +4327,14 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
         l("div", {
           class: I(["flex w-full", `${e.item.type}-component`])
         }, [
-          l("div", yi, [
+          l("div", xi, [
             (i(), he(Oe(n.value), Fe(r.value, {
               modelValue: t.value,
-              "onUpdate:modelValue": p[0] || (p[0] = (m) => t.value = m)
+              "onUpdate:modelValue": p[0] || (p[0] = (f) => t.value = f)
             }), null, 16, ["modelValue"])),
-            u.item.description && e.layout !== "settings" ? (i(), d("p", xi, G(u.item.description), 1)) : T("", !0)
+            u.item.description && e.layout !== "settings" ? (i(), d("p", wi, G(u.item.description), 1)) : A("", !0)
           ]),
-          u.item.behavior?.api && u.item.behavior?.button ? (i(), he(bi, Fe({ key: 0 }, u.item.behavior, { value: t.value }), null, 16, ["value"])) : T("", !0)
+          u.item.behavior?.api && u.item.behavior?.button ? (i(), he(yi, Fe({ key: 0 }, u.item.behavior, { value: t.value }), null, 16, ["value"])) : A("", !0)
         ], 2)
       ]),
       _: 1
@@ -4329,7 +4342,7 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
       [et, !u.item.hidden]
     ]);
   }
-}), wi = { class: "text-sm text-gray-800 mb-[4px] font-medium dark:text-neutral-300" }, ki = { class: "vs-compact-form-navigation__rail mt-[6px]" }, _i = ["onClick"], $i = /* @__PURE__ */ R({
+}), ki = { class: "text-sm text-gray-800 mb-[4px] font-medium dark:text-neutral-300" }, _i = { class: "vs-compact-form-navigation__rail mt-[6px]" }, $i = ["onClick"], Ci = /* @__PURE__ */ R({
   __name: "vs-compact-form-navigation",
   props: {
     target: {},
@@ -4349,7 +4362,7 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
       const P = typeof V == "number" ? `${V}px` : `${V}`;
       return { width: P, minWidth: P };
     });
-    let m = null, c = 0, f = 0, b = null, M = null, q = null;
+    let f = null, c = 0, m = 0, b = null, M = null, q = null;
     const H = () => ee(), K = () => W();
     ue(
       () => t.target,
@@ -4368,15 +4381,15 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
           M = V ?? null;
           return;
         }
-        z(V ?? null), je(() => W());
+        T(V ?? null), je(() => W());
       },
       { immediate: !0 }
     ), $e(() => {
-      t.scrollContainer || z(null), W();
-    }), st(() => {
-      C(), z(null, !0), b = null, typeof window < "u" && (c && window.cancelAnimationFrame(c), f && window.cancelAnimationFrame(f));
+      t.scrollContainer || T(null), W();
+    }), rt(() => {
+      C(), T(null, !0), b = null, typeof window < "u" && (c && window.cancelAnimationFrame(c), m && window.cancelAnimationFrame(m));
     });
-    function z(V, P = !1) {
+    function T(V, P = !1) {
       if (q && (q(), q = null), P) {
         M = null;
         return;
@@ -4398,11 +4411,11 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
     function j() {
       if (!r.value || !b) return;
       const V = Array.from(b.querySelectorAll("h1, h2")), P = /* @__PURE__ */ new Set(), Y = [];
-      V.forEach((Z, A) => {
+      V.forEach((Z, z) => {
         const E = Z.textContent?.trim() ?? "";
         if (!E) return;
         let S = (Z.getAttribute("id") ?? "").trim();
-        S || (S = g(E) || `heading-${A + 1}`);
+        S || (S = g(E) || `heading-${z + 1}`);
         let D = S, le = 1;
         for (; P.has(D); )
           D = `${S}-${le += 1}`;
@@ -4417,10 +4430,10 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
       return V.toLowerCase().replace(/[^a-z0-9\s-]/g, "").trim().replace(/\s+/g, "-");
     }
     function x(V) {
-      !V || !r.value || typeof MutationObserver > "u" || (C(), m = new MutationObserver(() => W()), m.observe(V, { childList: !0, subtree: !0 }));
+      !V || !r.value || typeof MutationObserver > "u" || (C(), f = new MutationObserver(() => W()), f.observe(V, { childList: !0, subtree: !0 }));
     }
     function C() {
-      m && (m.disconnect(), m = null);
+      f && (f.disconnect(), f = null);
     }
     function _(V) {
       const P = M;
@@ -4432,21 +4445,21 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
     function O() {
       if (!r.value || !a.value.length) return;
       const V = M, P = (V ? V.scrollTop : null) || (typeof window < "u" ? window.scrollY : 0), Y = (V ? V.clientHeight : null) || (typeof window < "u" ? window.innerHeight : 0), Z = P + Y;
-      let A = null;
+      let z = null;
       for (let S = 0; S < a.value.length; S += 1) {
         const D = a.value[S], le = document.getElementById(D.id);
         if (le) {
           const ce = _(le);
-          ce + le.offsetHeight > P && ce < Z && (A = D.id);
+          ce + le.offsetHeight > P && ce < Z && (z = D.id);
         }
       }
-      !A && s.value && (A = s.value), A && (s.value = A);
+      !z && s.value && (z = s.value), z && (s.value = z);
       const E = V ? V.scrollHeight - V.clientHeight : document.documentElement.scrollHeight - window.innerHeight;
-      P + 5 >= E && (A = a.value[a.value.length - 1].id), A && (n.value = A);
+      P + 5 >= E && (z = a.value[a.value.length - 1].id), z && (n.value = z);
     }
     function ee() {
-      r.value && (f && window.cancelAnimationFrame(f), f = window.requestAnimationFrame(() => {
-        O(), f = 0;
+      r.value && (m && window.cancelAnimationFrame(m), m = window.requestAnimationFrame(() => {
+        O(), m = 0;
       }));
     }
     function Q(V) {
@@ -4461,8 +4474,8 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
       class: I(u.value),
       style: be(p.value)
     }, [
-      l("h2", wi, G(V.title), 1),
-      l("div", ki, [
+      l("h2", ki, G(V.title), 1),
+      l("div", _i, [
         (i(!0), d(re, null, me(a.value, (Y) => (i(), d("div", {
           key: Y.id,
           class: I([
@@ -4481,34 +4494,34 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
             ])
           }, [
             l("span", null, G(Y.text), 1)
-          ], 10, _i)
+          ], 10, $i)
         ], 2))), 128))
       ])
-    ], 6)) : T("", !0);
+    ], 6)) : A("", !0);
   }
-}), Ci = /* @__PURE__ */ X($i, [["__scopeId", "data-v-1584a562"]]), Dt = {
+}), Vi = /* @__PURE__ */ X(Ci, [["__scopeId", "data-v-1584a562"]]), Ut = {
   required: "Це поле є обов’язковим",
   email: "Неправильний email"
-}, Vi = (o) => o ? !1 : Dt.required, Mi = (o) => {
+}, Mi = (o) => o ? !1 : Ut.required, Li = (o) => {
   const e = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-  return o ? e.test(o) ? !1 : Dt.email : !1;
-}, Li = (o, e) => {
+  return o ? e.test(o) ? !1 : Ut.email : !1;
+}, Si = (o, e) => {
   const t = e.pattern ?? e.regexp;
   return !(typeof t == "string" ? new RegExp(t) : t).test(o) && o ? e.message : !1;
-}, Si = (o, e) => !1, Bi = (o, e) => {
+}, Bi = (o, e) => !1, ji = (o, e) => {
   switch (typeof e == "string" ? e : e.type) {
     case "required":
-      return Vi(o);
-    case "email":
       return Mi(o);
+    case "email":
+      return Li(o);
     case "regexp":
-      return Li(o, e);
+      return Si(o, e);
     case "custom":
-      return Si();
+      return Bi();
     default:
       return !1;
   }
-}, ji = {
+}, Ei = {
   autocomplete: "select",
   combobox: "select",
   datepicker: "date",
@@ -4521,16 +4534,16 @@ const er = /* @__PURE__ */ X(Ys, [["render", Qs]]), tr = { class: "map-search-wi
   dropzone: "file"
   // mask: 'text',
 };
-function Mt(o) {
+function Lt(o) {
   const e = o.toLowerCase();
-  return ji[e] || e;
+  return Ei[e] || e;
 }
-function Ei(o, e = !1) {
+function nt(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 = Mt(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 = Lt(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, Array.isArray(s.schema) && (s.schema = nt(s.schema, s.disabled)), a.push(s);
     }), a;
   }
   const t = [];
@@ -4538,39 +4551,39 @@ function Ei(o, e = !1) {
     const n = {
       name: a[0],
       ...a[1],
-      type: Mt(a[1].type),
+      type: Lt(a[1].type),
       label: a[1].label || a[1].ua,
       rules: a[1].rules || a[1].validators,
       disabled: e
     };
-    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);
+    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}`), Array.isArray(n.schema) && (n.schema = nt(n.schema, n.disabled)), t.push(n);
   }), t;
 }
 function Ii(o, e, t = !1) {
-  const a = B(() => Ei(
+  const a = B(() => nt(
     (Array.isArray(e), e),
     typeof t == "boolean" ? t : t.value
   )), n = k({});
-  function s(m) {
-    const c = m?.conditions;
+  function s(f) {
+    const c = f?.conditions;
     if (!c) return !0;
-    const f = Array.isArray(c) ? c[0] : c, b = o?.value?.[f];
-    return Ft(b, c);
+    const m = Array.isArray(c) ? c[0] : c, b = o?.value?.[m];
+    return Ot(b, c);
   }
-  const r = (m = a.value, c = !0) => (m.forEach((f) => {
-    if (f.rules) {
-      if (!s(f)) {
-        delete n.value[f.name];
+  const r = (f = a.value, c = !0) => (f.forEach((m) => {
+    if (m.rules) {
+      if (!s(m)) {
+        delete n.value[m.name];
         return;
       }
       let b = !1, M = null;
-      f.rules.forEach((q) => {
-        const H = Bi(o.value[f.name], q);
+      m.rules.forEach((q) => {
+        const H = ji(o.value[m.name], q);
         H && (b = !0, !M && typeof H == "string" && (M = H));
-      }), b && M ? n.value[f.name] = M : delete n.value[f.name];
+      }), b && M ? n.value[m.name] = M : delete n.value[m.name];
     }
-    f.schema && r(f.schema, !1);
-  }), c && Object.values(n.value).some(Boolean) ? n.value : null), u = B(() => a.value?.filter((m) => s(m)));
+    m.schema && r(m.schema, !1);
+  }), c && Object.values(n.value).some(Boolean) ? n.value : null), u = B(() => a.value?.filter((f) => s(f)));
   return {
     errors: n,
     validate: r,
@@ -4580,7 +4593,7 @@ function Ii(o, e, t = !1) {
     visibleSchema: u
   };
 }
-const Ti = { class: "flex w-full h-full min-h-0 gap-6" }, zi = {
+const Ai = { class: "flex w-full h-full min-h-0 gap-6" }, Ti = {
   key: 0,
   "data-orientation": "horizontal",
   role: "none",
@@ -4608,20 +4621,20 @@ const Ti = { class: "flex w-full h-full min-h-0 gap-6" }, zi = {
     const a = t, n = o, s = de(o, "form"), r = de(o, "values"), {
       errors: u,
       validate: p,
-      reset: m,
+      reset: f,
       visibleSchema: c
-    } = Ii(r, n.schema, Zt(n, "disabled")), f = k(null), b = k(null), M = B(() => n.navigation), q = B(() => n.navWidth), H = B(() => n.style?.columns), K = Object.freeze({ container: 12, label: 3 }), z = B(() => n.columns ?? H.value ?? K), W = B(() => n.columns != null || H.value != null), j = B(() => W.value ? "horizontal" : n.layout), g = (O) => O?.columns ? "horizontal" : j.value, x = (O) => O?.columns ?? z.value, C = () => {
+    } = Ii(r, n.schema, Jt(n, "disabled")), m = k(null), b = k(null), M = B(() => n.navigation), q = B(() => n.navWidth), H = B(() => n.style?.columns), K = Object.freeze({ container: 12, label: 3 }), T = B(() => n.columns ?? H.value ?? K), W = B(() => n.columns != null || H.value != null), j = B(() => W.value ? "horizontal" : n.layout), g = (O) => O?.columns ? "horizontal" : j.value, x = (O) => O?.columns ?? T.value, C = () => {
       a("update:modelValue", r.value), p(), a("handle-submit", r.value);
     };
     e({
       validate: p,
-      reset: m,
+      reset: f,
       errors: u
     }), $e(() => {
       n.modelValue && (r.value = n.modelValue), s.value = {
         value: r.value,
         errors: u.value,
-        reset: m,
+        reset: f,
         validate: p,
         formId: n.formId
       };
@@ -4632,7 +4645,7 @@ const Ti = { class: "flex w-full h-full min-h-0 gap-6" }, zi = {
       const Q = Object.keys(O), V = Object.keys(ee);
       return Q.length !== V.length ? !1 : Q.every((P) => O[P] === ee[P]);
     }
-    return yt("form", s), yt("values", r), (O, ee) => (i(), d("div", Ti, [
+    return xt("form", s), xt("values", r), (O, ee) => (i(), d("div", Ai, [
       l("div", {
         class: "flex-1 min-h-0 overflow-y-auto",
         ref_key: "formScrollContainer",
@@ -4640,7 +4653,7 @@ const Ti = { class: "flex w-full h-full min-h-0 gap-6" }, zi = {
       }, [
         l("form", {
           ref_key: "formRef",
-          ref: f,
+          ref: m,
           onSubmit: _e(C, ["prevent"]),
           class: I(["grid grid-cols-12 p-1", j.value === "default" ? "gap-6" : "gap-4"])
         }, [
@@ -4648,7 +4661,7 @@ const Ti = { class: "flex w-full h-full min-h-0 gap-6" }, zi = {
             key: Q.name,
             class: I(g(Q) === "horizontal" ? "col-span-12" : `col-span-${Q.col || 12}`)
           }, [
-            F(Ot, {
+            F(Dt, {
               style: be(O.style),
               item: Q,
               layout: g(Q),
@@ -4660,19 +4673,19 @@ const Ti = { class: "flex w-full h-full min-h-0 gap-6" }, zi = {
               },
               error: te(u)[Q.name]
             }, null, 8, ["style", "item", "layout", "columns", "model-value", "onUpdate:modelValue", "error"]),
-            g(Q) === "settings" && V + 1 !== te(c).length ? (i(), d("div", zi)) : T("", !0)
+            g(Q) === "settings" && V + 1 !== te(c).length ? (i(), d("div", Ti)) : A("", !0)
           ], 2))), 128))
         ], 34)
       ], 512),
-      F(Ci, {
-        target: f.value,
+      F(Vi, {
+        target: m.value,
         "scroll-container": b.value,
         enabled: M.value,
         width: q.value
       }, null, 8, ["target", "scroll-container", "enabled", "width"])
     ]));
   }
-}), Ai = { class: "relative" }, Fi = { class: "w-full h-full fixed top-0 start-0 z-[1000] bg-black bg-opacity-50" }, Oi = { class: "m-[10px] fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 min-h-0 h-fit max-h-[80vh] overflow-hidden opacity-1 flex flex-col bg-white dark:bg-[#1A1A1A] border dark:border-[#454545] pointer-events-auto shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-xl lg:w-7/12 w-11/12" }, Di = { class: "py-2.5 px-4 flex justify-between items-center border-0 border-b border-solid border-gray-200 dark:border-b-[#454545]" }, Ui = { class: "font-medium text-gray-800 dark:text-[#ffffff]" }, Pi = { class: "p-4 mim-h-0 h-full overflow-auto" }, Ri = /* @__PURE__ */ R({
+}), zi = { class: "relative" }, Fi = { class: "w-full h-full fixed top-0 start-0 z-[1000] bg-black bg-opacity-50" }, Oi = { class: "m-[10px] fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 min-h-0 h-fit max-h-[80vh] overflow-hidden opacity-1 flex flex-col bg-white dark:bg-[#1A1A1A] border dark:border-[#454545] pointer-events-auto shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-xl lg:w-7/12 w-11/12" }, Di = { class: "py-2.5 px-4 flex justify-between items-center border-0 border-b border-solid border-gray-200 dark:border-b-[#454545]" }, Ui = { class: "font-medium text-gray-800 dark:text-[#ffffff]" }, Pi = { class: "p-4 mim-h-0 h-full overflow-auto" }, Ri = /* @__PURE__ */ R({
   __name: "modal-edit",
   props: {
     schema: {},
@@ -4684,10 +4697,10 @@ const Ti = { class: "flex w-full h-full min-h-0 gap-6" }, zi = {
   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(), p = k(t.mode);
-    async function m() {
-      const f = r.value.validate();
-      if (f) {
-        pe({ type: "warning", title: "Помилка валідації", message: Object.entries(f).map(([b, M]) => `${b}: ${M}`).join(`
+    async function f() {
+      const m = r.value.validate();
+      if (m) {
+        pe({ type: "warning", title: "Помилка валідації", message: Object.entries(m).map(([b, M]) => `${b}: ${M}`).join(`
 `) });
         return;
       }
@@ -4736,39 +4749,39 @@ const Ti = { class: "flex w-full h-full min-h-0 gap-6" }, zi = {
     return $e(async () => {
       try {
         if (t.form) {
-          const f = await fetch(`/api/template/form/${t.form}`);
-          if (!f.ok) {
+          const m = await fetch(`/api/template/form/${t.form}`);
+          if (!m.ok) {
             pe({
-              type: f.status >= 400 && f.status < 500 ? "warning" : "error",
+              type: m.status >= 400 && m.status < 500 ? "warning" : "error",
               title: "Error",
-              message: `Error code: ${f.status}`
+              message: `Error code: ${m.status}`
             });
             return;
           }
-          const b = await f.json();
+          const b = await m.json();
           n.value = b.schema, u.value = b.token;
         } else if (t.token) {
           u.value = t.token;
-          const f = await fetch(`/api/form/${u.value}`);
-          if (!f.ok) {
+          const m = await fetch(`/api/form/${u.value}`);
+          if (!m.ok) {
             pe({
-              type: f.status >= 400 && f.status < 500 ? "warning" : "error",
+              type: m.status >= 400 && m.status < 500 ? "warning" : "error",
               title: "Error",
-              message: `Error code: ${f.status}`
+              message: `Error code: ${m.status}`
             });
             return;
           }
-          const b = await f.json();
+          const b = await m.json();
           n.value = b.schema, b.data ? s.value = b.data : p.value = "add";
         }
-      } catch (f) {
+      } catch (m) {
         pe({
           type: "error",
           title: "Error",
-          message: f.message || "Unexpected error"
-        }), console.error(f);
+          message: m.message || "Unexpected error"
+        }), console.error(m);
       }
-    }), (f, b) => (i(), d("div", Ai, [
+    }), (m, b) => (i(), d("div", zi, [
       l("div", Fi, [
         l("div", Oi, [
           l("div", Di, [
@@ -4804,7 +4817,7 @@ const Ti = { class: "flex w-full h-full min-h-0 gap-6" }, zi = {
               "onUpdate:values": b[0] || (b[0] = (M) => s.value = M),
               form: r.value,
               "onUpdate:form": b[1] || (b[1] = (M) => r.value = M)
-            }, null, 8, ["schema", "values", "form"])) : T("", !0)
+            }, null, 8, ["schema", "values", "form"])) : A("", !0)
           ]),
           l("div", { class: "vs-form__head mr-5 mb-5 mt-3 flex items-center justify-end sticky top-0 left-0 z-[60] bg-white" }, [
             l("button", {
@@ -4813,7 +4826,7 @@ const Ti = { class: "flex w-full h-full min-h-0 gap-6" }, zi = {
               class: "vs-button inline-flex border-solid justify-center items-center gap-2 rounded-md font-semibold focus:outline-none text-sm transition-all border !border-gray-200 hover:text-white bg-white text-red-500 hover:border-red-500 hover:bg-red-500 focus:ring-red-500 py-1.5 px-5 focus:ring-1 focus:ring-offset-1 mr-2"
             }, " Скасувати "),
             l("button", {
-              onClick: m,
+              onClick: f,
               type: "button",
               class: "vs-button inline-flex border-solid justify-center items-center gap-2 rounded-md font-semibold focus:outline-none text-sm transition-all border-1 border-transparent text-white bg-blue-500 hover:bg-blue-600 focus:ring-blue-500 py-1.5 px-5 focus:ring-1 focus:ring-offset-1"
             }, " Зберегти ")
@@ -4822,8 +4835,8 @@ const Ti = { class: "flex w-full h-full min-h-0 gap-6" }, zi = {
       ])
     ]));
   }
-}), Lt = (o = { mode: "edit", schema: null }) => new Promise((e) => {
-  const { close: t } = Jt({
+}), St = (o = { mode: "edit", schema: null }) => new Promise((e) => {
+  const { close: t } = Yt({
     title: o.mode === "add" ? "Додати" : "Редагувати",
     template: "",
     visible: !0,
@@ -4843,34 +4856,34 @@ const Ti = { class: "flex w-full h-full min-h-0 gap-6" }, zi = {
 });
 We.install = function(e) {
   e.component("VForm", We), Object.assign(e.config.globalProperties, {
-    $form: Lt
-  }), e.provide("form", Lt), window.v3plugin || (window.v3plugin = {});
+    $form: St
+  }), e.provide("form", St), window.v3plugin || (window.v3plugin = {});
 };
 export {
   Ri as ModalEdit,
   We as VForm,
-  hi as VsInputArray,
-  ho as VsInputCheckbox,
-  ci as VsInputColor,
-  na as VsInputContainer,
-  bo as VsInputDate,
-  so as VsInputEmail,
-  ln as VsInputFile,
-  In as VsInputFileList,
-  ii as VsInputKeyValue,
-  oo as VsInputMask,
-  _l as VsInputNumber,
-  wt as VsInputRadio,
-  mi as VsInputRange,
-  Ct as VsInputSelect,
-  Yr as VsInputSlug,
-  xt as VsInputStatic,
+  gi as VsInputArray,
+  go as VsInputCheckbox,
+  pi as VsInputColor,
+  aa as VsInputContainer,
+  yo as VsInputDate,
+  ro as VsInputEmail,
+  on as VsInputFile,
+  An as VsInputFileList,
+  ui as VsInputKeyValue,
+  no as VsInputMask,
+  $l as VsInputNumber,
+  kt as VsInputRadio,
+  vi as VsInputRange,
+  Vt as VsInputSelect,
+  Xr as VsInputSlug,
+  wt as VsInputStatic,
   Tt as VsInputSwitcher,
-  Wr as VsInputTag,
+  Kr as VsInputTag,
   Xe as VsInputText,
-  Va as VsInputTextarea,
+  Ma as VsInputTextarea,
   We as default,
-  gi as inputs,
-  Es as vsInputDatatable,
-  Fr as vsInputMap
+  bi as inputs,
+  Is as vsInputDatatable,
+  Or as vsInputMap
 };