npm - @opengis/form - Versions diffs - 0.0.29 → 0.0.31 - Mend

@opengis/form 0.0.29 → 0.0.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/dist/components/inputs/date/vs-input-date1.vue.d.ts +2 -2
package/dist/components/inputs/date/vs-input-date1.vue.d.ts.map +1 -1
package/dist/components/inputs/index.d.ts +3 -2
package/dist/components/inputs/index.d.ts.map +1 -1
package/dist/components/inputs/vs-input-select.vue.d.ts +1 -0
package/dist/components/inputs/vs-input-select.vue.d.ts.map +1 -1
package/dist/index.js +415 -411
package/dist/index.umd.cjs +3 -3
package/package.json +1 -1

package/dist/index.js CHANGED Viewed

@@ -1,15 +1,15 @@
-import { defineComponent as F, ref as x, onMounted as xe, onUnmounted as Ne, createElementBlock as d, openBlock as i, normalizeClass as V, createCommentVNode as D, renderSlot as $e, createElementVNode as l, toDisplayString as T, normalizeProps as qe, guardReactiveProps as Ge, createTextVNode as fe, computed as A, mergeModels as Z, useModel as W, withDirectives as K, unref as q, vModelText as se, vModelCheckbox as ft, createVNode as B, createBlock as ae, resolveDynamicComponent as Be, normalizeStyle as ye, withCtx as Le, withModifiers as ve, onBeforeUnmount as St, watch as te, createStaticVNode as ce, vModelRadio as vt, Fragment as Y, renderList as le, mergeProps as Ee, reactive as Bt, vModelDynamic as jt, vShow as Je, inject as Me, resolveComponent as at, Transition as mt, nextTick as ze, Teleport as It, getCurrentInstance as zt, provide as st } from "vue";
+import { defineComponent as D, ref as x, onMounted as xe, onUnmounted as Ne, createElementBlock as c, openBlock as i, normalizeClass as V, createCommentVNode as F, renderSlot as $e, createElementVNode as l, toDisplayString as T, normalizeProps as qe, guardReactiveProps as Ge, createTextVNode as fe, computed as A, mergeModels as Z, useModel as W, withDirectives as K, unref as q, vModelText as se, vModelCheckbox as ft, createVNode as B, createBlock as ae, resolveDynamicComponent as Be, normalizeStyle as ye, withCtx as Le, withModifiers as ve, onBeforeUnmount as St, watch as te, createStaticVNode as ce, vModelRadio as vt, Fragment as Y, renderList as le, mergeProps as Ee, reactive as Bt, vModelDynamic as jt, vShow as Je, inject as Me, resolveComponent as at, Transition as mt, nextTick as ze, Teleport as It, getCurrentInstance as zt, provide as st } from "vue";
 import { notify as be, VsModal as ht, modal as Et } from "@opengis/core";
