@opengis/form 0.0.16 → 0.0.18

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as I, createElementBlock as u, openBlock as i, createCommentVNode as j, renderSlot as ve, createElementVNode as t, toDisplayString as E, normalizeProps as Ee, guardReactiveProps as Fe, createTextVNode as oe, computed as F, mergeModels as q, useModel as G, withDirectives as K, normalizeClass as B, unref as H, vModelText as ne, vModelCheckbox as Qe, createVNode as A, ref as $, createBlock as X, resolveDynamicComponent as xe, normalizeStyle as fe, withCtx as Me, withModifiers as ae, onMounted as ue, onBeforeUnmount as ut, watch as se, createStaticVNode as re, vModelRadio as Xe, Fragment as Q, renderList as Y, mergeProps as Ce, reactive as dt, vShow as De, inject as Se, resolveComponent as Pe, Transition as Ye, createApp as ct, h as pt, onUnmounted as et, nextTick as $e, Teleport as ft, provide as Ne } from "vue";
+import { defineComponent as A, createElementBlock as u, openBlock as i, createCommentVNode as S, renderSlot as ve, createElementVNode as t, toDisplayString as E, normalizeProps as Ee, guardReactiveProps as Fe, createTextVNode as oe, computed as D, mergeModels as q, useModel as G, withDirectives as K, normalizeClass as B, unref as H, vModelText as ne, vModelCheckbox as Qe, createVNode as j, ref as $, createBlock as X, resolveDynamicComponent as xe, normalizeStyle as fe, withCtx as Me, withModifiers as re, onMounted as ue, onBeforeUnmount as ut, watch as se, createStaticVNode as ae, vModelRadio as Xe, Fragment as Q, renderList as Y, mergeProps as Ce, reactive as dt, vShow as De, inject as Se, resolveComponent as Pe, Transition as Ye, createApp as ct, h as pt, onUnmounted as et, nextTick as $e, Teleport as ft, provide as Ne } from "vue";
 import { notify as pe } from "@opengis/core";
 const vt = { class: "w-full relative" }, mt = {
   key: 0,
@@ -9,7 +9,7 @@ const vt = { class: "w-full relative" }, mt = {
 }, gt = {
   key: 1,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, bt = /* @__PURE__ */ I({
+}, bt = /* @__PURE__ */ A({
   __name: "vs-layout-default",
   props: {
     ua: { default: "" },
@@ -21,10 +21,10 @@ const vt = { class: "w-full relative" }, mt = {
     return (e, l) => (i(), u("div", vt, [
       e.ua || e.label ? (i(), u("div", mt, [
         t("span", null, E(e.ua || e.label), 1),
-        e.item?.rules?.includes("required") ? (i(), u("span", ht, "*")) : j("", !0)
-      ])) : j("", !0),
+        e.item?.rules?.includes("required") ? (i(), u("span", ht, "*")) : S("", !0)
+      ])) : S("", !0),
       ve(e.$slots, "default", Ee(Fe(e.$attrs))),
-      e.error ? (i(), u("span", gt, E(e.error), 1)) : j("", !0)
+      e.error ? (i(), u("span", gt, E(e.error), 1)) : S("", !0)
     ]));
   }
 }), yt = { class: "w-full relative flex flex-row items-center gap-2" }, xt = {
@@ -36,7 +36,7 @@ const vt = { class: "w-full relative" }, mt = {
 }, kt = {
   key: 1,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, _t = /* @__PURE__ */ I({
+}, _t = /* @__PURE__ */ A({
   __name: "vs-layout-horizontal",
   props: {
     ua: { default: "" },
@@ -48,16 +48,16 @@ const vt = { class: "w-full relative" }, mt = {
     return (e, l) => (i(), u("div", yt, [
       e.item?.type !== "html" ? (i(), u("span", xt, [
         oe(E(e.ua || e.label) + " ", 1),
-        e.item?.rules?.includes("required") && (e.ua || e.label) ? (i(), u("span", wt, "*")) : j("", !0)
-      ])) : j("", !0),
+        e.item?.rules?.includes("required") && (e.ua || e.label) ? (i(), u("span", wt, "*")) : S("", !0)
+      ])) : S("", !0),
       ve(e.$slots, "default", Ee(Fe(e.$attrs))),
-      e.error ? (i(), u("span", kt, E(e.error), 1)) : j("", !0)
+      e.error ? (i(), u("span", kt, E(e.error), 1)) : S("", !0)
     ]));
   }
 }), $t = { class: "w-full relative" }, Ct = {
   key: 0,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, Vt = /* @__PURE__ */ I({
+}, Vt = /* @__PURE__ */ A({
   __name: "vs-layout-inline",
   props: {
     ua: { default: "" },
@@ -68,7 +68,7 @@ const vt = { class: "w-full relative" }, mt = {
   setup(o) {
     return (e, l) => (i(), u("div", $t, [
       ve(e.$slots, "default", Ee(Fe(e.$attrs))),
-      e.error ? (i(), u("span", Ct, E(e.error), 1)) : j("", !0)
+      e.error ? (i(), u("span", Ct, E(e.error), 1)) : S("", !0)
     ]));
   }
 }), Mt = {
@@ -78,13 +78,13 @@ const vt = { class: "w-full relative" }, mt = {
 };
 function me(o) {
   return {
-    inputClass: F(() => {
+    inputClass: D(() => {
       const l = `disabled:opacity-50 disabled:cursor-not-allowed outline-none focus:ring-2 focus:ring-ring focus:ring-${o?.primaryColor || "blue"}-500 border border-solid border-stone-200 rounded-md text-sm text-stone-800 placeholder:text-stone-400 `;
       return o?.size === "sm" ? `${l}h-[32px]` : `${l}h-[38px]`;
     })
   };
 }
-const Lt = ["placeholder", "disabled"], He = /* @__PURE__ */ I({
+const Lt = ["placeholder", "disabled"], He = /* @__PURE__ */ A({
   __name: "vs-input-text",
   props: /* @__PURE__ */ q({
     style: { default: () => ({}) },
@@ -101,12 +101,12 @@ const Lt = ["placeholder", "disabled"], He = /* @__PURE__ */ I({
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, { inputClass: l } = me(e.style), n = G(o, "modelValue");
-    return (a, r) => K((i(), u("input", {
+    return (r, a) => K((i(), u("input", {
       type: "text",
-      "onUpdate:modelValue": r[0] || (r[0] = (s) => n.value = s),
-      placeholder: a.placeholder,
-      disabled: a.disabled,
-      class: B(["py-1.5 px-3 block w-full placeholder:text[#767f8f]", [H(l), { "!border-red-600": a.error }]]),
+      "onUpdate:modelValue": a[0] || (a[0] = (s) => n.value = s),
+      placeholder: r.placeholder,
+      disabled: r.disabled,
+      class: B(["py-1.5 px-3 block w-full placeholder:text[#767f8f]", [H(l), { "!border-red-600": r.error }]]),
       style: {
         border: "1px solid #CFD9E0"
       }
@@ -114,7 +114,7 @@ const Lt = ["placeholder", "disabled"], He = /* @__PURE__ */ I({
       [ne, n.value]
     ]);
   }
-}), Bt = ["placeholder"], St = /* @__PURE__ */ I({
+}), Bt = ["placeholder"], St = /* @__PURE__ */ A({
   __name: "vs-input-number",
   props: /* @__PURE__ */ q({
     style: { default: () => ({}) },
@@ -131,11 +131,11 @@ const Lt = ["placeholder", "disabled"], He = /* @__PURE__ */ I({
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, { inputClass: l } = me(e.style), n = G(o, "modelValue");
-    return (a, r) => K((i(), u("input", {
+    return (r, a) => K((i(), u("input", {
       type: "number",
       step: "any",
-      "onUpdate:modelValue": r[0] || (r[0] = (s) => n.value = s),
-      placeholder: a.placeholder,
+      "onUpdate:modelValue": a[0] || (a[0] = (s) => n.value = s),
+      placeholder: r.placeholder,
       class: B(["py-1.5 px-3 block w-full", [H(l)]]),
       style: {
         border: "1px solid #CFD9E0"
@@ -146,10 +146,10 @@ const Lt = ["placeholder", "disabled"], He = /* @__PURE__ */ I({
   }
 }), R = (o, e) => {
   const l = o.__vccOpts || o;
-  for (const [n, a] of e)
-    l[n] = a;
+  for (const [n, r] of e)
+    l[n] = r;
   return l;
-}, jt = {}, At = {
+}, jt = {}, It = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -159,8 +159,8 @@ const Lt = ["placeholder", "disabled"], He = /* @__PURE__ */ I({
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-check"
 };
-function It(o, e) {
-  return i(), u("svg", At, e[0] || (e[0] = [
+function At(o, e) {
+  return i(), u("svg", It, e[0] || (e[0] = [
     t("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -169,7 +169,7 @@ function It(o, e) {
     t("path", { d: "M5 12l5 5l10 -10" }, null, -1)
   ]));
 }
-const zt = /* @__PURE__ */ R(jt, [["render", It]]), Ot = { class: "flex items-center gap-[4px]" }, Et = ["value", "id", "disabled"], Ft = ["for"], Dt = { class: "text-[14px] text-gray-700 flex items-center gap-x-1 ml-1 dark:text-neutral-400" }, Ut = /* @__PURE__ */ I({
+const zt = /* @__PURE__ */ R(jt, [["render", At]]), Ot = { class: "flex items-center gap-[4px]" }, Et = ["value", "id", "disabled"], Ft = ["for"], Dt = { class: "text-[14px] text-gray-700 flex items-center gap-x-1 ml-1 dark:text-neutral-400" }, Ut = /* @__PURE__ */ A({
   __name: "vs-checkbox-default",
   props: {
     value: { default: "" },
@@ -182,45 +182,45 @@ const zt = /* @__PURE__ */ R(jt, [["render", It]]), Ot = { class: "flex items-ce
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const l = e, n = o, a = F({
+    const l = e, n = o, r = D({
       get: () => n.modelValue,
-      set: (r) => l("update:modelValue", r)
+      set: (a) => l("update:modelValue", a)
     });
-    return (r, s) => (i(), u("div", Ot, [
+    return (a, s) => (i(), u("div", Ot, [
       K(t("input", {
         type: "checkbox",
-        value: r.value,
-        "onUpdate:modelValue": s[0] || (s[0] = (d) => a.value = d),
-        class: B(["shrink-0 border border-solid hidden border-gray-700 w-3.5 h-3.5 rounded text-blue-600 focus:ring-offset-0 dark:bg-neutral-800 dark:border-neutral-700 cursor-pointer", { "!cursor-not-allowed": r.disabled }]),
-        id: r.id,
-        disabled: r.disabled
+        value: a.value,
+        "onUpdate:modelValue": s[0] || (s[0] = (d) => r.value = d),
+        class: B(["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, Et), [
-        [Qe, a.value]
+        [Qe, r.value]
       ]),
       t("label", {
-        for: r.id,
-        class: B(["flex flex-1 checkbox-label items-center gap-x-2 cursor-pointer text-sm text-gray-800 dark:text-neutral-300", { "!cursor-not-allowed": r.disabled }])
+        for: a.id,
+        class: B(["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 }])
       }, [
         t("div", {
-          class: B(["h-[16px] text-white w-[16px] flex items-center justify-center shrink-0 border rounded", [a.value ? "bg-blue-600 border-blue-600" : "bg-white border-gray-600", r.error ? "border-red-600" : ""]])
+          class: B(["h-[16px] text-white w-[16px] flex items-center justify-center shrink-0 border rounded", [r.value ? "bg-blue-600 border-blue-600" : "bg-white border-gray-600", a.error ? "border-red-600" : ""]])
         }, [
-          A(zt, {
+          j(zt, {
             height: "12",
             width: "12"
           })
         ], 2),
         t("span", Dt, [
-          ve(r.$slots, "default", {}, () => [
-            oe(E(r.label), 1)
+          ve(a.$slots, "default", {}, () => [
+            oe(E(a.label), 1)
           ])
         ])
       ], 10, Ft)
     ]));
   }
-}), Rt = ["name", "value", "disabled"], Tt = { class: "flex items-center gap-[6px] text-[14px]" }, Pt = {
+}), Tt = ["name", "value", "disabled"], Rt = { class: "flex items-center gap-[6px] text-[14px]" }, Pt = {
   key: 0,
   class: "text-[16px]"
-}, Nt = ["src"], Ht = /* @__PURE__ */ I({
+}, Nt = ["src"], Ht = /* @__PURE__ */ A({
   __name: "vs-checkbox-buttons",
   props: {
     value: { type: [String, Number, Boolean], default: "" },
@@ -234,46 +234,46 @@ const zt = /* @__PURE__ */ R(jt, [["render", It]]), Ot = { class: "flex items-ce
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const l = o, n = e, a = F({
+    const l = o, n = e, r = D({
       get: () => l.modelValue,
       set: (d) => {
         n("update:modelValue", d);
       }
-    }), r = F(() => Array.isArray(a.value) ? a.value.includes(l.value) : a.value === !0 || a.value === l.value), s = F(() => l.style?.size === "xs" ? "p-1.5 text-xs" : l.style?.size === "lg" ? "p-3.5 text-[20px]" : "p-2.5 text-xs");
+    }), a = D(() => Array.isArray(r.value) ? r.value.includes(l.value) : r.value === !0 || r.value === l.value), s = D(() => l.style?.size === "xs" ? "p-1.5 text-xs" : l.style?.size === "lg" ? "p-3.5 text-[20px]" : "p-2.5 text-xs");
     return (d, p) => (i(), u("label", {
-      class: B(["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", [s.value, r.value ? "ring-blue-500" : "border border-gray-200 ring-transparent"]])
+      class: B(["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", [s.value, a.value ? "ring-blue-500" : "border border-gray-200 ring-transparent"]])
     }, [
       K(t("input", {
         type: "checkbox",
         class: "hidden",
         name: d.id,
         value: d.value,
-        "onUpdate:modelValue": p[0] || (p[0] = (v) => a.value = v),
+        "onUpdate:modelValue": p[0] || (p[0] = (f) => r.value = f),
         disabled: d.disabled
-      }, null, 8, Rt), [
-        [Qe, a.value]
+      }, null, 8, Tt), [
+        [Qe, r.value]
       ]),
-      t("span", Tt, [
+      t("span", Rt, [
         d.icon || d.imgUrl ? (i(), u("span", Pt, [
           d.icon ? (i(), u("i", {
             key: 0,
             class: B(d.icon)
-          }, null, 2)) : j("", !0),
+          }, null, 2)) : S("", !0),
           d.imgUrl ? (i(), u("img", {
             key: 1,
             src: d.imgUrl,
             width: "16",
             height: "16",
             alt: "icon"
-          }, null, 8, Nt)) : j("", !0)
-        ])) : j("", !0),
+          }, null, 8, Nt)) : S("", !0)
+        ])) : S("", !0),
         ve(d.$slots, "default", {}, () => [
           oe(E(d.label), 1)
         ])
       ])
     ], 2));
   }
-}), qt = { class: "flex items-center" }, tt = /* @__PURE__ */ I({
+}), qt = { class: "flex items-center" }, tt = /* @__PURE__ */ A({
   __name: "vs-input-checkbox-item",
   props: {
     value: { default: "" },
@@ -290,12 +290,12 @@ const zt = /* @__PURE__ */ R(jt, [["render", It]]), Ot = { class: "flex items-ce
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const l = o, n = e, a = `radio-${Math.floor(Math.random() * 1e4)}`, r = F({
+    const l = o, n = e, r = `radio-${Math.floor(Math.random() * 1e4)}`, a = D({
       get: () => Array.isArray(l.modelValue) ? Array.isArray(l.modelValue) && l.modelValue.includes(l.value) : l.modelValue,
       set: (d) => {
         if (Array.isArray(l.modelValue)) {
           let p = [...l.modelValue];
-          d ? p.includes(l.value) || p.push(l.value) : p = p.filter((v) => v !== l.value), n("update:modelValue", p);
+          d ? p.includes(l.value) || p.push(l.value) : p = p.filter((f) => f !== l.value), n("update:modelValue", p);
         } else
           n("update:modelValue", d);
       }
@@ -306,9 +306,9 @@ const zt = /* @__PURE__ */ R(jt, [["render", It]]), Ot = { class: "flex items-ce
         label: d.label,
         info: d.option?.info,
         disabled: d.disabled,
-        modelValue: r.value,
-        "onUpdate:modelValue": p[0] || (p[0] = (v) => r.value = v),
-        id: a,
+        modelValue: a.value,
+        "onUpdate:modelValue": p[0] || (p[0] = (f) => a.value = f),
+        id: r,
         icon: d.icon,
         imgUrl: d.imgUrl,
         style: fe(d.style),
@@ -370,7 +370,7 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
 }, tl = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, ll = ["title"], ol = ["disabled"], lt = /* @__PURE__ */ I({
+}, ll = ["title"], ol = ["disabled"], lt = /* @__PURE__ */ A({
   __name: "vs-input-switcher",
   props: /* @__PURE__ */ q({
     rules: { default: () => [] },
@@ -392,29 +392,29 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, l = G(o, "modelValue");
-    return (n, a) => e.view === "checkbox" ? (i(), u("div", el, [
-      A(tt, {
+    return (n, r) => e.view === "checkbox" ? (i(), u("div", el, [
+      j(tt, {
         modelValue: l.value,
-        "onUpdate:modelValue": a[0] || (a[0] = (r) => l.value = r),
+        "onUpdate:modelValue": r[0] || (r[0] = (a) => l.value = a),
         label: n.text,
         error: n.error || ""
       }, null, 8, ["modelValue", "label", "error"]),
-      n.rules?.includes("required") ? (i(), u("span", tl, "*")) : j("", !0),
+      n.rules?.includes("required") ? (i(), u("span", tl, "*")) : S("", !0),
       n.i ? (i(), u("button", {
         key: 1,
         class: "cursor-pointer",
         title: n.i,
-        onClick: a[1] || (a[1] = ae(() => {
+        onClick: r[1] || (r[1] = re(() => {
         }, ["prevent"]))
       }, [
-        A(H(Yt), { class: "text-gray-500 w-[14px] h-[14px]" })
-      ], 8, ll)) : j("", !0)
+        j(H(Yt), { class: "text-gray-500 w-[14px] h-[14px]" })
+      ], 8, ll)) : S("", !0)
     ])) : (i(), u("button", {
       key: 1,
       type: "button",
       class: B(["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", [l.value ? `bg-${n.style?.primaryColor || "blue"}-500` : "bg-stone-200", n.customClass]]),
       disabled: n.disabled,
-      onClick: a[2] || (a[2] = (r) => l.value = !l.value)
+      onClick: r[2] || (r[2] = (a) => l.value = !l.value)
     }, [
       t("span", {
         "data-state": "checked",
@@ -422,7 +422,7 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
       }, null, 2)
     ], 10, ol));
   }
-}), rl = ["innerHTML"], qe = /* @__PURE__ */ I({
+}), al = ["innerHTML"], qe = /* @__PURE__ */ A({
   __name: "vs-input-static",
   props: {
     text: { default: "" },
@@ -439,9 +439,9 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
     return (e, l) => (i(), u("div", {
       class: B(e.customClass),
       innerHTML: e.html ? e.html : e.text
-    }, null, 10, rl));
+    }, null, 10, al));
   }
-}), al = ["placeholder", "disabled", "name"], sl = /* @__PURE__ */ I({
+}), rl = ["placeholder", "disabled", "name"], sl = /* @__PURE__ */ A({
   __name: "vs-input-mask",
   props: /* @__PURE__ */ q({
     name: {},
@@ -459,12 +459,12 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: l } = me(e.style), n = G(o, "modelValue"), a = $(null);
-    let r = null;
+    const e = o, { inputClass: l } = me(e.style), n = G(o, "modelValue"), r = $(null);
+    let a = null;
     return ue(async () => {
-      if (a.value) {
+      if (r.value) {
         const { default: s } = await import("./index-W-qQIppj.js");
-        r = s(a.value, {
+        a = s(r.value, {
           mask: e.mask || "",
           definitions: {
             9: /[0-9]/,
@@ -473,16 +473,16 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
           },
           lazy: !1,
           placeholderChar: e.placeholder
-        }), r.on("accept", () => {
-          n.value = e.unmask ? r.unmaskedValue : r.value;
-        }), r.on("complete", () => {
-          n.value = e.unmask ? r.unmaskedValue : r.value;
-        }), r.value = n.value ?? "";
+        }), a.on("accept", () => {
+          n.value = e.unmask ? a.unmaskedValue : a.value;
+        }), a.on("complete", () => {
+          n.value = e.unmask ? a.unmaskedValue : a.value;
+        }), a.value = n.value ?? "";
       }
     }), ut(() => {
-      r?.destroy();
+      a?.destroy();
     }), se(() => e.mask, (s) => {
-      r && r.updateOptions({
+      a && a.updateOptions({
         mask: s,
         definitions: {
           9: /[0-9]/,
@@ -491,11 +491,11 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
         }
       });
     }), se(n, (s) => {
-      r && r.unmaskedValue !== s && (r.value = s || "");
+      a && a.unmaskedValue !== s && (a.value = s || "");
     }), (s, d) => (i(), u("input", {
       type: "text",
       ref_key: "inputEl",
-      ref: a,
+      ref: r,
       placeholder: s.placeholder,
       disabled: s.disabled,
       name: s.name,
@@ -503,9 +503,9 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, al));
+    }, null, 10, rl));
   }
-}), nl = { class: "relative w-full bg-white rounded-lg" }, il = ["placeholder", "disabled"], ul = /* @__PURE__ */ I({
+}), nl = { class: "relative w-full bg-white rounded-lg" }, il = ["placeholder", "disabled"], ul = /* @__PURE__ */ A({
   __name: "vs-input-email",
   props: /* @__PURE__ */ q({
     style: { default: () => ({}) },
@@ -522,14 +522,14 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, { inputClass: l } = me(e.style), n = G(o, "modelValue");
-    return (a, r) => (i(), u("div", nl, [
-      r[1] || (r[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)),
+    return (r, 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)),
       K(t("input", {
         type: "email",
-        "onUpdate:modelValue": r[0] || (r[0] = (s) => n.value = s),
-        placeholder: a.placeholder,
-        disabled: a.disabled,
-        class: B(["!pl-8 py-1.5 px-3 block w-full placeholder:text[#767f8f]", [H(l), { "!border-red-600": a.error }]]),
+        "onUpdate:modelValue": a[0] || (a[0] = (s) => n.value = s),
+        placeholder: r.placeholder,
+        disabled: r.disabled,
+        class: B(["!pl-8 py-1.5 px-3 block w-full placeholder:text[#767f8f]", [H(l), { "!border-red-600": r.error }]]),
         style: {
           border: "1px solid #CFD9E0"
         }
@@ -538,7 +538,7 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
       ])
     ]));
   }
-}), dl = ["value", "disabled"], cl = { class: "text-[13px] text-gray-700" }, pl = /* @__PURE__ */ I({
+}), dl = ["value", "disabled"], cl = { class: "text-[13px] text-gray-700" }, pl = /* @__PURE__ */ A({
   __name: "vs-input-radio-default",
   props: /* @__PURE__ */ q({
     style: {},
@@ -561,7 +561,7 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
       class: B(["flex items-center gap-0", [l.customClass]])
     }, [
       K(t("input", {
-        "onUpdate:modelValue": n[0] || (n[0] = (a) => e.value = a),
+        "onUpdate:modelValue": n[0] || (n[0] = (r) => e.value = r),
         type: "radio",
         value: l.value,
         disabled: l.disabled,
@@ -578,12 +578,12 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
         e.value == l.value ? (i(), u("span", {
           key: 0,
           class: B(["w-[12px] h-[12px] shrink-0 rounded-full", [`bg-${l.style?.primaryColor || "blue"}-500`]])
-        }, null, 2)) : j("", !0)
+        }, null, 2)) : S("", !0)
       ], 2),
       t("span", cl, E(l.text), 1)
     ], 2));
   }
-}), fl = ["value", "disabled"], vl = { class: "text-[13px] text-gray-700" }, ml = /* @__PURE__ */ I({
+}), fl = ["value", "disabled"], vl = { class: "text-[13px] text-gray-700" }, ml = /* @__PURE__ */ A({
   __name: "vs-input-radio-buttons",
   props: /* @__PURE__ */ q({
     style: {},
@@ -609,7 +609,7 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
       ]])
     }, [
       K(t("input", {
-        "onUpdate:modelValue": n[0] || (n[0] = (a) => e.value = a),
+        "onUpdate:modelValue": n[0] || (n[0] = (r) => e.value = r),
         type: "radio",
         value: l.value,
         disabled: l.disabled,
@@ -623,7 +623,7 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
 }), hl = {
   "vs-input-radio-default": pl,
   "vs-input-radio-buttons": ml
-}, Ge = /* @__PURE__ */ I({
+}, Ge = /* @__PURE__ */ A({
   __name: "vs-input-radio",
   props: /* @__PURE__ */ q({
     options: {},
@@ -642,21 +642,21 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, l = G(o, "modelValue"), n = F(() => hl[`vs-input-radio-${e.view}`]);
-    return (a, r) => (i(), u("div", {
-      class: B([a.position === "horizontal" ? "flex items-center flex-wrap gap-2" : ""])
+    const e = o, l = G(o, "modelValue"), n = D(() => hl[`vs-input-radio-${e.view}`]);
+    return (r, a) => (i(), u("div", {
+      class: B([r.position === "horizontal" ? "flex items-center flex-wrap gap-2" : ""])
     }, [
-      (i(!0), u(Q, null, Y(a.options, (s) => (i(), X(xe(n.value), Ce({
+      (i(!0), u(Q, null, Y(r.options, (s) => (i(), X(xe(n.value), Ce({
         key: s?.id,
         text: s.text,
         value: s.id.toString(),
         checked: l.value === s.id,
         modelValue: l.value,
-        "onUpdate:modelValue": r[0] || (r[0] = (d) => l.value = d)
-      }, { ref_for: !0 }, a.$attrs), null, 16, ["text", "value", "checked", "modelValue"]))), 128))
+        "onUpdate:modelValue": a[0] || (a[0] = (d) => l.value = d)
+      }, { ref_for: !0 }, r.$attrs), null, 16, ["text", "value", "checked", "modelValue"]))), 128))
     ], 2));
   }
-}), gl = /* @__PURE__ */ I({
+}), gl = /* @__PURE__ */ A({
   __name: "vs-input-checkbox",
   props: {
     options: { default: () => [] },
@@ -675,10 +675,10 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const l = o, n = e, a = $([]), r = dt({}), s = (c) => c?.value || c?.id || c?.text || c, d = (c) => c.text || String(c), p = (c) => `lg:col-span-${c || 12}`, v = async () => {
+    const l = o, n = e, r = $([]), a = dt({}), s = (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/${l.data}`).then((g) => g.json());
-        a.value = c?.data || c;
+        r.value = c?.data || c;
       } catch (c) {
         console.error(c);
       }
@@ -686,78 +686,78 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
     return se(
       () => l.modelValue,
       (c) => {
-        if (typeof c == "boolean" && a.value.length === 1) {
-          const g = s(a.value[0]);
-          r[g] = c;
+        if (typeof c == "boolean" && r.value.length === 1) {
+          const g = s(r.value[0]);
+          a[g] = c;
         } else if (Array.isArray(c)) {
           const g = new Set(c);
-          a.value.forEach((f) => {
-            if (!f.disabled) {
-              const M = s(f);
-              r[M] = g.has(M);
+          r.value.forEach((v) => {
+            if (!v.disabled) {
+              const M = s(v);
+              a[M] = g.has(M);
             }
           });
         }
       },
       { immediate: !0 }
     ), se(
-      r,
+      a,
       () => {
-        if (!a.value.length) {
+        if (!r.value.length) {
           n("update:modelValue", null);
           return;
         }
-        const c = Object.entries(r).filter(([, g]) => g).map(([g]) => g);
+        const c = Object.entries(a).filter(([, g]) => g).map(([g]) => g);
         n("update:modelValue", c.length === 0 ? null : c);
       },
       { deep: !0 }
     ), ue(() => {
       if (l.data)
-        v().then(() => {
-          if (typeof l.modelValue == "boolean" && a.value.length === 1) {
-            const c = s(a.value[0]);
-            r[c] = l.modelValue;
+        f().then(() => {
+          if (typeof l.modelValue == "boolean" && r.value.length === 1) {
+            const c = s(r.value[0]);
+            a[c] = l.modelValue;
           } else if (Array.isArray(l.modelValue)) {
             const c = new Set(l.modelValue);
-            a.value.forEach((g) => {
+            r.value.forEach((g) => {
               if (!g.disabled) {
-                const f = s(g);
-                r[f] = c.has(f);
+                const v = s(g);
+                a[v] = c.has(v);
               }
             });
           }
         });
-      else if (a.value = l.options, typeof l.modelValue == "boolean" && a.value.length === 1) {
-        const c = s(a.value[0]);
-        r[c] = l.modelValue;
+      else if (r.value = l.options, typeof l.modelValue == "boolean" && r.value.length === 1) {
+        const c = s(r.value[0]);
+        a[c] = l.modelValue;
       } else if (Array.isArray(l.modelValue)) {
         const c = new Set(l.modelValue);
-        a.value.forEach((g) => {
+        r.value.forEach((g) => {
           if (!g.disabled) {
-            const f = s(g);
-            r[f] = c.has(f);
+            const v = s(g);
+            a[v] = c.has(v);
           }
         });
       }
     }), (c, g) => (i(), u("div", {
       class: B(["p-0 w-full gap-[6px]", [c.position === "vertical" ? "flex-col" : "", c.colSpan ? "grid" : "flex justify-start"]])
     }, [
-      (i(!0), u(Q, null, Y(a.value, (f) => (i(), X(tt, {
-        modelValue: r[s(f)],
-        "onUpdate:modelValue": (M) => r[s(f)] = M,
-        value: s(f),
+      (i(!0), u(Q, null, Y(r.value, (v) => (i(), X(tt, {
+        modelValue: a[s(v)],
+        "onUpdate:modelValue": (M) => a[s(v)] = M,
+        value: s(v),
         class: B(p(c.colSpan)),
-        disabled: f.disabled,
-        label: d(f),
-        key: s(f),
-        icon: f?.icon,
-        imgUrl: f?.imgUrl,
-        option: f,
+        disabled: v.disabled,
+        label: d(v),
+        key: s(v),
+        icon: v?.icon,
+        imgUrl: v?.imgUrl,
+        option: v,
         view: c.view
       }, null, 8, ["modelValue", "onUpdate:modelValue", "value", "class", "disabled", "label", "icon", "imgUrl", "option", "view"]))), 128))
     ], 2));
   }
-}), bl = /* @__PURE__ */ R(gl, [["__scopeId", "data-v-54f9e19c"]]), yl = ["placeholder", "disabled"], xl = /* @__PURE__ */ I({
+}), bl = /* @__PURE__ */ R(gl, [["__scopeId", "data-v-54f9e19c"]]), yl = ["placeholder", "disabled"], xl = /* @__PURE__ */ A({
   __name: "vs-input-date1",
   props: /* @__PURE__ */ q({
     style: { default: () => ({}) },
@@ -774,11 +774,11 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, { inputClass: l } = me(e.style), n = G(o, "modelValue");
-    return (a, r) => K((i(), u("input", {
+    return (r, a) => K((i(), u("input", {
       type: "date",
-      "onUpdate:modelValue": r[0] || (r[0] = (s) => n.value = s),
-      placeholder: a.placeholder,
-      disabled: a.disabled,
+      "onUpdate:modelValue": a[0] || (a[0] = (s) => n.value = s),
+      placeholder: r.placeholder,
+      disabled: r.disabled,
       class: B(["py-1.5 px-3 block w-full placeholder:text[#767f8f]", [H(l)]]),
       style: {
         border: "1px solid #CFD9E0"
@@ -789,21 +789,21 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
   }
 }), wl = async (o, e, l, n) => {
   try {
-    const a = new FormData();
-    return a.append("unique", "true"), a.append("file", o), (await fetch(
+    const r = new FormData();
+    return r.append("unique", "true"), r.append("file", o), (await fetch(
       `/file/upload/uploads?id=${e || ""}&form=${l || ""}&table=${n || ""}`,
       {
         method: "POST",
-        body: a
+        body: r
       }
     ).then((s) => s.json()))?.result;
-  } catch (a) {
+  } catch (r) {
     return pe({
       type: "error",
       title: "Помилка!",
       message: "Сталась помилка під час завантаження файлу",
       position: "right-bottom"
-    }), console.error("Сталась помилка завантаження файлу", a), null;
+    }), console.error("Сталась помилка завантаження файлу", r), null;
   }
 }, kl = async (o) => {
   try {
@@ -813,8 +813,8 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
   }
 }, Je = async (o) => {
   try {
-    const e = await fetch(`file/download/files/uploads${o}`), l = await e.arrayBuffer(), n = e.headers["content-type"], a = new TextDecoder("utf-8").decode(l), r = new Blob([a], { type: n }), s = document.createElement("a");
-    s.setAttribute("download", o), s.href = window.URL.createObjectURL(r), s.click();
+    const e = await fetch(`file/download/files/uploads${o}`), l = await e.arrayBuffer(), n = e.headers["content-type"], r = new TextDecoder("utf-8").decode(l), a = new Blob([r], { type: n }), s = document.createElement("a");
+    s.setAttribute("download", o), s.href = window.URL.createObjectURL(a), s.click();
   } catch (e) {
     console.error(e.message);
   }
@@ -847,9 +847,9 @@ const je = /* @__PURE__ */ R(_l, [["render", Cl]]), Vl = {}, Ml = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Ll(o, e, l, n, a, r) {
+function Ll(o, e, l, n, r, a) {
   return i(), u("svg", Ml, e[0] || (e[0] = [
-    re('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><line x1="9" y1="9" x2="10" y2="9"></line><line x1="9" y1="13" x2="15" y2="13"></line><line x1="9" y1="17" x2="15" y2="17"></line>', 6)
+    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)
   ]));
 }
 const Bl = /* @__PURE__ */ R(Vl, [["render", Ll]]), Sl = {}, jl = {
@@ -864,7 +864,7 @@ const Bl = /* @__PURE__ */ R(Vl, [["render", Ll]]), Sl = {}, jl = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Al(o, e, l, n, a, r) {
+function Il(o, e, l, n, r, a) {
   return i(), u("svg", jl, e[0] || (e[0] = [
     t("path", {
       stroke: "none",
@@ -892,7 +892,7 @@ function Al(o, e, l, n, a, r) {
     }, null, -1)
   ]));
 }
-const Il = /* @__PURE__ */ R(Sl, [["render", Al]]), zl = {}, Ol = {
+const Al = /* @__PURE__ */ R(Sl, [["render", Il]]), zl = {}, Ol = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -904,9 +904,9 @@ const Il = /* @__PURE__ */ R(Sl, [["render", Al]]), zl = {}, Ol = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-file-unknown"
 };
-function El(o, e, l, n, a, r) {
+function El(o, e, l, n, r, a) {
   return i(), u("svg", Ol, e[0] || (e[0] = [
-    re('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><path d="M12 17v.01"></path><path d="M12 14a1.5 1.5 0 1 0 -1.14 -2.474"></path>', 5)
+    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)
   ]));
 }
 const Fl = /* @__PURE__ */ R(zl, [["render", El]]), Dl = {}, Ul = {
@@ -921,12 +921,12 @@ const Fl = /* @__PURE__ */ R(zl, [["render", El]]), Dl = {}, Ul = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Rl(o, e, l, n, a, r) {
+function Tl(o, e, l, n, r, a) {
   return i(), u("svg", Ul, 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)
+    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)
   ]));
 }
-const Tl = /* @__PURE__ */ R(Dl, [["render", Rl]]), Pl = {}, Nl = {
+const Rl = /* @__PURE__ */ R(Dl, [["render", Tl]]), Pl = {}, Nl = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-code",
   width: "44",
@@ -938,9 +938,9 @@ const Tl = /* @__PURE__ */ R(Dl, [["render", Rl]]), Pl = {}, Nl = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Hl(o, e, l, n, a, r) {
+function Hl(o, e, l, n, r, a) {
   return i(), u("svg", Nl, 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)
+    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)
   ]));
 }
 const ql = /* @__PURE__ */ R(Pl, [["render", Hl]]), Gl = (o) => {
@@ -955,7 +955,7 @@ const ql = /* @__PURE__ */ R(Pl, [["render", Hl]]), Gl = (o) => {
     textsFormat: ["json", "geojson", "txt", "yml", "yaml", "shp"],
     documentsFormat: ["pdf"]
   };
-  return l.imageFormat.includes(e) ? "img" : l.sheetsFormat.includes(e) ? Il : l.textsFormat.includes(e) ? ql : l.documentsFormat.includes(e) ? Bl : l.archivesFormat.includes(e) ? Tl : Fl;
+  return l.imageFormat.includes(e) ? "img" : l.sheetsFormat.includes(e) ? Al : l.textsFormat.includes(e) ? ql : l.documentsFormat.includes(e) ? Bl : l.archivesFormat.includes(e) ? Rl : Fl;
 }, Kl = {}, Zl = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -970,10 +970,10 @@ const ql = /* @__PURE__ */ R(Pl, [["render", Hl]]), Gl = (o) => {
 };
 function Wl(o, e) {
   return i(), u("svg", Zl, 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)
+    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)
   ]));
 }
-const Ae = /* @__PURE__ */ R(Kl, [["render", Wl]]), Ql = {}, Xl = {
+const Ie = /* @__PURE__ */ R(Kl, [["render", Wl]]), Ql = {}, Xl = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -997,7 +997,7 @@ function Yl(o, e) {
     t("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const ot = /* @__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__ */ I({
+const ot = /* @__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({
   __name: "vs-input-file-list-item",
   props: /* @__PURE__ */ q({
     format: {},
@@ -1018,37 +1018,37 @@ const ot = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
   emits: ["update:value", "update:item"],
   setup(o) {
     const e = G(o, "value"), l = G(o, "item"), n = o;
-    return (a, r) => (i(), u("div", eo, [
+    return (r, a) => (i(), u("div", eo, [
       (i(), X(xe(H(Jl)(l.value)), {
         src: l.value,
         alt: "file",
         class: "w-full h-full object-cover cursor-pointer",
-        onClick: r[0] || (r[0] = (s) => H(Je)(l.value))
+        onClick: a[0] || (a[0] = (s) => H(Je)(l.value))
       }, null, 8, ["src"])),
       t("div", to, [
         t("button", {
           type: "button",
-          onClick: r[1] || (r[1] = (s) => {
+          onClick: a[1] || (a[1] = (s) => {
             H(kl)(l.value), e.value = n.multiple ? e.value?.filter((d) => d !== l.value) : "";
           }),
           class: "w-6 h-6 flex items-center justify-center text-gray-500 bg-gray-200 rounded-lg hover:text-red-500"
         }, [
-          A(Ae, { class: "w-4 h-4" })
+          j(Ie, { class: "w-4 h-4" })
         ]),
         t("button", {
           type: "button",
-          onClick: r[2] || (r[2] = (s) => H(Je)(l.value)),
+          onClick: a[2] || (a[2] = (s) => H(Je)(l.value)),
           class: "w-6 h-6 flex items-center justify-center text-gray-500 bg-gray-200 rounded-lg hover:text-blue-500"
         }, [
-          A(ot, { class: "w-4 h-4" })
+          j(ot, { class: "w-4 h-4" })
         ])
       ])
     ]));
   }
-}), Ke = /* @__PURE__ */ R(lo, [["__scopeId", "data-v-0ca886b3"]]), oo = { class: "flex items-center gap-x-2" }, ro = {
+}), Ke = /* @__PURE__ */ R(lo, [["__scopeId", "data-v-0ca886b3"]]), oo = { class: "flex items-center gap-x-2" }, ao = {
   key: 1,
   class: "flex items-center flex-wrap gap-2"
-}, ao = /* @__PURE__ */ I({
+}, ro = /* @__PURE__ */ A({
   __name: "vs-input-file",
   props: /* @__PURE__ */ q({
     format: {},
@@ -1066,10 +1066,10 @@ const ot = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, l = G(o, "modelValue"), n = $(null), a = (s) => Array.isArray(l.value) && l.value[s] || "", r = async (s) => {
+    const e = o, l = G(o, "modelValue"), n = $(null), r = (s) => Array.isArray(l.value) && l.value[s] || "", a = async (s) => {
       if (e.format) {
-        const v = s.target.files?.[0];
-        if (!v || !v.name.endsWith(e.format))
+        const f = s.target.files?.[0];
+        if (!f || !f.name.endsWith(e.format))
           return;
       }
       const d = s.target.files?.[0];
@@ -1083,7 +1083,7 @@ const ot = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
         ref_key: "fileInput",
         ref: n,
         type: "file",
-        onChange: r
+        onChange: a
       }, null, 544),
       !s.multiple && l.value ? (i(), X(Ke, {
         key: 0,
@@ -1091,13 +1091,13 @@ const ot = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
         "onUpdate:item": d[0] || (d[0] = (p) => l.value = p),
         value: l.value,
         "onUpdate:value": d[1] || (d[1] = (p) => l.value = p)
-      }, null, 8, ["item", "value"])) : s.multiple ? (i(), u("div", ro, [
-        (i(!0), u(Q, null, Y(l.value, (p, v) => (i(), X(Ke, {
+      }, null, 8, ["item", "value"])) : s.multiple ? (i(), u("div", ao, [
+        (i(!0), u(Q, null, Y(l.value, (p, f) => (i(), X(Ke, {
           multiple: s.multiple,
-          key: v,
+          key: f,
           value: l.value,
           "onUpdate:value": d[2] || (d[2] = (c) => l.value = c),
-          item: a(v)
+          item: r(f)
         }, null, 8, ["multiple", "value", "item"]))), 128)),
         t("div", {
           onClick: d[3] || (d[3] = (p) => !s.disabled && n.value?.click()),
@@ -1106,25 +1106,25 @@ const ot = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
             s.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500 hover:bg-blue-50"
           ])
         }, [
-          A(je, { class: "w-6 h-6" })
+          j(je, { class: "w-6 h-6" })
         ], 2)
-      ])) : j("", !0),
-      s.multiple ? j("", !0) : (i(), u("div", {
+      ])) : S("", !0),
+      s.multiple ? S("", !0) : (i(), u("div", {
         key: 2,
         onClick: d[4] || (d[4] = (p) => n.value?.click()),
         class: B([s.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"])
       }, [
-        A(je, { class: "w-6 h-6" })
+        j(je, { class: "w-6 h-6" })
       ], 2))
     ]));
   }
-}), so = { 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: "" }, Be = /* @__PURE__ */ I({
+}), so = { 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: "" }, Be = /* @__PURE__ */ A({
   __name: "vs-widget-file-info",
   props: {
     item: { default: null }
   },
   setup(o) {
-    const e = o, l = F(() => {
+    const e = o, l = D(() => {
       try {
         return new Date(e.item.cdate).toLocaleDateString("uk-UA", {
           day: "2-digit",
@@ -1135,24 +1135,24 @@ const ot = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
         return "";
       }
     });
-    function n(a) {
-      if (a < 1024)
-        return `${a} B`;
-      const r = a / 1024;
-      return r < 1024 ? `${r.toFixed(2)} KB` : `${(r / 1024).toFixed(2)} MB`;
+    function n(r) {
+      if (r < 1024)
+        return `${r} B`;
+      const a = r / 1024;
+      return a < 1024 ? `${a.toFixed(2)} KB` : `${(a / 1024).toFixed(2)} MB`;
     }
-    return (a, r) => (i(), u(Q, null, [
-      r[1] || (r[1] = re('<div class="flex items-center justify-center h-[30px] w-[30px]"><svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-file"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path></svg></div>', 1)),
+    return (r, a) => (i(), u(Q, 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)),
       t("div", so, [
-        t("p", no, E(a.item?.uploaded_name), 1),
+        t("p", no, E(r.item?.uploaded_name), 1),
         t("p", io, [
-          t("span", null, E(a.item?.username), 1),
+          t("span", null, E(r.item?.username), 1),
           K(t("span", uo, "|", 512), [
-            [De, a.item?.username]
+            [De, r.item?.username]
           ]),
           t("span", null, E(l.value), 1),
-          r[0] || (r[0] = t("span", { class: "px-[5px]" }, "|", -1)),
-          t("span", co, E(n(a.item?.size)), 1)
+          a[0] || (a[0] = t("span", { class: "px-[5px]" }, "|", -1)),
+          t("span", co, E(n(r.item?.size)), 1)
         ])
       ])
     ], 64));
@@ -1169,7 +1169,7 @@ const ot = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
 }, ho = ["href"], go = {
   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__ */ I({
+}, 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({
   __name: "vs-widget-file-item",
   props: {
     item: { default: null },
@@ -1179,10 +1179,10 @@ const ot = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
   emits: ["update", "openModal", "openLightbox"],
   setup(o, { emit: e }) {
     const l = o, n = e;
-    function a(c) {
+    function r(c) {
       return ["pdf", "json"].includes(c.ext);
     }
-    function r(c) {
+    function a(c) {
       return ["ppt", "pptx", "doc", "docx", "xls", "xlsx"].includes(c.ext);
     }
     function s(c) {
@@ -1208,38 +1208,38 @@ const ot = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
         updateListOnConfirm: !0
       });
     }
-    function v(c) {
+    function f(c) {
       (l.item.ext === "jpg" || l.item.ext === "png") && n("openLightbox", { item: l.item, index: c });
     }
     return (c, g) => (i(), u("div", po, [
       c.item.ext === "jpg" || c.item.ext === "png" ? (i(), u("div", fo, [
         t("div", {
           class: "max-w-[55vw] cursor-pointer flex gap-x-3 w-full items-center",
-          onClick: g[0] || (g[0] = (f) => v(c.index))
+          onClick: g[0] || (g[0] = (v) => f(c.index))
         }, [
-          A(Be, { item: c.item }, null, 8, ["item"])
+          j(Be, { item: c.item }, null, 8, ["item"])
         ])
-      ])) : a(c.item) ? (i(), u("div", vo, [
-        A(Be, { item: c.item }, null, 8, ["item"])
-      ])) : r(c.item) ? (i(), u("div", mo, [
+      ])) : r(c.item) ? (i(), u("div", vo, [
+        j(Be, { item: c.item }, null, 8, ["item"])
+      ])) : a(c.item) ? (i(), u("div", mo, [
         t("a", {
           href: `/api/file-preview?id=${c.item.file_id}`,
           target: "_blank",
           class: "flex gap-x-3 w-full items-center"
         }, [
-          A(Be, { item: c.item }, null, 8, ["item"])
+          j(Be, { item: c.item }, null, 8, ["item"])
         ], 8, ho)
       ])) : (i(), u("div", go, [
-        A(Be, { item: c.item }, null, 8, ["item"])
+        j(Be, { item: c.item }, null, 8, ["item"])
       ])),
       t("div", bo, [
         t("div", yo, [
           t("div", xo, [
             t("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] = (f) => s(c.item))
+              onClick: g[1] || (g[1] = (v) => s(c.item))
             }, [
-              A(ot, {
+              j(ot, {
                 height: "14",
                 width: "14"
               })
@@ -1250,9 +1250,9 @@ const ot = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
             t("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] = (f) => p())
+              onClick: g[2] || (g[2] = (v) => p())
             }, [
-              A(Ae, {
+              j(Ie, {
                 height: "14",
                 width: "14"
               })
@@ -1286,13 +1286,13 @@ function Co(o, e) {
     t("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col widget-file xl:bg-white xl:rounded-xl dark:xl:bg-neutral-800 dark:xl:border-neutral-700 w-full" }, Lo = { class: "flex w-full mb-[12px] items-center gap-x-2" }, Bo = { class: "font-semibold text-gray-800 dark:text-neutral-200 text-[14px]" }, So = { 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" }, Ao = {
+const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col widget-file xl:bg-white xl:rounded-xl dark:xl:bg-neutral-800 dark:xl:border-neutral-700 w-full" }, Lo = { class: "flex w-full mb-[12px] items-center gap-x-2" }, Bo = { class: "font-semibold text-gray-800 dark:text-neutral-200 text-[14px]" }, So = { 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 = {
   key: 0,
   class: "py-4 mb-4 space-y-4 border-gray-200 border-y dark:border-neutral-700"
-}, Io = { class: "relative" }, zo = {
+}, Ao = { class: "relative" }, zo = {
   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"
-}, Oo = { key: 0 }, Eo = /* @__PURE__ */ I({
+}, Oo = { key: 0 }, Eo = /* @__PURE__ */ A({
   __name: "vs-input-file-list",
   props: {
     id: { default: "" },
@@ -1307,43 +1307,43 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
   },
   emits: ["update"],
   setup(o, { emit: e }) {
-    const l = o, n = Se("form"), a = F(() => n.value.formId), r = $(!1), s = $(0), d = e, p = $(!1), v = $({}), c = $([]), g = $(""), f = F(() => Array.isArray(c.value) ? c.value.filter((x) => x.ext === "jpg" || x.ext === "png").map((x) => x?.file_path) : []), M = F(() => g.value === "" ? c.value : c.value.filter((x) => x?.uploaded_name?.includes(g.value))), S = (x) => {
-      const h = f.value.findIndex((J) => J === x.item.file_path);
-      h !== -1 && (r.value = !0, s.value = h);
-    }, T = async () => {
+    const l = o, n = Se("form"), r = D(() => n.value.formId), a = $(!1), s = $(0), d = e, p = $(!1), f = $({}), c = $([]), g = $(""), 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((J) => J === x.item.file_path);
+      h !== -1 && (a.value = !0, s.value = h);
+    }, F = async () => {
       try {
-        const x = await fetch(`${l.prefix}/widget/file/${a.value}`).then((h) => h.json());
+        const x = await fetch(`${l.prefix}/widget/file/${r.value}`).then((h) => h.json());
         c.value = x?.rows;
       } catch (x) {
         console.error(x);
       }
-    }, D = async (x) => {
+    }, U = async (x) => {
       await Promise.all(
         Array.from(x.target.files).map(async (h) => {
           const J = new FormData();
           J.append("file", h);
           try {
-            const C = `${l.prefix}/widget/file/${a.value}`;
+            const C = `${l.prefix}/widget/file/${r.value}`;
             return await fetch(C, { method: "POST", body: J }), d("update", "file-list"), h;
           } catch (C) {
             return console.error(C), null;
           }
         })
-      ), await T();
+      ), await F();
     }, P = (x) => {
       const h = { ...x };
       return x.cancel || (h.cancel = () => {
         p.value = !1;
       }), x.updateListOnConfirm && (h.confirm = async () => {
-        await x.confirm(), p.value = !1, T();
+        await x.confirm(), p.value = !1, F();
       }), h;
     }, _ = (x) => {
-      v.value = P(x), p.value = !0;
+      f.value = P(x), p.value = !0;
     };
-    return se(a, (x) => {
-      x && T();
+    return se(r, (x) => {
+      x && F();
     }), ue(() => {
-      a.value && T();
+      r.value && F();
     }), (x, h) => {
       const J = Pe("Lightbox"), C = Pe("MessageBox");
       return i(), u("div", Mo, [
@@ -1354,10 +1354,10 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
               t("input", {
                 type: "file",
                 class: "hidden",
-                onChange: h[0] || (h[0] = (m) => D(m))
+                onChange: h[0] || (h[0] = (m) => U(m))
               }, null, 32),
               t("div", jo, [
-                A(Vo, {
+                j(Vo, {
                   height: "16",
                   width: "16"
                 })
@@ -1365,9 +1365,9 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
             ])
           ])
         ]),
-        c.value?.length > 4 ? (i(), u("div", Ao, [
+        c.value?.length > 4 ? (i(), u("div", Io, [
           t("div", null, [
-            t("div", Io, [
+            t("div", Ao, [
               h[8] || (h[8] = t("div", { class: "absolute inset-y-0 start-0 flex items-center pointer-events-none z-[1] ps-3.5" }, [
                 t("svg", {
                   class: "flex-shrink-0 text-gray-500 size-4 dark:text-neutral-400",
@@ -1404,7 +1404,7 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
               ])
             ])
           ])
-        ])) : j("", !0),
+        ])) : S("", !0),
         c.value?.length ? (i(), u("div", zo, [
           (i(!0), u(Q, null, Y(M.value, (m, V) => (i(), X(ko, {
             key: V,
@@ -1413,28 +1413,28 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
             index: V,
             onUpdate: h[2] || (h[2] = (z) => x.$emit("update", "file-list")),
             onOpenModal: h[3] || (h[3] = (z) => _(z)),
-            onOpenLightbox: h[4] || (h[4] = (z) => S(z))
+            onOpenLightbox: h[4] || (h[4] = (z) => I(z))
           }, null, 8, ["prefix", "item", "index"]))), 128)),
-          M.value.length ? j("", !0) : (i(), u("div", Oo, h[9] || (h[9] = [
+          M.value.length ? S("", !0) : (i(), u("div", Oo, h[9] || (h[9] = [
             t("p", { class: "text-sm text-gray-600 font-sm" }, " Файлів з такою назвою не існує, введіть інше пошукове слово ", -1)
           ])))
-        ])) : j("", !0),
-        A(J, {
-          modelValue: r.value,
-          "onUpdate:modelValue": h[5] || (h[5] = (m) => r.value = m),
+        ])) : S("", !0),
+        j(J, {
+          modelValue: a.value,
+          "onUpdate:modelValue": h[5] || (h[5] = (m) => a.value = m),
           startIndex: s.value,
           "onUpdate:index": h[6] || (h[6] = (m) => s.value = m),
-          images: f.value
+          images: v.value
         }, null, 8, ["modelValue", "startIndex", "images"]),
-        A(C, Ce({
+        j(C, Ce({
           modelValue: p.value,
           "onUpdate:modelValue": h[7] || (h[7] = (m) => p.value = m),
-          onConfirm: v.value.confirm
-        }, v.value), null, 16, ["modelValue", "onConfirm"])
+          onConfirm: f.value.confirm
+        }, f.value), null, 16, ["modelValue", "onConfirm"])
       ]);
     };
   }
-}), Fo = { class: "flex items-center justify-between" }, Do = { class: "text-[16px] text-gray-900 font-medium" }, Uo = { class: "grid gap-3" }, Ro = /* @__PURE__ */ I({
+}), Fo = { class: "flex items-center justify-between" }, Do = { class: "text-[16px] text-gray-900 font-medium" }, Uo = { class: "grid gap-3" }, To = /* @__PURE__ */ A({
   __name: "vs-container-switcher",
   props: {
     title: {
@@ -1457,16 +1457,16 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
       (n) => {
         l.value = n;
       }
-    ), (n, a) => (i(), u("div", null, [
+    ), (n, r) => (i(), u("div", null, [
       t("div", Fo, [
         t("p", Do, E(o.title), 1),
-        A(lt, {
+        j(lt, {
           modelValue: l.value,
-          "onUpdate:modelValue": a[0] || (a[0] = (r) => l.value = r),
+          "onUpdate:modelValue": r[0] || (r[0] = (a) => l.value = a),
           style: fe(o.style)
         }, null, 8, ["modelValue", "style"])
       ]),
-      A(Ye, { name: "slide-fade" }, {
+      j(Ye, { name: "slide-fade" }, {
         default: Me(() => [
           K(t("div", Uo, [
             ve(n.$slots, "default", {}, void 0, !0)
@@ -1478,7 +1478,7 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
       })
     ]));
   }
-}), To = /* @__PURE__ */ R(Ro, [["__scopeId", "data-v-90320b87"]]), Po = { class: "text-[16px] text-gray-900 font-medium" }, No = { class: "grid gap-3" }, Ho = /* @__PURE__ */ I({
+}), 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({
   __name: "vs-container-accordion",
   props: {
     title: {
@@ -1501,18 +1501,18 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
       (n) => {
         l.value = n;
       }
-    ), (n, a) => (i(), u("div", null, [
+    ), (n, r) => (i(), u("div", null, [
       t("button", {
         type: "button",
-        onClick: a[0] || (a[0] = (r) => l.value = !l.value),
+        onClick: r[0] || (r[0] = (a) => l.value = !l.value),
         class: "flex items-center gap-2"
       }, [
-        A(H(Zt), {
+        j(H(Zt), {
           class: B(["h-4 w-4 duration-300", [l.value ? "-rotate-180" : ""]])
         }, null, 8, ["class"]),
         t("span", Po, E(o.title), 1)
       ]),
-      A(Ye, { name: "slide-fade" }, {
+      j(Ye, { name: "slide-fade" }, {
         default: Me(() => [
           K(t("div", No, [
             ve(n.$slots, "default", {}, void 0, !0)
@@ -1524,7 +1524,7 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
       })
     ]));
   }
-}), qo = /* @__PURE__ */ R(Ho, [["__scopeId", "data-v-590eff11"]]), Go = { class: "flex items-center justify-between" }, Jo = /* @__PURE__ */ I({
+}), qo = /* @__PURE__ */ R(Ho, [["__scopeId", "data-v-590eff11"]]), Go = { class: "flex items-center justify-between" }, Jo = /* @__PURE__ */ A({
   __name: "vs-container-default",
   props: {
     title: {
@@ -1545,7 +1545,7 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
     ]));
   }
 }), Ko = {
-  switcher: To,
+  switcher: Ro,
   accordion: qo,
   default: Jo
 }, le = {
@@ -1561,7 +1561,7 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { 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, er = (o, e) => o <= e, tr = (o, e) => Array.isArray(e) && e.length === 2 ? o >= e[0] && o <= e[1] : !1, lr = (o, e) => String(o).startsWith(String(e)), or = (o, e) => String(o).endsWith(String(e)), rr = (o, e) => String(o).includes(String(e)), ar = (o, e) => Array.isArray(e) ? e.includes(o) : !1, sr = (o, e) => Array.isArray(e) ? !e.includes(o) : !0, rt = (o, e) => {
+}, 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)), ra = (o, e) => Array.isArray(e) ? e.includes(o) : !1, sa = (o, e) => Array.isArray(e) ? !e.includes(o) : !0, at = (o, e) => {
   if (!e) return !0;
   switch (e?.[1]) {
     case le.Equal:
@@ -1575,23 +1575,23 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
     case le.Lower:
       return Yo(o, e?.[2]);
     case le.LowerOrEqual:
-      return er(o, e?.[2]);
+      return ea(o, e?.[2]);
     case le.Between:
-      return tr(o, e?.[2]);
+      return ta(o, e?.[2]);
     case le.StartWith:
-      return lr(o, e?.[2]);
+      return la(o, e?.[2]);
     case le.EndWith:
-      return or(o, e?.[2]);
+      return oa(o, e?.[2]);
     case le.Contain:
-      return rr(o, e?.[2]);
+      return aa(o, e?.[2]);
     case le.In:
-      return ar(o, e?.[2]);
+      return ra(o, e?.[2]);
     case le.NotIn:
-      return sr(o, e?.[2]);
+      return sa(o, e?.[2]);
     default:
       return !0;
   }
-}, nr = /* @__PURE__ */ I({
+}, na = /* @__PURE__ */ A({
   __name: "vs-input-container",
   props: {
     style: {
@@ -1612,32 +1612,32 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
     }
   },
   setup(o) {
-    const e = o, l = Se("formValues", { default: {} }), n = Se("form"), a = F(() => e.schema?.filter((s) => {
+    const e = o, l = Se("formValues", { default: {} }), n = Se("form"), r = D(() => e.schema?.filter((s) => {
       const d = s?.conditions;
       if (!d) return !0;
-      const p = Array.isArray(d) ? d[0] : d, v = l?.value?.[p];
-      return rt(v, d);
-    })), r = F(() => Ko[e.view]);
-    return (s, d) => o.schema?.length ? (i(), X(xe(r.value), {
+      const p = Array.isArray(d) ? d[0] : d, f = l?.value?.[p];
+      return at(f, d);
+    })), a = D(() => Ko[e.view]);
+    return (s, d) => o.schema?.length ? (i(), X(xe(a.value), {
       key: 0,
       title: o.title,
       style: fe(o.style)
     }, {
       default: Me(() => [
-        (i(!0), u(Q, null, Y(a.value, (p) => (i(), X(at, Ce({
+        (i(!0), u(Q, null, Y(r.value, (p) => (i(), X(rt, Ce({
           key: p.name
         }, { ref_for: !0 }, p, {
           item: p,
           modelValue: H(l)[p.name],
-          "onUpdate:modelValue": (v) => H(l)[p.name] = v,
+          "onUpdate:modelValue": (f) => H(l)[p.name] = f,
           style: o.style,
           error: H(n)?.errors?.[p.name]
         }), null, 16, ["item", "modelValue", "onUpdate:modelValue", "style", "error"]))), 128))
       ]),
       _: 1
-    }, 8, ["title", "style"])) : j("", !0);
+    }, 8, ["title", "style"])) : S("", !0);
   }
-}), ir = { class: "relative" }, ur = { class: "w-full h-full fixed top-0 start-0 z-[1000] bg-black bg-opacity-50" }, dr = { 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" }, cr = { class: "py-2.5 px-4 flex justify-between items-center border-0 border-b border-solid border-gray-200 dark:border-b-[#454545]" }, pr = { class: "font-medium text-gray-800 dark:text-[#ffffff]" }, fr = { class: "p-4 mim-h-0 h-full overflow-auto" }, vr = /* @__PURE__ */ I({
+}), ia = { class: "relative" }, ua = { class: "w-full h-full fixed top-0 start-0 z-[1000] bg-black bg-opacity-50" }, da = { 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" }, ca = { class: "py-2.5 px-4 flex justify-between items-center border-0 border-b border-solid border-gray-200 dark:border-b-[#454545]" }, pa = { class: "font-medium text-gray-800 dark:text-[#ffffff]" }, fa = { class: "p-4 mim-h-0 h-full overflow-auto" }, va = /* @__PURE__ */ A({
   __name: "modal-edit",
   props: {
     schema: {},
@@ -1648,50 +1648,50 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
   },
   emits: ["close", "save", "edit"],
   setup(o, { emit: e }) {
-    const l = o, n = e, a = $(l.schema), r = $(l.defaultValue ? JSON.parse(JSON.stringify(l.defaultValue)) : {}), s = $({}), d = $(), p = $(l.mode);
-    async function v() {
+    const l = o, n = e, r = $(l.schema), a = $(l.defaultValue ? JSON.parse(JSON.stringify(l.defaultValue)) : {}), s = $({}), d = $(), p = $(l.mode);
+    async function f() {
       const g = s.value.validate();
       if (g) {
-        pe({ type: "warning", title: "Помилка валідації", message: Object.entries(g).map(([f, M]) => `${f}: ${M}`).join(`
+        pe({ type: "warning", title: "Помилка валідації", message: Object.entries(g).map(([v, M]) => `${v}: ${M}`).join(`
 `) });
         return;
       }
       if (d.value)
         try {
-          const f = await fetch(`/api/table/${d.value}`, {
+          const v = await fetch(`/api/table/${d.value}`, {
             method: p.value === "add" ? "POST" : "PUT",
             headers: {
               "Content-Type": "application/json"
             },
-            body: JSON.stringify(r.value)
+            body: JSON.stringify(a.value)
           });
-          if (f.ok)
-            await f.json(), pe({
+          if (v.ok)
+            await v.json(), pe({
               type: "success",
               title: "Успішно",
               message: `Дані успішно ${p.value === "add" ? "збережено" : "оновлено"}`
-            }), n("save", r.value);
-          else if (f.status === 400) {
-            const M = await f.json().catch(() => ({}));
+            }), n("save", a.value);
+          else if (v.status === 400) {
+            const M = await v.json().catch(() => ({}));
             pe({
               type: "warning",
               title: "Помилка валідації",
               message: M.message || "Некоректні дані (400)"
             });
-          } else f.status === 500 ? pe({
+          } else v.status === 500 ? pe({
             type: "error",
             title: "Серверна помилка",
             message: "Виникла помилка на сервері (500)"
           }) : pe({
             type: "error",
             title: "Помилка",
-            message: `Статус: ${f.status}`
+            message: `Статус: ${v.status}`
           });
-        } catch (f) {
+        } catch (v) {
           pe({
             type: "error",
             title: "Помилка з’єднання",
-            message: f.message || "Не вдалося виконати запит"
+            message: v.message || "Не вдалося виконати запит"
           });
         }
     }
@@ -1700,23 +1700,23 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
     }
     return ue(async () => {
       if (l.form) {
-        const g = await fetch(`/api/template/form/${l.form}`).then((f) => f.json());
-        a.value = g.schema, d.value = g.token;
+        const g = await fetch(`/api/template/form/${l.form}`).then((v) => v.json());
+        r.value = g.schema, d.value = g.token;
       } else if (l.token) {
         d.value = l.token;
-        const g = await fetch(`/api/form/${d.value}`).then((f) => f.json());
-        a.value = g.schema, g.data ? r.value = g.data : p.value = "add";
+        const g = await fetch(`/api/form/${d.value}`).then((v) => v.json());
+        r.value = g.schema, g.data ? a.value = g.data : p.value = "add";
       }
-    }), (g, f) => (i(), u("div", ir, [
-      t("div", ur, [
-        t("div", dr, [
-          t("div", cr, [
-            t("h3", pr, E(p.value === "add" ? "Додати" : "Змінити"), 1),
+    }), (g, v) => (i(), u("div", ia, [
+      t("div", ua, [
+        t("div", da, [
+          t("div", ca, [
+            t("h3", pa, E(p.value === "add" ? "Додати" : "Змінити"), 1),
             t("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"
-            }, f[2] || (f[2] = [
+            }, v[2] || (v[2] = [
               t("span", { class: "sr-only" }, "Close", -1),
               t("svg", {
                 class: "flex-shrink-0 w-4 h-4",
@@ -1735,15 +1735,15 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
               ], -1)
             ]))
           ]),
-          t("div", fr, [
-            a.value ? (i(), X(Oe, {
+          t("div", fa, [
+            r.value ? (i(), X(Oe, {
               key: 0,
-              schema: a.value,
-              values: r.value,
-              "onUpdate:values": f[0] || (f[0] = (M) => r.value = M),
+              schema: r.value,
+              values: a.value,
+              "onUpdate:values": v[0] || (v[0] = (M) => a.value = M),
               form: s.value,
-              "onUpdate:form": f[1] || (f[1] = (M) => s.value = M)
-            }, null, 8, ["schema", "values", "form"])) : j("", !0)
+              "onUpdate:form": v[1] || (v[1] = (M) => s.value = M)
+            }, null, 8, ["schema", "values", "form"])) : S("", !0)
           ]),
           t("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" }, [
             t("button", {
@@ -1752,7 +1752,7 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
               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"
             }, " Скасувати "),
             t("button", {
-              onClick: v,
+              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"
             }, " Зберегти ")
@@ -1769,37 +1769,37 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
   }
   const n = document.createElement("div");
   l.appendChild(n);
-  function a() {
-    r.unmount(), n.remove();
+  function r() {
+    a.unmount(), n.remove();
   }
-  const r = ct({
+  const a = ct({
     render() {
-      return pt(vr, {
+      return pt(va, {
         ...o,
         onClose: () => {
-          e(null), a();
+          e(null), r();
         },
         onSave: (s) => {
-          e(s), a();
+          e(s), r();
         }
       });
     }
   });
-  r.mount(n);
-}), mr = ["aria-expanded", "data-focus"], hr = { class: "flex items-center" }, gr = { class: "overflow-hidden text-ellipsis whitespace-nowrap rounded-sm text-[#333] text-[85%] px-0.5 py-[3px] pl-1.5 box-border" }, br = ["onClick"], yr = {
+  a.mount(n);
+}), ma = ["aria-expanded", "data-focus"], ha = { class: "flex items-center" }, ga = { class: "overflow-hidden text-ellipsis whitespace-nowrap rounded-sm text-[#333] text-[85%] px-0.5 py-[3px] pl-1.5 box-border" }, ba = ["onClick"], ya = {
   key: 1,
   class: /* @__PURE__ */ B(["flex items-center absolute truncate text-gray-900"])
-}, xr = {
+}, xa = {
   key: 2,
   class: "absolute text-gray-500 truncate"
-}, wr = { class: "flex-1 min-w-[2px]" }, kr = ["placeholder"], _r = { class: "flex items-center shrink-0" }, $r = ["disabled"], Cr = ["disabled"], Vr = {
+}, wa = { class: "flex-1 min-w-[2px]" }, ka = ["placeholder"], _a = { class: "flex items-center shrink-0" }, $a = ["disabled"], Ca = ["disabled"], Va = {
   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"
-}, Mr = ["aria-disabled", "onClick"], Lr = {
+}, Ma = ["aria-disabled", "onClick"], La = {
   key: 1,
   class: "px-3 py-2 text-center text-gray-500"
-}, Br = ["disabled"], Sr = /* @__PURE__ */ I({
+}, Ba = ["disabled"], Sa = /* @__PURE__ */ A({
   __name: "vs-input-select",
   props: /* @__PURE__ */ q({
     multiple: { type: Boolean, default: !1 },
@@ -1826,19 +1826,19 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
   }),
   emits: /* @__PURE__ */ q(["change"], ["update:modelValue"]),
   setup(o, { emit: e }) {
-    const l = o, n = e, a = F(() => l.multiple), r = F(() => l.disabled);
+    const l = o, n = e, r = D(() => l.multiple), a = D(() => l.disabled);
     me(l.style);
-    const s = G(o, "modelValue"), d = $(null), p = $(null), v = $(null), c = $(!1), g = $(!1), f = $(null), M = $([]), S = $(-1), T = $([]), D = $(""), P = $(null), _ = $([]), x = F(() => {
+    const s = G(o, "modelValue"), d = $(null), p = $(null), f = $(null), c = $(!1), g = $(!1), v = $(null), M = $([]), I = $(-1), F = $([]), U = $(""), P = $(null), _ = $([]), x = D(() => {
       if (!_.value.length) return [];
       const k = new Map(M.value.map((w) => [w.id?.toString(), w]));
       return _.value.map((w) => k.get(w?.toString())).filter((w) => !!w);
-    }), h = F(() => l.placeholder || "Select..."), J = F(() => a.value ? !_.value.length && D.value === "" : !f.value?.text && D.value === ""), C = F(() => r.value ? !1 : a.value ? _.value.length > 0 : !!s.value), m = (k) => a.value ? _.value.some((w) => w?.toString() === k?.toString()) : s.value?.toString?.() === k?.toString?.(), V = F(() => {
+    }), h = D(() => l.placeholder || "Select..."), J = D(() => r.value ? !_.value.length && U.value === "" : !v.value?.text && U.value === ""), C = D(() => a.value ? !1 : r.value ? _.value.length > 0 : !!s.value), m = (k) => r.value ? _.value.some((w) => w?.toString() === k?.toString()) : s.value?.toString?.() === k?.toString?.(), V = D(() => {
       let k = M.value ?? [];
-      if (D.value.trim() !== "") {
-        const w = D.value.toLowerCase();
+      if (U.value.trim() !== "") {
+        const w = U.value.toLowerCase();
         k = k.filter((O) => O.text?.toLowerCase?.().includes(w));
       }
-      if (a.value && _.value.length) {
+      if (r.value && _.value.length) {
         const w = new Set(_.value.map((O) => O?.toString()));
         k = k.filter((O) => !w.has(O.id?.toString()));
       }
@@ -1852,7 +1852,7 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
         return [];
       }
     }, Z = async () => {
-      l.options?.length ? M.value = [...l.options] : l.data && (M.value = await z(D.value));
+      l.options?.length ? M.value = [...l.options] : l.data && (M.value = await z(U.value));
     }, te = async (k) => {
       if (k == null) return null;
       const w = M.value?.find((W) => W?.id?.toString() === String(k));
@@ -1865,26 +1865,26 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
         Le && M.value.push(Le);
       }, Promise.resolve());
     }, we = async () => {
-      r.value || (c.value = !0, await Z(), await $e(() => {
-        P.value?.focus(), V.value.length ? S.value = 0 : S.value = -1;
+      a.value || (c.value = !0, await Z(), await $e(() => {
+        P.value?.focus(), V.value.length ? I.value = 0 : I.value = -1;
       }));
     }, ie = () => {
-      c.value = !1, S.value = -1;
-    }, Ie = async (k) => {
-      if (r.value) return;
+      c.value = !1, I.value = -1;
+    }, Ae = async (k) => {
+      if (a.value) return;
       !c.value ? await we() : ie();
     }, ke = async () => {
       c.value ? P.value?.focus() : await we();
     }, b = () => {
-      a.value ? (_.value = [], s.value = [], n("change", [])) : (f.value = null, s.value = null, n("change", null)), D.value = "", $e(() => P.value?.focus());
+      r.value ? (_.value = [], s.value = [], n("change", [])) : (v.value = null, s.value = null, n("change", null)), U.value = "", $e(() => P.value?.focus());
     }, y = (k) => {
-      a.value && (_.value = _.value.filter((w) => w?.toString() !== k?.toString()), s.value = [..._.value], n("change", s.value), $e(() => P.value?.focus()));
-    }, U = (k) => {
-      a.value ? (m(k.id) || (_.value = [..._.value, k.id], s.value = [..._.value], n("change", s.value)), D.value = "", $e(() => {
-        P.value?.focus(), S.value = Math.min(S.value, V.value.length - 1);
-      })) : (f.value = k, s.value = k.id, n("change", s.value), D.value = "", ie());
+      r.value && (_.value = _.value.filter((w) => w?.toString() !== k?.toString()), s.value = [..._.value], n("change", s.value), $e(() => P.value?.focus()));
+    }, T = (k) => {
+      r.value ? (m(k.id) || (_.value = [..._.value, k.id], s.value = [..._.value], n("change", s.value)), U.value = "", $e(() => {
+        P.value?.focus(), I.value = Math.min(I.value, V.value.length - 1);
+      })) : (v.value = k, s.value = k.id, n("change", s.value), U.value = "", ie());
     }, N = (k) => {
-      m(k.id) || U(k);
+      m(k.id) || T(k);
     }, ee = (k, w) => {
       if (!k || !w) return;
       const O = k.offsetTop, W = O + k.offsetHeight, be = w.scrollTop, Le = be + w.clientHeight;
@@ -1893,50 +1893,50 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
       const it = w;
       it.scrollTop = ze;
     }, _e = async (k) => {
-      r.value || !c.value && (k.key === "ArrowDown" || k.key === "ArrowUp") && (k.preventDefault(), await we());
+      a.value || !c.value && (k.key === "ArrowDown" || k.key === "ArrowUp") && (k.preventDefault(), await we());
     }, de = (k) => {
       if (!c.value) return;
       const { key: w } = k;
       if (w === "ArrowDown")
-        k.preventDefault(), S.value + 1 < V.value.length && (S.value += 1, ee(T.value[S.value], v.value));
+        k.preventDefault(), I.value + 1 < V.value.length && (I.value += 1, ee(F.value[I.value], f.value));
       else if (w === "ArrowUp")
-        k.preventDefault(), S.value > 0 && (S.value -= 1, ee(T.value[S.value], v.value));
+        k.preventDefault(), I.value > 0 && (I.value -= 1, ee(F.value[I.value], f.value));
       else if (w === "Enter") {
         k.preventDefault();
-        const O = V.value[S.value];
-        O && U(O);
-      } else w === "Escape" ? (k.preventDefault(), ie()) : w === "Backspace" ? a.value && D.value === "" && _.value.length && (_.value = _.value.slice(0, -1), s.value = [..._.value], n("change", s.value)) : w === "Home" ? (S.value = 0, ee(T.value[0], v.value)) : w === "End" ? (S.value = V.value.length - 1, ee(T.value[S.value], v.value)) : w === "Tab" && ie();
+        const O = V.value[I.value];
+        O && T(O);
+      } else w === "Escape" ? (k.preventDefault(), ie()) : w === "Backspace" ? r.value && U.value === "" && _.value.length && (_.value = _.value.slice(0, -1), s.value = [..._.value], n("change", s.value)) : w === "Home" ? (I.value = 0, ee(F.value[0], f.value)) : w === "End" ? (I.value = V.value.length - 1, ee(F.value[I.value], f.value)) : w === "Tab" && ie();
     }, he = () => {
-      r.value || (g.value = !0);
+      a.value || (g.value = !0);
     }, ge = () => {
-      g.value = !1, D.value = "";
+      g.value = !1, U.value = "";
     }, ce = (k) => {
       k.key === "Escape" && c.value && ie();
     }, Ue = (k) => {
       d.value && (d.value.contains(k.target) || ie());
-    }, Re = (k) => {
-      c.value && v.value && !v.value.contains(k.target) && ie();
+    }, Te = (k) => {
+      c.value && f.value && !f.value.contains(k.target) && ie();
     };
     se(() => l.options, (k) => {
       k?.length && (M.value = [...k]);
     }, { immediate: !0 });
-    const Te = async () => {
-      if (a.value)
+    const Re = async () => {
+      if (r.value)
         Array.isArray(s.value) ? _.value = [...s.value] : (_.value = s.value == null ? [] : [s.value], s.value = [..._.value]), !l.options?.length && l.data && await ye(_.value);
       else {
         if (Array.isArray(s.value)) {
           const k = s.value[0] ?? null;
           s.value = k ?? null;
         }
-        f.value = await te(s.value);
+        v.value = await te(s.value);
       }
     };
     se(s, () => {
-      Te();
+      Re();
     }), ue(async () => {
-      addEventListener("keydown", ce), addEventListener("scroll", Re, !0), document.addEventListener("click", Ue, !0), l.options?.length ? M.value = [...l.options] : l.data && (M.value = await z("")), await Te();
+      addEventListener("keydown", ce), addEventListener("scroll", Te, !0), document.addEventListener("click", Ue, !0), l.options?.length ? M.value = [...l.options] : l.data && (M.value = await z("")), await Re();
     }), et(() => {
-      removeEventListener("keydown", ce), removeEventListener("scroll", Re, !0), document.removeEventListener("click", Ue, !0);
+      removeEventListener("keydown", ce), removeEventListener("scroll", Te, !0), document.removeEventListener("click", Ue, !0);
     });
     async function nt() {
       if (!l.add) return;
@@ -1945,13 +1945,13 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify(k)
-      }).then((w) => w.json()), !l.options?.length && l.data && (M.value = await z(D.value)));
+      }).then((w) => w.json()), !l.options?.length && l.data && (M.value = await z(U.value)));
     }
     return (k, w) => (i(), u("div", {
       class: "flex gap-1 w-full",
       ref_key: "selectRoot",
       ref: d,
-      onClick: w[2] || (w[2] = ae(() => {
+      onClick: w[2] || (w[2] = re(() => {
       }, ["stop"]))
     }, [
       t("div", {
@@ -1973,7 +1973,7 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
             "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" : "",
-            r.value ? "bg-gray-100 text-gray-400 cursor-not-allowed hover:border-gray-300" : ""
+            a.value ? "bg-gray-100 text-gray-400 cursor-not-allowed hover:border-gray-300" : ""
           ]),
           role: "combobox",
           "aria-expanded": c.value,
@@ -1987,22 +1987,22 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
             ref_key: "triggerRef",
             ref: p
           }, [
-            a.value && _.value.length ? (i(!0), u(Q, { key: 0 }, Y(x.value, (O) => (i(), u("div", {
+            r.value && _.value.length ? (i(!0), u(Q, { key: 0 }, Y(x.value, (O) => (i(), u("div", {
               class: "flex min-w-0 bg-[#e6e6e6] rounded-sm m-0.5 box-border",
               key: O.id
             }, [
-              t("div", hr, [
+              t("div", ha, [
                 O?.color ? (i(), u("span", {
                   key: 0,
                   class: "w-[16px] h-[16px] rounded-md block ml-1.5",
                   style: fe({ backgroundColor: O?.color })
-                }, null, 4)) : j("", !0),
-                t("div", gr, E(O.text), 1)
+                }, null, 4)) : S("", !0),
+                t("div", ga, E(O.text), 1)
               ]),
               t("div", {
                 role: "button",
                 class: "flex items-center rounded-sm px-1 box-border hover:bg-[#ffbdad] hover:text-[#de350b]",
-                onClick: ae((W) => y(O.id), ["stop"])
+                onClick: re((W) => y(O.id), ["stop"])
               }, w[3] || (w[3] = [
                 t("svg", {
                   height: "14",
@@ -2014,18 +2014,18 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
                 }, [
                   t("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, br)
-            ]))), 128)) : !a.value && f.value?.text && D.value === "" ? (i(), u("div", yr, [
-              f.value?.color ? (i(), u("span", {
+              ]), 8, ba)
+            ]))), 128)) : !r.value && v.value?.text && U.value === "" ? (i(), u("div", ya, [
+              v.value?.color ? (i(), u("span", {
                 key: 0,
                 class: "w-[14px] h-[14px] rounded-md block mr-1 mt-0.5",
-                style: fe({ backgroundColor: f.value?.color })
-              }, null, 4)) : j("", !0),
-              oe(" " + E(f.value.text), 1)
-            ])) : j("", !0),
-            J.value ? (i(), u("div", xr, E(h.value), 1)) : j("", !0),
-            t("div", wr, [
-              !r.value && k.search ? K((i(), u("input", {
+                style: fe({ backgroundColor: v.value?.color })
+              }, null, 4)) : S("", !0),
+              oe(" " + E(v.value.text), 1)
+            ])) : S("", !0),
+            J.value ? (i(), u("div", xa, E(h.value), 1)) : S("", !0),
+            t("div", wa, [
+              !a.value && k.search ? K((i(), u("input", {
                 key: 0,
                 ref_key: "inputRef",
                 ref: P,
@@ -2037,24 +2037,24 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
                 type: "text",
                 tabindex: "0",
                 "aria-autocomplete": "list",
-                placeholder: a.value && _.value.length ? "" : void 0,
-                "onUpdate:modelValue": w[0] || (w[0] = (O) => D.value = O),
+                placeholder: r.value && _.value.length ? "" : void 0,
+                "onUpdate:modelValue": w[0] || (w[0] = (O) => U.value = O),
                 onFocus: he,
                 onBlur: ge,
                 onKeydown: de
-              }, null, 40, kr)), [
-                [ne, D.value]
-              ]) : j("", !0)
+              }, null, 40, ka)), [
+                [ne, U.value]
+              ]) : S("", !0)
             ])
           ], 512),
-          t("div", _r, [
+          t("div", _a, [
             C.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: r.value,
-              onClick: ae(b, ["stop"])
+              disabled: a.value,
+              onClick: re(b, ["stop"])
             }, w[4] || (w[4] = [
               t("svg", {
                 height: "20",
@@ -2064,14 +2064,14 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
               }, [
                 t("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, $r)) : j("", !0),
+            ]), 8, $a)) : S("", !0),
             w[6] || (w[6] = t("div", { class: "self-stretch w-px bg-[#ccc] my-[1px]" }, null, -1)),
             t("button", {
               type: "button",
               class: "px-2 text-gray-400 hover:text-gray-500 transition-colors disabled:opacity-50",
               "aria-hidden": "true",
-              disabled: r.value,
-              onClick: w[1] || (w[1] = ae((O) => Ie(), ["stop"]))
+              disabled: a.value,
+              onClick: w[1] || (w[1] = re((O) => Ae(), ["stop"]))
             }, w[5] || (w[5] = [
               t("svg", {
                 height: "20",
@@ -2081,19 +2081,19 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
               }, [
                 t("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, Cr)
+            ]), 8, Ca)
           ])
-        ], 42, mr),
-        c.value ? (i(), u("div", Vr, [
+        ], 42, ma),
+        c.value ? (i(), u("div", Va, [
           t("div", {
             class: "max-h-[300px] overflow-y-auto py-1",
             ref_key: "listRef",
-            ref: v
+            ref: f
           }, [
             V.value.length ? (i(!0), u(Q, { key: 0 }, Y(V.value, (O, W) => (i(), u("div", {
               key: O.id,
               ref_for: !0,
-              ref: (be) => T.value[W] = be,
+              ref: (be) => F.value[W] = be,
               class: B([
                 "flex px-3 py-2 cursor-default select-none hover:bg-blue-300",
                 m(O.id) ? "text-white bg-blue-500" : "text-gray-900 bg-white"
@@ -2107,35 +2107,35 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
                 key: 0,
                 class: "w-[11px] h-[11px] rounded-full block mr-1 mt-1.5",
                 style: fe({ backgroundColor: O?.color })
-              }, null, 4)) : j("", !0),
+              }, null, 4)) : S("", !0),
               t("div", {
                 class: B([
                   "leading-[19px]",
-                  S.value === O.id ? "text-white" : "",
+                  I.value === O.id ? "text-white" : "",
                   // active style like react-select
-                  (S.value === W, "")
+                  (I.value === W, "")
                 ])
               }, E(O.text), 3)
-            ], 10, Mr))), 128)) : (i(), u("div", Lr, " No options "))
+            ], 10, Ma))), 128)) : (i(), u("div", La, " No options "))
           ], 512)
-        ])) : j("", !0)
+        ])) : S("", !0)
       ], 2),
       l.add ? (i(), u("button", {
         key: 0,
         onClick: nt,
         class: "bg-white hover:bg-gray-100 text-sm text-gray-900 py-[10px] px-3 border border-stone-200 rounded-md h-[38px] flex items-center gap-2",
-        disabled: r.value,
+        disabled: a.value,
         type: "button"
       }, [
-        A(je, {
+        j(je, {
           width: "16",
           height: "16"
         }),
         w[9] || (w[9] = t("span", null, "Додати", -1))
-      ], 8, Br)) : j("", !0)
+      ], 8, Ba)) : S("", !0)
     ], 512));
   }
-}), jr = ["placeholder", "disabled"], Ar = /* @__PURE__ */ I({
+}), ja = ["placeholder", "disabled"], Ia = /* @__PURE__ */ A({
   __name: "vs-input-textarea",
   props: /* @__PURE__ */ q({
     style: { default: () => ({}) },
@@ -2152,20 +2152,20 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, { inputClass: l } = me(e.style), n = G(o, "modelValue");
-    return (a, r) => K((i(), u("textarea", {
-      "onUpdate:modelValue": r[0] || (r[0] = (s) => n.value = s),
-      placeholder: a.placeholder,
-      disabled: a.disabled,
+    return (r, a) => K((i(), u("textarea", {
+      "onUpdate:modelValue": a[0] || (a[0] = (s) => n.value = s),
+      placeholder: r.placeholder,
+      disabled: r.disabled,
       row: "2",
       class: B(["py-1.5 px-3 block w-full placeholder:text[#767f8f] h-auto", [H(l)]]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, jr)), [
+    }, null, 10, ja)), [
       [ne, n.value]
     ]);
   }
-}), Ir = {}, zr = {
+}), Aa = {}, za = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2175,8 +2175,8 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-search stroke-gray-500 transition-all"
 };
-function Or(o, e) {
-  return i(), u("svg", zr, e[0] || (e[0] = [
+function Oa(o, e) {
+  return i(), u("svg", za, e[0] || (e[0] = [
     t("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2186,7 +2186,7 @@ function Or(o, e) {
     t("path", { d: "M21 21l-6 -6" }, null, -1)
   ]));
 }
-const Er = /* @__PURE__ */ R(Ir, [["render", Or]]), Fr = {}, Dr = {
+const Ea = /* @__PURE__ */ R(Aa, [["render", Oa]]), Fa = {}, Da = {
   class: "flex-shrink-0 mt-0.5 size-3.5",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
@@ -2196,15 +2196,15 @@ const Er = /* @__PURE__ */ R(Ir, [["render", Or]]), Fr = {}, Dr = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Ur(o, e) {
-  return i(), u("svg", Dr, e[0] || (e[0] = [
+function Ua(o, e) {
+  return i(), u("svg", Da, e[0] || (e[0] = [
     t("path", { d: "m3 16 4 4 4-4" }, null, -1),
     t("path", { d: "M7 20V4" }, null, -1),
     t("path", { d: "m21 8-4-4-4 4" }, null, -1),
     t("path", { d: "M17 4v16" }, null, -1)
   ]));
 }
-const Rr = /* @__PURE__ */ R(Fr, [["render", Ur]]), Tr = {}, Pr = {
+const Ta = /* @__PURE__ */ R(Fa, [["render", Ua]]), Ra = {}, Pa = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "14",
   height: "14",
@@ -2215,8 +2215,8 @@ const Rr = /* @__PURE__ */ R(Fr, [["render", Ur]]), Tr = {}, Pr = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Nr(o, e) {
-  return i(), u("svg", Pr, e[0] || (e[0] = [
+function Na(o, e) {
+  return i(), u("svg", Pa, e[0] || (e[0] = [
     t("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2227,7 +2227,7 @@ function Nr(o, e) {
     t("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const Hr = /* @__PURE__ */ R(Tr, [["render", Nr]]), qr = {}, Gr = {
+const Ha = /* @__PURE__ */ R(Ra, [["render", Na]]), qa = {}, Ga = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2236,8 +2236,8 @@ const Hr = /* @__PURE__ */ R(Tr, [["render", Nr]]), qr = {}, Gr = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Jr(o, e) {
-  return i(), u("svg", Gr, e[0] || (e[0] = [
+function Ja(o, e) {
+  return i(), u("svg", Ga, e[0] || (e[0] = [
     t("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2248,7 +2248,7 @@ function Jr(o, e) {
     t("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const Kr = /* @__PURE__ */ R(qr, [["render", Jr]]), Zr = {}, Wr = {
+const Ka = /* @__PURE__ */ R(qa, [["render", Ja]]), Za = {}, Wa = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2257,22 +2257,22 @@ const Kr = /* @__PURE__ */ R(qr, [["render", Jr]]), Zr = {}, Wr = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Qr(o, e) {
-  return i(), u("svg", Wr, 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)
+function Qa(o, e) {
+  return i(), u("svg", Wa, 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)
   ]));
 }
-const Ze = /* @__PURE__ */ R(Zr, [["render", Qr]]), Xr = {}, Yr = {
+const Ze = /* @__PURE__ */ R(Za, [["render", Qa]]), Xa = {}, Ya = {
   viewBox: "0 0 178 90",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function ea(o, e) {
-  return i(), u("svg", Yr, 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)
+function er(o, e) {
+  return i(), u("svg", Ya, 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)
   ]));
 }
-const ta = /* @__PURE__ */ R(Xr, [["render", ea]]), la = {}, oa = {
+const tr = /* @__PURE__ */ R(Xa, [["render", er]]), lr = {}, or = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2281,16 +2281,16 @@ const ta = /* @__PURE__ */ R(Xr, [["render", ea]]), la = {}, oa = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function ra(o, e) {
-  return i(), u("svg", oa, e[0] || (e[0] = [
+function ar(o, e) {
+  return i(), u("svg", or, e[0] || (e[0] = [
     t("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 aa = /* @__PURE__ */ R(la, [["render", ra]]), sa = { class: "vs-datatable border rounded-xl w-full flex-grow" }, na = { class: "flex items-center npm gap-[16px] justify-between p-[20px] pb-[16px]" }, ia = { class: "relative w-full" }, ua = { class: "table-wrapper flex gap-2" }, da = { class: "vs-popover inline-block text-slate-700" }, ca = { class: "text-center" }, pa = { class: "" }, fa = { class: "py-2 px-4 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" }, va = { class: "flex flex-col p-[2px] gap-[2px] w-[140px]" }, ma = { class: "text-sm items-center text-gray-800 flex gap-1" }, ha = { class: "w-full overflow-x-auto" }, ga = { class: "w-full table-auto caption-bottom text-sm" }, ba = { class: "[&_tr]:border-b" }, ya = { 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" }, xa = { 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" }, wa = {
+const rr = /* @__PURE__ */ R(lr, [["render", ar]]), sr = { class: "vs-datatable border rounded-xl w-full flex-grow" }, nr = { class: "flex items-center npm gap-[16px] justify-between p-[20px] pb-[16px]" }, ir = { class: "relative w-full" }, ur = { class: "table-wrapper flex gap-2" }, dr = { class: "vs-popover inline-block text-slate-700" }, cr = { class: "text-center" }, pr = { class: "" }, fr = { 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" }, vr = { class: "flex flex-col p-[1px] gap-[2px] w-[140px]" }, mr = { class: "text-sm items-center text-gray-800 flex gap-1" }, hr = { class: "w-full overflow-x-auto" }, gr = { class: "w-full table-auto caption-bottom text-sm" }, br = { class: "[&_tr]:border-b" }, yr = { 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" }, xr = { 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" }, wr = {
   key: 0,
   colspan: "100%",
   class: "text-center"
-}, ka = { class: "w-full" }, _a = { class: "p-5 min-h-[200px] flex flex-col justify-center items-center text-center" }, $a = ["onDragstart", "onDragover", "onDrop"], Ca = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] text-center" }, Va = { class: "flex items-center justify-center" }, Ma = { 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" }, La = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]" }, Ba = { class: "flex items-center justify-center gap-2" }, Sa = ["onClick"], ja = ["onClick"], Aa = /* @__PURE__ */ I({
+}, kr = { class: "w-full" }, _r = { class: "p-5 min-h-[200px] flex flex-col justify-center items-center text-center" }, $r = ["onDragstart", "onDragover", "onDrop"], Cr = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] text-center" }, Vr = { class: "flex items-center justify-center" }, Mr = { 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" }, Lr = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]" }, Br = { class: "flex items-center justify-center gap-2" }, Sr = ["onClick"], jr = ["onClick"], Ir = /* @__PURE__ */ A({
   __name: "vs-input-datatable",
   props: /* @__PURE__ */ q({
     colModel: {},
@@ -2307,16 +2307,16 @@ const aa = /* @__PURE__ */ R(la, [["render", ra]]), sa = { class: "vs-datatable
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, l = G(o, "modelValue"), n = $({}), a = $(""), r = F(() => {
-      if (!a.value) return l.value ?? [];
-      const C = a.value.toLowerCase();
+    const e = o, l = G(o, "modelValue"), n = $({}), r = $(""), a = D(() => {
+      if (!r.value) return l.value ?? [];
+      const C = r.value.toLowerCase();
       return l.value.filter((m) => e.colModel?.some((V) => {
         const z = m[V.key];
         return z ? Array.isArray(z) ? z.join(", ").toLowerCase().includes(C) : String(z).toLowerCase().includes(C) : !1;
       }));
-    }), s = $(null), d = $(null), p = $(!1), v = $(null), c = $({ top: 0, left: 0 }), g = (C) => {
+    }), s = $(null), d = $(null), p = $(!1), f = $(null), c = $({ top: 0, left: 0 }), g = (C) => {
       s.value = C;
-    }, f = (C) => {
+    }, v = (C) => {
       d.value = C;
     }, M = (C) => {
       if (s.value === null || s.value === C) {
@@ -2325,12 +2325,12 @@ const aa = /* @__PURE__ */ R(la, [["render", ra]]), sa = { class: "vs-datatable
       }
       const m = [...l.value], [V] = m.splice(s.value, 1);
       m.splice(C, 0, V), l.value = m, s.value = null, d.value = null;
-    }, S = (C) => {
+    }, I = (C) => {
       const V = C.currentTarget.getBoundingClientRect();
       c.value = { top: V.bottom + window.scrollY, left: V.left + window.scrollX }, p.value = !p.value;
-    }, T = () => {
-      v.value && v.value.click();
-    }, D = (C) => {
+    }, F = () => {
+      f.value && f.value.click();
+    }, U = (C) => {
       const V = C.target.files?.[0];
       if (!V) return;
       const z = new FileReader();
@@ -2376,40 +2376,40 @@ const aa = /* @__PURE__ */ R(la, [["render", ra]]), sa = { class: "vs-datatable
     function J(C) {
       l.value = l.value.filter((m, V) => V !== C);
     }
-    return (C, m) => (i(), u("div", sa, [
-      t("div", na, [
-        t("div", ia, [
-          A(Er, {
+    return (C, m) => (i(), u("div", sr, [
+      t("div", nr, [
+        t("div", ir, [
+          j(Ea, {
             width: "14",
             height: "14",
             class: "absolute left-3 top-1/2 transform -translate-y-1/2 text-stone-500"
           }),
           K(t("input", {
             type: "text",
-            "onUpdate:modelValue": m[0] || (m[0] = (V) => a.value = V),
+            "onUpdate:modelValue": m[0] || (m[0] = (V) => r.value = V),
             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), [
-            [ne, a.value]
+            [ne, r.value]
           ])
         ]),
-        t("div", ua, [
+        t("div", ur, [
           t("input", {
             ref_key: "fileInput",
-            ref: v,
-            onChange: D,
+            ref: f,
+            onChange: U,
             class: "hidden",
             accept: ".json",
             type: "file"
           }, null, 544),
-          t("div", da, [
-            t("div", ca, [
-              t("div", pa, [
+          t("div", dr, [
+            t("div", cr, [
+              t("div", pr, [
                 t("button", {
-                  onClick: S,
+                  onClick: I,
                   class: "bg-white hover:bg-gray-100 font-semibold text-[15px] leadig-[18.5px] py-[10px] px-[12px] border border-[#E5E7EB] rounded-[8px] h-[38px] max-h-[38px] gap-[8px] flex items-center"
                 }, [
-                  A(Rr, {
+                  j(Ta, {
                     height: "16",
                     width: "16"
                   })
@@ -2424,50 +2424,50 @@ const aa = /* @__PURE__ */ R(la, [["render", ra]]), sa = { class: "vs-datatable
             class: "text-slate-700 vsTailwind vs-popover__content bottom",
             style: fe([{ width: "fit-content", "z-index": "10002", position: "fixed" }, { position: "absolute", top: c.value.top + "px", left: c.value.left + "px" }])
           }, [
-            t("div", fa, [
-              t("div", va, [
+            t("div", fr, [
+              t("div", vr, [
                 t("button", {
-                  onClick: T,
-                  class: "text-slate-700 flex items-center gap-1 px-3 py-1 rounded-md cursor-pointer group hover:bg-gray-100"
+                  onClick: F,
+                  class: "text-slate-700 flex items-center gap-1 px-3 py-2 rounded-md cursor-pointer group hover:bg-gray-100"
                 }, [
-                  A(Hr, {
+                  j(Ha, {
                     class: "text-black",
                     width: "14",
                     height: "14"
                   }),
-                  m[1] || (m[1] = oe(" Імпортувати ", -1))
+                  m[1] || (m[1] = oe(" Імпортувати "))
                 ]),
                 t("button", {
                   onClick: P,
-                  class: "text-slate-700 flex items-center px-3 py-1 rounded-md cursor-pointer group hover:bg-gray-100"
+                  class: "text-slate-700 flex items-center px-3 py-2 rounded-md cursor-pointer group hover:bg-gray-100"
                 }, [
-                  t("span", ma, [
-                    A(Kr, {
+                  t("span", mr, [
+                    j(Ka, {
                       class: "text-black",
                       width: "14",
                       height: "14"
                     }),
-                    m[2] || (m[2] = oe(" Експортувати ", -1))
+                    m[2] || (m[2] = oe(" Експортувати "))
                   ])
                 ])
               ])
             ])
-          ], 4)) : j("", !0)
+          ], 4)) : S("", !0)
         ])),
         t("button", {
           onClick: _,
           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"
         }, [
-          A(je),
-          m[3] || (m[3] = oe(" Додати ", -1))
+          j(je),
+          m[3] || (m[3] = oe(" Додати "))
         ])
       ]),
-      t("div", ha, [
-        t("table", ga, [
-          t("thead", ba, [
-            t("tr", ya, [
-              t("th", xa, [
-                A(Ze, {
+      t("div", hr, [
+        t("table", gr, [
+          t("thead", br, [
+            t("tr", yr, [
+              t("th", xr, [
+                j(Ze, {
                   width: "24",
                   height: "24",
                   class: "w-4 h-4 mx-auto text-slate-400 dark:text-slate-500"
@@ -2476,25 +2476,25 @@ const aa = /* @__PURE__ */ R(la, [["render", ra]]), sa = { class: "vs-datatable
               (i(!0), u(Q, null, Y(C.colModel, (V) => (i(), u("th", {
                 key: V.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]"
-              }, E(V.ua), 1))), 128)),
+              }, E(V.ua || V.label), 1))), 128)),
               m[4] || (m[4] = t("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))
             ])
           ]),
           t("tbody", {
             class: B({ "[&_tr:last-child]:border-0": !d.value })
           }, [
-            r.value.length === 0 ? (i(), u("td", wa, [
-              t("div", ka, [
-                t("div", _a, [
-                  A(ta, { class: "w-48 mx-auto" }),
+            a.value.length === 0 ? (i(), u("td", wr, [
+              t("div", kr, [
+                t("div", _r, [
+                  j(tr, { class: "w-48 mx-auto" }),
                   m[5] || (m[5] = t("div", { class: "max-w-sm mx-auto mt-6" }, [
                     t("p", { class: "font-medium text-gray-800 dark:text-neutral-200" }, "Нічого не знайдено"),
                     t("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" })
                   ], -1))
                 ])
               ])
-            ])) : j("", !0),
-            (i(!0), u(Q, null, Y(r.value, (V, z) => (i(), u("tr", {
+            ])) : S("", !0),
+            (i(!0), u(Q, null, Y(a.value, (V, z) => (i(), u("tr", {
               key: V.id,
               class: B(["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": s.value === z,
@@ -2502,12 +2502,12 @@ const aa = /* @__PURE__ */ R(la, [["render", ra]]), sa = { class: "vs-datatable
               }]),
               draggable: "true",
               onDragstart: (Z) => g(z),
-              onDragover: ae((Z) => f(z), ["prevent"]),
+              onDragover: re((Z) => v(z), ["prevent"]),
               onDrop: (Z) => M(z)
             }, [
-              t("td", Ca, [
-                t("div", Va, [
-                  A(Ze, {
+              t("td", Cr, [
+                t("div", Vr, [
+                  j(Ze, {
                     width: "24",
                     height: "24",
                     class: "w-4 h-4 mx-auto text-slate-400 dark:text-slate-500"
@@ -2518,39 +2518,39 @@ const aa = /* @__PURE__ */ R(la, [["render", ra]]), sa = { class: "vs-datatable
                 key: Z.key,
                 class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]"
               }, [
-                t("div", Ma, E(x(V, Z)), 1)
+                t("div", Mr, E(x(V, Z)), 1)
               ]))), 128)),
-              t("td", La, [
-                t("div", Ba, [
+              t("td", Lr, [
+                t("div", Br, [
                   t("button", {
                     onClick: (Z) => h(V, z),
                     class: "text-slate-700 inline-flex items-center justify-center whitespace-nowrap font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border rounded-md text-xs h-7 w-7 p-0 border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-700 hover:bg-blue-50 dark:hover:bg-slate-600 hover:border-blue-300 dark:hover:border-slate-500 hover:text-blue-600 dark:hover:text-slate-200 transition-all duration-200 shadow-sm"
                   }, [
-                    A(aa, {
+                    j(rr, {
                       width: "24",
                       height: "24",
                       class: "w-3 h-3"
                     })
-                  ], 8, Sa),
+                  ], 8, Sr),
                   t("button", {
                     onClick: (Z) => J(z),
                     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"
                   }, [
-                    A(Ae, {
+                    j(Ie, {
                       width: "24",
                       height: "24",
                       class: "w-3 h-3"
                     })
-                  ], 8, ja)
+                  ], 8, jr)
                 ])
               ])
-            ], 42, $a))), 128))
+            ], 42, $r))), 128))
           ], 2)
         ])
       ])
     ]));
   }
-}), Ia = {
+}), Ar = {
   draw: {
     toolbar: {
       actions: {
@@ -2658,7 +2658,7 @@ const aa = /* @__PURE__ */ R(la, [["render", ra]]), sa = { class: "vs-datatable
     }
   }
 };
-function za(o) {
+function zr(o) {
   return o ? o.type === "FeatureCollection" || o.type === "Feature" ? o : o.geom ? {
     type: "Feature",
     geometry: {
@@ -2672,7 +2672,7 @@ function za(o) {
     properties: {}
   } : null : null;
 }
-const Oa = {}, Ea = {
+const Or = {}, Er = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   stroke: "currentColor",
@@ -2682,8 +2682,8 @@ const Oa = {}, Ea = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-map-pin"
 };
-function Fa(o, e) {
-  return i(), u("svg", Ea, e[0] || (e[0] = [
+function Fr(o, e) {
+  return i(), u("svg", Er, e[0] || (e[0] = [
     t("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2693,7 +2693,7 @@ function Fa(o, e) {
     t("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 Da = /* @__PURE__ */ R(Oa, [["render", Fa]]), Ua = {}, Ra = {
+const Dr = /* @__PURE__ */ R(Or, [["render", Fr]]), Ur = {}, Tr = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2703,8 +2703,8 @@ const Da = /* @__PURE__ */ R(Oa, [["render", Fa]]), Ua = {}, Ra = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-line"
 };
-function Ta(o, e) {
-  return i(), u("svg", Ra, e[0] || (e[0] = [
+function Rr(o, e) {
+  return i(), u("svg", Tr, e[0] || (e[0] = [
     t("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2715,7 +2715,7 @@ function Ta(o, e) {
     t("path", { d: "M7.5 16.5l9 -9" }, null, -1)
   ]));
 }
-const Pa = /* @__PURE__ */ R(Ua, [["render", Ta]]), Na = {}, Ha = {
+const Pr = /* @__PURE__ */ R(Ur, [["render", Rr]]), Nr = {}, Hr = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2725,12 +2725,12 @@ const Pa = /* @__PURE__ */ R(Ua, [["render", Ta]]), Na = {}, Ha = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-polygon"
 };
-function qa(o, e) {
-  return i(), u("svg", Ha, 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)
+function qr(o, e) {
+  return i(), u("svg", Hr, 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)
   ]));
 }
-const Ga = /* @__PURE__ */ R(Na, [["render", qa]]), Ja = {}, Ka = {
+const Gr = /* @__PURE__ */ R(Nr, [["render", qr]]), Jr = {}, Kr = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2740,12 +2740,12 @@ const Ga = /* @__PURE__ */ R(Na, [["render", qa]]), Ja = {}, Ka = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-topology-ring-3"
 };
-function Za(o, e) {
-  return i(), u("svg", Ka, 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)
+function Zr(o, e) {
+  return i(), u("svg", Kr, 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)
   ]));
 }
-const Wa = /* @__PURE__ */ R(Ja, [["render", Za]]), Qa = {}, Xa = {
+const Wr = /* @__PURE__ */ R(Jr, [["render", Zr]]), Qr = {}, Xr = {
   version: "1.1",
   viewBox: "0 0 14 14",
   xmlns: "http://www.w3.org/2000/svg",
@@ -2753,8 +2753,8 @@ const Wa = /* @__PURE__ */ R(Ja, [["render", Za]]), Qa = {}, Xa = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   class: "fullscreen-icon"
 };
-function Ya(o, e) {
-  return i(), u("svg", Xa, e[0] || (e[0] = [
+function Yr(o, e) {
+  return i(), u("svg", Xr, e[0] || (e[0] = [
     t("title", null, null, -1),
     t("desc", null, null, -1),
     t("defs", null, null, -1),
@@ -2783,7 +2783,7 @@ function Ya(o, e) {
     ], -1)
   ]));
 }
-const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__search" }, ls = { class: "map-search__input" }, os = { class: "flex flex-nowrap relative" }, rs = { class: "form-autocomplete relative min-w-[6rem] vsTailwind map-search__select hidden" }, as = { class: "flex items-center w-full" }, ss = { class: "max-w-[90%] truncate" }, ns = {
+const es = /* @__PURE__ */ R(Qr, [["render", Yr]]), ts = { class: "form-geom__search" }, ls = { class: "map-search__input" }, os = { class: "flex flex-nowrap relative" }, as = { class: "form-autocomplete relative min-w-[6rem] vsTailwind map-search__select hidden" }, rs = { class: "flex items-center w-full" }, ss = { class: "max-w-[90%] truncate" }, ns = {
   key: 0,
   class: "absolute z-[3100] mt-0.5 left-0 right-0"
 }, is = { 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" }, us = { 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" }, ds = ["onClick"], cs = { class: "flex justify-between items-center w-full" }, ps = { class: "flex items-center" }, fs = {
@@ -2806,51 +2806,51 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
 }, xs = {
   key: 2,
   class: "px-3 py-2 text-xs text-gray-400"
-}, ws = /* @__PURE__ */ I({
+}, ws = /* @__PURE__ */ A({
   __name: "map-search",
   props: {
     placeholder: { default: "50, 30" }
   },
   emits: ["goToCoordinates"],
   setup(o, { emit: e }) {
-    const l = e, n = $(!1), a = $("coordinates"), r = $(""), s = $([]), d = $(!1), p = $(!1);
-    let v;
+    const l = e, n = $(!1), r = $("coordinates"), a = $(""), s = $([]), d = $(!1), p = $(!1);
+    let f;
     const c = [
       { value: "coordinates", label: "Пошук по кординатам" },
       { value: "atu", label: "АТУ" },
       { value: "address", label: "Адресса" },
       { value: "search_here", label: "Пошук HERE" }
-    ], g = F(() => c.find((_) => _.value === a.value)?.label ?? "АТУ");
-    function f(_) {
-      a.value = _.value, n.value = !1, r.value = "", r.value && T();
+    ], g = D(() => c.find((_) => _.value === r.value)?.label ?? "АТУ");
+    function v(_) {
+      r.value = _.value, n.value = !1, a.value = "", a.value && F();
     }
     function M(_) {
       _.target.closest(".map-search__input") || (n.value = !1);
     }
     ue(() => document.addEventListener("click", M)), et(() => document.removeEventListener("click", M));
-    async function S(_) {
+    async function I(_) {
       let x;
-      a.value === "atu" ? x = "/api/suggest/atu.nsdi.ato_level" : a.value === "address" ? x = "/api/suggest/map.address_id" : a.value === "search_here" && (x = "/api/gis-url-proxy");
+      r.value === "atu" ? x = "/api/suggest/atu.nsdi.ato_level" : r.value === "address" ? x = "/api/suggest/map.address_id" : r.value === "search_here" && (x = "/api/gis-url-proxy");
       const h = new URL(x || "");
-      return a.value === "search_here" ? h.searchParams.set("searchtext", _) : (a.value === "atu" || a.value === "address") && h.searchParams.set("key", _), h.searchParams.set("limit", "20"), h.searchParams.set("q", _), (await fetch(h.toString())).json();
+      return r.value === "search_here" ? h.searchParams.set("searchtext", _) : (r.value === "atu" || r.value === "address") && h.searchParams.set("key", _), h.searchParams.set("limit", "20"), h.searchParams.set("q", _), (await fetch(h.toString())).json();
     }
-    function T() {
-      if (d.value = !0, p.value = !0, a.value === "coordinates") {
-        const _ = r.value.trim().split(",");
+    function F() {
+      if (d.value = !0, p.value = !0, r.value === "coordinates") {
+        const _ = a.value.trim().split(",");
         if (_.length === 2) {
           const x = parseFloat(_[0]), h = parseFloat(_[1]);
           !Number.isNaN(x) && !Number.isNaN(h) && l("goToCoordinates", [x, h]);
         }
         return;
       }
-      v && window.clearTimeout(v), v = window.setTimeout(async () => {
-        const _ = r.value.trim();
+      f && window.clearTimeout(f), f = window.setTimeout(async () => {
+        const _ = a.value.trim();
         if (!_) {
           s.value = [], p.value = !1;
           return;
         }
         try {
-          const x = await S(_);
+          const x = await I(_);
           s.value = Array.isArray(x.features) ? x.features : [];
         } catch {
           s.value = [];
@@ -2859,8 +2859,8 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
         }
       }, 300);
     }
-    function D() {
-      r.value = "", s.value = [], d.value = !1, p.value = !1;
+    function U() {
+      a.value = "", s.value = [], d.value = !1, p.value = !1;
     }
     function P(_) {
       l("goToCoordinates", _), d.value = !1, p.value = !1, s.value = [];
@@ -2868,13 +2868,13 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
     return (_, x) => (i(), u("div", ts, [
       t("div", ls, [
         t("div", os, [
-          t("div", rs, [
+          t("div", as, [
             t("button", {
               type: "button",
               onClick: x[0] || (x[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"
             }, [
-              t("div", as, [
+              t("div", rs, [
                 t("span", ss, E(g.value), 1)
               ]),
               x[3] || (x[3] = t("svg", {
@@ -2896,7 +2896,7 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
               t("div", is, [
                 t("div", us, [
                   (i(), u(Q, null, Y(c, (h) => t("div", {
-                    onClick: (J) => f(h),
+                    onClick: (J) => 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"
                   }, [
@@ -2904,14 +2904,14 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
                       t("div", ps, [
                         t("div", null, E(h.label), 1)
                       ]),
-                      h.value === a.value ? (i(), u("svg", fs, x[4] || (x[4] = [
+                      h.value === r.value ? (i(), u("svg", fs, x[4] || (x[4] = [
                         t("polyline", { points: "20 6 9 17 4 12" }, null, -1)
-                      ]))) : j("", !0)
+                      ]))) : S("", !0)
                     ])
                   ], 8, ds)), 64))
                 ])
               ])
-            ])) : j("", !0)
+            ])) : S("", !0)
           ]),
           t("div", vs, [
             t("div", ms, [
@@ -2940,17 +2940,17 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
               ], -1)),
               K(t("input", {
                 type: "text",
-                "onUpdate:modelValue": x[1] || (x[1] = (h) => r.value = h),
-                onInput: T,
+                "onUpdate:modelValue": x[1] || (x[1] = (h) => a.value = h),
+                onInput: F,
                 onFocus: x[2] || (x[2] = (h) => d.value = !0),
                 placeholder: "Пошук...",
                 class: "bg-white h-[38px] text-sm py-2 px-3 ps-9 pe-8 block w-full border border-solid placeholder:text-nowrap border-stone-200 rounded-lg text-stone-800 placeholder:text-stone-400 focus:outline focus:z-10 focus:border-blue-500 focus:ring-blue-500 focus:outline-blue-500"
               }, null, 544), [
-                [ne, r.value]
+                [ne, a.value]
               ]),
-              r.value ? (i(), u("button", {
+              a.value ? (i(), u("button", {
                 key: 0,
-                onClick: D,
+                onClick: U,
                 class: "absolute right-2 bottom-1/2 translate-y-1/2 text-gray-500 hover:text-red-500",
                 "aria-label": "Очистити",
                 type: "button"
@@ -2969,8 +2969,8 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
                     "stroke-linejoin": "round"
                   })
                 ], -1)
-              ]))) : j("", !0),
-              d.value && a.value !== "coordinates" ? (i(), u("div", hs, [
+              ]))) : S("", !0),
+              d.value && r.value !== "coordinates" ? (i(), u("div", hs, [
                 s.value.length ? (i(), u("ul", gs, [
                   (i(!0), u(Q, null, Y(s.value, (h) => (i(), u("li", {
                     key: h.properties.place_id,
@@ -2978,14 +2978,14 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
                     class: "px-3 py-2 text-sm cursor-pointer hover:bg-gray-100"
                   }, E(h.properties.display_name), 9, bs))), 128))
                 ])) : p.value ? (i(), u("div", ys, "Шукаю…")) : (i(), u("div", xs, "Нічого не знайдено"))
-              ])) : j("", !0)
+              ])) : S("", !0)
             ])
           ])
         ])
       ])
     ]));
   }
-}), ks = { class: "bg-white/95 p-2 rounded-xl shadow border border-gray-200" }, _s = { class: "flex gap-2" }, $s = ["onClick", "title"], Cs = ["src"], Vs = /* @__PURE__ */ I({
+}), ks = { class: "bg-white/95 p-2 rounded-xl shadow border border-gray-200" }, _s = { class: "flex gap-2" }, $s = ["onClick", "title"], Cs = ["src"], Vs = /* @__PURE__ */ A({
   __name: "map-layers",
   props: {
     basemaps: {},
@@ -2993,17 +2993,17 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
   },
   emits: ["onLayerChange"],
   setup(o, { emit: e }) {
-    const n = $(o.defaultLayer ?? ""), a = e;
-    function r(s) {
-      a("onLayerChange", s), n.value = s;
+    const n = $(o.defaultLayer ?? ""), r = e;
+    function a(s) {
+      r("onLayerChange", s), n.value = s;
     }
     return (s, d) => (i(), u("div", ks, [
       t("div", _s, [
-        (i(!0), u(Q, null, Y(s.basemaps, (p, v) => (i(), u("div", {
-          key: v,
-          class: B(["cursor-pointer border rounded-lg overflow-hidden hover:shadow-sm", { "ring-2 ring-blue-500 border-blue-300": n.value === v }]),
-          onClick: (c) => r(v),
-          title: v,
+        (i(!0), u(Q, null, Y(s.basemaps, (p, f) => (i(), u("div", {
+          key: f,
+          class: B(["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",
           tabindex: "0"
         }, [
@@ -3016,16 +3016,16 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
       ])
     ]));
   }
-}), Ms = { class: "absolute top-4 left-4 z-[1000] w-[calc(100%-20px)] sm:w-[350px]" }, Ls = { class: "form-geom__panel flex gap-1 items-start mt-2" }, Bs = { class: "flex items-center gap-1" }, Ss = ["disabled"], js = { class: "absolute top-4 right-4 z-[1000]" }, As = { class: "flex flex-col gap-[2px]" }, Is = ["aria-pressed"], zs = ["aria-pressed"], Os = ["aria-pressed"], Es = ["aria-pressed"], Fs = { 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" }, Ds = {
+}), Ms = { class: "absolute top-4 left-4 z-[1000] w-[calc(100%-20px)] sm:w-[350px]" }, Ls = { class: "form-geom__panel flex gap-1 items-start mt-2" }, Bs = { class: "flex items-center gap-1" }, Ss = ["disabled"], js = { class: "absolute top-4 right-4 z-[1000]" }, Is = { class: "flex flex-col gap-[2px]" }, As = ["aria-pressed"], zs = ["aria-pressed"], Os = ["aria-pressed"], Es = ["aria-pressed"], Fs = { 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" }, Ds = {
   key: 0,
   class: "form-geom__feature flex items-center text-xs transition-all gap-2 w-full"
-}, Us = { class: "mr-auto" }, Rs = { class: "font-bold" }, Ts = { class: "flex items-center" }, Ps = { class: "text-xs mr-2" }, Ns = {
+}, Us = { class: "mr-auto" }, Ts = { class: "font-bold" }, Rs = { class: "flex items-center" }, Ps = { class: "text-xs mr-2" }, Ns = {
   key: 0,
   class: "text-xs"
 }, Hs = {
   key: 1,
   class: "text-xs"
-}, qs = /* @__PURE__ */ I({
+}, qs = /* @__PURE__ */ A({
   __name: "vs-input-map",
   props: {
     style: {},
@@ -3038,9 +3038,9 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const l = o, n = e, a = $(null);
-    let r, s, d;
-    const p = $(null), v = $(null), c = $(6), g = $(0), f = $(null), M = {
+    const l = o, n = e, r = $(null);
+    let a, s, d;
+    const p = $(null), f = $(null), c = $(6), g = $(0), v = $(null), M = {
       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"
@@ -3054,12 +3054,12 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
         preview: "https://tile.openstreetmap.org.ua/styles/osm-bright/13/4790/2762.png"
       }
     };
-    let S;
-    const T = $("topo100");
-    function D() {
+    let I;
+    const F = $("topo100");
+    function U() {
       return new Promise((b, y) => {
         window.L && window.L.Draw && b(0);
-        const U = (ee) => {
+        const T = (ee) => {
           if (Array.from(document.styleSheets).some((he) => he?.href?.includes(ee))) return;
           const de = document.createElement("link");
           de.rel = "stylesheet", de.href = ee, document.head.appendChild(de);
@@ -3072,7 +3072,7 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
           const ge = document.createElement("script");
           ge.src = ee, ge.async = !0, ge.onload = () => _e(), ge.onerror = (ce) => de(ce), document.body.appendChild(ge);
         });
-        U("https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"), U("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(y);
+        T("https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"), T("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(y);
       });
     }
     function P() {
@@ -3084,7 +3084,7 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
       const y = s.getLayers();
       if (!y.length) return;
       const N = L.featureGroup(y).getBounds();
-      N && N.isValid() && r.fitBounds(N, { padding: [b, b] });
+      N && N.isValid() && a.fitBounds(N, { padding: [b, b] });
     }
     function x() {
       p.value?.click();
@@ -3100,7 +3100,7 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
       }
       if (b instanceof L.Polygon || b instanceof L.Rectangle)
         try {
-          const y = b.getLatLngs(), U = Array.isArray(y[0]) ? y[0] : y, N = L.GeometryUtil?.geodesicArea ? L.GeometryUtil.geodesicArea(U) : 0;
+          const y = b.getLatLngs(), T = Array.isArray(y[0]) ? y[0] : y, N = L.GeometryUtil?.geodesicArea ? L.GeometryUtil.geodesicArea(T) : 0;
           return N ? N / 1e6 : 0;
         } catch {
           return null;
@@ -3108,97 +3108,97 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
       return null;
     }
     function m(b) {
-      return b instanceof L.Circle ? b.getLatLng() : b.getBounds ? b.getBounds().getCenter() : b.getLatLng ? b.getLatLng() : r.getCenter();
+      return b instanceof L.Circle ? b.getLatLng() : b.getBounds ? b.getBounds().getCenter() : b.getLatLng ? b.getLatLng() : a.getCenter();
     }
     function V() {
       const b = s.getLayers();
       if (!b.length) {
-        f.value = null, g.value = 0;
+        v.value = null, g.value = 0;
         return;
       }
-      const y = b[b.length - 1], U = J(y), N = m(y), ee = C(y);
-      f.value = {
-        type: U,
+      const y = b[b.length - 1], T = J(y), N = m(y), ee = C(y);
+      v.value = {
+        type: T,
         center: N,
         areaKm2: ee,
         layer: y
       }, g.value = b.length;
     }
     function z() {
-      const b = f.value?.layer;
-      b && (b instanceof L.Circle && b.getBounds ? r.fitBounds(b.getBounds(), { padding: [30, 30] }) : b.getBounds ? r.fitBounds(b.getBounds(), { padding: [30, 30] }) : b.getLatLng && r.setView(b.getLatLng(), Math.max(c.value, 14)));
+      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 Z() {
-      const b = f.value?.layer;
+      const b = v.value?.layer;
       b && (s.removeLayer(b), P(), V());
     }
     ue(async () => {
-      await D(), L.drawLocal = Ia, r = L.map(a.value, { zoomControl: !1 }).setView([50, 30], 10), L.control.zoom({ position: "bottomright" }).addTo(r), S = L.tileLayer(M.topo100.url, { maxZoom: 19, minZoom: 6 }).addTo(r), T.value = "topo100", s = new L.FeatureGroup().addTo(r), r.on(L.Draw.Event.CREATED, (y) => {
-        const { layer: U } = y;
-        s.clearLayers(), s.addLayer(U), P(), V(), _(), h.value = "";
-      }), r.on(L.Draw.Event.EDITED, () => {
+      await U(), L.drawLocal = Ar, a = L.map(r.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), F.value = "topo100", s = new L.FeatureGroup().addTo(a), a.on(L.Draw.Event.CREATED, (y) => {
+        const { layer: T } = y;
+        s.clearLayers(), s.addLayer(T), P(), V(), _(), h.value = "";
+      }), a.on(L.Draw.Event.EDITED, () => {
         P(), V(), _();
-      }), r.on(L.Draw.Event.DELETED, () => {
+      }), a.on(L.Draw.Event.DELETED, () => {
         P(), V(), _();
-      }), r.on("mousemove", (y) => {
-        v.value = y.latlng;
-      }), r.on("zoomend", () => {
-        c.value = r.getZoom();
+      }), a.on("mousemove", (y) => {
+        f.value = y.latlng;
+      }), a.on("zoomend", () => {
+        c.value = a.getZoom();
       });
-      const b = za(l.modelValue);
+      const b = zr(l.modelValue);
       if (b) {
         const y = [];
-        L.geoJSON(b).eachLayer((U) => y.push(U)), y.length && s.addLayer(y[0]), P(), V(), _();
+        L.geoJSON(b).eachLayer((T) => y.push(T)), y.length && s.addLayer(y[0]), P(), V(), _();
       }
     });
     function te(b) {
-      if (r) {
+      if (a) {
         switch (d && d.disable(), b) {
           case "marker":
-            d = new L.Draw.Marker(r);
+            d = new L.Draw.Marker(a);
             break;
           case "polyline":
-            d = new L.Draw.Polyline(r);
+            d = new L.Draw.Polyline(a);
             break;
           case "polygon":
-            d = new L.Draw.Polygon(r);
+            d = new L.Draw.Polygon(a);
             break;
           case "rectangle":
-            d = new L.Draw.Rectangle(r);
+            d = new L.Draw.Rectangle(a);
             break;
           default:
-            d = new L.Draw.Rectangle(r);
+            d = new L.Draw.Rectangle(a);
             break;
         }
         d && (d.enable(), h.value = b);
       }
     }
     function ye() {
-      const b = s.toGeoJSON(), y = new Blob([JSON.stringify(b, null, 2)], { type: "application/json" }), U = URL.createObjectURL(y), N = document.createElement("a");
-      N.href = U, N.download = "data.geojson", N.click(), URL.revokeObjectURL(U);
+      const b = s.toGeoJSON(), y = new Blob([JSON.stringify(b, null, 2)], { type: "application/json" }), T = URL.createObjectURL(y), N = document.createElement("a");
+      N.href = T, N.download = "data.geojson", N.click(), URL.revokeObjectURL(T);
     }
     function we(b) {
       const y = b.target.files?.[0];
       if (!y) return;
-      const U = new FileReader();
-      U.onload = () => {
-        if (typeof U.result == "string")
+      const T = new FileReader();
+      T.onload = () => {
+        if (typeof T.result == "string")
           try {
-            const N = JSON.parse(U.result);
+            const N = JSON.parse(T.result);
             s.clearLayers(), N && L.geoJSON({ type: "Feature", geometry: N }).eachLayer((ee) => {
               s.addLayer(ee);
             }), P(), V(), _();
           } finally {
             b.target.value = "";
           }
-      }, U.readAsText(y);
+      }, T.readAsText(y);
     }
     function ie(b) {
-      r && (S && r.removeLayer(S), S = L.tileLayer(M[b].url, { maxZoom: 19, minZoom: 6 }).addTo(r), T.value = b);
+      a && (I && a.removeLayer(I), I = L.tileLayer(M[b].url, { maxZoom: 19, minZoom: 6 }).addTo(a), F.value = b);
     }
-    function Ie(b) {
+    function Ae(b) {
       const y = L.latLng(b[0], b[1]);
-      r.setView(y, 13);
+      a.setView(y, 13);
     }
     se(
       () => l.modelValue,
@@ -3214,11 +3214,11 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
     }, [
       t("div", {
         ref_key: "mapContainer",
-        ref: a,
+        ref: r,
         class: "w-full h-full"
       }, null, 512),
       t("div", Ms, [
-        A(ws, { onGoToCoordinates: Ie }),
+        j(ws, { onGoToCoordinates: Ae }),
         t("div", Ls, [
           t("div", Bs, [
             t("button", {
@@ -3244,101 +3244,101 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
         ])
       ]),
       t("div", js, [
-        t("div", As, [
+        t("div", Is, [
           t("button", {
             class: B(["vs-btn", { "vs-active": h.value === "marker" }]),
             "aria-pressed": h.value === "marker",
             title: "Point (P)",
             "aria-label": "Draw point",
-            onClick: y[0] || (y[0] = (U) => te("marker"))
+            onClick: y[0] || (y[0] = (T) => te("marker"))
           }, [
-            A(Da)
-          ], 10, Is),
+            j(Dr)
+          ], 10, As),
           t("button", {
             class: B(["vs-btn", { "vs-active": h.value === "polyline" }]),
             "aria-pressed": h.value === "polyline",
             title: "Line (L)",
             "aria-label": "Draw polyline",
-            onClick: y[1] || (y[1] = (U) => te("polyline"))
+            onClick: y[1] || (y[1] = (T) => te("polyline"))
           }, [
-            A(Pa)
+            j(Pr)
           ], 10, zs),
           t("button", {
             class: B(["vs-btn", { "vs-active": h.value === "polygon" }]),
             "aria-pressed": h.value === "polygon",
             title: "Polygon (G)",
             "aria-label": "Draw polygon",
-            onClick: y[2] || (y[2] = (U) => te("polygon"))
+            onClick: y[2] || (y[2] = (T) => te("polygon"))
           }, [
-            A(Ga)
+            j(Gr)
           ], 10, Os),
           t("button", {
             class: B(["vs-btn", { "vs-active": h.value === "rectangle" }]),
             "aria-pressed": h.value === "rectangle",
             title: "Rectangle (R)",
             "aria-label": "Draw rectangle",
-            onClick: y[3] || (y[3] = (U) => te("rectangle"))
+            onClick: y[3] || (y[3] = (T) => te("rectangle"))
           }, [
-            A(Wa)
+            j(Wr)
           ], 10, Es),
           t("button", {
             class: "vs-btn",
-            onClick: y[4] || (y[4] = (U) => ke.value = !ke.value)
+            onClick: y[4] || (y[4] = (T) => ke.value = !ke.value)
           }, [
-            A(es, { style: { width: "12px", height: "12px" } })
+            j(es, { style: { width: "12px", height: "12px" } })
           ])
         ])
       ]),
       t("div", {
-        class: B(["absolute left-4 z-[1000]", f.value ? "bottom-8" : "bottom-4"])
+        class: B(["absolute left-4 z-[1000]", v.value ? "bottom-8" : "bottom-4"])
       }, [
-        A(Vs, {
+        j(Vs, {
           basemaps: M,
           "default-layer": "topo100",
           onOnLayerChange: ie
         })
       ], 2),
       t("div", Fs, [
-        f.value ? (i(), u("div", Ds, [
+        v.value ? (i(), u("div", Ds, [
           t("div", Us, [
-            y[7] || (y[7] = oe(" Тип: ", -1)),
-            t("span", Rs, E(f.value.type), 1)
+            y[7] || (y[7] = oe(" Тип: ")),
+            t("span", Ts, E(v.value.type), 1)
           ]),
-          t("div", Ts, [
+          t("div", Rs, [
             t("div", Ps, [
-              y[8] || (y[8] = oe(" Центр: ", -1)),
-              t("b", null, E(f.value.center.lat.toFixed(5)) + ", " + E(f.value.center.lng.toFixed(5)), 1)
+              y[8] || (y[8] = oe(" Центр: ")),
+              t("b", null, E(v.value.center.lat.toFixed(5)) + ", " + E(v.value.center.lng.toFixed(5)), 1)
             ]),
-            f.value.areaKm2 !== null ? (i(), u("div", Ns, [
-              y[9] || (y[9] = oe(" Площа: ", -1)),
-              t("b", null, E(f.value.areaKm2.toFixed(1)) + "км²", 1)
+            v.value.areaKm2 !== null ? (i(), u("div", Ns, [
+              y[9] || (y[9] = oe(" Площа: ")),
+              t("b", null, E(v.value.areaKm2.toFixed(1)) + "км²", 1)
             ])) : (i(), u("div", Hs, y[10] || (y[10] = [
-              oe(" Площа: ", -1),
+              oe(" Площа: "),
               t("b", null, "—", -1)
             ]))),
             t("button", {
               class: "tool bg-gray-100 py-1.5 px-2 rounded-lg text-md mr-1 cursor-pointer hover:bg-blue-500 hover:text-white transition-all",
               title: "Наблизити",
-              onClick: y[5] || (y[5] = (U) => z())
+              onClick: y[5] || (y[5] = (T) => z())
             }, 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-d73d6cfa><path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" data-v-d73d6cfa></path><path d="M7 10l6 0" data-v-d73d6cfa></path><path d="M10 7l0 6" data-v-d73d6cfa></path><path d="M21 21l-6 -6" data-v-d73d6cfa></path></svg>', 1)
+              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-d73d6cfa><path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" data-v-d73d6cfa></path><path d="M7 10l6 0" data-v-d73d6cfa></path><path d="M10 7l0 6" data-v-d73d6cfa></path><path d="M21 21l-6 -6" data-v-d73d6cfa></path></svg>', 1)
             ])),
             t("button", {
               class: "tool bg-gray-100 py-1.5 px-2 rounded-lg text-md cursor-pointer hover:bg-blue-500 hover:text-white transition-all",
               title: "Видалити",
-              onClick: y[6] || (y[6] = (U) => Z())
+              onClick: y[6] || (y[6] = (T) => Z())
             }, [
-              A(Ae, { class: "w-3 h-3" })
+              j(Ie, { class: "w-3 h-3" })
             ])
           ])
-        ])) : j("", !0)
+        ])) : S("", !0)
       ])
     ], 2));
   }
 }), Gs = /* @__PURE__ */ R(qs, [["__scopeId", "data-v-d73d6cfa"]]), Js = ["data-focus"], Ks = { class: "flex items-center" }, Zs = { class: "overflow-hidden text-ellipsis whitespace-nowrap rounded-sm text-[#333] text-[85%] px-0.5 py-[3px] pl-1.5 box-border" }, Ws = ["onClick", "aria-label"], Qs = {
   key: 0,
   class: "absolute text-gray-500 truncate pl-2"
-}, Xs = { class: "flex-1 min-w-[2px]" }, Ys = ["placeholder"], en = { class: "flex items-center shrink-0" }, tn = ["disabled"], ln = /* @__PURE__ */ I({
+}, Xs = { class: "flex-1 min-w-[2px]" }, Ys = ["placeholder"], en = { class: "flex items-center shrink-0" }, tn = ["disabled"], ln = /* @__PURE__ */ A({
   __name: "vs-input-tag",
   props: /* @__PURE__ */ q({
     unique: { type: Boolean, default: !0 },
@@ -3357,16 +3357,16 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
   setup(o, { emit: e }) {
     const l = o, n = e;
     me(l.style);
-    const a = $(null), r = $(null), s = $(null), d = $(!1), p = $(""), v = G(o, "modelValue"), c = F(() => l.placeholder || "Add tag…"), g = F(() => v.value?.length === 0 && p.value === ""), f = F(() => !l.disabled && v.value?.length > 0), M = F(() => l.disabled), S = async () => {
+    const r = $(null), a = $(null), s = $(null), d = $(!1), p = $(""), f = G(o, "modelValue"), c = D(() => l.placeholder || "Add tag…"), g = D(() => f.value?.length === 0 && p.value === ""), v = D(() => !l.disabled && f.value?.length > 0), M = D(() => l.disabled), I = async () => {
       M.value || await $e(() => s.value?.focus());
-    }, T = (C) => {
+    }, F = (C) => {
       const m = C.trim();
-      m !== "" && (!v.value || !Array.isArray(v.value) ? v.value = [m] : l.unique ? v.value.includes(m) || (v.value = [...v.value, m]) : v.value = [...v.value, m], p.value = "");
-    }, D = () => {
+      m !== "" && (!f.value || !Array.isArray(f.value) ? f.value = [m] : l.unique ? f.value.includes(m) || (f.value = [...f.value, m]) : f.value = [...f.value, m], p.value = "");
+    }, U = () => {
       const C = p.value;
-      C.trim() !== "" && T(C), p.value = "";
+      C.trim() !== "" && F(C), p.value = "";
     }, P = (C) => {
-      const m = v.value.slice();
+      const m = f.value.slice();
       m.splice(C, 1), n("update:modelValue", m);
     }, _ = () => {
       n("update:modelValue", []);
@@ -3376,13 +3376,13 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
       d.value = !1;
     }, J = (C) => {
       const { key: m } = C;
-      m === "Enter" ? (C.preventDefault(), D()) : m === "Backspace" && p.value === "" && v.value.length > 0 && P(v.value.length - 1);
+      m === "Enter" ? (C.preventDefault(), U()) : m === "Backspace" && p.value === "" && f.value.length > 0 && P(f.value.length - 1);
     };
     return (C, m) => (i(), u("div", {
       class: "flex gap-1 w-full",
       ref_key: "root",
-      ref: a,
-      onClick: m[1] || (m[1] = ae(() => {
+      ref: r,
+      onClick: m[1] || (m[1] = re(() => {
       }, ["stop"]))
     }, [
       t("div", {
@@ -3398,14 +3398,14 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
             M.value ? "bg-gray-100 text-gray-400 cursor-not-allowed hover:border-gray-300" : ""
           ]),
           "data-focus": d.value ? "true" : "false",
-          onClick: S
+          onClick: I
         }, [
           t("div", {
             class: "flex flex-1 flex-wrap items-center gap-1 py-0.5 pl-2 pr-0 overflow-hidden",
             ref_key: "chipsRef",
-            ref: r
+            ref: a
           }, [
-            (i(!0), u(Q, null, Y(v.value, (V, z) => (i(), u("div", {
+            (i(!0), u(Q, null, Y(f.value, (V, z) => (i(), u("div", {
               key: z,
               class: "flex min-w-0 bg-[#e6e6e6] rounded-sm m-0.5 box-border"
             }, [
@@ -3415,7 +3415,7 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
               t("div", {
                 role: "button",
                 class: "flex items-center rounded-sm px-1 box-border hover:bg-[#ffbdad] hover:text-[#de350b]",
-                onClick: ae((Z) => P(z), ["stop"]),
+                onClick: re((Z) => P(z), ["stop"]),
                 "aria-label": `Remove ${V}`
               }, m[2] || (m[2] = [
                 t("svg", {
@@ -3430,9 +3430,9 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
                 ], -1)
               ]), 8, Ws)
             ]))), 128)),
-            g.value ? (i(), u("div", Qs, E(c.value), 1)) : j("", !0),
+            g.value ? (i(), u("div", Qs, E(c.value), 1)) : S("", !0),
             t("div", Xs, [
-              M.value ? j("", !0) : K((i(), u("input", {
+              M.value ? S("", !0) : K((i(), u("input", {
                 key: 0,
                 ref_key: "inputRef",
                 ref: s,
@@ -3448,20 +3448,20 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
                 onFocus: x,
                 onBlur: h,
                 onKeydown: J,
-                placeholder: v.value && v.value.length ? "" : void 0
+                placeholder: f.value && f.value.length ? "" : void 0
               }, null, 40, Ys)), [
                 [ne, p.value]
               ])
             ])
           ], 512),
           t("div", en, [
-            f.value ? (i(), u("button", {
+            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: ae(_, ["stop"])
+              onClick: re(_, ["stop"])
             }, m[3] || (m[3] = [
               t("svg", {
                 height: "20",
@@ -3471,7 +3471,7 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
               }, [
                 t("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, tn)) : j("", !0)
+            ]), 8, tn)) : S("", !0)
           ])
         ], 10, Js)
       ], 2)
@@ -3481,24 +3481,24 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
   VsInputText: He,
   VsInputRadio: Ge,
   "vs-input-text": He,
-  "vs-input-textarea": Ar,
+  "vs-input-textarea": Ia,
   "vs-input-mask": sl,
   "vs-input-number": St,
   "vs-input-radio": Ge,
-  "vs-input-select": Sr,
+  "vs-input-select": Sa,
   "vs-input-switcher": lt,
   "vs-input-static": qe,
-  "vs-input-container": nr,
+  "vs-input-container": na,
   "vs-input-date": xl,
   "vs-input-checkbox": bl,
-  "vs-input-file": ao,
+  "vs-input-file": ro,
   "vs-input-html": qe,
   "vs-input-email": ul,
-  "vs-input-datatable": Aa,
+  "vs-input-datatable": Ir,
   "vs-input-map": Gs,
   "vs-input-file-list": Eo,
   "vs-input-tag": ln
-}, rn = /* @__PURE__ */ I({
+}, an = /* @__PURE__ */ A({
   __name: "behavior",
   props: {
     api: {},
@@ -3512,25 +3512,25 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
     async function n() {
       try {
         if (!e.api) return;
-        const a = e.api.replace("{{value}}", e.value), r = await fetch(a);
-        if (!r.ok) {
+        const r = e.api.replace("{{value}}", e.value), a = await fetch(r);
+        if (!a.ok) {
           pe({ type: "warning", title: "Validation", message: "При спробі завантажити дані виникла помилка." });
           return;
         }
-        const s = await r.json();
+        const s = await a.json();
         if (!e.set || !l) return;
         for (const [d, p] of Object.entries(e.set))
           l.value[d] = s.result[p];
-      } catch (a) {
-        console.error(e.error, a);
+      } catch (r) {
+        console.error(e.error, r);
       }
     }
-    return (a, r) => (i(), u("button", {
+    return (r, a) => (i(), u("button", {
       onClick: n,
       class: "vs-button relative inline-flex border-solid justify-center items-center gap-2 rounded-md font-semibold focus:outline-none text-sm transition-all border !border-gray-200 hover:text-white bg-white text-blue-500 hover:border-blue-500 hover:bg-blue-500 focus:ring-blue-500 py-1.5 px-5 focus:ring-1 focus:ring-offset-1 ml-0 md:ml-2 mt-2 md:mt-0 py-[8px] md:w-2/4 whitespace-nowrap w-full"
-    }, E(a.button), 1));
+    }, E(r.button), 1));
   }
-}), an = { class: "flex w-full" }, at = /* @__PURE__ */ I({
+}), rn = { class: "flex w-full" }, rt = /* @__PURE__ */ A({
   __name: "vs-compact-form-layout",
   props: /* @__PURE__ */ q({
     item: { default: {} },
@@ -3544,16 +3544,16 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, l = G(o, "modelValue"), n = F(() => Mt[`${e.layout}`]), a = F(() => on?.[`vs-input-${e.item.type}`]), r = F(() => {
-      const d = H(a);
+    const e = o, l = G(o, "modelValue"), n = D(() => Mt[`${e.layout}`]), r = D(() => on?.[`vs-input-${e.item.type}`]), a = D(() => {
+      const d = H(r);
       if (!d) return /* @__PURE__ */ new Set();
       const p = d.props ?? d.__vccOpts?.props;
       if (!p) return /* @__PURE__ */ new Set();
-      const v = Array.isArray(p) ? p : Object.keys(p);
-      return new Set(v);
-    }), s = F(() => {
-      const d = e.item ?? {}, p = r.value;
-      return p.size ? Object.fromEntries(Object.entries(d).filter(([v]) => p.has(v))) : {};
+      const f = Array.isArray(p) ? p : Object.keys(p);
+      return new Set(f);
+    }), s = D(() => {
+      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(xe(n.value), {
       ua: e.item.ua,
@@ -3562,12 +3562,12 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
       label: e.item.label
     }, {
       default: Me(() => [
-        t("div", an, [
-          (i(), X(xe(a.value), Ce(s.value, {
+        t("div", rn, [
+          (i(), X(xe(r.value), Ce(s.value, {
             modelValue: l.value,
-            "onUpdate:modelValue": p[0] || (p[0] = (v) => l.value = v)
+            "onUpdate:modelValue": p[0] || (p[0] = (f) => l.value = f)
           }), null, 16, ["modelValue"])),
-          d.item.behavior ? (i(), X(rn, Ce({ key: 0 }, d.item.behavior, { value: l.value }), null, 16, ["value"])) : j("", !0)
+          d.item.behavior ? (i(), X(an, Ce({ key: 0 }, d.item.behavior, { value: l.value }), null, 16, ["value"])) : S("", !0)
         ])
       ]),
       _: 1
@@ -3600,6 +3600,7 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
   html: "static",
   geom: "map",
   filelist: "file-list",
+  datalist: "datatable",
   file: "file"
   // mask: 'text',
 };
@@ -3611,8 +3612,8 @@ function fn(o) {
   if (Array.isArray(o)) {
     const l = [];
     return o.forEach((n) => {
-      const a = { ...n };
-      a.name = (n.name || n.id || n.key).toString(), a.type = We(n.type), a.label = n.label || n.ua, a.rules = n.rules || n.validators, n.data && (a.api = `/api/suggest/${n.data}`), l.push(a);
+      const r = { ...n };
+      r.name = (n.name || n.id || n.key || "").toString(), r.type = We(n.type), r.label = n.label || n.ua, r.rules = n.rules || n.validators, n.data && (r.api = `/api/suggest/${n.data}`), l.push(r);
     }), l;
   }
   const e = [];
@@ -3629,39 +3630,40 @@ function fn(o) {
 }
 function vn(o, e) {
   const l = fn(e), n = $({});
-  function a(p) {
-    const v = p?.conditions;
-    if (!v) return !0;
-    const c = Array.isArray(v) ? v[0] : v, g = o?.value?.[c];
-    return rt(g, v);
+  function r(p) {
+    const f = p?.conditions;
+    if (!f) return !0;
+    const c = Array.isArray(f) ? f[0] : f, g = o?.value?.[c];
+    return at(g, f);
   }
-  const r = (p = l, v = !0) => (p.forEach((c) => {
+  const a = (p = l, f = !0) => (p.forEach((c) => {
     if (c.rules) {
-      if (!a(c)) {
+      if (!r(c)) {
         delete n.value[c.name];
         return;
       }
       c.rules.forEach((g) => {
-        const f = cn(o.value[c.name], g);
-        f ? n.value[c.name] = f : delete n.value[c.name];
+        const v = cn(o.value[c.name], g);
+        v ? n.value[c.name] = v : delete n.value[c.name];
       });
     }
-    c.schema && r(c.schema, !1);
-  }), v && Object.values(n.value).some(Boolean) ? n.value : null), s = F(() => l?.filter((p) => a(p)));
+    c.schema && a(c.schema, !1);
+  }), f && Object.values(n.value).some(Boolean) ? n.value : null), s = D(() => l?.filter((p) => r(p)));
   return {
     errors: n,
-    validate: r,
+    validate: a,
     reset: () => {
       o.value = {}, n.value = {};
     },
     visibleSchema: s
   };
 }
-const Oe = /* @__PURE__ */ I({
+const Oe = /* @__PURE__ */ A({
   __name: "vs-compact-form",
   props: /* @__PURE__ */ q({
     schema: { default: () => [] },
     style: { default: () => ({}) },
+    modelValue: {},
     layout: { default: () => "default" },
     formId: { default: () => "" }
   }, {
@@ -3670,41 +3672,45 @@ const Oe = /* @__PURE__ */ I({
     values: { default: () => ({}) },
     valuesModifiers: {}
   }),
-  emits: /* @__PURE__ */ q(["handle-submit"], ["update:form", "update:values"]),
-  setup(o, { emit: e }) {
-    const l = e, n = o, a = G(o, "form"), r = G(o, "values"), {
-      errors: s,
-      validate: d,
-      reset: p,
-      visibleSchema: v
-    } = vn(r, n.schema), c = () => {
-      d(), l("handle-submit", r.value);
+  emits: /* @__PURE__ */ q(["handle-submit", "update:modelValue"], ["update:form", "update:values"]),
+  setup(o, { expose: e, emit: l }) {
+    const n = l, r = o, a = G(o, "form"), s = G(o, "values"), {
+      errors: d,
+      validate: p,
+      reset: f,
+      visibleSchema: c
+    } = vn(s, r.schema), g = () => {
+      n("update:modelValue", s.value), p(), n("handle-submit", s.value);
     };
-    ue(() => {
-      a.value.value = r.value, a.value.errors = s.value, a.value.reset = p, a.value.validate = d, a.value.formId = n.formId;
+    e({
+      validate: p,
+      reset: f,
+      errors: d
+    }), ue(() => {
+      r.modelValue && (s.value = r.modelValue), a.value.value = s.value, a.value.errors = d.value, a.value.reset = f, a.value.validate = p, a.value.formId = r.formId;
     });
-    function g(f, M) {
-      if (f === M) return !0;
-      if (typeof f != "object" || typeof M != "object" || !f || !M) return !1;
-      const S = Object.keys(f), T = Object.keys(M);
-      return S.length !== T.length ? !1 : S.every((D) => f[D] === M[D]);
+    function v(M, I) {
+      if (M === I) return !0;
+      if (typeof M != "object" || typeof I != "object" || !M || !I) return !1;
+      const F = Object.keys(M), U = Object.keys(I);
+      return F.length !== U.length ? !1 : F.every((P) => M[P] === I[P]);
     }
-    return Ne("form", a), Ne("values", r), (f, M) => (i(), u("form", {
-      onSubmit: ae(c, ["prevent"]),
-      class: B(["grid grid-cols-12", f.layout === "default" ? "gap-6" : "gap-4"])
+    return Ne("form", a), Ne("values", s), (M, I) => (i(), u("form", {
+      onSubmit: re(g, ["prevent"]),
+      class: B(["grid grid-cols-12", M.layout === "default" ? "gap-6" : "gap-4"])
     }, [
-      (i(!0), u(Q, null, Y(H(v), (S) => (i(), X(at, {
-        key: S.name,
-        class: B(f.layout === "horizontal" ? "col-span-12" : `col-span-${S.col || 12} `),
-        style: fe(f.style),
-        item: S,
-        layout: f.layout,
-        "model-value": r.value[S.name],
-        "onUpdate:modelValue": (T) => {
-          const D = r.value[S.name];
-          g(D, T) || (r.value[S.name] = T);
+      (i(!0), u(Q, null, Y(H(c), (F) => (i(), X(rt, {
+        key: F.name,
+        class: B(M.layout === "horizontal" ? "col-span-12" : `col-span-${F.col || 12} `),
+        style: fe(M.style),
+        item: F,
+        layout: M.layout,
+        "model-value": s.value[F.name],
+        "onUpdate:modelValue": (U) => {
+          const P = s.value[F.name];
+          v(P, U) || (s.value[F.name] = U);
         },
-        error: H(s)[S.name]
+        error: H(d)[F.name]
       }, null, 8, ["class", "style", "item", "layout", "model-value", "onUpdate:modelValue", "error"]))), 128))
     ], 34));
   }
@@ -3715,9 +3721,25 @@ Oe.install = function(e) {
   }), e.provide("form", Ve), window.v3plugin || (window.v3plugin = {}), window.v3plugin.$form = e.config.globalProperties.$form;
 };
 export {
-  vr as ModalEdit,
+  va as ModalEdit,
   Oe as VForm,
+  bl as VsInputCheckbox,
+  na as VsInputContainer,
+  xl as VsInputDate,
+  ul as VsInputEmail,
+  ro as VsInputFile,
+  Eo as VsInputFileList,
+  sl as VsInputMask,
+  St as VsInputNumber,
+  Ge as VsInputRadio,
+  Sa as VsInputSelect,
+  qe as VsInputStatic,
+  lt as VsInputSwitcher,
+  ln as VsInputTag,
   He as VsInputText,
+  Ia as VsInputTextarea,
   Oe as default,
-  on as inputs
+  on as inputs,
+  Ir as vsInputDatatable,
+  Gs as vsInputMap
 };