@opengis/form 0.0.22 → 0.0.23

package/dist/index.js

@@ -1,15 +1,15 @@
-import { defineComponent as A, ref as k, onMounted as ne, onUnmounted as Fe, createElementBlock as u, openBlock as i, normalizeClass as S, createCommentVNode as B, renderSlot as me, createElementVNode as l, toDisplayString as F, normalizeProps as Oe, guardReactiveProps as De, createTextVNode as oe, computed as D, mergeModels as Z, useModel as W, withDirectives as q, unref as H, vModelText as ie, vModelCheckbox as Ye, createVNode as j, createBlock as X, resolveDynamicComponent as we, normalizeStyle as ve, withCtx as Me, withModifiers as se, onBeforeUnmount as dt, watch as re, createStaticVNode as ae, vModelRadio as et, Fragment as K, renderList as Y, mergeProps as Ve, reactive as ct, vShow as Ue, inject as Be, resolveComponent as Ne, Transition as tt, nextTick as Ce, Teleport as pt, provide as He } from "vue";
-import { notify as fe, modal as ft, TooltipDirective as qe } from "@opengis/core";
-const vt = {
+import { defineComponent as O, ref as x, onMounted as ue, onUnmounted as Ee, createElementBlock as u, openBlock as i, normalizeClass as V, createCommentVNode as j, renderSlot as ge, createElementVNode as l, toDisplayString as F, normalizeProps as Fe, guardReactiveProps as De, createTextVNode as se, computed as D, mergeModels as Q, useModel as X, withDirectives as K, unref as J, vModelText as de, vModelCheckbox as Ye, createVNode as B, createBlock as te, resolveDynamicComponent as _e, normalizeStyle as he, withCtx as $e, withModifiers as ne, onBeforeUnmount as dt, watch as ie, createStaticVNode as re, vModelRadio as et, Fragment as ee, renderList as le, mergeProps as Le, reactive as ct, vShow as Ue, inject as Be, resolveComponent as Ne, Transition as tt, nextTick as Me, Teleport as pt, provide as He } from "vue";
+import { notify as pe, modal as ft, TooltipDirective as qe, VsModal as vt } from "@opengis/core";
+const mt = {
   key: 0,
   class: "text-[14px] font-medium text-gray-900 mb-2"
-}, mt = { class: "opacity-100" }, ht = {
+}, ht = { class: "opacity-100" }, gt = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, gt = {
+}, bt = {
   key: 1,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, bt = /* @__PURE__ */ A({
+}, yt = /* @__PURE__ */ O({
   __name: "vs-layout-default",
   props: {
     ua: { default: "" },
@@ -23,34 +23,34 @@ const vt = {
     label: { default: "" }
   },
   setup(o) {
-    const e = k("uk"), t = (n) => {
+    const e = x("uk"), t = (n) => {
       n.detail.key === "locale" && (e.value = n.detail.newValue);
     };
-    return ne(() => {
+    return ue(() => {
       e.value = localStorage.locale, window.addEventListener("storage", t);
-    }), Fe(() => {
+    }), Ee(() => {
       window.removeEventListener("resize", t);
     }), (n, s) => (i(), u("div", {
-      class: S(["w-full relative", { "opacity-60": n.item.disabled }])
+      class: V(["w-full relative", { "opacity-60": n.item.disabled }])
     }, [
-      n.ua || n.label ? (i(), u("div", vt, [
-        l("span", mt, F(n.item[e.value] || n.ua || n.label), 1),
-        n.item?.rules?.includes("required") ? (i(), u("span", ht, "*")) : B("", !0)
-      ])) : B("", !0),
-      me(n.$slots, "default", Oe(De(n.$attrs))),
-      n.error ? (i(), u("span", gt, F(n.error), 1)) : B("", !0)
+      n.ua || n.label ? (i(), u("div", mt, [
+        l("span", ht, F(n.item[e.value] || n.ua || n.label), 1),
+        n.item?.rules?.includes("required") ? (i(), u("span", gt, "*")) : j("", !0)
+      ])) : j("", !0),
+      ge(n.$slots, "default", Fe(De(n.$attrs))),
+      n.error ? (i(), u("span", bt, F(n.error), 1)) : j("", !0)
     ], 2));
   }
-}), yt = { class: "w-full relative flex flex-row items-center gap-2" }, xt = {
+}), xt = { class: "w-full relative flex flex-row items-center gap-2" }, wt = {
   key: 0,
   class: "text-sm text-gray-900 font-medium flex shrink-0 w-3/12 max-w-[250px]"
-}, wt = {
+}, kt = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, kt = {
+}, _t = {
   key: 1,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, _t = /* @__PURE__ */ A({
+}, $t = /* @__PURE__ */ O({
   __name: "vs-layout-horizontal",
   props: {
     ua: { default: "" },
@@ -64,19 +64,19 @@ const vt = {
     label: { default: "" }
   },
   setup(o) {
-    return (e, t) => (i(), u("div", yt, [
-      e.item?.type !== "html" ? (i(), u("span", xt, [
-        oe(F(e.ua || e.label) + " ", 1),
-        e.item?.rules?.includes("required") && (e.ua || e.label) ? (i(), u("span", wt, "*")) : B("", !0)
-      ])) : B("", !0),
-      me(e.$slots, "default", Oe(De(e.$attrs))),
-      e.error ? (i(), u("span", kt, F(e.error), 1)) : B("", !0)
+    return (e, t) => (i(), u("div", xt, [
+      e.item?.type !== "html" ? (i(), u("span", wt, [
+        se(F(e.ua || e.label) + " ", 1),
+        e.item?.rules?.includes("required") && (e.ua || e.label) ? (i(), u("span", kt, "*")) : j("", !0)
+      ])) : j("", !0),
+      ge(e.$slots, "default", Fe(De(e.$attrs))),
+      e.error ? (i(), u("span", _t, F(e.error), 1)) : j("", !0)
     ]));
   }
-}), $t = { class: "w-full relative" }, Ct = {
+}), Ct = { class: "w-full relative" }, Vt = {
   key: 0,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, Vt = /* @__PURE__ */ A({
+}, Mt = /* @__PURE__ */ O({
   __name: "vs-layout-inline",
   props: {
     ua: { default: "" },
@@ -90,17 +90,17 @@ const vt = {
     label: { default: "" }
   },
   setup(o) {
-    return (e, t) => (i(), u("div", $t, [
-      me(e.$slots, "default", Oe(De(e.$attrs))),
-      e.error ? (i(), u("span", Ct, F(e.error), 1)) : B("", !0)
+    return (e, t) => (i(), u("div", Ct, [
+      ge(e.$slots, "default", Fe(De(e.$attrs))),
+      e.error ? (i(), u("span", Vt, F(e.error), 1)) : j("", !0)
     ]));
   }
 }), Lt = {
-  default: bt,
-  horizontal: _t,
-  inline: Vt
+  default: yt,
+  horizontal: $t,
+  inline: Mt
 };
-function he(o) {
+function be(o) {
   return {
     inputClass: D(() => {
       const t = `disabled:opacity-50 disabled:cursor-not-allowed outline-none focus:ring-2 focus:ring-ring focus:ring-${o?.primaryColor || "blue"}-500 border border-solid border-stone-200 rounded-md text-sm text-stone-800 placeholder:text-stone-400 `;
@@ -108,9 +108,9 @@ function he(o) {
     })
   };
 }
-const Mt = ["placeholder", "disabled"], Ge = /* @__PURE__ */ A({
+const St = ["placeholder", "disabled"], Ge = /* @__PURE__ */ O({
   __name: "vs-input-text",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ Q({
     style: { default: () => ({}) },
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -124,23 +124,23 @@ const Mt = ["placeholder", "disabled"], Ge = /* @__PURE__ */ A({
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = he(e.style), n = W(o, "modelValue");
-    return (s, a) => q((i(), u("input", {
+    const e = o, { inputClass: t } = be(e.style), n = X(o, "modelValue");
+    return (s, a) => K((i(), u("input", {
       type: "text",
       "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
       placeholder: s.placeholder,
       disabled: s.disabled,
-      class: S(["py-1.5 px-3 block w-full placeholder:text[#767f8f]", [H(t), { "!border-red-600": s.error }]]),
+      class: V(["py-1.5 px-3 block w-full placeholder:text[#767f8f]", [J(t), { "!border-red-600": s.error }]]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, Mt)), [
-      [ie, n.value]
+    }, null, 10, St)), [
+      [de, n.value]
     ]);
   }
-}), St = ["placeholder"], Bt = /* @__PURE__ */ A({
+}), Bt = ["placeholder"], jt = /* @__PURE__ */ O({
   __name: "vs-input-number",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ Q({
     style: { default: () => ({}) },
     customClass: {},
     disabled: { type: Boolean },
@@ -154,18 +154,18 @@ const Mt = ["placeholder", "disabled"], Ge = /* @__PURE__ */ A({
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = he(e.style), n = W(o, "modelValue");
-    return (s, a) => q((i(), u("input", {
+    const e = o, { inputClass: t } = be(e.style), n = X(o, "modelValue");
+    return (s, a) => K((i(), u("input", {
       type: "number",
       step: "any",
       "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
       placeholder: s.placeholder,
-      class: S(["py-1.5 px-3 block w-full", [H(t)]]),
+      class: V(["py-1.5 px-3 block w-full", [J(t)]]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, St)), [
-      [ie, n.value]
+    }, null, 10, Bt)), [
+      [de, n.value]
     ]);
   }
 }), R = (o, e) => {
@@ -173,7 +173,7 @@ const Mt = ["placeholder", "disabled"], Ge = /* @__PURE__ */ A({
   for (const [n, s] of e)
     t[n] = s;
   return t;
-}, jt = {}, It = {
+}, It = {}, zt = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -183,8 +183,8 @@ const Mt = ["placeholder", "disabled"], Ge = /* @__PURE__ */ A({
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-check"
 };
-function zt(o, e) {
-  return i(), u("svg", It, e[0] || (e[0] = [
+function At(o, e) {
+  return i(), u("svg", zt, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -193,7 +193,7 @@ function zt(o, e) {
     l("path", { d: "M5 12l5 5l10 -10" }, null, -1)
   ]));
 }
-const At = /* @__PURE__ */ R(jt, [["render", zt]]), Et = { class: "flex items-center gap-[4px]" }, Ft = ["value", "id", "disabled"], Ot = ["for"], Dt = { class: "text-[14px] text-gray-700 flex items-center gap-x-1 ml-1 dark:text-neutral-400" }, Ut = /* @__PURE__ */ A({
+const Ot = /* @__PURE__ */ R(It, [["render", At]]), Et = { class: "flex items-center gap-[4px]" }, Ft = ["value", "id", "disabled"], Dt = ["for"], Ut = { class: "text-[14px] text-gray-700 flex items-center gap-x-1 ml-1 dark:text-neutral-400" }, Tt = /* @__PURE__ */ O({
   __name: "vs-checkbox-default",
   props: {
     value: { default: "" },
@@ -211,11 +211,11 @@ const At = /* @__PURE__ */ R(jt, [["render", zt]]), Et = { class: "flex items-ce
       set: (a) => t("update:modelValue", a)
     });
     return (a, r) => (i(), u("div", Et, [
-      q(l("input", {
+      K(l("input", {
         type: "checkbox",
         value: a.value,
         "onUpdate:modelValue": r[0] || (r[0] = (d) => s.value = d),
-        class: S(["shrink-0 border border-solid hidden border-gray-700 w-3.5 h-3.5 rounded text-blue-600 focus:ring-offset-0 dark:bg-neutral-800 dark:border-neutral-700 cursor-pointer", { "!cursor-not-allowed": a.disabled }]),
+        class: V(["shrink-0 border border-solid hidden border-gray-700 w-3.5 h-3.5 rounded text-blue-600 focus:ring-offset-0 dark:bg-neutral-800 dark:border-neutral-700 cursor-pointer", { "!cursor-not-allowed": a.disabled }]),
         id: a.id,
         disabled: a.disabled
       }, null, 10, Ft), [
@@ -223,28 +223,28 @@ const At = /* @__PURE__ */ R(jt, [["render", zt]]), Et = { class: "flex items-ce
       ]),
       l("label", {
         for: a.id,
-        class: S(["flex flex-1 checkbox-label items-center gap-x-2 cursor-pointer text-sm text-gray-800 dark:text-neutral-300", { "!cursor-not-allowed": a.disabled }])
+        class: V(["flex flex-1 checkbox-label items-center gap-x-2 cursor-pointer text-sm text-gray-800 dark:text-neutral-300", { "!cursor-not-allowed": a.disabled }])
       }, [
         l("div", {
-          class: S(["h-[16px] text-white w-[16px] flex items-center justify-center shrink-0 border rounded", [s.value ? "bg-blue-600 border-blue-600" : "bg-white border-gray-600", a.error ? "border-red-600" : ""]])
+          class: V(["h-[16px] text-white w-[16px] flex items-center justify-center shrink-0 border rounded", [s.value ? "bg-blue-600 border-blue-600" : "bg-white border-gray-600", a.error ? "border-red-600" : ""]])
         }, [
-          j(At, {
+          B(Ot, {
             height: "12",
             width: "12"
           })
         ], 2),
-        l("span", Dt, [
-          me(a.$slots, "default", {}, () => [
-            oe(F(a.label), 1)
+        l("span", Ut, [
+          ge(a.$slots, "default", {}, () => [
+            se(F(a.label), 1)
           ])
         ])
-      ], 10, Ot)
+      ], 10, Dt)
     ]));
   }
-}), Tt = ["name", "value", "disabled"], Rt = { class: "flex items-center gap-[6px] text-[14px]" }, Pt = {
+}), Rt = ["name", "value", "disabled"], Pt = { class: "flex items-center gap-[6px] text-[14px]" }, Nt = {
   key: 0,
   class: "text-[16px]"
-}, Nt = ["src"], Ht = /* @__PURE__ */ A({
+}, Ht = ["src"], qt = /* @__PURE__ */ O({
   __name: "vs-checkbox-buttons",
   props: {
     value: { type: [String, Number, Boolean], default: "" },
@@ -265,39 +265,39 @@ const At = /* @__PURE__ */ R(jt, [["render", zt]]), Et = { class: "flex items-ce
       }
     }), a = D(() => Array.isArray(s.value) ? s.value.includes(t.value) : s.value === !0 || s.value === t.value), r = D(() => t.style?.size === "xs" ? "p-1.5 text-xs" : t.style?.size === "lg" ? "p-3.5 text-[20px]" : "p-2.5 text-xs");
     return (d, p) => (i(), u("label", {
-      class: S(["group relative flex justify-center items-center gap-x-3 text-center bg-white text-gray-800 ring-ring ring-2 cursor-pointer rounded-lg", [r.value, a.value ? "ring-blue-500" : "border border-gray-200 ring-transparent"]])
+      class: V(["group relative flex justify-center items-center gap-x-3 text-center bg-white text-gray-800 ring-ring ring-2 cursor-pointer rounded-lg", [r.value, a.value ? "ring-blue-500" : "border border-gray-200 ring-transparent"]])
     }, [
-      q(l("input", {
+      K(l("input", {
         type: "checkbox",
         class: "hidden",
         name: d.id,
         value: d.value,
         "onUpdate:modelValue": p[0] || (p[0] = (f) => s.value = f),
         disabled: d.disabled
-      }, null, 8, Tt), [
+      }, null, 8, Rt), [
         [Ye, s.value]
       ]),
-      l("span", Rt, [
-        d.icon || d.imgUrl ? (i(), u("span", Pt, [
+      l("span", Pt, [
+        d.icon || d.imgUrl ? (i(), u("span", Nt, [
           d.icon ? (i(), u("i", {
             key: 0,
-            class: S(d.icon)
-          }, null, 2)) : B("", !0),
+            class: V(d.icon)
+          }, null, 2)) : j("", !0),
           d.imgUrl ? (i(), u("img", {
             key: 1,
             src: d.imgUrl,
             width: "16",
             height: "16",
             alt: "icon"
-          }, null, 8, Nt)) : B("", !0)
-        ])) : B("", !0),
-        me(d.$slots, "default", {}, () => [
-          oe(F(d.label), 1)
+          }, null, 8, Ht)) : j("", !0)
+        ])) : j("", !0),
+        ge(d.$slots, "default", {}, () => [
+          se(F(d.label), 1)
         ])
       ])
     ], 2));
   }
-}), qt = { class: "flex items-center" }, lt = /* @__PURE__ */ A({
+}), Gt = { class: "flex items-center" }, lt = /* @__PURE__ */ O({
   __name: "vs-input-checkbox-item",
   props: {
     value: { default: "" },
@@ -323,9 +323,9 @@ const At = /* @__PURE__ */ R(jt, [["render", zt]]), Et = { class: "flex items-ce
         } else
           n("update:modelValue", d);
       }
-    }), r = k(`vs-checkbox-${t.view || "default"}`);
-    return (d, p) => (i(), u("div", qt, [
-      (i(), X(we(r.value === "vs-checkbox-buttons" ? H(Ht) : H(Ut)), {
+    }), r = x(`vs-checkbox-${t.view || "default"}`);
+    return (d, p) => (i(), u("div", Gt, [
+      (i(), te(_e(r.value === "vs-checkbox-buttons" ? J(qt) : J(Tt)), {
         value: d.value,
         label: d.label,
         info: d.option?.info,
@@ -335,17 +335,17 @@ const At = /* @__PURE__ */ R(jt, [["render", zt]]), Et = { class: "flex items-ce
         id: s,
         icon: d.icon,
         imgUrl: d.imgUrl,
-        style: ve(d.style),
+        style: he(d.style),
         error: d.error
       }, {
-        default: Me(() => [
-          oe(F(d.label), 1)
+        default: $e(() => [
+          se(F(d.label), 1)
         ]),
         _: 1
       }, 8, ["value", "label", "info", "disabled", "modelValue", "icon", "imgUrl", "style", "error"]))
     ]));
   }
-}), Gt = {}, Jt = {
+}), Jt = {}, Kt = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -355,8 +355,8 @@ const At = /* @__PURE__ */ R(jt, [["render", zt]]), Et = { class: "flex items-ce
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down"
 };
-function Kt(o, e) {
-  return i(), u("svg", Jt, e[0] || (e[0] = [
+function Zt(o, e) {
+  return i(), u("svg", Kt, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -365,7 +365,7 @@ function Kt(o, e) {
     l("path", { d: "M6 9l6 6l6 -6" }, null, -1)
   ]));
 }
-const Zt = /* @__PURE__ */ R(Gt, [["render", Kt]]), Wt = {}, Qt = {
+const Wt = /* @__PURE__ */ R(Jt, [["render", Zt]]), Qt = {}, Xt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -376,8 +376,8 @@ const Zt = /* @__PURE__ */ R(Gt, [["render", Kt]]), Wt = {}, Qt = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Xt(o, e) {
-  return i(), u("svg", Qt, e[0] || (e[0] = [
+function Yt(o, e) {
+  return i(), u("svg", Xt, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -388,15 +388,15 @@ function Xt(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 Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
+const el = /* @__PURE__ */ R(Qt, [["render", Yt]]), tl = {
   key: 0,
   class: "flex items-start gap-x-1"
-}, tl = {
+}, ll = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, ll = ["title"], ol = ["disabled"], ot = /* @__PURE__ */ A({
+}, ol = ["title"], al = ["disabled"], ot = /* @__PURE__ */ O({
   __name: "vs-input-switcher",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ Q({
     rules: { default: () => [] },
     view: { default: "checkbox" },
     label: { default: "" },
@@ -415,38 +415,38 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = W(o, "modelValue");
-    return (n, s) => e.view === "checkbox" ? (i(), u("div", el, [
-      j(lt, {
+    const e = o, t = X(o, "modelValue");
+    return (n, s) => e.view === "checkbox" ? (i(), u("div", tl, [
+      B(lt, {
         modelValue: t.value,
         "onUpdate:modelValue": s[0] || (s[0] = (a) => t.value = a),
         label: n.text,
         error: n.error || ""
       }, null, 8, ["modelValue", "label", "error"]),
-      n.rules?.includes("required") ? (i(), u("span", tl, "*")) : B("", !0),
+      n.rules?.includes("required") ? (i(), u("span", ll, "*")) : j("", !0),
       n.i ? (i(), u("button", {
         key: 1,
         class: "cursor-pointer",
         title: n.i,
-        onClick: s[1] || (s[1] = se(() => {
+        onClick: s[1] || (s[1] = ne(() => {
         }, ["prevent"]))
       }, [
-        j(H(Yt), { class: "text-gray-500 w-[14px] h-[14px]" })
-      ], 8, ll)) : B("", !0)
+        B(J(el), { class: "text-gray-500 w-[14px] h-[14px]" })
+      ], 8, ol)) : j("", !0)
     ])) : (i(), u("button", {
       key: 1,
       type: "button",
-      class: S(["inline-flex h-5 w-9 shrink-0 px-[2px] cursor-pointer items-center rounded-full shadow-sm disabled:cursor-not-allowed disabled:opacity-50", [t.value ? `bg-${n.style?.primaryColor || "blue"}-500` : "bg-stone-200", n.customClass]]),
+      class: V(["inline-flex h-5 w-9 shrink-0 px-[2px] cursor-pointer items-center rounded-full shadow-sm disabled:cursor-not-allowed disabled:opacity-50", [t.value ? `bg-${n.style?.primaryColor || "blue"}-500` : "bg-stone-200", n.customClass]]),
       disabled: n.disabled,
       onClick: s[2] || (s[2] = (a) => t.value = !t.value)
     }, [
       l("span", {
         "data-state": "checked",
-        class: S(["pointer-events-none block h-4 w-4 rounded-full bg-white shadow-lg ring-0 transition-transform", [t.value ? "translate-x-4" : "translate-x-0"]])
+        class: V(["pointer-events-none block h-4 w-4 rounded-full bg-white shadow-lg ring-0 transition-transform", [t.value ? "translate-x-4" : "translate-x-0"]])
       }, null, 2)
-    ], 10, ol));
+    ], 10, al));
   }
-}), al = ["innerHTML"], Je = /* @__PURE__ */ A({
+}), sl = ["innerHTML"], Je = /* @__PURE__ */ O({
   __name: "vs-input-static",
   props: {
     text: { default: "" },
@@ -461,13 +461,13 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
   },
   setup(o) {
     return (e, t) => (i(), u("div", {
-      class: S(e.customClass),
+      class: V(e.customClass),
       innerHTML: e.html ? e.html : e.text
-    }, null, 10, al));
+    }, null, 10, sl));
   }
-}), sl = ["placeholder", "disabled", "name"], rl = /* @__PURE__ */ A({
+}), rl = ["placeholder", "disabled", "name"], nl = /* @__PURE__ */ O({
   __name: "vs-input-mask",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ Q({
     name: {},
     mask: { default: "" },
     unmask: { type: Boolean, default: !1 },
@@ -483,9 +483,9 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = he(e.style), n = W(o, "modelValue"), s = k(null);
+    const e = o, { inputClass: t } = be(e.style), n = X(o, "modelValue"), s = x(null);
     let a = null;
-    return ne(async () => {
+    return ue(async () => {
       if (s.value) {
         const { default: r } = await import("./index-W-qQIppj.js");
         a = r(s.value, {
@@ -504,7 +504,7 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
       }
     }), dt(() => {
       a?.destroy();
-    }), re(() => e.mask, (r) => {
+    }), ie(() => e.mask, (r) => {
       a && a.updateOptions({
         mask: r,
         definitions: {
@@ -513,7 +513,7 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
           "*": /[a-zA-Z0-9]/
         }
       });
-    }), re(n, (r) => {
+    }), ie(n, (r) => {
       a && a.unmaskedValue !== r && (a.value = r || "");
     }), (r, d) => (i(), u("input", {
       type: "text",
@@ -522,15 +522,15 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
       placeholder: r.placeholder,
       disabled: r.disabled,
       name: r.name,
-      class: S(["py-1.5 px-3 block w-full placeholder:text[#767f8f]", [H(t)]]),
+      class: V(["py-1.5 px-3 block w-full placeholder:text[#767f8f]", [J(t)]]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, sl));
+    }, null, 10, rl));
   }
-}), nl = { class: "relative w-full bg-white rounded-lg" }, il = ["placeholder", "disabled"], ul = /* @__PURE__ */ A({
+}), il = { class: "relative w-full bg-white rounded-lg" }, ul = ["placeholder", "disabled"], dl = /* @__PURE__ */ O({
   __name: "vs-input-email",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ Q({
     style: { default: () => ({}) },
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -544,26 +544,26 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = he(e.style), n = W(o, "modelValue");
-    return (s, a) => (i(), u("div", nl, [
-      a[1] || (a[1] = ae('<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)),
-      q(l("input", {
+    const e = o, { inputClass: t } = be(e.style), n = X(o, "modelValue");
+    return (s, a) => (i(), u("div", il, [
+      a[1] || (a[1] = re('<div class="absolute bottom-2/4 translate-y-2/4 left-[10px] cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="stroke-gray-500 transition-all"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10z"></path><path d="M3 7l9 6l9 -6"></path></svg></div>', 1)),
+      K(l("input", {
         type: "email",
         "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
         placeholder: s.placeholder,
         disabled: s.disabled,
-        class: S(["!pl-8 py-1.5 px-3 block w-full placeholder:text[#767f8f]", [H(t), { "!border-red-600": s.error }]]),
+        class: V(["!pl-8 py-1.5 px-3 block w-full placeholder:text[#767f8f]", [J(t), { "!border-red-600": s.error }]]),
         style: {
           border: "1px solid #CFD9E0"
         }
-      }, null, 10, il), [
-        [ie, n.value]
+      }, null, 10, ul), [
+        [de, n.value]
       ])
     ]));
   }
-}), dl = ["value", "disabled"], cl = { class: "text-[13px] text-gray-700" }, pl = /* @__PURE__ */ A({
+}), cl = ["value", "disabled"], pl = { class: "text-[13px] text-gray-700" }, fl = /* @__PURE__ */ O({
   __name: "vs-input-radio-default",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ Q({
     style: {},
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -579,36 +579,36 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = W(o, "modelValue");
+    const e = X(o, "modelValue");
     return (t, n) => (i(), u("label", {
-      class: S(["flex items-center gap-0", [t.customClass]])
+      class: V(["flex items-center gap-0", [t.customClass]])
     }, [
-      q(l("input", {
+      K(l("input", {
         "onUpdate:modelValue": n[0] || (n[0] = (s) => e.value = s),
         type: "radio",
         value: t.value,
         disabled: t.disabled,
         class: "hidden"
-      }, null, 8, dl), [
+      }, null, 8, cl), [
         [et, e.value]
       ]),
       l("span", {
-        class: S(["w-[16px] shrink-0 h-[16px] border rounded-full flex items-center justify-center mr-[10px]", [
+        class: V(["w-[16px] shrink-0 h-[16px] border rounded-full flex items-center justify-center mr-[10px]", [
           `border-${t.style?.primaryColor || "blue"}-500`,
           t.disabled ? "opacity-50 cursor-not-allowed" : ""
         ]])
       }, [
         e.value == t.value ? (i(), u("span", {
           key: 0,
-          class: S(["w-[12px] h-[12px] shrink-0 rounded-full", [`bg-${t.style?.primaryColor || "blue"}-500`]])
-        }, null, 2)) : B("", !0)
+          class: V(["w-[12px] h-[12px] shrink-0 rounded-full", [`bg-${t.style?.primaryColor || "blue"}-500`]])
+        }, null, 2)) : j("", !0)
       ], 2),
-      l("span", cl, F(t.text), 1)
+      l("span", pl, F(t.text), 1)
     ], 2));
   }
-}), fl = ["value", "disabled"], vl = { class: "text-[13px] text-gray-700" }, ml = /* @__PURE__ */ A({
+}), vl = ["value", "disabled"], ml = { class: "text-[13px] text-gray-700" }, hl = /* @__PURE__ */ O({
   __name: "vs-input-radio-buttons",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ Q({
     style: {},
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -624,31 +624,31 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = W(o, "modelValue");
+    const e = X(o, "modelValue");
     return (t, n) => (i(), u("label", {
-      class: S(["flex items-center border rounded-lg px-2 py-1", [
+      class: V(["flex items-center border rounded-lg px-2 py-1", [
         e.value == t.value ? `ring-2 ring-ring ring-${t.style?.primaryColor || "blue"}-500` : "",
         t.customClass
       ]])
     }, [
-      q(l("input", {
+      K(l("input", {
         "onUpdate:modelValue": n[0] || (n[0] = (s) => e.value = s),
         type: "radio",
         value: t.value,
         disabled: t.disabled,
         class: "hidden"
-      }, null, 8, fl), [
+      }, null, 8, vl), [
         [et, e.value]
       ]),
-      l("span", vl, F(t.text), 1)
+      l("span", ml, F(t.text), 1)
     ], 2));
   }
-}), hl = {
-  "vs-input-radio-default": pl,
-  "vs-input-radio-buttons": ml
-}, Ke = /* @__PURE__ */ A({
+}), gl = {
+  "vs-input-radio-default": fl,
+  "vs-input-radio-buttons": hl
+}, Ke = /* @__PURE__ */ O({
   __name: "vs-input-radio",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ Q({
     options: {},
     position: { default: "vertical" },
     view: { default: "default" },
@@ -665,11 +665,11 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = W(o, "modelValue"), n = D(() => hl[`vs-input-radio-${e.view}`]);
+    const e = o, t = X(o, "modelValue"), n = D(() => gl[`vs-input-radio-${e.view}`]);
     return (s, a) => (i(), u("div", {
-      class: S([s.position === "horizontal" ? "flex items-center flex-wrap gap-2" : ""])
+      class: V([s.position === "horizontal" ? "flex items-center flex-wrap gap-2" : ""])
     }, [
-      (i(!0), u(K, null, Y(s.options, (r) => (i(), X(we(n.value), Ve({
+      (i(!0), u(ee, null, le(s.options, (r) => (i(), te(_e(n.value), Le({
         key: r?.id,
         text: r.text,
         value: r.id.toString(),
@@ -679,7 +679,7 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
       }, { ref_for: !0 }, s.$attrs), null, 16, ["text", "value", "checked", "modelValue"]))), 128))
     ], 2));
   }
-}), gl = /* @__PURE__ */ A({
+}), bl = /* @__PURE__ */ O({
   __name: "vs-input-checkbox",
   props: {
     options: { default: () => [] },
@@ -698,7 +698,7 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, n = e, s = k([]), a = ct({}), r = (c) => c?.value || c?.id || c?.text || c, d = (c) => c.text || String(c), p = (c) => `lg:col-span-${c || 12}`, f = async () => {
+    const t = o, n = e, s = x([]), a = ct({}), r = (c) => c?.value || c?.id || c?.text || c, d = (c) => c.text || String(c), p = (c) => `lg:col-span-${c || 12}`, f = async () => {
       try {
         const c = await fetch(`/api/suggest/${t.data}`).then((g) => g.json());
         s.value = c?.data || c;
@@ -706,7 +706,7 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
         console.error(c);
       }
     };
-    return re(
+    return ie(
       () => t.modelValue,
       (c) => {
         if (typeof c == "boolean" && s.value.length === 1) {
@@ -716,14 +716,14 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
           const g = new Set(c);
           s.value.forEach((v) => {
             if (!v.disabled) {
-              const M = r(v);
-              a[M] = g.has(M);
+              const C = r(v);
+              a[C] = g.has(C);
             }
           });
         }
       },
       { immediate: !0 }
-    ), re(
+    ), ie(
       a,
       () => {
         if (!s.value.length) {
@@ -734,7 +734,7 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
         n("update:modelValue", c.length === 0 ? [] : c);
       },
       { deep: !0 }
-    ), ne(() => {
+    ), ue(() => {
       if (t.data)
         f().then(() => {
           if (typeof t.modelValue == "boolean" && s.value.length === 1) {
@@ -763,13 +763,13 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
         });
       }
     }), (c, g) => (i(), u("div", {
-      class: S(["p-0 w-full gap-[6px]", [c.position === "vertical" ? "flex-col" : "", c.colSpan ? "grid" : "flex justify-start"]])
+      class: V(["p-0 w-full gap-[6px]", [c.position === "vertical" ? "flex-col" : "", c.colSpan ? "grid" : "flex justify-start"]])
     }, [
-      (i(!0), u(K, null, Y(s.value, (v) => (i(), X(lt, {
+      (i(!0), u(ee, null, le(s.value, (v) => (i(), te(lt, {
         modelValue: a[r(v)],
-        "onUpdate:modelValue": (M) => a[r(v)] = M,
+        "onUpdate:modelValue": (C) => a[r(v)] = C,
         value: r(v),
-        class: S(p(c.colSpan)),
+        class: V(p(c.colSpan)),
         disabled: v.disabled,
         label: d(v),
         key: r(v),
@@ -780,7 +780,7 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
       }, null, 8, ["modelValue", "onUpdate:modelValue", "value", "class", "disabled", "label", "icon", "imgUrl", "option", "view"]))), 128))
     ], 2));
   }
-}), bl = /* @__PURE__ */ R(gl, [["__scopeId", "data-v-91f3584a"]]), yl = ["placeholder", "disabled"], xl = /* @__PURE__ */ A({
+}), yl = /* @__PURE__ */ R(bl, [["__scopeId", "data-v-91f3584a"]]), xl = ["placeholder", "disabled"], wl = /* @__PURE__ */ O({
   __name: "vs-input-date1",
   props: {
     style: { default: () => ({}) },
@@ -793,25 +793,25 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, { inputClass: n } = he(t.style), s = e, a = D({
+    const t = o, { inputClass: n } = be(t.style), s = e, a = D({
       get: () => t.modelValue?.split(" ")[0],
       set: (r) => s("update:modelValue", r)
     });
-    return (r, d) => q((i(), u("input", {
+    return (r, d) => K((i(), u("input", {
       type: "date",
       "onUpdate:modelValue": d[0] || (d[0] = (p) => a.value = p),
       placeholder: r.placeholder,
       disabled: r.disabled,
       ref: "date",
-      class: S(["py-1.5 px-3 block w-full placeholder:text[#767f8f]", [r.modelValue ? "" : "text-opacity-50", H(n)].join(" ")]),
+      class: V(["py-1.5 px-3 block w-full placeholder:text[#767f8f]", [r.modelValue ? "" : "text-opacity-50", J(n)].join(" ")]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, yl)), [
-      [ie, a.value]
+    }, null, 10, xl)), [
+      [de, a.value]
     ]);
   }
-}), wl = async (o, e, t, n) => {
+}), kl = async (o, e, t, n) => {
   try {
     const s = new FormData();
     return s.append("unique", "true"), s.append("file", o), (await fetch(
@@ -822,14 +822,14 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
       }
     ).then((r) => r.json()))?.result;
   } catch (s) {
-    return fe({
+    return pe({
       type: "error",
       title: "Помилка!",
       message: "Сталась помилка під час завантаження файлу",
       position: "right-bottom"
     }), console.error("Сталась помилка завантаження файлу", s), null;
   }
-}, kl = async (o) => {
+}, _l = async (o) => {
   try {
     return await fetch(`file/delete${o}`), !0;
   } catch (e) {
@@ -842,7 +842,7 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
   } catch (e) {
     console.error(e.message);
   }
-}, _l = {}, $l = {
+}, $l = {}, Cl = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -853,13 +853,13 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Cl(o, e) {
-  return i(), u("svg", $l, e[0] || (e[0] = [
+function Vl(o, e) {
+  return i(), u("svg", Cl, e[0] || (e[0] = [
     l("path", { d: "M5 12h14" }, null, -1),
     l("path", { d: "M12 5v14" }, null, -1)
   ]));
 }
-const je = /* @__PURE__ */ R(_l, [["render", Cl]]), Vl = {}, Ll = {
+const je = /* @__PURE__ */ R($l, [["render", Vl]]), Ml = {}, Ll = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-text",
   width: "44",
@@ -871,12 +871,12 @@ const je = /* @__PURE__ */ R(_l, [["render", Cl]]), Vl = {}, Ll = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Ml(o, e, t, n, s, a) {
+function Sl(o, e, t, n, s, a) {
   return i(), u("svg", Ll, e[0] || (e[0] = [
-    ae('<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)
+    re('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><line x1="9" y1="9" x2="10" y2="9"></line><line x1="9" y1="13" x2="15" y2="13"></line><line x1="9" y1="17" x2="15" y2="17"></line>', 6)
   ]));
 }
-const Sl = /* @__PURE__ */ R(Vl, [["render", Ml]]), Bl = {}, jl = {
+const Bl = /* @__PURE__ */ R(Ml, [["render", Sl]]), jl = {}, Il = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-table",
   width: "44",
@@ -888,8 +888,8 @@ const Sl = /* @__PURE__ */ R(Vl, [["render", Ml]]), Bl = {}, jl = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Il(o, e, t, n, s, a) {
-  return i(), u("svg", jl, e[0] || (e[0] = [
+function zl(o, e, t, n, s, a) {
+  return i(), u("svg", Il, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -916,7 +916,7 @@ function Il(o, e, t, n, s, a) {
     }, null, -1)
   ]));
 }
-const zl = /* @__PURE__ */ R(Bl, [["render", Il]]), Al = {}, El = {
+const Al = /* @__PURE__ */ R(jl, [["render", zl]]), Ol = {}, El = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -930,10 +930,10 @@ const zl = /* @__PURE__ */ R(Bl, [["render", Il]]), Al = {}, El = {
 };
 function Fl(o, e, t, n, s, a) {
   return i(), u("svg", El, e[0] || (e[0] = [
-    ae('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><path d="M12 17v.01"></path><path d="M12 14a1.5 1.5 0 1 0 -1.14 -2.474"></path>', 5)
+    re('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><path d="M12 17v.01"></path><path d="M12 14a1.5 1.5 0 1 0 -1.14 -2.474"></path>', 5)
   ]));
 }
-const Ol = /* @__PURE__ */ R(Al, [["render", Fl]]), Dl = {}, Ul = {
+const Dl = /* @__PURE__ */ R(Ol, [["render", Fl]]), Ul = {}, Tl = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-zip",
   width: "44",
@@ -945,12 +945,12 @@ const Ol = /* @__PURE__ */ R(Al, [["render", Fl]]), Dl = {}, Ul = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Tl(o, e, t, n, s, a) {
-  return i(), u("svg", Ul, e[0] || (e[0] = [
-    ae('<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)
+function Rl(o, e, t, n, s, a) {
+  return i(), u("svg", Tl, e[0] || (e[0] = [
+    re('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M6 20.735a2 2 0 0 1 -1 -1.735v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-1"></path><path d="M11 17a2 2 0 0 1 2 2v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-2a2 2 0 0 1 2 -2z"></path><line x1="11" y1="5" x2="10" y2="5"></line><line x1="13" y1="7" x2="12" y2="7"></line><line x1="11" y1="9" x2="10" y2="9"></line><line x1="13" y1="11" x2="12" y2="11"></line><line x1="11" y1="13" x2="10" y2="13"></line><line x1="13" y1="15" x2="12" y2="15"></line>', 9)
   ]));
 }
-const Rl = /* @__PURE__ */ R(Dl, [["render", Tl]]), Pl = {}, Nl = {
+const Pl = /* @__PURE__ */ R(Ul, [["render", Rl]]), Nl = {}, Hl = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-code",
   width: "44",
@@ -962,25 +962,25 @@ const Rl = /* @__PURE__ */ R(Dl, [["render", Tl]]), Pl = {}, Nl = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Hl(o, e, t, n, s, a) {
-  return i(), u("svg", Nl, e[0] || (e[0] = [
-    ae('<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)
+function ql(o, e, t, n, s, a) {
+  return i(), u("svg", Hl, e[0] || (e[0] = [
+    re('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><path d="M10 13l-1 2l1 2"></path><path d="M14 13l1 2l-1 2"></path>', 5)
   ]));
 }
-const ql = /* @__PURE__ */ R(Pl, [["render", Hl]]), Gl = (o) => {
+const Gl = /* @__PURE__ */ R(Nl, [["render", ql]]), Jl = (o) => {
   if (!o) return "";
   const e = o?.split(".");
   return e[e.length - 1];
-}, Jl = (o) => {
-  const e = Gl(o), t = {
+}, Kl = (o) => {
+  const e = Jl(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) ? zl : t.textsFormat.includes(e) ? ql : t.documentsFormat.includes(e) ? Sl : t.archivesFormat.includes(e) ? Rl : Ol;
-}, Kl = {}, Zl = {
+  return t.imageFormat.includes(e) ? "img" : t.sheetsFormat.includes(e) ? Al : t.textsFormat.includes(e) ? Gl : t.documentsFormat.includes(e) ? Bl : t.archivesFormat.includes(e) ? Pl : Dl;
+}, Zl = {}, Wl = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -992,12 +992,12 @@ const ql = /* @__PURE__ */ R(Pl, [["render", Hl]]), Gl = (o) => {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-trash"
 };
-function Wl(o, e) {
-  return i(), u("svg", Zl, e[0] || (e[0] = [
-    ae('<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)
+function Ql(o, e) {
+  return i(), u("svg", Wl, e[0] || (e[0] = [
+    re('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M4 7l16 0"></path><path d="M10 11l0 6"></path><path d="M14 11l0 6"></path><path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12"></path><path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3"></path>', 6)
   ]));
 }
-const Ie = /* @__PURE__ */ R(Kl, [["render", Wl]]), Ql = {}, Xl = {
+const ze = /* @__PURE__ */ R(Zl, [["render", Ql]]), Xl = {}, Yl = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1009,8 +1009,8 @@ const Ie = /* @__PURE__ */ R(Kl, [["render", Wl]]), Ql = {}, Xl = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-download"
 };
-function Yl(o, e) {
-  return i(), u("svg", Xl, e[0] || (e[0] = [
+function eo(o, e) {
+  return i(), u("svg", Yl, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1021,9 +1021,9 @@ function Yl(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const at = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[120px] border text-gray-300 border-dashed border-[#CFD9E0] rounded-lg overflow-hidden relative item-file" }, to = { class: "absolute hidden top-0 right-0 flex items-center gap-x-2 w-full h-full justify-center" }, lo = /* @__PURE__ */ A({
+const at = /* @__PURE__ */ R(Xl, [["render", eo]]), to = { class: "h-[120px] w-[120px] border text-gray-300 border-dashed border-[#CFD9E0] rounded-lg overflow-hidden relative item-file" }, lo = { class: "absolute hidden top-0 right-0 flex items-center gap-x-2 w-full h-full justify-center" }, oo = /* @__PURE__ */ O({
   __name: "vs-input-file-list-item",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ Q({
     format: {},
     multiple: { type: Boolean },
     style: {},
@@ -1041,40 +1041,40 @@ const at = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
   }),
   emits: ["update:value", "update:item"],
   setup(o) {
-    const e = W(o, "value"), t = W(o, "item"), n = o;
-    return (s, a) => (i(), u("div", eo, [
-      (i(), X(we(H(Jl)(t.value)), {
+    const e = X(o, "value"), t = X(o, "item"), n = o;
+    return (s, a) => (i(), u("div", to, [
+      (i(), te(_e(J(Kl)(t.value)), {
         src: t.value,
         alt: "file",
         class: "w-full h-full object-cover cursor-pointer",
-        onClick: a[0] || (a[0] = (r) => H(Ze)(t.value))
+        onClick: a[0] || (a[0] = (r) => J(Ze)(t.value))
       }, null, 8, ["src"])),
-      l("div", to, [
+      l("div", lo, [
         l("button", {
           type: "button",
           onClick: a[1] || (a[1] = (r) => {
-            H(kl)(t.value), e.value = n.multiple ? e.value?.filter((d) => d !== t.value) : "";
+            J(_l)(t.value), e.value = n.multiple ? e.value?.filter((d) => d !== t.value) : "";
           }),
           class: "w-6 h-6 flex items-center justify-center text-gray-500 bg-gray-200 rounded-lg hover:text-red-500"
         }, [
-          j(Ie, { class: "w-4 h-4" })
+          B(ze, { class: "w-4 h-4" })
         ]),
         l("button", {
           type: "button",
-          onClick: a[2] || (a[2] = (r) => H(Ze)(t.value)),
+          onClick: a[2] || (a[2] = (r) => J(Ze)(t.value)),
           class: "w-6 h-6 flex items-center justify-center text-gray-500 bg-gray-200 rounded-lg hover:text-blue-500"
         }, [
-          j(at, { class: "w-4 h-4" })
+          B(at, { class: "w-4 h-4" })
         ])
       ])
     ]));
   }
-}), We = /* @__PURE__ */ R(lo, [["__scopeId", "data-v-0ca886b3"]]), oo = { class: "flex items-center gap-x-2" }, ao = {
+}), We = /* @__PURE__ */ R(oo, [["__scopeId", "data-v-0ca886b3"]]), ao = { class: "flex items-center gap-x-2" }, so = {
   key: 1,
   class: "flex items-center flex-wrap gap-2"
-}, so = /* @__PURE__ */ A({
+}, ro = /* @__PURE__ */ O({
   __name: "vs-input-file",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ Q({
     format: {},
     multiple: { type: Boolean },
     style: {},
@@ -1090,7 +1090,7 @@ const at = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = W(o, "modelValue"), n = k(null), s = (r) => Array.isArray(t.value) && t.value[r] || "", a = async (r) => {
+    const e = o, t = X(o, "modelValue"), n = x(null), s = (r) => Array.isArray(t.value) && t.value[r] || "", a = async (r) => {
       if (e.format) {
         const f = r.target.files?.[0];
         if (!f || !f.name.endsWith(e.format))
@@ -1098,10 +1098,10 @@ const at = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
       }
       const d = r.target.files?.[0];
       if (!d) return;
-      const p = await wl(d, "1", "form", "table");
+      const p = await kl(d, "1", "form", "table");
       t.value = e.multiple ? [...t.value || [], p?.file_path] : p?.file_path;
     };
-    return (r, d) => (i(), u("div", oo, [
+    return (r, d) => (i(), u("div", ao, [
       l("input", {
         class: "hidden",
         ref_key: "fileInput",
@@ -1109,14 +1109,14 @@ const at = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
         type: "file",
         onChange: a
       }, null, 544),
-      !r.multiple && t.value ? (i(), X(We, {
+      !r.multiple && t.value ? (i(), te(We, {
         key: 0,
         item: t.value,
         "onUpdate:item": d[0] || (d[0] = (p) => t.value = p),
         value: t.value,
         "onUpdate:value": d[1] || (d[1] = (p) => t.value = p)
-      }, null, 8, ["item", "value"])) : r.multiple ? (i(), u("div", ao, [
-        (i(!0), u(K, null, Y(t.value, (p, f) => (i(), X(We, {
+      }, null, 8, ["item", "value"])) : r.multiple ? (i(), u("div", so, [
+        (i(!0), u(ee, null, le(t.value, (p, f) => (i(), te(We, {
           multiple: r.multiple,
           key: f,
           value: t.value,
@@ -1125,24 +1125,24 @@ const at = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
         }, null, 8, ["multiple", "value", "item"]))), 128)),
         l("div", {
           onClick: d[3] || (d[3] = (p) => !r.disabled && n.value?.click()),
-          class: S([
+          class: V([
             "h-[120px] w-[120px] border text-gray-300 hover:text-blue-500 border-dashed border-[#CFD9E0] rounded-lg flex items-center justify-center transition-all duration-300",
             r.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500 hover:bg-blue-50"
           ])
         }, [
-          j(je, { class: "w-6 h-6" })
+          B(je, { class: "w-6 h-6" })
         ], 2)
-      ])) : B("", !0),
-      r.multiple ? B("", !0) : (i(), u("div", {
+      ])) : j("", !0),
+      r.multiple ? j("", !0) : (i(), u("div", {
         key: 2,
         onClick: d[4] || (d[4] = (p) => n.value?.click()),
-        class: S([r.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500", "h-[120px] w-[120px] border text-gray-300 hover:text-blue-500 border-dashed border-gray-300 rounded-lg flex items-center justify-center cursor-pointer hover:border-blue-500 transition-all duration-300 hover:bg-blue-50"])
+        class: V([r.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500", "h-[120px] w-[120px] border text-gray-300 hover:text-blue-500 border-dashed border-gray-300 rounded-lg flex items-center justify-center cursor-pointer hover:border-blue-500 transition-all duration-300 hover:bg-blue-50"])
       }, [
-        j(je, { class: "w-6 h-6" })
+        B(je, { class: "w-6 h-6" })
       ], 2))
     ]));
   }
-}), ro = { class: "max-w-[55vw]" }, no = { class: "text-sm font-semibold text-gray-800 truncate dark:text-neutral-200" }, io = { class: "flex items-center text-xs text-gray-500 truncate dark:text-neutral-500" }, uo = { class: "px-[5px]" }, co = { class: "" }, Se = /* @__PURE__ */ A({
+}), no = { class: "max-w-[55vw]" }, io = { class: "text-sm font-semibold text-gray-800 truncate dark:text-neutral-200" }, uo = { class: "flex items-center text-xs text-gray-500 truncate dark:text-neutral-500" }, co = { class: "px-[5px]" }, po = { class: "" }, Se = /* @__PURE__ */ O({
   __name: "vs-widget-file-info",
   props: {
     item: { default: null }
@@ -1165,35 +1165,35 @@ const at = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
       const a = s / 1024;
       return a < 1024 ? `${a.toFixed(2)} KB` : `${(a / 1024).toFixed(2)} MB`;
     }
-    return (s, a) => (i(), u(K, null, [
-      a[1] || (a[1] = ae('<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", ro, [
-        l("p", no, F(s.item?.uploaded_name), 1),
-        l("p", io, [
+    return (s, a) => (i(), u(ee, null, [
+      a[1] || (a[1] = re('<div class="flex items-center justify-center h-[30px] w-[30px]"><svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-file"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path></svg></div>', 1)),
+      l("div", no, [
+        l("p", io, F(s.item?.uploaded_name), 1),
+        l("p", uo, [
           l("span", null, F(s.item?.username), 1),
-          q(l("span", uo, "|", 512), [
+          K(l("span", co, "|", 512), [
             [Ue, s.item?.username]
           ]),
           l("span", null, F(t.value), 1),
           a[0] || (a[0] = l("span", { class: "px-[5px]" }, "|", -1)),
-          l("span", co, F(n(s.item?.size)), 1)
+          l("span", po, F(n(s.item?.size)), 1)
         ])
       ])
     ], 64));
   }
-}), po = { class: "p-3 relative group flex items-center gap-x-3 border border-gray-200 bg-white rounded-md w-full" }, fo = {
+}), fo = { class: "p-3 relative group flex items-center gap-x-3 border border-gray-200 bg-white rounded-md w-full" }, vo = {
   key: 0,
   class: "flex w-full gap-x-3 items-center"
-}, vo = {
+}, mo = {
   key: 1,
   class: "flex gap-x-3 w-full items-center"
-}, mo = {
+}, ho = {
   key: 2,
   class: "flex gap-x-3 w-full items-center"
-}, ho = ["href"], go = {
+}, go = ["href"], bo = {
   key: 3,
   class: "flex gap-x-3 w-full items-center"
-}, bo = { class: "lg:absolute lg:top-3 lg:end-1 opacity-100" }, yo = { 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" }, xo = { class: "inline-block" }, wo = { class: "inline-block" }, ko = /* @__PURE__ */ A({
+}, yo = { class: "lg:absolute lg:top-3 lg:end-1 opacity-100" }, xo = { class: "p-0.5 sm:p-1 inline-flex items-center gap-0.5 bg-white rounded-lg dark:bg-neutral-800 dark:border-neutral-700" }, wo = { class: "inline-block" }, ko = { class: "inline-block" }, _o = /* @__PURE__ */ O({
   __name: "vs-widget-file-item",
   props: {
     item: { default: null },
@@ -1235,48 +1235,48 @@ const at = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
     function f(c) {
       (t.item.ext === "jpg" || t.item.ext === "png") && n("openLightbox", { item: t.item, index: c });
     }
-    return (c, g) => (i(), u("div", po, [
-      c.item.ext === "jpg" || c.item.ext === "png" ? (i(), u("div", fo, [
+    return (c, g) => (i(), u("div", fo, [
+      c.item.ext === "jpg" || c.item.ext === "png" ? (i(), u("div", vo, [
         l("div", {
           class: "max-w-[55vw] cursor-pointer flex gap-x-3 w-full items-center",
           onClick: g[0] || (g[0] = (v) => f(c.index))
         }, [
-          j(Se, { item: c.item }, null, 8, ["item"])
+          B(Se, { item: c.item }, null, 8, ["item"])
         ])
-      ])) : s(c.item) ? (i(), u("div", vo, [
-        j(Se, { item: c.item }, null, 8, ["item"])
-      ])) : a(c.item) ? (i(), u("div", mo, [
+      ])) : s(c.item) ? (i(), u("div", mo, [
+        B(Se, { item: c.item }, null, 8, ["item"])
+      ])) : a(c.item) ? (i(), u("div", ho, [
         l("a", {
           href: `/api/file-preview?id=${c.item.file_id}`,
           target: "_blank",
           class: "flex gap-x-3 w-full items-center"
         }, [
-          j(Se, { item: c.item }, null, 8, ["item"])
-        ], 8, ho)
-      ])) : (i(), u("div", go, [
-        j(Se, { item: c.item }, null, 8, ["item"])
+          B(Se, { item: c.item }, null, 8, ["item"])
+        ], 8, go)
+      ])) : (i(), u("div", bo, [
+        B(Se, { item: c.item }, null, 8, ["item"])
       ])),
-      l("div", bo, [
-        l("div", yo, [
-          l("div", xo, [
+      l("div", yo, [
+        l("div", xo, [
+          l("div", wo, [
             l("button", {
               class: "inline-flex p-[6px] justify-center items-center gap-x-2 rounded-lg border border-transparent text-gray-500 hover:bg-gray-100 disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-none focus:bg-gray-100 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700",
               onClick: g[1] || (g[1] = (v) => r(c.item))
             }, [
-              j(at, {
+              B(at, {
                 height: "14",
                 width: "14"
               })
             ])
           ]),
           g[3] || (g[3] = l("div", { class: "w-px h-5 mx-1 bg-gray-200 dark:bg-neutral-700" }, null, -1)),
-          l("div", wo, [
+          l("div", ko, [
             l("button", {
               type: "button",
               class: "size-[30px] inline-flex justify-center items-center gap-x-2 rounded-lg border border-transparent text-red-600 hover:bg-red-100 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-red-100 dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20",
               onClick: g[2] || (g[2] = (v) => p())
             }, [
-              j(Ie, {
+              B(ze, {
                 height: "14",
                 width: "14"
               })
@@ -1286,7 +1286,7 @@ const at = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
       ])
     ]));
   }
-}), _o = {}, $o = {
+}), $o = {}, Co = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1298,8 +1298,8 @@ const at = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-download"
 };
-function Co(o, e) {
-  return i(), u("svg", $o, e[0] || (e[0] = [
+function Vo(o, e) {
+  return i(), u("svg", Co, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1310,13 +1310,13 @@ function Co(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col widget-file xl:bg-white xl:rounded-xl dark:xl:bg-neutral-800 dark:xl:border-neutral-700 w-full" }, Mo = { class: "flex w-full mb-[12px] items-center gap-x-2" }, So = { class: "font-semibold text-gray-800 dark:text-neutral-200 text-[14px]" }, Bo = { class1: "ml-auto" }, jo = { 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" }, Io = {
+const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col widget-file xl:bg-white xl:rounded-xl dark:xl:bg-neutral-800 dark:xl:border-neutral-700 w-full" }, So = { class: "flex w-full mb-[12px] items-center gap-x-2" }, Bo = { class: "font-semibold text-gray-800 dark:text-neutral-200 text-[14px]" }, jo = { class1: "ml-auto" }, Io = { class: "py-1.5 px-4 inline-flex items-center gap-x-2 text-sm font-medium rounded-lg bg-gray-100 cursor-pointer hover:bg-gray-200 text-gray-800 shadow-2xs hover:bg-gray-50 focus:outline-hidden focus:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" }, zo = {
   key: 0,
   class: "py-4 mb-4 space-y-4 border-gray-200 border-y dark:border-neutral-700"
-}, zo = { class: "relative" }, Ao = {
+}, Ao = { class: "relative" }, Oo = {
   key: 1,
   class: "space-y-3 max-h-[300px] overflow-y-auto [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:bg-gray-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500"
-}, Eo = { key: 0 }, Fo = /* @__PURE__ */ A({
+}, Eo = { key: 0 }, Fo = /* @__PURE__ */ O({
   __name: "vs-input-file-list",
   props: {
     id: { default: "" },
@@ -1331,57 +1331,57 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col
   },
   emits: ["update"],
   setup(o, { emit: e }) {
-    const t = o, n = Be("form"), s = D(() => n.value.formId), a = k(!1), r = k(0), d = e, p = k(!1), f = k({}), c = k([]), g = k(""), v = D(() => Array.isArray(c.value) ? c.value.filter((x) => x.ext === "jpg" || x.ext === "png").map((x) => x?.file_path) : []), M = D(() => g.value === "" ? c.value : c.value.filter((x) => x?.uploaded_name?.includes(g.value))), I = (x) => {
-      const h = v.value.findIndex((G) => G === x.item.file_path);
+    const t = o, n = Be("form"), s = D(() => n.value.formId), a = x(!1), r = x(0), d = e, p = x(!1), f = x({}), c = x([]), g = x(""), v = D(() => Array.isArray(c.value) ? c.value.filter((b) => b.ext === "jpg" || b.ext === "png").map((b) => b?.file_path) : []), C = D(() => g.value === "" ? c.value : c.value.filter((b) => b?.uploaded_name?.includes(g.value))), z = (b) => {
+      const h = v.value.findIndex((Z) => Z === b.item.file_path);
       h !== -1 && (a.value = !0, r.value = h);
     }, U = async () => {
       try {
-        const x = await fetch(`${t.prefix}/widget/file/${s.value}`).then((h) => h.json());
-        c.value = x?.rows;
-      } catch (x) {
-        console.error(x);
+        const b = await fetch(`${t.prefix}/widget/file/${s.value}`).then((h) => h.json());
+        c.value = b?.rows;
+      } catch (b) {
+        console.error(b);
       }
-    }, T = async (x) => {
+    }, T = async (b) => {
       await Promise.all(
-        Array.from(x.target.files).map(async (h) => {
-          const G = new FormData();
-          G.append("file", h);
+        Array.from(b.target.files).map(async (h) => {
+          const Z = new FormData();
+          Z.append("file", h);
           try {
-            const C = `${t.prefix}/widget/file/${s.value}`;
-            return await fetch(C, { method: "POST", body: G }), d("update", "file-list"), h;
-          } catch (C) {
-            return console.error(C), null;
+            const P = `${t.prefix}/widget/file/${s.value}`;
+            return await fetch(P, { method: "POST", body: Z }), d("update", "file-list"), h;
+          } catch (P) {
+            return console.error(P), null;
           }
         })
       ), await U();
-    }, P = (x) => {
-      const h = { ...x };
-      return x.cancel || (h.cancel = () => {
+    }, N = (b) => {
+      const h = { ...b };
+      return b.cancel || (h.cancel = () => {
         p.value = !1;
-      }), x.updateListOnConfirm && (h.confirm = async () => {
-        await x.confirm(), p.value = !1, U();
+      }), b.updateListOnConfirm && (h.confirm = async () => {
+        await b.confirm(), p.value = !1, U();
       }), h;
-    }, _ = (x) => {
-      f.value = P(x), p.value = !0;
+    }, _ = (b) => {
+      f.value = N(b), p.value = !0;
     };
-    return re(s, (x) => {
-      x && U();
-    }), ne(() => {
+    return ie(s, (b) => {
+      b && U();
+    }), ue(() => {
       s.value && U();
-    }), (x, h) => {
-      const G = Ne("Lightbox"), C = Ne("MessageBox");
+    }), (b, h) => {
+      const Z = Ne("Lightbox"), P = Ne("MessageBox");
       return i(), u("div", Lo, [
-        l("div", Mo, [
-          l("h2", So, " Файлів: " + F(c.value?.length), 1),
-          l("div", Bo, [
+        l("div", So, [
+          l("h2", Bo, " Файлів: " + F(c.value?.length), 1),
+          l("div", jo, [
             l("label", null, [
               l("input", {
                 type: "file",
                 class: "hidden",
-                onChange: h[0] || (h[0] = (m) => T(m))
+                onChange: h[0] || (h[0] = (M) => T(M))
               }, null, 32),
-              l("div", jo, [
-                j(Vo, {
+              l("div", Io, [
+                B(Mo, {
                   height: "16",
                   width: "16"
                 })
@@ -1389,9 +1389,9 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col
             ])
           ])
         ]),
-        c.value?.length > 4 ? (i(), u("div", Io, [
+        c.value?.length > 4 ? (i(), u("div", zo, [
           l("div", null, [
-            l("div", zo, [
+            l("div", Ao, [
               h[8] || (h[8] = l("div", { class: "absolute inset-y-0 start-0 flex items-center pointer-events-none z-[1] ps-3.5" }, [
                 l("svg", {
                   class: "flex-shrink-0 text-gray-500 size-4 dark:text-neutral-400",
@@ -1413,14 +1413,14 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col
                   l("path", { d: "m21 21-4.3-4.3" })
                 ])
               ], -1)),
-              q(l("input", {
+              K(l("input", {
                 type: "text",
-                "onUpdate:modelValue": h[1] || (h[1] = (m) => g.value = m),
+                "onUpdate:modelValue": h[1] || (h[1] = (M) => g.value = M),
                 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), [
                 [
-                  ie,
+                  de,
                   g.value,
                   void 0,
                   { trim: !0 }
@@ -1428,37 +1428,37 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col
               ])
             ])
           ])
-        ])) : B("", !0),
-        c.value?.length ? (i(), u("div", Ao, [
-          (i(!0), u(K, null, Y(M.value, (m, V) => (i(), X(ko, {
-            key: V,
-            prefix: x.prefix,
-            item: m,
-            index: V,
-            onUpdate: h[2] || (h[2] = (E) => x.$emit("update", "file-list")),
-            onOpenModal: h[3] || (h[3] = (E) => _(E)),
-            onOpenLightbox: h[4] || (h[4] = (E) => I(E))
+        ])) : j("", !0),
+        c.value?.length ? (i(), u("div", Oo, [
+          (i(!0), u(ee, null, le(C.value, (M, H) => (i(), te(_o, {
+            key: H,
+            prefix: b.prefix,
+            item: M,
+            index: H,
+            onUpdate: h[2] || (h[2] = (Y) => b.$emit("update", "file-list")),
+            onOpenModal: h[3] || (h[3] = (Y) => _(Y)),
+            onOpenLightbox: h[4] || (h[4] = (Y) => z(Y))
           }, null, 8, ["prefix", "item", "index"]))), 128)),
-          M.value.length ? B("", !0) : (i(), u("div", Eo, h[9] || (h[9] = [
+          C.value.length ? j("", !0) : (i(), u("div", Eo, h[9] || (h[9] = [
             l("p", { class: "text-sm text-gray-600 font-sm" }, " Файлів з такою назвою не існує, введіть інше пошукове слово ", -1)
           ])))
-        ])) : B("", !0),
-        j(G, {
+        ])) : j("", !0),
+        B(Z, {
           modelValue: a.value,
-          "onUpdate:modelValue": h[5] || (h[5] = (m) => a.value = m),
+          "onUpdate:modelValue": h[5] || (h[5] = (M) => a.value = M),
           startIndex: r.value,
-          "onUpdate:index": h[6] || (h[6] = (m) => r.value = m),
+          "onUpdate:index": h[6] || (h[6] = (M) => r.value = M),
           images: v.value
         }, null, 8, ["modelValue", "startIndex", "images"]),
-        j(C, Ve({
+        B(P, Le({
           modelValue: p.value,
-          "onUpdate:modelValue": h[7] || (h[7] = (m) => p.value = m),
+          "onUpdate:modelValue": h[7] || (h[7] = (M) => p.value = M),
           onConfirm: f.value.confirm
         }, f.value), null, 16, ["modelValue", "onConfirm"])
       ]);
     };
   }
-}), Oo = { class: "flex items-center justify-between" }, Do = { class: "text-[16px] text-gray-900 font-medium" }, Uo = { class: "grid gap-3" }, To = /* @__PURE__ */ A({
+}), Do = { class: "flex items-center justify-between" }, Uo = { class: "text-[16px] text-gray-900 font-medium" }, To = { class: "grid gap-3" }, Ro = /* @__PURE__ */ O({
   __name: "vs-container-switcher",
   props: {
     title: {
@@ -1475,25 +1475,25 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col
     }
   },
   setup(o) {
-    const e = o, t = k(e.isOpen);
-    return re(
+    const e = o, t = x(e.isOpen);
+    return ie(
       () => e.isOpen,
       (n) => {
         t.value = n;
       }
     ), (n, s) => (i(), u("div", null, [
-      l("div", Oo, [
-        l("p", Do, F(o.title), 1),
-        j(ot, {
+      l("div", Do, [
+        l("p", Uo, F(o.title), 1),
+        B(ot, {
           modelValue: t.value,
           "onUpdate:modelValue": s[0] || (s[0] = (a) => t.value = a),
-          style: ve(o.style)
+          style: he(o.style)
         }, null, 8, ["modelValue", "style"])
       ]),
-      j(tt, { name: "slide-fade" }, {
-        default: Me(() => [
-          q(l("div", Uo, [
-            me(n.$slots, "default", {}, void 0, !0)
+      B(tt, { name: "slide-fade" }, {
+        default: $e(() => [
+          K(l("div", To, [
+            ge(n.$slots, "default", {}, void 0, !0)
           ], 512), [
             [Ue, t.value]
           ])
@@ -1502,7 +1502,7 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col
       })
     ]));
   }
-}), Ro = /* @__PURE__ */ R(To, [["__scopeId", "data-v-90320b87"]]), Po = { class: "text-[16px] text-gray-900 font-medium" }, No = { class: "grid gap-3" }, Ho = /* @__PURE__ */ A({
+}), Po = /* @__PURE__ */ R(Ro, [["__scopeId", "data-v-90320b87"]]), No = { class: "text-[16px] text-gray-900 font-medium" }, Ho = { class: "grid gap-3" }, qo = /* @__PURE__ */ O({
   __name: "vs-container-accordion",
   props: {
     title: {
@@ -1519,8 +1519,8 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col
     }
   },
   setup(o) {
-    const e = o, t = k(e.isOpen);
-    return re(
+    const e = o, t = x(e.isOpen);
+    return ie(
       () => e.isOpen,
       (n) => {
         t.value = n;
@@ -1531,15 +1531,15 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col
         onClick: s[0] || (s[0] = (a) => t.value = !t.value),
         class: "flex items-center gap-2"
       }, [
-        j(H(Zt), {
-          class: S(["h-4 w-4 duration-300", [t.value ? "-rotate-180" : ""]])
+        B(J(Wt), {
+          class: V(["h-4 w-4 duration-300", [t.value ? "-rotate-180" : ""]])
         }, null, 8, ["class"]),
-        l("span", Po, F(o.title), 1)
+        l("span", No, F(o.title), 1)
       ]),
-      j(tt, { name: "slide-fade" }, {
-        default: Me(() => [
-          q(l("div", No, [
-            me(n.$slots, "default", {}, void 0, !0)
+      B(tt, { name: "slide-fade" }, {
+        default: $e(() => [
+          K(l("div", Ho, [
+            ge(n.$slots, "default", {}, void 0, !0)
           ], 512), [
             [Ue, t.value]
           ])
@@ -1548,7 +1548,7 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col
       })
     ]));
   }
-}), qo = /* @__PURE__ */ R(Ho, [["__scopeId", "data-v-590eff11"]]), Go = { class: "flex items-center justify-between" }, Jo = /* @__PURE__ */ A({
+}), Go = /* @__PURE__ */ R(qo, [["__scopeId", "data-v-590eff11"]]), Jo = { class: "flex items-center justify-between" }, Ko = /* @__PURE__ */ O({
   __name: "vs-container-default",
   props: {
     title: {
@@ -1562,17 +1562,17 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col
   },
   setup(o) {
     return (e, t) => (i(), u("div", null, [
-      l("div", Go, [
+      l("div", Jo, [
         l("p", null, F(o.title), 1)
       ]),
-      me(e.$slots, "default")
+      ge(e.$slots, "default")
     ]));
   }
-}), Ko = {
-  switcher: Ro,
-  accordion: qo,
-  default: Jo
-}, le = {
+}), Zo = {
+  switcher: Po,
+  accordion: Go,
+  default: Ko
+}, ae = {
   Equal: "==",
   Inequal: "!=",
   Higer: ">",
@@ -1585,37 +1585,37 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col
   Contain: "*",
   In: "in",
   NotIn: "not_in"
-}, Zo = (o, e) => String(o) === String(e), Wo = (o, e) => String(o) !== String(e), Qo = (o, e) => o > e, Xo = (o, e) => o >= e, Yo = (o, e) => o < e, ea = (o, e) => o <= e, ta = (o, e) => Array.isArray(e) && e.length === 2 ? o >= e[0] && o <= e[1] : !1, la = (o, e) => String(o).startsWith(String(e)), oa = (o, e) => String(o).endsWith(String(e)), aa = (o, e) => String(o).includes(String(e)), sa = (o, e) => Array.isArray(e) ? e.includes(o) : !1, ra = (o, e) => Array.isArray(e) ? !e.includes(o) : !0, st = (o, e) => {
+}, Wo = (o, e) => String(o) === String(e), Qo = (o, e) => String(o) !== String(e), Xo = (o, e) => o > e, Yo = (o, e) => o >= e, ea = (o, e) => o < e, ta = (o, e) => o <= e, la = (o, e) => Array.isArray(e) && e.length === 2 ? o >= e[0] && o <= e[1] : !1, oa = (o, e) => String(o).startsWith(String(e)), aa = (o, e) => String(o).endsWith(String(e)), sa = (o, e) => String(o).includes(String(e)), ra = (o, e) => Array.isArray(e) ? e.includes(o) : !1, na = (o, e) => Array.isArray(e) ? !e.includes(o) : !0, st = (o, e) => {
   if (!e) return !0;
   switch (e?.[1]) {
-    case le.Equal:
-      return Zo(o, e?.[2]);
-    case le.Inequal:
+    case ae.Equal:
       return Wo(o, e?.[2]);
-    case le.Higer:
+    case ae.Inequal:
       return Qo(o, e?.[2]);
-    case le.HigerOrEqual:
+    case ae.Higer:
       return Xo(o, e?.[2]);
-    case le.Lower:
+    case ae.HigerOrEqual:
       return Yo(o, e?.[2]);
-    case le.LowerOrEqual:
+    case ae.Lower:
       return ea(o, e?.[2]);
-    case le.Between:
+    case ae.LowerOrEqual:
       return ta(o, e?.[2]);
-    case le.StartWith:
+    case ae.Between:
       return la(o, e?.[2]);
-    case le.EndWith:
+    case ae.StartWith:
       return oa(o, e?.[2]);
-    case le.Contain:
+    case ae.EndWith:
       return aa(o, e?.[2]);
-    case le.In:
+    case ae.Contain:
       return sa(o, e?.[2]);
-    case le.NotIn:
+    case ae.In:
       return ra(o, e?.[2]);
+    case ae.NotIn:
+      return na(o, e?.[2]);
     default:
       return !0;
   }
-}, na = /* @__PURE__ */ A({
+}, ia = /* @__PURE__ */ O({
   __name: "vs-input-container",
   props: {
     style: {
@@ -1641,27 +1641,27 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col
       if (!d) return !0;
       const p = Array.isArray(d) ? d[0] : d, f = t?.value?.[p];
       return st(f, d);
-    })), a = D(() => Ko[e.view]);
-    return (r, d) => o.schema?.length ? (i(), X(we(a.value), {
+    })), a = D(() => Zo[e.view]);
+    return (r, d) => o.schema?.length ? (i(), te(_e(a.value), {
       key: 0,
       title: o.title,
-      style: ve(o.style)
+      style: he(o.style)
     }, {
-      default: Me(() => [
-        (i(!0), u(K, null, Y(s.value, (p) => (i(), X(rt, Ve({
+      default: $e(() => [
+        (i(!0), u(ee, null, le(s.value, (p) => (i(), te(rt, Le({
           key: p.name
         }, { ref_for: !0 }, p, {
           item: p,
-          modelValue: H(t)[p.name],
-          "onUpdate:modelValue": (f) => H(t)[p.name] = f,
+          modelValue: J(t)[p.name],
+          "onUpdate:modelValue": (f) => J(t)[p.name] = f,
           style: o.style,
-          error: H(n)?.errors?.[p.name]
+          error: J(n)?.errors?.[p.name]
         }), null, 16, ["item", "modelValue", "onUpdate:modelValue", "style", "error"]))), 128))
       ]),
       _: 1
-    }, 8, ["title", "style"])) : B("", !0);
+    }, 8, ["title", "style"])) : j("", !0);
   }
-}), ia = { class: "p-4 mim-h-0 h-full overflow-auto" }, ua = /* @__PURE__ */ A({
+}), ua = { class: "relative" }, da = { class: "w-full h-full fixed top-0 start-0 z-[1000] bg-black bg-opacity-50" }, ca = { class: "m-[10px] fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 min-h-0 h-fit max-h-[80vh] overflow-hidden opacity-1 flex flex-col bg-white dark:bg-[#1A1A1A] border dark:border-[#454545] pointer-events-auto shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-xl lg:w-7/12 w-11/12" }, pa = { class: "py-2.5 px-4 flex justify-between items-center border-0 border-b border-solid border-gray-200 dark:border-b-[#454545]" }, fa = { class: "font-medium text-gray-800 dark:text-[#ffffff]" }, va = { class: "p-4 mim-h-0 h-full overflow-auto" }, ma = /* @__PURE__ */ O({
   __name: "modal-edit",
   props: {
     schema: {},
@@ -1672,11 +1672,11 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col
   },
   emits: ["close", "save", "edit"],
   setup(o, { emit: e }) {
-    const t = o, n = e, s = k(t.schema), a = k(t.defaultValue ? JSON.parse(JSON.stringify(t.defaultValue)) : {}), r = k({}), d = k(), p = k(t.mode);
+    const t = o, n = e, s = x(t.schema), a = x(t.defaultValue ? JSON.parse(JSON.stringify(t.defaultValue)) : {}), r = x({}), d = x(), p = x(t.mode);
     async function f() {
       const g = r.value.validate();
       if (g) {
-        fe({ type: "warning", title: "Помилка валідації", message: Object.entries(g).map(([v, M]) => `${v}: ${M}`).join(`
+        pe({ type: "warning", title: "Помилка валідації", message: Object.entries(g).map(([v, C]) => `${v}: ${C}`).join(`
 `) });
         return;
       }
@@ -1690,41 +1690,39 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col
             body: JSON.stringify(a.value)
           });
           if (v.ok)
-            await v.json(), fe({
+            await v.json(), pe({
               type: "success",
               title: "Успішно",
               message: `Дані успішно ${p.value === "add" ? "збережено" : "оновлено"}`
             }), n("save", a.value);
           else if (v.status === 400) {
-            const M = await v.json().catch(() => ({}));
-            fe({
+            const C = await v.json().catch(() => ({}));
+            pe({
               type: "warning",
               title: "Помилка валідації",
-              message: M.message || "Некоректні дані (400)"
+              message: C.message || "Некоректні дані (400)"
             });
-          } else v.status === 500 ? fe({
+          } else v.status === 500 ? pe({
             type: "error",
             title: "Серверна помилка",
             message: "Виникла помилка на сервері (500)"
-          }) : fe({
+          }) : pe({
             type: "error",
             title: "Помилка",
             message: `Статус: ${v.status}`
           });
         } catch (v) {
-          fe({
+          pe({
             type: "error",
             title: "Помилка з’єднання",
             message: v.message || "Не вдалося виконати запит"
           });
         }
-      else
-        n("save", a.value);
     }
     function c() {
       n("close");
     }
-    return ne(async () => {
+    return ue(async () => {
       if (t.form) {
         const g = await fetch(`/api/template/form/${t.form}`).then((v) => v.json());
         s.value = g.schema, d.value = g.token;
@@ -1733,39 +1731,68 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col
         const g = await fetch(`/api/form/${d.value}`).then((v) => v.json());
         s.value = g.schema, g.data ? a.value = g.data : p.value = "add";
       }
-    }), (g, v) => (i(), u(K, null, [
-      l("div", ia, [
-        s.value ? (i(), X(Ee, {
-          key: 0,
-          schema: s.value,
-          values: a.value,
-          "onUpdate:values": v[0] || (v[0] = (M) => a.value = M),
-          form: r.value,
-          "onUpdate:form": v[1] || (v[1] = (M) => r.value = M)
-        }, null, 8, ["schema", "values", "form"])) : B("", !0)
-      ]),
-      l("div", { class: "vs-form__head mt-3 flex items-center justify-end sticky top-0 left-0 z-[60] bg-white" }, [
-        l("button", {
-          type: "button",
-          onClick: c,
-          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: 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"
-        }, " Зберегти ")
+    }), (g, v) => (i(), u("div", ua, [
+      l("div", da, [
+        l("div", ca, [
+          l("div", pa, [
+            l("h3", fa, F(p.value === "add" ? "Додати" : "Змінити"), 1),
+            l("button", {
+              onClick: c,
+              type: "button",
+              class: "size-8 inline-flex justify-center items-center gap-x-2 rounded-full border border-transparent bg-gray-100 text-gray-800 hover:bg-gray-200 focus:outline-none focus:bg-gray-200 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600"
+            }, v[2] || (v[2] = [
+              l("span", { class: "sr-only" }, "Close", -1),
+              l("svg", {
+                class: "flex-shrink-0 w-4 h-4",
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "24",
+                height: "24",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round"
+              }, [
+                l("path", { d: "M18 6 6 18" }),
+                l("path", { d: "m6 6 12 12" })
+              ], -1)
+            ]))
+          ]),
+          l("div", va, [
+            s.value ? (i(), te(Ie, {
+              key: 0,
+              schema: s.value,
+              values: a.value,
+              "onUpdate:values": v[0] || (v[0] = (C) => a.value = C),
+              form: r.value,
+              "onUpdate:form": v[1] || (v[1] = (C) => r.value = C)
+            }, null, 8, ["schema", "values", "form"])) : j("", !0)
+          ]),
+          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", {
+              type: "button",
+              onClick: c,
+              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: 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"
+            }, " Зберегти ")
+          ])
+        ])
       ])
-    ], 64));
+    ]));
   }
-}), Le = (o = { mode: "edit", schema: null }) => new Promise((e) => {
+}), Oe = (o = { mode: "edit", schema: null }) => new Promise((e) => {
   const { close: t } = ft({
     title: o.mode === "add" ? "Додати" : "Редагувати",
     template: "",
     visible: !0,
     size: "medium",
     closeClickBack: !0,
-    content: ua,
+    content: ma,
     contentProps: {
       ...o,
       onClose: () => {
@@ -1776,17 +1803,17 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col
       }
     }
   });
-}), da = ["aria-expanded", "data-focus"], ca = { class: "flex items-center" }, pa = { class: "truncate text-gray-900 overflow-hidden" }, fa = ["onClick"], va = ["title"], ma = {
+}), ha = ["aria-expanded", "data-focus"], ga = { class: "flex items-center" }, ba = { class: "truncate text-gray-900 overflow-hidden" }, ya = ["onClick"], xa = ["title"], wa = {
   key: 2,
   class: "text-gray-500 truncate"
-}, ha = { class: "flex-1 min-w-[2px]" }, ga = ["placeholder"], ba = { class: "flex items-center shrink-0" }, ya = ["disabled"], xa = ["disabled"], wa = {
+}, ka = { class: "flex-1 min-w-[2px]" }, _a = ["placeholder"], $a = { class: "flex items-center shrink-0" }, Ca = ["disabled"], Va = ["disabled"], Ma = {
   key: 0,
   class: "absolute z-10 w-full mt-2 rounded bg-white shadow-[0_0_0_1px_rgba(0,0,0,0.1),0_4px_11px_rgba(0,0,0,0.1)]",
   role: "listbox"
-}, ka = ["aria-disabled", "onClick"], _a = {
+}, La = ["aria-disabled", "onClick"], Sa = {
   key: 1,
   class: "px-3 py-2 text-center text-gray-500"
-}, $a = ["disabled"], Ca = /* @__PURE__ */ A({
+}, Ba = ["disabled"], ja = /* @__PURE__ */ O({
   __name: "vs-input-select",
   props: {
     multiple: { type: Boolean, default: !1 },
@@ -1811,146 +1838,146 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col
   emits: ["change", "update:modelValue"],
   setup(o, { emit: e }) {
     const t = o, n = e, s = D(() => t.multiple), a = D(() => t.disabled);
-    he(t.style);
+    be(t.style);
     const r = D({
       get: () => t.modelValue,
-      set: (y) => n("update:modelValue", y)
+      set: (w) => n("update:modelValue", w)
     });
     !r.value && t.defaultValue && (r.value = t.defaultValue);
-    const d = k(null), p = k(null), f = k(null), c = k(!1), g = k(!1), v = k(null), M = k([]), I = k(-1), U = k([]), T = k(""), P = k(null), _ = k([]), x = D(() => {
+    const d = x(null), p = x(null), f = x(null), c = x(!1), g = x(!1), v = x(null), C = x([]), z = x(-1), U = x([]), T = x(""), N = x(null), _ = x([]), b = D(() => {
       if (!_.value.length) return [];
-      const y = new Map(M.value.map((w) => [w.id?.toString(), w]));
-      return _.value.map((w) => y.get(w?.toString())).filter((w) => !!w);
-    }), h = D(() => t.placeholder || "Select..."), G = D(() => s.value ? !_.value.length && T.value === "" : !v.value?.text && T.value === ""), C = D(() => a.value ? !1 : s.value ? _.value.length > 0 : !!r.value), m = (y) => s.value ? _.value.some((w) => w?.toString() === y?.toString()) : r.value?.toString() === y?.toString(), V = D(() => {
-      let y = M.value ?? [];
+      const w = new Map(C.value.map((k) => [k.id?.toString(), k]));
+      return _.value.map((k) => w.get(k?.toString())).filter((k) => !!k);
+    }), h = D(() => t.placeholder || "Select..."), Z = D(() => s.value ? !_.value.length && T.value === "" : !v.value?.text && T.value === ""), P = D(() => a.value ? !1 : s.value ? _.value.length > 0 : !!r.value), M = (w) => s.value ? _.value.some((k) => k?.toString() === w?.toString()) : r.value?.toString() === w?.toString(), H = D(() => {
+      let w = C.value ?? [];
       if (T.value.trim() !== "") {
-        const w = T.value.toLowerCase();
-        y = y.filter((z) => z.text?.toLowerCase?.().includes(w));
+        const k = T.value.toLowerCase();
+        w = w.filter((A) => A.text?.toLowerCase?.().includes(k));
       }
       if (s.value && _.value.length) {
-        const w = new Set(_.value.map((z) => z?.toString()));
-        y = y.filter((z) => !w.has(z.id?.toString()));
+        const k = new Set(_.value.map((A) => A?.toString()));
+        w = w.filter((A) => !k.has(A.id?.toString()));
       }
-      return y;
-    }), E = async (y) => {
+      return w;
+    }), Y = async (w) => {
       if (!t.data) return [];
       try {
-        const w = t.api ? t.api : `/suggest/${t.data}`, z = "?json=1", J = y ? `&val=${encodeURIComponent(y)}` : "";
-        return (await fetch(w.concat(z, J)).then((xe) => xe.json())).data ?? [];
+        const k = t.api ? t.api : `/suggest/${t.data}`, A = "?json=1", W = w ? `&val=${encodeURIComponent(w)}` : "";
+        return (await fetch(k.concat(A, W)).then((ke) => ke.json())).data ?? [];
       } catch {
         return [];
       }
-    }, Q = async () => {
-      t.options?.length ? M.value = [...t.options] : t.data && (M.value = await E(T.value));
-    }, te = async (y) => {
-      if (y == null) return null;
-      const w = M.value?.find((J) => J?.id?.toString() === String(y));
-      return w || ((await E(String(y)))?.[0] ?? null);
-    }, ye = async (y) => {
-      const w = new Set(M.value.map((J) => J.id?.toString())), z = y.filter((J) => !w.has(J?.toString()));
-      z.length && await z.reduce(async (J, pe) => {
-        await J;
-        const xe = await te(pe);
-        xe && M.value.push(xe);
+    }, we = async () => {
+      t.options?.length ? C.value = [...t.options] : t.data && (C.value = await Y(T.value));
+    }, ce = async (w) => {
+      if (w == null) return null;
+      const k = C.value?.find((W) => W?.id?.toString() === String(w));
+      return k || ((await Y(String(w)))?.[0] ?? null);
+    }, Ce = async (w) => {
+      const k = new Set(C.value.map((W) => W.id?.toString())), A = w.filter((W) => !k.has(W?.toString()));
+      A.length && await A.reduce(async (W, me) => {
+        await W;
+        const ke = await ce(me);
+        ke && C.value.push(ke);
       }, Promise.resolve());
-    }, ke = async () => {
-      a.value || (c.value = !0, await Q(), await Ce(() => {
-        P.value?.focus(), V.value.length ? I.value = 0 : I.value = -1;
+    }, I = async () => {
+      a.value || (c.value = !0, await we(), await Me(() => {
+        N.value?.focus(), H.value.length ? z.value = 0 : z.value = -1;
       }));
-    }, ue = () => {
-      c.value = !1, I.value = -1;
-    }, ze = async (y) => {
+    }, $ = () => {
+      c.value = !1, z.value = -1;
+    }, S = async (w) => {
       if (a.value) return;
-      !c.value ? await ke() : ue();
-    }, _e = async () => {
-      c.value ? P.value?.focus() : await ke();
-    }, b = () => {
-      s.value ? (_.value = [], r.value = [], n("change", [])) : (v.value = null, r.value = null, n("change", null)), T.value = "", Ce(() => P.value?.focus());
-    }, $ = (y) => {
-      s.value && (_.value = _.value.filter((w) => w?.toString() !== y?.toString()), r.value = [..._.value], n("change", r.value), Ce(() => P.value?.focus()));
-    }, O = (y) => {
-      s.value ? (m(y.id) || (_.value = [..._.value, y.id], r.value = [..._.value], n("change", r.value)), T.value = "", Ce(() => {
-        P.value?.focus(), I.value = Math.min(I.value, V.value.length - 1);
-      })) : (v.value = y, r.value = y.id, n("change", r.value), T.value = "", ue());
-    }, N = (y) => {
-      m(y.id) || O(y);
-    }, ee = (y, w) => {
-      if (!y || !w) return;
-      const z = y.offsetTop, J = z + y.offsetHeight, pe = w.scrollTop, xe = pe + w.clientHeight;
-      let Ae = w.scrollTop;
-      z < pe ? Ae = z - 80 : J > xe && (Ae = J - w.clientHeight + 4);
-      const ut = w;
+      !c.value ? await I() : $();
+    }, q = async () => {
+      c.value ? N.value?.focus() : await I();
+    }, m = () => {
+      s.value ? (_.value = [], r.value = [], n("change", [])) : (v.value = null, r.value = null, n("change", null)), T.value = "", Me(() => N.value?.focus());
+    }, y = (w) => {
+      s.value && (_.value = _.value.filter((k) => k?.toString() !== w?.toString()), r.value = [..._.value], n("change", r.value), Me(() => N.value?.focus()));
+    }, E = (w) => {
+      s.value ? (M(w.id) || (_.value = [..._.value, w.id], r.value = [..._.value], n("change", r.value)), T.value = "", Me(() => {
+        N.value?.focus(), z.value = Math.min(z.value, H.value.length - 1);
+      })) : (v.value = w, r.value = w.id, n("change", r.value), T.value = "", $());
+    }, G = (w) => {
+      M(w.id) || E(w);
+    }, oe = (w, k) => {
+      if (!w || !k) return;
+      const A = w.offsetTop, W = A + w.offsetHeight, me = k.scrollTop, ke = me + k.clientHeight;
+      let Ae = k.scrollTop;
+      A < me ? Ae = A - 80 : W > ke && (Ae = W - k.clientHeight + 4);
+      const ut = k;
       ut.scrollTop = Ae;
-    }, $e = async (y) => {
-      a.value || !c.value && (y.key === "ArrowDown" || y.key === "ArrowUp") && (y.preventDefault(), await ke());
-    }, de = (y) => {
+    }, Ve = async (w) => {
+      a.value || !c.value && (w.key === "ArrowDown" || w.key === "ArrowUp") && (w.preventDefault(), await I());
+    }, fe = (w) => {
       if (!c.value) return;
-      const { key: w } = y;
-      if (w === "ArrowDown")
-        y.preventDefault(), I.value + 1 < V.value.length && (I.value += 1, ee(U.value[I.value], f.value));
-      else if (w === "ArrowUp")
-        y.preventDefault(), I.value > 0 && (I.value -= 1, ee(U.value[I.value], f.value));
-      else if (w === "Enter") {
-        y.preventDefault();
-        const z = V.value[I.value];
-        z && O(z);
-      } else w === "Escape" ? (y.preventDefault(), ue()) : w === "Backspace" ? s.value && T.value === "" && _.value.length && (_.value = _.value.slice(0, -1), r.value = [..._.value], n("change", r.value)) : w === "Home" ? (I.value = 0, ee(U.value[0], f.value)) : w === "End" ? (I.value = V.value.length - 1, ee(U.value[I.value], f.value)) : w === "Tab" && ue();
-    }, ge = () => {
+      const { key: k } = w;
+      if (k === "ArrowDown")
+        w.preventDefault(), z.value + 1 < H.value.length && (z.value += 1, oe(U.value[z.value], f.value));
+      else if (k === "ArrowUp")
+        w.preventDefault(), z.value > 0 && (z.value -= 1, oe(U.value[z.value], f.value));
+      else if (k === "Enter") {
+        w.preventDefault();
+        const A = H.value[z.value];
+        A && E(A);
+      } else k === "Escape" ? (w.preventDefault(), $()) : k === "Backspace" ? s.value && T.value === "" && _.value.length && (_.value = _.value.slice(0, -1), r.value = [..._.value], n("change", r.value)) : k === "Home" ? (z.value = 0, oe(U.value[0], f.value)) : k === "End" ? (z.value = H.value.length - 1, oe(U.value[z.value], f.value)) : k === "Tab" && $();
+    }, ye = () => {
       a.value || (g.value = !0);
-    }, be = () => {
+    }, xe = () => {
       g.value = !1, T.value = "";
-    }, ce = (y) => {
-      y.key === "Escape" && c.value && ue();
-    }, Te = (y) => {
-      d.value && (d.value.contains(y.target) || ue());
-    }, Re = (y) => {
-      c.value && f.value && !f.value.contains(y.target) && ue();
+    }, ve = (w) => {
+      w.key === "Escape" && c.value && $();
+    }, Te = (w) => {
+      d.value && (d.value.contains(w.target) || $());
+    }, Re = (w) => {
+      c.value && f.value && !f.value.contains(w.target) && $();
     };
-    re(() => t.options, (y) => {
-      y?.length && (M.value = [...y]);
+    ie(() => t.options, (w) => {
+      w?.length && (C.value = [...w]);
     }, { immediate: !0 });
     const Pe = async () => {
       if (s.value)
-        Array.isArray(r.value) ? _.value = [...r.value] : (_.value = r.value == null ? [] : [r.value], r.value = [..._.value]), !t.options?.length && t.data && await ye(_.value);
+        Array.isArray(r.value) ? _.value = [...r.value] : (_.value = r.value == null ? [] : [r.value], r.value = [..._.value]), !t.options?.length && t.data && await Ce(_.value);
       else {
         if (Array.isArray(r.value)) {
-          const y = r.value[0] ?? null;
-          r.value = y ?? null;
+          const w = r.value[0] ?? null;
+          r.value = w ?? null;
         }
-        v.value = await te(r.value);
+        v.value = await ce(r.value);
       }
     };
-    re(r, () => {
+    ie(r, () => {
       Pe();
-    }), ne(async () => {
-      addEventListener("keydown", ce), addEventListener("scroll", Re, !0), document.addEventListener("click", Te, !0), t.options?.length ? M.value = [...t.options] : t.data && (M.value = await E("")), await Pe();
-    }), Fe(() => {
-      removeEventListener("keydown", ce), removeEventListener("scroll", Re, !0), document.removeEventListener("click", Te, !0);
+    }), ue(async () => {
+      addEventListener("keydown", ve), addEventListener("scroll", Re, !0), document.addEventListener("click", Te, !0), t.options?.length ? C.value = [...t.options] : t.data && (C.value = await Y("")), await Pe();
+    }), Ee(() => {
+      removeEventListener("keydown", ve), removeEventListener("scroll", Re, !0), document.removeEventListener("click", Te, !0);
     });
     async function it() {
       if (!t.add) return;
-      const y = await Le({ form: t.add.form, mode: "add" });
-      y && (await fetch(`/api/table/${t.add.token}`, {
+      const w = await Oe({ form: t.add.form, mode: "add" });
+      w && (await fetch(`/api/table/${t.add.token}`, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify(y)
-      }).then((w) => w.json()), !t.options?.length && t.data && (M.value = await E(T.value)));
+        body: JSON.stringify(w)
+      }).then((k) => k.json()), !t.options?.length && t.data && (C.value = await Y(T.value)));
     }
-    return (y, w) => (i(), u("div", {
+    return (w, k) => (i(), u("div", {
       class: "flex gap-1 w-full",
       ref_key: "selectRoot",
       ref: d,
-      onClick: w[2] || (w[2] = se(() => {
+      onClick: k[2] || (k[2] = ne(() => {
       }, ["stop"]))
     }, [
       l("div", {
-        class: S(["relative w-full font-sans", t.customClass])
+        class: V(["relative w-full font-sans", t.customClass])
       }, [
-        w[7] || (w[7] = l("span", {
+        k[7] || (k[7] = l("span", {
           id: "react-select-live-region",
           class: "sr-only"
         }, null, -1)),
-        w[8] || (w[8] = l("span", {
+        k[8] || (k[8] = l("span", {
           "aria-live": "polite",
           "aria-atomic": "false",
           "aria-relevant": "additions text",
@@ -1958,7 +1985,7 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col
           class: "sr-only"
         }, null, -1)),
         l("div", {
-          class: S([
+          class: V([
             "flex min-h-[38px] items-center justify-between rounded border transition-colors bg-white",
             "border-gray-300 hover:border-gray-400",
             c.value || g.value ? "border-blue-500 ring-1 ring-blue-500" : "",
@@ -1967,8 +1994,8 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col
           role: "combobox",
           "aria-expanded": c.value,
           "aria-haspopup": "listbox",
-          onKeydown: $e,
-          onClick: _e,
+          onKeydown: Ve,
+          onClick: q,
           "data-focus": c.value || g.value ? "true" : "false"
         }, [
           l("div", {
@@ -1976,27 +2003,27 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col
             ref_key: "triggerRef",
             ref: p
           }, [
-            s.value && _.value.length ? (i(!0), u(K, { key: 0 }, Y(x.value, (z) => (i(), u("div", {
+            s.value && _.value.length ? (i(!0), u(ee, { key: 0 }, le(b.value, (A) => (i(), u("div", {
               class: "flex min-w-0 bg-[#e6e6e6] rounded-sm m-0.5 box-border",
-              key: z.id
+              key: A.id
             }, [
-              l("div", ca, [
-                z?.color ? (i(), u("span", {
+              l("div", ga, [
+                A?.color ? (i(), u("span", {
                   key: 0,
                   class: "w-[16px] h-[16px] rounded-md block ml-1.5",
-                  style: ve({ backgroundColor: z?.color })
-                }, null, 4)) : B("", !0),
-                q((i(), u("div", pa, [
-                  oe(F(z.text), 1)
+                  style: he({ backgroundColor: A?.color })
+                }, null, 4)) : j("", !0),
+                K((i(), u("div", ba, [
+                  se(F(A.text), 1)
                 ])), [
-                  [H(qe), z.text]
+                  [J(qe), A.text]
                 ])
               ]),
               l("div", {
                 role: "button",
                 class: "flex items-center rounded-sm px-1 box-border hover:bg-[#ffbdad] hover:text-[#de350b]",
-                onClick: se((J) => $(z.id), ["stop"])
-              }, w[3] || (w[3] = [
+                onClick: ne((W) => y(A.id), ["stop"])
+              }, k[3] || (k[3] = [
                 l("svg", {
                   height: "14",
                   width: "14",
@@ -2007,29 +2034,29 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col
                 }, [
                   l("path", { d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z" })
                 ], -1)
-              ]), 8, fa)
-            ]))), 128)) : !s.value && !g.value && v.value?.text && T.value === "" ? q((i(), u("div", {
+              ]), 8, ya)
+            ]))), 128)) : !s.value && !g.value && v.value?.text && T.value === "" ? K((i(), u("div", {
               key: 1,
-              class: S(["truncate text-gray-900"]),
+              class: V(["truncate text-gray-900"]),
               title: v.value.text
             }, [
               v.value?.color ? (i(), u("span", {
                 key: 0,
                 class: "w-[14px] h-[14px] rounded-md block mr-1 mt-1 absolute",
-                style: ve({ backgroundColor: v.value?.color })
-              }, null, 4)) : B("", !0),
+                style: he({ backgroundColor: v.value?.color })
+              }, null, 4)) : j("", !0),
               l("span", {
-                class: S({ "pl-5": v.value?.color })
+                class: V({ "pl-5": v.value?.color })
               }, F(v.value.text), 3)
-            ], 8, va)), [
-              [H(qe), v.value.text]
-            ]) : B("", !0),
-            G.value ? (i(), u("div", ma, F(h.value), 1)) : B("", !0),
-            l("div", ha, [
-              !a.value && y.search ? q((i(), u("input", {
+            ], 8, xa)), [
+              [J(qe), v.value.text]
+            ]) : j("", !0),
+            Z.value ? (i(), u("div", wa, F(h.value), 1)) : j("", !0),
+            l("div", ka, [
+              !a.value && w.search ? K((i(), u("input", {
                 key: 0,
                 ref_key: "inputRef",
-                ref: P,
+                ref: N,
                 class: "w-full bg-transparent outline-none border-0 m-0 p-0 text-gray-900",
                 autocapitalize: "none",
                 autocomplete: "off",
@@ -2039,24 +2066,24 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col
                 tabindex: "0",
                 "aria-autocomplete": "list",
                 placeholder: (s.value && _.value.length ? " " : null) || (g.value && !T.value?.length ? v.value?.text : " "),
-                "onUpdate:modelValue": w[0] || (w[0] = (z) => T.value = z),
-                onFocus: ge,
-                onBlur: be,
-                onKeydown: de
-              }, null, 40, ga)), [
-                [ie, T.value]
-              ]) : B("", !0)
+                "onUpdate:modelValue": k[0] || (k[0] = (A) => T.value = A),
+                onFocus: ye,
+                onBlur: xe,
+                onKeydown: fe
+              }, null, 40, _a)), [
+                [de, T.value]
+              ]) : j("", !0)
             ])
           ], 512),
-          l("div", ba, [
-            C.value ? (i(), u("button", {
+          l("div", $a, [
+            P.value ? (i(), u("button", {
               key: 0,
               type: "button",
               class: "px-2 text-gray-400 hover:text-gray-500 transition-colors disabled:opacity-50",
               "aria-hidden": "true",
               disabled: a.value,
-              onClick: se(b, ["stop"])
-            }, w[4] || (w[4] = [
+              onClick: ne(m, ["stop"])
+            }, k[4] || (k[4] = [
               l("svg", {
                 height: "20",
                 width: "20",
@@ -2065,15 +2092,15 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col
               }, [
                 l("path", { d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z" })
               ], -1)
-            ]), 8, ya)) : B("", !0),
-            w[6] || (w[6] = l("div", { class: "self-stretch w-px bg-[#ccc] my-[1px]" }, null, -1)),
+            ]), 8, Ca)) : j("", !0),
+            k[6] || (k[6] = l("div", { class: "self-stretch w-px bg-[#ccc] my-[1px]" }, null, -1)),
             l("button", {
               type: "button",
               class: "px-2 text-gray-400 hover:text-gray-500 transition-colors disabled:opacity-50",
               "aria-hidden": "true",
               disabled: a.value,
-              onClick: w[1] || (w[1] = se((z) => ze(), ["stop"]))
-            }, w[5] || (w[5] = [
+              onClick: k[1] || (k[1] = ne((A) => S(), ["stop"]))
+            }, k[5] || (k[5] = [
               l("svg", {
                 height: "20",
                 width: "20",
@@ -2082,45 +2109,45 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { 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, Va)
           ])
-        ], 42, da),
-        c.value ? (i(), u("div", wa, [
+        ], 42, ha),
+        c.value ? (i(), u("div", Ma, [
           l("div", {
             class: "max-h-[300px] overflow-y-auto py-1",
             ref_key: "listRef",
             ref: f
           }, [
-            V.value.length ? (i(!0), u(K, { key: 0 }, Y(V.value, (z, J) => (i(), u("div", {
-              key: z.id,
+            H.value.length ? (i(!0), u(ee, { key: 0 }, le(H.value, (A, W) => (i(), u("div", {
+              key: A.id,
               ref_for: !0,
-              ref: (pe) => U.value[J] = pe,
-              class: S([
+              ref: (me) => U.value[W] = me,
+              class: V([
                 "flex px-3 py-2 cursor-default select-none hover:bg-blue-300",
-                I.value === J ? "bg-blue-300" : "",
-                m(z.id) ? "text-white bg-blue-500" : "text-gray-900 bg-white"
+                z.value === W ? "bg-blue-300" : "",
+                M(A.id) ? "text-white bg-blue-500" : "text-gray-900 bg-white"
               ]),
-              "aria-disabled": m(z.id) ? "true" : "false",
+              "aria-disabled": M(A.id) ? "true" : "false",
               role: "option",
               tabindex: "-1",
-              onClick: (pe) => N(z)
+              onClick: (me) => G(A)
             }, [
-              z?.color ? (i(), u("span", {
+              A?.color ? (i(), u("span", {
                 key: 0,
                 class: "w-[11px] h-[11px] rounded-full block mr-1 mt-1.5",
-                style: ve({ backgroundColor: z?.color })
-              }, null, 4)) : B("", !0),
+                style: he({ backgroundColor: A?.color })
+              }, null, 4)) : j("", !0),
               l("div", {
-                class: S([
+                class: V([
                   "leading-[19px]",
-                  I.value === z.id ? "text-white" : "",
+                  z.value === A.id ? "text-white" : "",
                   // active style like react-select
-                  (I.value === J, "")
+                  (z.value === W, "")
                 ])
-              }, F(z.text), 3)
-            ], 10, ka))), 128)) : (i(), u("div", _a, " No options "))
+              }, F(A.text), 3)
+            ], 10, La))), 128)) : (i(), u("div", Sa, " No options "))
           ], 512)
-        ])) : B("", !0)
+        ])) : j("", !0)
       ], 2),
       t.add ? (i(), u("button", {
         key: 0,
@@ -2129,17 +2156,17 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col
         disabled: a.value,
         type: "button"
       }, [
-        j(je, {
+        B(je, {
           width: "16",
           height: "16"
         }),
-        w[9] || (w[9] = l("span", null, "Додати", -1))
-      ], 8, $a)) : B("", !0)
+        k[9] || (k[9] = l("span", null, "Додати", -1))
+      ], 8, Ba)) : j("", !0)
     ], 512));
   }
-}), Va = ["placeholder", "disabled"], La = /* @__PURE__ */ A({
+}), Ia = ["placeholder", "disabled"], za = /* @__PURE__ */ O({
   __name: "vs-input-textarea",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ Q({
     style: { default: () => ({}) },
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -2153,21 +2180,21 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = he(e.style), n = W(o, "modelValue");
-    return (s, a) => q((i(), u("textarea", {
+    const e = o, { inputClass: t } = be(e.style), n = X(o, "modelValue");
+    return (s, a) => K((i(), u("textarea", {
       "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
       placeholder: s.placeholder,
       disabled: s.disabled,
       row: "2",
-      class: S(["py-1.5 px-3 block w-full placeholder:text[#767f8f] h-auto", [H(t)]]),
+      class: V(["py-1.5 px-3 block w-full placeholder:text[#767f8f] h-auto", [J(t)]]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, Va)), [
-      [ie, n.value]
+    }, null, 10, Ia)), [
+      [de, n.value]
     ]);
   }
-}), Ma = {}, Sa = {
+}), Aa = {}, Oa = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2177,8 +2204,8 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-search stroke-gray-500 transition-all"
 };
-function Ba(o, e) {
-  return i(), u("svg", Sa, e[0] || (e[0] = [
+function Ea(o, e) {
+  return i(), u("svg", Oa, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2188,7 +2215,7 @@ function Ba(o, e) {
     l("path", { d: "M21 21l-6 -6" }, null, -1)
   ]));
 }
-const ja = /* @__PURE__ */ R(Ma, [["render", Ba]]), Ia = {}, za = {
+const Fa = /* @__PURE__ */ R(Aa, [["render", Ea]]), Da = {}, Ua = {
   class: "flex-shrink-0 mt-0.5 size-3.5",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
@@ -2198,15 +2225,15 @@ const ja = /* @__PURE__ */ R(Ma, [["render", Ba]]), Ia = {}, za = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Aa(o, e) {
-  return i(), u("svg", za, e[0] || (e[0] = [
+function Ta(o, e) {
+  return i(), u("svg", Ua, 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 Ea = /* @__PURE__ */ R(Ia, [["render", Aa]]), Fa = {}, Oa = {
+const Ra = /* @__PURE__ */ R(Da, [["render", Ta]]), Pa = {}, Na = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "14",
   height: "14",
@@ -2217,8 +2244,8 @@ const Ea = /* @__PURE__ */ R(Ia, [["render", Aa]]), Fa = {}, Oa = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Da(o, e) {
-  return i(), u("svg", Oa, e[0] || (e[0] = [
+function Ha(o, e) {
+  return i(), u("svg", Na, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2229,7 +2256,7 @@ function Da(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const Ua = /* @__PURE__ */ R(Fa, [["render", Da]]), Ta = {}, Ra = {
+const qa = /* @__PURE__ */ R(Pa, [["render", Ha]]), Ga = {}, Ja = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2238,8 +2265,8 @@ const Ua = /* @__PURE__ */ R(Fa, [["render", Da]]), Ta = {}, Ra = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Pa(o, e) {
-  return i(), u("svg", Ra, e[0] || (e[0] = [
+function Ka(o, e) {
+  return i(), u("svg", Ja, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2250,7 +2277,7 @@ function Pa(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const Na = /* @__PURE__ */ R(Ta, [["render", Pa]]), Ha = {}, qa = {
+const Za = /* @__PURE__ */ R(Ga, [["render", Ka]]), Wa = {}, Qa = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2259,22 +2286,22 @@ const Na = /* @__PURE__ */ R(Ta, [["render", Pa]]), Ha = {}, qa = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Ga(o, e) {
-  return i(), u("svg", qa, e[0] || (e[0] = [
-    ae('<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)
+function Xa(o, e) {
+  return i(), u("svg", Qa, e[0] || (e[0] = [
+    re('<circle cx="9" cy="12" r="1"></circle><circle cx="9" cy="5" r="1"></circle><circle cx="9" cy="19" r="1"></circle><circle cx="15" cy="12" r="1"></circle><circle cx="15" cy="5" r="1"></circle><circle cx="15" cy="19" r="1"></circle>', 6)
   ]));
 }
-const Qe = /* @__PURE__ */ R(Ha, [["render", Ga]]), Ja = {}, Ka = {
+const Qe = /* @__PURE__ */ R(Wa, [["render", Xa]]), Ya = {}, es = {
   viewBox: "0 0 178 90",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Za(o, e) {
-  return i(), u("svg", Ka, e[0] || (e[0] = [
-    ae('<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)
+function ts(o, e) {
+  return i(), u("svg", es, e[0] || (e[0] = [
+    re('<rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-50 dark:stroke-neutral-700/10"></rect><rect x="34.5" y="58" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/30"></rect><rect x="27" y="36" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><g filter="url(#filter1)"><rect x="12" y="6" width="154" height="40" rx="8" fill="currentColor" class="fill-white dark:fill-neutral-800" shape-rendering="crispEdges"></rect><rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/60" shape-rendering="crispEdges"></rect><rect x="20" y="14" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect><rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect><rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect></g><defs><filter id="filter1" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="6"></feOffset><feGaussianBlur stdDeviation="6"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"></feBlend></filter></defs>', 12)
   ]));
 }
-const Wa = /* @__PURE__ */ R(Ja, [["render", Za]]), Qa = {}, Xa = {
+const ls = /* @__PURE__ */ R(Ya, [["render", ts]]), os = {}, as = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2283,18 +2310,18 @@ const Wa = /* @__PURE__ */ R(Ja, [["render", Za]]), Qa = {}, Xa = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Ya(o, e) {
-  return i(), u("svg", Xa, e[0] || (e[0] = [
+function ss(o, e) {
+  return i(), u("svg", as, 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 es = /* @__PURE__ */ R(Qa, [["render", Ya]]), 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" }, as = { class: "table-wrapper flex gap-2" }, ss = { class: "vs-popover inline-block text-slate-700" }, rs = { class: "text-center" }, ns = { 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" }, vs = { 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" }, hs = {
+const rs = /* @__PURE__ */ R(os, [["render", ss]]), ns = { class: "vs-datatable border rounded-xl w-full flex-grow" }, is = { class: "flex items-center npm gap-[16px] justify-between p-[20px] pb-[16px]" }, us = { class: "relative w-full" }, ds = { class: "table-wrapper flex gap-2" }, cs = { class: "vs-popover inline-block text-slate-700" }, ps = { class: "text-center" }, fs = { class: "" }, vs = { class: "py-1 px-0 w-full text-sm text-stone-800 bg-white shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-lg focus:outline-none focus:bg-stone-100 dark:bg-neutral-900 dark:text-neutral-200 dark:focus:bg-neutral-800 after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" }, ms = { class: "flex flex-col p-[1px] gap-[2px] w-[140px]" }, hs = { class: "text-sm items-center text-gray-800 flex gap-1" }, gs = { class: "w-full overflow-x-auto" }, bs = { class: "w-full table-auto caption-bottom text-sm" }, ys = { class: "[&_tr]:border-b" }, xs = { class: "border-b data-[state=selected]:bg-muted bg-slate-50/50 dark:bg-slate-700/50 hover:bg-slate-50/80 dark:hover:bg-slate-700/80 transition-colors" }, ws = { class: "h-10 px-2 align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] w-12 text-center" }, ks = {
   key: 0,
   colspan: "100%",
   class: "text-center"
-}, 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 = { class: "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-slate-100 dark:bg-slate-700 text-slate-700 dark:text-slate-300 hover:bg-slate-200 dark:hover:bg-slate-600 transition-colors" }, _s = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]" }, $s = { class: "flex items-center justify-center gap-2" }, Cs = ["onClick"], Vs = ["onClick"], Ls = /* @__PURE__ */ A({
+}, _s = { class: "w-full" }, $s = { class: "p-5 min-h-[200px] flex flex-col justify-center items-center text-center" }, Cs = ["onDragstart", "onDragover", "onDrop"], Vs = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] text-center" }, Ms = { class: "flex items-center justify-center" }, Ls = { class: "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-slate-100 dark:bg-slate-700 text-slate-700 dark:text-slate-300 hover:bg-slate-200 dark:hover:bg-slate-600 transition-colors" }, Ss = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]" }, Bs = { class: "flex items-center justify-center gap-2" }, js = ["onClick"], Is = ["onClick"], zs = { class: "vs-form__head mr-5 mt-3 flex items-center justify-end sticky top-0 left-0 z-[60] bg-white" }, As = /* @__PURE__ */ O({
   __name: "vs-input-datatable",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ Q({
     colModel: {},
     style: {},
     customClass: {},
@@ -2309,93 +2336,96 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "vs-datatable
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = W(o, "modelValue"), n = k({}), s = k(""), a = D(() => {
+    const e = o, t = X(o, "modelValue"), n = x({}), s = x(""), a = D(() => {
       if (!s.value) return t.value ?? [];
-      const C = s.value.toLowerCase();
-      return t.value.filter((m) => e.colModel?.some((V) => {
-        const E = m[V.key];
-        return E ? Array.isArray(E) ? E.join(", ").toLowerCase().includes(C) : String(E).toLowerCase().includes(C) : !1;
+      const I = s.value.toLowerCase();
+      return t.value.filter(($) => e.colModel?.some((S) => {
+        const q = $[S.key];
+        return q ? Array.isArray(q) ? q.join(", ").toLowerCase().includes(I) : String(q).toLowerCase().includes(I) : !1;
       }));
-    }), r = k(null), d = k(null), p = k(!1), f = k(null), c = k({ top: 0, left: 0 }), g = (C) => {
-      r.value = C;
-    }, v = (C) => {
-      d.value = C;
-    }, M = (C) => {
-      if (r.value === null || r.value === C) {
+    }), r = x(null), d = x(null), p = x(!1), f = x(null), c = x({ top: 0, left: 0 }), g = (I) => {
+      r.value = I;
+    }, v = (I) => {
+      d.value = I;
+    }, C = (I) => {
+      if (r.value === null || r.value === I) {
         r.value = null, d.value = null;
         return;
       }
-      const m = [...t.value], [V] = m.splice(r.value, 1);
-      m.splice(C, 0, V), t.value = m, r.value = null, d.value = null;
-    }, I = (C) => {
-      const V = C.currentTarget.getBoundingClientRect();
-      c.value = { top: V.bottom + window.scrollY, left: V.left + window.scrollX }, p.value = !p.value;
+      const $ = [...t.value], [S] = $.splice(r.value, 1);
+      $.splice(I, 0, S), t.value = $, r.value = null, d.value = null;
+    }, z = (I) => {
+      const S = I.currentTarget.getBoundingClientRect();
+      c.value = { top: S.bottom + window.scrollY, left: S.left + window.scrollX }, p.value = !p.value;
     }, U = () => {
       f.value && f.value.click();
-    }, T = (C) => {
-      const V = C.target.files?.[0];
-      if (!V) return;
-      const E = new FileReader();
-      E.onload = (Q) => {
+    }, T = (I) => {
+      const S = I.target.files?.[0];
+      if (!S) return;
+      const q = new FileReader();
+      q.onload = (m) => {
         try {
-          const te = Q.target?.result;
-          if (typeof te == "string") {
-            const ye = JSON.parse(te);
-            Array.isArray(ye) && t.value.push(...ye);
+          const y = m.target?.result;
+          if (typeof y == "string") {
+            const E = JSON.parse(y);
+            Array.isArray(E) && t.value.push(...E);
           }
-        } catch (te) {
-          console.error("Error parsing file:", te);
+        } catch (y) {
+          console.error("Error parsing file:", y);
         }
-      }, E.readAsText(V);
-    }, P = () => {
-      const C = JSON.stringify(t.value, null, 2), m = new Blob([C], { type: "application/json" }), V = URL.createObjectURL(m), E = document.createElement("a");
-      E.href = V, E.download = "data.json", E.click(), URL.revokeObjectURL(V);
+      }, q.readAsText(S);
+    }, N = () => {
+      const I = JSON.stringify(t.value, null, 2), $ = new Blob([I], { type: "application/json" }), S = URL.createObjectURL($), q = document.createElement("a");
+      q.href = S, q.download = "data.json", q.click(), URL.revokeObjectURL(S);
     };
-    ne(async () => {
-      const C = e.colModel?.filter((m) => m.data);
-      C?.length && Promise.all(C.map(async (m) => {
-        n.value[m.key] = await fetch(`/api/suggest/${m.data}`).then((V) => V.json());
+    ue(async () => {
+      const I = e.colModel?.filter(($) => $.data);
+      I?.length && Promise.all(I.map(async ($) => {
+        n.value[$.key] = await fetch(`/api/suggest/${$.data}`).then((S) => S.json());
       }));
     });
-    async function _() {
-      const C = await Le({
-        schema: e.colModel,
-        mode: "add"
-      });
-      C && (Array.isArray(t.value) ? t.value = [...t.value, C] : t.value = [C]);
+    const _ = x(""), b = x(!1);
+    let h = "edit", Z = 0;
+    const P = x({}), M = x({});
+    async function H() {
+      _.value = "Додати", b.value = !0, h = "add", P.value = {};
     }
-    function x(C, m) {
-      return n.value[m.key] && C[m.key] ? n.value[m.key].find((V) => V.id.toString() === C[m.key].toString())?.text ?? C[m.key] : C[m.key] || "-";
+    function Y(I, $) {
+      return n.value[$.key] && I[$.key] ? n.value[$.key].find((S) => S.id.toString() === I[$.key].toString())?.text ?? I[$.key] : I[$.key] || "-";
     }
-    async function h(C, m) {
-      const V = await Le({
-        schema: e.colModel,
-        mode: "add",
-        defaultValue: C
-      });
-      V && (t.value = t.value.map((E, Q) => Q === m ? V : E));
+    async function we(I, $) {
+      _.value = "Редагувати", b.value = !0, h = "edit", Z = $, P.value = { ...I };
+    }
+    function ce() {
+      const I = M.value.validate();
+      if (I) {
+        pe({ type: "warning", title: "Помилка валідації", message: Object.entries(I).map(([$, S]) => `${$}: ${S}`).join(`
+`) });
+        return;
+      }
+      h === "add" ? Array.isArray(t.value) ? t.value = [...t.value, P.value] : t.value = [P.value] : t.value = t.value.map(($, S) => S === Z ? P.value : $), b.value = !1;
     }
-    function G(C) {
-      t.value = t.value.filter((m, V) => V !== C);
+    function Ce(I) {
+      t.value = t.value.filter(($, S) => S !== I);
     }
-    return (C, m) => (i(), u("div", ts, [
-      l("div", ls, [
-        l("div", os, [
-          j(ja, {
+    return (I, $) => (i(), u("div", ns, [
+      l("div", is, [
+        l("div", us, [
+          B(Fa, {
             width: "14",
             height: "14",
             class: "absolute left-3 top-1/2 transform -translate-y-1/2 text-stone-500"
           }),
-          q(l("input", {
+          K(l("input", {
             type: "text",
-            "onUpdate:modelValue": m[0] || (m[0] = (V) => s.value = V),
+            "onUpdate:modelValue": $[0] || ($[0] = (S) => s.value = S),
             placeholder: "Пошук",
             class: "py-2 px-3 pl-10 w-full bg-gray-100 h-[36px] rounded-[8px] text-[15px] leading-[18px] focus:border-1 text-stone-800 placeholder:text-[#6B7280] focus:outline-blue-500 focus:outline-2"
           }, null, 512), [
-            [ie, s.value]
+            [de, s.value]
           ])
         ]),
-        l("div", as, [
+        l("div", ds, [
           l("input", {
             ref_key: "fileInput",
             ref: f,
@@ -2404,14 +2434,14 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "vs-datatable
             accept: ".json",
             type: "file"
           }, null, 544),
-          l("div", ss, [
-            l("div", rs, [
-              l("div", ns, [
+          l("div", cs, [
+            l("div", ps, [
+              l("div", fs, [
                 l("button", {
-                  onClick: I,
+                  onClick: z,
                   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"
                 }, [
-                  j(Ea, {
+                  B(Ra, {
                     height: "16",
                     width: "16"
                   })
@@ -2420,139 +2450,167 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "vs-datatable
             ])
           ])
         ]),
-        (i(), X(pt, { to: "body" }, [
+        (i(), te(pt, { to: "body" }, [
           p.value ? (i(), u("div", {
             key: 0,
             class: "text-slate-700 vsTailwind vs-popover__content bottom",
-            style: ve([{ width: "fit-content", "z-index": "10002", position: "fixed" }, { position: "absolute", top: c.value.top + "px", left: c.value.left + "px" }])
+            style: he([{ width: "fit-content", "z-index": "10002", position: "fixed" }, { position: "absolute", top: c.value.top + "px", left: c.value.left + "px" }])
           }, [
-            l("div", is, [
-              l("div", us, [
+            l("div", vs, [
+              l("div", ms, [
                 l("button", {
                   onClick: U,
                   class: "text-slate-700 flex items-center gap-1 px-3 py-2 rounded-md cursor-pointer group hover:bg-gray-100"
                 }, [
-                  j(Ua, {
+                  B(qa, {
                     class: "text-black",
                     width: "14",
                     height: "14"
                   }),
-                  m[1] || (m[1] = oe(" Імпортувати "))
+                  $[4] || ($[4] = se(" Імпортувати "))
                 ]),
                 l("button", {
-                  onClick: P,
+                  onClick: N,
                   class: "text-slate-700 flex items-center px-3 py-2 rounded-md cursor-pointer group hover:bg-gray-100"
                 }, [
-                  l("span", ds, [
-                    j(Na, {
+                  l("span", hs, [
+                    B(Za, {
                       class: "text-black",
                       width: "14",
                       height: "14"
                     }),
-                    m[2] || (m[2] = oe(" Експортувати "))
+                    $[5] || ($[5] = se(" Експортувати "))
                   ])
                 ])
               ])
             ])
-          ], 4)) : B("", !0)
+          ], 4)) : j("", !0)
         ])),
         l("button", {
-          onClick: _,
+          onClick: H,
           class: "text-slate-700 bg-white hover:bg-gray-100 font-semibold text-[15px] leadig-[18.5px] py-[10px] px-[12px] border border-[#E5E7EB] rounded-[8px] h-[38px] max-h-[38px] gap-[8px] flex items-center"
         }, [
-          j(je),
-          m[3] || (m[3] = oe(" Додати "))
+          B(je),
+          $[6] || ($[6] = se(" Додати "))
         ])
       ]),
-      l("div", cs, [
-        l("table", ps, [
-          l("thead", fs, [
-            l("tr", vs, [
-              l("th", ms, [
-                j(Qe, {
+      l("div", gs, [
+        l("table", bs, [
+          l("thead", ys, [
+            l("tr", xs, [
+              l("th", ws, [
+                B(Qe, {
                   width: "24",
                   height: "24",
                   class: "w-4 h-4 mx-auto text-slate-400 dark:text-slate-500"
                 })
               ]),
-              (i(!0), u(K, null, Y(C.colModel, (V) => (i(), u("th", {
-                key: V.key,
+              (i(!0), u(ee, null, le(I.colModel, (S) => (i(), u("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]"
-              }, F(V.ua || V.label), 1))), 128)),
-              m[4] || (m[4] = l("th", { class: "h-10 px-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] font-semibold text-slate-700 dark:text-slate-300 text-center" }, " Дії ", -1))
+              }, F(S.ua || S.label), 1))), 128)),
+              $[7] || ($[7] = l("th", { class: "h-10 px-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] font-semibold text-slate-700 dark:text-slate-300 text-center" }, " Дії ", -1))
             ])
           ]),
           l("tbody", {
-            class: S({ "[&_tr:last-child]:border-0": !d.value })
+            class: V({ "[&_tr:last-child]:border-0": !d.value })
           }, [
-            a.value.length === 0 ? (i(), u("td", hs, [
-              l("div", gs, [
-                l("div", bs, [
-                  j(Wa, { class: "w-48 mx-auto" }),
-                  m[5] || (m[5] = l("div", { class: "max-w-sm mx-auto mt-6" }, [
+            a.value.length === 0 ? (i(), u("td", ks, [
+              l("div", _s, [
+                l("div", $s, [
+                  B(ls, { class: "w-48 mx-auto" }),
+                  $[8] || ($[8] = l("div", { class: "max-w-sm mx-auto mt-6" }, [
                     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))
                 ])
               ])
-            ])) : B("", !0),
-            (i(!0), u(K, null, Y(a.value, (V, E) => (i(), u("tr", {
-              key: V.id,
-              class: S(["border-b data-[state=selected]:bg-muted transition-all duration-200 hover:bg-slate-50/60 dark:hover:bg-slate-700/60 cursor-move", {
-                "opacity-50": r.value === E,
-                "border-t-2 border-b-2 border-blue-500 bg-blue-50 dark:bg-blue-900/20": d.value === E
+            ])) : j("", !0),
+            (i(!0), u(ee, null, le(a.value, (S, q) => (i(), u("tr", {
+              key: S.id,
+              class: V(["border-b data-[state=selected]:bg-muted transition-all duration-200 hover:bg-slate-50/60 dark:hover:bg-slate-700/60 cursor-move", {
+                "opacity-50": r.value === q,
+                "border-t-2 border-b-2 border-blue-500 bg-blue-50 dark:bg-blue-900/20": d.value === q
               }]),
               draggable: "true",
-              onDragstart: (Q) => g(E),
-              onDragover: se((Q) => v(E), ["prevent"]),
-              onDrop: (Q) => M(E)
+              onDragstart: (m) => g(q),
+              onDragover: ne((m) => v(q), ["prevent"]),
+              onDrop: (m) => C(q)
             }, [
-              l("td", xs, [
-                l("div", ws, [
-                  j(Qe, {
+              l("td", Vs, [
+                l("div", Ms, [
+                  B(Qe, {
                     width: "24",
                     height: "24",
                     class: "w-4 h-4 mx-auto text-slate-400 dark:text-slate-500"
                   })
                 ])
               ]),
-              (i(!0), u(K, null, Y(C.colModel, (Q) => (i(), u("td", {
-                key: Q.key,
+              (i(!0), u(ee, null, le(I.colModel, (m) => (i(), u("td", {
+                key: m.key,
                 class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]"
               }, [
-                l("div", ks, F(x(V, Q)), 1)
+                l("div", Ls, F(Y(S, m)), 1)
               ]))), 128)),
-              l("td", _s, [
-                l("div", $s, [
+              l("td", Ss, [
+                l("div", Bs, [
                   l("button", {
-                    onClick: (Q) => h(V, E),
+                    onClick: (m) => we(S, q),
                     class: "text-slate-700 inline-flex items-center justify-center whitespace-nowrap font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border rounded-md text-xs h-7 w-7 p-0 border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-700 hover:bg-blue-50 dark:hover:bg-slate-600 hover:border-blue-300 dark:hover:border-slate-500 hover:text-blue-600 dark:hover:text-slate-200 transition-all duration-200 shadow-sm"
                   }, [
-                    j(es, {
+                    B(rs, {
                       width: "24",
                       height: "24",
                       class: "w-3 h-3"
                     })
-                  ], 8, Cs),
+                  ], 8, js),
                   l("button", {
-                    onClick: (Q) => G(E),
+                    onClick: (m) => Ce(q),
                     class: "text-slate-700 inline-flex items-center justify-center whitespace-nowrap font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border rounded-md text-xs h-7 w-7 p-0 border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-700 hover:bg-red-50 dark:hover:bg-slate-600 hover:border-red-300 dark:hover:border-slate-500 hover:text-red-600 dark:hover:text-slate-200 transition-all duration-200 shadow-sm"
                   }, [
-                    j(Ie, {
+                    B(ze, {
                       width: "24",
                       height: "24",
                       class: "w-3 h-3"
                     })
-                  ], 8, Vs)
+                  ], 8, Is)
                 ])
               ])
-            ], 42, ys))), 128))
+            ], 42, Cs))), 128))
           ], 2)
         ])
-      ])
+      ]),
+      B(J(vt), {
+        visible: b.value,
+        title: _.value,
+        size: "lg"
+      }, {
+        default: $e(() => [
+          B(Ie, {
+            schema: e.colModel,
+            values: P.value,
+            "onUpdate:values": $[1] || ($[1] = (S) => P.value = S),
+            form: M.value,
+            "onUpdate:form": $[2] || ($[2] = (S) => M.value = S)
+          }, null, 8, ["schema", "values", "form"]),
+          l("div", zs, [
+            l("button", {
+              type: "button",
+              onClick: $[3] || ($[3] = (S) => b.value = !1),
+              class: "vs-button inline-flex border-solid justify-center items-center gap-2 rounded-md font-semibold focus:outline-none text-sm transition-all border !border-gray-200 hover:text-white bg-white text-red-500 hover:border-red-500 hover:bg-red-500 focus:ring-red-500 py-1.5 px-5 focus:ring-1 focus:ring-offset-1 mr-2"
+            }, " Скасувати "),
+            l("button", {
+              onClick: ce,
+              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"
+            }, " Зберегти ")
+          ])
+        ]),
+        _: 1
+      }, 8, ["visible", "title"])
     ]));
   }
-}), Ms = {
+}), Os = {
   draw: {
     toolbar: {
       actions: {
@@ -2660,7 +2718,7 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "vs-datatable
     }
   }
 };
-function Ss(o) {
+function Es(o) {
   return o ? o.type === "FeatureCollection" || o.type === "Feature" ? o : o.geom ? {
     type: "Feature",
     geometry: {
@@ -2674,7 +2732,7 @@ function Ss(o) {
     properties: {}
   } : null : null;
 }
-const Bs = {}, js = {
+const Fs = {}, Ds = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   stroke: "currentColor",
@@ -2684,8 +2742,8 @@ const Bs = {}, js = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-map-pin"
 };
-function Is(o, e) {
-  return i(), u("svg", js, e[0] || (e[0] = [
+function Us(o, e) {
+  return i(), u("svg", Ds, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2695,7 +2753,7 @@ function Is(o, e) {
     l("path", { d: "M17.657 16.657l-4.243 4.243a2 2 0 0 1 -2.827 0l-4.244 -4.243a8 8 0 1 1 11.314 0z" }, null, -1)
   ]));
 }
-const zs = /* @__PURE__ */ R(Bs, [["render", Is]]), As = {}, Es = {
+const Ts = /* @__PURE__ */ R(Fs, [["render", Us]]), Rs = {}, Ps = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2705,8 +2763,8 @@ const zs = /* @__PURE__ */ R(Bs, [["render", Is]]), As = {}, Es = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-line"
 };
-function Fs(o, e) {
-  return i(), u("svg", Es, e[0] || (e[0] = [
+function Ns(o, e) {
+  return i(), u("svg", Ps, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2717,7 +2775,7 @@ function Fs(o, e) {
     l("path", { d: "M7.5 16.5l9 -9" }, null, -1)
   ]));
 }
-const Os = /* @__PURE__ */ R(As, [["render", Fs]]), Ds = {}, Us = {
+const Hs = /* @__PURE__ */ R(Rs, [["render", Ns]]), qs = {}, Gs = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2727,12 +2785,12 @@ const Os = /* @__PURE__ */ R(As, [["render", Fs]]), Ds = {}, Us = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-polygon"
 };
-function Ts(o, e) {
-  return i(), u("svg", Us, e[0] || (e[0] = [
-    ae('<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)
+function Js(o, e) {
+  return i(), u("svg", Gs, e[0] || (e[0] = [
+    re('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M12 5m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M19 8m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M5 11m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M15 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M6.5 9.5l3.5 -3"></path><path d="M14 5.5l3 1.5"></path><path d="M18.5 10l-2.5 7"></path><path d="M13.5 17.5l-7 -5"></path>', 9)
   ]));
 }
-const Rs = /* @__PURE__ */ R(Ds, [["render", Ts]]), Ps = {}, Ns = {
+const Ks = /* @__PURE__ */ R(qs, [["render", Js]]), Zs = {}, Ws = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2742,12 +2800,12 @@ const Rs = /* @__PURE__ */ R(Ds, [["render", Ts]]), Ps = {}, Ns = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-topology-ring-3"
 };
-function Hs(o, e) {
-  return i(), u("svg", Ns, e[0] || (e[0] = [
-    ae('<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)
+function Qs(o, e) {
+  return i(), u("svg", Ws, e[0] || (e[0] = [
+    re('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M8 18a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z"></path><path d="M20 18a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z"></path><path d="M20 6a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z"></path><path d="M8 6a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z"></path><path d="M6 8v8"></path><path d="M18 16v-8"></path><path d="M8 6h8"></path><path d="M16 18h-8"></path>', 9)
   ]));
 }
-const qs = /* @__PURE__ */ R(Ps, [["render", Hs]]), Gs = {}, Js = {
+const Xs = /* @__PURE__ */ R(Zs, [["render", Qs]]), Ys = {}, er = {
   version: "1.1",
   viewBox: "0 0 14 14",
   xmlns: "http://www.w3.org/2000/svg",
@@ -2755,8 +2813,8 @@ const qs = /* @__PURE__ */ R(Ps, [["render", Hs]]), Gs = {}, Js = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   class: "fullscreen-icon"
 };
-function Ks(o, e) {
-  return i(), u("svg", Js, e[0] || (e[0] = [
+function tr(o, e) {
+  return i(), u("svg", er, e[0] || (e[0] = [
     l("title", null, null, -1),
     l("desc", null, null, -1),
     l("defs", null, null, -1),
@@ -2785,10 +2843,10 @@ function Ks(o, e) {
     ], -1)
   ]));
 }
-const Zs = /* @__PURE__ */ R(Gs, [["render", Ks]]), Ws = { class: "form-geom__search" }, Qs = { class: "map-search__input" }, Xs = { class: "flex flex-nowrap relative" }, Ys = { class: "form-autocomplete relative min-w-[6rem] vsTailwind map-search__select hidden" }, er = { class: "flex items-center w-full" }, tr = { class: "max-w-[90%] truncate" }, lr = {
+const lr = /* @__PURE__ */ R(Ys, [["render", tr]]), or = { class: "form-geom__search" }, ar = { class: "map-search__input" }, sr = { class: "flex flex-nowrap relative" }, rr = { class: "form-autocomplete relative min-w-[6rem] vsTailwind map-search__select hidden" }, nr = { class: "flex items-center w-full" }, ir = { class: "max-w-[90%] truncate" }, ur = {
   key: 0,
   class: "absolute z-[3100] mt-0.5 left-0 right-0"
-}, or = { class: "form-autocomplete__wrapper mt-[10px] z-50 w-full min-w-36 max-h-72 p-0 space-y-0.5 bg-white rounded-xl shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:bg-neutral-900 top-full opened" }, ar = { class: "form-autocomplete__list vsTailwind px-2 pb-2 pt-0 max-h-200 relative [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:bg-gray-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900" }, sr = ["onClick"], rr = { class: "flex justify-between items-center w-full" }, nr = { class: "flex items-center" }, ir = {
+}, dr = { class: "form-autocomplete__wrapper mt-[10px] z-50 w-full min-w-36 max-h-72 p-0 space-y-0.5 bg-white rounded-xl shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:bg-neutral-900 top-full opened" }, cr = { class: "form-autocomplete__list vsTailwind px-2 pb-2 pt-0 max-h-200 relative [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:bg-gray-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900" }, pr = ["onClick"], fr = { class: "flex justify-between items-center w-full" }, vr = { class: "flex items-center" }, mr = {
   key: 0,
   class: "flex-shrink-0 w-3.5 h-3.5 text-blue-600",
   width: "24",
@@ -2799,23 +2857,23 @@ const Zs = /* @__PURE__ */ R(Gs, [["render", Ks]]), Ws = { class: "form-geom__se
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, ur = { class: "relative w-full" }, dr = { class: "vs-form-text relative bg-white rounded-lg" }, cr = {
+}, hr = { class: "relative w-full" }, gr = { class: "vs-form-text relative bg-white rounded-lg" }, br = {
   key: 1,
   class: "absolute left-0 right-0 top-full z-[3200] bg-white border border-gray-200 rounded-b-lg shadow-lg max-h-72 overflow-auto"
-}, pr = { key: 0 }, fr = ["onClick"], vr = {
+}, yr = { key: 0 }, xr = ["onClick"], wr = {
   key: 1,
   class: "px-3 py-2 text-xs text-gray-500"
-}, mr = {
+}, kr = {
   key: 2,
   class: "px-3 py-2 text-xs text-gray-400"
-}, hr = /* @__PURE__ */ A({
+}, _r = /* @__PURE__ */ O({
   __name: "map-search",
   props: {
     placeholder: { default: "50, 30" }
   },
   emits: ["goToCoordinates"],
   setup(o, { emit: e }) {
-    const t = e, n = k(!1), s = k("coordinates"), a = k(""), r = k([]), d = k(!1), p = k(!1);
+    const t = e, n = x(!1), s = x("coordinates"), a = x(""), r = x([]), d = x(!1), p = x(!1);
     let f;
     const c = [
       { value: "coordinates", label: "Пошук по кординатам" },
@@ -2826,22 +2884,22 @@ const Zs = /* @__PURE__ */ R(Gs, [["render", Ks]]), Ws = { class: "form-geom__se
     function v(_) {
       s.value = _.value, n.value = !1, a.value = "", a.value && U();
     }
-    function M(_) {
+    function C(_) {
       _.target.closest(".map-search__input") || (n.value = !1);
     }
-    ne(() => document.addEventListener("click", M)), Fe(() => document.removeEventListener("click", M));
-    async function I(_) {
-      let x;
-      s.value === "atu" ? x = "/api/suggest/atu.nsdi.ato_level" : s.value === "address" ? x = "/api/suggest/map.address_id" : s.value === "search_here" && (x = "/api/gis-url-proxy");
-      const h = new URL(x || "");
+    ue(() => document.addEventListener("click", C)), Ee(() => document.removeEventListener("click", C));
+    async function z(_) {
+      let b;
+      s.value === "atu" ? b = "/api/suggest/atu.nsdi.ato_level" : s.value === "address" ? b = "/api/suggest/map.address_id" : s.value === "search_here" && (b = "/api/gis-url-proxy");
+      const h = new URL(b || "");
       return s.value === "search_here" ? h.searchParams.set("searchtext", _) : (s.value === "atu" || s.value === "address") && h.searchParams.set("key", _), h.searchParams.set("limit", "20"), h.searchParams.set("q", _), (await fetch(h.toString())).json();
     }
     function U() {
       if (d.value = !0, p.value = !0, s.value === "coordinates") {
         const _ = a.value.trim().split(",");
         if (_.length === 2) {
-          const x = parseFloat(_[0]), h = parseFloat(_[1]);
-          !Number.isNaN(x) && !Number.isNaN(h) && t("goToCoordinates", [x, h]);
+          const b = parseFloat(_[0]), h = parseFloat(_[1]);
+          !Number.isNaN(b) && !Number.isNaN(h) && t("goToCoordinates", [b, h]);
         }
         return;
       }
@@ -2852,8 +2910,8 @@ const Zs = /* @__PURE__ */ R(Gs, [["render", Ks]]), Ws = { class: "form-geom__se
           return;
         }
         try {
-          const x = await I(_);
-          r.value = Array.isArray(x.features) ? x.features : [];
+          const b = await z(_);
+          r.value = Array.isArray(b.features) ? b.features : [];
         } catch {
           r.value = [];
         } finally {
@@ -2864,22 +2922,22 @@ const Zs = /* @__PURE__ */ R(Gs, [["render", Ks]]), Ws = { class: "form-geom__se
     function T() {
       a.value = "", r.value = [], d.value = !1, p.value = !1;
     }
-    function P(_) {
+    function N(_) {
       t("goToCoordinates", _), d.value = !1, p.value = !1, r.value = [];
     }
-    return (_, x) => (i(), u("div", Ws, [
-      l("div", Qs, [
-        l("div", Xs, [
-          l("div", Ys, [
+    return (_, b) => (i(), u("div", or, [
+      l("div", ar, [
+        l("div", sr, [
+          l("div", rr, [
             l("button", {
               type: "button",
-              onClick: x[0] || (x[0] = (h) => n.value = !n.value),
+              onClick: b[0] || (b[0] = (h) => n.value = !n.value),
               class: "h-[40px] relative px-4 pe-9 flex text-nowrap w-full cursor-pointer bg-white border border-solid border-stone-200 rounded-lg text-start text-sm text-stone-800 focus:outline-none focus:ring-1 focus:ring-blue-600 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"
             }, [
-              l("div", er, [
-                l("span", tr, F(g.value), 1)
+              l("div", nr, [
+                l("span", ir, F(g.value), 1)
               ]),
-              x[3] || (x[3] = l("svg", {
+              b[3] || (b[3] = l("svg", {
                 class: "stroke-gray-500 absolute right-3 translate-y-1/2 bottom-1/2",
                 width: "15",
                 height: "15",
@@ -2894,30 +2952,30 @@ const Zs = /* @__PURE__ */ R(Gs, [["render", Ks]]), Ws = { class: "form-geom__se
                 })
               ], -1))
             ]),
-            n.value ? (i(), u("div", lr, [
-              l("div", or, [
-                l("div", ar, [
-                  (i(), u(K, null, Y(c, (h) => l("div", {
-                    onClick: (G) => v(h),
+            n.value ? (i(), u("div", ur, [
+              l("div", dr, [
+                l("div", cr, [
+                  (i(), u(ee, null, le(c, (h) => l("div", {
+                    onClick: (Z) => v(h),
                     key: h.value,
                     class: "form-autocomplete__item cursor-pointer hs-selected:bg-stone-100 dark:hs-selected:bg-neutral-800 py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 rounded-lg focus:outline-none focus:bg-stone-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800 cursor-default"
                   }, [
-                    l("div", rr, [
-                      l("div", nr, [
+                    l("div", fr, [
+                      l("div", vr, [
                         l("div", null, F(h.label), 1)
                       ]),
-                      h.value === s.value ? (i(), u("svg", ir, x[4] || (x[4] = [
+                      h.value === s.value ? (i(), u("svg", mr, b[4] || (b[4] = [
                         l("polyline", { points: "20 6 9 17 4 12" }, null, -1)
-                      ]))) : B("", !0)
+                      ]))) : j("", !0)
                     ])
-                  ], 8, sr)), 64))
+                  ], 8, pr)), 64))
                 ])
               ])
-            ])) : B("", !0)
+            ])) : j("", !0)
           ]),
-          l("div", ur, [
-            l("div", dr, [
-              x[6] || (x[6] = l("i", { class: "absolute bottom-1/2 translate-y-1/2 left-3 text-gray-500" }, [
+          l("div", hr, [
+            l("div", gr, [
+              b[6] || (b[6] = l("i", { class: "absolute bottom-1/2 translate-y-1/2 left-3 text-gray-500" }, [
                 l("svg", {
                   width: "16",
                   height: "16",
@@ -2940,15 +2998,15 @@ const Zs = /* @__PURE__ */ R(Gs, [["render", Ks]]), Ws = { class: "form-geom__se
                   })
                 ])
               ], -1)),
-              q(l("input", {
+              K(l("input", {
                 type: "text",
-                "onUpdate:modelValue": x[1] || (x[1] = (h) => a.value = h),
+                "onUpdate:modelValue": b[1] || (b[1] = (h) => a.value = h),
                 onInput: U,
-                onFocus: x[2] || (x[2] = (h) => d.value = !0),
+                onFocus: b[2] || (b[2] = (h) => d.value = !0),
                 placeholder: "lat, lng ex. 50, 30",
                 class: "bg-white h-[38px] text-sm py-2 px-3 ps-9 pe-8 block w-full border border-solid placeholder:text-nowrap border-stone-200 rounded-lg text-stone-800 placeholder:text-stone-400 focus:outline focus:z-10 focus:border-blue-500 focus:ring-blue-500 focus:outline-blue-500"
               }, null, 544), [
-                [ie, a.value]
+                [de, a.value]
               ]),
               a.value ? (i(), u("button", {
                 key: 0,
@@ -2956,7 +3014,7 @@ const Zs = /* @__PURE__ */ R(Gs, [["render", Ks]]), Ws = { class: "form-geom__se
                 class: "absolute right-2 bottom-1/2 translate-y-1/2 text-gray-500 hover:text-red-500",
                 "aria-label": "Очистити",
                 type: "button"
-              }, x[5] || (x[5] = [
+              }, b[5] || (b[5] = [
                 l("svg", {
                   width: "15",
                   height: "15",
@@ -2971,23 +3029,23 @@ const Zs = /* @__PURE__ */ R(Gs, [["render", Ks]]), Ws = { class: "form-geom__se
                     "stroke-linejoin": "round"
                   })
                 ], -1)
-              ]))) : B("", !0),
-              d.value && s.value !== "coordinates" ? (i(), u("div", cr, [
-                r.value.length ? (i(), u("ul", pr, [
-                  (i(!0), u(K, null, Y(r.value, (h) => (i(), u("li", {
+              ]))) : j("", !0),
+              d.value && s.value !== "coordinates" ? (i(), u("div", br, [
+                r.value.length ? (i(), u("ul", yr, [
+                  (i(!0), u(ee, null, le(r.value, (h) => (i(), u("li", {
                     key: h.properties.place_id,
-                    onClick: (G) => P(h),
+                    onClick: (Z) => N(h),
                     class: "px-3 py-2 text-sm cursor-pointer hover:bg-gray-100"
-                  }, F(h.properties.display_name), 9, fr))), 128))
-                ])) : p.value ? (i(), u("div", vr, "Шукаю…")) : (i(), u("div", mr, "Нічого не знайдено"))
-              ])) : B("", !0)
+                  }, F(h.properties.display_name), 9, xr))), 128))
+                ])) : p.value ? (i(), u("div", wr, "Шукаю…")) : (i(), u("div", kr, "Нічого не знайдено"))
+              ])) : j("", !0)
             ])
           ])
         ])
       ])
     ]));
   }
-}), gr = { class: "bg-white/95 p-2 rounded-xl shadow border border-gray-200" }, br = { class: "flex gap-2" }, yr = ["onClick", "title"], xr = ["src"], wr = /* @__PURE__ */ A({
+}), $r = { class: "bg-white/95 p-2 rounded-xl shadow border border-gray-200" }, Cr = { class: "flex gap-2" }, Vr = ["onClick", "title"], Mr = ["src"], Lr = /* @__PURE__ */ O({
   __name: "map-layers",
   props: {
     basemaps: {},
@@ -2995,15 +3053,15 @@ const Zs = /* @__PURE__ */ R(Gs, [["render", Ks]]), Ws = { class: "form-geom__se
   },
   emits: ["onLayerChange"],
   setup(o, { emit: e }) {
-    const n = k(o.defaultLayer ?? ""), s = e;
+    const n = x(o.defaultLayer ?? ""), s = e;
     function a(r) {
       s("onLayerChange", r), n.value = r;
     }
-    return (r, d) => (i(), u("div", gr, [
-      l("div", br, [
-        (i(!0), u(K, null, Y(r.basemaps, (p, f) => (i(), u("div", {
+    return (r, d) => (i(), u("div", $r, [
+      l("div", Cr, [
+        (i(!0), u(ee, null, le(r.basemaps, (p, f) => (i(), u("div", {
           key: f,
-          class: S(["cursor-pointer border rounded-lg overflow-hidden hover:shadow-sm", { "ring-2 ring-blue-500 border-blue-300": n.value === f }]),
+          class: V(["cursor-pointer border rounded-lg overflow-hidden hover:shadow-sm", { "ring-2 ring-blue-500 border-blue-300": n.value === f }]),
           onClick: (c) => a(f),
           title: f,
           role: "button",
@@ -3013,21 +3071,21 @@ const Zs = /* @__PURE__ */ R(Gs, [["render", Ks]]), Ws = { class: "form-geom__se
             src: p.preview,
             alt: "",
             class: "w-14 h-14 object-cover"
-          }, null, 8, xr)
-        ], 10, yr))), 128))
+          }, null, 8, Mr)
+        ], 10, Vr))), 128))
       ])
     ]));
   }
-}), kr = { class: "absolute top-4 left-4 z-[1000] w-[calc(100%-20px)] sm:w-[350px]" }, _r = { class: "form-geom__panel flex gap-1 items-start mt-2" }, $r = { class: "flex items-center gap-1" }, Cr = ["disabled"], Vr = { class: "absolute top-4 right-4 z-[1000]" }, Lr = { class: "flex flex-col gap-[2px]" }, Mr = ["aria-pressed"], Sr = ["aria-pressed"], Br = ["aria-pressed"], jr = ["aria-pressed"], Ir = { 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" }, zr = {
+}), Sr = { class: "absolute top-4 left-4 z-[1000] w-[calc(100%-20px)] sm:w-[350px]" }, Br = { class: "form-geom__panel flex gap-1 items-start mt-2" }, jr = { class: "flex items-center gap-1" }, Ir = ["disabled"], zr = { class: "absolute top-4 right-4 z-[1000]" }, Ar = { class: "flex flex-col gap-[2px]" }, Or = ["aria-pressed"], Er = ["aria-pressed"], Fr = ["aria-pressed"], Dr = ["aria-pressed"], Ur = { 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" }, Tr = {
   key: 0,
   class: "form-geom__feature flex items-center text-xs transition-all gap-2 w-full"
-}, Ar = { class: "mr-auto" }, Er = { class: "font-bold" }, Fr = { class: "flex items-center" }, Or = { class: "text-xs mr-2" }, Dr = {
+}, Rr = { class: "mr-auto" }, Pr = { class: "font-bold" }, Nr = { class: "flex items-center" }, Hr = { class: "text-xs mr-2" }, qr = {
   key: 0,
   class: "text-xs"
-}, Ur = {
+}, Gr = {
   key: 1,
   class: "text-xs"
-}, Tr = /* @__PURE__ */ A({
+}, Jr = /* @__PURE__ */ O({
   __name: "vs-input-map",
   props: {
     tools: {},
@@ -3041,11 +3099,9 @@ const Zs = /* @__PURE__ */ R(Gs, [["render", Ks]]), Ws = { class: "form-geom__se
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o;
-    console.log(t);
-    const n = e, s = k(null);
+    const t = o, n = e, s = x(null);
     let a, r, d;
-    const p = k(null), f = k(null), c = k(6), g = k(0), v = k(null), M = {
+    const p = x(null), f = x(null), c = x(6), g = x(0), v = x(null), C = {
       topo100: {
         url: "https://data.gki.com.ua/api-user/rtile/voyager/ua/{z}/{x}/{y}.png",
         preview: "https://data.gki.com.ua/api-user/rtile/voyager/ua/13/4790/2762.png"
@@ -3059,108 +3115,108 @@ const Zs = /* @__PURE__ */ R(Gs, [["render", Ks]]), Ws = { class: "form-geom__se
         preview: "https://tile.openstreetmap.org.ua/styles/osm-bright/13/4790/2762.png"
       }
     };
-    let I;
-    const U = k("topo100");
+    let z;
+    const U = x("topo100");
     function T() {
-      return new Promise((b, $) => {
-        window.L && window.L.Draw && b(0);
-        const O = (ee) => {
-          if (Array.from(document.styleSheets).some((ge) => ge?.href?.includes(ee))) return;
-          const de = document.createElement("link");
-          de.rel = "stylesheet", de.href = ee, document.head.appendChild(de);
-        }, N = (ee) => new Promise(($e, de) => {
-          const ge = Array.from(document.scripts).find((ce) => ce.src === ee);
-          if (ge) {
-            ge.addEventListener("load", () => $e()), ge.addEventListener("error", (ce) => de(ce));
+      return new Promise((m, y) => {
+        window.L && window.L.Draw && m(0);
+        const E = (oe) => {
+          if (Array.from(document.styleSheets).some((ye) => ye?.href?.includes(oe))) return;
+          const fe = document.createElement("link");
+          fe.rel = "stylesheet", fe.href = oe, document.head.appendChild(fe);
+        }, G = (oe) => new Promise((Ve, fe) => {
+          const ye = Array.from(document.scripts).find((ve) => ve.src === oe);
+          if (ye) {
+            ye.addEventListener("load", () => Ve()), ye.addEventListener("error", (ve) => fe(ve));
             return;
           }
-          const be = document.createElement("script");
-          be.src = ee, be.async = !0, be.onload = () => $e(), be.onerror = (ce) => de(ce), document.body.appendChild(be);
+          const xe = document.createElement("script");
+          xe.src = oe, xe.async = !0, xe.onload = () => Ve(), xe.onerror = (ve) => fe(ve), document.body.appendChild(xe);
         });
-        O("https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"), O("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.css"), N("https://unpkg.com/leaflet@1.9.4/dist/leaflet.js").then(() => N("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.js")).then(() => b(0)).catch($);
+        E("https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"), E("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.css"), G("https://unpkg.com/leaflet@1.9.4/dist/leaflet.js").then(() => G("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.js")).then(() => m(0)).catch(y);
       });
     }
-    function P() {
-      const b = r.toGeoJSON();
-      let $ = null;
-      b?.features?.length && ($ = b.features[0].geometry), n("update:modelValue", $), g.value = r.getLayers().length;
+    function N() {
+      const m = r.toGeoJSON();
+      let y = null;
+      m?.features?.length && (y = m.features[0].geometry), n("update:modelValue", y), g.value = r.getLayers().length;
     }
-    function _(b = 30) {
-      const $ = r.getLayers();
-      if (!$.length) return;
-      const N = L.featureGroup($).getBounds();
-      N && N.isValid() && a.fitBounds(N, { padding: [b, b] });
+    function _(m = 30) {
+      const y = r.getLayers();
+      if (!y.length) return;
+      const G = L.featureGroup(y).getBounds();
+      G && G.isValid() && a.fitBounds(G, { padding: [m, m] });
     }
-    function x() {
+    function b() {
       p.value?.click();
     }
-    const h = k("");
-    function G(b) {
-      return b instanceof L.Circle ? "Circle" : b instanceof L.Rectangle ? "Rectangle" : b instanceof L.Polygon && !(b instanceof L.Rectangle) ? "Polygon" : b instanceof L.Polyline && !(b instanceof L.Polygon) ? "Polyline" : b instanceof L.Marker ? "Point" : "Feature";
+    const h = x("");
+    function Z(m) {
+      return m instanceof L.Circle ? "Circle" : m instanceof L.Rectangle ? "Rectangle" : m instanceof L.Polygon && !(m instanceof L.Rectangle) ? "Polygon" : m instanceof L.Polyline && !(m instanceof L.Polygon) ? "Polyline" : m instanceof L.Marker ? "Point" : "Feature";
     }
-    function C(b) {
-      if (b instanceof L.Circle) {
-        const $ = b.getRadius();
-        return Math.PI * ($ * $) / 1e6;
+    function P(m) {
+      if (m instanceof L.Circle) {
+        const y = m.getRadius();
+        return Math.PI * (y * y) / 1e6;
       }
-      if (b instanceof L.Polygon || b instanceof L.Rectangle)
+      if (m instanceof L.Polygon || m instanceof L.Rectangle)
         try {
-          const $ = b.getLatLngs(), O = Array.isArray($[0]) ? $[0] : $, N = L.GeometryUtil?.geodesicArea ? L.GeometryUtil.geodesicArea(O) : 0;
-          return N ? N / 1e6 : 0;
+          const y = m.getLatLngs(), E = Array.isArray(y[0]) ? y[0] : y, G = L.GeometryUtil?.geodesicArea ? L.GeometryUtil.geodesicArea(E) : 0;
+          return G ? G / 1e6 : 0;
         } catch {
           return null;
         }
       return null;
     }
-    function m(b) {
-      return b instanceof L.Circle ? b.getLatLng() : b.getBounds ? b.getBounds().getCenter() : b.getLatLng ? b.getLatLng() : a.getCenter();
+    function M(m) {
+      return m instanceof L.Circle ? m.getLatLng() : m.getBounds ? m.getBounds().getCenter() : m.getLatLng ? m.getLatLng() : a.getCenter();
     }
-    function V() {
-      const b = r.getLayers();
-      if (!b.length) {
+    function H() {
+      const m = r.getLayers();
+      if (!m.length) {
         v.value = null, g.value = 0;
         return;
       }
-      const $ = b[b.length - 1], O = G($), N = m($), ee = C($);
+      const y = m[m.length - 1], E = Z(y), G = M(y), oe = P(y);
       v.value = {
-        type: O,
-        center: N,
-        areaKm2: ee,
-        layer: $
-      }, g.value = b.length;
+        type: E,
+        center: G,
+        areaKm2: oe,
+        layer: y
+      }, g.value = m.length;
     }
-    function E() {
-      const b = v.value?.layer;
-      b && (b instanceof L.Circle && b.getBounds ? a.fitBounds(b.getBounds(), { padding: [30, 30] }) : b.getBounds ? a.fitBounds(b.getBounds(), { padding: [30, 30] }) : b.getLatLng && a.setView(b.getLatLng(), Math.max(c.value, 14)));
+    function Y() {
+      const m = v.value?.layer;
+      m && (m instanceof L.Circle && m.getBounds ? a.fitBounds(m.getBounds(), { padding: [30, 30] }) : m.getBounds ? a.fitBounds(m.getBounds(), { padding: [30, 30] }) : m.getLatLng && a.setView(m.getLatLng(), Math.max(c.value, 14)));
     }
-    function Q() {
-      const b = v.value?.layer;
-      b && (r.removeLayer(b), P(), V());
+    function we() {
+      const m = v.value?.layer;
+      m && (r.removeLayer(m), N(), H());
     }
-    ne(async () => {
-      await T(), L.drawLocal = Ms, a = L.map(s.value, { zoomControl: !1 }).setView([50, 30], 10), L.control.zoom({ position: "bottomright" }).addTo(a), I = L.tileLayer(M.topo100.url, { maxZoom: 19, minZoom: 6 }).addTo(a), U.value = "topo100", r = new L.FeatureGroup().addTo(a), a.on(L.Draw.Event.CREATED, (O) => {
-        const { layer: N } = O;
-        r.clearLayers(), r.addLayer(N), P(), V(), _(), h.value = "";
+    ue(async () => {
+      await T(), L.drawLocal = Os, a = L.map(s.value, { zoomControl: !1 }).setView([50, 30], 10), L.control.zoom({ position: "bottomright" }).addTo(a), z = L.tileLayer(C.topo100.url, { maxZoom: 19, minZoom: 6 }).addTo(a), U.value = "topo100", r = new L.FeatureGroup().addTo(a), a.on(L.Draw.Event.CREATED, (E) => {
+        const { layer: G } = E;
+        r.clearLayers(), r.addLayer(G), N(), H(), _(), h.value = "";
       }), a.on(L.Draw.Event.EDITED, () => {
-        P(), V(), _();
+        N(), H(), _();
       }), a.on(L.Draw.Event.DELETED, () => {
-        P(), V(), _();
+        N(), H(), _();
       });
-      let b = !1;
-      a.on("mousemove", (O) => {
-        b || (a.invalidateSize(), b = !0), f.value = O.latlng;
+      let m = !1;
+      a.on("mousemove", (E) => {
+        m || (a.invalidateSize(), m = !0), f.value = E.latlng;
       }), a.on("zoomend", () => {
         c.value = a.getZoom();
       });
-      const $ = Ss(t.modelValue);
-      if ($) {
-        const O = [];
-        L.geoJSON($).eachLayer((N) => O.push(N)), O.length && r.addLayer(O[0]), P(), V(), _();
+      const y = Es(t.modelValue);
+      if (y) {
+        const E = [];
+        L.geoJSON(y).eachLayer((G) => E.push(G)), E.length && r.addLayer(E[0]), N(), H(), _();
       }
     });
-    function te(b) {
+    function ce(m) {
       if (a) {
-        switch (d && d.disable(), b) {
+        switch (d && d.disable(), m) {
           case "marker":
             d = new L.Draw.Marker(a);
             break;
@@ -3177,179 +3233,179 @@ const Zs = /* @__PURE__ */ R(Gs, [["render", Ks]]), Ws = { class: "form-geom__se
             d = new L.Draw.Rectangle(a);
             break;
         }
-        d && (d.enable(), h.value = b);
+        d && (d.enable(), h.value = m);
       }
     }
-    function ye() {
-      const b = r.toGeoJSON(), $ = new Blob([JSON.stringify(b, null, 2)], { type: "application/json" }), O = URL.createObjectURL($), N = document.createElement("a");
-      N.href = O, N.download = "data.geojson", N.click(), URL.revokeObjectURL(O);
+    function Ce() {
+      const m = r.toGeoJSON(), y = new Blob([JSON.stringify(m, null, 2)], { type: "application/json" }), E = URL.createObjectURL(y), G = document.createElement("a");
+      G.href = E, G.download = "data.geojson", G.click(), URL.revokeObjectURL(E);
     }
-    function ke(b) {
-      const $ = b.target.files?.[0];
-      if (!$) return;
-      const O = new FileReader();
-      O.onload = () => {
-        if (typeof O.result == "string")
+    function I(m) {
+      const y = m.target.files?.[0];
+      if (!y) return;
+      const E = new FileReader();
+      E.onload = () => {
+        if (typeof E.result == "string")
           try {
-            const N = JSON.parse(O.result);
-            r.clearLayers(), N && L.geoJSON({ type: "Feature", geometry: N }).eachLayer((ee) => {
-              r.addLayer(ee);
-            }), P(), V(), _();
+            const G = JSON.parse(E.result);
+            r.clearLayers(), G && L.geoJSON({ type: "Feature", geometry: G }).eachLayer((oe) => {
+              r.addLayer(oe);
+            }), N(), H(), _();
           } finally {
-            b.target.value = "";
+            m.target.value = "";
           }
-      }, O.readAsText($);
+      }, E.readAsText(y);
     }
-    function ue(b) {
-      a && (I && a.removeLayer(I), I = L.tileLayer(M[b].url, { maxZoom: 19, minZoom: 6 }).addTo(a), U.value = b);
+    function $(m) {
+      a && (z && a.removeLayer(z), z = L.tileLayer(C[m].url, { maxZoom: 19, minZoom: 6 }).addTo(a), U.value = m);
     }
-    function ze(b) {
-      const $ = L.latLng(b[0], b[1]);
-      a.setView($, 13);
+    function S(m) {
+      const y = L.latLng(m[0], m[1]);
+      a.setView(y, 13);
     }
-    re(
+    ie(
       () => t.modelValue,
-      (b) => {
-        r.clearLayers(), b && L.geoJSON({ type: "Feature", geometry: b }).eachLayer(($) => {
-          r.addLayer($);
-        }), g.value = r.getLayers().length, V(), _();
+      (m) => {
+        r.clearLayers(), m && L.geoJSON({ type: "Feature", geometry: m }).eachLayer((y) => {
+          r.addLayer(y);
+        }), g.value = r.getLayers().length, H(), _();
       }
     );
-    const _e = k(!1);
-    return (b, $) => (i(), u("div", {
-      class: S(["leaflet-map-wrapper relative w-full h-[400px]", { fullscreen: _e.value }])
+    const q = x(!1);
+    return (m, y) => (i(), u("div", {
+      class: V(["leaflet-map-wrapper relative w-full h-[400px]", { fullscreen: q.value }])
     }, [
       l("div", {
         ref_key: "mapContainer",
         ref: s,
         class: "w-full h-full"
       }, null, 512),
-      l("div", kr, [
-        j(hr, { onGoToCoordinates: ze }),
-        l("div", _r, [
-          l("div", $r, [
+      l("div", Sr, [
+        B(_r, { onGoToCoordinates: S }),
+        l("div", Br, [
+          l("div", jr, [
             l("button", {
               type: "button",
               class: "vs-btn-row",
-              onClick: x
+              onClick: b
             }, "Import"),
             l("button", {
               type: "button",
               class: "vs-btn-row",
-              onClick: ye,
+              onClick: Ce,
               disabled: g.value === 0
-            }, "Export ", 8, Cr)
+            }, "Export ", 8, Ir)
           ]),
           l("input", {
             ref_key: "importRef",
             ref: p,
             type: "file",
-            onChange: ke,
+            onChange: I,
             accept: ".json,.geojson",
             class: "hidden"
           }, null, 544)
         ])
       ]),
-      l("div", Vr, [
-        l("div", Lr, [
+      l("div", zr, [
+        l("div", Ar, [
           l("button", {
-            class: S(["vs-btn", { "vs-active": h.value === "marker" }]),
+            class: V(["vs-btn", { "vs-active": h.value === "marker" }]),
             "aria-pressed": h.value === "marker",
             title: "Point (P)",
             "aria-label": "Draw point",
-            onClick: $[0] || ($[0] = (O) => te("marker"))
+            onClick: y[0] || (y[0] = (E) => ce("marker"))
           }, [
-            j(zs)
-          ], 10, Mr),
+            B(Ts)
+          ], 10, Or),
           l("button", {
-            class: S(["vs-btn", { "vs-active": h.value === "polyline" }]),
+            class: V(["vs-btn", { "vs-active": h.value === "polyline" }]),
             "aria-pressed": h.value === "polyline",
             title: "Line (L)",
             "aria-label": "Draw polyline",
-            onClick: $[1] || ($[1] = (O) => te("polyline"))
+            onClick: y[1] || (y[1] = (E) => ce("polyline"))
           }, [
-            j(Os)
-          ], 10, Sr),
+            B(Hs)
+          ], 10, Er),
           l("button", {
-            class: S(["vs-btn", { "vs-active": h.value === "polygon" }]),
+            class: V(["vs-btn", { "vs-active": h.value === "polygon" }]),
             "aria-pressed": h.value === "polygon",
             title: "Polygon (G)",
             "aria-label": "Draw polygon",
-            onClick: $[2] || ($[2] = (O) => te("polygon"))
+            onClick: y[2] || (y[2] = (E) => ce("polygon"))
           }, [
-            j(Rs)
-          ], 10, Br),
+            B(Ks)
+          ], 10, Fr),
           l("button", {
-            class: S(["vs-btn", { "vs-active": h.value === "rectangle" }]),
+            class: V(["vs-btn", { "vs-active": h.value === "rectangle" }]),
             "aria-pressed": h.value === "rectangle",
             title: "Rectangle (R)",
             "aria-label": "Draw rectangle",
-            onClick: $[3] || ($[3] = (O) => te("rectangle"))
+            onClick: y[3] || (y[3] = (E) => ce("rectangle"))
           }, [
-            j(qs)
-          ], 10, jr),
+            B(Xs)
+          ], 10, Dr),
           l("button", {
             class: "vs-btn mt-5",
-            onClick: $[4] || ($[4] = (O) => _e.value = !_e.value),
+            onClick: y[4] || (y[4] = (E) => q.value = !q.value),
             title: "Full Screen",
             "aria-label": "Full Screen"
           }, [
-            j(Zs, { style: { width: "12px", height: "12px" } })
+            B(lr, { style: { width: "12px", height: "12px" } })
           ])
         ])
       ]),
       l("div", {
-        class: S(["absolute left-4 z-[1000]", v.value ? "bottom-8" : "bottom-4"])
+        class: V(["absolute left-4 z-[1000]", v.value ? "bottom-8" : "bottom-4"])
       }, [
-        j(wr, {
-          basemaps: M,
+        B(Lr, {
+          basemaps: C,
           "default-layer": "topo100",
-          onOnLayerChange: ue
+          onOnLayerChange: $
         })
       ], 2),
-      l("div", Ir, [
-        v.value ? (i(), u("div", zr, [
-          l("div", Ar, [
-            $[7] || ($[7] = oe(" Тип: ")),
-            l("span", Er, F(v.value.type), 1)
+      l("div", Ur, [
+        v.value ? (i(), u("div", Tr, [
+          l("div", Rr, [
+            y[7] || (y[7] = se(" Тип: ")),
+            l("span", Pr, F(v.value.type), 1)
           ]),
-          l("div", Fr, [
-            l("div", Or, [
-              $[8] || ($[8] = oe(" Центр: ")),
+          l("div", Nr, [
+            l("div", Hr, [
+              y[8] || (y[8] = se(" Центр: ")),
               l("b", null, F(v.value.center.lat.toFixed(5)) + ", " + F(v.value.center.lng.toFixed(5)), 1)
             ]),
-            v.value.areaKm2 !== null ? (i(), u("div", Dr, [
-              $[9] || ($[9] = oe(" Площа: ")),
+            v.value.areaKm2 !== null ? (i(), u("div", qr, [
+              y[9] || (y[9] = se(" Площа: ")),
               l("b", null, F(v.value.areaKm2.toFixed(1)) + "км²", 1)
-            ])) : (i(), u("div", Ur, $[10] || ($[10] = [
-              oe(" Площа: "),
+            ])) : (i(), u("div", Gr, y[10] || (y[10] = [
+              se(" Площа: "),
               l("b", null, "—", -1)
             ]))),
             l("button", {
               class: "tool bg-gray-100 py-1.5 px-2 rounded-lg text-md mr-1 cursor-pointer hover:bg-blue-500 hover:text-white transition-all",
               title: "Наблизити",
-              onClick: $[5] || ($[5] = (O) => E())
-            }, $[11] || ($[11] = [
-              ae('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-3 h-3" data-v-55d330eb><path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" data-v-55d330eb></path><path d="M7 10l6 0" data-v-55d330eb></path><path d="M10 7l0 6" data-v-55d330eb></path><path d="M21 21l-6 -6" data-v-55d330eb></path></svg>', 1)
+              onClick: y[5] || (y[5] = (E) => Y())
+            }, y[11] || (y[11] = [
+              re('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-3 h-3" data-v-ac23d238><path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" data-v-ac23d238></path><path d="M7 10l6 0" data-v-ac23d238></path><path d="M10 7l0 6" data-v-ac23d238></path><path d="M21 21l-6 -6" data-v-ac23d238></path></svg>', 1)
             ])),
             l("button", {
               class: "tool bg-gray-100 py-1.5 px-2 rounded-lg text-md cursor-pointer hover:bg-blue-500 hover:text-white transition-all",
               title: "Видалити",
-              onClick: $[6] || ($[6] = (O) => Q())
+              onClick: y[6] || (y[6] = (E) => we())
             }, [
-              j(Ie, { class: "w-3 h-3" })
+              B(ze, { class: "w-3 h-3" })
             ])
           ])
-        ])) : B("", !0)
+        ])) : j("", !0)
       ])
     ], 2));
   }
-}), Rr = /* @__PURE__ */ R(Tr, [["__scopeId", "data-v-55d330eb"]]), Pr = ["data-focus"], Nr = { class: "flex items-center" }, Hr = { class: "overflow-hidden text-ellipsis whitespace-nowrap rounded-sm text-[#333] text-[85%] px-0.5 py-[3px] pl-1.5 box-border" }, qr = ["onClick", "aria-label"], Gr = {
+}), Kr = /* @__PURE__ */ R(Jr, [["__scopeId", "data-v-ac23d238"]]), Zr = ["data-focus"], Wr = { class: "flex items-center" }, Qr = { class: "overflow-hidden text-ellipsis whitespace-nowrap rounded-sm text-[#333] text-[85%] px-0.5 py-[3px] pl-1.5 box-border" }, Xr = ["onClick", "aria-label"], Yr = {
   key: 0,
   class: "absolute text-gray-500 truncate pl-2"
-}, Jr = { class: "flex-1 min-w-[2px]" }, Kr = ["placeholder"], Zr = { class: "flex items-center shrink-0" }, Wr = ["disabled"], Qr = /* @__PURE__ */ A({
+}, en = { class: "flex-1 min-w-[2px]" }, tn = ["placeholder"], ln = { class: "flex items-center shrink-0" }, on = ["disabled"], an = /* @__PURE__ */ O({
   __name: "vs-input-tag",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ Q({
     unique: { type: Boolean, default: !0 },
     style: { default: () => ({}) },
     customClass: { default: "" },
@@ -3362,71 +3418,71 @@ const Zs = /* @__PURE__ */ R(Gs, [["render", Ks]]), Ws = { class: "form-geom__se
     modelValue: { default: [] },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Z(["update:modelValue"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ Q(["update:modelValue"], ["update:modelValue"]),
   setup(o, { emit: e }) {
     const t = o, n = e;
-    he(t.style);
-    const s = k(null), a = k(null), r = k(null), d = k(!1), p = k(""), f = W(o, "modelValue"), c = D(() => t.placeholder || "Add tag…"), g = D(() => f.value?.length === 0 && p.value === ""), v = D(() => !t.disabled && f.value?.length > 0), M = D(() => t.disabled), I = async () => {
-      M.value || await Ce(() => r.value?.focus());
-    }, U = (C) => {
-      const m = C.trim();
-      m !== "" && (!f.value || !Array.isArray(f.value) ? f.value = [m] : t.unique ? f.value.includes(m) || (f.value = [...f.value, m]) : f.value = [...f.value, m], p.value = "");
+    be(t.style);
+    const s = x(null), a = x(null), r = x(null), d = x(!1), p = x(""), f = X(o, "modelValue"), c = D(() => t.placeholder || "Add tag…"), g = D(() => f.value?.length === 0 && p.value === ""), v = D(() => !t.disabled && f.value?.length > 0), C = D(() => t.disabled), z = async () => {
+      C.value || await Me(() => r.value?.focus());
+    }, U = (P) => {
+      const M = P.trim();
+      M !== "" && (!f.value || !Array.isArray(f.value) ? f.value = [M] : t.unique ? f.value.includes(M) || (f.value = [...f.value, M]) : f.value = [...f.value, M], p.value = "");
     }, T = () => {
-      const C = p.value;
-      C.trim() !== "" && U(C), p.value = "";
-    }, P = (C) => {
-      const m = f.value.slice();
-      m.splice(C, 1), n("update:modelValue", m);
+      const P = p.value;
+      P.trim() !== "" && U(P), p.value = "";
+    }, N = (P) => {
+      const M = f.value.slice();
+      M.splice(P, 1), n("update:modelValue", M);
     }, _ = () => {
       n("update:modelValue", []);
-    }, x = () => {
-      M.value || (d.value = !0);
+    }, b = () => {
+      C.value || (d.value = !0);
     }, h = () => {
       d.value = !1;
-    }, G = (C) => {
-      const { key: m } = C;
-      m === "Enter" ? (C.preventDefault(), T()) : m === "Backspace" && p.value === "" && f.value.length > 0 && P(f.value.length - 1);
+    }, Z = (P) => {
+      const { key: M } = P;
+      M === "Enter" ? (P.preventDefault(), T()) : M === "Backspace" && p.value === "" && f.value.length > 0 && N(f.value.length - 1);
     };
-    return (C, m) => (i(), u("div", {
+    return (P, M) => (i(), u("div", {
       class: "flex gap-1 w-full",
       ref_key: "root",
       ref: s,
-      onClick: m[1] || (m[1] = se(() => {
+      onClick: M[1] || (M[1] = ne(() => {
       }, ["stop"]))
     }, [
       l("div", {
-        class: S(["relative w-full font-sans", t.customClass]),
+        class: V(["relative w-full font-sans", t.customClass]),
         role: "group",
         "aria-label": "Tag input"
       }, [
         l("div", {
-          class: S([
+          class: V([
             "flex min-h-[38px] items-center justify-between rounded border transition-colors bg-white",
             "border-gray-300 hover:border-gray-400",
             d.value ? "border-blue-500 ring-1 ring-blue-500" : "",
-            M.value ? "bg-gray-100 text-gray-400 cursor-not-allowed hover:border-gray-300" : ""
+            C.value ? "bg-gray-100 text-gray-400 cursor-not-allowed hover:border-gray-300" : ""
           ]),
           "data-focus": d.value ? "true" : "false",
-          onClick: I
+          onClick: z
         }, [
           l("div", {
             class: "flex flex-1 flex-wrap items-center gap-1 py-0.5 pl-2 pr-0 overflow-hidden",
             ref_key: "chipsRef",
             ref: a
           }, [
-            (i(!0), u(K, null, Y(f.value, (V, E) => (i(), u("div", {
-              key: E,
+            (i(!0), u(ee, null, le(f.value, (H, Y) => (i(), u("div", {
+              key: Y,
               class: "flex min-w-0 bg-[#e6e6e6] rounded-sm m-0.5 box-border"
             }, [
-              l("div", Nr, [
-                l("div", Hr, F(V), 1)
+              l("div", Wr, [
+                l("div", Qr, F(H), 1)
               ]),
               l("div", {
                 role: "button",
                 class: "flex items-center rounded-sm px-1 box-border hover:bg-[#ffbdad] hover:text-[#de350b]",
-                onClick: se((Q) => P(E), ["stop"]),
-                "aria-label": `Remove ${V}`
-              }, m[2] || (m[2] = [
+                onClick: ne((we) => N(Y), ["stop"]),
+                "aria-label": `Remove ${H}`
+              }, M[2] || (M[2] = [
                 l("svg", {
                   height: "14",
                   width: "14",
@@ -3437,11 +3493,11 @@ const Zs = /* @__PURE__ */ R(Gs, [["render", Ks]]), Ws = { class: "form-geom__se
                 }, [
                   l("path", { d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z" })
                 ], -1)
-              ]), 8, qr)
+              ]), 8, Xr)
             ]))), 128)),
-            g.value ? (i(), u("div", Gr, F(c.value), 1)) : B("", !0),
-            l("div", Jr, [
-              M.value ? B("", !0) : q((i(), u("input", {
+            g.value ? (i(), u("div", Yr, F(c.value), 1)) : j("", !0),
+            l("div", en, [
+              C.value ? j("", !0) : K((i(), u("input", {
                 key: 0,
                 ref_key: "inputRef",
                 ref: r,
@@ -3453,25 +3509,25 @@ const Zs = /* @__PURE__ */ R(Gs, [["render", Ks]]), Ws = { class: "form-geom__se
                 type: "text",
                 tabindex: "0",
                 "aria-label": "Add tag",
-                "onUpdate:modelValue": m[0] || (m[0] = (V) => p.value = V),
-                onFocus: x,
+                "onUpdate:modelValue": M[0] || (M[0] = (H) => p.value = H),
+                onFocus: b,
                 onBlur: h,
-                onKeydown: G,
+                onKeydown: Z,
                 placeholder: f.value && f.value.length ? "" : void 0
-              }, null, 40, Kr)), [
-                [ie, p.value]
+              }, null, 40, tn)), [
+                [de, p.value]
               ])
             ])
           ], 512),
-          l("div", Zr, [
+          l("div", ln, [
             v.value ? (i(), u("button", {
               key: 0,
               type: "button",
               class: "px-2 text-gray-400 hover:text-gray-500 transition-colors disabled:opacity-50",
               "aria-label": "Clear all tags",
-              disabled: M.value,
-              onClick: se(_, ["stop"])
-            }, m[3] || (m[3] = [
+              disabled: C.value,
+              onClick: ne(_, ["stop"])
+            }, M[3] || (M[3] = [
               l("svg", {
                 height: "20",
                 width: "20",
@@ -3480,34 +3536,34 @@ const Zs = /* @__PURE__ */ R(Gs, [["render", Ks]]), Ws = { class: "form-geom__se
               }, [
                 l("path", { d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z" })
               ], -1)
-            ]), 8, Wr)) : B("", !0)
+            ]), 8, on)) : j("", !0)
           ])
-        ], 10, Pr)
+        ], 10, Zr)
       ], 2)
     ], 512));
   }
-}), Xr = {
+}), sn = {
   VsInputText: Ge,
   VsInputRadio: Ke,
   "vs-input-text": Ge,
-  "vs-input-textarea": La,
-  "vs-input-mask": rl,
-  "vs-input-number": Bt,
+  "vs-input-textarea": za,
+  "vs-input-mask": nl,
+  "vs-input-number": jt,
   "vs-input-radio": Ke,
-  "vs-input-select": Ca,
+  "vs-input-select": ja,
   "vs-input-switcher": ot,
   "vs-input-static": Je,
-  "vs-input-container": na,
-  "vs-input-date": xl,
-  "vs-input-checkbox": bl,
-  "vs-input-file": so,
+  "vs-input-container": ia,
+  "vs-input-date": wl,
+  "vs-input-checkbox": yl,
+  "vs-input-file": ro,
   "vs-input-html": Je,
-  "vs-input-email": ul,
-  "vs-input-datatable": Ls,
-  "vs-input-map": Rr,
+  "vs-input-email": dl,
+  "vs-input-datatable": As,
+  "vs-input-map": Kr,
   "vs-input-file-list": Fo,
-  "vs-input-tag": Qr
-}, Yr = /* @__PURE__ */ A({
+  "vs-input-tag": an
+}, rn = /* @__PURE__ */ O({
   __name: "behavior",
   props: {
     api: {},
@@ -3523,7 +3579,7 @@ const Zs = /* @__PURE__ */ R(Gs, [["render", Ks]]), Ws = { class: "form-geom__se
         if (!e.api) return;
         const s = e.api.replace("{{value}}", e.value), a = await fetch(s);
         if (!a.ok) {
-          fe({ type: "warning", title: "Validation", message: "При спробі завантажити дані виникла помилка." });
+          pe({ type: "warning", title: "Validation", message: "При спробі завантажити дані виникла помилка." });
           return;
         }
         const r = await a.json();
@@ -3539,9 +3595,9 @@ const Zs = /* @__PURE__ */ R(Gs, [["render", Ks]]), Ws = { class: "form-geom__se
       class: "vs-button relative inline-flex border-solid justify-center items-center gap-2 rounded-md font-semibold focus:outline-none text-sm transition-all border !border-gray-200 hover:text-white bg-white text-blue-500 hover:border-blue-500 hover:bg-blue-500 focus:ring-blue-500 py-1.5 px-5 focus:ring-1 focus:ring-offset-1 ml-0 md:ml-2 mt-2 md:mt-0 py-[8px] md:w-2/4 whitespace-nowrap w-full"
     }, F(s.button), 1));
   }
-}), en = { class: "flex w-full" }, rt = /* @__PURE__ */ A({
+}), nn = { class: "flex w-full" }, rt = /* @__PURE__ */ O({
   __name: "vs-compact-form-layout",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ Q({
     item: { default: {} },
     layout: { default: "default" },
     style: { default: {} },
@@ -3553,8 +3609,8 @@ const Zs = /* @__PURE__ */ R(Gs, [["render", Ks]]), Ws = { class: "form-geom__se
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = W(o, "modelValue"), n = D(() => Lt[`${e.layout}`]), s = D(() => Xr?.[`vs-input-${e.item.type}`]), a = D(() => {
-      const d = H(s);
+    const e = o, t = X(o, "modelValue"), n = D(() => Lt[`${e.layout}`]), s = D(() => sn?.[`vs-input-${e.item.type}`]), a = D(() => {
+      const d = J(s);
       if (!d) return /* @__PURE__ */ new Set();
       const p = d.props ?? d.__vccOpts?.props;
       if (!p) return /* @__PURE__ */ new Set();
@@ -3564,19 +3620,19 @@ const Zs = /* @__PURE__ */ R(Gs, [["render", Ks]]), Ws = { class: "form-geom__se
       const d = e.item ?? {}, p = a.value;
       return p.size ? Object.fromEntries(Object.entries(d).filter(([f]) => p.has(f))) : {};
     });
-    return (d, p) => (i(), X(we(n.value), {
+    return (d, p) => (i(), te(_e(n.value), {
       ua: e.item.ua,
       error: e.error || "",
       item: d.item,
       label: e.item.label
     }, {
-      default: Me(() => [
-        l("div", en, [
-          (i(), X(we(s.value), Ve(r.value, {
+      default: $e(() => [
+        l("div", nn, [
+          (i(), te(_e(s.value), Le(r.value, {
             modelValue: t.value,
             "onUpdate:modelValue": p[0] || (p[0] = (f) => t.value = f)
           }), null, 16, ["modelValue"])),
-          d.item.behavior ? (i(), X(Yr, Ve({ key: 0 }, d.item.behavior, { value: t.value }), null, 16, ["value"])) : B("", !0)
+          d.item.behavior ? (i(), te(rn, Le({ key: 0 }, d.item.behavior, { value: t.value }), null, 16, ["value"])) : j("", !0)
         ])
       ]),
       _: 1
@@ -3585,23 +3641,23 @@ const Zs = /* @__PURE__ */ R(Gs, [["render", Ks]]), Ws = { class: "form-geom__se
 }), nt = {
   required: "Це поле є обов’язковим",
   email: "Неправильний email"
-}, tn = (o) => o ? !1 : nt.required, ln = (o) => !o && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(o) ? nt.email : !1, on = (o, e) => {
+}, un = (o) => o ? !1 : nt.required, dn = (o) => !o && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(o) ? nt.email : !1, cn = (o, e) => {
   const t = e.pattern ?? e.regexp;
   return !(typeof t == "string" ? new RegExp(t) : t).test(o) && o ? e.message : !1;
-}, an = (o, e) => !1, sn = (o, e) => {
+}, pn = (o, e) => !1, fn = (o, e) => {
   switch (typeof e == "string" ? e : e.type) {
     case "required":
-      return tn(o);
+      return un(o);
     case "email":
-      return ln(o);
+      return dn(o);
     case "regexp":
-      return on(o, e);
+      return cn(o, e);
     case "custom":
-      return an();
+      return pn();
     default:
       return !1;
   }
-}, rn = {
+}, vn = {
   autocomplete: "select",
   combobox: "select",
   datepicker: "date",
@@ -3615,9 +3671,9 @@ const Zs = /* @__PURE__ */ R(Gs, [["render", Ks]]), Ws = { class: "form-geom__se
 };
 function Xe(o) {
   const e = o.toLowerCase();
-  return rn[e] || e;
+  return vn[e] || e;
 }
-function nn(o) {
+function mn(o) {
   if (Array.isArray(o)) {
     const t = [];
     return o.forEach((n) => {
@@ -3637,8 +3693,8 @@ function nn(o) {
     t[1].type.includes("list") && (n.multiple = !0), t[1].data && (n.api = `/api/suggest/${t[1].data}`), e.push(n);
   }), e;
 }
-function un(o, e) {
-  const t = nn(e), n = k({});
+function hn(o, e) {
+  const t = mn(e), n = x({});
   function s(p) {
     const f = p?.conditions;
     if (!f) return !0;
@@ -3652,7 +3708,7 @@ function un(o, e) {
         return;
       }
       c.rules.forEach((g) => {
-        const v = sn(o.value[c.name], g);
+        const v = fn(o.value[c.name], g);
         v ? n.value[c.name] = v : delete n.value[c.name];
       });
     }
@@ -3667,9 +3723,9 @@ function un(o, e) {
     visibleSchema: r
   };
 }
-const Ee = /* @__PURE__ */ A({
+const Ie = /* @__PURE__ */ O({
   __name: "vs-compact-form",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ Q({
     schema: { default: () => [] },
     style: { default: () => ({}) },
     modelValue: {},
@@ -3681,74 +3737,74 @@ const Ee = /* @__PURE__ */ A({
     values: { default: () => ({}) },
     valuesModifiers: {}
   }),
-  emits: /* @__PURE__ */ Z(["handle-submit", "update:modelValue"], ["update:form", "update:values"]),
+  emits: /* @__PURE__ */ Q(["handle-submit", "update:modelValue"], ["update:form", "update:values"]),
   setup(o, { expose: e, emit: t }) {
-    const n = t, s = o, a = W(o, "form"), r = W(o, "values"), {
+    const n = t, s = o, a = X(o, "form"), r = X(o, "values"), {
       errors: d,
       validate: p,
       reset: f,
       visibleSchema: c
-    } = un(r, s.schema), g = () => {
+    } = hn(r, s.schema), g = () => {
       n("update:modelValue", r.value), p(), n("handle-submit", r.value);
     };
     e({
       validate: p,
       reset: f,
       errors: d
-    }), ne(() => {
+    }), ue(() => {
       s.modelValue && (r.value = s.modelValue), a.value.value = r.value, a.value.errors = d.value, a.value.reset = f, a.value.validate = p, a.value.formId = s.formId;
     });
-    function v(M, I) {
-      if (M === I) return !0;
-      if (typeof M != "object" || typeof I != "object" || !M || !I) return !1;
-      const U = Object.keys(M), T = Object.keys(I);
-      return U.length !== T.length ? !1 : U.every((P) => M[P] === I[P]);
+    function v(C, z) {
+      if (C === z) return !0;
+      if (typeof C != "object" || typeof z != "object" || !C || !z) return !1;
+      const U = Object.keys(C), T = Object.keys(z);
+      return U.length !== T.length ? !1 : U.every((N) => C[N] === z[N]);
     }
-    return He("form", a), He("values", r), (M, I) => (i(), u("form", {
-      onSubmit: se(g, ["prevent"]),
-      class: S(["grid grid-cols-12", M.layout === "default" ? "gap-6" : "gap-4"])
+    return He("form", a), He("values", r), (C, z) => (i(), u("form", {
+      onSubmit: ne(g, ["prevent"]),
+      class: V(["grid grid-cols-12", C.layout === "default" ? "gap-6" : "gap-4"])
     }, [
-      (i(!0), u(K, null, Y(H(c), (U) => (i(), X(rt, {
+      (i(!0), u(ee, null, le(J(c), (U) => (i(), te(rt, {
         key: U.name,
-        class: S(M.layout === "horizontal" ? "col-span-12" : `col-span-${U.col || 12} `),
-        style: ve(M.style),
+        class: V(C.layout === "horizontal" ? "col-span-12" : `col-span-${U.col || 12} `),
+        style: he(C.style),
         item: U,
-        layout: M.layout,
+        layout: C.layout,
         "model-value": r.value[U.name],
         "onUpdate:modelValue": (T) => {
-          const P = r.value[U.name];
-          v(P, T) || (r.value[U.name] = T);
+          const N = r.value[U.name];
+          v(N, T) || (r.value[U.name] = T);
         },
-        error: H(d)[U.name]
+        error: J(d)[U.name]
       }, null, 8, ["class", "style", "item", "layout", "model-value", "onUpdate:modelValue", "error"]))), 128))
     ], 34));
   }
 });
-Ee.install = function(e) {
-  e.component("VForm", Ee), Object.assign(e.config.globalProperties, {
-    $form: Le
-  }), e.provide("form", Le), window.v3plugin || (window.v3plugin = {});
+Ie.install = function(e) {
+  e.component("VForm", Ie), Object.assign(e.config.globalProperties, {
+    $form: Oe
+  }), e.provide("form", Oe), window.v3plugin || (window.v3plugin = {});
 };
 export {
-  ua as ModalEdit,
-  Ee as VForm,
-  bl as VsInputCheckbox,
-  na as VsInputContainer,
-  xl as VsInputDate,
-  ul as VsInputEmail,
-  so as VsInputFile,
+  ma as ModalEdit,
+  Ie as VForm,
+  yl as VsInputCheckbox,
+  ia as VsInputContainer,
+  wl as VsInputDate,
+  dl as VsInputEmail,
+  ro as VsInputFile,
   Fo as VsInputFileList,
-  rl as VsInputMask,
-  Bt as VsInputNumber,
+  nl as VsInputMask,
+  jt as VsInputNumber,
   Ke as VsInputRadio,
-  Ca as VsInputSelect,
+  ja as VsInputSelect,
   Je as VsInputStatic,
   ot as VsInputSwitcher,
-  Qr as VsInputTag,
+  an as VsInputTag,
   Ge as VsInputText,
-  La as VsInputTextarea,
-  Ee as default,
-  Xr as inputs,
-  Ls as vsInputDatatable,
-  Rr as vsInputMap
+  za as VsInputTextarea,
+  Ie as default,
+  sn as inputs,
+  As as vsInputDatatable,
+  Kr as vsInputMap
 };