-const Ft = {
+const Dt = {
   key: 0,
   class: "text-[14px] font-medium text-gray-900 mb-2"
-}, Dt = { class: "opacity-100" }, Ot = {
+}, Ft = { class: "opacity-100" }, Ot = {
   key: 0,
   class: "text-red-500 text-[14px]"
 }, At = {
   key: 1,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, Ut = /* @__PURE__ */ F({
+}, Ut = /* @__PURE__ */ D({
   __name: "vs-layout-default",
   props: {
     ua: { default: "" },
@@ -30,15 +30,15 @@ const Ft = {
       e.value = localStorage.locale, window.addEventListener("storage", t);
     }), Ne(() => {
       window.removeEventListener("resize", t);
-    }), (n, s) => (i(), d("div", {
+    }), (n, s) => (i(), c("div", {
       class: V(["w-full relative", { "opacity-60": n.item.disabled }])
     }, [
-      n.ua || n.label ? (i(), d("div", Ft, [
-        l("span", Dt, T(n.item[e.value] || n.ua || n.label), 1),
-        n.item?.rules?.includes("required") ? (i(), d("span", Ot, "*")) : D("", !0)
-      ])) : D("", !0),
+      n.ua || n.label ? (i(), c("div", Dt, [
+        l("span", Ft, T(n.item[e.value] || n.ua || n.label), 1),
+        n.item?.rules?.includes("required") ? (i(), c("span", Ot, "*")) : F("", !0)
+      ])) : F("", !0),
       $e(n.$slots, "default", qe(Ge(n.$attrs))),
-      n.error ? (i(), d("span", At, T(n.error), 1)) : D("", !0)
+      n.error ? (i(), c("span", At, T(n.error), 1)) : F("", !0)
     ], 2));
   }
 }), Tt = { class: "w-full relative flex flex-row items-center gap-2" }, Rt = {
@@ -50,7 +50,7 @@ const Ft = {
 }, Ht = {
   key: 1,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, Nt = /* @__PURE__ */ F({
+}, Nt = /* @__PURE__ */ D({
   __name: "vs-layout-horizontal",
   props: {
     ua: { default: "" },
@@ -64,19 +64,19 @@ const Ft = {
     label: { default: "" }
   },
   setup(o) {
-    return (e, t) => (i(), d("div", Tt, [
-      e.item?.type !== "html" ? (i(), d("span", Rt, [
+    return (e, t) => (i(), c("div", Tt, [
+      e.item?.type !== "html" ? (i(), c("span", Rt, [
         fe(T(e.ua || e.label) + " ", 1),
-        e.item?.rules?.includes("required") && (e.ua || e.label) ? (i(), d("span", Pt, "*")) : D("", !0)
-      ])) : D("", !0),
+        e.item?.rules?.includes("required") && (e.ua || e.label) ? (i(), c("span", Pt, "*")) : F("", !0)
+      ])) : F("", !0),
       $e(e.$slots, "default", qe(Ge(e.$attrs))),
-      e.error ? (i(), d("span", Ht, T(e.error), 1)) : D("", !0)
+      e.error ? (i(), c("span", Ht, T(e.error), 1)) : F("", !0)
     ]));
   }
 }), qt = { class: "w-full relative" }, Gt = {
   key: 0,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, Jt = /* @__PURE__ */ F({
+}, Jt = /* @__PURE__ */ D({
   __name: "vs-layout-inline",
   props: {
     ua: { default: "" },
@@ -90,9 +90,9 @@ const Ft = {
     label: { default: "" }
   },
   setup(o) {
-    return (e, t) => (i(), d("div", qt, [
+    return (e, t) => (i(), c("div", qt, [
       $e(e.$slots, "default", qe(Ge(e.$attrs))),
-      e.error ? (i(), d("span", Gt, T(e.error), 1)) : D("", !0)
+      e.error ? (i(), c("span", Gt, T(e.error), 1)) : F("", !0)
     ]));
   }
 }), Kt = {
@@ -108,7 +108,7 @@ function me(o) {
     })
   };
 }
-const Zt = ["placeholder", "disabled"], Wt = /* @__PURE__ */ F({
+const Zt = ["placeholder", "disabled"], Wt = /* @__PURE__ */ D({
   __name: "vs-input-password",
   props: /* @__PURE__ */ Z({
     style: { default: () => ({}) },
@@ -125,7 +125,7 @@ const Zt = ["placeholder", "disabled"], Wt = /* @__PURE__ */ F({
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, { inputClass: t } = me(e.style), n = W(o, "modelValue");
-    return (s, r) => K((i(), d("input", {
+    return (s, r) => K((i(), c("input", {
       type: "password",
       "onUpdate:modelValue": r[0] || (r[0] = (a) => n.value = a),
       placeholder: s.placeholder,
@@ -138,7 +138,7 @@ const Zt = ["placeholder", "disabled"], Wt = /* @__PURE__ */ F({
       [se, n.value]
     ]);
   }
-}), Qt = ["placeholder", "disabled"], Ue = /* @__PURE__ */ F({
+}), Qt = ["placeholder", "disabled"], Ue = /* @__PURE__ */ D({
   __name: "vs-input-text",
   props: /* @__PURE__ */ Z({
     style: { default: () => ({}) },
@@ -155,7 +155,7 @@ const Zt = ["placeholder", "disabled"], Wt = /* @__PURE__ */ F({
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, { inputClass: t } = me(e.style), n = W(o, "modelValue");
-    return (s, r) => K((i(), d("input", {
+    return (s, r) => K((i(), c("input", {
       type: "text",
       "onUpdate:modelValue": r[0] || (r[0] = (a) => n.value = a),
       placeholder: s.placeholder,
@@ -168,7 +168,7 @@ const Zt = ["placeholder", "disabled"], Wt = /* @__PURE__ */ F({
       [se, n.value]
     ]);
   }
-}), Xt = ["placeholder"], Yt = /* @__PURE__ */ F({
+}), Xt = ["placeholder"], Yt = /* @__PURE__ */ D({
   __name: "vs-input-number",
   props: /* @__PURE__ */ Z({
     style: { default: () => ({}) },
@@ -185,7 +185,7 @@ const Zt = ["placeholder", "disabled"], Wt = /* @__PURE__ */ F({
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, { inputClass: t } = me(e.style), n = W(o, "modelValue");
-    return (s, r) => K((i(), d("input", {
+    return (s, r) => K((i(), c("input", {
       type: "number",
       step: "any",
       "onUpdate:modelValue": r[0] || (r[0] = (a) => n.value = a),
@@ -214,7 +214,7 @@ const Zt = ["placeholder", "disabled"], Wt = /* @__PURE__ */ F({
   class: "icon icon-tabler icons-tabler-outline icon-tabler-check"
 };
 function ll(o, e) {
-  return i(), d("svg", tl, e[0] || (e[0] = [
+  return i(), c("svg", tl, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -223,7 +223,7 @@ function ll(o, e) {
     l("path", { d: "M5 12l5 5l10 -10" }, null, -1)
   ]));
 }
-const ol = /* @__PURE__ */ H(el, [["render", ll]]), al = { class: "flex items-center gap-[4px]" }, sl = ["value", "id", "disabled"], nl = ["for"], rl = { class: "text-[14px] text-gray-700 flex items-center gap-x-1 ml-1 dark:text-neutral-400" }, il = /* @__PURE__ */ F({
+const ol = /* @__PURE__ */ H(el, [["render", ll]]), al = { class: "flex items-center gap-[4px]" }, sl = ["value", "id", "disabled"], nl = ["for"], rl = { class: "text-[14px] text-gray-700 flex items-center gap-x-1 ml-1 dark:text-neutral-400" }, il = /* @__PURE__ */ D({
   __name: "vs-checkbox-default",
   props: {
     value: { default: "" },
@@ -240,11 +240,11 @@ const ol = /* @__PURE__ */ H(el, [["render", ll]]), al = { class: "flex items-ce
       get: () => n.modelValue,
       set: (r) => t("update:modelValue", r)
     });
-    return (r, a) => (i(), d("div", al, [
+    return (r, a) => (i(), c("div", al, [
       K(l("input", {
         type: "checkbox",
         value: r.value,
-        "onUpdate:modelValue": a[0] || (a[0] = (u) => s.value = u),
+        "onUpdate:modelValue": a[0] || (a[0] = (d) => s.value = d),
         class: V(["shrink-0 border border-solid hidden border-gray-700 w-3.5 h-3.5 rounded text-blue-600 focus:ring-offset-0 dark:bg-neutral-800 dark:border-neutral-700 cursor-pointer", { "!cursor-not-allowed": r.disabled }]),
         id: r.id,
         disabled: r.disabled
@@ -274,7 +274,7 @@ const ol = /* @__PURE__ */ H(el, [["render", ll]]), al = { class: "flex items-ce
 }), ul = ["name", "value", "disabled"], dl = { class: "flex items-center gap-[6px] text-[14px]" }, cl = {
   key: 0,
   class: "text-[16px]"
-}, pl = ["src"], fl = /* @__PURE__ */ F({
+}, pl = ["src"], fl = /* @__PURE__ */ D({
   __name: "vs-checkbox-buttons",
   props: {
     value: { type: [String, Number, Boolean], default: "" },
@@ -290,44 +290,44 @@ const ol = /* @__PURE__ */ H(el, [["render", ll]]), al = { class: "flex items-ce
   setup(o, { emit: e }) {
     const t = o, n = e, s = A({
       get: () => t.modelValue,
-      set: (u) => {
-        n("update:modelValue", u);
+      set: (d) => {
+        n("update:modelValue", d);
       }
     }), r = A(() => Array.isArray(s.value) ? s.value.includes(t.value) : s.value === !0 || s.value === t.value), a = A(() => t.style?.size === "xs" ? "p-1.5 text-xs" : t.style?.size === "lg" ? "p-3.5 text-[20px]" : "p-2.5 text-xs");
-    return (u, c) => (i(), d("label", {
+    return (d, u) => (i(), c("label", {
       class: V(["group relative flex justify-center items-center gap-x-3 text-center bg-white text-gray-800 ring-ring ring-2 cursor-pointer rounded-lg", [a.value, r.value ? "ring-blue-500" : "border border-gray-200 ring-transparent"]])
     }, [
       K(l("input", {
         type: "checkbox",
         class: "hidden",
-        name: u.id,
-        value: u.value,
-        "onUpdate:modelValue": c[0] || (c[0] = (v) => s.value = v),
-        disabled: u.disabled
+        name: d.id,
+        value: d.value,
+        "onUpdate:modelValue": u[0] || (u[0] = (v) => s.value = v),
+        disabled: d.disabled
       }, null, 8, ul), [
         [ft, s.value]
       ]),
       l("span", dl, [
-        u.icon || u.imgUrl ? (i(), d("span", cl, [
-          u.icon ? (i(), d("i", {
+        d.icon || d.imgUrl ? (i(), c("span", cl, [
+          d.icon ? (i(), c("i", {
             key: 0,
-            class: V(u.icon)
-          }, null, 2)) : D("", !0),
-          u.imgUrl ? (i(), d("img", {
+            class: V(d.icon)
+          }, null, 2)) : F("", !0),
+          d.imgUrl ? (i(), c("img", {
             key: 1,
-            src: u.imgUrl,
+            src: d.imgUrl,
             width: "16",
             height: "16",
             alt: "icon"
-          }, null, 8, pl)) : D("", !0)
-        ])) : D("", !0),
-        $e(u.$slots, "default", {}, () => [
-          fe(T(u.label), 1)
+          }, null, 8, pl)) : F("", !0)
+        ])) : F("", !0),
+        $e(d.$slots, "default", {}, () => [
+          fe(T(d.label), 1)
         ])
       ])
     ], 2));
   }
-}), vl = { class: "flex items-center" }, gt = /* @__PURE__ */ F({
+}), vl = { class: "flex items-center" }, gt = /* @__PURE__ */ D({
   __name: "vs-input-checkbox-item",
   props: {
     value: { default: "" },
@@ -346,30 +346,30 @@ const ol = /* @__PURE__ */ H(el, [["render", ll]]), al = { class: "flex items-ce
   setup(o, { emit: e }) {
     const t = o, n = e, s = `radio-${Math.floor(Math.random() * 1e4)}`, r = A({
       get: () => Array.isArray(t.modelValue) ? Array.isArray(t.modelValue) && t.modelValue.includes(t.value) : t.modelValue,
-      set: (u) => {
+      set: (d) => {
         if (Array.isArray(t.modelValue)) {
-          let c = [...t.modelValue];
-          u ? c.includes(t.value) || c.push(t.value) : c = c.filter((v) => v !== t.value), n("update:modelValue", c);
+          let u = [...t.modelValue];
+          d ? u.includes(t.value) || u.push(t.value) : u = u.filter((v) => v !== t.value), n("update:modelValue", u);
         } else
-          n("update:modelValue", u);
+          n("update:modelValue", d);
       }
     }), a = x(`vs-checkbox-${t.view || "default"}`);
-    return (u, c) => (i(), d("div", vl, [
+    return (d, u) => (i(), c("div", vl, [
       (i(), ae(Be(a.value === "vs-checkbox-buttons" ? q(fl) : q(il)), {
-        value: u.value,
-        label: u.label,
-        info: u.option?.info,
-        disabled: u.disabled,
+        value: d.value,
+        label: d.label,
+        info: d.option?.info,
+        disabled: d.disabled,
         modelValue: r.value,
-        "onUpdate:modelValue": c[0] || (c[0] = (v) => r.value = v),
+        "onUpdate:modelValue": u[0] || (u[0] = (v) => r.value = v),
         id: s,
-        icon: u.icon,
-        imgUrl: u.imgUrl,
-        style: ye(u.style),
-        error: u.error
+        icon: d.icon,
+        imgUrl: d.imgUrl,
+        style: ye(d.style),
+        error: d.error
       }, {
         default: Le(() => [
-          fe(T(u.label), 1)
+          fe(T(d.label), 1)
         ]),
         _: 1
       }, 8, ["value", "label", "info", "disabled", "modelValue", "icon", "imgUrl", "style", "error"]))
@@ -386,7 +386,7 @@ const ol = /* @__PURE__ */ H(el, [["render", ll]]), al = { class: "flex items-ce
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down"
 };
 function gl(o, e) {
-  return i(), d("svg", hl, e[0] || (e[0] = [
+  return i(), c("svg", hl, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -406,7 +406,7 @@ const bl = /* @__PURE__ */ H(ml, [["render", gl]]), yl = {}, xl = {
   class: "icon icon-tabler icons-tabler-outline icon-tabler-x"
 };
 function wl(o, e) {
-  return i(), d("svg", xl, e[0] || (e[0] = [
+  return i(), c("svg", xl, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -428,7 +428,7 @@ const kl = /* @__PURE__ */ H(yl, [["render", wl]]), _l = {}, $l = {
   "stroke-linejoin": "round"
 };
 function Cl(o, e) {
-  return i(), d("svg", $l, e[0] || (e[0] = [
+  return i(), c("svg", $l, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -445,7 +445,7 @@ const Vl = /* @__PURE__ */ H(_l, [["render", Cl]]), Ml = {
 }, Ll = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, Sl = ["title"], Bl = ["disabled"], bt = /* @__PURE__ */ F({
+}, Sl = ["title"], Bl = ["disabled"], bt = /* @__PURE__ */ D({
   __name: "vs-input-switcher",
   props: /* @__PURE__ */ Z({
     rules: { default: () => [] },
@@ -467,15 +467,15 @@ const Vl = /* @__PURE__ */ H(_l, [["render", Cl]]), Ml = {
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, t = W(o, "modelValue");
-    return (n, s) => e.view === "checkbox" ? (i(), d("div", Ml, [
+    return (n, s) => e.view === "checkbox" ? (i(), c("div", Ml, [
       B(gt, {
         modelValue: t.value,
         "onUpdate:modelValue": s[0] || (s[0] = (r) => t.value = r),
         label: n.text,
         error: n.error || ""
       }, null, 8, ["modelValue", "label", "error"]),
-      n.rules?.includes("required") ? (i(), d("span", Ll, "*")) : D("", !0),
-      n.i ? (i(), d("button", {
+      n.rules?.includes("required") ? (i(), c("span", Ll, "*")) : F("", !0),
+      n.i ? (i(), c("button", {
         key: 1,
         class: "cursor-pointer",
         title: n.i,
@@ -483,8 +483,8 @@ const Vl = /* @__PURE__ */ H(_l, [["render", Cl]]), Ml = {
         }, ["prevent"]))
       }, [
         B(q(Vl), { class: "text-gray-500 w-[14px] h-[14px]" })
-      ], 8, Sl)) : D("", !0)
-    ])) : (i(), d("button", {
+      ], 8, Sl)) : F("", !0)
+    ])) : (i(), c("button", {
       key: 1,
       type: "button",
       class: V(["inline-flex h-5 w-9 shrink-0 px-[2px] cursor-pointer items-center rounded-full shadow-sm disabled:cursor-not-allowed disabled:opacity-50", [t.value ? `bg-${n.style?.primaryColor || "blue"}-500` : "bg-stone-200", n.customClass]]),
@@ -497,7 +497,7 @@ const Vl = /* @__PURE__ */ H(_l, [["render", Cl]]), Ml = {
       }, null, 2)
     ], 10, Bl));
   }
-}), jl = ["innerHTML"], nt = /* @__PURE__ */ F({
+}), jl = ["innerHTML"], nt = /* @__PURE__ */ D({
   __name: "vs-input-static",
   props: {
     text: { default: "" },
@@ -511,12 +511,12 @@ const Vl = /* @__PURE__ */ H(_l, [["render", Cl]]), Ml = {
     placeholder: {}
   },
   setup(o) {
-    return (e, t) => (i(), d("div", {
+    return (e, t) => (i(), c("div", {
       class: V(e.customClass),
       innerHTML: e.html ? e.html : e.text
     }, null, 10, jl));
   }
-}), Il = ["placeholder", "disabled", "name"], zl = /* @__PURE__ */ F({
+}), Il = ["placeholder", "disabled", "name"], zl = /* @__PURE__ */ D({
   __name: "vs-input-mask",
   props: /* @__PURE__ */ Z({
     name: {},
@@ -566,7 +566,7 @@ const Vl = /* @__PURE__ */ H(_l, [["render", Cl]]), Ml = {
       });
     }), te(n, (a) => {
       r && r.unmaskedValue !== a && (r.value = a || "");
-    }), (a, u) => (i(), d("input", {
+    }), (a, d) => (i(), c("input", {
       type: "text",
       ref_key: "inputEl",
       ref: s,
@@ -579,7 +579,7 @@ const Vl = /* @__PURE__ */ H(_l, [["render", Cl]]), Ml = {
       }
     }, null, 10, Il));
   }
-}), El = { class: "relative w-full bg-white rounded-lg" }, Fl = ["placeholder", "disabled"], Dl = /* @__PURE__ */ F({
+}), El = { class: "relative w-full bg-white rounded-lg" }, Dl = ["placeholder", "disabled"], Fl = /* @__PURE__ */ D({
   __name: "vs-input-email",
   props: /* @__PURE__ */ Z({
     style: { default: () => ({}) },
@@ -596,7 +596,7 @@ const Vl = /* @__PURE__ */ H(_l, [["render", Cl]]), Ml = {
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, { inputClass: t } = me(e.style), n = W(o, "modelValue");
-    return (s, r) => (i(), d("div", El, [
+    return (s, r) => (i(), c("div", El, [
       r[1] || (r[1] = ce('<div class="absolute bottom-2/4 translate-y-2/4 left-[10px] cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="stroke-gray-500 transition-all"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10z"></path><path d="M3 7l9 6l9 -6"></path></svg></div>', 1)),
       K(l("input", {
         type: "email",
@@ -607,12 +607,12 @@ const Vl = /* @__PURE__ */ H(_l, [["render", Cl]]), Ml = {
         style: {
           border: "1px solid #CFD9E0"
         }
-      }, null, 10, Fl), [
+      }, null, 10, Dl), [
         [se, n.value]
       ])
     ]));
   }
-}), Ol = ["value", "disabled"], Al = { class: "text-[13px] text-gray-700" }, Ul = /* @__PURE__ */ F({
+}), Ol = ["value", "disabled"], Al = { class: "text-[13px] text-gray-700" }, Ul = /* @__PURE__ */ D({
   __name: "vs-input-radio-default",
   props: /* @__PURE__ */ Z({
     style: {},
@@ -631,7 +631,7 @@ const Vl = /* @__PURE__ */ H(_l, [["render", Cl]]), Ml = {
   emits: ["update:modelValue"],
   setup(o) {
     const e = W(o, "modelValue");
-    return (t, n) => (i(), d("label", {
+    return (t, n) => (i(), c("label", {
       class: V(["flex items-center gap-0", [t.customClass]])
     }, [
       K(l("input", {
@@ -649,15 +649,15 @@ const Vl = /* @__PURE__ */ H(_l, [["render", Cl]]), Ml = {
           t.disabled ? "opacity-50 cursor-not-allowed" : ""
         ]])
       }, [
-        e.value == t.value ? (i(), d("span", {
+        e.value == t.value ? (i(), c("span", {
           key: 0,
           class: V(["w-[12px] h-[12px] shrink-0 rounded-full", [`bg-${t.style?.primaryColor || "blue"}-500`]])
-        }, null, 2)) : D("", !0)
+        }, null, 2)) : F("", !0)
       ], 2),
       l("span", Al, T(t.text), 1)
     ], 2));
   }
-}), Tl = ["value", "disabled"], Rl = { class: "text-[13px] text-gray-700" }, Pl = /* @__PURE__ */ F({
+}), Tl = ["value", "disabled"], Rl = { class: "text-[13px] text-gray-700" }, Pl = /* @__PURE__ */ D({
   __name: "vs-input-radio-buttons",
   props: /* @__PURE__ */ Z({
     style: {},
@@ -676,7 +676,7 @@ const Vl = /* @__PURE__ */ H(_l, [["render", Cl]]), Ml = {
   emits: ["update:modelValue"],
   setup(o) {
     const e = W(o, "modelValue");
-    return (t, n) => (i(), d("label", {
+    return (t, n) => (i(), c("label", {
       class: V(["flex items-center border rounded-lg px-2 py-1", [
         e.value == t.value ? `ring-2 ring-ring ring-${t.style?.primaryColor || "blue"}-500` : "",
         t.customClass
@@ -697,7 +697,7 @@ const Vl = /* @__PURE__ */ H(_l, [["render", Cl]]), Ml = {
 }), Hl = {
   "vs-input-radio-default": Ul,
   "vs-input-radio-buttons": Pl
-}, rt = /* @__PURE__ */ F({
+}, rt = /* @__PURE__ */ D({
   __name: "vs-input-radio",
   props: /* @__PURE__ */ Z({
     options: {},
@@ -717,20 +717,20 @@ const Vl = /* @__PURE__ */ H(_l, [["render", Cl]]), Ml = {
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, t = W(o, "modelValue"), n = A(() => Hl[`vs-input-radio-${e.view}`]);
-    return (s, r) => (i(), d("div", {
+    return (s, r) => (i(), c("div", {
       class: V([s.position === "horizontal" ? "flex items-center flex-wrap gap-2" : ""])
     }, [
-      (i(!0), d(Y, null, le(s.options, (a) => (i(), ae(Be(n.value), Ee({
+      (i(!0), c(Y, null, le(s.options, (a) => (i(), ae(Be(n.value), Ee({
         key: a?.id,
         text: a.text,
         value: a.id.toString(),
         checked: t.value === a.id,
         modelValue: t.value,
-        "onUpdate:modelValue": r[0] || (r[0] = (u) => t.value = u)
+        "onUpdate:modelValue": r[0] || (r[0] = (d) => t.value = d)
       }, { ref_for: !0 }, s.$attrs), null, 16, ["text", "value", "checked", "modelValue"]))), 128))
     ], 2));
   }
-}), Nl = /* @__PURE__ */ F({
+}), Nl = /* @__PURE__ */ D({
   __name: "vs-input-checkbox",
   props: {
     options: { default: () => [] },
@@ -749,7 +749,7 @@ const Vl = /* @__PURE__ */ H(_l, [["render", Cl]]), Ml = {
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, n = e, s = x([]), r = Bt({}), a = (p) => p?.value || p?.id || p?.text || p, u = (p) => p.text || String(p), c = (p) => `lg:col-span-${p || 12}`, v = async () => {
+    const t = o, n = e, s = x([]), r = Bt({}), a = (p) => p?.value || p?.id || p?.text || p, d = (p) => p.text || String(p), u = (p) => `lg:col-span-${p || 12}`, v = async () => {
       try {
         const p = await fetch(`/api/suggest/${t.data}`).then((w) => w.json());
         s.value = p?.data || p;
@@ -813,16 +813,16 @@ const Vl = /* @__PURE__ */ H(_l, [["render", Cl]]), Ml = {
           }
         });
       }
-    }), (p, w) => (i(), d("div", {
+    }), (p, w) => (i(), c("div", {
       class: V(["p-0 w-full gap-[6px]", [p.position === "vertical" ? "flex-col" : "", p.colSpan ? "grid" : "flex justify-start"]])
     }, [
-      (i(!0), d(Y, null, le(s.value, (b) => (i(), ae(gt, {
+      (i(!0), c(Y, null, le(s.value, (b) => (i(), ae(gt, {
         modelValue: r[a(b)],
         "onUpdate:modelValue": ($) => r[a(b)] = $,
         value: a(b),
-        class: V(c(p.colSpan)),
+        class: V(u(p.colSpan)),
         disabled: b.disabled,
-        label: u(b),
+        label: d(b),
         key: a(b),
         icon: b?.icon,
         imgUrl: b?.imgUrl,
@@ -831,7 +831,7 @@ const Vl = /* @__PURE__ */ H(_l, [["render", Cl]]), Ml = {
       }, null, 8, ["modelValue", "onUpdate:modelValue", "value", "class", "disabled", "label", "icon", "imgUrl", "option", "view"]))), 128))
     ], 2));
   }
-}), ql = /* @__PURE__ */ H(Nl, [["__scopeId", "data-v-91f3584a"]]), Gl = ["type", "placeholder", "disabled"], Jl = /* @__PURE__ */ F({
+}), ql = /* @__PURE__ */ H(Nl, [["__scopeId", "data-v-91f3584a"]]), Gl = ["type", "placeholder", "disabled"], Jl = /* @__PURE__ */ D({
   __name: "vs-input-date1",
   props: {
     style: { default: () => ({}) },
@@ -845,22 +845,26 @@ const Vl = /* @__PURE__ */ H(_l, [["render", Cl]]), Ml = {
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, { inputClass: n } = me(t.style), s = e, r = A({
-      get: () => t.modelValue?.split(" ")[0],
-      set: (u) => s("update:modelValue", u)
-    }), a = A(() => t.mode === "datetime" ? "datetime-local" : t.mode);
-    return (u, c) => K((i(), d("input", {
-      type: a.value,
-      "onUpdate:modelValue": c[0] || (c[0] = (v) => r.value = v),
+    const t = o;
+    function n(u) {
+      return u ? t.mode === "datetime" ? (u.includes("T") ? u : null) || u + (u.includes(" ") ? "" : "T00:00") : u?.split(" ")[0] : null;
+    }
+    const { inputClass: s } = me(t.style), r = e, a = A({
+      get: () => n(t.modelValue),
+      set: (u) => r("update:modelValue", u)
+    }), d = A(() => t.mode === "datetime" ? "datetime-local" : t.mode);
+    return (u, v) => K((i(), c("input", {
+      type: d.value,
+      "onUpdate:modelValue": v[0] || (v[0] = (p) => a.value = p),
       placeholder: u.placeholder,
       disabled: u.disabled,
       ref: "date",
-      class: V(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [u.modelValue ? "" : "text-opacity-50", q(n)].join(" ")]),
+      class: V(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [u.modelValue ? "" : "text-opacity-50", q(s)].join(" ")]),
       style: {
         border: "1px solid #CFD9E0"
       }
     }, null, 10, Gl)), [
-      [jt, r.value]
+      [jt, a.value]
     ]);
   }
 }), Kl = async (o, e, t, n) => {
@@ -906,12 +910,12 @@ const Vl = /* @__PURE__ */ H(_l, [["render", Cl]]), Ml = {
   "stroke-linejoin": "round"
 };
 function Xl(o, e) {
-  return i(), d("svg", Ql, e[0] || (e[0] = [
+  return i(), c("svg", Ql, e[0] || (e[0] = [
     l("path", { d: "M5 12h14" }, null, -1),
     l("path", { d: "M12 5v14" }, null, -1)
   ]));
 }
-const Fe = /* @__PURE__ */ H(Wl, [["render", Xl]]), Yl = {}, eo = {
+const De = /* @__PURE__ */ H(Wl, [["render", Xl]]), Yl = {}, eo = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-text",
   width: "44",
@@ -924,7 +928,7 @@ const Fe = /* @__PURE__ */ H(Wl, [["render", Xl]]), Yl = {}, eo = {
   "stroke-linejoin": "round"
 };
 function to(o, e, t, n, s, r) {
-  return i(), d("svg", eo, e[0] || (e[0] = [
+  return i(), c("svg", eo, e[0] || (e[0] = [
     ce('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><line x1="9" y1="9" x2="10" y2="9"></line><line x1="9" y1="13" x2="15" y2="13"></line><line x1="9" y1="17" x2="15" y2="17"></line>', 6)
   ]));
 }
@@ -941,7 +945,7 @@ const lo = /* @__PURE__ */ H(Yl, [["render", to]]), oo = {}, ao = {
   "stroke-linejoin": "round"
 };
 function so(o, e, t, n, s, r) {
-  return i(), d("svg", ao, e[0] || (e[0] = [
+  return i(), c("svg", ao, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -981,7 +985,7 @@ const no = /* @__PURE__ */ H(oo, [["render", so]]), ro = {}, io = {
   class: "icon icon-tabler icons-tabler-outline icon-tabler-file-unknown"
 };
 function uo(o, e, t, n, s, r) {
-  return i(), d("svg", io, e[0] || (e[0] = [
+  return i(), c("svg", io, e[0] || (e[0] = [
     ce('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><path d="M12 17v.01"></path><path d="M12 14a1.5 1.5 0 1 0 -1.14 -2.474"></path>', 5)
   ]));
 }
@@ -998,7 +1002,7 @@ const co = /* @__PURE__ */ H(ro, [["render", uo]]), po = {}, fo = {
   "stroke-linejoin": "round"
 };
 function vo(o, e, t, n, s, r) {
-  return i(), d("svg", fo, e[0] || (e[0] = [
+  return i(), c("svg", fo, e[0] || (e[0] = [
     ce('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M6 20.735a2 2 0 0 1 -1 -1.735v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-1"></path><path d="M11 17a2 2 0 0 1 2 2v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-2a2 2 0 0 1 2 -2z"></path><line x1="11" y1="5" x2="10" y2="5"></line><line x1="13" y1="7" x2="12" y2="7"></line><line x1="11" y1="9" x2="10" y2="9"></line><line x1="13" y1="11" x2="12" y2="11"></line><line x1="11" y1="13" x2="10" y2="13"></line><line x1="13" y1="15" x2="12" y2="15"></line>', 9)
   ]));
 }
@@ -1015,7 +1019,7 @@ const mo = /* @__PURE__ */ H(po, [["render", vo]]), ho = {}, go = {
   "stroke-linejoin": "round"
 };
 function bo(o, e, t, n, s, r) {
-  return i(), d("svg", go, e[0] || (e[0] = [
+  return i(), c("svg", go, e[0] || (e[0] = [
     ce('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><path d="M10 13l-1 2l1 2"></path><path d="M14 13l1 2l-1 2"></path>', 5)
   ]));
 }
@@ -1045,7 +1049,7 @@ const yo = /* @__PURE__ */ H(ho, [["render", bo]]), xo = (o) => {
   class: "icon icon-tabler icons-tabler-outline icon-tabler-trash"
 };
 function $o(o, e) {
-  return i(), d("svg", _o, e[0] || (e[0] = [
+  return i(), c("svg", _o, e[0] || (e[0] = [
     ce('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M4 7l16 0"></path><path d="M10 11l0 6"></path><path d="M14 11l0 6"></path><path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12"></path><path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3"></path>', 6)
   ]));
 }
@@ -1062,7 +1066,7 @@ const Te = /* @__PURE__ */ H(ko, [["render", $o]]), Co = {}, Vo = {
   class: "icon icon-tabler icons-tabler-outline icon-tabler-download"
 };
 function Mo(o, e) {
-  return i(), d("svg", Vo, e[0] || (e[0] = [
+  return i(), c("svg", Vo, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1073,7 +1077,7 @@ function Mo(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const yt = /* @__PURE__ */ H(Co, [["render", Mo]]), Lo = { class: "h-[120px] w-[120px] border text-gray-300 border-dashed border-[#CFD9E0] rounded-lg overflow-hidden relative item-file" }, So = { class: "absolute hidden top-0 right-0 flex items-center gap-x-2 w-full h-full justify-center" }, Bo = /* @__PURE__ */ F({
+const yt = /* @__PURE__ */ H(Co, [["render", Mo]]), Lo = { class: "h-[120px] w-[120px] border text-gray-300 border-dashed border-[#CFD9E0] rounded-lg overflow-hidden relative item-file" }, So = { class: "absolute hidden top-0 right-0 flex items-center gap-x-2 w-full h-full justify-center" }, Bo = /* @__PURE__ */ D({
   __name: "vs-input-file-list-item",
   props: /* @__PURE__ */ Z({
     format: {},
@@ -1094,7 +1098,7 @@ const yt = /* @__PURE__ */ H(Co, [["render", Mo]]), Lo = { class: "h-[120px] w-[
   emits: ["update:value", "update:item"],
   setup(o) {
     const e = W(o, "value"), t = W(o, "item"), n = o;
-    return (s, r) => (i(), d("div", Lo, [
+    return (s, r) => (i(), c("div", Lo, [
       (i(), ae(Be(q(wo)(t.value)), {
         src: t.value,
         alt: "file",
@@ -1105,7 +1109,7 @@ const yt = /* @__PURE__ */ H(Co, [["render", Mo]]), Lo = { class: "h-[120px] w-[
         l("button", {
           type: "button",
           onClick: r[1] || (r[1] = (a) => {
-            q(Zl)(t.value), e.value = n.multiple ? e.value?.filter((u) => u !== t.value) : "";
+            q(Zl)(t.value), e.value = n.multiple ? e.value?.filter((d) => d !== t.value) : "";
           }),
           class: "w-6 h-6 flex items-center justify-center text-gray-500 bg-gray-200 rounded-lg hover:text-red-500"
         }, [
@@ -1124,7 +1128,7 @@ const yt = /* @__PURE__ */ H(Co, [["render", Mo]]), Lo = { class: "h-[120px] w-[
 }), ut = /* @__PURE__ */ H(Bo, [["__scopeId", "data-v-0ca886b3"]]), jo = { class: "flex items-center gap-x-2" }, Io = {
   key: 1,
   class: "flex items-center flex-wrap gap-2"
-}, zo = /* @__PURE__ */ F({
+}, zo = /* @__PURE__ */ D({
   __name: "vs-input-file",
   props: /* @__PURE__ */ Z({
     format: {},
@@ -1148,12 +1152,12 @@ const yt = /* @__PURE__ */ H(Co, [["render", Mo]]), Lo = { class: "h-[120px] w-[
         if (!v || !v.name.endsWith(e.format))
           return;
       }
-      const u = a.target.files?.[0];
-      if (!u) return;
-      const c = await Kl(u, "1", "form", "table");
-      t.value = e.multiple ? [...t.value || [], c?.file_path] : c?.file_path;
+      const d = a.target.files?.[0];
+      if (!d) return;
+      const u = await Kl(d, "1", "form", "table");
+      t.value = e.multiple ? [...t.value || [], u?.file_path] : u?.file_path;
     };
-    return (a, u) => (i(), d("div", jo, [
+    return (a, d) => (i(), c("div", jo, [
       l("input", {
         class: "hidden",
         ref_key: "fileInput",
@@ -1164,37 +1168,37 @@ const yt = /* @__PURE__ */ H(Co, [["render", Mo]]), Lo = { class: "h-[120px] w-[
       !a.multiple && t.value ? (i(), ae(ut, {
         key: 0,
         item: t.value,
-        "onUpdate:item": u[0] || (u[0] = (c) => t.value = c),
+        "onUpdate:item": d[0] || (d[0] = (u) => t.value = u),
         value: t.value,
-        "onUpdate:value": u[1] || (u[1] = (c) => t.value = c)
-      }, null, 8, ["item", "value"])) : a.multiple ? (i(), d("div", Io, [
-        (i(!0), d(Y, null, le(t.value, (c, v) => (i(), ae(ut, {
+        "onUpdate:value": d[1] || (d[1] = (u) => t.value = u)
+      }, null, 8, ["item", "value"])) : a.multiple ? (i(), c("div", Io, [
+        (i(!0), c(Y, null, le(t.value, (u, v) => (i(), ae(ut, {
           multiple: a.multiple,
           key: v,
           value: t.value,
-          "onUpdate:value": u[2] || (u[2] = (p) => t.value = p),
+          "onUpdate:value": d[2] || (d[2] = (p) => t.value = p),
           item: s(v)
         }, null, 8, ["multiple", "value", "item"]))), 128)),
         l("div", {
-          onClick: u[3] || (u[3] = (c) => !a.disabled && n.value?.click()),
+          onClick: d[3] || (d[3] = (u) => !a.disabled && n.value?.click()),
           class: V([
             "h-[120px] w-[120px] border text-gray-300 hover:text-blue-500 border-dashed border-[#CFD9E0] rounded-lg flex items-center justify-center transition-all duration-300",
             a.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500 hover:bg-blue-50"
           ])
         }, [
-          B(Fe, { class: "w-6 h-6" })
+          B(De, { class: "w-6 h-6" })
         ], 2)
-      ])) : D("", !0),
-      a.multiple ? D("", !0) : (i(), d("div", {
+      ])) : F("", !0),
+      a.multiple ? F("", !0) : (i(), c("div", {
         key: 2,
-        onClick: u[4] || (u[4] = (c) => n.value?.click()),
+        onClick: d[4] || (d[4] = (u) => n.value?.click()),
         class: V([a.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500", "h-[120px] w-[120px] border text-gray-300 hover:text-blue-500 border-dashed border-gray-300 rounded-lg flex items-center justify-center cursor-pointer hover:border-blue-500 transition-all duration-300 hover:bg-blue-50"])
       }, [
-        B(Fe, { class: "w-6 h-6" })
+        B(De, { class: "w-6 h-6" })
       ], 2))
     ]));
   }
-}), Eo = { class: "max-w-[55vw]" }, Fo = { class: "text-sm font-semibold text-gray-800 truncate dark:text-neutral-200" }, Do = { class: "flex items-center text-xs text-gray-500 truncate dark:text-neutral-500" }, Oo = { class: "px-[5px]" }, Ao = { class: "" }, Ae = /* @__PURE__ */ F({
+}), Eo = { class: "max-w-[55vw]" }, Do = { class: "text-sm font-semibold text-gray-800 truncate dark:text-neutral-200" }, Fo = { class: "flex items-center text-xs text-gray-500 truncate dark:text-neutral-500" }, Oo = { class: "px-[5px]" }, Ao = { class: "" }, Ae = /* @__PURE__ */ D({
   __name: "vs-widget-file-info",
   props: {
     item: { default: null }
@@ -1217,11 +1221,11 @@ const yt = /* @__PURE__ */ H(Co, [["render", Mo]]), Lo = { class: "h-[120px] w-[
       const r = s / 1024;
       return r < 1024 ? `${r.toFixed(2)} KB` : `${(r / 1024).toFixed(2)} MB`;
     }
-    return (s, r) => (i(), d(Y, null, [
+    return (s, r) => (i(), c(Y, null, [
       r[1] || (r[1] = ce('<div class="flex items-center justify-center h-[30px] w-[30px]"><svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-file"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path></svg></div>', 1)),
       l("div", Eo, [
-        l("p", Fo, T(s.item?.uploaded_name), 1),
-        l("p", Do, [
+        l("p", Do, T(s.item?.uploaded_name), 1),
+        l("p", Fo, [
           l("span", null, T(s.item?.username), 1),
           K(l("span", Oo, "|", 512), [
             [Je, s.item?.username]
@@ -1245,7 +1249,7 @@ const yt = /* @__PURE__ */ H(Co, [["render", Mo]]), Lo = { class: "h-[120px] w-[
 }, Ho = ["href"], No = {
   key: 3,
   class: "flex gap-x-3 w-full items-center"
-}, qo = { class: "lg:absolute lg:top-3 lg:end-1 opacity-100" }, Go = { class: "p-0.5 sm:p-1 inline-flex items-center gap-0.5 bg-white rounded-lg dark:bg-neutral-800 dark:border-neutral-700" }, Jo = { class: "inline-block" }, Ko = { class: "inline-block" }, Zo = /* @__PURE__ */ F({
+}, qo = { class: "lg:absolute lg:top-3 lg:end-1 opacity-100" }, Go = { class: "p-0.5 sm:p-1 inline-flex items-center gap-0.5 bg-white rounded-lg dark:bg-neutral-800 dark:border-neutral-700" }, Jo = { class: "inline-block" }, Ko = { class: "inline-block" }, Zo = /* @__PURE__ */ D({
   __name: "vs-widget-file-item",
   props: {
     item: { default: null },
@@ -1265,7 +1269,7 @@ const yt = /* @__PURE__ */ H(Co, [["render", Mo]]), Lo = { class: "h-[120px] w-[
       const w = document.createElement("a");
       w.setAttribute("download", p?.uploaded_name), w.href = p?.file_path, w.click();
     }
-    async function u() {
+    async function d() {
       try {
         await fetch(
           `${t.prefix}/widget/file/${t.item.entity_id}/${t.item.file_id}`
@@ -1274,30 +1278,30 @@ const yt = /* @__PURE__ */ H(Co, [["render", Mo]]), Lo = { class: "h-[120px] w-[
         console.error(p);
       }
     }
-    function c() {
+    function u() {
       n("openModal", {
         title: "Ви впевнені?",
         message: "Ви впевнені, що хочете видалити цей файл?",
         confirmButtonText: "Так, я впевнена/ий",
         cancelButtonText: "Скасувати",
-        confirm: u,
+        confirm: d,
         updateListOnConfirm: !0
       });
     }
     function v(p) {
       (t.item.ext === "jpg" || t.item.ext === "png") && n("openLightbox", { item: t.item, index: p });
     }
-    return (p, w) => (i(), d("div", Uo, [
-      p.item.ext === "jpg" || p.item.ext === "png" ? (i(), d("div", To, [
+    return (p, w) => (i(), c("div", Uo, [
+      p.item.ext === "jpg" || p.item.ext === "png" ? (i(), c("div", To, [
         l("div", {
           class: "max-w-[55vw] cursor-pointer flex gap-x-3 w-full items-center",
           onClick: w[0] || (w[0] = (b) => v(p.index))
         }, [
           B(Ae, { item: p.item }, null, 8, ["item"])
         ])
-      ])) : s(p.item) ? (i(), d("div", Ro, [
+      ])) : s(p.item) ? (i(), c("div", Ro, [
         B(Ae, { item: p.item }, null, 8, ["item"])
-      ])) : r(p.item) ? (i(), d("div", Po, [
+      ])) : r(p.item) ? (i(), c("div", Po, [
         l("a", {
           href: `/api/file-preview?id=${p.item.file_id}`,
           target: "_blank",
@@ -1305,7 +1309,7 @@ const yt = /* @__PURE__ */ H(Co, [["render", Mo]]), Lo = { class: "h-[120px] w-[
         }, [
           B(Ae, { item: p.item }, null, 8, ["item"])
         ], 8, Ho)
-      ])) : (i(), d("div", No, [
+      ])) : (i(), c("div", No, [
         B(Ae, { item: p.item }, null, 8, ["item"])
       ])),
       l("div", qo, [
@@ -1326,7 +1330,7 @@ const yt = /* @__PURE__ */ H(Co, [["render", Mo]]), Lo = { class: "h-[120px] w-[
             l("button", {
               type: "button",
               class: "size-[30px] inline-flex justify-center items-center gap-x-2 rounded-lg border border-transparent text-red-600 hover:bg-red-100 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-red-100 dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20",
-              onClick: w[2] || (w[2] = (b) => c())
+              onClick: w[2] || (w[2] = (b) => u())
             }, [
               B(Te, {
                 height: "14",
@@ -1351,7 +1355,7 @@ const yt = /* @__PURE__ */ H(Co, [["render", Mo]]), Lo = { class: "h-[120px] w-[
   class: "icon icon-tabler icons-tabler-outline icon-tabler-download"
 };
 function Xo(o, e) {
-  return i(), d("svg", Qo, e[0] || (e[0] = [
+  return i(), c("svg", Qo, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1368,7 +1372,7 @@ const Yo = /* @__PURE__ */ H(Wo, [["render", Xo]]), ea = { class: "flex flex-col
 }, na = { class: "relative" }, ra = {
   key: 1,
   class: "space-y-3 max-h-[300px] overflow-y-auto [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:bg-gray-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500"
-}, ia = { key: 0 }, ua = /* @__PURE__ */ F({
+}, ia = { key: 0 }, ua = /* @__PURE__ */ D({
   __name: "vs-input-file-list",
   props: {
     id: { default: "" },
@@ -1383,7 +1387,7 @@ const Yo = /* @__PURE__ */ H(Wo, [["render", Xo]]), ea = { class: "flex flex-col
   },
   emits: ["update"],
   setup(o, { emit: e }) {
-    const t = o, n = Me("form"), s = A(() => n.value.formId), r = x(!1), a = x(0), u = e, c = x(!1), v = x({}), p = x([]), w = x(""), b = A(() => Array.isArray(p.value) ? p.value.filter((m) => m.ext === "jpg" || m.ext === "png").map((m) => m?.file_path) : []), $ = A(() => w.value === "" ? p.value : p.value.filter((m) => m?.uploaded_name?.includes(w.value))), S = (m) => {
+    const t = o, n = Me("form"), s = A(() => n.value.formId), r = x(!1), a = x(0), d = e, u = x(!1), v = x({}), p = x([]), w = x(""), b = A(() => Array.isArray(p.value) ? p.value.filter((m) => m.ext === "jpg" || m.ext === "png").map((m) => m?.file_path) : []), $ = A(() => w.value === "" ? p.value : p.value.filter((m) => m?.uploaded_name?.includes(w.value))), S = (m) => {
       const f = b.value.findIndex((Q) => Q === m.item.file_path);
       f !== -1 && (r.value = !0, a.value = f);
     }, R = async () => {
@@ -1400,7 +1404,7 @@ const Yo = /* @__PURE__ */ H(Wo, [["render", Xo]]), ea = { class: "flex flex-col
           Q.append("file", f);
           try {
             const U = `${t.prefix}/widget/file/${s.value}`;
-            return await fetch(U, { method: "POST", body: Q }), u("update", "file-list"), f;
+            return await fetch(U, { method: "POST", body: Q }), d("update", "file-list"), f;
           } catch (U) {
             return console.error(U), null;
           }
@@ -1409,12 +1413,12 @@ const Yo = /* @__PURE__ */ H(Wo, [["render", Xo]]), ea = { class: "flex flex-col
     }, E = (m) => {
       const f = { ...m };
       return m.cancel || (f.cancel = () => {
-        c.value = !1;
+        u.value = !1;
       }), m.updateListOnConfirm && (f.confirm = async () => {
-        await m.confirm(), c.value = !1, R();
+        await m.confirm(), u.value = !1, R();
       }), f;
     }, j = (m) => {
-      v.value = E(m), c.value = !0;
+      v.value = E(m), u.value = !0;
     };
     return te(s, (m) => {
       m && R();
@@ -1422,7 +1426,7 @@ const Yo = /* @__PURE__ */ H(Wo, [["render", Xo]]), ea = { class: "flex flex-col
       s.value && R();
     }), (m, f) => {
       const Q = at("Lightbox"), U = at("MessageBox");
-      return i(), d("div", ea, [
+      return i(), c("div", ea, [
         l("div", ta, [
           l("h2", la, " Файлів: " + T(p.value?.length), 1),
           l("div", oa, [
@@ -1441,7 +1445,7 @@ const Yo = /* @__PURE__ */ H(Wo, [["render", Xo]]), ea = { class: "flex flex-col
             ])
           ])
         ]),
-        p.value?.length > 4 ? (i(), d("div", sa, [
+        p.value?.length > 4 ? (i(), c("div", sa, [
           l("div", null, [
             l("div", na, [
               f[8] || (f[8] = l("div", { class: "absolute inset-y-0 start-0 flex items-center pointer-events-none z-[1] ps-3.5" }, [
@@ -1480,9 +1484,9 @@ const Yo = /* @__PURE__ */ H(Wo, [["render", Xo]]), ea = { class: "flex flex-col
               ])
             ])
           ])
-        ])) : D("", !0),
-        p.value?.length ? (i(), d("div", ra, [
-          (i(!0), d(Y, null, le($.value, (O, ue) => (i(), ae(Zo, {
+        ])) : F("", !0),
+        p.value?.length ? (i(), c("div", ra, [
+          (i(!0), c(Y, null, le($.value, (O, ue) => (i(), ae(Zo, {
             key: ue,
             prefix: m.prefix,
             item: O,
@@ -1491,10 +1495,10 @@ const Yo = /* @__PURE__ */ H(Wo, [["render", Xo]]), ea = { class: "flex flex-col
             onOpenModal: f[3] || (f[3] = (ee) => j(ee)),
             onOpenLightbox: f[4] || (f[4] = (ee) => S(ee))
           }, null, 8, ["prefix", "item", "index"]))), 128)),
-          $.value.length ? D("", !0) : (i(), d("div", ia, f[9] || (f[9] = [
+          $.value.length ? F("", !0) : (i(), c("div", ia, f[9] || (f[9] = [
             l("p", { class: "text-sm text-gray-600 font-sm" }, " Файлів з такою назвою не існує, введіть інше пошукове слово ", -1)
           ])))
-        ])) : D("", !0),
+        ])) : F("", !0),
         B(Q, {
           modelValue: r.value,
           "onUpdate:modelValue": f[5] || (f[5] = (O) => r.value = O),
@@ -1503,14 +1507,14 @@ const Yo = /* @__PURE__ */ H(Wo, [["render", Xo]]), ea = { class: "flex flex-col
           images: b.value
         }, null, 8, ["modelValue", "startIndex", "images"]),
         B(U, Ee({
-          modelValue: c.value,
-          "onUpdate:modelValue": f[7] || (f[7] = (O) => c.value = O),
+          modelValue: u.value,
+          "onUpdate:modelValue": f[7] || (f[7] = (O) => u.value = O),
           onConfirm: v.value.confirm
         }, v.value), null, 16, ["modelValue", "onConfirm"])
       ]);
     };
   }
-}), da = { class: "flex items-center justify-between" }, ca = { class: "text-[16px] text-gray-900 font-medium" }, pa = { class: "grid gap-3" }, fa = /* @__PURE__ */ F({
+}), da = { class: "flex items-center justify-between" }, ca = { class: "text-[16px] text-gray-900 font-medium" }, pa = { class: "grid gap-3" }, fa = /* @__PURE__ */ D({
   __name: "vs-container-switcher",
   props: {
     title: {
@@ -1533,7 +1537,7 @@ const Yo = /* @__PURE__ */ H(Wo, [["render", Xo]]), ea = { class: "flex flex-col
       (n) => {
         t.value = n;
       }
-    ), (n, s) => (i(), d("div", null, [
+    ), (n, s) => (i(), c("div", null, [
       l("div", da, [
         l("p", ca, T(o.title), 1),
         B(bt, {
@@ -1554,7 +1558,7 @@ const Yo = /* @__PURE__ */ H(Wo, [["render", Xo]]), ea = { class: "flex flex-col
       })
     ]));
   }
-}), va = /* @__PURE__ */ H(fa, [["__scopeId", "data-v-90320b87"]]), ma = { class: "text-[16px] text-gray-900 font-medium" }, ha = { class: "grid gap-3" }, ga = /* @__PURE__ */ F({
+}), va = /* @__PURE__ */ H(fa, [["__scopeId", "data-v-90320b87"]]), ma = { class: "text-[16px] text-gray-900 font-medium" }, ha = { class: "grid gap-3" }, ga = /* @__PURE__ */ D({
   __name: "vs-container-accordion",
   props: {
     title: {
@@ -1577,7 +1581,7 @@ const Yo = /* @__PURE__ */ H(Wo, [["render", Xo]]), ea = { class: "flex flex-col
       (n) => {
         t.value = n;
       }
-    ), (n, s) => (i(), d("div", null, [
+    ), (n, s) => (i(), c("div", null, [
       l("button", {
         type: "button",
         onClick: s[0] || (s[0] = (r) => t.value = !t.value),
@@ -1600,7 +1604,7 @@ const Yo = /* @__PURE__ */ H(Wo, [["render", Xo]]), ea = { class: "flex flex-col
       })
     ]));
   }
-}), ba = /* @__PURE__ */ H(ga, [["__scopeId", "data-v-590eff11"]]), ya = { class: "flex items-center justify-between" }, xa = /* @__PURE__ */ F({
+}), ba = /* @__PURE__ */ H(ga, [["__scopeId", "data-v-590eff11"]]), ya = { class: "flex items-center justify-between" }, xa = /* @__PURE__ */ D({
   __name: "vs-container-default",
   props: {
     title: {
@@ -1613,7 +1617,7 @@ const Yo = /* @__PURE__ */ H(Wo, [["render", Xo]]), ea = { class: "flex flex-col
     }
   },
   setup(o) {
-    return (e, t) => (i(), d("div", null, [
+    return (e, t) => (i(), c("div", null, [
       l("div", ya, [
         l("p", null, T(o.title), 1)
       ]),
@@ -1667,7 +1671,7 @@ const Yo = /* @__PURE__ */ H(Wo, [["render", Xo]]), ea = { class: "flex flex-col
     default:
       return !0;
   }
-}, Ea = /* @__PURE__ */ F({
+}, Ea = /* @__PURE__ */ D({
   __name: "vs-input-container",
   props: {
     style: {
@@ -1689,37 +1693,37 @@ const Yo = /* @__PURE__ */ H(Wo, [["render", Xo]]), ea = { class: "flex flex-col
   },
   setup(o) {
     const e = o, t = Me("formValues", { default: {} }), n = Me("form"), s = A(() => e.schema?.filter((a) => {
-      const u = a?.conditions;
-      if (!u) return !0;
-      const c = Array.isArray(u) ? u[0] : u, v = t?.value?.[c];
-      return xt(v, u);
+      const d = a?.conditions;
+      if (!d) return !0;
+      const u = Array.isArray(d) ? d[0] : d, v = t?.value?.[u];
+      return xt(v, d);
     })), r = A(() => wa[e.view]);
-    return (a, u) => o.schema?.length ? (i(), ae(Be(r.value), {
+    return (a, d) => o.schema?.length ? (i(), ae(Be(r.value), {
       key: 0,
       title: o.title,
       style: ye(o.style)
     }, {
       default: Le(() => [
-        (i(!0), d(Y, null, le(s.value, (c) => (i(), ae(wt, Ee({
-          key: c.name
-        }, { ref_for: !0 }, c, {
-          item: c,
-          modelValue: q(t)[c.name],
-          "onUpdate:modelValue": (v) => q(t)[c.name] = v,
+        (i(!0), c(Y, null, le(s.value, (u) => (i(), ae(wt, Ee({
+          key: u.name
+        }, { ref_for: !0 }, u, {
+          item: u,
+          modelValue: q(t)[u.name],
+          "onUpdate:modelValue": (v) => q(t)[u.name] = v,
           style: o.style,
-          error: q(n)?.errors?.[c.name]
+          error: q(n)?.errors?.[u.name]
         }), null, 16, ["item", "modelValue", "onUpdate:modelValue", "style", "error"]))), 128))
       ]),
       _: 1
-    }, 8, ["title", "style"])) : D("", !0);
+    }, 8, ["title", "style"])) : F("", !0);
   }
-}), Fa = ["aria-expanded", "data-focus"], Da = { class: "flex items-center" }, Oa = ["title"], Aa = ["onClick"], Ua = ["title"], Ta = {
+}), Da = ["aria-expanded", "data-focus"], Fa = { class: "flex items-center" }, Oa = ["title"], Aa = ["onClick"], Ua = ["title"], Ta = {
   key: 2,
   class: "text-gray-500 truncate"
 }, Ra = { class: "flex-1 min-w-[2px]" }, Pa = ["placeholder"], Ha = { class: "flex items-center shrink-0" }, Na = ["disabled"], qa = ["disabled", "title"], Ga = ["aria-disabled", "onClick"], Ja = {
   key: 1,
   class: "px-3 py-2 text-center text-gray-500"
-}, Ka = ["disabled"], Za = /* @__PURE__ */ F({
+}, Ka = ["disabled"], Za = /* @__PURE__ */ D({
   __name: "vs-input-select",
   props: {
     multiple: { type: Boolean, default: !1 },
@@ -1732,7 +1736,7 @@ const Yo = /* @__PURE__ */ H(Wo, [["render", Xo]]), ea = { class: "flex flex-col
     host: { default: "" },
     data: {},
     options: { default: () => [] },
-    api: {},
+    api: { default: "" },
     maxHeight: { default: 400 },
     parent: {},
     add: {},
@@ -1751,7 +1755,7 @@ const Yo = /* @__PURE__ */ H(Wo, [["render", Xo]]), ea = { class: "flex flex-col
       set: (g) => n("update:modelValue", g)
     });
     !a.value && t.defaultValue && (a.value = t.defaultValue);
-    const u = x(null), c = x(null), v = x(null), p = x(!1), w = x(!1), b = x(null), $ = x([]), S = x(-1), R = x([]), C = x(""), E = x(null), j = x("bottom"), m = x({}), f = x([]), Q = A(() => {
+    const d = x(null), u = x(null), v = x(null), p = x(!1), w = x(!1), b = x(null), $ = x([]), S = x(-1), R = x([]), C = x(""), E = x(null), j = x("bottom"), m = x({}), f = x([]), Q = A(() => {
       if (!f.value.length) return [];
       const g = new Map($.value.map((h) => [h.id?.toString(), h]));
       return f.value.map((h) => g.get(h?.toString())).filter((h) => !!h);
@@ -1834,8 +1838,8 @@ const Yo = /* @__PURE__ */ H(Wo, [["render", Xo]]), ea = { class: "flex flex-col
       }
       return document.body;
     }, ge = () => {
-      if (!c.value) return;
-      const g = c.value.getBoundingClientRect(), _ = he(c.value).getBoundingClientRect(), N = 300, re = 20, ie = 8, Se = g.top - _.top, Ie = g.bottom - _.top, lt = _.height - Ie - ie - re, ot = Se - ie - re;
+      if (!u.value) return;
+      const g = u.value.getBoundingClientRect(), _ = he(u.value).getBoundingClientRect(), N = 300, re = 20, ie = 8, Se = g.top - _.top, Ie = g.bottom - _.top, lt = _.height - Ie - ie - re, ot = Se - ie - re;
       let Pe = !1;
       if (lt >= ot ? Pe = !0 : Pe = !1, Pe) {
         j.value = "bottom";
@@ -1879,7 +1883,7 @@ const Yo = /* @__PURE__ */ H(Wo, [["render", Xo]]), ea = { class: "flex flex-col
     }, Ke = (g) => {
       g.key === "Escape" && p.value && de();
     }, Ze = (g) => {
-      u.value && (u.value.contains(g.target) || de());
+      d.value && (d.value.contains(g.target) || de());
     }, We = (g) => {
       p.value && v.value && !v.value.contains(g.target) && ge();
     }, Qe = () => {
@@ -1904,9 +1908,9 @@ const Yo = /* @__PURE__ */ H(Wo, [["render", Xo]]), ea = { class: "flex flex-col
     te(a, () => {
       Ye();
     }), xe(async () => {
-      addEventListener("keydown", Ke), addEventListener("scroll", We, !0), addEventListener("resize", Qe), document.addEventListener("click", Ze, !0), c.value && he(c.value).addEventListener("scroll", Xe, !0), t.options?.length ? $.value = [...t.options] : t.data && ($.value = await z("")), await Ye();
+      addEventListener("keydown", Ke), addEventListener("scroll", We, !0), addEventListener("resize", Qe), document.addEventListener("click", Ze, !0), u.value && he(u.value).addEventListener("scroll", Xe, !0), t.options?.length ? $.value = [...t.options] : t.data && ($.value = await z("")), await Ye();
     }), Ne(() => {
-      removeEventListener("keydown", Ke), removeEventListener("scroll", We, !0), removeEventListener("resize", Qe), document.removeEventListener("click", Ze, !0), c.value && he(c.value).removeEventListener("scroll", Xe, !0);
+      removeEventListener("keydown", Ke), removeEventListener("scroll", We, !0), removeEventListener("resize", Qe), document.removeEventListener("click", Ze, !0), u.value && he(u.value).removeEventListener("scroll", Xe, !0);
     });
     const Oe = x(!1), Re = x({}), et = x([]), tt = x(null);
     async function Ct() {
@@ -1945,7 +1949,7 @@ const Yo = /* @__PURE__ */ H(Wo, [["render", Xo]]), ea = { class: "flex flex-col
       t.data && M();
     }), te(we, async () => {
       t.data && (s.value ? (f.value = [], a.value = [], n("change", [])) : (b.value = null, a.value = null, n("change", null)));
-    }), (g, h) => (i(), d(Y, null, [
+    }), (g, h) => (i(), c(Y, null, [
       B(q(ht), {
         visible: Oe.value,
         "onUpdate:visible": h[1] || (h[1] = (_) => Oe.value = _),
@@ -1954,7 +1958,7 @@ const Yo = /* @__PURE__ */ H(Wo, [["render", Xo]]), ea = { class: "flex flex-col
         onDone: Ct
       }, {
         default: Le(() => [
-          B(De, {
+          B(Fe, {
             schema: et.value,
             modelValue: Re.value,
             "onUpdate:modelValue": h[0] || (h[0] = (_) => Re.value = _),
@@ -1967,7 +1971,7 @@ const Yo = /* @__PURE__ */ H(Wo, [["render", Xo]]), ea = { class: "flex flex-col
       l("div", {
         class: "flex gap-1 w-full",
         ref_key: "selectRoot",
-        ref: u,
+        ref: d,
         onClick: h[4] || (h[4] = ve(() => {
         }, ["stop"]))
       }, [
@@ -2002,18 +2006,18 @@ const Yo = /* @__PURE__ */ H(Wo, [["render", Xo]]), ea = { class: "flex flex-col
             l("div", {
               class: "flex flex-1 items-center gap-1 py-0.5 pl-2 pr-0 overflow-hidden",
               ref_key: "triggerRef",
-              ref: c
+              ref: u
             }, [
-              s.value && f.value.length ? (i(!0), d(Y, { key: 0 }, le(Q.value, (_) => (i(), d("div", {
+              s.value && f.value.length ? (i(!0), c(Y, { key: 0 }, le(Q.value, (_) => (i(), c("div", {
                 class: "flex min-w-0 bg-[#e6e6e6] rounded-sm m-0.5 box-border",
                 key: _.id
               }, [
-                l("div", Da, [
-                  _?.color ? (i(), d("span", {
+                l("div", Fa, [
+                  _?.color ? (i(), c("span", {
                     key: 0,
                     class: "w-[16px] h-[16px] rounded-md block ml-1.5",
                     style: ye({ backgroundColor: _?.color })
-                  }, null, 4)) : D("", !0),
+                  }, null, 4)) : F("", !0),
                   l("div", {
                     class: "truncate text-gray-900 overflow-hidden",
                     title: _.text
@@ -2035,23 +2039,23 @@ const Yo = /* @__PURE__ */ H(Wo, [["render", Xo]]), ea = { class: "flex flex-col
                     l("path", { d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z" })
                   ], -1)
                 ]), 8, Aa)
-              ]))), 128)) : !s.value && !w.value && b.value?.text && C.value === "" ? (i(), d("div", {
+              ]))), 128)) : !s.value && !w.value && b.value?.text && C.value === "" ? (i(), c("div", {
                 key: 1,
                 class: V(["truncate text-gray-900"]),
                 title: b.value.text
               }, [
-                b.value?.color ? (i(), d("span", {
+                b.value?.color ? (i(), c("span", {
                   key: 0,
                   class: "w-[14px] h-[14px] rounded-md block mr-1 mt-1 absolute",
                   style: ye({ backgroundColor: b.value?.color })
-                }, null, 4)) : D("", !0),
+                }, null, 4)) : F("", !0),
                 l("span", {
                   class: V({ "pl-5": b.value?.color })
                 }, T(b.value.text), 3)
-              ], 8, Ua)) : D("", !0),
-              O.value ? (i(), d("div", Ta, T(U.value), 1)) : D("", !0),
+              ], 8, Ua)) : F("", !0),
+              O.value ? (i(), c("div", Ta, T(U.value), 1)) : F("", !0),
               l("div", Ra, [
-                !r.value && g.search ? K((i(), d("input", {
+                !r.value && g.search ? K((i(), c("input", {
                   key: 0,
                   ref_key: "inputRef",
                   ref: E,
@@ -2070,11 +2074,11 @@ const Yo = /* @__PURE__ */ H(Wo, [["render", Xo]]), ea = { class: "flex flex-col
                   onKeydown: Ve
                 }, null, 40, Pa)), [
                   [se, C.value]
-                ]) : D("", !0)
+                ]) : F("", !0)
               ])
             ], 512),
             l("div", Ha, [
-              ue.value ? (i(), d("button", {
+              ue.value ? (i(), c("button", {
                 key: 0,
                 type: "button",
                 class: "px-2 text-gray-400 hover:text-gray-500 transition-colors disabled:opacity-50",
@@ -2090,7 +2094,7 @@ const Yo = /* @__PURE__ */ H(Wo, [["render", Xo]]), ea = { class: "flex flex-col
                 }, [
                   l("path", { d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z" })
                 ], -1)
-              ]), 8, Na)) : D("", !0),
+              ]), 8, Na)) : F("", !0),
               h[8] || (h[8] = l("div", { class: "self-stretch w-px bg-[#ccc] my-[1px]" }, null, -1)),
               l("button", {
                 type: "button",
@@ -2110,8 +2114,8 @@ const Yo = /* @__PURE__ */ H(Wo, [["render", Xo]]), ea = { class: "flex flex-col
                 ], -1)
               ]), 8, qa)
             ])
-          ], 42, Fa),
-          p.value ? (i(), d("div", {
+          ], 42, Da),
+          p.value ? (i(), c("div", {
             key: 0,
             class: V([
               "absolute z-10 w-full rounded bg-white shadow-[0_0_0_1px_rgba(0,0,0,0.1),0_4px_11px_rgba(0,0,0,0.1)]",
@@ -2126,7 +2130,7 @@ const Yo = /* @__PURE__ */ H(Wo, [["render", Xo]]), ea = { class: "flex flex-col
               ref_key: "listRef",
               ref: v
             }, [
-              X.value.length ? (i(!0), d(Y, { key: 0 }, le(X.value, (_, N) => (i(), d("div", {
+              X.value.length ? (i(!0), c(Y, { key: 0 }, le(X.value, (_, N) => (i(), c("div", {
                 key: _.id,
                 ref_for: !0,
                 ref: (re) => R.value[N] = re,
@@ -2140,11 +2144,11 @@ const Yo = /* @__PURE__ */ H(Wo, [["render", Xo]]), ea = { class: "flex flex-col
                 tabindex: "-1",
                 onClick: (re) => ne(_)
               }, [
-                _?.color ? (i(), d("span", {
+                _?.color ? (i(), c("span", {
                   key: 0,
                   class: "w-[11px] h-[11px] rounded-full block mr-1 mt-1.5",
                   style: ye({ backgroundColor: _?.color })
-                }, null, 4)) : D("", !0),
+                }, null, 4)) : F("", !0),
                 l("div", {
                   class: V([
                     "leading-[19px]",
@@ -2153,27 +2157,27 @@ const Yo = /* @__PURE__ */ H(Wo, [["render", Xo]]), ea = { class: "flex flex-col
                     (S.value === N, "")
                   ])
                 }, T(_.text), 3)
-              ], 10, Ga))), 128)) : (i(), d("div", Ja, " No options "))
+              ], 10, Ga))), 128)) : (i(), c("div", Ja, " No options "))
             ], 4)
-          ], 6)) : D("", !0)
+          ], 6)) : F("", !0)
         ], 2),
-        t.add ? (i(), d("button", {
+        t.add ? (i(), c("button", {
           key: 0,
           onClick: Vt,
           class: "bg-white hover:bg-gray-100 text-sm text-gray-900 py-[10px] px-3 border border-stone-200 rounded-md h-[38px] flex items-center gap-2",
           disabled: r.value,
           type: "button"
         }, [
-          B(Fe, {
+          B(De, {
             width: "16",
             height: "16"
           }),
           h[11] || (h[11] = l("span", null, "Додати", -1))
-        ], 8, Ka)) : D("", !0)
+        ], 8, Ka)) : F("", !0)
       ], 512)
     ], 64));
   }
-}), Wa = ["placeholder", "disabled"], Qa = /* @__PURE__ */ F({
+}), Wa = ["placeholder", "disabled"], Qa = /* @__PURE__ */ D({
   __name: "vs-input-textarea",
   props: /* @__PURE__ */ Z({
     style: { default: () => ({}) },
@@ -2190,7 +2194,7 @@ const Yo = /* @__PURE__ */ H(Wo, [["render", Xo]]), ea = { class: "flex flex-col
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, { inputClass: t } = me(e.style), n = W(o, "modelValue");
-    return (s, r) => K((i(), d("textarea", {
+    return (s, r) => K((i(), c("textarea", {
       "onUpdate:modelValue": r[0] || (r[0] = (a) => n.value = a),
       placeholder: s.placeholder,
       disabled: s.disabled,
@@ -2214,7 +2218,7 @@ const Yo = /* @__PURE__ */ H(Wo, [["render", Xo]]), ea = { class: "flex flex-col
   class: "icon icon-tabler icons-tabler-outline icon-tabler-search stroke-gray-500 transition-all"
 };
 function es(o, e) {
-  return i(), d("svg", Ya, e[0] || (e[0] = [
+  return i(), c("svg", Ya, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2235,7 +2239,7 @@ const ts = /* @__PURE__ */ H(Xa, [["render", es]]), ls = {}, os = {
   "stroke-linejoin": "round"
 };
 function as(o, e) {
-  return i(), d("svg", os, e[0] || (e[0] = [
+  return i(), c("svg", os, e[0] || (e[0] = [
     l("path", { d: "m3 16 4 4 4-4" }, null, -1),
     l("path", { d: "M7 20V4" }, null, -1),
     l("path", { d: "m21 8-4-4-4 4" }, null, -1),
@@ -2254,7 +2258,7 @@ const ss = /* @__PURE__ */ H(ls, [["render", as]]), ns = {}, rs = {
   "stroke-linejoin": "round"
 };
 function is(o, e) {
-  return i(), d("svg", rs, e[0] || (e[0] = [
+  return i(), c("svg", rs, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2275,7 +2279,7 @@ const us = /* @__PURE__ */ H(ns, [["render", is]]), ds = {}, cs = {
   "stroke-linejoin": "round"
 };
 function ps(o, e) {
-  return i(), d("svg", cs, e[0] || (e[0] = [
+  return i(), c("svg", cs, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2296,7 +2300,7 @@ const fs = /* @__PURE__ */ H(ds, [["render", ps]]), vs = {}, ms = {
   "stroke-linejoin": "round"
 };
 function hs(o, e) {
-  return i(), d("svg", ms, e[0] || (e[0] = [
+  return i(), c("svg", ms, e[0] || (e[0] = [
     ce('<circle cx="9" cy="12" r="1"></circle><circle cx="9" cy="5" r="1"></circle><circle cx="9" cy="19" r="1"></circle><circle cx="15" cy="12" r="1"></circle><circle cx="15" cy="5" r="1"></circle><circle cx="15" cy="19" r="1"></circle>', 6)
   ]));
 }
@@ -2306,7 +2310,7 @@ const dt = /* @__PURE__ */ H(vs, [["render", hs]]), gs = {}, bs = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 function ys(o, e) {
-  return i(), d("svg", bs, e[0] || (e[0] = [
+  return i(), c("svg", bs, e[0] || (e[0] = [
     ce('<rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-50 dark:stroke-neutral-700/10"></rect><rect x="34.5" y="58" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/30"></rect><rect x="27" y="36" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><g filter="url(#filter1)"><rect x="12" y="6" width="154" height="40" rx="8" fill="currentColor" class="fill-white dark:fill-neutral-800" shape-rendering="crispEdges"></rect><rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/60" shape-rendering="crispEdges"></rect><rect x="20" y="14" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect><rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect><rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect></g><defs><filter id="filter1" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="6"></feOffset><feGaussianBlur stdDeviation="6"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"></feBlend></filter></defs>', 12)
   ]));
 }
@@ -2320,15 +2324,15 @@ const xs = /* @__PURE__ */ H(gs, [["render", ys]]), ws = {}, ks = {
   "stroke-linejoin": "round"
 };
 function _s(o, e) {
-  return i(), d("svg", ks, e[0] || (e[0] = [
+  return i(), c("svg", ks, e[0] || (e[0] = [
     l("path", { d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z" }, null, -1)
   ]));
 }
-const $s = /* @__PURE__ */ H(ws, [["render", _s]]), Cs = { class: "vs-datatable border rounded-xl w-full flex-grow" }, Vs = { class: "flex items-center npm gap-[16px] justify-between p-[20px] pb-[16px]" }, Ms = { class: "relative w-full" }, Ls = { class: "table-wrapper flex gap-2" }, Ss = { class: "vs-popover inline-block text-slate-700" }, Bs = { class: "text-center" }, js = { class: "" }, Is = { class: "py-1 px-0 w-full text-sm text-stone-800 bg-white shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-lg focus:outline-none focus:bg-stone-100 dark:bg-neutral-900 dark:text-neutral-200 dark:focus:bg-neutral-800 after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" }, zs = { class: "flex flex-col p-[1px] gap-[2px] w-[140px]" }, Es = { class: "text-sm items-center text-gray-800 flex gap-1" }, Fs = { class: "w-full overflow-x-auto" }, Ds = { class: "w-full table-auto caption-bottom text-sm" }, Os = { class: "[&_tr]:border-b" }, As = { class: "border-b data-[state=selected]:bg-muted bg-slate-50/50 dark:bg-slate-700/50 hover:bg-slate-50/80 dark:hover:bg-slate-700/80 transition-colors" }, Us = { class: "h-10 px-2 align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] w-12 text-center" }, Ts = {
+const $s = /* @__PURE__ */ H(ws, [["render", _s]]), Cs = { class: "vs-datatable border rounded-xl w-full flex-grow" }, Vs = { class: "flex items-center npm gap-[16px] justify-between p-[20px] pb-[16px]" }, Ms = { class: "relative w-full" }, Ls = { class: "table-wrapper flex gap-2" }, Ss = { class: "vs-popover inline-block text-slate-700" }, Bs = { class: "text-center" }, js = { class: "" }, Is = { class: "py-1 px-0 w-full text-sm text-stone-800 bg-white shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-lg focus:outline-none focus:bg-stone-100 dark:bg-neutral-900 dark:text-neutral-200 dark:focus:bg-neutral-800 after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" }, zs = { class: "flex flex-col p-[1px] gap-[2px] w-[140px]" }, Es = { class: "text-sm items-center text-gray-800 flex gap-1" }, Ds = { class: "w-full overflow-x-auto" }, Fs = { class: "w-full table-auto caption-bottom text-sm" }, Os = { class: "[&_tr]:border-b" }, As = { class: "border-b data-[state=selected]:bg-muted bg-slate-50/50 dark:bg-slate-700/50 hover:bg-slate-50/80 dark:hover:bg-slate-700/80 transition-colors" }, Us = { class: "h-10 px-2 align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] w-12 text-center" }, Ts = {
   key: 0,
   colspan: "100%",
   class: "text-center"
-}, Rs = { class: "w-full" }, Ps = { class: "p-5 min-h-[200px] flex flex-col justify-center items-center text-center" }, Hs = ["onDragstart", "onDragover", "onDrop"], Ns = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] text-center" }, qs = { class: "flex items-center justify-center" }, Gs = { class: "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-slate-100 dark:bg-slate-700 text-slate-700 dark:text-slate-300 hover:bg-slate-200 dark:hover:bg-slate-600 transition-colors" }, Js = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]" }, Ks = { class: "flex items-center justify-center gap-2" }, Zs = ["onClick"], Ws = ["onClick"], Qs = { class: "vs-form__head mr-5 mt-3 flex items-center justify-end sticky top-0 left-0 z-[60] bg-white" }, Xs = /* @__PURE__ */ F({
+}, Rs = { class: "w-full" }, Ps = { class: "p-5 min-h-[200px] flex flex-col justify-center items-center text-center" }, Hs = ["onDragstart", "onDragover", "onDrop"], Ns = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] text-center" }, qs = { class: "flex items-center justify-center" }, Gs = { class: "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-slate-100 dark:bg-slate-700 text-slate-700 dark:text-slate-300 hover:bg-slate-200 dark:hover:bg-slate-600 transition-colors" }, Js = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]" }, Ks = { class: "flex items-center justify-center gap-2" }, Zs = ["onClick"], Ws = ["onClick"], Qs = { class: "vs-form__head mr-5 mt-3 flex items-center justify-end sticky top-0 left-0 z-[60] bg-white" }, Xs = /* @__PURE__ */ D({
   __name: "vs-input-datatable",
   props: /* @__PURE__ */ Z({
     colModel: {},
@@ -2352,20 +2356,20 @@ const $s = /* @__PURE__ */ H(ws, [["render", _s]]), Cs = { class: "vs-datatable
         const G = M[I.key];
         return G ? Array.isArray(G) ? G.join(", ").toLowerCase().includes(z) : String(G).toLowerCase().includes(z) : !1;
       }));
-    }), a = x(null), u = x(null), c = x(!1), v = x(null), p = x({ top: 0, left: 0 }), w = (z) => {
+    }), a = x(null), d = x(null), u = x(!1), v = x(null), p = x({ top: 0, left: 0 }), w = (z) => {
       a.value = z;
     }, b = (z) => {
-      u.value = z;
+      d.value = z;
     }, $ = (z) => {
       if (a.value === null || a.value === z) {
-        a.value = null, u.value = null;
+        a.value = null, d.value = null;
         return;
       }
       const M = [...t.value], [I] = M.splice(a.value, 1);
-      M.splice(z, 0, I), t.value = M, a.value = null, u.value = null;
+      M.splice(z, 0, I), t.value = M, a.value = null, d.value = null;
     }, S = (z) => {
       const I = z.currentTarget.getBoundingClientRect();
-      p.value = { top: I.bottom + window.scrollY, left: I.left + window.scrollX }, c.value = !c.value;
+      p.value = { top: I.bottom + window.scrollY, left: I.left + window.scrollX }, u.value = !u.value;
     }, R = () => {
       v.value && v.value.click();
     }, C = (z) => {
@@ -2419,7 +2423,7 @@ const $s = /* @__PURE__ */ H(ws, [["render", _s]]), Cs = { class: "vs-datatable
     function we(z) {
       t.value = t.value.filter((M, I) => I !== z);
     }
-    return (z, M) => (i(), d("div", Cs, [
+    return (z, M) => (i(), c("div", Cs, [
       l("div", Vs, [
         l("div", Ms, [
           B(ts, {
@@ -2462,7 +2466,7 @@ const $s = /* @__PURE__ */ H(ws, [["render", _s]]), Cs = { class: "vs-datatable
           ])
         ]),
         (i(), ae(It, { to: "body" }, [
-          c.value ? (i(), d("div", {
+          u.value ? (i(), c("div", {
             key: 0,
             class: "text-slate-700 vsTailwind vs-popover__content bottom",
             style: ye([{ width: "fit-content", "z-index": "10002", position: "fixed" }, { position: "absolute", top: p.value.top + "px", left: p.value.left + "px" }])
@@ -2495,18 +2499,18 @@ const $s = /* @__PURE__ */ H(ws, [["render", _s]]), Cs = { class: "vs-datatable
                 ])
               ])
             ])
-          ], 4)) : D("", !0)
+          ], 4)) : F("", !0)
         ])),
         l("button", {
           onClick: ue,
           class: "text-slate-700 bg-white hover:bg-gray-100 font-semibold text-[15px] leadig-[18.5px] py-[10px] px-[12px] border border-[#E5E7EB] rounded-[8px] h-[38px] max-h-[38px] gap-[8px] flex items-center"
         }, [
-          B(Fe),
+          B(De),
           M[6] || (M[6] = fe(" Додати ", -1))
         ])
       ]),
-      l("div", Fs, [
-        l("table", Ds, [
+      l("div", Ds, [
+        l("table", Fs, [
           l("thead", Os, [
             l("tr", As, [
               l("th", Us, [
@@ -2516,7 +2520,7 @@ const $s = /* @__PURE__ */ H(ws, [["render", _s]]), Cs = { class: "vs-datatable
                   class: "w-4 h-4 mx-auto text-slate-400 dark:text-slate-500"
                 })
               ]),
-              (i(!0), d(Y, null, le(z.colModel, (I) => (i(), d("th", {
+              (i(!0), c(Y, null, le(z.colModel, (I) => (i(), c("th", {
                 key: I.key,
                 class: "h-10 px-2 text-left align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] font-semibold text-slate-700 dark:text-slate-300 min-w-[150px]"
               }, T(I.ua || I.label), 1))), 128)),
@@ -2524,9 +2528,9 @@ const $s = /* @__PURE__ */ H(ws, [["render", _s]]), Cs = { class: "vs-datatable
             ])
           ]),
           l("tbody", {
-            class: V({ "[&_tr:last-child]:border-0": !u.value })
+            class: V({ "[&_tr:last-child]:border-0": !d.value })
           }, [
-            r.value.length === 0 ? (i(), d("td", Ts, [
+            r.value.length === 0 ? (i(), c("td", Ts, [
               l("div", Rs, [
                 l("div", Ps, [
                   B(xs, { class: "w-48 mx-auto" }),
@@ -2536,12 +2540,12 @@ const $s = /* @__PURE__ */ H(ws, [["render", _s]]), Cs = { class: "vs-datatable
                   ], -1))
                 ])
               ])
-            ])) : D("", !0),
-            (i(!0), d(Y, null, le(r.value, (I, G) => (i(), d("tr", {
+            ])) : F("", !0),
+            (i(!0), c(Y, null, le(r.value, (I, G) => (i(), c("tr", {
               key: I.id,
               class: V(["border-b data-[state=selected]:bg-muted transition-all duration-200 hover:bg-slate-50/60 dark:hover:bg-slate-700/60 cursor-move", {
                 "opacity-50": a.value === G,
-                "border-t-2 border-b-2 border-blue-500 bg-blue-50 dark:bg-blue-900/20": u.value === G
+                "border-t-2 border-b-2 border-blue-500 bg-blue-50 dark:bg-blue-900/20": d.value === G
               }]),
               draggable: "true",
               onDragstart: (oe) => w(G),
@@ -2557,7 +2561,7 @@ const $s = /* @__PURE__ */ H(ws, [["render", _s]]), Cs = { class: "vs-datatable
                   })
                 ])
               ]),
-              (i(!0), d(Y, null, le(z.colModel, (oe) => (i(), d("td", {
+              (i(!0), c(Y, null, le(z.colModel, (oe) => (i(), c("td", {
                 key: oe.key,
                 class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]"
               }, [
@@ -2597,7 +2601,7 @@ const $s = /* @__PURE__ */ H(ws, [["render", _s]]), Cs = { class: "vs-datatable
         size: "lg"
       }, {
         default: Le(() => [
-          B(De, {
+          B(Fe, {
             schema: e.colModel,
             values: U.value,
             "onUpdate:values": M[1] || (M[1] = (I) => U.value = I),
@@ -2754,7 +2758,7 @@ const tn = {}, ln = {
   class: "icon icon-tabler icons-tabler-outline icon-tabler-map-pin"
 };
 function on(o, e) {
-  return i(), d("svg", ln, e[0] || (e[0] = [
+  return i(), c("svg", ln, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2775,7 +2779,7 @@ const an = /* @__PURE__ */ H(tn, [["render", on]]), sn = {}, nn = {
   class: "icon icon-tabler icons-tabler-outline icon-tabler-line"
 };
 function rn(o, e) {
-  return i(), d("svg", nn, e[0] || (e[0] = [
+  return i(), c("svg", nn, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2797,7 +2801,7 @@ const un = /* @__PURE__ */ H(sn, [["render", rn]]), dn = {}, cn = {
   class: "icon icon-tabler icons-tabler-outline icon-tabler-polygon"
 };
 function pn(o, e) {
-  return i(), d("svg", cn, e[0] || (e[0] = [
+  return i(), c("svg", cn, e[0] || (e[0] = [
     ce('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M12 5m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M19 8m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M5 11m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M15 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M6.5 9.5l3.5 -3"></path><path d="M14 5.5l3 1.5"></path><path d="M18.5 10l-2.5 7"></path><path d="M13.5 17.5l-7 -5"></path>', 9)
   ]));
 }
@@ -2812,7 +2816,7 @@ const fn = /* @__PURE__ */ H(dn, [["render", pn]]), vn = {}, mn = {
   class: "icon icon-tabler icons-tabler-outline icon-tabler-topology-ring-3"
 };
 function hn(o, e) {
-  return i(), d("svg", mn, e[0] || (e[0] = [
+  return i(), c("svg", mn, e[0] || (e[0] = [
     ce('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M8 18a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z"></path><path d="M20 18a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z"></path><path d="M20 6a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z"></path><path d="M8 6a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z"></path><path d="M6 8v8"></path><path d="M18 16v-8"></path><path d="M8 6h8"></path><path d="M16 18h-8"></path>', 9)
   ]));
 }
@@ -2825,7 +2829,7 @@ const gn = /* @__PURE__ */ H(vn, [["render", hn]]), bn = {}, yn = {
   class: "fullscreen-icon"
 };
 function xn(o, e) {
-  return i(), d("svg", yn, e[0] || (e[0] = [
+  return i(), c("svg", yn, e[0] || (e[0] = [
     l("title", null, null, -1),
     l("desc", null, null, -1),
     l("defs", null, null, -1),
@@ -2868,7 +2872,7 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, Fn = { class: "relative w-full" }, Dn = { class: "vs-form-text relative bg-white rounded-lg" }, On = {
+}, Dn = { class: "relative w-full" }, Fn = { class: "vs-form-text relative bg-white rounded-lg" }, On = {
   key: 1,
   class: "absolute left-0 right-0 top-full z-[3200] bg-white border border-gray-200 rounded-b-lg shadow-lg max-h-72 overflow-auto"
 }, An = { key: 0 }, Un = ["onClick"], Tn = {
@@ -2877,14 +2881,14 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
 }, Rn = {
   key: 2,
   class: "px-3 py-2 text-xs text-gray-400"
-}, Pn = /* @__PURE__ */ F({
+}, Pn = /* @__PURE__ */ D({
   __name: "map-search",
   props: {
     placeholder: { default: "50, 30" }
   },
   emits: ["goToCoordinates"],
   setup(o, { emit: e }) {
-    const t = e, n = x(!1), s = x("coordinates"), r = x(""), a = x([]), u = x(!1), c = x(!1);
+    const t = e, n = x(!1), s = x("coordinates"), r = x(""), a = x([]), d = x(!1), u = x(!1);
     let v;
     const p = [
       { value: "coordinates", label: "Пошук по кординатам" },
@@ -2906,7 +2910,7 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
       return s.value === "search_here" ? f.searchParams.set("searchtext", j) : (s.value === "atu" || s.value === "address") && f.searchParams.set("key", j), f.searchParams.set("limit", "20"), f.searchParams.set("q", j), (await fetch(f.toString())).json();
     }
     function R() {
-      if (u.value = !0, c.value = !0, s.value === "coordinates") {
+      if (d.value = !0, u.value = !0, s.value === "coordinates") {
         const j = r.value.trim().split(",");
         if (j.length === 2) {
           const m = parseFloat(j[0]), f = parseFloat(j[1]);
@@ -2917,7 +2921,7 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
       v && window.clearTimeout(v), v = window.setTimeout(async () => {
         const j = r.value.trim();
         if (!j) {
-          a.value = [], c.value = !1;
+          a.value = [], u.value = !1;
           return;
         }
         try {
@@ -2926,17 +2930,17 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
         } catch {
           a.value = [];
         } finally {
-          c.value = !1;
+          u.value = !1;
         }
       }, 300);
     }
     function C() {
-      r.value = "", a.value = [], u.value = !1, c.value = !1;
+      r.value = "", a.value = [], d.value = !1, u.value = !1;
     }
     function E(j) {
-      t("goToCoordinates", j), u.value = !1, c.value = !1, a.value = [];
+      t("goToCoordinates", j), d.value = !1, u.value = !1, a.value = [];
     }
-    return (j, m) => (i(), d("div", kn, [
+    return (j, m) => (i(), c("div", kn, [
       l("div", _n, [
         l("div", $n, [
           l("div", Cn, [
@@ -2963,10 +2967,10 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
                 })
               ], -1))
             ]),
-            n.value ? (i(), d("div", Ln, [
+            n.value ? (i(), c("div", Ln, [
               l("div", Sn, [
                 l("div", Bn, [
-                  (i(), d(Y, null, le(p, (f) => l("div", {
+                  (i(), c(Y, null, le(p, (f) => l("div", {
                     onClick: (Q) => b(f),
                     key: f.value,
                     class: "form-autocomplete__item cursor-pointer hs-selected:bg-stone-100 dark:hs-selected:bg-neutral-800 py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 rounded-lg focus:outline-none focus:bg-stone-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800 cursor-default"
@@ -2975,17 +2979,17 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
                       l("div", zn, [
                         l("div", null, T(f.label), 1)
                       ]),
-                      f.value === s.value ? (i(), d("svg", En, m[4] || (m[4] = [
+                      f.value === s.value ? (i(), c("svg", En, m[4] || (m[4] = [
                         l("polyline", { points: "20 6 9 17 4 12" }, null, -1)
-                      ]))) : D("", !0)
+                      ]))) : F("", !0)
                     ])
                   ], 8, jn)), 64))
                 ])
               ])
-            ])) : D("", !0)
+            ])) : F("", !0)
           ]),
-          l("div", Fn, [
-            l("div", Dn, [
+          l("div", Dn, [
+            l("div", Fn, [
               m[6] || (m[6] = l("i", { class: "absolute bottom-1/2 translate-y-1/2 left-3 text-gray-500" }, [
                 l("svg", {
                   width: "16",
@@ -3013,13 +3017,13 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
                 type: "text",
                 "onUpdate:modelValue": m[1] || (m[1] = (f) => r.value = f),
                 onInput: R,
-                onFocus: m[2] || (m[2] = (f) => u.value = !0),
+                onFocus: m[2] || (m[2] = (f) => d.value = !0),
                 placeholder: "lat, lng ex. 50, 30",
                 class: "bg-white h-[38px] text-sm py-2 px-3 ps-9 pe-8 block w-full border border-solid placeholder:text-nowrap border-stone-200 rounded-lg text-stone-800 placeholder:text-stone-400 focus:outline focus:z-10 focus:border-blue-500 focus:ring-blue-500 focus:outline-blue-500"
               }, null, 544), [
                 [se, r.value]
               ]),
-              r.value ? (i(), d("button", {
+              r.value ? (i(), c("button", {
                 key: 0,
                 onClick: C,
                 class: "absolute right-2 bottom-1/2 translate-y-1/2 text-gray-500 hover:text-red-500",
@@ -3040,23 +3044,23 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
                     "stroke-linejoin": "round"
                   })
                 ], -1)
-              ]))) : D("", !0),
-              u.value && s.value !== "coordinates" ? (i(), d("div", On, [
-                a.value.length ? (i(), d("ul", An, [
-                  (i(!0), d(Y, null, le(a.value, (f) => (i(), d("li", {
+              ]))) : F("", !0),
+              d.value && s.value !== "coordinates" ? (i(), c("div", On, [
+                a.value.length ? (i(), c("ul", An, [
+                  (i(!0), c(Y, null, le(a.value, (f) => (i(), c("li", {
                     key: f.properties.place_id,
                     onClick: (Q) => E(f),
                     class: "px-3 py-2 text-sm cursor-pointer hover:bg-gray-100"
                   }, T(f.properties.display_name), 9, Un))), 128))
-                ])) : c.value ? (i(), d("div", Tn, "Шукаю…")) : (i(), d("div", Rn, "Нічого не знайдено"))
-              ])) : D("", !0)
+                ])) : u.value ? (i(), c("div", Tn, "Шукаю…")) : (i(), c("div", Rn, "Нічого не знайдено"))
+              ])) : F("", !0)
             ])
           ])
         ])
       ])
     ]));
   }
-}), Hn = { class: "bg-white/95 p-2 rounded-xl shadow border border-gray-200" }, Nn = { class: "flex gap-2" }, qn = ["onClick", "title"], Gn = ["src"], Jn = /* @__PURE__ */ F({
+}), Hn = { class: "bg-white/95 p-2 rounded-xl shadow border border-gray-200" }, Nn = { class: "flex gap-2" }, qn = ["onClick", "title"], Gn = ["src"], Jn = /* @__PURE__ */ D({
   __name: "map-layers",
   props: {
     basemaps: {}
@@ -3067,18 +3071,18 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
     function r(a) {
       s("onLayerChange", a), n.value = a;
     }
-    return (a, u) => (i(), d("div", Hn, [
+    return (a, d) => (i(), c("div", Hn, [
       l("div", Nn, [
-        (i(!0), d(Y, null, le(a.basemaps, (c, v) => (i(), d("div", {
+        (i(!0), c(Y, null, le(a.basemaps, (u, v) => (i(), c("div", {
           key: v,
           class: V(["cursor-pointer border rounded-lg overflow-hidden hover:shadow-sm", { "ring-2 ring-blue-500 border-blue-300": n.value === v }]),
           onClick: (p) => r(v),
-          title: c.name || v,
+          title: u.name || v,
           role: "button",
           tabindex: "0"
         }, [
           l("img", {
-            src: c.preview,
+            src: u.preview,
             alt: "",
             class: "w-14 h-14 object-cover"
           }, null, 8, Gn)
@@ -3095,7 +3099,7 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
 }, cr = {
   key: 1,
   class: "text-xs"
-}, pr = /* @__PURE__ */ F({
+}, pr = /* @__PURE__ */ D({
   __name: "vs-input-map",
   props: {
     tools: {},
@@ -3110,7 +3114,7 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
     const t = zt(), n = o, s = e, r = x(null);
-    let a, u, c;
+    let a, d, u;
     const v = x(null), p = x(null), w = x(6), b = x(0), $ = x(t?.appContext.config.globalProperties.$settings?.center || [50, 30]), S = x(null), R = de();
     let C;
     const E = x("topo100");
@@ -3134,12 +3138,12 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
       });
     }
     function m() {
-      const y = u.toGeoJSON();
+      const y = d.toGeoJSON();
       let k = null;
-      y?.features?.length && (k = y.features[0].geometry), s("update:modelValue", k), b.value = u.getLayers().length;
+      y?.features?.length && (k = y.features[0].geometry), s("update:modelValue", k), b.value = d.getLayers().length;
     }
     function f(y = 30) {
-      const k = u.getLayers();
+      const k = d.getLayers();
       if (!k.length) return;
       const J = L.featureGroup(k).getBounds();
       J && J.isValid() && a.fitBounds(J, { padding: [y, y] });
@@ -3169,7 +3173,7 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
       return y instanceof L.Circle ? y.getLatLng() : y.getBounds ? y.getBounds().getCenter() : y.getLatLng ? y.getLatLng() : a.getCenter();
     }
     function X() {
-      const y = u.getLayers();
+      const y = d.getLayers();
       if (!y.length) {
         S.value = null, b.value = 0;
         return;
@@ -3188,12 +3192,12 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
     }
     function we() {
       const y = S.value?.layer;
-      y && (u.removeLayer(y), m(), X());
+      y && (d.removeLayer(y), m(), X());
     }
     xe(async () => {
-      await j(), L.drawLocal = Ys, a = L.map(r.value, { zoomControl: !1 }).setView($.value, 10), L.control.zoom({ position: "bottomright" }).addTo(a), E.value = Object.keys(R)[0], C = L.tileLayer(R[E.value].url, { maxZoom: 19, minZoom: 6 }).addTo(a), u = new L.FeatureGroup().addTo(a), a.on(L.Draw.Event.CREATED, (P) => {
+      await j(), L.drawLocal = Ys, a = L.map(r.value, { zoomControl: !1 }).setView($.value, 10), L.control.zoom({ position: "bottomright" }).addTo(a), E.value = Object.keys(R)[0], C = L.tileLayer(R[E.value].url, { maxZoom: 19, minZoom: 6 }).addTo(a), d = new L.FeatureGroup().addTo(a), a.on(L.Draw.Event.CREATED, (P) => {
         const { layer: J } = P;
-        u.clearLayers(), u.addLayer(J), m(), X(), f(), U.value = "";
+        d.clearLayers(), d.addLayer(J), m(), X(), f(), U.value = "";
       }), a.on(L.Draw.Event.EDITED, () => {
         m(), X(), f();
       }), a.on(L.Draw.Event.DELETED, () => {
@@ -3208,33 +3212,33 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
       const k = en(n.modelValue);
       if (k) {
         const P = [];
-        L.geoJSON(k).eachLayer((J) => P.push(J)), P.length && u.addLayer(P[0]), m(), X(), f();
+        L.geoJSON(k).eachLayer((J) => P.push(J)), P.length && d.addLayer(P[0]), m(), X(), f();
       }
     });
     function z(y) {
       if (a) {
-        switch (c && c.disable(), y) {
+        switch (u && u.disable(), y) {
           case "marker":
-            c = new L.Draw.Marker(a);
+            u = new L.Draw.Marker(a);
             break;
           case "polyline":
-            c = new L.Draw.Polyline(a);
+            u = new L.Draw.Polyline(a);
             break;
           case "polygon":
-            c = new L.Draw.Polygon(a);
+            u = new L.Draw.Polygon(a);
             break;
           case "rectangle":
-            c = new L.Draw.Rectangle(a);
+            u = new L.Draw.Rectangle(a);
             break;
           default:
-            c = new L.Draw.Rectangle(a);
+            u = new L.Draw.Rectangle(a);
             break;
         }
-        c && (c.enable(), U.value = y);
+        u && (u.enable(), U.value = y);
       }
     }
     function M() {
-      const y = u.toGeoJSON(), k = new Blob([JSON.stringify(y, null, 2)], { type: "application/json" }), P = URL.createObjectURL(k), J = document.createElement("a");
+      const y = d.toGeoJSON(), k = new Blob([JSON.stringify(y, null, 2)], { type: "application/json" }), P = URL.createObjectURL(k), J = document.createElement("a");
       J.href = P, J.download = "data.geojson", J.click(), URL.revokeObjectURL(P);
     }
     function I(y) {
@@ -3245,8 +3249,8 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
         if (typeof P.result == "string")
           try {
             const J = JSON.parse(P.result);
-            u.clearLayers(), J && L.geoJSON({ type: "Feature", geometry: J }).eachLayer((ne) => {
-              u.addLayer(ne);
+            d.clearLayers(), J && L.geoJSON({ type: "Feature", geometry: J }).eachLayer((ne) => {
+              d.addLayer(ne);
             }), m(), X(), f();
           } finally {
             y.target.value = "";
@@ -3263,12 +3267,12 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
     te(
       () => n.modelValue,
       (y) => {
-        console.log("update map"), u.clearLayers(), y && L.geoJSON({ type: "Feature", geometry: y }).eachLayer((k) => {
-          u.addLayer(k), k.dragging?.enable(), k.dragging?.enabled(), k.on("dragend", (P) => {
+        console.log("update map"), d.clearLayers(), y && L.geoJSON({ type: "Feature", geometry: y }).eachLayer((k) => {
+          d.addLayer(k), k.dragging?.enable(), k.dragging?.enabled(), k.on("dragend", (P) => {
             const ne = P.target.getLatLng();
             s("update:modelValue", { type: "Point", coordinates: [ne.lng, ne.lat] });
           });
-        }), b.value = u.getLayers().length, X(), f();
+        }), b.value = d.getLayers().length, X(), f();
       }
     );
     function de() {
@@ -3292,7 +3296,7 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
       setTimeout(() => {
         a.invalidateSize();
       }, 50);
-    }), (y, k) => (i(), d("div", {
+    }), (y, k) => (i(), c("div", {
       class: V(["leaflet-map-wrapper relative w-full h-[400px]", { fullscreen: ke.value }])
     }, [
       l("div", {
@@ -3385,7 +3389,7 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
         }, null, 8, ["basemaps"])
       ], 2),
       l("div", ar, [
-        S.value ? (i(), d("div", sr, [
+        S.value ? (i(), c("div", sr, [
           l("div", nr, [
             k[7] || (k[7] = fe(" Тип: ", -1)),
             l("span", rr, T(S.value.type), 1)
@@ -3395,10 +3399,10 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
               k[8] || (k[8] = fe(" Центр: ", -1)),
               l("b", null, T(S.value.center.lat.toFixed(5)) + ", " + T(S.value.center.lng.toFixed(5)), 1)
             ]),
-            S.value.areaKm2 !== null ? (i(), d("div", dr, [
+            S.value.areaKm2 !== null ? (i(), c("div", dr, [
               k[9] || (k[9] = fe(" Площа: ", -1)),
               l("b", null, T(S.value.areaKm2.toFixed(1)) + "км²", 1)
-            ])) : (i(), d("div", cr, k[10] || (k[10] = [
+            ])) : (i(), c("div", cr, k[10] || (k[10] = [
               fe(" Площа: ", -1),
               l("b", null, "—", -1)
             ]))),
@@ -3417,14 +3421,14 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
               B(Te, { class: "w-3 h-3" })
             ])
           ])
-        ])) : D("", !0)
+        ])) : F("", !0)
       ])
     ], 2));
   }
 }), fr = /* @__PURE__ */ H(pr, [["__scopeId", "data-v-5a4c21a7"]]), vr = ["data-focus"], mr = { class: "flex items-center" }, hr = { class: "overflow-hidden text-ellipsis whitespace-nowrap rounded-sm text-[#333] text-[85%] px-0.5 py-[3px] pl-1.5 box-border" }, gr = ["onClick", "aria-label"], br = {
   key: 0,
   class: "absolute text-gray-500 truncate pl-2"
-}, yr = { class: "flex-1 min-w-[2px]" }, xr = ["placeholder"], wr = { class: "flex items-center shrink-0" }, kr = ["disabled"], _r = /* @__PURE__ */ F({
+}, yr = { class: "flex-1 min-w-[2px]" }, xr = ["placeholder"], wr = { class: "flex items-center shrink-0" }, kr = ["disabled"], _r = /* @__PURE__ */ D({
   __name: "vs-input-tag",
   props: /* @__PURE__ */ Z({
     unique: { type: Boolean, default: !0 },
@@ -3443,28 +3447,28 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
   setup(o, { emit: e }) {
     const t = o, n = e;
     me(t.style);
-    const s = x(null), r = x(null), a = x(null), u = x(!1), c = x(""), v = W(o, "modelValue"), p = A(() => t.placeholder || "Add tag…"), w = A(() => v.value?.length === 0 && c.value === ""), b = A(() => !t.disabled && v.value?.length > 0), $ = A(() => t.disabled), S = async () => {
+    const s = x(null), r = x(null), a = x(null), d = x(!1), u = x(""), v = W(o, "modelValue"), p = A(() => t.placeholder || "Add tag…"), w = A(() => v.value?.length === 0 && u.value === ""), b = A(() => !t.disabled && v.value?.length > 0), $ = A(() => t.disabled), S = async () => {
       $.value || await ze(() => a.value?.focus());
     }, R = (U) => {
       const O = U.trim();
-      O !== "" && (!v.value || !Array.isArray(v.value) ? v.value = [O] : t.unique ? v.value.includes(O) || (v.value = [...v.value, O]) : v.value = [...v.value, O], c.value = "");
+      O !== "" && (!v.value || !Array.isArray(v.value) ? v.value = [O] : t.unique ? v.value.includes(O) || (v.value = [...v.value, O]) : v.value = [...v.value, O], u.value = "");
     }, C = () => {
-      const U = c.value;
-      U.trim() !== "" && R(U), c.value = "";
+      const U = u.value;
+      U.trim() !== "" && R(U), u.value = "";
     }, E = (U) => {
       const O = v.value.slice();
       O.splice(U, 1), n("update:modelValue", O);
     }, j = () => {
       n("update:modelValue", []);
     }, m = () => {
-      $.value || (u.value = !0);
+      $.value || (d.value = !0);
     }, f = () => {
-      u.value = !1;
+      d.value = !1;
     }, Q = (U) => {
       const { key: O } = U;
-      O === "Enter" ? (U.preventDefault(), C()) : O === "Backspace" && c.value === "" && v.value.length > 0 && E(v.value.length - 1);
+      O === "Enter" ? (U.preventDefault(), C()) : O === "Backspace" && u.value === "" && v.value.length > 0 && E(v.value.length - 1);
     };
-    return (U, O) => (i(), d("div", {
+    return (U, O) => (i(), c("div", {
       class: "flex gap-1 w-full",
       ref_key: "root",
       ref: s,
@@ -3480,10 +3484,10 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
           class: V([
             "flex min-h-[38px] items-center justify-between rounded border transition-colors bg-white",
             "border-gray-300 hover:border-gray-400",
-            u.value ? "border-blue-500 ring-1 ring-blue-500" : "",
+            d.value ? "border-blue-500 ring-1 ring-blue-500" : "",
             $.value ? "bg-gray-100 text-gray-400 cursor-not-allowed hover:border-gray-300" : ""
           ]),
-          "data-focus": u.value ? "true" : "false",
+          "data-focus": d.value ? "true" : "false",
           onClick: S
         }, [
           l("div", {
@@ -3491,7 +3495,7 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
             ref_key: "chipsRef",
             ref: r
           }, [
-            (i(!0), d(Y, null, le(v.value, (ue, ee) => (i(), d("div", {
+            (i(!0), c(Y, null, le(v.value, (ue, ee) => (i(), c("div", {
               key: ee,
               class: "flex min-w-0 bg-[#e6e6e6] rounded-sm m-0.5 box-border"
             }, [
@@ -3516,9 +3520,9 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
                 ], -1)
               ]), 8, gr)
             ]))), 128)),
-            w.value ? (i(), d("div", br, T(p.value), 1)) : D("", !0),
+            w.value ? (i(), c("div", br, T(p.value), 1)) : F("", !0),
             l("div", yr, [
-              $.value ? D("", !0) : K((i(), d("input", {
+              $.value ? F("", !0) : K((i(), c("input", {
                 key: 0,
                 ref_key: "inputRef",
                 ref: a,
@@ -3530,18 +3534,18 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
                 type: "text",
                 tabindex: "0",
                 "aria-label": "Add tag",
-                "onUpdate:modelValue": O[0] || (O[0] = (ue) => c.value = ue),
+                "onUpdate:modelValue": O[0] || (O[0] = (ue) => u.value = ue),
                 onFocus: m,
                 onBlur: f,
                 onKeydown: Q,
                 placeholder: v.value && v.value.length ? "" : void 0
               }, null, 40, xr)), [
-                [se, c.value]
+                [se, u.value]
               ])
             ])
           ], 512),
           l("div", wr, [
-            b.value ? (i(), d("button", {
+            b.value ? (i(), c("button", {
               key: 0,
               type: "button",
               class: "px-2 text-gray-400 hover:text-gray-500 transition-colors disabled:opacity-50",
@@ -3557,13 +3561,13 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
               }, [
                 l("path", { d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z" })
               ], -1)
-            ]), 8, kr)) : D("", !0)
+            ]), 8, kr)) : F("", !0)
           ])
         ], 10, vr)
       ], 2)
     ], 512));
   }
-}), $r = { class: "relative flex gap-1 bg-white w-full" }, Cr = ["disabled", "placeholder"], Vr = /* @__PURE__ */ F({
+}), $r = { class: "relative flex gap-1 bg-white w-full" }, Cr = ["disabled", "placeholder"], Vr = /* @__PURE__ */ D({
   __name: "vs-input-slug",
   props: /* @__PURE__ */ Z({
     disabled: { type: Boolean },
@@ -3577,7 +3581,7 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
   setup(o) {
     const e = Me("values"), t = o, n = W(o, "modelValue");
     function s(a) {
-      const u = {
+      const d = {
         а: "a",
         б: "b",
         в: "v",
@@ -3616,18 +3620,18 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
         ї: "yi",
         ґ: "g"
       };
-      return a.toLowerCase().split("").map((c) => u[c] || c).join("").replace(/[^a-z0-9\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-+|-+$/g, "");
+      return a.toLowerCase().split("").map((u) => d[u] || u).join("").replace(/[^a-z0-9\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-+|-+$/g, "");
     }
     const r = () => {
-      const a = e?.value?.[t.parent || ""]?.toString(), u = s(a);
-      n.value = u.toString();
+      const a = e?.value?.[t.parent || ""]?.toString(), d = s(a);
+      n.value = d.toString();
     };
-    return (a, u) => (i(), d("div", $r, [
+    return (a, d) => (i(), c("div", $r, [
       K(l("input", {
         ref: "vsText",
         disabled: a.disabled,
         placeholder: a.placeholder,
-        "onUpdate:modelValue": u[0] || (u[0] = (c) => n.value = c),
+        "onUpdate:modelValue": d[0] || (d[0] = (u) => n.value = u),
         class: "block w-full px-3 py-2 text-sm border border-solid rounded-lg placeholder:text-nowrap border-stone-200 text-stone-800 placeholder:text-stone-400 focus:outline focus:z-10 focus:border-blue-500 focus:ring-blue-500 focus:outline-blue-500"
       }, null, 8, Cr), [
         [se, n.value]
@@ -3644,7 +3648,7 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
 }, Br = ["onDragstart", "onDrop"], jr = { class: "w-1/3" }, Ir = { class: "w-2/3" }, zr = ["onClick"], Er = {
   key: 0,
   class: "text-[14px] text-gray-700"
-}, Fr = { class: "mt-2 w-full flex items-center" }, Dr = ["disabled"], Or = /* @__PURE__ */ F({
+}, Dr = { class: "mt-2 w-full flex items-center" }, Fr = ["disabled"], Or = /* @__PURE__ */ D({
   __name: "vs-input-key-value",
   props: {
     parent: {},
@@ -3654,10 +3658,10 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = (C) => `${C}-${Math.random().toString(36).substring(2, 15)}`, n = Me("values"), s = o, r = e, a = s.addButtonText ?? "Додати", u = s.ignore ?? [], c = x([]), v = x(null);
+    const t = (C) => `${C}-${Math.random().toString(36).substring(2, 15)}`, n = Me("values"), s = o, r = e, a = s.addButtonText ?? "Додати", d = s.ignore ?? [], u = x([]), v = x(null);
     (() => {
       const C = s.parent && n?.value?.[s.parent] || s.modelValue || {};
-      c.value = Object.entries(C).filter(([E]) => !u.includes(E)).map(([E, j]) => ({
+      u.value = Object.entries(C).filter(([E]) => !d.includes(E)).map(([E, j]) => ({
         id: t("key-value-"),
         key: E,
         value: j
@@ -3668,25 +3672,25 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
     }
     function b(C) {
       if (v.value === null || v.value === C) return;
-      const E = c.value.splice(v.value, 1)[0];
-      c.value.splice(C, 0, E), v.value = null;
+      const E = u.value.splice(v.value, 1)[0];
+      u.value.splice(C, 0, E), v.value = null;
     }
     const $ = A(
-      () => c.value.some((C) => C.key && !C.value || !C.key && C.value)
+      () => u.value.some((C) => C.key && !C.value || !C.key && C.value)
     ), S = () => {
-      c.value.push({ id: t("key-value-"), key: "", value: "" });
+      u.value.push({ id: t("key-value-"), key: "", value: "" });
     }, R = (C) => {
-      c.value = c.value.filter((E) => E.id !== C);
+      u.value = u.value.filter((E) => E.id !== C);
     };
     return te(
-      c,
+      u,
       (C) => {
         const E = {};
         C.forEach((m) => {
           m.key && m.value !== void 0 && (E[m.key] = m.value);
         });
         const j = {};
-        u.length && u.forEach((m) => {
+        d.length && d.forEach((m) => {
           j[m] = s.parent ? n?.value?.[s.parent]?.[m] : void 0;
         }), n?.value && s.parent && (n.value[s.parent] = {
           ...j,
@@ -3694,9 +3698,9 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
         }), r("update:modelValue", E);
       },
       { deep: !0 }
-    ), (C, E) => (i(), d("div", Lr, [
+    ), (C, E) => (i(), c("div", Lr, [
       l("div", Sr, [
-        (i(!0), d(Y, null, le(c.value, (j, m) => (i(), d("div", {
+        (i(!0), c(Y, null, le(u.value, (j, m) => (i(), c("div", {
           key: j.id,
           class: V(["flex items-center gap-2 w-full", { "opacity-50": v.value === m }]),
           draggable: "true",
@@ -3731,24 +3735,24 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
           ], 8, zr)
         ], 42, Br))), 128))
       ], 512),
-      c.value.length ? D("", !0) : (i(), d("span", Er, " Дані для відображення відсутні ")),
-      l("div", Fr, [
+      u.value.length ? F("", !0) : (i(), c("span", Er, " Дані для відображення відсутні ")),
+      l("div", Dr, [
         l("button", {
           type: "button",
           onClick: S,
           disabled: $.value,
           class: "py-1.5 px-2 flex items-center gap-x-1 text-xs font-medium rounded-full border border-dashed border-gray-200 bg-white text-gray-800 hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed"
         }, [
-          B(Fe, {
+          B(De, {
             height: "14",
             width: "14"
           }),
           fe(" " + T(q(a)), 1)
-        ], 8, Dr)
+        ], 8, Fr)
       ])
     ]));
   }
-}), Ar = /* @__PURE__ */ H(Or, [["__scopeId", "data-v-a0f7fbfc"]]), Ur = { class: "flex items-center gap-2 w-full" }, Tr = ["disabled"], Rr = /* @__PURE__ */ F({
+}), Ar = /* @__PURE__ */ H(Or, [["__scopeId", "data-v-a0f7fbfc"]]), Ur = { class: "flex items-center gap-2 w-full" }, Tr = ["disabled"], Rr = /* @__PURE__ */ D({
   __name: "vs-input-color",
   props: {
     style: { default: () => ({}) },
@@ -3765,10 +3769,10 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
       get: () => t.modelValue || "#000000",
       set: (a) => s("update:modelValue", a)
     });
-    return (a, u) => (i(), d("div", Ur, [
+    return (a, d) => (i(), c("div", Ur, [
       K(l("input", {
         type: "color",
-        "onUpdate:modelValue": u[0] || (u[0] = (c) => r.value = c),
+        "onUpdate:modelValue": d[0] || (d[0] = (u) => r.value = u),
         disabled: a.disabled,
         ref: "color",
         class: V(["py-1.5 px-1 block w-full bg-white cursor-pointer max-w-[50px]", [a.modelValue ? "" : "text-opacity-50", q(n)].join(" ")]),
@@ -3778,13 +3782,13 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
       ]),
       K(l("input", {
         class: "text-sm text-gray-600 border border-solid border-stone-200 rounded-md p-2",
-        "onUpdate:modelValue": u[1] || (u[1] = (c) => r.value = c)
+        "onUpdate:modelValue": d[1] || (d[1] = (u) => r.value = u)
       }, null, 512), [
         [se, r.value]
       ])
     ]));
   }
-}), Pr = { class: "flex items-center gap-2 w-full" }, Hr = ["min", "max", "step", "disabled"], Nr = /* @__PURE__ */ F({
+}), Pr = { class: "flex items-center gap-2 w-full" }, Hr = ["min", "max", "step", "disabled"], Nr = /* @__PURE__ */ D({
   __name: "vs-input-range",
   props: {
     style: { default: () => ({}) },
@@ -3804,10 +3808,10 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
       get: () => Number(t.modelValue ?? t.min),
       set: (a) => s("update:modelValue", Number(a))
     });
-    return (a, u) => (i(), d("div", Pr, [
+    return (a, d) => (i(), c("div", Pr, [
       K(l("input", {
         type: "range",
-        "onUpdate:modelValue": u[0] || (u[0] = (c) => r.value = c),
+        "onUpdate:modelValue": d[0] || (d[0] = (u) => r.value = u),
         min: a.min,
         max: a.max,
         step: a.step,
@@ -3820,7 +3824,7 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
       K(l("input", {
         class: "text-sm text-gray-600 border border-solid border-stone-200 rounded-md p-2 max-w-[100px]",
         type: "number",
-        "onUpdate:modelValue": u[1] || (u[1] = (c) => r.value = c)
+        "onUpdate:modelValue": d[1] || (d[1] = (u) => r.value = u)
       }, null, 512), [
         [se, r.value]
       ])
@@ -3843,7 +3847,7 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
   "vs-input-checkbox": ql,
   "vs-input-file": zo,
   "vs-input-html": nt,
-  "vs-input-email": Dl,
+  "vs-input-email": Fl,
   "vs-input-datatable": Xs,
   "vs-input-map": fr,
   "vs-input-file-list": ua,
@@ -3852,7 +3856,7 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
   "vs-input-key-value": Ar,
   "vs-input-range": Nr,
   "vs-input-color": Rr
-}, Gr = /* @__PURE__ */ F({
+}, Gr = /* @__PURE__ */ D({
   __name: "behavior",
   props: {
     api: {},
@@ -3873,18 +3877,18 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
         }
         const a = await r.json();
         if (!e.set || !t) return;
-        for (const [u, c] of Object.entries(e.set))
-          t.value[u] = a.result[c];
+        for (const [d, u] of Object.entries(e.set))
+          t.value[d] = a.result[u];
       } catch (s) {
         console.error(e.error, s);
       }
     }
-    return (s, r) => (i(), d("button", {
+    return (s, r) => (i(), c("button", {
       onClick: n,
       class: "vs-button relative inline-flex border-solid justify-center items-center gap-2 rounded-md font-semibold focus:outline-none text-sm transition-all border !border-gray-200 hover:text-white bg-white text-blue-500 hover:border-blue-500 hover:bg-blue-500 focus:ring-blue-500 py-1.5 px-5 focus:ring-1 focus:ring-offset-1 ml-0 md:ml-2 mt-2 md:mt-0 py-[8px] md:w-2/4 whitespace-nowrap w-full"
     }, T(s.button), 1));
   }
-}), wt = /* @__PURE__ */ F({
+}), wt = /* @__PURE__ */ D({
   __name: "vs-compact-form-layout",
   props: /* @__PURE__ */ Z({
     item: { default: {} },
@@ -3899,20 +3903,20 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, t = W(o, "modelValue"), n = A(() => Kt[`${e.layout}`]), s = A(() => qr?.[`vs-input-${e.item.type}`]), r = A(() => {
-      const u = q(s);
+      const d = q(s);
+      if (!d) return /* @__PURE__ */ new Set();
+      const u = d.props ?? d.__vccOpts?.props;
       if (!u) return /* @__PURE__ */ new Set();
-      const c = u.props ?? u.__vccOpts?.props;
-      if (!c) return /* @__PURE__ */ new Set();
-      const v = Array.isArray(c) ? c : Object.keys(c);
+      const v = Array.isArray(u) ? u : Object.keys(u);
       return new Set(v);
     }), a = A(() => {
-      const u = e.item ?? {}, c = r.value;
-      return c.size ? Object.fromEntries(Object.entries(u).filter(([v]) => c.has(v))) : {};
+      const d = e.item ?? {}, u = r.value;
+      return u.size ? Object.fromEntries(Object.entries(d).filter(([v]) => u.has(v))) : {};
     });
-    return (u, c) => (i(), ae(Be(n.value), {
+    return (d, u) => (i(), ae(Be(n.value), {
       ua: e.item.ua,
       error: e.error || "",
-      item: u.item,
+      item: d.item,
       label: e.item.label
     }, {
       default: Le(() => [
@@ -3921,9 +3925,9 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
         }, [
           (i(), ae(Be(s.value), Ee(a.value, {
             modelValue: t.value,
-            "onUpdate:modelValue": c[0] || (c[0] = (v) => t.value = v)
+            "onUpdate:modelValue": u[0] || (u[0] = (v) => t.value = v)
           }), null, 16, ["modelValue"])),
-          u.item.behavior?.api && u.item.behavior?.button ? (i(), ae(Gr, Ee({ key: 0 }, u.item.behavior, { value: t.value }), null, 16, ["value"])) : D("", !0)
+          d.item.behavior?.api && d.item.behavior?.button ? (i(), ae(Gr, Ee({ key: 0 }, d.item.behavior, { value: t.value }), null, 16, ["value"])) : F("", !0)
         ], 2)
       ]),
       _: 1
@@ -3981,18 +3985,18 @@ function Yr(o) {
       label: t[1].label || t[1].ua,
       rules: t[1].rules || t[1].validators
     };
-    t[1].type.includes("list") && (n.multiple = !0), t[1].data && (n.api = `/api/suggest/${t[1].data}`), e.push(n);
+    t[1].type.includes("list") && (n.multiple = !0), !n.api && t[1].data && (n.api = `/api/suggest/${t[1].data}`), e.push(n);
   }), e;
 }
 function ei(o, e) {
   const t = Yr(e), n = x({});
-  function s(c) {
-    const v = c?.conditions;
+  function s(u) {
+    const v = u?.conditions;
     if (!v) return !0;
     const p = Array.isArray(v) ? v[0] : v, w = o?.value?.[p];
     return xt(w, v);
   }
-  const r = (c = t, v = !0) => (c.forEach((p) => {
+  const r = (u = t, v = !0) => (u.forEach((p) => {
     if (p.rules) {
       if (!s(p)) {
         delete n.value[p.name];
@@ -4004,7 +4008,7 @@ function ei(o, e) {
       });
     }
     p.schema && r(p.schema, !1);
-  }), v && Object.values(n.value).some(Boolean) ? n.value : null), a = A(() => t?.filter((c) => s(c)));
+  }), v && Object.values(n.value).some(Boolean) ? n.value : null), a = A(() => t?.filter((u) => s(u)));
   return {
     errors: n,
     validate: r,
@@ -4014,7 +4018,7 @@ function ei(o, e) {
     visibleSchema: a
   };
 }
-const De = /* @__PURE__ */ F({
+const Fe = /* @__PURE__ */ D({
   __name: "vs-compact-form",
   props: /* @__PURE__ */ Z({
     schema: { default: () => [] },
@@ -4031,19 +4035,19 @@ const De = /* @__PURE__ */ F({
   emits: /* @__PURE__ */ Z(["handle-submit", "update:modelValue"], ["update:form", "update:values"]),
   setup(o, { expose: e, emit: t }) {
     const n = t, s = o, r = W(o, "form"), a = W(o, "values"), {
-      errors: u,
-      validate: c,
+      errors: d,
+      validate: u,
       reset: v,
       visibleSchema: p
     } = ei(a, s.schema), w = () => {
-      n("update:modelValue", a.value), c(), n("handle-submit", a.value);
+      n("update:modelValue", a.value), u(), n("handle-submit", a.value);
     };
     e({
-      validate: c,
+      validate: u,
       reset: v,
-      errors: u
+      errors: d
     }), xe(() => {
-      s.modelValue && (a.value = s.modelValue), r.value.value = a.value, r.value.errors = u.value, r.value.reset = v, r.value.validate = c, r.value.formId = s.formId;
+      s.modelValue && (a.value = s.modelValue), r.value.value = a.value, r.value.errors = d.value, r.value.reset = v, r.value.validate = u, r.value.formId = s.formId;
     });
     function b($, S) {
       if ($ === S) return !0;
@@ -4051,11 +4055,11 @@ const De = /* @__PURE__ */ F({
       const R = Object.keys($), C = Object.keys(S);
       return R.length !== C.length ? !1 : R.every((E) => $[E] === S[E]);
     }
-    return st("form", r), st("values", a), ($, S) => (i(), d("form", {
+    return st("form", r), st("values", a), ($, S) => (i(), c("form", {
       onSubmit: ve(w, ["prevent"]),
       class: V(["grid grid-cols-12", $.layout === "default" ? "gap-6" : "gap-4"])
     }, [
-      (i(!0), d(Y, null, le(q(p), (R) => (i(), ae(wt, {
+      (i(!0), c(Y, null, le(q(p), (R) => (i(), ae(wt, {
         key: R.name,
         class: V($.layout === "horizontal" ? "col-span-12" : `col-span-${R.col || 12} `),
         style: ye($.style),
@@ -4066,11 +4070,11 @@ const De = /* @__PURE__ */ F({
           const E = a.value[R.name];
           b(E, C) || (a.value[R.name] = C);
         },
-        error: q(u)[R.name]
+        error: q(d)[R.name]
       }, null, 8, ["class", "style", "item", "layout", "model-value", "onUpdate:modelValue", "error"]))), 128))
     ], 34));
   }
-}), ti = { class: "relative" }, li = { class: "w-full h-full fixed top-0 start-0 z-[1000] bg-black bg-opacity-50" }, oi = { class: "m-[10px] fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 min-h-0 h-fit max-h-[80vh] overflow-hidden opacity-1 flex flex-col bg-white dark:bg-[#1A1A1A] border dark:border-[#454545] pointer-events-auto shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-xl lg:w-7/12 w-11/12" }, ai = { class: "py-2.5 px-4 flex justify-between items-center border-0 border-b border-solid border-gray-200 dark:border-b-[#454545]" }, si = { class: "font-medium text-gray-800 dark:text-[#ffffff]" }, ni = { class: "p-4 mim-h-0 h-full overflow-auto" }, ri = /* @__PURE__ */ F({
+}), ti = { class: "relative" }, li = { class: "w-full h-full fixed top-0 start-0 z-[1000] bg-black bg-opacity-50" }, oi = { class: "m-[10px] fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 min-h-0 h-fit max-h-[80vh] overflow-hidden opacity-1 flex flex-col bg-white dark:bg-[#1A1A1A] border dark:border-[#454545] pointer-events-auto shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-xl lg:w-7/12 w-11/12" }, ai = { class: "py-2.5 px-4 flex justify-between items-center border-0 border-b border-solid border-gray-200 dark:border-b-[#454545]" }, si = { class: "font-medium text-gray-800 dark:text-[#ffffff]" }, ni = { class: "p-4 mim-h-0 h-full overflow-auto" }, ri = /* @__PURE__ */ D({
   __name: "modal-edit",
   props: {
     schema: {},
@@ -4081,7 +4085,7 @@ const De = /* @__PURE__ */ F({
   },
   emits: ["close", "save", "edit"],
   setup(o, { emit: e }) {
-    const t = o, n = e, s = x(t.schema), r = x(t.defaultValue ? JSON.parse(JSON.stringify(t.defaultValue)) : {}), a = x({}), u = x(), c = x(t.mode);
+    const t = o, n = e, s = x(t.schema), r = x(t.defaultValue ? JSON.parse(JSON.stringify(t.defaultValue)) : {}), a = x({}), d = x(), u = x(t.mode);
     async function v() {
       const w = a.value.validate();
       if (w) {
@@ -4089,10 +4093,10 @@ const De = /* @__PURE__ */ F({
 `) });
         return;
       }
-      if (u.value)
+      if (d.value)
         try {
-          const b = await fetch(`/api/table/${u.value}`, {
-            method: c.value === "add" ? "POST" : "PUT",
+          const b = await fetch(`/api/table/${d.value}`, {
+            method: u.value === "add" ? "POST" : "PUT",
             headers: {
               "Content-Type": "application/json"
             },
@@ -4102,7 +4106,7 @@ const De = /* @__PURE__ */ F({
             await b.json(), be({
               type: "success",
               title: "Успішно",
-              message: `Дані успішно ${c.value === "add" ? "збережено" : "оновлено"}`
+              message: `Дані успішно ${u.value === "add" ? "збережено" : "оновлено"}`
             }), n("save", r.value);
           else if (b.status === 400) {
             const $ = await b.json().catch(() => ({}));
@@ -4134,17 +4138,17 @@ const De = /* @__PURE__ */ F({
     return xe(async () => {
       if (t.form) {
         const w = await fetch(`/api/template/form/${t.form}`).then((b) => b.json());
-        s.value = w.schema, u.value = w.token;
+        s.value = w.schema, d.value = w.token;
       } else if (t.token) {
-        u.value = t.token;
-        const w = await fetch(`/api/form/${u.value}`).then((b) => b.json());
-        s.value = w.schema, w.data ? r.value = w.data : c.value = "add";
+        d.value = t.token;
+        const w = await fetch(`/api/form/${d.value}`).then((b) => b.json());
+        s.value = w.schema, w.data ? r.value = w.data : u.value = "add";
       }
-    }), (w, b) => (i(), d("div", ti, [
+    }), (w, b) => (i(), c("div", ti, [
       l("div", li, [
         l("div", oi, [
           l("div", ai, [
-            l("h3", si, T(c.value === "add" ? "Додати" : "Змінити"), 1),
+            l("h3", si, T(u.value === "add" ? "Додати" : "Змінити"), 1),
             l("button", {
               onClick: p,
               type: "button",
@@ -4169,14 +4173,14 @@ const De = /* @__PURE__ */ F({
             ]))
           ]),
           l("div", ni, [
-            s.value ? (i(), ae(De, {
+            s.value ? (i(), ae(Fe, {
               key: 0,
               schema: s.value,
               values: r.value,
               "onUpdate:values": b[0] || (b[0] = ($) => r.value = $),
               form: a.value,
               "onUpdate:form": b[1] || (b[1] = ($) => a.value = $)
-            }, null, 8, ["schema", "values", "form"])) : D("", !0)
+            }, null, 8, ["schema", "values", "form"])) : F("", !0)
           ]),
           l("div", { class: "vs-form__head mr-5 mb-5 mt-3 flex items-center justify-end sticky top-0 left-0 z-[60] bg-white" }, [
             l("button", {
@@ -4213,19 +4217,19 @@ const De = /* @__PURE__ */ F({
     }
   });
 });
-De.install = function(e) {
-  e.component("VForm", De), Object.assign(e.config.globalProperties, {
+Fe.install = function(e) {
+  e.component("VForm", Fe), Object.assign(e.config.globalProperties, {
     $form: pt
   }), e.provide("form", pt), window.v3plugin || (window.v3plugin = {});
 };
 export {
   ri as ModalEdit,
-  De as VForm,
+  Fe as VForm,
   ql as VsInputCheckbox,
   Rr as VsInputColor,
   Ea as VsInputContainer,
   Jl as VsInputDate,
-  Dl as VsInputEmail,
+  Fl as VsInputEmail,
   zo as VsInputFile,
   ua as VsInputFileList,
   Ar as VsInputKeyValue,
@@ -4240,7 +4244,7 @@ export {
   _r as VsInputTag,
   Ue as VsInputText,
   Qa as VsInputTextarea,
-  De as default,
+  Fe as default,
   qr as inputs,
   Xs as vsInputDatatable,
   fr as vsInputMap