npm - @opengis/form - Versions diffs - 0.0.40 → 0.0.41 - Mend

@opengis/form 0.0.40 → 0.0.41

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/vs-input-select.vue.d.ts.map +1 -1
package/dist/components/layouts/index.d.ts +5 -1
package/dist/components/layouts/index.d.ts.map +1 -1
package/dist/components/layouts/vs-compact-form-layout.vue.d.ts.map +1 -1
package/dist/components/layouts/vs-layout-default.vue.d.ts +5 -1
package/dist/components/layouts/vs-layout-default.vue.d.ts.map +1 -1
package/dist/index.js +1004 -998
package/dist/index.umd.cjs +3 -3
package/package.json +67 -67

package/dist/index.js CHANGED Viewed

@@ -1,15 +1,15 @@
-import { defineComponent as O, ref as w, onMounted as be, onUnmounted as qe, createElementBlock as d, openBlock as i, normalizeClass as V, createCommentVNode as F, renderSlot as Ce, createElementVNode as l, toDisplayString as P, normalizeProps as Ge, guardReactiveProps as Je, createTextVNode as ve, computed as D, mergeModels as Q, useModel as X, withDirectives as K, unref as J, vModelText as ie, vModelCheckbox as ht, createVNode as I, createBlock as ne, resolveDynamicComponent as Ee, normalizeStyle as we, withCtx as Be, withModifiers as ge, onBeforeUnmount as Ft, watch as le, createStaticVNode as ce, vModelRadio as gt, Fragment as ee, renderList as ae, mergeProps as Oe, reactive as At, vModelDynamic as Dt, vShow as We, inject as Se, resolveComponent as rt, Transition as bt, Teleport as yt, nextTick as Ae, getCurrentInstance as Ot, toRef as Ut, provide as nt } from "vue";
-import { notify as re, VsModal as xt, modal as Tt } from "@opengis/core";
-const Rt = {
+import { defineComponent as O, ref as w, onMounted as be, onUnmounted as qe, createElementBlock as d, openBlock as i, createCommentVNode as F, renderSlot as Ce, createElementVNode as l, toDisplayString as P, mergeProps as Ie, createTextVNode as ve, normalizeProps as Ze, guardReactiveProps as Ye, computed as D, normalizeClass as B, mergeModels as Q, useModel as X, withDirectives as K, unref as J, vModelText as ie, vModelCheckbox as ht, createVNode as I, createBlock as re, resolveDynamicComponent as Ee, normalizeStyle as we, withCtx as Be, withModifiers as ge, onBeforeUnmount as Ft, watch as le, createStaticVNode as pe, vModelRadio as gt, Fragment as ee, renderList as ae, reactive as At, vModelDynamic as Dt, vShow as Ge, inject as Se, resolveComponent as nt, Transition as bt, Teleport as yt, nextTick as De, getCurrentInstance as Ot, toRef as Ut, provide as rt } from "vue";
+import { notify as ne, VsModal as xt, modal as Tt } from "@opengis/core";
+const Rt = { class: "w-full relative" }, Pt = {
   key: 0,
   class: "text-[14px] font-medium text-gray-900 mb-2"
-}, Pt = { class: "opacity-100" }, Ht = {
+}, Ht = { class: "opacity-100" }, Nt = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, Nt = {
+}, qt = {
   key: 1,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, qt = /* @__PURE__ */ O({
+}, Gt = /* @__PURE__ */ O({
   __name: "vs-layout-default",
   props: {
     ua: { default: "" },
@@ -23,34 +23,34 @@ const Rt = {
     label: { default: "" }
   },
   setup(o) {
-    const e = w("uk"), t = (n) => {
-      n.detail.key === "locale" && (e.value = n.detail.newValue);
+    const e = w("uk"), t = (r) => {
+      r.detail.key === "locale" && (e.value = r.detail.newValue);
     };
     return be(() => {
       e.value = localStorage.locale, window.addEventListener("storage", t);
     }), qe(() => {
       window.removeEventListener("resize", t);
-    }), (n, a) => (i(), d("div", {
-      class: V(["w-full relative", { "opacity-60": n.item.disabled }])
-    }, [
-      n.ua || n.label ? (i(), d("div", Rt, [
-        l("span", Pt, P(n.item[e.value] || n.ua || n.label), 1),
-        n.item?.rules?.includes("required") ? (i(), d("span", Ht, "*")) : F("", !0)
+    }), (r, a) => (i(), d("div", Rt, [
+      r.ua || r.label ? (i(), d("div", Pt, [
+        l("span", Ht, P(r.item[e.value] || r.ua || r.label), 1),
+        r.item?.rules?.includes("required") ? (i(), d("span", Nt, "*")) : F("", !0)
       ])) : F("", !0),
-      Ce(n.$slots, "default", Ge(Je(n.$attrs))),
-      n.error ? (i(), d("span", Nt, P(n.error), 1)) : F("", !0)
-    ], 2));
+      Ce(r.$slots, "default", Ie(r.$attrs, {
+        class: { "opacity-60": r.item.disabled }
+      })),
+      r.error ? (i(), d("span", qt, P(r.error), 1)) : F("", !0)
+    ]));
   }
-}), Gt = { class: "w-full relative flex flex-row items-center gap-2" }, Jt = {
+}), Jt = { class: "w-full relative flex flex-row items-center gap-2" }, Wt = {
   key: 0,
   class: "text-sm text-gray-900 font-medium flex shrink-0 w-3/12 max-w-[250px]"
-}, Wt = {
+}, Kt = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, Kt = {
+}, Zt = {
   key: 1,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, Zt = /* @__PURE__ */ O({
+}, Yt = /* @__PURE__ */ O({
   __name: "vs-layout-horizontal",
   props: {
     ua: { default: "" },
@@ -64,19 +64,19 @@ const Rt = {
     label: { default: "" }
   },
   setup(o) {
-    return (e, t) => (i(), d("div", Gt, [
-      e.item?.type !== "html" ? (i(), d("span", Jt, [
+    return (e, t) => (i(), d("div", Jt, [
+      e.item?.type !== "html" ? (i(), d("span", Wt, [
         ve(P(e.ua || e.label) + " ", 1),
-        e.item?.rules?.includes("required") && (e.ua || e.label) ? (i(), d("span", Wt, "*")) : F("", !0)
+        e.item?.rules?.includes("required") && (e.ua || e.label) ? (i(), d("span", Kt, "*")) : F("", !0)
       ])) : F("", !0),
-      Ce(e.$slots, "default", Ge(Je(e.$attrs))),
-      e.error ? (i(), d("span", Kt, P(e.error), 1)) : F("", !0)
+      Ce(e.$slots, "default", Ze(Ye(e.$attrs))),
+      e.error ? (i(), d("span", Zt, P(e.error), 1)) : F("", !0)
     ]));
   }
-}), Yt = { class: "w-full relative" }, Qt = {
+}), Qt = { class: "w-full relative" }, Xt = {
   key: 0,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, Xt = /* @__PURE__ */ O({
+}, el = /* @__PURE__ */ O({
   __name: "vs-layout-inline",
   props: {
     ua: { default: "" },
@@ -90,24 +90,24 @@ const Rt = {
     label: { default: "" }
   },
   setup(o) {
-    return (e, t) => (i(), d("div", Yt, [
-      Ce(e.$slots, "default", Ge(Je(e.$attrs))),
-      e.error ? (i(), d("span", Qt, P(e.error), 1)) : F("", !0)
+    return (e, t) => (i(), d("div", Qt, [
+      Ce(e.$slots, "default", Ze(Ye(e.$attrs))),
+      e.error ? (i(), d("span", Xt, P(e.error), 1)) : F("", !0)
     ]));
   }
-}), el = { class: "flex-1 min-w-0" }, tl = {
+}), tl = { class: "flex-1 min-w-0" }, ll = {
   key: 0,
   class: "text-sm font-medium text-slate-700 dark:text-slate-200 flex items-center gap-1"
-}, ll = { class: "truncate" }, ol = {
+}, ol = { class: "truncate" }, al = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, al = {
+}, sl = {
   key: 1,
   class: "text-xs text-slate-500 dark:text-slate-400"
-}, sl = { class: "w-full md:w-auto" }, rl = {
+}, nl = { class: "w-full md:w-auto" }, rl = {
   key: 0,
   class: "mt-1 text-xs text-red-500"
-}, nl = /* @__PURE__ */ O({
+}, il = /* @__PURE__ */ O({
   __name: "vs-layout-settings",
   props: {
     ua: { default: "" },
@@ -123,7 +123,7 @@ const Rt = {
   setup(o) {
     const e = o, t = w("uk");
     D(() => (e.item ?? {})?.[t.value] ?? e.ua ?? e.label ?? "");
-    const n = D(() => e.item?.description ?? ""), a = D(() => Array.isArray(e.item?.rules) && e.item.rules.includes("required")), r = D(() => (typeof e.error == "string" ? e.error : "") ?? ""), s = (u) => {
+    const r = D(() => e.item?.description ?? ""), a = D(() => Array.isArray(e.item?.rules) && e.item.rules.includes("required")), n = D(() => (typeof e.error == "string" ? e.error : "") ?? ""), s = (u) => {
       u.key === "locale" && (t.value = u.newValue ?? "uk");
     };
     return be(() => {
@@ -135,30 +135,30 @@ const Rt = {
     }), qe(() => {
       window.removeEventListener("storage", s);
     }), (u, c) => (i(), d("div", {
-      class: V(["w-full relative", { "opacity-60": u.item?.disabled }])
+      class: B(["w-full relative", { "opacity-60": u.item?.disabled }])
     }, [
       l("div", {
-        class: V(["gap-2 md:flex-row md:items-center md:justify-between", [["switcher", "native-select"].includes(u.item.type) ? "flex flex-col" : ""]])
+        class: B(["gap-2 md:flex-row md:items-center md:justify-between", [["switcher", "native-select"].includes(u.item.type) ? "flex flex-col" : ""]])
       }, [
-        l("div", el, [
-          u.ua || u.label ? (i(), d("p", tl, [
-            l("span", ll, P(u.item[t.value] || u.ua || u.label), 1),
-            a.value ? (i(), d("span", ol, "*")) : F("", !0)
+        l("div", tl, [
+          u.ua || u.label ? (i(), d("p", ll, [
+            l("span", ol, P(u.item[t.value] || u.ua || u.label), 1),
+            a.value ? (i(), d("span", al, "*")) : F("", !0)
           ])) : F("", !0),
-          n.value ? (i(), d("p", al, P(n.value), 1)) : F("", !0)
+          r.value ? (i(), d("p", sl, P(r.value), 1)) : F("", !0)
         ]),
-        l("div", sl, [
-          Ce(u.$slots, "default", Ge(Je(u.$attrs)))
+        l("div", nl, [
+          Ce(u.$slots, "default", Ze(Ye(u.$attrs)))
         ])
       ], 2),
-      r.value ? (i(), d("p", rl, P(r.value), 1)) : F("", !0)
+      n.value ? (i(), d("p", rl, P(n.value), 1)) : F("", !0)
     ], 2));
   }
-}), il = {
-  default: qt,
-  horizontal: Zt,
-  inline: Xt,
-  settings: nl
+}), ul = {
+  default: Gt,
+  horizontal: Yt,
+  inline: el,
+  settings: il
 };
 function ye(o) {
   return {
@@ -168,7 +168,7 @@ function ye(o) {
     })
   };
 }
-const ul = ["placeholder", "disabled"], dl = /* @__PURE__ */ O({
+const dl = ["placeholder", "disabled"], cl = /* @__PURE__ */ O({
   __name: "vs-input-password",
   props: /* @__PURE__ */ Q({
     style: { default: () => ({}) },
@@ -184,21 +184,21 @@ const ul = ["placeholder", "disabled"], dl = /* @__PURE__ */ O({
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = ye(e.style), n = X(o, "modelValue");
-    return (a, r) => K((i(), d("input", {
+    const e = o, { inputClass: t } = ye(e.style), r = X(o, "modelValue");
+    return (a, n) => K((i(), d("input", {
       type: "password",
-      "onUpdate:modelValue": r[0] || (r[0] = (s) => n.value = s),
+      "onUpdate:modelValue": n[0] || (n[0] = (s) => r.value = s),
       placeholder: a.placeholder,
       disabled: a.disabled,
-      class: V(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [J(t), { "!border-red-600": a.error }]]),
+      class: B(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [J(t), { "!border-red-600": a.error }]]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, ul)), [
-      [ie, n.value]
+    }, null, 10, dl)), [
+      [ie, r.value]
     ]);
   }
-}), cl = ["placeholder", "disabled"], Ne = /* @__PURE__ */ O({
+}), pl = ["placeholder", "disabled"], Ne = /* @__PURE__ */ O({
   __name: "vs-input-text",
   props: /* @__PURE__ */ Q({
     style: { default: () => ({}) },
@@ -214,21 +214,21 @@ const ul = ["placeholder", "disabled"], dl = /* @__PURE__ */ O({
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = ye(e.style), n = X(o, "modelValue");
-    return (a, r) => K((i(), d("input", {
+    const e = o, { inputClass: t } = ye(e.style), r = X(o, "modelValue");
+    return (a, n) => K((i(), d("input", {
       type: "text",
-      "onUpdate:modelValue": r[0] || (r[0] = (s) => n.value = s),
+      "onUpdate:modelValue": n[0] || (n[0] = (s) => r.value = s),
       placeholder: a.placeholder,
       disabled: a.disabled,
-      class: V(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [J(t), { "!border-red-600": a.error }]]),
+      class: B(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [J(t), { "!border-red-600": a.error }]]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, cl)), [
-      [ie, n.value]
+    }, null, 10, pl)), [
+      [ie, r.value]
     ]);
   }
-}), pl = ["placeholder"], fl = /* @__PURE__ */ O({
+}), fl = ["placeholder"], vl = /* @__PURE__ */ O({
   __name: "vs-input-number",
   props: /* @__PURE__ */ Q({
     style: { default: () => ({}) },
@@ -244,26 +244,26 @@ const ul = ["placeholder", "disabled"], dl = /* @__PURE__ */ O({
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = ye(e.style), n = X(o, "modelValue");
-    return (a, r) => K((i(), d("input", {
+    const e = o, { inputClass: t } = ye(e.style), r = X(o, "modelValue");
+    return (a, n) => K((i(), d("input", {
       type: "number",
       step: "any",
-      "onUpdate:modelValue": r[0] || (r[0] = (s) => n.value = s),
+      "onUpdate:modelValue": n[0] || (n[0] = (s) => r.value = s),
       placeholder: a.placeholder,
-      class: V(["py-1.5 px-3 block w-full bg-white", [J(t)]]),
+      class: B(["py-1.5 px-3 block w-full bg-white", [J(t)]]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, pl)), [
-      [ie, n.value]
+    }, null, 10, fl)), [
+      [ie, r.value]
     ]);
   }
 }), N = (o, e) => {
   const t = o.__vccOpts || o;
-  for (const [n, a] of e)
-    t[n] = a;
+  for (const [r, a] of e)
+    t[r] = a;
   return t;
-}, vl = {}, ml = {
+}, ml = {}, hl = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -273,8 +273,8 @@ const ul = ["placeholder", "disabled"], dl = /* @__PURE__ */ O({
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-check"
 };
-function hl(o, e) {
-  return i(), d("svg", ml, e[0] || (e[0] = [
+function gl(o, e) {
+  return i(), d("svg", hl, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -283,7 +283,7 @@ function hl(o, e) {
     l("path", { d: "M5 12l5 5l10 -10" }, null, -1)
   ]));
 }
-const gl = /* @__PURE__ */ N(vl, [["render", hl]]), bl = { class: "flex items-center gap-[4px]" }, yl = ["value", "id", "disabled"], xl = ["for"], wl = { class: "text-[14px] text-gray-700 flex items-center gap-x-1 ml-1 dark:text-neutral-400" }, kl = /* @__PURE__ */ O({
+const bl = /* @__PURE__ */ N(ml, [["render", gl]]), yl = { class: "flex items-center gap-[4px]" }, xl = ["value", "id", "disabled"], wl = ["for"], kl = { class: "text-[14px] text-gray-700 flex items-center gap-x-1 ml-1 dark:text-neutral-400" }, _l = /* @__PURE__ */ O({
   __name: "vs-checkbox-default",
   props: {
     value: { default: "" },
@@ -296,45 +296,45 @@ const gl = /* @__PURE__ */ N(vl, [["render", hl]]), bl = { class: "flex items-ce
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = e, n = o, a = D({
-      get: () => n.modelValue,
-      set: (r) => t("update:modelValue", r)
+    const t = e, r = o, a = D({
+      get: () => r.modelValue,
+      set: (n) => t("update:modelValue", n)
     });
-    return (r, s) => (i(), d("div", bl, [
+    return (n, s) => (i(), d("div", yl, [
       K(l("input", {
         type: "checkbox",
-        value: r.value,
+        value: n.value,
         "onUpdate:modelValue": s[0] || (s[0] = (u) => a.value = u),
-        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
-      }, null, 10, yl), [
+        class: B(["shrink-0 border border-solid hidden border-gray-700 w-3.5 h-3.5 rounded text-blue-600 focus:ring-offset-0 dark:bg-neutral-800 dark:border-neutral-700 cursor-pointer", { "!cursor-not-allowed": n.disabled }]),
+        id: n.id,
+        disabled: n.disabled
+      }, null, 10, xl), [
         [ht, a.value]
       ]),
       l("label", {
-        for: r.id,
-        class: V(["flex flex-1 checkbox-label items-center gap-x-2 cursor-pointer text-sm text-gray-800 dark:text-neutral-300", { "!cursor-not-allowed": r.disabled }])
+        for: n.id,
+        class: B(["flex flex-1 checkbox-label items-center gap-x-2 cursor-pointer text-sm text-gray-800 dark:text-neutral-300", { "!cursor-not-allowed": n.disabled }])
       }, [
         l("div", {
-          class: V(["h-[16px] text-white w-[16px] flex items-center justify-center shrink-0 border rounded", [a.value ? "bg-blue-600 border-blue-600" : "bg-white border-gray-600", r.error ? "border-red-600" : ""]])
+          class: B(["h-[16px] text-white w-[16px] flex items-center justify-center shrink-0 border rounded", [a.value ? "bg-blue-600 border-blue-600" : "bg-white border-gray-600", n.error ? "border-red-600" : ""]])
         }, [
-          I(gl, {
+          I(bl, {
             height: "12",
             width: "12"
           })
         ], 2),
-        l("span", wl, [
-          Ce(r.$slots, "default", {}, () => [
-            ve(P(r.label), 1)
+        l("span", kl, [
+          Ce(n.$slots, "default", {}, () => [
+            ve(P(n.label), 1)
           ])
         ])
-      ], 10, xl)
+      ], 10, wl)
     ]));
   }
-}), _l = ["name", "value", "disabled"], $l = { class: "flex items-center gap-[6px] text-[14px]" }, Cl = {
+}), $l = ["name", "value", "disabled"], Cl = { class: "flex items-center gap-[6px] text-[14px]" }, Vl = {
   key: 0,
   class: "text-[16px]"
-}, Vl = ["src"], Ml = /* @__PURE__ */ O({
+}, Ml = ["src"], Ll = /* @__PURE__ */ O({
   __name: "vs-checkbox-buttons",
   props: {
     value: { type: [String, Number, Boolean], default: "" },
@@ -348,14 +348,14 @@ const gl = /* @__PURE__ */ N(vl, [["render", hl]]), bl = { class: "flex items-ce
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, n = e, a = D({
+    const t = o, r = e, a = D({
       get: () => t.modelValue,
       set: (u) => {
-        n("update:modelValue", u);
+        r("update:modelValue", u);
       }
-    }), r = D(() => Array.isArray(a.value) ? a.value.includes(t.value) : a.value === !0 || a.value === t.value), s = D(() => t.style?.size === "xs" ? "p-1.5 text-xs" : t.style?.size === "lg" ? "p-3.5 text-[20px]" : "p-2.5 text-xs");
+    }), n = D(() => Array.isArray(a.value) ? a.value.includes(t.value) : a.value === !0 || a.value === t.value), s = D(() => t.style?.size === "xs" ? "p-1.5 text-xs" : t.style?.size === "lg" ? "p-3.5 text-[20px]" : "p-2.5 text-xs");
     return (u, c) => (i(), d("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", [s.value, r.value ? "ring-blue-500" : "border border-gray-200 ring-transparent"]])
+      class: B(["group relative flex justify-center items-center gap-x-3 text-center bg-white text-gray-800 ring-ring ring-2 cursor-pointer rounded-lg", [s.value, n.value ? "ring-blue-500" : "border border-gray-200 ring-transparent"]])
     }, [
       K(l("input", {
         type: "checkbox",
@@ -364,14 +364,14 @@ const gl = /* @__PURE__ */ N(vl, [["render", hl]]), bl = { class: "flex items-ce
         value: u.value,
         "onUpdate:modelValue": c[0] || (c[0] = (v) => a.value = v),
         disabled: u.disabled
-      }, null, 8, _l), [
+      }, null, 8, $l), [
         [ht, a.value]
       ]),
-      l("span", $l, [
-        u.icon || u.imgUrl ? (i(), d("span", Cl, [
+      l("span", Cl, [
+        u.icon || u.imgUrl ? (i(), d("span", Vl, [
           u.icon ? (i(), d("i", {
             key: 0,
-            class: V(u.icon)
+            class: B(u.icon)
           }, null, 2)) : F("", !0),
           u.imgUrl ? (i(), d("img", {
             key: 1,
@@ -379,7 +379,7 @@ const gl = /* @__PURE__ */ N(vl, [["render", hl]]), bl = { class: "flex items-ce
             width: "16",
             height: "16",
             alt: "icon"
-          }, null, 8, Vl)) : F("", !0)
+          }, null, 8, Ml)) : F("", !0)
         ])) : F("", !0),
         Ce(u.$slots, "default", {}, () => [
           ve(P(u.label), 1)
@@ -387,7 +387,7 @@ const gl = /* @__PURE__ */ N(vl, [["render", hl]]), bl = { class: "flex items-ce
       ])
     ], 2));
   }
-}), Ll = { class: "flex items-center" }, wt = /* @__PURE__ */ O({
+}), Sl = { class: "flex items-center" }, wt = /* @__PURE__ */ O({
   __name: "vs-input-checkbox-item",
   props: {
     value: { default: "" },
@@ -404,24 +404,24 @@ const gl = /* @__PURE__ */ N(vl, [["render", hl]]), bl = { class: "flex items-ce
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, n = e, a = `radio-${Math.floor(Math.random() * 1e4)}`, r = D({
+    const t = o, r = e, a = `radio-${Math.floor(Math.random() * 1e4)}`, n = D({
       get: () => Array.isArray(t.modelValue) ? Array.isArray(t.modelValue) && t.modelValue.includes(t.value) : t.modelValue,
       set: (u) => {
         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);
+          u ? c.includes(t.value) || c.push(t.value) : c = c.filter((v) => v !== t.value), r("update:modelValue", c);
         } else
-          n("update:modelValue", u);
+          r("update:modelValue", u);
       }
     }), s = w(`vs-checkbox-${t.view || "default"}`);
-    return (u, c) => (i(), d("div", Ll, [
-      (i(), ne(Ee(s.value === "vs-checkbox-buttons" ? J(Ml) : J(kl)), {
+    return (u, c) => (i(), d("div", Sl, [
+      (i(), re(Ee(s.value === "vs-checkbox-buttons" ? J(Ll) : J(_l)), {
         value: u.value,
         label: u.label,
         info: u.option?.info,
         disabled: u.disabled,
-        modelValue: r.value,
-        "onUpdate:modelValue": c[0] || (c[0] = (v) => r.value = v),
+        modelValue: n.value,
+        "onUpdate:modelValue": c[0] || (c[0] = (v) => n.value = v),
         id: a,
         icon: u.icon,
         imgUrl: u.imgUrl,
@@ -435,7 +435,7 @@ const gl = /* @__PURE__ */ N(vl, [["render", hl]]), bl = { class: "flex items-ce
       }, 8, ["value", "label", "info", "disabled", "modelValue", "icon", "imgUrl", "style", "error"]))
     ]));
   }
-}), Sl = {}, Bl = {
+}), Bl = {}, jl = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -445,8 +445,8 @@ const gl = /* @__PURE__ */ N(vl, [["render", hl]]), bl = { class: "flex items-ce
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down"
 };
-function jl(o, e) {
-  return i(), d("svg", Bl, e[0] || (e[0] = [
+function Il(o, e) {
+  return i(), d("svg", jl, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -455,7 +455,7 @@ function jl(o, e) {
     l("path", { d: "M6 9l6 6l6 -6" }, null, -1)
   ]));
 }
-const Il = /* @__PURE__ */ N(Sl, [["render", jl]]), El = {}, zl = {
+const El = /* @__PURE__ */ N(Bl, [["render", Il]]), zl = {}, Fl = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -465,8 +465,8 @@ const Il = /* @__PURE__ */ N(Sl, [["render", jl]]), El = {}, zl = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-x"
 };
-function Fl(o, e) {
-  return i(), d("svg", zl, e[0] || (e[0] = [
+function Al(o, e) {
+  return i(), d("svg", Fl, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -476,7 +476,7 @@ function Fl(o, e) {
     l("path", { d: "M6 6l12 12" }, null, -1)
   ]));
 }
-const Al = /* @__PURE__ */ N(El, [["render", Fl]]), Dl = {}, Ol = {
+const Dl = /* @__PURE__ */ N(zl, [["render", Al]]), Ol = {}, Ul = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -487,8 +487,8 @@ const Al = /* @__PURE__ */ N(El, [["render", Fl]]), Dl = {}, Ol = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Ul(o, e) {
-  return i(), d("svg", Ol, e[0] || (e[0] = [
+function Tl(o, e) {
+  return i(), d("svg", Ul, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -499,13 +499,13 @@ function Ul(o, e) {
     l("path", { d: "M12 3c7.2 0 9 1.8 9 9s-1.8 9 -9 9s-9 -1.8 -9 -9s1.8 -9 9 -9z" }, null, -1)
   ]));
 }
-const Tl = /* @__PURE__ */ N(Dl, [["render", Ul]]), Rl = {
+const Rl = /* @__PURE__ */ N(Ol, [["render", Tl]]), Pl = {
   key: 0,
   class: "flex items-start gap-x-1"
-}, Pl = {
+}, Hl = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, Hl = ["title"], Nl = ["disabled"], kt = /* @__PURE__ */ O({
+}, Nl = ["title"], ql = ["disabled"], kt = /* @__PURE__ */ O({
   __name: "vs-input-switcher",
   props: /* @__PURE__ */ Q({
     rules: { default: () => [] },
@@ -527,37 +527,37 @@ const Tl = /* @__PURE__ */ N(Dl, [["render", Ul]]), Rl = {
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, t = X(o, "modelValue");
-    return (n, a) => e.view === "checkbox" ? (i(), d("div", Rl, [
+    return (r, a) => e.view === "checkbox" ? (i(), d("div", Pl, [
       I(wt, {
         modelValue: t.value,
-        "onUpdate:modelValue": a[0] || (a[0] = (r) => t.value = r),
-        label: n.text,
-        error: n.error || ""
+        "onUpdate:modelValue": a[0] || (a[0] = (n) => t.value = n),
+        label: r.text,
+        error: r.error || ""
       }, null, 8, ["modelValue", "label", "error"]),
-      n.rules?.includes("required") ? (i(), d("span", Pl, "*")) : F("", !0),
-      n.i ? (i(), d("button", {
+      r.rules?.includes("required") ? (i(), d("span", Hl, "*")) : F("", !0),
+      r.i ? (i(), d("button", {
         key: 1,
         class: "cursor-pointer",
-        title: n.i,
+        title: r.i,
         onClick: a[1] || (a[1] = ge(() => {
         }, ["prevent"]))
       }, [
-        I(J(Tl), { class: "text-gray-500 w-[14px] h-[14px]" })
-      ], 8, Hl)) : F("", !0)
+        I(J(Rl), { class: "text-gray-500 w-[14px] h-[14px]" })
+      ], 8, Nl)) : F("", !0)
     ])) : (i(), d("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]]),
-      disabled: n.disabled,
-      onClick: a[2] || (a[2] = (r) => t.value = !t.value)
+      class: B(["inline-flex h-5 w-9 shrink-0 px-[2px] cursor-pointer items-center rounded-full shadow-sm disabled:cursor-not-allowed disabled:opacity-50", [t.value ? `bg-${r.style?.primaryColor || "blue"}-500` : "bg-stone-200", r.customClass]]),
+      disabled: r.disabled,
+      onClick: a[2] || (a[2] = (n) => t.value = !t.value)
     }, [
       l("span", {
         "data-state": "checked",
-        class: V(["pointer-events-none block h-4 w-4 rounded-full bg-white shadow-lg ring-0 transition-transform", [t.value ? "translate-x-4" : "translate-x-0"]])
+        class: B(["pointer-events-none block h-4 w-4 rounded-full bg-white shadow-lg ring-0 transition-transform", [t.value ? "translate-x-4" : "translate-x-0"]])
       }, null, 2)
-    ], 10, Nl));
+    ], 10, ql));
   }
-}), ql = ["innerHTML"], it = /* @__PURE__ */ O({
+}), Gl = ["innerHTML"], it = /* @__PURE__ */ O({
   __name: "vs-input-static",
   props: {
     text: { default: "" },
@@ -572,11 +572,11 @@ const Tl = /* @__PURE__ */ N(Dl, [["render", Ul]]), Rl = {
   },
   setup(o) {
     return (e, t) => (i(), d("div", {
-      class: V(e.customClass),
+      class: B(e.customClass),
       innerHTML: e.html ? e.html : e.text
-    }, null, 10, ql));
+    }, null, 10, Gl));
   }
-}), Gl = ["placeholder", "disabled", "name"], Jl = /* @__PURE__ */ O({
+}), Jl = ["placeholder", "disabled", "name"], Wl = /* @__PURE__ */ O({
   __name: "vs-input-mask",
   props: /* @__PURE__ */ Q({
     name: {},
@@ -594,12 +594,12 @@ const Tl = /* @__PURE__ */ N(Dl, [["render", Ul]]), Rl = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = ye(e.style), n = X(o, "modelValue"), a = w(null);
-    let r = null;
+    const e = o, { inputClass: t } = ye(e.style), r = X(o, "modelValue"), a = w(null);
+    let n = null;
     return be(async () => {
       if (a.value) {
         const { default: s } = await import("./index-W-qQIppj.js");
-        r = s(a.value, {
+        n = s(a.value, {
           mask: e.mask || "",
           definitions: {
             9: /[0-9]/,
@@ -607,16 +607,16 @@ const Tl = /* @__PURE__ */ N(Dl, [["render", Ul]]), Rl = {
             "*": /[a-zA-Z0-9]/
           },
           lazy: !1
-        }), r.on("accept", () => {
-          n.value = e.unmask ? r.unmaskedValue : r.value;
-        }), r.on("complete", () => {
-          n.value = e.unmask ? r.unmaskedValue : r.value;
-        }), r.value = n.value ?? "";
+        }), n.on("accept", () => {
+          r.value = e.unmask ? n.unmaskedValue : n.value;
+        }), n.on("complete", () => {
+          r.value = e.unmask ? n.unmaskedValue : n.value;
+        }), n.value = r.value ?? "";
       }
     }), Ft(() => {
-      r?.destroy();
+      n?.destroy();
     }), le(() => e.mask, (s) => {
-      r && r.updateOptions({
+      n && n.updateOptions({
         mask: s,
         definitions: {
           9: /[0-9]/,
@@ -624,8 +624,8 @@ const Tl = /* @__PURE__ */ N(Dl, [["render", Ul]]), Rl = {
           "*": /[a-zA-Z0-9]/
         }
       });
-    }), le(n, (s) => {
-      r && r.unmaskedValue !== s && (r.value = s || "");
+    }), le(r, (s) => {
+      n && n.unmaskedValue !== s && (n.value = s || "");
     }), (s, u) => (i(), d("input", {
       type: "text",
       ref_key: "inputEl",
@@ -633,13 +633,13 @@ const Tl = /* @__PURE__ */ N(Dl, [["render", Ul]]), Rl = {
       placeholder: s.placeholder,
       disabled: s.disabled,
       name: s.name,
-      class: V(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [J(t)]]),
+      class: B(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [J(t)]]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, Gl));
+    }, null, 10, Jl));
   }
-}), Wl = { class: "relative w-full bg-white rounded-lg" }, Kl = ["placeholder", "disabled"], Zl = /* @__PURE__ */ O({
+}), Kl = { class: "relative w-full bg-white rounded-lg" }, Zl = ["placeholder", "disabled"], Yl = /* @__PURE__ */ O({
   __name: "vs-input-email",
   props: /* @__PURE__ */ Q({
     style: { default: () => ({}) },
@@ -655,24 +655,24 @@ const Tl = /* @__PURE__ */ N(Dl, [["render", Ul]]), Rl = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = ye(e.style), n = X(o, "modelValue");
-    return (a, r) => (i(), d("div", Wl, [
-      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)),
+    const e = o, { inputClass: t } = ye(e.style), r = X(o, "modelValue");
+    return (a, n) => (i(), d("div", Kl, [
+      n[1] || (n[1] = pe('<div class="absolute bottom-2/4 translate-y-2/4 left-[10px] cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="stroke-gray-500 transition-all"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10z"></path><path d="M3 7l9 6l9 -6"></path></svg></div>', 1)),
       K(l("input", {
         type: "email",
-        "onUpdate:modelValue": r[0] || (r[0] = (s) => n.value = s),
+        "onUpdate:modelValue": n[0] || (n[0] = (s) => r.value = s),
         placeholder: a.placeholder,
         disabled: a.disabled,
-        class: V(["!pl-8 py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [J(t), { "!border-red-600": a.error }]]),
+        class: B(["!pl-8 py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [J(t), { "!border-red-600": a.error }]]),
         style: {
           border: "1px solid #CFD9E0"
         }
-      }, null, 10, Kl), [
-        [ie, n.value]
+      }, null, 10, Zl), [
+        [ie, r.value]
       ])
     ]));
   }
-}), Yl = ["value", "disabled"], Ql = { class: "text-[13px] text-gray-700" }, Xl = /* @__PURE__ */ O({
+}), Ql = ["value", "disabled"], Xl = { class: "text-[13px] text-gray-700" }, eo = /* @__PURE__ */ O({
   __name: "vs-input-radio-default",
   props: /* @__PURE__ */ Q({
     style: {},
@@ -691,33 +691,33 @@ const Tl = /* @__PURE__ */ N(Dl, [["render", Ul]]), Rl = {
   emits: ["update:modelValue"],
   setup(o) {
     const e = X(o, "modelValue");
-    return (t, n) => (i(), d("label", {
-      class: V(["flex items-center gap-0", [t.customClass]])
+    return (t, r) => (i(), d("label", {
+      class: B(["flex items-center gap-0", [t.customClass]])
     }, [
       K(l("input", {
-        "onUpdate:modelValue": n[0] || (n[0] = (a) => e.value = a),
+        "onUpdate:modelValue": r[0] || (r[0] = (a) => e.value = a),
         type: "radio",
         value: t.value,
         disabled: t.disabled,
         class: "hidden"
-      }, null, 8, Yl), [
+      }, null, 8, Ql), [
         [gt, e.value]
       ]),
       l("span", {
-        class: V(["w-[16px] shrink-0 h-[16px] border rounded-full flex items-center justify-center mr-[10px]", [
+        class: B(["w-[16px] shrink-0 h-[16px] border rounded-full flex items-center justify-center mr-[10px]", [
           `border-${t.style?.primaryColor || "blue"}-500`,
           t.disabled ? "opacity-50 cursor-not-allowed" : ""
         ]])
       }, [
         e.value == t.value ? (i(), d("span", {
           key: 0,
-          class: V(["w-[12px] h-[12px] shrink-0 rounded-full", [`bg-${t.style?.primaryColor || "blue"}-500`]])
+          class: B(["w-[12px] h-[12px] shrink-0 rounded-full", [`bg-${t.style?.primaryColor || "blue"}-500`]])
         }, null, 2)) : F("", !0)
       ], 2),
-      l("span", Ql, P(t.text), 1)
+      l("span", Xl, P(t.text), 1)
     ], 2));
   }
-}), eo = ["value", "disabled"], to = { class: "text-[13px] text-gray-700" }, lo = /* @__PURE__ */ O({
+}), to = ["value", "disabled"], lo = { class: "text-[13px] text-gray-700" }, oo = /* @__PURE__ */ O({
   __name: "vs-input-radio-buttons",
   props: /* @__PURE__ */ Q({
     style: {},
@@ -736,27 +736,27 @@ const Tl = /* @__PURE__ */ N(Dl, [["render", Ul]]), Rl = {
   emits: ["update:modelValue"],
   setup(o) {
     const e = X(o, "modelValue");
-    return (t, n) => (i(), d("label", {
-      class: V(["flex items-center border rounded-lg px-2 py-1", [
+    return (t, r) => (i(), d("label", {
+      class: B(["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
       ]])
     }, [
       K(l("input", {
-        "onUpdate:modelValue": n[0] || (n[0] = (a) => e.value = a),
+        "onUpdate:modelValue": r[0] || (r[0] = (a) => e.value = a),
         type: "radio",
         value: t.value,
         disabled: t.disabled,
         class: "hidden"
-      }, null, 8, eo), [
+      }, null, 8, to), [
         [gt, e.value]
       ]),
-      l("span", to, P(t.text), 1)
+      l("span", lo, P(t.text), 1)
     ], 2));
   }
-}), oo = {
-  "vs-input-radio-default": Xl,
-  "vs-input-radio-buttons": lo
+}), ao = {
+  "vs-input-radio-default": eo,
+  "vs-input-radio-buttons": oo
 }, ut = /* @__PURE__ */ O({
   __name: "vs-input-radio",
   props: /* @__PURE__ */ Q({
@@ -776,21 +776,21 @@ const Tl = /* @__PURE__ */ N(Dl, [["render", Ul]]), Rl = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = X(o, "modelValue"), n = D(() => oo[`vs-input-radio-${e.view}`]);
-    return (a, r) => (i(), d("div", {
-      class: V([a.position === "horizontal" ? "flex items-center flex-wrap gap-2" : ""])
+    const e = o, t = X(o, "modelValue"), r = D(() => ao[`vs-input-radio-${e.view}`]);
+    return (a, n) => (i(), d("div", {
+      class: B([a.position === "horizontal" ? "flex items-center flex-wrap gap-2" : ""])
     }, [
-      (i(!0), d(ee, null, ae(a.options, (s) => (i(), ne(Ee(n.value), Oe({
+      (i(!0), d(ee, null, ae(a.options, (s) => (i(), re(Ee(r.value), Ie({
         key: s?.id,
         text: s.text,
         value: s.id.toString(),
         checked: t.value === s.id,
         modelValue: t.value,
-        "onUpdate:modelValue": r[0] || (r[0] = (u) => t.value = u)
+        "onUpdate:modelValue": n[0] || (n[0] = (u) => t.value = u)
       }, { ref_for: !0 }, a.$attrs), null, 16, ["text", "value", "checked", "modelValue"]))), 128))
     ], 2));
   }
-}), ao = /* @__PURE__ */ O({
+}), so = /* @__PURE__ */ O({
   __name: "vs-input-checkbox",
   props: {
     options: { default: () => [] },
@@ -809,7 +809,7 @@ const Tl = /* @__PURE__ */ N(Dl, [["render", Ul]]), Rl = {
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, n = e, a = w([]), r = At({}), s = (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, r = e, a = w([]), n = At({}), s = (p) => p?.value || p?.id || p?.text || p, u = (p) => p.text || String(p), c = (p) => `lg:col-span-${p || 12}`, v = async () => {
       try {
         const p = await fetch(`/api/suggest/${t.data}`).then((f) => f.json());
         a.value = p?.data || p;
@@ -822,27 +822,27 @@ const Tl = /* @__PURE__ */ N(Dl, [["render", Ul]]), Rl = {
       (p) => {
         if (typeof p == "boolean" && a.value.length === 1) {
           const f = s(a.value[0]);
-          r[f] = p;
+          n[f] = p;
         } else if (Array.isArray(p)) {
           const f = new Set(p);
           a.value.forEach((y) => {
             if (!y.disabled) {
               const _ = s(y);
-              r[_] = f.has(_);
+              n[_] = f.has(_);
             }
           });
         }
       },
       { immediate: !0 }
     ), le(
-      r,
+      n,
       () => {
         if (!a.value.length) {
-          n("update:modelValue", null);
+          r("update:modelValue", null);
           return;
         }
-        const p = Object.entries(r).filter(([, f]) => f).map(([f]) => f);
-        n("update:modelValue", p.length === 0 ? [] : p);
+        const p = Object.entries(n).filter(([, f]) => f).map(([f]) => f);
+        r("update:modelValue", p.length === 0 ? [] : p);
       },
       { deep: !0 }
     ), be(() => {
@@ -850,37 +850,37 @@ const Tl = /* @__PURE__ */ N(Dl, [["render", Ul]]), Rl = {
         v().then(() => {
           if (typeof t.modelValue == "boolean" && a.value.length === 1) {
             const p = s(a.value[0]);
-            r[p] = t.modelValue;
+            n[p] = t.modelValue;
           } else if (Array.isArray(t.modelValue)) {
             const p = new Set(t.modelValue);
             a.value.forEach((f) => {
               if (!f.disabled) {
                 const y = s(f);
-                r[y] = p.has(y);
+                n[y] = p.has(y);
               }
             });
           }
         });
       else if (a.value = t.options, typeof t.modelValue == "boolean" && a.value.length === 1) {
         const p = s(a.value[0]);
-        r[p] = t.modelValue;
+        n[p] = t.modelValue;
       } else if (Array.isArray(t.modelValue)) {
         const p = new Set(t.modelValue);
         a.value.forEach((f) => {
           if (!f.disabled) {
             const y = s(f);
-            r[y] = p.has(y);
+            n[y] = p.has(y);
           }
         });
       }
     }), (p, f) => (i(), d("div", {
-      class: V(["p-0 w-full gap-[6px]", [p.position === "vertical" ? "flex-col" : "", p.colSpan ? "grid" : "flex justify-start"]])
+      class: B(["p-0 w-full gap-[6px]", [p.position === "vertical" ? "flex-col" : "", p.colSpan ? "grid" : "flex justify-start"]])
     }, [
-      (i(!0), d(ee, null, ae(a.value, (y) => (i(), ne(wt, {
-        modelValue: r[s(y)],
-        "onUpdate:modelValue": (_) => r[s(y)] = _,
+      (i(!0), d(ee, null, ae(a.value, (y) => (i(), re(wt, {
+        modelValue: n[s(y)],
+        "onUpdate:modelValue": (_) => n[s(y)] = _,
         value: s(y),
-        class: V(c(p.colSpan)),
+        class: B(c(p.colSpan)),
         disabled: y.disabled,
         label: u(y),
         key: s(y),
@@ -891,7 +891,7 @@ const Tl = /* @__PURE__ */ N(Dl, [["render", Ul]]), Rl = {
       }, null, 8, ["modelValue", "onUpdate:modelValue", "value", "class", "disabled", "label", "icon", "imgUrl", "option", "view"]))), 128))
     ], 2));
   }
-}), so = /* @__PURE__ */ N(ao, [["__scopeId", "data-v-91f3584a"]]), ro = ["type", "placeholder", "disabled"], no = /* @__PURE__ */ O({
+}), no = /* @__PURE__ */ N(so, [["__scopeId", "data-v-91f3584a"]]), ro = ["type", "placeholder", "disabled"], io = /* @__PURE__ */ O({
   __name: "vs-input-date1",
   props: {
     style: { default: () => ({}) },
@@ -906,12 +906,12 @@ const Tl = /* @__PURE__ */ N(Dl, [["render", Ul]]), Rl = {
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
     const t = o;
-    function n(c) {
+    function r(c) {
       return c ? t.mode === "datetime" ? (c.includes("T") ? c : null) || c + (c.includes(" ") ? "" : "T00:00") : c?.split(" ")[0] : null;
     }
-    const { inputClass: a } = ye(t.style), r = e, s = D({
-      get: () => n(t.modelValue),
-      set: (c) => r("update:modelValue", c)
+    const { inputClass: a } = ye(t.style), n = e, s = D({
+      get: () => r(t.modelValue),
+      set: (c) => n("update:modelValue", c)
     }), u = D(() => t.mode === "datetime" ? "datetime-local" : t.mode);
     return (c, v) => K((i(), d("input", {
       type: u.value,
@@ -919,7 +919,7 @@ const Tl = /* @__PURE__ */ N(Dl, [["render", Ul]]), Rl = {
       placeholder: c.placeholder,
       disabled: c.disabled,
       ref: "date",
-      class: V(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [c.modelValue ? "" : "text-opacity-50", J(a)].join(" ")]),
+      class: B(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [c.modelValue ? "" : "text-opacity-50", J(a)].join(" ")]),
       style: {
         border: "1px solid #CFD9E0"
       }
@@ -927,25 +927,25 @@ const Tl = /* @__PURE__ */ N(Dl, [["render", Ul]]), Rl = {
       [Dt, s.value]
     ]);
   }
-}), io = async (o, e, t, n) => {
+}), uo = async (o, e, t, r) => {
   try {
     const a = new FormData();
     return a.append("unique", "true"), a.append("file", o), (await fetch(
-      `/file/upload/uploads?id=${e || ""}&form=${t || ""}&table=${n || ""}`,
+      `/file/upload/uploads?id=${e || ""}&form=${t || ""}&table=${r || ""}`,
       {
         method: "POST",
         body: a
       }
     ).then((s) => s.json()))?.result;
   } catch (a) {
-    return re({
+    return ne({
       type: "error",
       title: "Помилка!",
       message: "Сталась помилка під час завантаження файлу",
       position: "right-bottom"
     }), console.error("Сталась помилка завантаження файлу", a), null;
   }
-}, uo = async (o) => {
+}, co = async (o) => {
   try {
     return await fetch(`file/delete${o}`), !0;
   } catch (e) {
@@ -953,12 +953,12 @@ const Tl = /* @__PURE__ */ N(Dl, [["render", Ul]]), Rl = {
   }
 }, dt = async (o) => {
   try {
-    const e = await fetch(`file/download/files/uploads${o}`), t = await e.arrayBuffer(), n = e.headers["content-type"], a = new TextDecoder("utf-8").decode(t), r = new Blob([a], { type: n }), s = document.createElement("a");
-    s.setAttribute("download", o), s.href = window.URL.createObjectURL(r), s.click();
+    const e = await fetch(`file/download/files/uploads${o}`), t = await e.arrayBuffer(), r = e.headers["content-type"], a = new TextDecoder("utf-8").decode(t), n = new Blob([a], { type: r }), s = document.createElement("a");
+    s.setAttribute("download", o), s.href = window.URL.createObjectURL(n), s.click();
   } catch (e) {
     console.error(e.message);
   }
-}, co = {}, po = {
+}, po = {}, fo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -969,13 +969,13 @@ const Tl = /* @__PURE__ */ N(Dl, [["render", Ul]]), Rl = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function fo(o, e) {
-  return i(), d("svg", po, e[0] || (e[0] = [
+function vo(o, e) {
+  return i(), d("svg", fo, e[0] || (e[0] = [
     l("path", { d: "M5 12h14" }, null, -1),
     l("path", { d: "M12 5v14" }, null, -1)
   ]));
 }
-const Ue = /* @__PURE__ */ N(co, [["render", fo]]), vo = {}, mo = {
+const Ue = /* @__PURE__ */ N(po, [["render", vo]]), mo = {}, ho = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-text",
   width: "44",
@@ -987,12 +987,12 @@ const Ue = /* @__PURE__ */ N(co, [["render", fo]]), vo = {}, mo = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function ho(o, e, t, n, a, r) {
-  return i(), d("svg", mo, 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)
+function go(o, e, t, r, a, n) {
+  return i(), d("svg", ho, e[0] || (e[0] = [
+    pe('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><line x1="9" y1="9" x2="10" y2="9"></line><line x1="9" y1="13" x2="15" y2="13"></line><line x1="9" y1="17" x2="15" y2="17"></line>', 6)
   ]));
 }
-const go = /* @__PURE__ */ N(vo, [["render", ho]]), bo = {}, yo = {
+const bo = /* @__PURE__ */ N(mo, [["render", go]]), yo = {}, xo = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-table",
   width: "44",
@@ -1004,8 +1004,8 @@ const go = /* @__PURE__ */ N(vo, [["render", ho]]), bo = {}, yo = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function xo(o, e, t, n, a, r) {
-  return i(), d("svg", yo, e[0] || (e[0] = [
+function wo(o, e, t, r, a, n) {
+  return i(), d("svg", xo, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1032,7 +1032,7 @@ function xo(o, e, t, n, a, r) {
     }, null, -1)
   ]));
 }
-const wo = /* @__PURE__ */ N(bo, [["render", xo]]), ko = {}, _o = {
+const ko = /* @__PURE__ */ N(yo, [["render", wo]]), _o = {}, $o = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1043,12 +1043,12 @@ const wo = /* @__PURE__ */ N(bo, [["render", xo]]), ko = {}, _o = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function $o(o, e) {
-  return i(), d("svg", _o, 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="M9 9l1 0"></path><path d="M9 13l6 0"></path><path d="M9 17l6 0"></path>', 6)
+function Co(o, e) {
+  return i(), d("svg", $o, e[0] || (e[0] = [
+    pe('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><path d="M9 9l1 0"></path><path d="M9 13l6 0"></path><path d="M9 17l6 0"></path>', 6)
   ]));
 }
-const _t = /* @__PURE__ */ N(ko, [["render", $o]]), Co = {}, Vo = {
+const _t = /* @__PURE__ */ N(_o, [["render", Co]]), Vo = {}, Mo = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-zip",
   width: "44",
@@ -1060,12 +1060,12 @@ const _t = /* @__PURE__ */ N(ko, [["render", $o]]), Co = {}, Vo = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Mo(o, e, t, n, a, r) {
-  return i(), d("svg", Vo, 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)
+function Lo(o, e, t, r, a, n) {
+  return i(), d("svg", Mo, e[0] || (e[0] = [
+    pe('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M6 20.735a2 2 0 0 1 -1 -1.735v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-1"></path><path d="M11 17a2 2 0 0 1 2 2v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-2a2 2 0 0 1 2 -2z"></path><line x1="11" y1="5" x2="10" y2="5"></line><line x1="13" y1="7" x2="12" y2="7"></line><line x1="11" y1="9" x2="10" y2="9"></line><line x1="13" y1="11" x2="12" y2="11"></line><line x1="11" y1="13" x2="10" y2="13"></line><line x1="13" y1="15" x2="12" y2="15"></line>', 9)
   ]));
 }
-const Lo = /* @__PURE__ */ N(Co, [["render", Mo]]), So = {}, Bo = {
+const So = /* @__PURE__ */ N(Vo, [["render", Lo]]), Bo = {}, jo = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-code",
   width: "44",
@@ -1077,25 +1077,25 @@ const Lo = /* @__PURE__ */ N(Co, [["render", Mo]]), So = {}, Bo = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function jo(o, e, t, n, a, r) {
-  return i(), d("svg", Bo, 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)
+function Io(o, e, t, r, a, n) {
+  return i(), d("svg", jo, e[0] || (e[0] = [
+    pe('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><path d="M10 13l-1 2l1 2"></path><path d="M14 13l1 2l-1 2"></path>', 5)
   ]));
 }
-const Io = /* @__PURE__ */ N(So, [["render", jo]]), Eo = (o) => {
+const Eo = /* @__PURE__ */ N(Bo, [["render", Io]]), zo = (o) => {
   if (!o) return "";
   const e = o?.split(".");
   return e[e.length - 1];
-}, zo = (o) => {
-  const e = Eo(o), t = {
+}, Fo = (o) => {
+  const e = zo(o), t = {
     imageFormat: ["tiff", "jpg", "jpeg", "png", "svg", "ico", "webp"],
     sheetsFormat: ["xls", "csv", "xlsx"],
     archivesFormat: ["zip", "rar"],
     textsFormat: ["json", "geojson", "txt", "yml", "yaml", "shp"],
     documentsFormat: ["pdf"]
   };
-  return t.imageFormat.includes(e) ? "img" : t.sheetsFormat.includes(e) ? wo : t.textsFormat.includes(e) ? Io : t.documentsFormat.includes(e) ? go : t.archivesFormat.includes(e) ? Lo : _t;
-}, Fo = {}, Ao = {
+  return t.imageFormat.includes(e) ? "img" : t.sheetsFormat.includes(e) ? ko : t.textsFormat.includes(e) ? Eo : t.documentsFormat.includes(e) ? bo : t.archivesFormat.includes(e) ? So : _t;
+}, Ao = {}, Do = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1107,12 +1107,12 @@ const Io = /* @__PURE__ */ N(So, [["render", jo]]), Eo = (o) => {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-trash"
 };
-function Do(o, e) {
-  return i(), d("svg", Ao, 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)
+function Oo(o, e) {
+  return i(), d("svg", Do, e[0] || (e[0] = [
+    pe('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M4 7l16 0"></path><path d="M10 11l0 6"></path><path d="M14 11l0 6"></path><path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12"></path><path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3"></path>', 6)
   ]));
 }
-const Ke = /* @__PURE__ */ N(Fo, [["render", Do]]), Oo = {}, Uo = {
+const Je = /* @__PURE__ */ N(Ao, [["render", Oo]]), Uo = {}, To = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1124,8 +1124,8 @@ const Ke = /* @__PURE__ */ N(Fo, [["render", Do]]), Oo = {}, Uo = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-download"
 };
-function To(o, e) {
-  return i(), d("svg", Uo, e[0] || (e[0] = [
+function Ro(o, e) {
+  return i(), d("svg", To, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1136,7 +1136,7 @@ function To(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const $t = /* @__PURE__ */ N(Oo, [["render", To]]), Ro = { class: "h-[120px] w-[120px] border text-gray-300 border-dashed border-[#CFD9E0] rounded-lg overflow-hidden relative item-file" }, Po = { class: "absolute hidden top-0 right-0 flex items-center gap-x-2 w-full h-full justify-center" }, Ho = /* @__PURE__ */ O({
+const $t = /* @__PURE__ */ N(Uo, [["render", Ro]]), Po = { class: "h-[120px] w-[120px] border text-gray-300 border-dashed border-[#CFD9E0] rounded-lg overflow-hidden relative item-file" }, Ho = { class: "absolute hidden top-0 right-0 flex items-center gap-x-2 w-full h-full justify-center" }, No = /* @__PURE__ */ O({
   __name: "vs-input-file-list-item",
   props: /* @__PURE__ */ Q({
     format: {},
@@ -1156,27 +1156,27 @@ const $t = /* @__PURE__ */ N(Oo, [["render", To]]), Ro = { class: "h-[120px] w-[
   }),
   emits: ["update:value", "update:item"],
   setup(o) {
-    const e = X(o, "value"), t = X(o, "item"), n = o;
-    return (a, r) => (i(), d("div", Ro, [
-      (i(), ne(Ee(J(zo)(t.value)), {
+    const e = X(o, "value"), t = X(o, "item"), r = o;
+    return (a, n) => (i(), d("div", Po, [
+      (i(), re(Ee(J(Fo)(t.value)), {
         src: t.value,
         alt: "file",
         class: "w-full h-full object-cover cursor-pointer",
-        onClick: r[0] || (r[0] = (s) => J(dt)(t.value))
+        onClick: n[0] || (n[0] = (s) => J(dt)(t.value))
       }, null, 8, ["src"])),
-      l("div", Po, [
+      l("div", Ho, [
         l("button", {
           type: "button",
-          onClick: r[1] || (r[1] = (s) => {
-            J(uo)(t.value), e.value = n.multiple ? e.value?.filter((u) => u !== t.value) : "";
+          onClick: n[1] || (n[1] = (s) => {
+            J(co)(t.value), e.value = r.multiple ? e.value?.filter((u) => u !== t.value) : "";
           }),
           class: "w-6 h-6 flex items-center justify-center text-gray-500 bg-gray-200 rounded-lg hover:text-red-500"
         }, [
-          I(Ke, { class: "w-4 h-4" })
+          I(Je, { class: "w-4 h-4" })
         ]),
         l("button", {
           type: "button",
-          onClick: r[2] || (r[2] = (s) => J(dt)(t.value)),
+          onClick: n[2] || (n[2] = (s) => J(dt)(t.value)),
           class: "w-6 h-6 flex items-center justify-center text-gray-500 bg-gray-200 rounded-lg hover:text-blue-500"
         }, [
           I($t, { class: "w-4 h-4" })
@@ -1184,10 +1184,10 @@ const $t = /* @__PURE__ */ N(Oo, [["render", To]]), Ro = { class: "h-[120px] w-[
       ])
     ]));
   }
-}), ct = /* @__PURE__ */ N(Ho, [["__scopeId", "data-v-0ca886b3"]]), No = { class: "flex items-center gap-x-2" }, qo = {
+}), ct = /* @__PURE__ */ N(No, [["__scopeId", "data-v-0ca886b3"]]), qo = { class: "flex items-center gap-x-2" }, Go = {
   key: 1,
   class: "flex items-center flex-wrap gap-2"
-}, Go = /* @__PURE__ */ O({
+}, Jo = /* @__PURE__ */ O({
   __name: "vs-input-file",
   props: /* @__PURE__ */ Q({
     format: {},
@@ -1205,7 +1205,7 @@ const $t = /* @__PURE__ */ N(Oo, [["render", To]]), Ro = { class: "h-[120px] w-[
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = X(o, "modelValue"), n = w(null), a = (s) => Array.isArray(t.value) && t.value[s] || "", r = async (s) => {
+    const e = o, t = X(o, "modelValue"), r = w(null), a = (s) => Array.isArray(t.value) && t.value[s] || "", n = async (s) => {
       if (e.format) {
         const v = s.target.files?.[0];
         if (!v || !v.name.endsWith(e.format))
@@ -1213,25 +1213,25 @@ const $t = /* @__PURE__ */ N(Oo, [["render", To]]), Ro = { class: "h-[120px] w-[
       }
       const u = s.target.files?.[0];
       if (!u) return;
-      const c = await io(u, "1", "form", "table");
+      const c = await uo(u, "1", "form", "table");
       t.value = e.multiple ? [...t.value || [], c?.file_path] : c?.file_path;
     };
-    return (s, u) => (i(), d("div", No, [
+    return (s, u) => (i(), d("div", qo, [
       l("input", {
         class: "hidden",
         ref_key: "fileInput",
-        ref: n,
+        ref: r,
         type: "file",
-        onChange: r
+        onChange: n
       }, null, 544),
-      !s.multiple && t.value ? (i(), ne(ct, {
+      !s.multiple && t.value ? (i(), re(ct, {
         key: 0,
         item: t.value,
         "onUpdate:item": u[0] || (u[0] = (c) => t.value = c),
         value: t.value,
         "onUpdate:value": u[1] || (u[1] = (c) => t.value = c)
-      }, null, 8, ["item", "value"])) : s.multiple ? (i(), d("div", qo, [
-        (i(!0), d(ee, null, ae(t.value, (c, v) => (i(), ne(ct, {
+      }, null, 8, ["item", "value"])) : s.multiple ? (i(), d("div", Go, [
+        (i(!0), d(ee, null, ae(t.value, (c, v) => (i(), re(ct, {
           multiple: s.multiple,
           key: v,
           value: t.value,
@@ -1239,8 +1239,8 @@ const $t = /* @__PURE__ */ N(Oo, [["render", To]]), Ro = { class: "h-[120px] w-[
           item: a(v)
         }, null, 8, ["multiple", "value", "item"]))), 128)),
         l("div", {
-          onClick: u[3] || (u[3] = (c) => !s.disabled && n.value?.click()),
-          class: V([
+          onClick: u[3] || (u[3] = (c) => !s.disabled && r.value?.click()),
+          class: B([
             "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",
             s.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500 hover:bg-blue-50"
           ])
@@ -1250,14 +1250,14 @@ const $t = /* @__PURE__ */ N(Oo, [["render", To]]), Ro = { class: "h-[120px] w-[
       ])) : F("", !0),
       s.multiple ? F("", !0) : (i(), d("div", {
         key: 2,
-        onClick: u[4] || (u[4] = (c) => n.value?.click()),
-        class: V([s.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500", "h-[120px] w-[120px] border text-gray-300 hover:text-blue-500 border-dashed border-gray-300 rounded-lg flex items-center justify-center cursor-pointer hover:border-blue-500 transition-all duration-300 hover:bg-blue-50"])
+        onClick: u[4] || (u[4] = (c) => r.value?.click()),
+        class: B([s.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500", "h-[120px] w-[120px] border text-gray-300 hover:text-blue-500 border-dashed border-gray-300 rounded-lg flex items-center justify-center cursor-pointer hover:border-blue-500 transition-all duration-300 hover:bg-blue-50"])
       }, [
         I(Ue, { class: "w-6 h-6" })
       ], 2))
     ]));
   }
-}), Jo = { class: "max-w-[55vw]" }, Wo = { class: "text-sm font-semibold text-gray-800 truncate dark:text-neutral-200" }, Ko = { class: "flex items-center text-xs text-gray-500 truncate dark:text-neutral-500" }, Zo = { class: "px-[5px]" }, Yo = { class: "" }, He = /* @__PURE__ */ O({
+}), Wo = { class: "max-w-[55vw]" }, Ko = { class: "text-sm font-semibold text-gray-800 truncate dark:text-neutral-200" }, Zo = { class: "flex items-center text-xs text-gray-500 truncate dark:text-neutral-500" }, Yo = { class: "px-[5px]" }, Qo = { class: "" }, He = /* @__PURE__ */ O({
   __name: "vs-widget-file-info",
   props: {
     item: { default: null }
@@ -1274,41 +1274,41 @@ const $t = /* @__PURE__ */ N(Oo, [["render", To]]), Ro = { class: "h-[120px] w-[
         return "";
       }
     });
-    function n(a) {
+    function r(a) {
       if (a < 1024)
         return `${a} B`;
-      const r = a / 1024;
-      return r < 1024 ? `${r.toFixed(2)} KB` : `${(r / 1024).toFixed(2)} MB`;
+      const n = a / 1024;
+      return n < 1024 ? `${n.toFixed(2)} KB` : `${(n / 1024).toFixed(2)} MB`;
     }
-    return (a, r) => (i(), d(ee, 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", Jo, [
-        l("p", Wo, P(a.item?.uploaded_name), 1),
-        l("p", Ko, [
+    return (a, n) => (i(), d(ee, null, [
+      n[1] || (n[1] = pe('<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", Wo, [
+        l("p", Ko, P(a.item?.uploaded_name), 1),
+        l("p", Zo, [
           l("span", null, P(a.item?.username), 1),
-          K(l("span", Zo, "|", 512), [
-            [We, a.item?.username]
+          K(l("span", Yo, "|", 512), [
+            [Ge, a.item?.username]
           ]),
           l("span", null, P(t.value), 1),
-          r[0] || (r[0] = l("span", { class: "px-[5px]" }, "|", -1)),
-          l("span", Yo, P(n(a.item?.size)), 1)
+          n[0] || (n[0] = l("span", { class: "px-[5px]" }, "|", -1)),
+          l("span", Qo, P(r(a.item?.size)), 1)
         ])
       ])
     ], 64));
   }
-}), Qo = { class: "p-3 relative group flex items-center gap-x-3 border border-gray-200 bg-white rounded-md w-full" }, Xo = {
+}), Xo = { class: "p-3 relative group flex items-center gap-x-3 border border-gray-200 bg-white rounded-md w-full" }, ea = {
   key: 0,
   class: "flex w-full gap-x-3 items-center"
-}, ea = {
+}, ta = {
   key: 1,
   class: "flex gap-x-3 w-full items-center"
-}, ta = {
+}, la = {
   key: 2,
   class: "flex gap-x-3 w-full items-center"
-}, la = ["href"], oa = {
+}, oa = ["href"], aa = {
   key: 3,
   class: "flex gap-x-3 w-full items-center"
-}, aa = { class: "lg:absolute lg:top-3 lg:end-1 opacity-100" }, sa = { 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" }, ra = { class: "inline-block" }, na = { class: "inline-block" }, ia = /* @__PURE__ */ O({
+}, sa = { class: "lg:absolute lg:top-3 lg:end-1 opacity-100" }, na = { 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" }, ra = { class: "inline-block" }, ia = { class: "inline-block" }, ua = /* @__PURE__ */ O({
   __name: "vs-widget-file-item",
   props: {
     item: { default: null },
@@ -1317,11 +1317,11 @@ const $t = /* @__PURE__ */ N(Oo, [["render", To]]), Ro = { class: "h-[120px] w-[
   },
   emits: ["update", "openModal", "openLightbox"],
   setup(o, { emit: e }) {
-    const t = o, n = e;
+    const t = o, r = e;
     function a(p) {
       return ["pdf", "json"].includes(p.ext);
     }
-    function r(p) {
+    function n(p) {
       return ["ppt", "pptx", "doc", "docx", "xls", "xlsx"].includes(p.ext);
     }
     function s(p) {
@@ -1332,13 +1332,13 @@ const $t = /* @__PURE__ */ N(Oo, [["render", To]]), Ro = { class: "h-[120px] w-[
       try {
         await fetch(
           `${t.prefix}/widget/file/${t.item.entity_id}/${t.item.file_id}`
-        ), n("update");
+        ), r("update");
       } catch (p) {
         console.error(p);
       }
     }
     function c() {
-      n("openModal", {
+      r("openModal", {
         title: "Ви впевнені?",
         message: "Ви впевнені, що хочете видалити цей файл?",
         confirmButtonText: "Так, я впевнена/ий",
@@ -1348,31 +1348,31 @@ const $t = /* @__PURE__ */ N(Oo, [["render", To]]), Ro = { class: "h-[120px] w-[
       });
     }
     function v(p) {
-      (t.item.ext === "jpg" || t.item.ext === "png") && n("openLightbox", { item: t.item, index: p });
+      (t.item.ext === "jpg" || t.item.ext === "png") && r("openLightbox", { item: t.item, index: p });
     }
-    return (p, f) => (i(), d("div", Qo, [
-      p.item.ext === "jpg" || p.item.ext === "png" ? (i(), d("div", Xo, [
+    return (p, f) => (i(), d("div", Xo, [
+      p.item.ext === "jpg" || p.item.ext === "png" ? (i(), d("div", ea, [
         l("div", {
           class: "max-w-[55vw] cursor-pointer flex gap-x-3 w-full items-center",
           onClick: f[0] || (f[0] = (y) => v(p.index))
         }, [
           I(He, { item: p.item }, null, 8, ["item"])
         ])
-      ])) : a(p.item) ? (i(), d("div", ea, [
+      ])) : a(p.item) ? (i(), d("div", ta, [
         I(He, { item: p.item }, null, 8, ["item"])
-      ])) : r(p.item) ? (i(), d("div", ta, [
+      ])) : n(p.item) ? (i(), d("div", la, [
         l("a", {
           href: `/api/file-preview?id=${p.item.file_id}`,
           target: "_blank",
           class: "flex gap-x-3 w-full items-center"
         }, [
           I(He, { item: p.item }, null, 8, ["item"])
-        ], 8, la)
-      ])) : (i(), d("div", oa, [
+        ], 8, oa)
+      ])) : (i(), d("div", aa, [
         I(He, { item: p.item }, null, 8, ["item"])
       ])),
-      l("div", aa, [
-        l("div", sa, [
+      l("div", sa, [
+        l("div", na, [
           l("div", ra, [
             l("button", {
               class: "inline-flex p-[6px] justify-center items-center gap-x-2 rounded-lg border border-transparent text-gray-500 hover:bg-gray-100 disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-none focus:bg-gray-100 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700",
@@ -1385,13 +1385,13 @@ const $t = /* @__PURE__ */ N(Oo, [["render", To]]), Ro = { class: "h-[120px] w-[
             ])
           ]),
           f[3] || (f[3] = l("div", { class: "w-px h-5 mx-1 bg-gray-200 dark:bg-neutral-700" }, null, -1)),
-          l("div", na, [
+          l("div", ia, [
             l("button", {
               type: "button",
               class: "size-[30px] inline-flex justify-center items-center gap-x-2 rounded-lg border border-transparent text-red-600 hover:bg-red-100 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-red-100 dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20",
               onClick: f[2] || (f[2] = (y) => c())
             }, [
-              I(Ke, {
+              I(Je, {
                 height: "14",
                 width: "14"
               })
@@ -1401,7 +1401,7 @@ const $t = /* @__PURE__ */ N(Oo, [["render", To]]), Ro = { class: "h-[120px] w-[
       ])
     ]));
   }
-}), ua = {}, da = {
+}), da = {}, ca = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1413,8 +1413,8 @@ const $t = /* @__PURE__ */ N(Oo, [["render", To]]), Ro = { class: "h-[120px] w-[
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-download"
 };
-function ca(o, e) {
-  return i(), d("svg", da, e[0] || (e[0] = [
+function pa(o, e) {
+  return i(), d("svg", ca, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1425,13 +1425,13 @@ function ca(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const pa = /* @__PURE__ */ N(ua, [["render", ca]]), fa = { class: "flex flex-col widget-file xl:bg-white xl:rounded-xl dark:xl:bg-neutral-800 dark:xl:border-neutral-700 w-full" }, va = { class: "flex w-full mb-[12px] items-center gap-x-2" }, ma = { class: "font-semibold text-gray-800 dark:text-neutral-200 text-[14px]" }, ha = { class1: "ml-auto" }, ga = { class: "py-1.5 px-4 inline-flex items-center gap-x-2 text-sm font-medium rounded-lg bg-gray-100 cursor-pointer hover:bg-gray-200 text-gray-800 shadow-2xs hover:bg-gray-50 focus:outline-hidden focus:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" }, ba = {
+const fa = /* @__PURE__ */ N(da, [["render", pa]]), va = { class: "flex flex-col widget-file xl:bg-white xl:rounded-xl dark:xl:bg-neutral-800 dark:xl:border-neutral-700 w-full" }, ma = { class: "flex w-full mb-[12px] items-center gap-x-2" }, ha = { class: "font-semibold text-gray-800 dark:text-neutral-200 text-[14px]" }, ga = { class1: "ml-auto" }, ba = { class: "py-1.5 px-4 inline-flex items-center gap-x-2 text-sm font-medium rounded-lg bg-gray-100 cursor-pointer hover:bg-gray-200 text-gray-800 shadow-2xs hover:bg-gray-50 focus:outline-hidden focus:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" }, ya = {
   key: 0,
   class: "py-4 mb-4 space-y-4 border-gray-200 border-y dark:border-neutral-700"
-}, ya = { class: "relative" }, xa = {
+}, xa = { class: "relative" }, wa = {
   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"
-}, wa = { key: 0 }, ka = /* @__PURE__ */ O({
+}, ka = { key: 0 }, _a = /* @__PURE__ */ O({
   __name: "vs-input-file-list",
   props: {
     id: { default: "" },
@@ -1446,9 +1446,9 @@ const pa = /* @__PURE__ */ N(ua, [["render", ca]]), fa = { class: "flex flex-col
   },
   emits: ["update"],
   setup(o, { emit: e }) {
-    const t = o, n = Se("form"), a = D(() => n.value.formId), r = w(!1), s = w(0), u = e, c = w(!1), v = w({}), p = w([]), f = w(""), y = D(() => Array.isArray(p.value) ? p.value.filter((x) => x.ext === "jpg" || x.ext === "png").map((x) => x?.file_path) : []), _ = D(() => f.value === "" ? p.value : p.value.filter((x) => x?.uploaded_name?.includes(f.value))), U = (x) => {
+    const t = o, r = Se("form"), a = D(() => r.value.formId), n = w(!1), s = w(0), u = e, c = w(!1), v = w({}), p = w([]), f = w(""), y = D(() => Array.isArray(p.value) ? p.value.filter((x) => x.ext === "jpg" || x.ext === "png").map((x) => x?.file_path) : []), _ = D(() => f.value === "" ? p.value : p.value.filter((x) => x?.uploaded_name?.includes(f.value))), U = (x) => {
       const b = y.value.findIndex((z) => z === x.item.file_path);
-      b !== -1 && (r.value = !0, s.value = b);
+      b !== -1 && (n.value = !0, s.value = b);
     }, E = async () => {
       try {
         const x = await fetch(`${t.prefix}/widget/file/${a.value}`).then((b) => b.json());
@@ -1462,14 +1462,14 @@ const pa = /* @__PURE__ */ N(ua, [["render", ca]]), fa = { class: "flex flex-col
           const z = new FormData();
           z.append("file", b);
           try {
-            const W = `${t.prefix}/widget/file/${a.value}`, $ = await fetch(W, { method: "POST", body: z });
-            return $.ok ? (u("update", "file-list"), b) : (re({
-              type: $.status >= 400 && $.status < 500 ? "warning" : "error",
+            const W = `${t.prefix}/widget/file/${a.value}`, C = await fetch(W, { method: "POST", body: z });
+            return C.ok ? (u("update", "file-list"), b) : (ne({
+              type: C.status >= 400 && C.status < 500 ? "warning" : "error",
               title: "Error",
-              message: `Error code: ${$.status}`
+              message: `Error code: ${C.status}`
             }), null);
           } catch (W) {
-            return re({
+            return ne({
               type: "error",
               title: "Error",
               message: W.message || "Unknown error"
@@ -1477,34 +1477,34 @@ const pa = /* @__PURE__ */ N(ua, [["render", ca]]), fa = { class: "flex flex-col
           }
         })
       ), await E();
-    }, M = (x) => {
+    }, V = (x) => {
       const b = { ...x };
       return x.cancel || (b.cancel = () => {
         c.value = !1;
       }), x.updateListOnConfirm && (b.confirm = async () => {
         await x.confirm(), c.value = !1, E();
       }), b;
-    }, S = (x) => {
-      v.value = M(x), c.value = !0;
+    }, M = (x) => {
+      v.value = V(x), c.value = !0;
     };
     return le(a, (x) => {
       x && E();
     }), be(() => {
       a.value && E();
     }), (x, b) => {
-      const z = rt("Lightbox"), W = rt("MessageBox");
-      return i(), d("div", fa, [
-        l("div", va, [
-          l("h2", ma, " Файлів: " + P(p.value?.length), 1),
-          l("div", ha, [
+      const z = nt("Lightbox"), W = nt("MessageBox");
+      return i(), d("div", va, [
+        l("div", ma, [
+          l("h2", ha, " Файлів: " + P(p.value?.length), 1),
+          l("div", ga, [
             l("label", null, [
               l("input", {
                 type: "file",
                 class: "hidden",
-                onChange: b[0] || (b[0] = ($) => T($))
+                onChange: b[0] || (b[0] = (C) => T(C))
               }, null, 32),
-              l("div", ga, [
-                I(pa, {
+              l("div", ba, [
+                I(fa, {
                   height: "16",
                   width: "16"
                 })
@@ -1512,9 +1512,9 @@ const pa = /* @__PURE__ */ N(ua, [["render", ca]]), fa = { class: "flex flex-col
             ])
           ])
         ]),
-        p.value?.length > 4 ? (i(), d("div", ba, [
+        p.value?.length > 4 ? (i(), d("div", ya, [
           l("div", null, [
-            l("div", ya, [
+            l("div", xa, [
               b[8] || (b[8] = l("div", { class: "absolute inset-y-0 start-0 flex items-center pointer-events-none z-[1] ps-3.5" }, [
                 l("svg", {
                   class: "flex-shrink-0 text-gray-500 size-4 dark:text-neutral-400",
@@ -1538,7 +1538,7 @@ const pa = /* @__PURE__ */ N(ua, [["render", ca]]), fa = { class: "flex flex-col
               ], -1)),
               K(l("input", {
                 type: "text",
-                "onUpdate:modelValue": b[1] || (b[1] = ($) => f.value = $),
+                "onUpdate:modelValue": b[1] || (b[1] = (C) => f.value = C),
                 class: "py-2 px-3 ps-10 pe-16 block w-full bg-gray-200 xl:bg-gray-100 rounded-lg text-sm focus:border-blue-500 h-[40px] focus:border-2 focus:outline-none disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700 dark:border-transparent dark:text-neutral-400 dark:placeholder:text-neutral-400 dark:focus:ring-neutral-600",
                 placeholder: "Введіть назву файлу"
               }, null, 512), [
@@ -1552,36 +1552,36 @@ const pa = /* @__PURE__ */ N(ua, [["render", ca]]), fa = { class: "flex flex-col
             ])
           ])
         ])) : F("", !0),
-        p.value?.length ? (i(), d("div", xa, [
-          (i(!0), d(ee, null, ae(_.value, ($, se) => (i(), ne(ia, {
+        p.value?.length ? (i(), d("div", wa, [
+          (i(!0), d(ee, null, ae(_.value, (C, se) => (i(), re(ua, {
             key: se,
             prefix: x.prefix,
-            item: $,
+            item: C,
             index: se,
             onUpdate: b[2] || (b[2] = (ue) => x.$emit("update", "file-list")),
-            onOpenModal: b[3] || (b[3] = (ue) => S(ue)),
+            onOpenModal: b[3] || (b[3] = (ue) => M(ue)),
             onOpenLightbox: b[4] || (b[4] = (ue) => U(ue))
           }, null, 8, ["prefix", "item", "index"]))), 128)),
-          _.value.length ? F("", !0) : (i(), d("div", wa, b[9] || (b[9] = [
+          _.value.length ? F("", !0) : (i(), d("div", ka, b[9] || (b[9] = [
             l("p", { class: "text-sm text-gray-600 font-sm" }, " Файлів з такою назвою не існує, введіть інше пошукове слово ", -1)
           ])))
         ])) : F("", !0),
         I(z, {
-          modelValue: r.value,
-          "onUpdate:modelValue": b[5] || (b[5] = ($) => r.value = $),
+          modelValue: n.value,
+          "onUpdate:modelValue": b[5] || (b[5] = (C) => n.value = C),
           startIndex: s.value,
-          "onUpdate:index": b[6] || (b[6] = ($) => s.value = $),
+          "onUpdate:index": b[6] || (b[6] = (C) => s.value = C),
           images: y.value
         }, null, 8, ["modelValue", "startIndex", "images"]),
-        I(W, Oe({
+        I(W, Ie({
           modelValue: c.value,
-          "onUpdate:modelValue": b[7] || (b[7] = ($) => c.value = $),
+          "onUpdate:modelValue": b[7] || (b[7] = (C) => c.value = C),
           onConfirm: v.value.confirm
         }, v.value), null, 16, ["modelValue", "onConfirm"])
       ]);
     };
   }
-}), _a = { class: "flex items-center justify-between" }, $a = { class: "text-[16px] text-gray-900 font-medium" }, Ca = { class: "grid gap-3" }, Va = /* @__PURE__ */ O({
+}), $a = { class: "flex items-center justify-between" }, Ca = { class: "text-[16px] text-gray-900 font-medium" }, Va = { class: "grid gap-3" }, Ma = /* @__PURE__ */ O({
   __name: "vs-container-switcher",
   props: {
     title: {
@@ -1601,31 +1601,31 @@ const pa = /* @__PURE__ */ N(ua, [["render", ca]]), fa = { class: "flex flex-col
     const e = o, t = w(e.isOpen);
     return le(
       () => e.isOpen,
-      (n) => {
-        t.value = n;
+      (r) => {
+        t.value = r;
       }
-    ), (n, a) => (i(), d("div", null, [
-      l("div", _a, [
-        l("p", $a, P(o.title), 1),
+    ), (r, a) => (i(), d("div", null, [
+      l("div", $a, [
+        l("p", Ca, P(o.title), 1),
         I(kt, {
           modelValue: t.value,
-          "onUpdate:modelValue": a[0] || (a[0] = (r) => t.value = r),
+          "onUpdate:modelValue": a[0] || (a[0] = (n) => t.value = n),
           style: we(o.style)
         }, null, 8, ["modelValue", "style"])
       ]),
       I(bt, { name: "slide-fade" }, {
         default: Be(() => [
-          K(l("div", Ca, [
-            Ce(n.$slots, "default", {}, void 0, !0)
+          K(l("div", Va, [
+            Ce(r.$slots, "default", {}, void 0, !0)
           ], 512), [
-            [We, t.value]
+            [Ge, t.value]
           ])
         ]),
         _: 3
       })
     ]));
   }
-}), Ma = /* @__PURE__ */ N(Va, [["__scopeId", "data-v-90320b87"]]), La = { class: "text-[16px] text-gray-900 font-medium" }, Sa = { class: "grid gap-3" }, Ba = /* @__PURE__ */ O({
+}), La = /* @__PURE__ */ N(Ma, [["__scopeId", "data-v-90320b87"]]), Sa = { class: "text-[16px] text-gray-900 font-medium" }, Ba = { class: "grid gap-3" }, ja = /* @__PURE__ */ O({
   __name: "vs-container-accordion",
   props: {
     title: {
@@ -1645,33 +1645,33 @@ const pa = /* @__PURE__ */ N(ua, [["render", ca]]), fa = { class: "flex flex-col
     const e = o, t = w(e.isOpen);
     return le(
       () => e.isOpen,
-      (n) => {
-        t.value = n;
+      (r) => {
+        t.value = r;
       }
-    ), (n, a) => (i(), d("div", null, [
+    ), (r, a) => (i(), d("div", null, [
       l("button", {
         type: "button",
-        onClick: a[0] || (a[0] = (r) => t.value = !t.value),
+        onClick: a[0] || (a[0] = (n) => t.value = !t.value),
         class: "flex items-center gap-2"
       }, [
-        I(J(Il), {
-          class: V(["h-4 w-4 duration-300", [t.value ? "-rotate-180" : ""]])
+        I(J(El), {
+          class: B(["h-4 w-4 duration-300", [t.value ? "-rotate-180" : ""]])
         }, null, 8, ["class"]),
-        l("span", La, P(o.title), 1)
+        l("span", Sa, P(o.title), 1)
       ]),
       I(bt, { name: "slide-fade" }, {
         default: Be(() => [
-          K(l("div", Sa, [
-            Ce(n.$slots, "default", {}, void 0, !0)
+          K(l("div", Ba, [
+            Ce(r.$slots, "default", {}, void 0, !0)
           ], 512), [
-            [We, t.value]
+            [Ge, t.value]
           ])
         ]),
         _: 3
       })
     ]));
   }
-}), ja = /* @__PURE__ */ N(Ba, [["__scopeId", "data-v-590eff11"]]), Ia = { class: "flex items-center justify-between" }, Ea = /* @__PURE__ */ O({
+}), Ia = /* @__PURE__ */ N(ja, [["__scopeId", "data-v-590eff11"]]), Ea = { class: "flex items-center justify-between" }, za = /* @__PURE__ */ O({
   __name: "vs-container-default",
   props: {
     title: {
@@ -1685,16 +1685,16 @@ const pa = /* @__PURE__ */ N(ua, [["render", ca]]), fa = { class: "flex flex-col
   },
   setup(o) {
     return (e, t) => (i(), d("div", null, [
-      l("div", Ia, [
+      l("div", Ea, [
         l("p", null, P(o.title), 1)
       ]),
       Ce(e.$slots, "default")
     ]));
   }
-}), za = {
-  switcher: Ma,
-  accordion: ja,
-  default: Ea
+}), Fa = {
+  switcher: La,
+  accordion: Ia,
+  default: za
 }, fe = {
   Equal: "==",
   Inequal: "!=",
@@ -1708,37 +1708,37 @@ const pa = /* @__PURE__ */ N(ua, [["render", ca]]), fa = { class: "flex flex-col
   Contain: "*",
   In: "in",
   NotIn: "not_in"
-}, Fa = (o, e) => String(o) === String(e), Aa = (o, e) => String(o) !== String(e), Da = (o, e) => o > e, Oa = (o, e) => o >= e, Ua = (o, e) => o < e, Ta = (o, e) => o <= e, Ra = (o, e) => Array.isArray(e) && e.length === 2 ? o >= e[0] && o <= e[1] : !1, Pa = (o, e) => String(o).startsWith(String(e)), Ha = (o, e) => String(o).endsWith(String(e)), Na = (o, e) => String(o).includes(String(e)), qa = (o, e) => Array.isArray(e) ? e.includes(o) : !1, Ga = (o, e) => Array.isArray(e) ? !e.includes(o) : !0, Ct = (o, e) => {
+}, Aa = (o, e) => String(o) === String(e), Da = (o, e) => String(o) !== String(e), Oa = (o, e) => o > e, Ua = (o, e) => o >= e, Ta = (o, e) => o < e, Ra = (o, e) => o <= e, Pa = (o, e) => Array.isArray(e) && e.length === 2 ? o >= e[0] && o <= e[1] : !1, Ha = (o, e) => String(o).startsWith(String(e)), Na = (o, e) => String(o).endsWith(String(e)), qa = (o, e) => String(o).includes(String(e)), Ga = (o, e) => Array.isArray(e) ? e.includes(o) : !1, Ja = (o, e) => Array.isArray(e) ? !e.includes(o) : !0, Ct = (o, e) => {
   if (!e) return !0;
   switch (e?.[1]) {
     case fe.Equal:
-      return Fa(o, e?.[2]);
-    case fe.Inequal:
       return Aa(o, e?.[2]);
-    case fe.Higer:
+    case fe.Inequal:
       return Da(o, e?.[2]);
-    case fe.HigerOrEqual:
+    case fe.Higer:
       return Oa(o, e?.[2]);
-    case fe.Lower:
+    case fe.HigerOrEqual:
       return Ua(o, e?.[2]);
-    case fe.LowerOrEqual:
+    case fe.Lower:
       return Ta(o, e?.[2]);
-    case fe.Between:
+    case fe.LowerOrEqual:
       return Ra(o, e?.[2]);
-    case fe.StartWith:
+    case fe.Between:
       return Pa(o, e?.[2]);
-    case fe.EndWith:
+    case fe.StartWith:
       return Ha(o, e?.[2]);
-    case fe.Contain:
+    case fe.EndWith:
       return Na(o, e?.[2]);
-    case fe.In:
+    case fe.Contain:
       return qa(o, e?.[2]);
-    case fe.NotIn:
+    case fe.In:
       return Ga(o, e?.[2]);
+    case fe.NotIn:
+      return Ja(o, e?.[2]);
     default:
       return !0;
   }
-}, Ja = /* @__PURE__ */ O({
+}, Wa = /* @__PURE__ */ O({
   __name: "vs-input-container",
   props: {
     style: {
@@ -1759,38 +1759,38 @@ const pa = /* @__PURE__ */ N(ua, [["render", ca]]), fa = { class: "flex flex-col
     }
   },
   setup(o) {
-    const e = o, t = Se("formValues", { default: {} }), n = Se("form"), a = D(() => e.schema?.filter((s) => {
+    const e = o, t = Se("formValues", { default: {} }), r = Se("form"), a = D(() => e.schema?.filter((s) => {
       const u = s?.conditions;
       if (!u) return !0;
       const c = Array.isArray(u) ? u[0] : u, v = t?.value?.[c];
       return Ct(v, u);
-    })), r = D(() => za[e.view]);
-    return (s, u) => o.schema?.length ? (i(), ne(Ee(r.value), {
+    })), n = D(() => Fa[e.view]);
+    return (s, u) => o.schema?.length ? (i(), re(Ee(n.value), {
       key: 0,
       title: o.title,
       style: we(o.style)
     }, {
       default: Be(() => [
-        (i(!0), d(ee, null, ae(a.value, (c) => (i(), ne(Vt, Oe({
+        (i(!0), d(ee, null, ae(a.value, (c) => (i(), re(Vt, Ie({
           key: c.name
         }, { ref_for: !0 }, c, {
           item: c,
           modelValue: J(t)[c.name],
           "onUpdate:modelValue": (v) => J(t)[c.name] = v,
           style: o.style,
-          error: J(n)?.errors?.[c.name]
+          error: J(r)?.errors?.[c.name]
         }), null, 16, ["item", "modelValue", "onUpdate:modelValue", "style", "error"]))), 128))
       ]),
       _: 1
     }, 8, ["title", "style"])) : F("", !0);
   }
-}), Wa = ["aria-expanded", "data-focus"], Ka = { class: "flex items-center" }, Za = ["title"], Ya = ["onClick"], Qa = ["title"], Xa = {
+}), Ka = ["aria-expanded", "data-focus"], Za = { class: "flex items-center" }, Ya = ["title"], Qa = ["onClick"], Xa = ["title"], es = {
   key: 2,
   class: "text-gray-500 truncate"
-}, es = { class: "flex-1 min-w-[2px]" }, ts = ["placeholder"], ls = { class: "flex items-center shrink-0" }, os = ["disabled"], as = ["disabled", "title"], ss = ["aria-disabled", "onClick"], rs = {
+}, ts = { class: "flex-1 min-w-[2px]" }, ls = ["placeholder"], os = { class: "flex items-center shrink-0" }, as = ["disabled"], ss = ["disabled", "title"], ns = ["aria-disabled", "onClick"], rs = {
   key: 1,
   class: "px-3 py-2 text-center text-gray-500"
-}, ns = ["disabled"], pt = /* @__PURE__ */ O({
+}, is = ["disabled"], pt = /* @__PURE__ */ O({
   __name: "vs-input-select",
   props: {
     multiple: { type: Boolean, default: !1 },
@@ -1815,82 +1815,82 @@ const pa = /* @__PURE__ */ N(ua, [["render", ca]]), fa = { class: "flex flex-col
   },
   emits: ["change", "update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, n = e, a = D(() => t.multiple), r = D(() => t.disabled);
+    const t = o, r = e, a = D(() => t.multiple), n = D(() => t.disabled);
     ye(t.style);
     const s = D({
       get: () => t.modelValue,
-      set: (h) => n("update:modelValue", h)
+      set: (h) => r("update:modelValue", h)
     });
     !s.value && t.defaultValue && (s.value = t.defaultValue);
-    const u = w(null), c = w(null), v = w(null), p = w(null), f = w(!1), y = w(!1), _ = w(null), U = w([]), E = w(-1), T = w([]), M = w(""), S = w(null), x = w("bottom"), b = w({}), z = w([]), W = D(() => {
+    const u = w(null), c = w(null), v = w(null), p = w(null), f = w(!1), y = w(!1), _ = w(null), U = w([]), E = w(-1), T = w([]), V = w(""), M = w(null), x = w("bottom"), b = w({}), z = w([]), W = D(() => {
       if (!z.value.length) return [];
       const h = new Map(U.value.map((m) => [m.id?.toString(), m]));
       return z.value.map((m) => h.get(m?.toString())).filter((m) => !!m);
-    }), $ = D(() => t.placeholder || "Select..."), se = D(() => a.value ? !z.value.length && M.value === "" : !_.value?.text && M.value === ""), ue = D(() => r.value ? !1 : a.value ? z.value.length > 0 : !!s.value), pe = (h) => a.value ? z.value.some((m) => m?.toString() === h?.toString()) : s.value?.toString() === h?.toString(), te = D(() => {
+    }), C = D(() => t.placeholder || "Select..."), se = D(() => a.value ? !z.value.length && V.value === "" : !_.value?.text && V.value === ""), ue = D(() => n.value ? !1 : a.value ? z.value.length > 0 : !!s.value), de = (h) => a.value ? z.value.some((m) => m?.toString() === h?.toString()) : s.value?.toString() === h?.toString(), te = D(() => {
       let h = U.value ?? [];
-      if (!t.data && M.value.trim() !== "") {
-        const m = M.value.toLowerCase();
-        h = h.filter((C) => C.text?.toLowerCase?.().includes(m));
+      if (!t.data && V.value.trim() !== "") {
+        const m = V.value.toLowerCase();
+        h = h.filter(($) => $.text?.toLowerCase?.().includes(m));
       }
       if (a.value && z.value.length) {
-        const m = new Set(z.value.map((C) => C?.toString()));
-        h = h.filter((C) => !m.has(C.id?.toString()));
+        const m = new Set(z.value.map(($) => $?.toString()));
+        h = h.filter(($) => !m.has($.id?.toString()));
       }
       return h;
     }), ze = Se("values"), ke = D(() => t.parent ? ze?.value?.[t.parent] ?? null : null), A = async (h) => {
       if (!t.data) {
         let m = t.options ?? [];
         if (h?.trim()) {
-          const C = h.toLowerCase();
-          m = m.filter((H) => H.text?.toLowerCase?.().includes(C));
+          const $ = h.toLowerCase();
+          m = m.filter((H) => H.text?.toLowerCase?.().includes($));
         }
         return m;
       }
       try {
-        const m = t.host ?? "", C = t.prefix ?? "api", H = t.api ?? `/${C}/suggest/${t.data}`, oe = `${m}${H}`, he = new URLSearchParams();
+        const m = t.host ?? "", $ = t.prefix ?? "api", H = t.api ?? `/${$}/suggest/${t.data}`, oe = `${m}${H}`, he = new URLSearchParams();
         return he.set("json", "1"), h && he.set("key", h), ke.value !== void 0 && ke.value !== null && ke.value !== "" && he.set("parent", String(ke.value)), (await fetch(`${oe}?${he.toString()}`).then((je) => je.json()))?.data ?? [];
       } catch {
         return [];
       }
     }, j = async () => {
-      t.data ? U.value = await A(M.value) : U.value = t.options ? [...t.options] : [];
-    }, B = async (h) => {
+      t.data ? U.value = await A(V.value) : U.value = t.options ? [...t.options] : [];
+    }, S = async (h) => {
       if (h == null) return null;
       const m = U.value?.find((H) => H?.id?.toString() === String(h));
       return m || ((await A(String(h)))?.[0] ?? null);
     }, G = async (h) => {
-      const m = new Set(U.value.map((H) => H.id?.toString())), C = h.filter((H) => !m.has(H?.toString()));
-      C.length && await C.reduce(async (H, oe) => {
+      const m = new Set(U.value.map((H) => H.id?.toString())), $ = h.filter((H) => !m.has(H?.toString()));
+      $.length && await $.reduce(async (H, oe) => {
         await H;
-        const he = await B(oe);
+        const he = await S(oe);
         he && U.value.push(he);
       }, Promise.resolve());
     }, Z = async () => {
-      r.value || (f.value = !0, await j(), await Ae(() => {
-        xe(), S.value?.focus(), te.value.length ? E.value = 0 : E.value = -1;
+      n.value || (f.value = !0, await j(), await De(() => {
+        xe(), M.value?.focus(), te.value.length ? E.value = 0 : E.value = -1;
       }));
-    }, de = () => {
+    }, ce = () => {
       f.value = !1, E.value = -1;
     }, _e = async (h) => {
-      if (r.value) return;
-      !f.value ? await Z() : de();
+      if (n.value) return;
+      !f.value ? await Z() : ce();
     }, g = async () => {
-      f.value ? S.value?.focus() : await Z();
+      f.value ? M.value?.focus() : await Z();
     }, k = () => {
-      a.value ? (z.value = [], s.value = [], n("change", [])) : (_.value = null, s.value = null, n("change", null)), M.value = "", Ae(() => S.value?.focus());
+      a.value ? (z.value = [], s.value = [], r("change", [])) : (_.value = null, s.value = null, r("change", null)), V.value = "", De(() => M.value?.focus());
     }, R = (h) => {
-      a.value && (z.value = z.value.filter((m) => m?.toString() !== h?.toString()), s.value = [...z.value], n("change", s.value), Ae(() => S.value?.focus()));
+      a.value && (z.value = z.value.filter((m) => m?.toString() !== h?.toString()), s.value = [...z.value], r("change", s.value), De(() => M.value?.focus()));
     }, q = (h) => {
-      a.value ? (pe(h.id) || (z.value = [...z.value, h.id], s.value = [...z.value], n("change", s.value)), M.value = "", Ae(() => {
-        S.value?.focus(), E.value = Math.min(E.value, te.value.length - 1);
-      })) : (_.value = h, s.value = h.id, n("change", s.value), M.value = "", de());
+      a.value ? (de(h.id) || (z.value = [...z.value, h.id], s.value = [...z.value], r("change", s.value)), V.value = "", De(() => {
+        M.value?.focus(), E.value = Math.min(E.value, te.value.length - 1);
+      })) : (_.value = h, s.value = h.id, r("change", s.value), V.value = "", ce());
     }, Y = (h) => {
-      pe(h.id) || q(h);
+      de(h.id) || q(h);
     }, me = (h, m) => {
       if (!h || !m) return;
-      const C = h.offsetTop, H = C + h.offsetHeight, oe = m.scrollTop, he = oe + m.clientHeight;
+      const $ = h.offsetTop, H = $ + h.offsetHeight, oe = m.scrollTop, he = oe + m.clientHeight;
       let Le = m.scrollTop;
-      C < oe ? Le = C - 80 : H > he && (Le = H - m.clientHeight + 4);
+      $ < oe ? Le = $ - 80 : H > he && (Le = H - m.clientHeight + 4);
       const je = m;
       je.scrollTop = Le;
     }, $e = (h) => {
@@ -1898,7 +1898,7 @@ const pa = /* @__PURE__ */ N(ua, [["render", ca]]), fa = { class: "flex flex-col
       for (; m; ) {
         if (m.classList.contains("ui-dialog__content"))
           return m;
-        const C = window.getComputedStyle(m), H = C.overflow + C.overflowY + C.overflowX;
+        const $ = window.getComputedStyle(m), H = $.overflow + $.overflowY + $.overflowX;
         if (H.includes("auto") || H.includes("scroll") || m === document.body || m === document.documentElement)
           return m;
         m = m.parentElement;
@@ -1906,26 +1906,26 @@ const pa = /* @__PURE__ */ N(ua, [["render", ca]]), fa = { class: "flex flex-col
       return document.body;
     }, xe = () => {
       if (!c.value) return;
-      const h = c.value.getBoundingClientRect(), m = window.innerHeight || document.documentElement.clientHeight, C = window.innerWidth || document.documentElement.clientWidth, H = 8, oe = 8, he = t.maxHeight || 300, Le = m - h.bottom - oe - H, je = h.top - oe - H, Pe = Le >= je, Ye = Math.max(C - H * 2, 0);
-      let Ie = h.width;
-      Ye > 0 && Ie > Ye && (Ie = Ye);
-      let Fe = h.left;
-      Fe + Ie + H > C && (Fe = C - Ie - H), Fe = Math.max(Fe, H);
+      const h = c.value.getBoundingClientRect(), m = window.innerHeight || document.documentElement.clientHeight, $ = window.innerWidth || document.documentElement.clientWidth, H = 8, oe = 8, he = t.maxHeight || 300, Le = m - h.bottom - oe - H, je = h.top - oe - H, Pe = Le >= je, Ke = Math.max($ - H * 2, 0);
+      let { width: Fe } = h;
+      Ke > 0 && Fe > Ke && (Fe = Ke);
+      let { left: Ae } = h;
+      Ae + Fe + H > $ && (Ae = $ - Fe - H), Ae = Math.max(Ae, H);
       const zt = Math.min(
         he,
         Math.max(Pe ? Le : je, 50)
       );
       x.value = Pe ? "bottom" : "top", b.value = {
         position: "fixed",
-        left: `${Fe}px`,
-        width: `${Ie}px`,
-        minWidth: `${Ie}px`,
+        left: `${Ae}px`,
+        width: `${Fe}px`,
+        minWidth: "300px",
         maxHeight: `${zt}px`,
         transform: Pe ? "none" : "translateY(-100%)",
         top: Pe ? `${h.bottom + oe}px` : `${h.top - oe}px`
       };
     }, Ve = async (h) => {
-      r.value || !f.value && (h.key === "ArrowDown" || h.key === "ArrowUp") && (h.preventDefault(), await Z());
+      n.value || !f.value && (h.key === "ArrowDown" || h.key === "ArrowUp") && (h.preventDefault(), await Z());
     }, Me = (h) => {
       if (!f.value) return;
       const { key: m } = h;
@@ -1935,18 +1935,18 @@ const pa = /* @__PURE__ */ N(ua, [["render", ca]]), fa = { class: "flex flex-col
         h.preventDefault(), E.value > 0 && (E.value -= 1, me(T.value[E.value], v.value));
       else if (m === "Enter") {
         h.preventDefault();
-        const C = te.value[E.value];
-        C && q(C), S.value?.blur();
-      } else m === "Escape" ? (h.preventDefault(), de()) : m === "Backspace" ? a.value && M.value === "" && z.value.length && (z.value = z.value.slice(0, -1), s.value = [...z.value], n("change", s.value)) : m === "Home" ? (E.value = 0, me(T.value[0], v.value)) : m === "End" ? (E.value = te.value.length - 1, me(T.value[E.value], v.value)) : m === "Tab" && de();
+        const $ = te.value[E.value];
+        $ && q($), M.value?.blur();
+      } else m === "Escape" ? (h.preventDefault(), ce()) : m === "Backspace" ? a.value && V.value === "" && z.value.length && (z.value = z.value.slice(0, -1), s.value = [...z.value], r("change", s.value)) : m === "Home" ? (E.value = 0, me(T.value[0], v.value)) : m === "End" ? (E.value = te.value.length - 1, me(T.value[E.value], v.value)) : m === "Tab" && ce();
     }, Lt = () => {
-      r.value || (y.value = !0);
+      n.value || (y.value = !0);
     }, St = () => {
-      y.value = !1, M.value = "";
+      y.value = !1, V.value = "";
     }, Qe = (h) => {
-      h.key === "Escape" && f.value && de();
+      h.key === "Escape" && f.value && ce();
     }, Xe = (h) => {
       const m = h.target;
-      u.value?.contains(m) || p.value?.contains(m) || de();
+      u.value?.contains(m) || p.value?.contains(m) || ce();
     }, et = (h) => {
       f.value && v.value && !v.value.contains(h.target) && xe();
     }, tt = () => {
@@ -1965,7 +1965,7 @@ const pa = /* @__PURE__ */ N(ua, [["render", ca]]), fa = { class: "flex flex-col
           const h = s.value[0] ?? null;
           s.value = h ?? null;
         }
-        _.value = await B(s.value);
+        _.value = await S(s.value);
       }
     };
     le(s, () => {
@@ -1975,20 +1975,20 @@ const pa = /* @__PURE__ */ N(ua, [["render", ca]]), fa = { class: "flex flex-col
     }), qe(() => {
       removeEventListener("keydown", Qe), removeEventListener("scroll", et, !0), removeEventListener("resize", tt), document.removeEventListener("click", Xe, !0), c.value && $e(c.value).removeEventListener("scroll", lt, !0);
     });
-    const Re = w(!1), Ze = w({}), at = w([]), st = w(null);
+    const Re = w(!1), We = w({}), at = w([]), st = w(null);
     async function Bt() {
       if (!t.add?.token || st?.value.validate())
         return;
-      const m = t.add.api ?? `/api/table/${t.add.token}`, { id: C } = await fetch(m, {
+      const m = t.add.api ?? `/api/table/${t.add.token}`, { id: $ } = await fetch(m, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify(Ze.value)
+        body: JSON.stringify(We.value)
       }).then((H) => H.json());
       if (!t.options?.length && t.data) {
-        const { data: H } = await fetch(`${t.api ?? `/api/suggest/${t.data}`}?val=${C}`).then((oe) => oe.json());
-        _.value = H[0], U.value.push(H[0]), s.value = C;
+        const { data: H } = await fetch(`${t.api ?? `/api/suggest/${t.data}`}?val=${$}`).then((oe) => oe.json());
+        _.value = H[0], U.value.push(H[0]), s.value = $;
       }
-      Re.value = !1, re({ title: "Success!", message: "Object created." });
+      Re.value = !1, ne({ title: "Success!", message: "Object created." });
     }
     async function jt() {
       if (!t.add) return null;
@@ -1996,26 +1996,26 @@ const pa = /* @__PURE__ */ N(ua, [["render", ca]]), fa = { class: "flex flex-col
       return at.value = h.schema, Re.value = !0, null;
     }
     function It(h, m = 200) {
-      let C;
+      let $;
       return (...H) => {
-        C && clearTimeout(C), C = window.setTimeout(() => h(...H), m);
+        $ && clearTimeout($), $ = window.setTimeout(() => h(...H), m);
       };
     }
     const Et = It(async (h) => {
       U.value = await A(h);
     }, 200);
-    return le(M, (h) => {
+    return le(V, (h) => {
       t.data && Et(h.trim());
     }), le(() => t.options, (h) => {
       !t.data && h?.length && (U.value = [...h]);
     }, { immediate: !0 }), le(() => t.parent ?? t.parentValue, () => {
       t.data && j();
     }), le(ke, async () => {
-      t.data && (a.value ? (z.value = [], s.value = [], n("change", [])) : (_.value = null, s.value = null, n("change", null)));
+      t.data && (a.value ? (z.value = [], s.value = [], r("change", [])) : (_.value = null, s.value = null, r("change", null)));
     }), (h, m) => (i(), d(ee, null, [
       I(J(xt), {
         visible: Re.value,
-        "onUpdate:visible": m[1] || (m[1] = (C) => Re.value = C),
+        "onUpdate:visible": m[1] || (m[1] = ($) => Re.value = $),
         title: "Додати",
         buttonText: "Додати",
         onDone: Bt
@@ -2023,8 +2023,8 @@ const pa = /* @__PURE__ */ N(ua, [["render", ca]]), fa = { class: "flex flex-col
         default: Be(() => [
           I(Te, {
             schema: at.value,
-            modelValue: Ze.value,
-            "onUpdate:modelValue": m[0] || (m[0] = (C) => Ze.value = C),
+            modelValue: We.value,
+            "onUpdate:modelValue": m[0] || (m[0] = ($) => We.value = $),
             ref_key: "addForm",
             ref: st
           }, null, 8, ["schema", "modelValue"])
@@ -2039,7 +2039,7 @@ const pa = /* @__PURE__ */ N(ua, [["render", ca]]), fa = { class: "flex flex-col
         }, ["stop"]))
       }, [
         l("div", {
-          class: V(["relative w-full font-sans", t.customClass])
+          class: B(["relative w-full font-sans", t.customClass])
         }, [
           m[9] || (m[9] = l("span", {
             id: "react-select-live-region",
@@ -2053,11 +2053,11 @@ const pa = /* @__PURE__ */ N(ua, [["render", ca]]), fa = { class: "flex flex-col
             class: "sr-only"
           }, null, -1)),
           l("div", {
-            class: V([
+            class: B([
               "flex min-h-[38px] items-center justify-between rounded border transition-colors bg-white",
               "border-gray-300 hover:border-gray-400",
               f.value || y.value ? "border-blue-500 ring-1 ring-blue-500" : "",
-              r.value ? "bg-gray-100 text-gray-400 cursor-not-allowed hover:border-gray-300" : ""
+              n.value ? "bg-gray-100 text-gray-400 cursor-not-allowed hover:border-gray-300" : ""
             ]),
             role: "combobox",
             "aria-expanded": f.value,
@@ -2071,25 +2071,25 @@ const pa = /* @__PURE__ */ N(ua, [["render", ca]]), fa = { class: "flex flex-col
               ref_key: "triggerRef",
               ref: c
             }, [
-              a.value && z.value.length ? (i(!0), d(ee, { key: 0 }, ae(W.value, (C) => (i(), d("div", {
+              a.value && z.value.length ? (i(!0), d(ee, { key: 0 }, ae(W.value, ($) => (i(), d("div", {
                 class: "flex min-w-0 bg-[#e6e6e6] rounded-sm m-0.5 box-border",
-                key: C.id
+                key: $.id
               }, [
-                l("div", Ka, [
-                  C?.color ? (i(), d("span", {
+                l("div", Za, [
+                  $?.color ? (i(), d("span", {
                     key: 0,
                     class: "w-[16px] h-[16px] rounded-md block ml-1.5",
-                    style: we({ backgroundColor: C?.color })
+                    style: we({ backgroundColor: $?.color })
                   }, null, 4)) : F("", !0),
                   l("div", {
                     class: "truncate text-gray-900 overflow-hidden",
-                    title: C.text
-                  }, P(C.text), 9, Za)
+                    title: $.text
+                  }, P($.text), 9, Ya)
                 ]),
                 l("div", {
                   role: "button",
                   class: "flex items-center rounded-sm px-1 box-border hover:bg-[#ffbdad] hover:text-[#de350b]",
-                  onClick: ge((H) => R(C.id), ["stop"])
+                  onClick: ge((H) => R($.id), ["stop"])
                 }, m[5] || (m[5] = [
                   l("svg", {
                     height: "14",
@@ -2101,10 +2101,10 @@ const pa = /* @__PURE__ */ N(ua, [["render", ca]]), fa = { class: "flex flex-col
                   }, [
                     l("path", { d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z" })
                   ], -1)
-                ]), 8, Ya)
-              ]))), 128)) : !a.value && !y.value && _.value?.text && M.value === "" ? (i(), d("div", {
+                ]), 8, Qa)
+              ]))), 128)) : !a.value && !y.value && _.value?.text && V.value === "" ? (i(), d("div", {
                 key: 1,
-                class: V(["truncate text-gray-900"]),
+                class: B(["truncate text-gray-900"]),
                 title: _.value.text
               }, [
                 _.value?.color ? (i(), d("span", {
@@ -2113,15 +2113,15 @@ const pa = /* @__PURE__ */ N(ua, [["render", ca]]), fa = { class: "flex flex-col
                   style: we({ backgroundColor: _.value?.color })
                 }, null, 4)) : F("", !0),
                 l("span", {
-                  class: V({ "pl-5": _.value?.color })
+                  class: B({ "pl-5": _.value?.color })
                 }, P(_.value.text), 3)
-              ], 8, Qa)) : F("", !0),
-              se.value ? (i(), d("div", Xa, P($.value), 1)) : F("", !0),
-              l("div", es, [
-                !r.value && h.search ? K((i(), d("input", {
+              ], 8, Xa)) : F("", !0),
+              se.value ? (i(), d("div", es, P(C.value), 1)) : F("", !0),
+              l("div", ts, [
+                !n.value && h.search ? K((i(), d("input", {
                   key: 0,
                   ref_key: "inputRef",
-                  ref: S,
+                  ref: M,
                   class: "w-full bg-transparent outline-none border-0 m-0 p-0 text-gray-900",
                   autocapitalize: "none",
                   autocomplete: "off",
@@ -2130,23 +2130,23 @@ const pa = /* @__PURE__ */ N(ua, [["render", ca]]), fa = { class: "flex flex-col
                   type: "text",
                   tabindex: "0",
                   "aria-autocomplete": "list",
-                  placeholder: (a.value && z.value.length ? " " : null) || (y.value && !M.value?.length ? _.value?.text : " "),
-                  "onUpdate:modelValue": m[2] || (m[2] = (C) => M.value = C),
+                  placeholder: (a.value && z.value.length ? " " : null) || (y.value && !V.value?.length ? _.value?.text : " "),
+                  "onUpdate:modelValue": m[2] || (m[2] = ($) => V.value = $),
                   onFocus: Lt,
                   onBlur: St,
                   onKeydown: Me
-                }, null, 40, ts)), [
-                  [ie, M.value]
+                }, null, 40, ls)), [
+                  [ie, V.value]
                 ]) : F("", !0)
               ])
             ], 512),
-            l("div", ls, [
+            l("div", os, [
               ue.value ? (i(), d("button", {
                 key: 0,
                 type: "button",
                 class: "px-2 text-gray-400 hover:text-gray-500 transition-colors disabled:opacity-50",
                 "aria-hidden": "true",
-                disabled: r.value,
+                disabled: n.value,
                 onClick: ge(k, ["stop"])
               }, m[6] || (m[6] = [
                 l("svg", {
@@ -2157,14 +2157,14 @@ const pa = /* @__PURE__ */ N(ua, [["render", ca]]), fa = { 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, os)) : F("", !0),
+              ]), 8, as)) : F("", !0),
               m[8] || (m[8] = l("div", { class: "self-stretch w-px bg-[#ccc] my-[1px]" }, null, -1)),
               l("button", {
                 type: "button",
                 class: "px-2 text-gray-400 hover:text-gray-500 transition-colors disabled:opacity-50",
                 "aria-hidden": "true",
-                disabled: r.value,
-                onClick: m[3] || (m[3] = ge((C) => _e(), ["stop"])),
+                disabled: n.value,
+                onClick: m[3] || (m[3] = ge(($) => _e(), ["stop"])),
                 title: f.value ? "Закрити список" : "Відкрити список"
               }, m[7] || (m[7] = [
                 l("svg", {
@@ -2175,15 +2175,15 @@ const pa = /* @__PURE__ */ N(ua, [["render", ca]]), fa = { class: "flex flex-col
                 }, [
                   l("path", { d: "M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z" })
                 ], -1)
-              ]), 8, as)
+              ]), 8, ss)
             ])
-          ], 42, Wa),
-          (i(), ne(yt, { to: "body" }, [
+          ], 42, Ka),
+          (i(), re(yt, { to: "body" }, [
             f.value ? (i(), d("div", {
               key: 0,
               ref_key: "dropdownRef",
               ref: p,
-              class: V([
+              class: B([
                 "fixed z-[3000] rounded bg-white shadow-[0_0_0_1px_rgba(0,0,0,0.1),0_4px_11px_rgba(0,0,0,0.1)]"
               ]),
               style: we(b.value),
@@ -2195,34 +2195,34 @@ const pa = /* @__PURE__ */ N(ua, [["render", ca]]), fa = { class: "flex flex-col
                 ref_key: "listRef",
                 ref: v
               }, [
-                te.value.length ? (i(!0), d(ee, { key: 0 }, ae(te.value, (C, H) => (i(), d("div", {
-                  key: C.id,
+                te.value.length ? (i(!0), d(ee, { key: 0 }, ae(te.value, ($, H) => (i(), d("div", {
+                  key: $.id,
                   ref_for: !0,
                   ref: (oe) => T.value[H] = oe,
-                  class: V([
-                    "flex px-3 py-2 cursor-default select-none text-gray-900 hover:bg-blue-100",
-                    E.value === H ? "bg-blue-100" : "",
-                    pe(C.id) ? "bg-blue-50" : "bg-white"
+                  class: B([
+                    "flex px-3 py-2 cursor-default select-none text-gray-900 ",
+                    de($.id) ? "bg-blue-500 text-white" : "bg-white hover:bg-blue-100",
+                    E.value === H && !de($.id) ? "bg-blue-100" : ""
                   ]),
-                  "aria-disabled": pe(C.id) ? "true" : "false",
+                  "aria-disabled": de($.id) ? "true" : "false",
                   role: "option",
                   tabindex: "-1",
-                  onClick: (oe) => Y(C)
+                  onClick: (oe) => Y($)
                 }, [
-                  C?.color ? (i(), d("span", {
+                  $?.color ? (i(), d("span", {
                     key: 0,
                     class: "w-[11px] h-[11px] rounded-full block mr-1 mt-1.5",
-                    style: we({ backgroundColor: C?.color })
+                    style: we({ backgroundColor: $?.color })
                   }, null, 4)) : F("", !0),
                   l("div", {
-                    class: V([
+                    class: B([
                       "leading-[19px]",
-                      E.value === C.id ? "text-white" : "",
+                      E.value === $.id ? "text-white" : "",
                       // active style like react-select
                       (E.value === H, "")
                     ])
-                  }, P(C.text), 3)
-                ], 10, ss))), 128)) : (i(), d("div", rs, " No options "))
+                  }, P($.text), 3)
+                ], 10, ns))), 128)) : (i(), d("div", rs, " No options "))
               ], 4)
             ], 4)) : F("", !0)
           ]))
@@ -2231,7 +2231,7 @@ const pa = /* @__PURE__ */ N(ua, [["render", ca]]), fa = { class: "flex flex-col
           key: 0,
           onClick: jt,
           class: "bg-white hover:bg-gray-100 text-sm text-gray-900 py-[10px] px-3 border border-stone-200 rounded-md h-[38px] flex items-center gap-2",
-          disabled: r.value,
+          disabled: n.value,
           type: "button"
         }, [
           I(Ue, {
@@ -2239,11 +2239,11 @@ const pa = /* @__PURE__ */ N(ua, [["render", ca]]), fa = { class: "flex flex-col
             height: "16"
           }),
           m[11] || (m[11] = l("span", null, "Додати", -1))
-        ], 8, ns)) : F("", !0)
+        ], 8, is)) : F("", !0)
       ], 512)
     ], 64));
   }
-}), is = ["placeholder", "disabled"], us = /* @__PURE__ */ O({
+}), us = ["placeholder", "disabled"], ds = /* @__PURE__ */ O({
   __name: "vs-input-textarea",
   props: /* @__PURE__ */ Q({
     style: { default: () => ({}) },
@@ -2259,21 +2259,21 @@ const pa = /* @__PURE__ */ N(ua, [["render", ca]]), fa = { class: "flex flex-col
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = ye(e.style), n = X(o, "modelValue");
-    return (a, r) => K((i(), d("textarea", {
-      "onUpdate:modelValue": r[0] || (r[0] = (s) => n.value = s),
+    const e = o, { inputClass: t } = ye(e.style), r = X(o, "modelValue");
+    return (a, n) => K((i(), d("textarea", {
+      "onUpdate:modelValue": n[0] || (n[0] = (s) => r.value = s),
       placeholder: a.placeholder,
       disabled: a.disabled,
       row: "2",
-      class: V(["py-1.5 px-3 block w-full placeholder:text[#767f8f] h-auto bg-white", [J(t)]]),
+      class: B(["py-1.5 px-3 block w-full placeholder:text[#767f8f] h-auto bg-white", [J(t)]]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, is)), [
-      [ie, n.value]
+    }, null, 10, us)), [
+      [ie, r.value]
     ]);
   }
-}), ds = {}, cs = {
+}), cs = {}, ps = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2283,8 +2283,8 @@ const pa = /* @__PURE__ */ N(ua, [["render", ca]]), fa = { class: "flex flex-col
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-search stroke-gray-500 transition-all"
 };
-function ps(o, e) {
-  return i(), d("svg", cs, e[0] || (e[0] = [
+function fs(o, e) {
+  return i(), d("svg", ps, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2294,7 +2294,7 @@ function ps(o, e) {
     l("path", { d: "M21 21l-6 -6" }, null, -1)
   ]));
 }
-const fs = /* @__PURE__ */ N(ds, [["render", ps]]), vs = {}, ms = {
+const vs = /* @__PURE__ */ N(cs, [["render", fs]]), ms = {}, hs = {
   class: "flex-shrink-0 mt-0.5 size-3.5",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
@@ -2304,15 +2304,15 @@ const fs = /* @__PURE__ */ N(ds, [["render", ps]]), vs = {}, ms = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function hs(o, e) {
-  return i(), d("svg", ms, e[0] || (e[0] = [
+function gs(o, e) {
+  return i(), d("svg", hs, e[0] || (e[0] = [
     l("path", { d: "m3 16 4 4 4-4" }, null, -1),
     l("path", { d: "M7 20V4" }, null, -1),
     l("path", { d: "m21 8-4-4-4 4" }, null, -1),
     l("path", { d: "M17 4v16" }, null, -1)
   ]));
 }
-const gs = /* @__PURE__ */ N(vs, [["render", hs]]), bs = {}, ys = {
+const bs = /* @__PURE__ */ N(ms, [["render", gs]]), ys = {}, xs = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "14",
   height: "14",
@@ -2323,8 +2323,8 @@ const gs = /* @__PURE__ */ N(vs, [["render", hs]]), bs = {}, ys = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function xs(o, e) {
-  return i(), d("svg", ys, e[0] || (e[0] = [
+function ws(o, e) {
+  return i(), d("svg", xs, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2335,7 +2335,7 @@ function xs(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const ws = /* @__PURE__ */ N(bs, [["render", xs]]), ks = {}, _s = {
+const ks = /* @__PURE__ */ N(ys, [["render", ws]]), _s = {}, $s = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2344,8 +2344,8 @@ const ws = /* @__PURE__ */ N(bs, [["render", xs]]), ks = {}, _s = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function $s(o, e) {
-  return i(), d("svg", _s, e[0] || (e[0] = [
+function Cs(o, e) {
+  return i(), d("svg", $s, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2356,7 +2356,7 @@ function $s(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const Cs = /* @__PURE__ */ N(ks, [["render", $s]]), Vs = {}, Ms = {
+const Vs = /* @__PURE__ */ N(_s, [["render", Cs]]), Ms = {}, Ls = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2365,22 +2365,22 @@ const Cs = /* @__PURE__ */ N(ks, [["render", $s]]), Vs = {}, Ms = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Ls(o, e) {
-  return i(), d("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)
+function Ss(o, e) {
+  return i(), d("svg", Ls, e[0] || (e[0] = [
+    pe('<circle cx="9" cy="12" r="1"></circle><circle cx="9" cy="5" r="1"></circle><circle cx="9" cy="19" r="1"></circle><circle cx="15" cy="12" r="1"></circle><circle cx="15" cy="5" r="1"></circle><circle cx="15" cy="19" r="1"></circle>', 6)
   ]));
 }
-const ft = /* @__PURE__ */ N(Vs, [["render", Ls]]), Ss = {}, Bs = {
+const ft = /* @__PURE__ */ N(Ms, [["render", Ss]]), Bs = {}, js = {
   viewBox: "0 0 178 90",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function js(o, e) {
-  return i(), d("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)
+function Is(o, e) {
+  return i(), d("svg", js, e[0] || (e[0] = [
+    pe('<rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-50 dark:stroke-neutral-700/10"></rect><rect x="34.5" y="58" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/30"></rect><rect x="27" y="36" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><g filter="url(#filter1)"><rect x="12" y="6" width="154" height="40" rx="8" fill="currentColor" class="fill-white dark:fill-neutral-800" shape-rendering="crispEdges"></rect><rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/60" shape-rendering="crispEdges"></rect><rect x="20" y="14" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect><rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect><rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect></g><defs><filter id="filter1" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="6"></feOffset><feGaussianBlur stdDeviation="6"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"></feBlend></filter></defs>', 12)
   ]));
 }
-const Is = /* @__PURE__ */ N(Ss, [["render", js]]), Es = {}, zs = {
+const Es = /* @__PURE__ */ N(Bs, [["render", Is]]), zs = {}, Fs = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2389,25 +2389,25 @@ const Is = /* @__PURE__ */ N(Ss, [["render", js]]), Es = {}, zs = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Fs(o, e) {
-  return i(), d("svg", zs, e[0] || (e[0] = [
+function As(o, e) {
+  return i(), d("svg", Fs, 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 As = /* @__PURE__ */ N(Es, [["render", Fs]]), Ds = { class: "vs-datatable border rounded-xl w-full flex-grow" }, Os = { class: "flex items-center npm gap-[16px] justify-between p-[20px] pb-[16px]" }, Us = { class: "relative w-full" }, Ts = { class: "table-wrapper flex gap-2" }, Rs = { class: "vs-popover inline-block text-slate-700" }, Ps = { class: "text-center" }, Hs = { class: "" }, Ns = { class: "py-1 px-0 w-full text-sm text-stone-800 bg-white shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-lg focus:outline-none focus:bg-stone-100 dark:bg-neutral-900 dark:text-neutral-200 dark:focus:bg-neutral-800 after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" }, qs = { class: "flex flex-col p-[1px] gap-[2px] w-[140px]" }, Gs = { class: "text-sm items-center text-gray-800 flex gap-1" }, Js = { class: "w-full overflow-x-auto" }, Ws = { class: "w-full table-auto caption-bottom text-sm" }, Ks = { class: "[&_tr]:border-b" }, Zs = { 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" }, Ys = { 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" }, Qs = {
+const Ds = /* @__PURE__ */ N(zs, [["render", As]]), Os = { class: "vs-datatable border rounded-xl w-full flex-grow" }, Us = { class: "flex items-center npm gap-[16px] justify-between p-[20px] pb-[16px]" }, Ts = { class: "relative w-full" }, Rs = { class: "table-wrapper flex gap-2" }, Ps = { class: "vs-popover inline-block text-slate-700" }, Hs = { class: "text-center" }, Ns = { class: "" }, qs = { 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" }, Gs = { class: "flex flex-col p-[1px] gap-[2px] w-[140px]" }, Js = { class: "text-sm items-center text-gray-800 flex gap-1" }, Ws = { class: "w-full overflow-x-auto" }, Ks = { class: "w-full table-auto caption-bottom text-sm" }, Zs = { class: "[&_tr]:border-b" }, Ys = { 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" }, Qs = { 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" }, Xs = {
   key: 0,
   colspan: "100%",
   class: "text-center"
-}, Xs = { class: "w-full" }, er = { class: "p-5 min-h-[200px] flex flex-col justify-center items-center text-center" }, tr = ["onDragstart", "onDragover", "onDrop"], lr = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] text-center" }, or = { class: "flex items-center justify-center" }, ar = {
+}, en = { class: "w-full" }, tn = { class: "p-5 min-h-[200px] flex flex-col justify-center items-center text-center" }, ln = ["onDragstart", "onDragover", "onDrop"], on = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] text-center" }, an = { class: "flex items-center justify-center" }, sn = {
   key: 0,
   class: "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-slate-100 dark:bg-slate-700 text-slate-700 dark:text-slate-300 hover:bg-slate-200 dark:hover:bg-slate-600 transition-colors"
-}, sr = { key: 0 }, rr = ["src"], nr = {
+}, nn = { key: 0 }, rn = ["src"], un = {
   key: 1,
   class: "rounded-md max-w-[45px] w-[45px] max-h-[45px] h-[45px] bg-gray-200 flex items-center justify-center"
-}, ir = ["innerHTML"], ur = {
+}, dn = ["innerHTML"], cn = {
   key: 2,
   class: "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-slate-100 dark:bg-slate-700 text-slate-700 dark:text-slate-300 hover:bg-slate-200 dark:hover:bg-slate-600 transition-colors"
-}, dr = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]" }, cr = { class: "flex items-center justify-center gap-2" }, pr = ["onClick"], fr = ["onClick"], vr = { class: "vs-form__head mr-5 mt-3 flex items-center justify-end sticky top-0 left-0 z-[60] bg-white" }, mr = /* @__PURE__ */ O({
+}, pn = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]" }, fn = { class: "flex items-center justify-center gap-2" }, vn = ["onClick"], mn = ["onClick"], hn = { class: "vs-form__head mr-5 mt-3 flex items-center justify-end sticky top-0 left-0 z-[60] bg-white" }, gn = /* @__PURE__ */ O({
   __name: "vs-input-datatable",
   props: /* @__PURE__ */ Q({
     colModel: {},
@@ -2424,11 +2424,11 @@ const As = /* @__PURE__ */ N(Es, [["render", Fs]]), Ds = { class: "vs-datatable
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = X(o, "modelValue"), n = w({}), a = w(""), r = D(() => {
+    const e = o, t = X(o, "modelValue"), r = w({}), a = w(""), n = D(() => {
       if (!a.value) return t.value ?? [];
       const A = a.value.toLowerCase();
-      return t.value.filter((j) => e.colModel?.some((B) => {
-        const G = j[B.key];
+      return t.value.filter((j) => e.colModel?.some((S) => {
+        const G = j[S.key];
         return G ? Array.isArray(G) ? G.join(", ").toLowerCase().includes(A) : String(G).toLowerCase().includes(A) : !1;
       }));
     }), s = w(null), u = w(null), c = w(!1), v = w(null), p = w({ top: 0, left: 0 }), f = (A) => {
@@ -2440,101 +2440,101 @@ const As = /* @__PURE__ */ N(Es, [["render", Fs]]), Ds = { class: "vs-datatable
         s.value = null, u.value = null;
         return;
       }
-      const j = [...t.value], [B] = j.splice(s.value, 1);
-      j.splice(A, 0, B), t.value = j, s.value = null, u.value = null;
+      const j = [...t.value], [S] = j.splice(s.value, 1);
+      j.splice(A, 0, S), t.value = j, s.value = null, u.value = null;
     }, U = (A) => {
-      const B = A.currentTarget.getBoundingClientRect();
-      p.value = { top: B.bottom + window.scrollY, left: B.left + window.scrollX }, c.value = !c.value;
+      const S = A.currentTarget.getBoundingClientRect();
+      p.value = { top: S.bottom + window.scrollY, left: S.left + window.scrollX }, c.value = !c.value;
     }, E = () => {
       v.value && v.value.click();
     }, T = (A) => {
-      const j = [".jpg", ".jpeg", ".png", ".gif", ".bmp", ".webp", ".svg", ".ico", ".tiff", ".tif"], B = A.toLowerCase();
-      return j.some((G) => B.endsWith(G));
-    }, M = (A) => {
-      const B = A.target.files?.[0];
-      if (!B) return;
+      const j = [".jpg", ".jpeg", ".png", ".gif", ".bmp", ".webp", ".svg", ".ico", ".tiff", ".tif"], S = A.toLowerCase();
+      return j.some((G) => S.endsWith(G));
+    }, V = (A) => {
+      const S = A.target.files?.[0];
+      if (!S) return;
       const G = new FileReader();
       G.onload = (Z) => {
         try {
-          const de = Z.target?.result;
-          if (typeof de == "string") {
-            const _e = JSON.parse(de);
+          const ce = Z.target?.result;
+          if (typeof ce == "string") {
+            const _e = JSON.parse(ce);
             Array.isArray(_e) && t.value.push(..._e);
           }
-        } catch (de) {
-          console.error("Error parsing file:", de);
+        } catch (ce) {
+          console.error("Error parsing file:", ce);
         }
-      }, G.readAsText(B);
-    }, S = () => {
-      const A = JSON.stringify(t.value, null, 2), j = new Blob([A], { type: "application/json" }), B = URL.createObjectURL(j), G = document.createElement("a");
-      G.href = B, G.download = "data.json", G.click(), URL.revokeObjectURL(B);
+      }, G.readAsText(S);
+    }, M = () => {
+      const A = JSON.stringify(t.value, null, 2), j = new Blob([A], { type: "application/json" }), S = URL.createObjectURL(j), G = document.createElement("a");
+      G.href = S, G.download = "data.json", G.click(), URL.revokeObjectURL(S);
     };
     be(async () => {
       const A = e.colModel?.filter((j) => j.data);
       A?.length && Promise.all(A.map(async (j) => {
         const G = await (await fetch(`/api/suggest/${j.data}`)).json();
-        n.value[j.key] = G.data;
+        r.value[j.key] = G.data;
       }));
     });
     const x = w(""), b = w(!1);
     let z = "edit", W = 0;
-    const $ = w({}), se = w({});
+    const C = w({}), se = w({});
     async function ue() {
-      x.value = "Додати", b.value = !0, z = "add", $.value = {};
+      x.value = "Додати", b.value = !0, z = "add", C.value = {};
     }
-    function pe(A, j) {
-      const B = j.key || j.name;
-      return n.value[B] && A[B] ? n.value[B].find((G) => G.id.toString() === A[B].toString())?.text ?? A[B] : A[B] || "-";
+    function de(A, j) {
+      const S = j.key || j.name;
+      return r.value[S] && A[S] ? r.value[S].find((G) => G.id.toString() === A[S].toString())?.text ?? A[S] : A[S] || "-";
     }
     async function te(A, j) {
-      x.value = "Редагувати", b.value = !0, z = "edit", W = j, $.value = { ...A };
+      x.value = "Редагувати", b.value = !0, z = "edit", W = j, C.value = { ...A };
     }
     function ze() {
       const A = se.value.validate();
       if (A) {
-        re({ type: "warning", title: "Помилка валідації", message: Object.entries(A).map(([j, B]) => `${j}: ${B}`).join(`
+        ne({ type: "warning", title: "Помилка валідації", message: Object.entries(A).map(([j, S]) => `${j}: ${S}`).join(`
 `) });
         return;
       }
-      z === "add" ? Array.isArray(t.value) ? t.value = [...t.value, $.value] : t.value = [$.value] : t.value = t.value.map((j, B) => B === W ? $.value : j), b.value = !1;
+      z === "add" ? Array.isArray(t.value) ? t.value = [...t.value, C.value] : t.value = [C.value] : t.value = t.value.map((j, S) => S === W ? C.value : j), b.value = !1;
     }
     function ke(A) {
-      t.value = t.value.filter((j, B) => B !== A);
+      t.value = t.value.filter((j, S) => S !== A);
     }
-    return (A, j) => (i(), d("div", Ds, [
-      l("div", Os, [
-        l("div", Us, [
-          I(fs, {
+    return (A, j) => (i(), d("div", Os, [
+      l("div", Us, [
+        l("div", Ts, [
+          I(vs, {
             width: "14",
             height: "14",
             class: "absolute left-3 top-1/2 transform -translate-y-1/2 text-stone-500"
           }),
           K(l("input", {
             type: "text",
-            "onUpdate:modelValue": j[0] || (j[0] = (B) => a.value = B),
+            "onUpdate:modelValue": j[0] || (j[0] = (S) => a.value = S),
             placeholder: "Пошук",
             class: "py-2 px-3 pl-10 w-full bg-gray-100 h-[36px] rounded-[8px] text-[15px] leading-[18px] focus:border-1 text-stone-800 placeholder:text-[#6B7280] focus:outline-blue-500 focus:outline-2"
           }, null, 512), [
             [ie, a.value]
           ])
         ]),
-        l("div", Ts, [
+        l("div", Rs, [
           l("input", {
             ref_key: "fileInput",
             ref: v,
-            onChange: M,
+            onChange: V,
             class: "hidden",
             accept: ".json",
             type: "file"
           }, null, 544),
-          l("div", Rs, [
-            l("div", Ps, [
-              l("div", Hs, [
+          l("div", Ps, [
+            l("div", Hs, [
+              l("div", Ns, [
                 l("button", {
                   onClick: U,
                   class: "bg-white hover:bg-gray-100 font-semibold text-[15px] leadig-[18.5px] py-[10px] px-[12px] border border-[#E5E7EB] rounded-[8px] h-[38px] max-h-[38px] gap-[8px] flex items-center"
                 }, [
-                  I(gs, {
+                  I(bs, {
                     height: "16",
                     width: "16"
                   })
@@ -2543,36 +2543,36 @@ const As = /* @__PURE__ */ N(Es, [["render", Fs]]), Ds = { class: "vs-datatable
             ])
           ])
         ]),
-        (i(), ne(yt, { to: "body" }, [
+        (i(), re(yt, { to: "body" }, [
           c.value ? (i(), d("div", {
             key: 0,
             class: "text-slate-700 vsTailwind vs-popover__content bottom",
             style: we([{ width: "fit-content", "z-index": "10002", position: "fixed" }, { position: "absolute", top: p.value.top + "px", left: p.value.left + "px" }])
           }, [
-            l("div", Ns, [
-              l("div", qs, [
+            l("div", qs, [
+              l("div", Gs, [
                 l("button", {
                   onClick: E,
                   class: "text-slate-700 flex items-center gap-1 px-3 py-2 rounded-md cursor-pointer group hover:bg-gray-100"
                 }, [
-                  I(ws, {
+                  I(ks, {
                     class: "text-black",
                     width: "14",
                     height: "14"
                   }),
-                  j[4] || (j[4] = ve(" Імпортувати "))
+                  j[4] || (j[4] = ve(" Імпортувати ", -1))
                 ]),
                 l("button", {
-                  onClick: S,
+                  onClick: M,
                   class: "text-slate-700 flex items-center px-3 py-2 rounded-md cursor-pointer group hover:bg-gray-100"
                 }, [
-                  l("span", Gs, [
-                    I(Cs, {
+                  l("span", Js, [
+                    I(Vs, {
                       class: "text-black",
                       width: "14",
                       height: "14"
                     }),
-                    j[5] || (j[5] = ve(" Експортувати "))
+                    j[5] || (j[5] = ve(" Експортувати ", -1))
                   ])
                 ])
               ])
@@ -2584,34 +2584,34 @@ const As = /* @__PURE__ */ N(Es, [["render", Fs]]), Ds = { class: "vs-datatable
           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"
         }, [
           I(Ue),
-          j[6] || (j[6] = ve(" Додати "))
+          j[6] || (j[6] = ve(" Додати ", -1))
         ])
       ]),
-      l("div", Js, [
-        l("table", Ws, [
-          l("thead", Ks, [
-            l("tr", Zs, [
-              l("th", Ys, [
+      l("div", Ws, [
+        l("table", Ks, [
+          l("thead", Zs, [
+            l("tr", Ys, [
+              l("th", Qs, [
                 I(ft, {
                   width: "24",
                   height: "24",
                   class: "w-4 h-4 mx-auto text-slate-400 dark:text-slate-500"
                 })
               ]),
-              (i(!0), d(ee, null, ae(A.colModel, (B) => (i(), d("th", {
-                key: B.key,
+              (i(!0), d(ee, null, ae(A.colModel, (S) => (i(), d("th", {
+                key: S.key,
                 class: "h-10 px-2 text-left align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] font-semibold text-slate-700 dark:text-slate-300 min-w-[150px]"
-              }, P(B.ua || B.label), 1))), 128)),
+              }, P(S.ua || S.label), 1))), 128)),
               j[7] || (j[7] = l("th", { class: "h-10 px-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] font-semibold text-slate-700 dark:text-slate-300 text-center" }, " Дії ", -1))
             ])
           ]),
           l("tbody", {
-            class: V({ "[&_tr:last-child]:border-0": !u.value })
+            class: B({ "[&_tr:last-child]:border-0": !u.value })
           }, [
-            r.value.length === 0 ? (i(), d("td", Qs, [
-              l("div", Xs, [
-                l("div", er, [
-                  I(Is, { class: "w-48 mx-auto" }),
+            n.value.length === 0 ? (i(), d("td", Xs, [
+              l("div", en, [
+                l("div", tn, [
+                  I(Es, { class: "w-48 mx-auto" }),
                   j[8] || (j[8] = l("div", { class: "max-w-sm mx-auto mt-6" }, [
                     l("p", { class: "font-medium text-gray-800 dark:text-neutral-200" }, "Нічого не знайдено"),
                     l("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" })
@@ -2619,9 +2619,9 @@ const As = /* @__PURE__ */ N(Es, [["render", Fs]]), Ds = { class: "vs-datatable
                 ])
               ])
             ])) : F("", !0),
-            (i(!0), d(ee, null, ae(r.value, (B, G) => (i(), d("tr", {
-              key: B.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", {
+            (i(!0), d(ee, null, ae(n.value, (S, G) => (i(), d("tr", {
+              key: S.id,
+              class: B(["border-b data-[state=selected]:bg-muted transition-all duration-200 hover:bg-slate-50/60 dark:hover:bg-slate-700/60 cursor-move", {
                 "opacity-50": s.value === G,
                 "border-t-2 border-b-2 border-blue-500 bg-blue-50 dark:bg-blue-900/20": u.value === G
               }]),
@@ -2630,8 +2630,8 @@ const As = /* @__PURE__ */ N(Es, [["render", Fs]]), Ds = { class: "vs-datatable
               onDragover: ge((Z) => y(G), ["prevent"]),
               onDrop: (Z) => _(G)
             }, [
-              l("td", lr, [
-                l("div", or, [
+              l("td", on, [
+                l("div", an, [
                   I(ft, {
                     width: "24",
                     height: "24",
@@ -2643,48 +2643,48 @@ const As = /* @__PURE__ */ N(Es, [["render", Fs]]), Ds = { class: "vs-datatable
                 key: Z.key,
                 class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]"
               }, [
-                Z.type === "file" ? (i(), d("div", ar, [
-                  T(pe(B, Z)) ? (i(), d("div", sr, [
+                Z.type === "file" ? (i(), d("div", sn, [
+                  T(de(S, Z)) ? (i(), d("div", nn, [
                     l("img", {
-                      src: pe(B, Z),
+                      src: de(S, Z),
                       alt: "alt",
                       width: "45",
                       class: "rounded-md max-w-[45px] h-[45px] object-cover"
-                    }, null, 8, rr)
-                  ])) : (i(), d("div", nr, [
+                    }, null, 8, rn)
+                  ])) : (i(), d("div", un, [
                     I(_t, { class: "w-[25px] min-w-[25px] h-[25px]" })
                   ]))
                 ])) : Z.type === "tiptap-editor" ? (i(), d("div", {
                   key: 1,
                   class: "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-slate-100 dark:bg-slate-700 text-slate-700 dark:text-slate-300 hover:bg-slate-200 dark:hover:bg-slate-600 transition-colors",
-                  innerHTML: pe(B, Z)
-                }, null, 8, ir)) : (i(), d("div", ur, P(pe(B, Z)), 1))
+                  innerHTML: de(S, Z)
+                }, null, 8, dn)) : (i(), d("div", cn, P(de(S, Z)), 1))
               ]))), 128)),
-              l("td", dr, [
-                l("div", cr, [
+              l("td", pn, [
+                l("div", fn, [
                   l("button", {
-                    onClick: (Z) => te(B, G),
+                    onClick: (Z) => te(S, G),
                     class: "text-slate-700 inline-flex items-center justify-center whitespace-nowrap font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border rounded-md text-xs h-7 w-7 p-0 border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-700 hover:bg-blue-50 dark:hover:bg-slate-600 hover:border-blue-300 dark:hover:border-slate-500 hover:text-blue-600 dark:hover:text-slate-200 transition-all duration-200 shadow-sm"
                   }, [
-                    I(As, {
+                    I(Ds, {
                       width: "24",
                       height: "24",
                       class: "w-3 h-3"
                     })
-                  ], 8, pr),
+                  ], 8, vn),
                   l("button", {
                     onClick: (Z) => ke(G),
                     class: "text-slate-700 inline-flex items-center justify-center whitespace-nowrap font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border rounded-md text-xs h-7 w-7 p-0 border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-700 hover:bg-red-50 dark:hover:bg-slate-600 hover:border-red-300 dark:hover:border-slate-500 hover:text-red-600 dark:hover:text-slate-200 transition-all duration-200 shadow-sm"
                   }, [
-                    I(Ke, {
+                    I(Je, {
                       width: "24",
                       height: "24",
                       class: "w-3 h-3"
                     })
-                  ], 8, fr)
+                  ], 8, mn)
                 ])
               ])
-            ], 42, tr))), 128))
+            ], 42, ln))), 128))
           ], 2)
         ])
       ]),
@@ -2696,15 +2696,15 @@ const As = /* @__PURE__ */ N(Es, [["render", Fs]]), Ds = { class: "vs-datatable
         default: Be(() => [
           I(Te, {
             schema: e.colModel,
-            values: $.value,
-            "onUpdate:values": j[1] || (j[1] = (B) => $.value = B),
+            values: C.value,
+            "onUpdate:values": j[1] || (j[1] = (S) => C.value = S),
             form: se.value,
-            "onUpdate:form": j[2] || (j[2] = (B) => se.value = B)
+            "onUpdate:form": j[2] || (j[2] = (S) => se.value = S)
           }, null, 8, ["schema", "values", "form"]),
-          l("div", vr, [
+          l("div", hn, [
             l("button", {
               type: "button",
-              onClick: j[3] || (j[3] = (B) => b.value = !1),
+              onClick: j[3] || (j[3] = (S) => b.value = !1),
               class: "vs-button inline-flex border-solid justify-center items-center gap-2 rounded-md font-semibold focus:outline-none text-sm transition-all border !border-gray-200 hover:text-white bg-white text-red-500 hover:border-red-500 hover:bg-red-500 focus:ring-red-500 py-1.5 px-5 focus:ring-1 focus:ring-offset-1 mr-2"
             }, " Скасувати "),
             l("button", {
@@ -2718,7 +2718,7 @@ const As = /* @__PURE__ */ N(Es, [["render", Fs]]), Ds = { class: "vs-datatable
       }, 8, ["visible", "title"])
     ]));
   }
-}), hr = {
+}), bn = {
   draw: {
     toolbar: {
       actions: {
@@ -2826,33 +2826,33 @@ const As = /* @__PURE__ */ N(Es, [["render", Fs]]), Ds = { class: "vs-datatable
     }
   }
 };
-function De(o) {
+function Oe(o) {
   return o ? o.type === "Polygon" ? {
     type: "MultiPolygon",
     coordinates: [o.coordinates]
   } : o.type === "Feature" ? {
     ...o,
-    geometry: De(o.geometry)
+    geometry: Oe(o.geometry)
   } : o.type === "FeatureCollection" ? {
     ...o,
-    features: (o.features || []).map((e) => De(e)).filter(Boolean)
+    features: (o.features || []).map((e) => Oe(e)).filter(Boolean)
   } : o : null;
 }
-function gr(o) {
-  return o ? o.type === "FeatureCollection" || o.type === "Feature" ? De(o) : o.geom ? {
+function yn(o) {
+  return o ? o.type === "FeatureCollection" || o.type === "Feature" ? Oe(o) : o.geom ? {
     type: "Feature",
-    geometry: De({
+    geometry: Oe({
       type: o.geom.type,
       coordinates: o.geom.coordinates
     }),
     properties: {}
   } : o.type && o.coordinates ? {
     type: "Feature",
-    geometry: De(o),
+    geometry: Oe(o),
     properties: {}
   } : null : null;
 }
-const br = {}, yr = {
+const xn = {}, wn = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   stroke: "currentColor",
@@ -2862,8 +2862,8 @@ const br = {}, yr = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-map-pin"
 };
-function xr(o, e) {
-  return i(), d("svg", yr, e[0] || (e[0] = [
+function kn(o, e) {
+  return i(), d("svg", wn, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2873,7 +2873,7 @@ function xr(o, e) {
     l("path", { d: "M17.657 16.657l-4.243 4.243a2 2 0 0 1 -2.827 0l-4.244 -4.243a8 8 0 1 1 11.314 0z" }, null, -1)
   ]));
 }
-const wr = /* @__PURE__ */ N(br, [["render", xr]]), kr = {}, _r = {
+const _n = /* @__PURE__ */ N(xn, [["render", kn]]), $n = {}, Cn = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2883,8 +2883,8 @@ const wr = /* @__PURE__ */ N(br, [["render", xr]]), kr = {}, _r = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-line"
 };
-function $r(o, e) {
-  return i(), d("svg", _r, e[0] || (e[0] = [
+function Vn(o, e) {
+  return i(), d("svg", Cn, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2895,7 +2895,7 @@ function $r(o, e) {
     l("path", { d: "M7.5 16.5l9 -9" }, null, -1)
   ]));
 }
-const Cr = /* @__PURE__ */ N(kr, [["render", $r]]), Vr = {}, Mr = {
+const Mn = /* @__PURE__ */ N($n, [["render", Vn]]), Ln = {}, Sn = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2905,12 +2905,12 @@ const Cr = /* @__PURE__ */ N(kr, [["render", $r]]), Vr = {}, Mr = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-polygon"
 };
-function Lr(o, e) {
-  return i(), d("svg", Mr, 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)
+function Bn(o, e) {
+  return i(), d("svg", Sn, e[0] || (e[0] = [
+    pe('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M12 5m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M19 8m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M5 11m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M15 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M6.5 9.5l3.5 -3"></path><path d="M14 5.5l3 1.5"></path><path d="M18.5 10l-2.5 7"></path><path d="M13.5 17.5l-7 -5"></path>', 9)
   ]));
 }
-const Sr = /* @__PURE__ */ N(Vr, [["render", Lr]]), Br = {}, jr = {
+const jn = /* @__PURE__ */ N(Ln, [["render", Bn]]), In = {}, En = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2920,12 +2920,12 @@ const Sr = /* @__PURE__ */ N(Vr, [["render", Lr]]), Br = {}, jr = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-topology-ring-3"
 };
-function Ir(o, e) {
-  return i(), d("svg", jr, 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)
+function zn(o, e) {
+  return i(), d("svg", En, e[0] || (e[0] = [
+    pe('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M8 18a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z"></path><path d="M20 18a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z"></path><path d="M20 6a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z"></path><path d="M8 6a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z"></path><path d="M6 8v8"></path><path d="M18 16v-8"></path><path d="M8 6h8"></path><path d="M16 18h-8"></path>', 9)
   ]));
 }
-const Er = /* @__PURE__ */ N(Br, [["render", Ir]]), zr = {}, Fr = {
+const Fn = /* @__PURE__ */ N(In, [["render", zn]]), An = {}, Dn = {
   version: "1.1",
   viewBox: "0 0 14 14",
   xmlns: "http://www.w3.org/2000/svg",
@@ -2933,8 +2933,8 @@ const Er = /* @__PURE__ */ N(Br, [["render", Ir]]), zr = {}, Fr = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   class: "fullscreen-icon"
 };
-function Ar(o, e) {
-  return i(), d("svg", Fr, e[0] || (e[0] = [
+function On(o, e) {
+  return i(), d("svg", Dn, e[0] || (e[0] = [
     l("title", null, null, -1),
     l("desc", null, null, -1),
     l("defs", null, null, -1),
@@ -2963,10 +2963,10 @@ function Ar(o, e) {
     ], -1)
   ]));
 }
-const Dr = /* @__PURE__ */ N(zr, [["render", Ar]]), Or = { class: "form-geom__search" }, Ur = { class: "map-search__input" }, Tr = { class: "flex flex-nowrap relative" }, Rr = { class: "form-autocomplete relative min-w-[6rem] vsTailwind map-search__select hidden" }, Pr = { class: "flex items-center w-full" }, Hr = { class: "max-w-[90%] truncate" }, Nr = {
+const Un = /* @__PURE__ */ N(An, [["render", On]]), Tn = { class: "form-geom__search" }, Rn = { class: "map-search__input" }, Pn = { class: "flex flex-nowrap relative" }, Hn = { class: "form-autocomplete relative min-w-[6rem] vsTailwind map-search__select hidden" }, Nn = { class: "flex items-center w-full" }, qn = { class: "max-w-[90%] truncate" }, Gn = {
   key: 0,
   class: "absolute z-[3100] mt-0.5 left-0 right-0"
-}, qr = { class: "form-autocomplete__wrapper mt-[10px] z-50 w-full min-w-36 max-h-72 p-0 space-y-0.5 bg-white rounded-xl shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:bg-neutral-900 top-full opened" }, Gr = { class: "form-autocomplete__list vsTailwind px-2 pb-2 pt-0 max-h-200 relative [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:bg-gray-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900" }, Jr = ["onClick"], Wr = { class: "flex justify-between items-center w-full" }, Kr = { class: "flex items-center" }, Zr = {
+}, Jn = { class: "form-autocomplete__wrapper mt-[10px] z-50 w-full min-w-36 max-h-72 p-0 space-y-0.5 bg-white rounded-xl shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:bg-neutral-900 top-full opened" }, Wn = { class: "form-autocomplete__list vsTailwind px-2 pb-2 pt-0 max-h-200 relative [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:bg-gray-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900" }, Kn = ["onClick"], Zn = { class: "flex justify-between items-center w-full" }, Yn = { class: "flex items-center" }, Qn = {
   key: 0,
   class: "flex-shrink-0 w-3.5 h-3.5 text-blue-600",
   width: "24",
@@ -2977,60 +2977,60 @@ const Dr = /* @__PURE__ */ N(zr, [["render", Ar]]), Or = { class: "form-geom__se
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, Yr = { class: "relative w-full" }, Qr = { class: "vs-form-text relative bg-white rounded-lg" }, Xr = {
+}, Xn = { class: "relative w-full" }, er = { class: "vs-form-text relative bg-white rounded-lg" }, tr = {
   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"
-}, en = { key: 0 }, tn = ["onClick"], ln = {
+}, lr = { key: 0 }, or = ["onClick"], ar = {
   key: 1,
   class: "px-3 py-2 text-xs text-gray-500"
-}, on = {
+}, sr = {
   key: 2,
   class: "px-3 py-2 text-xs text-gray-400"
-}, an = /* @__PURE__ */ O({
+}, nr = /* @__PURE__ */ O({
   __name: "map-search",
   props: {
     placeholder: { default: "50, 30" }
   },
   emits: ["goToCoordinates"],
   setup(o, { emit: e }) {
-    const t = e, n = w(!1), a = w("coordinates"), r = w(""), s = w([]), u = w(!1), c = w(!1);
+    const t = e, r = w(!1), a = w("coordinates"), n = w(""), s = w([]), u = w(!1), c = w(!1);
     let v;
     const p = [
       { value: "coordinates", label: "Пошук по кординатам" },
       { value: "atu", label: "АТУ" },
       { value: "address", label: "Адресса" },
       { value: "search_here", label: "Пошук HERE" }
-    ], f = D(() => p.find((S) => S.value === a.value)?.label ?? "АТУ");
-    function y(S) {
-      a.value = S.value, n.value = !1, r.value = "", r.value && E();
+    ], f = D(() => p.find((M) => M.value === a.value)?.label ?? "АТУ");
+    function y(M) {
+      a.value = M.value, r.value = !1, n.value = "", n.value && E();
     }
-    function _(S) {
-      S.target.closest(".map-search__input") || (n.value = !1);
+    function _(M) {
+      M.target.closest(".map-search__input") || (r.value = !1);
     }
     be(() => document.addEventListener("click", _)), qe(() => document.removeEventListener("click", _));
-    async function U(S) {
+    async function U(M) {
       let x;
       a.value === "atu" ? x = "/api/suggest/atu.nsdi.ato_level" : a.value === "address" ? x = "/api/suggest/map.address_id" : a.value === "search_here" && (x = "/api/gis-url-proxy");
       const b = new URL(x || "");
-      return a.value === "search_here" ? b.searchParams.set("searchtext", S) : (a.value === "atu" || a.value === "address") && b.searchParams.set("key", S), b.searchParams.set("limit", "20"), b.searchParams.set("q", S), (await fetch(b.toString())).json();
+      return a.value === "search_here" ? b.searchParams.set("searchtext", M) : (a.value === "atu" || a.value === "address") && b.searchParams.set("key", M), b.searchParams.set("limit", "20"), b.searchParams.set("q", M), (await fetch(b.toString())).json();
     }
     function E() {
       if (u.value = !0, c.value = !0, a.value === "coordinates") {
-        const S = r.value.trim().split(",");
-        if (S.length === 2) {
-          const x = parseFloat(S[0]), b = parseFloat(S[1]);
+        const M = n.value.trim().split(",");
+        if (M.length === 2) {
+          const x = parseFloat(M[0]), b = parseFloat(M[1]);
           !Number.isNaN(x) && !Number.isNaN(b) && t("goToCoordinates", [x, b]);
         }
         return;
       }
       v && window.clearTimeout(v), v = window.setTimeout(async () => {
-        const S = r.value.trim();
-        if (!S) {
+        const M = n.value.trim();
+        if (!M) {
           s.value = [], c.value = !1;
           return;
         }
         try {
-          const x = await U(S);
+          const x = await U(M);
           s.value = Array.isArray(x.features) ? x.features : [];
         } catch {
           s.value = [];
@@ -3040,22 +3040,22 @@ const Dr = /* @__PURE__ */ N(zr, [["render", Ar]]), Or = { class: "form-geom__se
       }, 300);
     }
     function T() {
-      r.value = "", s.value = [], u.value = !1, c.value = !1;
+      n.value = "", s.value = [], u.value = !1, c.value = !1;
     }
-    function M(S) {
-      t("goToCoordinates", S), u.value = !1, c.value = !1, s.value = [];
+    function V(M) {
+      t("goToCoordinates", M), u.value = !1, c.value = !1, s.value = [];
     }
-    return (S, x) => (i(), d("div", Or, [
-      l("div", Ur, [
-        l("div", Tr, [
-          l("div", Rr, [
+    return (M, x) => (i(), d("div", Tn, [
+      l("div", Rn, [
+        l("div", Pn, [
+          l("div", Hn, [
             l("button", {
               type: "button",
-              onClick: x[0] || (x[0] = (b) => n.value = !n.value),
+              onClick: x[0] || (x[0] = (b) => r.value = !r.value),
               class: "h-[40px] relative px-4 pe-9 flex text-nowrap w-full cursor-pointer bg-white border border-solid border-stone-200 rounded-lg text-start text-sm text-stone-800 focus:outline-none focus:ring-1 focus:ring-blue-600 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"
             }, [
-              l("div", Pr, [
-                l("span", Hr, P(f.value), 1)
+              l("div", Nn, [
+                l("span", qn, P(f.value), 1)
               ]),
               x[3] || (x[3] = l("svg", {
                 class: "stroke-gray-500 absolute right-3 translate-y-1/2 bottom-1/2",
@@ -3072,29 +3072,29 @@ const Dr = /* @__PURE__ */ N(zr, [["render", Ar]]), Or = { class: "form-geom__se
                 })
               ], -1))
             ]),
-            n.value ? (i(), d("div", Nr, [
-              l("div", qr, [
-                l("div", Gr, [
+            r.value ? (i(), d("div", Gn, [
+              l("div", Jn, [
+                l("div", Wn, [
                   (i(), d(ee, null, ae(p, (b) => l("div", {
                     onClick: (z) => y(b),
                     key: b.value,
                     class: "form-autocomplete__item cursor-pointer hs-selected:bg-stone-100 dark:hs-selected:bg-neutral-800 py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 rounded-lg focus:outline-none focus:bg-stone-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800 cursor-default"
                   }, [
-                    l("div", Wr, [
-                      l("div", Kr, [
+                    l("div", Zn, [
+                      l("div", Yn, [
                         l("div", null, P(b.label), 1)
                       ]),
-                      b.value === a.value ? (i(), d("svg", Zr, x[4] || (x[4] = [
+                      b.value === a.value ? (i(), d("svg", Qn, x[4] || (x[4] = [
                         l("polyline", { points: "20 6 9 17 4 12" }, null, -1)
                       ]))) : F("", !0)
                     ])
-                  ], 8, Jr)), 64))
+                  ], 8, Kn)), 64))
                 ])
               ])
             ])) : F("", !0)
           ]),
-          l("div", Yr, [
-            l("div", Qr, [
+          l("div", Xn, [
+            l("div", er, [
               x[6] || (x[6] = l("i", { class: "absolute bottom-1/2 translate-y-1/2 left-3 text-gray-500" }, [
                 l("svg", {
                   width: "16",
@@ -3120,15 +3120,15 @@ const Dr = /* @__PURE__ */ N(zr, [["render", Ar]]), Or = { class: "form-geom__se
               ], -1)),
               K(l("input", {
                 type: "text",
-                "onUpdate:modelValue": x[1] || (x[1] = (b) => r.value = b),
+                "onUpdate:modelValue": x[1] || (x[1] = (b) => n.value = b),
                 onInput: E,
                 onFocus: x[2] || (x[2] = (b) => u.value = !0),
                 placeholder: "lat, lng ex. 50, 30",
                 class: "bg-white h-[38px] text-sm py-2 px-3 ps-9 pe-8 block w-full border border-solid placeholder:text-nowrap border-stone-200 rounded-lg text-stone-800 placeholder:text-stone-400 focus:outline focus:z-10 focus:border-blue-500 focus:ring-blue-500 focus:outline-blue-500"
               }, null, 544), [
-                [ie, r.value]
+                [ie, n.value]
               ]),
-              r.value ? (i(), d("button", {
+              n.value ? (i(), d("button", {
                 key: 0,
                 onClick: T,
                 class: "absolute right-2 bottom-1/2 translate-y-1/2 text-gray-500 hover:text-red-500",
@@ -3150,14 +3150,14 @@ const Dr = /* @__PURE__ */ N(zr, [["render", Ar]]), Or = { class: "form-geom__se
                   })
                 ], -1)
               ]))) : F("", !0),
-              u.value && a.value !== "coordinates" ? (i(), d("div", Xr, [
-                s.value.length ? (i(), d("ul", en, [
+              u.value && a.value !== "coordinates" ? (i(), d("div", tr, [
+                s.value.length ? (i(), d("ul", lr, [
                   (i(!0), d(ee, null, ae(s.value, (b) => (i(), d("li", {
                     key: b.properties.place_id,
-                    onClick: (z) => M(b),
+                    onClick: (z) => V(b),
                     class: "px-3 py-2 text-sm cursor-pointer hover:bg-gray-100"
-                  }, P(b.properties.display_name), 9, tn))), 128))
-                ])) : c.value ? (i(), d("div", ln, "Шукаю…")) : (i(), d("div", on, "Нічого не знайдено"))
+                  }, P(b.properties.display_name), 9, or))), 128))
+                ])) : c.value ? (i(), d("div", ar, "Шукаю…")) : (i(), d("div", sr, "Нічого не знайдено"))
               ])) : F("", !0)
             ])
           ])
@@ -3165,23 +3165,23 @@ const Dr = /* @__PURE__ */ N(zr, [["render", Ar]]), Or = { class: "form-geom__se
       ])
     ]));
   }
-}), sn = { class: "bg-white/95 p-2 rounded-xl shadow border border-gray-200" }, rn = { class: "flex gap-2" }, nn = ["onClick", "title"], un = ["src"], dn = /* @__PURE__ */ O({
+}), rr = { class: "bg-white/95 p-2 rounded-xl shadow border border-gray-200" }, ir = { class: "flex gap-2" }, ur = ["onClick", "title"], dr = ["src"], cr = /* @__PURE__ */ O({
   __name: "map-layers",
   props: {
     basemaps: {}
   },
   emits: ["onLayerChange"],
   setup(o, { emit: e }) {
-    const n = w(Object.keys(o.basemaps)[0]), a = e;
-    function r(s) {
-      a("onLayerChange", s), n.value = s;
+    const r = w(Object.keys(o.basemaps)[0]), a = e;
+    function n(s) {
+      a("onLayerChange", s), r.value = s;
     }
-    return (s, u) => (i(), d("div", sn, [
-      l("div", rn, [
+    return (s, u) => (i(), d("div", rr, [
+      l("div", ir, [
         (i(!0), d(ee, null, ae(s.basemaps, (c, v) => (i(), d("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),
+          class: B(["cursor-pointer border rounded-lg overflow-hidden hover:shadow-sm", { "ring-2 ring-blue-500 border-blue-300": r.value === v }]),
+          onClick: (p) => n(v),
           title: c.name || v,
           role: "button",
           tabindex: "0"
@@ -3190,21 +3190,21 @@ const Dr = /* @__PURE__ */ N(zr, [["render", Ar]]), Or = { class: "form-geom__se
             src: c.preview,
             alt: "",
             class: "w-14 h-14 object-cover"
-          }, null, 8, un)
-        ], 10, nn))), 128))
+          }, null, 8, dr)
+        ], 10, ur))), 128))
       ])
     ]));
   }
-}), cn = { class: "absolute top-4 left-4 z-[1000] w-[calc(100%-20px)] sm:w-[350px]" }, pn = { class: "form-geom__panel flex gap-1 items-start mt-2" }, fn = { class: "flex items-center gap-1" }, vn = ["disabled"], mn = { class: "absolute top-4 right-4 z-[1000]" }, hn = { class: "flex flex-col gap-[2px]" }, gn = ["aria-pressed"], bn = ["aria-pressed"], yn = ["aria-pressed"], xn = ["aria-pressed"], wn = { class: "absolute bottom-0 left-0 right-0 z-[1000] bg-white/95 border-t border-gray-200 text-xs text-gray-700 flex items-center gap-4 pt-1" }, kn = {
+}), pr = { class: "absolute top-4 left-4 z-[1000] w-[calc(100%-20px)] sm:w-[350px]" }, fr = { class: "form-geom__panel flex gap-1 items-start mt-2" }, vr = { class: "flex items-center gap-1" }, mr = ["disabled"], hr = { class: "absolute top-4 right-4 z-[1000]" }, gr = { class: "flex flex-col gap-[2px]" }, br = ["aria-pressed"], yr = ["aria-pressed"], xr = ["aria-pressed"], wr = ["aria-pressed"], kr = { class: "absolute bottom-0 left-0 right-0 z-[1000] bg-white/95 border-t border-gray-200 text-xs text-gray-700 flex items-center gap-4 pt-1" }, _r = {
   key: 0,
   class: "form-geom__feature flex items-center text-xs transition-all gap-2 w-full"
-}, _n = { class: "mr-auto" }, $n = { class: "font-bold" }, Cn = { class: "flex items-center" }, Vn = { class: "text-xs mr-2" }, Mn = {
+}, $r = { class: "mr-auto" }, Cr = { class: "font-bold" }, Vr = { class: "flex items-center" }, Mr = { class: "text-xs mr-2" }, Lr = {
   key: 0,
   class: "text-xs"
-}, Ln = {
+}, Sr = {
   key: 1,
   class: "text-xs"
-}, Sn = /* @__PURE__ */ O({
+}, Br = /* @__PURE__ */ O({
   __name: "vs-input-map",
   props: {
     tools: {},
@@ -3218,12 +3218,12 @@ const Dr = /* @__PURE__ */ N(zr, [["render", Ar]]), Or = { class: "form-geom__se
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = Ot(), n = o, a = e, r = w(null);
+    const t = Ot(), r = o, a = e, n = w(null);
     let s, u, c;
-    const v = w(null), p = w(null), f = w(6), y = w(0), _ = w(t?.appContext.config.globalProperties.$settings?.center || [50, 30]), U = w(null), E = de();
+    const v = w(null), p = w(null), f = w(6), y = w(0), _ = w(t?.appContext.config.globalProperties.$settings?.center || [50, 30]), U = w(null), E = ce();
     let T;
-    const M = w("topo100");
-    function S(g) {
+    const V = w("topo100");
+    function M(g) {
       return g ? g.type === "Polygon" ? {
         type: "MultiPolygon",
         coordinates: [g.coordinates]
@@ -3265,7 +3265,7 @@ const Dr = /* @__PURE__ */ N(zr, [["render", Ar]]), Or = { class: "form-geom__se
       };
       (g?.features || []).forEach((Y) => R(Y.geometry));
       const q = k.length ? { type: "MultiPolygon", coordinates: k } : null;
-      a("update:modelValue", q ? S(q) : null), y.value = u.getLayers().length;
+      a("update:modelValue", q ? M(q) : null), y.value = u.getLayers().length;
     }
     function z(g = 30) {
       const k = u.getLayers();
@@ -3276,7 +3276,7 @@ const Dr = /* @__PURE__ */ N(zr, [["render", Ar]]), Or = { class: "form-geom__se
     function W() {
       v.value?.click();
     }
-    const $ = w("");
+    const C = w("");
     function se(g) {
       return g instanceof L.Circle ? "Circle" : g instanceof L.Rectangle ? "Rectangle" : g instanceof L.Polygon && !(g instanceof L.Rectangle) ? "Polygon" : g instanceof L.Polyline && !(g instanceof L.Polygon) ? "Polyline" : g instanceof L.Marker ? "Point" : "Feature";
     }
@@ -3294,7 +3294,7 @@ const Dr = /* @__PURE__ */ N(zr, [["render", Ar]]), Or = { class: "form-geom__se
         }
       return null;
     }
-    function pe(g) {
+    function de(g) {
       return g instanceof L.Circle ? g.getLatLng() : g.getBounds ? g.getBounds().getCenter() : g.getLatLng ? g.getLatLng() : s.getCenter();
     }
     function te() {
@@ -3303,7 +3303,7 @@ const Dr = /* @__PURE__ */ N(zr, [["render", Ar]]), Or = { class: "form-geom__se
         U.value = null, y.value = 0;
         return;
       }
-      const k = g[g.length - 1], R = se(k), q = pe(k), Y = ue(k);
+      const k = g[g.length - 1], R = se(k), q = de(k), Y = ue(k);
       U.value = {
         type: R,
         center: q,
@@ -3320,9 +3320,9 @@ const Dr = /* @__PURE__ */ N(zr, [["render", Ar]]), Or = { class: "form-geom__se
       g && (u.removeLayer(g), b(), te());
     }
     be(async () => {
-      await x(), L.drawLocal = hr, s = L.map(r.value, { zoomControl: !1 }).setView(_.value, 10), L.control.zoom({ position: "bottomright" }).addTo(s), M.value = Object.keys(E)[0], T = L.tileLayer(E[M.value].url, { maxZoom: 19, minZoom: 6 }).addTo(s), u = new L.FeatureGroup().addTo(s), s.on(L.Draw.Event.CREATED, (R) => {
+      await x(), L.drawLocal = bn, s = L.map(n.value, { zoomControl: !1 }).setView(_.value, 10), L.control.zoom({ position: "bottomright" }).addTo(s), V.value = Object.keys(E)[0], T = L.tileLayer(E[V.value].url, { maxZoom: 19, minZoom: 6 }).addTo(s), u = new L.FeatureGroup().addTo(s), s.on(L.Draw.Event.CREATED, (R) => {
         const { layer: q } = R;
-        u.clearLayers(), u.addLayer(q), b(), te(), z(), $.value = "";
+        u.clearLayers(), u.addLayer(q), b(), te(), z(), C.value = "";
       }), s.on(L.Draw.Event.EDITED, () => {
         b(), te(), z();
       }), s.on(L.Draw.Event.DELETED, () => {
@@ -3334,7 +3334,7 @@ const Dr = /* @__PURE__ */ N(zr, [["render", Ar]]), Or = { class: "form-geom__se
       }), s.on("zoomend", () => {
         f.value = s.getZoom();
       });
-      const k = gr(n.modelValue);
+      const k = yn(r.modelValue);
       if (k) {
         const R = [];
         L.geoJSON(k).eachLayer((q) => R.push(q)), R.length && u.addLayer(R[0]), b(), te(), z();
@@ -3359,14 +3359,14 @@ const Dr = /* @__PURE__ */ N(zr, [["render", Ar]]), Or = { class: "form-geom__se
             c = new L.Draw.Rectangle(s);
             break;
         }
-        c && (c.enable(), $.value = g);
+        c && (c.enable(), C.value = g);
       }
     }
     function j() {
       const g = u.toGeoJSON(), k = new Blob([JSON.stringify(g, null, 2)], { type: "application/json" }), R = URL.createObjectURL(k), q = document.createElement("a");
       q.href = R, q.download = "data.geojson", q.click(), URL.revokeObjectURL(R);
     }
-    function B(g) {
+    function S(g) {
       const k = g.target.files?.[0];
       if (!k) return;
       const R = new FileReader();
@@ -3383,17 +3383,17 @@ const Dr = /* @__PURE__ */ N(zr, [["render", Ar]]), Or = { class: "form-geom__se
       }, R.readAsText(k);
     }
     function G(g) {
-      s && (T && s.removeLayer(T), T = L.tileLayer(E[g].url, { maxZoom: 19, minZoom: 6 }).addTo(s), M.value = g);
+      s && (T && s.removeLayer(T), T = L.tileLayer(E[g].url, { maxZoom: 19, minZoom: 6 }).addTo(s), V.value = g);
     }
     function Z(g) {
       const k = L.latLng(g[0], g[1]);
       s.setView(k, 13);
     }
     le(
-      () => n.modelValue,
+      () => r.modelValue,
       (g) => {
         console.log("update map");
-        const k = S(g);
+        const k = M(g);
         if (g && k !== g) {
           a("update:modelValue", k);
           return;
@@ -3406,7 +3406,7 @@ const Dr = /* @__PURE__ */ N(zr, [["render", Ar]]), Or = { class: "form-geom__se
         }), y.value = u.getLayers().length, te(), z();
       }
     );
-    function de() {
+    function ce() {
       return t?.appContext.config.globalProperties.$settings?.basemaps ? t?.appContext.config.globalProperties.$settings?.basemaps.map((g, k) => Object.assign(g, { key: `b${k}`, preview: g.preview || g.url.replace("{z}/{x}/{y}.png", "13/4790/2762.png") })).reduce((g, k) => ({ ...g, [k.key]: k }), {}) : {
         topo100: {
           url: "https://data.gki.com.ua/api-user/rtile/voyager/ua/{z}/{x}/{y}.png",
@@ -3428,17 +3428,17 @@ const Dr = /* @__PURE__ */ N(zr, [["render", Ar]]), Or = { class: "form-geom__se
         s.invalidateSize();
       }, 50);
     }), (g, k) => (i(), d("div", {
-      class: V(["leaflet-map-wrapper relative w-full h-[400px]", { fullscreen: _e.value }])
+      class: B(["leaflet-map-wrapper relative w-full h-[400px]", { fullscreen: _e.value }])
     }, [
       l("div", {
         ref_key: "mapContainer",
-        ref: r,
+        ref: n,
         class: "w-full h-full"
       }, null, 512),
-      l("div", cn, [
-        I(an, { onGoToCoordinates: Z }),
-        l("div", pn, [
-          l("div", fn, [
+      l("div", pr, [
+        I(nr, { onGoToCoordinates: Z }),
+        l("div", fr, [
+          l("div", vr, [
             l("button", {
               type: "button",
               class: "vs-btn-row",
@@ -3449,56 +3449,56 @@ const Dr = /* @__PURE__ */ N(zr, [["render", Ar]]), Or = { class: "form-geom__se
               class: "vs-btn-row",
               onClick: j,
               disabled: y.value === 0
-            }, "Export ", 8, vn)
+            }, "Export ", 8, mr)
           ]),
           l("input", {
             ref_key: "importRef",
             ref: v,
             type: "file",
-            onChange: B,
+            onChange: S,
             accept: ".json,.geojson",
             class: "hidden"
           }, null, 544)
         ])
       ]),
-      l("div", mn, [
-        l("div", hn, [
+      l("div", hr, [
+        l("div", gr, [
           l("button", {
-            class: V(["vs-btn", { "vs-active": $.value === "marker" }]),
-            "aria-pressed": $.value === "marker",
+            class: B(["vs-btn", { "vs-active": C.value === "marker" }]),
+            "aria-pressed": C.value === "marker",
             title: "Point (P)",
             "aria-label": "Draw point",
             onClick: k[0] || (k[0] = (R) => A("marker"))
           }, [
-            I(wr)
-          ], 10, gn),
+            I(_n)
+          ], 10, br),
           l("button", {
-            class: V(["vs-btn", { "vs-active": $.value === "polyline" }]),
-            "aria-pressed": $.value === "polyline",
+            class: B(["vs-btn", { "vs-active": C.value === "polyline" }]),
+            "aria-pressed": C.value === "polyline",
             title: "Line (L)",
             "aria-label": "Draw polyline",
             onClick: k[1] || (k[1] = (R) => A("polyline"))
           }, [
-            I(Cr)
-          ], 10, bn),
+            I(Mn)
+          ], 10, yr),
           l("button", {
-            class: V(["vs-btn", { "vs-active": $.value === "polygon" }]),
-            "aria-pressed": $.value === "polygon",
+            class: B(["vs-btn", { "vs-active": C.value === "polygon" }]),
+            "aria-pressed": C.value === "polygon",
             title: "Polygon (G)",
             "aria-label": "Draw polygon",
             onClick: k[2] || (k[2] = (R) => A("polygon"))
           }, [
-            I(Sr)
-          ], 10, yn),
+            I(jn)
+          ], 10, xr),
           l("button", {
-            class: V(["vs-btn", { "vs-active": $.value === "rectangle" }]),
-            "aria-pressed": $.value === "rectangle",
+            class: B(["vs-btn", { "vs-active": C.value === "rectangle" }]),
+            "aria-pressed": C.value === "rectangle",
             title: "Rectangle (R)",
             "aria-label": "Draw rectangle",
             onClick: k[3] || (k[3] = (R) => A("rectangle"))
           }, [
-            I(Er)
-          ], 10, xn),
+            I(Fn)
+          ], 10, wr),
           l("button", {
             class: "vs-btn mt-5",
             onClick: k[4] || (k[4] = (R) => {
@@ -3507,34 +3507,34 @@ const Dr = /* @__PURE__ */ N(zr, [["render", Ar]]), Or = { class: "form-geom__se
             title: "Full Screen",
             "aria-label": "Full Screen"
           }, [
-            I(Dr, { style: { width: "12px", height: "12px" } })
+            I(Un, { style: { width: "12px", height: "12px" } })
           ])
         ])
       ]),
       l("div", {
-        class: V(["absolute left-4 z-[1000]", U.value ? "bottom-8" : "bottom-4"])
+        class: B(["absolute left-4 z-[1000]", U.value ? "bottom-8" : "bottom-4"])
       }, [
-        I(dn, {
+        I(cr, {
           basemaps: J(E),
           onOnLayerChange: G
         }, null, 8, ["basemaps"])
       ], 2),
-      l("div", wn, [
-        U.value ? (i(), d("div", kn, [
-          l("div", _n, [
-            k[7] || (k[7] = ve(" Тип: ")),
-            l("span", $n, P(U.value.type), 1)
+      l("div", kr, [
+        U.value ? (i(), d("div", _r, [
+          l("div", $r, [
+            k[7] || (k[7] = ve(" Тип: ", -1)),
+            l("span", Cr, P(U.value.type), 1)
           ]),
-          l("div", Cn, [
-            l("div", Vn, [
-              k[8] || (k[8] = ve(" Центр: ")),
+          l("div", Vr, [
+            l("div", Mr, [
+              k[8] || (k[8] = ve(" Центр: ", -1)),
               l("b", null, P(U.value.center.lat.toFixed(5)) + ", " + P(U.value.center.lng.toFixed(5)), 1)
             ]),
-            U.value.areaKm2 !== null ? (i(), d("div", Mn, [
-              k[9] || (k[9] = ve(" Площа: ")),
+            U.value.areaKm2 !== null ? (i(), d("div", Lr, [
+              k[9] || (k[9] = ve(" Площа: ", -1)),
               l("b", null, P(U.value.areaKm2.toFixed(1)) + "км²", 1)
-            ])) : (i(), d("div", Ln, k[10] || (k[10] = [
-              ve(" Площа: "),
+            ])) : (i(), d("div", Sr, k[10] || (k[10] = [
+              ve(" Площа: ", -1),
               l("b", null, "—", -1)
             ]))),
             l("button", {
@@ -3542,24 +3542,24 @@ const Dr = /* @__PURE__ */ N(zr, [["render", Ar]]), Or = { class: "form-geom__se
               title: "Наблизити",
               onClick: k[5] || (k[5] = (R) => ze())
             }, k[11] || (k[11] = [
-              ce('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-3 h-3" data-v-44f47a6f><path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" data-v-44f47a6f></path><path d="M7 10l6 0" data-v-44f47a6f></path><path d="M10 7l0 6" data-v-44f47a6f></path><path d="M21 21l-6 -6" data-v-44f47a6f></path></svg>', 1)
+              pe('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-3 h-3" data-v-44f47a6f><path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" data-v-44f47a6f></path><path d="M7 10l6 0" data-v-44f47a6f></path><path d="M10 7l0 6" data-v-44f47a6f></path><path d="M21 21l-6 -6" data-v-44f47a6f></path></svg>', 1)
             ])),
             l("button", {
               class: "tool bg-gray-100 py-1.5 px-2 rounded-lg text-md cursor-pointer hover:bg-blue-500 hover:text-white transition-all",
               title: "Видалити",
               onClick: k[6] || (k[6] = (R) => ke())
             }, [
-              I(Ke, { class: "w-3 h-3" })
+              I(Je, { class: "w-3 h-3" })
             ])
           ])
         ])) : F("", !0)
       ])
     ], 2));
   }
-}), Bn = /* @__PURE__ */ N(Sn, [["__scopeId", "data-v-44f47a6f"]]), jn = ["data-focus"], In = { class: "flex items-center" }, En = { class: "overflow-hidden text-ellipsis whitespace-nowrap rounded-sm text-[#333] text-[85%] px-0.5 py-[3px] pl-1.5 box-border" }, zn = ["onClick", "aria-label"], Fn = {
+}), jr = /* @__PURE__ */ N(Br, [["__scopeId", "data-v-44f47a6f"]]), Ir = ["data-focus"], Er = { class: "flex items-center" }, zr = { class: "overflow-hidden text-ellipsis whitespace-nowrap rounded-sm text-[#333] text-[85%] px-0.5 py-[3px] pl-1.5 box-border" }, Fr = ["onClick", "aria-label"], Ar = {
   key: 0,
   class: "absolute text-gray-500 truncate pl-2"
-}, An = { class: "flex-1 min-w-[2px]" }, Dn = ["placeholder"], On = { class: "flex items-center shrink-0" }, Un = ["disabled"], Tn = /* @__PURE__ */ O({
+}, Dr = { class: "flex-1 min-w-[2px]" }, Or = ["placeholder"], Ur = { class: "flex items-center shrink-0" }, Tr = ["disabled"], Rr = /* @__PURE__ */ O({
   __name: "vs-input-tag",
   props: /* @__PURE__ */ Q({
     unique: { type: Boolean, default: !0 },
@@ -3576,43 +3576,43 @@ const Dr = /* @__PURE__ */ N(zr, [["render", Ar]]), Or = { class: "form-geom__se
   }),
   emits: /* @__PURE__ */ Q(["update:modelValue"], ["update:modelValue"]),
   setup(o, { emit: e }) {
-    const t = o, n = e;
+    const t = o, r = e;
     ye(t.style);
-    const a = w(null), r = w(null), s = w(null), u = w(!1), c = w(""), v = X(o, "modelValue"), p = D(() => t.placeholder || "Add tag…"), f = D(() => v.value?.length === 0 && c.value === ""), y = D(() => !t.disabled && v.value?.length > 0), _ = D(() => t.disabled), U = async () => {
-      _.value || await Ae(() => s.value?.focus());
+    const a = w(null), n = w(null), s = w(null), u = w(!1), c = w(""), v = X(o, "modelValue"), p = D(() => t.placeholder || "Add tag…"), f = D(() => v.value?.length === 0 && c.value === ""), y = D(() => !t.disabled && v.value?.length > 0), _ = D(() => t.disabled), U = async () => {
+      _.value || await De(() => s.value?.focus());
     }, E = (W) => {
-      const $ = W.trim();
-      $ !== "" && (!v.value || !Array.isArray(v.value) ? v.value = [$] : t.unique ? v.value.includes($) || (v.value = [...v.value, $]) : v.value = [...v.value, $], c.value = "");
+      const C = W.trim();
+      C !== "" && (!v.value || !Array.isArray(v.value) ? v.value = [C] : t.unique ? v.value.includes(C) || (v.value = [...v.value, C]) : v.value = [...v.value, C], c.value = "");
     }, T = () => {
       const W = c.value;
       W.trim() !== "" && E(W), c.value = "";
-    }, M = (W) => {
-      const $ = v.value.slice();
-      $.splice(W, 1), n("update:modelValue", $);
-    }, S = () => {
-      n("update:modelValue", []);
+    }, V = (W) => {
+      const C = v.value.slice();
+      C.splice(W, 1), r("update:modelValue", C);
+    }, M = () => {
+      r("update:modelValue", []);
     }, x = () => {
       _.value || (u.value = !0);
     }, b = () => {
       u.value = !1;
     }, z = (W) => {
-      const { key: $ } = W;
-      $ === "Enter" ? (W.preventDefault(), T()) : $ === "Backspace" && c.value === "" && v.value.length > 0 && M(v.value.length - 1);
+      const { key: C } = W;
+      C === "Enter" ? (W.preventDefault(), T()) : C === "Backspace" && c.value === "" && v.value.length > 0 && V(v.value.length - 1);
     };
-    return (W, $) => (i(), d("div", {
+    return (W, C) => (i(), d("div", {
       class: "flex gap-1 w-full",
       ref_key: "root",
       ref: a,
-      onClick: $[1] || ($[1] = ge(() => {
+      onClick: C[1] || (C[1] = ge(() => {
       }, ["stop"]))
     }, [
       l("div", {
-        class: V(["relative w-full font-sans", t.customClass]),
+        class: B(["relative w-full font-sans", t.customClass]),
         role: "group",
         "aria-label": "Tag input"
       }, [
         l("div", {
-          class: V([
+          class: B([
             "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" : "",
@@ -3624,21 +3624,21 @@ const Dr = /* @__PURE__ */ N(zr, [["render", Ar]]), Or = { class: "form-geom__se
           l("div", {
             class: "flex flex-1 flex-wrap items-center gap-1 py-0.5 pl-2 pr-0 overflow-hidden",
             ref_key: "chipsRef",
-            ref: r
+            ref: n
           }, [
             (i(!0), d(ee, null, ae(v.value, (se, ue) => (i(), d("div", {
               key: ue,
               class: "flex min-w-0 bg-[#e6e6e6] rounded-sm m-0.5 box-border"
             }, [
-              l("div", In, [
-                l("div", En, P(se), 1)
+              l("div", Er, [
+                l("div", zr, P(se), 1)
               ]),
               l("div", {
                 role: "button",
                 class: "flex items-center rounded-sm px-1 box-border hover:bg-[#ffbdad] hover:text-[#de350b]",
-                onClick: ge((pe) => M(ue), ["stop"]),
+                onClick: ge((de) => V(ue), ["stop"]),
                 "aria-label": `Remove ${se}`
-              }, $[2] || ($[2] = [
+              }, C[2] || (C[2] = [
                 l("svg", {
                   height: "14",
                   width: "14",
@@ -3649,10 +3649,10 @@ const Dr = /* @__PURE__ */ N(zr, [["render", Ar]]), Or = { 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, zn)
+              ]), 8, Fr)
             ]))), 128)),
-            f.value ? (i(), d("div", Fn, P(p.value), 1)) : F("", !0),
-            l("div", An, [
+            f.value ? (i(), d("div", Ar, P(p.value), 1)) : F("", !0),
+            l("div", Dr, [
               _.value ? F("", !0) : K((i(), d("input", {
                 key: 0,
                 ref_key: "inputRef",
@@ -3665,25 +3665,25 @@ const Dr = /* @__PURE__ */ N(zr, [["render", Ar]]), Or = { class: "form-geom__se
                 type: "text",
                 tabindex: "0",
                 "aria-label": "Add tag",
-                "onUpdate:modelValue": $[0] || ($[0] = (se) => c.value = se),
+                "onUpdate:modelValue": C[0] || (C[0] = (se) => c.value = se),
                 onFocus: x,
                 onBlur: b,
                 onKeydown: z,
                 placeholder: v.value && v.value.length ? "" : void 0
-              }, null, 40, Dn)), [
+              }, null, 40, Or)), [
                 [ie, c.value]
               ])
             ])
           ], 512),
-          l("div", On, [
+          l("div", Ur, [
             y.value ? (i(), d("button", {
               key: 0,
               type: "button",
               class: "px-2 text-gray-400 hover:text-gray-500 transition-colors disabled:opacity-50",
               "aria-label": "Clear all tags",
               disabled: _.value,
-              onClick: ge(S, ["stop"])
-            }, $[3] || ($[3] = [
+              onClick: ge(M, ["stop"])
+            }, C[3] || (C[3] = [
               l("svg", {
                 height: "20",
                 width: "20",
@@ -3692,13 +3692,13 @@ const Dr = /* @__PURE__ */ N(zr, [["render", Ar]]), Or = { 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, Un)) : F("", !0)
+            ]), 8, Tr)) : F("", !0)
           ])
-        ], 10, jn)
+        ], 10, Ir)
       ], 2)
     ], 512));
   }
-}), Rn = { class: "relative flex gap-1 bg-white w-full" }, Pn = ["disabled", "placeholder"], Hn = /* @__PURE__ */ O({
+}), Pr = { class: "relative flex gap-1 bg-white w-full" }, Hr = ["disabled", "placeholder"], Nr = /* @__PURE__ */ O({
   __name: "vs-input-slug",
   props: /* @__PURE__ */ Q({
     disabled: { type: Boolean },
@@ -3710,7 +3710,7 @@ const Dr = /* @__PURE__ */ N(zr, [["render", Ar]]), Or = { class: "form-geom__se
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = Se("values"), t = o, n = X(o, "modelValue");
+    const e = Se("values"), t = o, r = X(o, "modelValue");
     function a(s) {
       const u = {
         а: "a",
@@ -3753,33 +3753,33 @@ const Dr = /* @__PURE__ */ N(zr, [["render", Ar]]), Or = { class: "form-geom__se
       };
       return s.toLowerCase().split("").map((c) => u[c] || c).join("").replace(/[^a-z0-9\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-+|-+$/g, "");
     }
-    const r = () => {
+    const n = () => {
       const s = e?.value?.[t.parent || ""]?.toString(), u = a(s);
-      n.value = u.toString();
+      r.value = u.toString();
     };
-    return (s, u) => (i(), d("div", Rn, [
+    return (s, u) => (i(), d("div", Pr, [
       K(l("input", {
         ref: "vsText",
         disabled: s.disabled,
         placeholder: s.placeholder,
-        "onUpdate:modelValue": u[0] || (u[0] = (c) => n.value = c),
+        "onUpdate:modelValue": u[0] || (u[0] = (c) => r.value = c),
         class: "block w-full px-3 py-2 text-sm border border-solid rounded-lg placeholder:text-nowrap border-stone-200 text-stone-800 placeholder:text-stone-400 focus:outline focus:z-10 focus:border-blue-500 focus:ring-blue-500 focus:outline-blue-500"
-      }, null, 8, Pn), [
-        [ie, n.value]
+      }, null, 8, Hr), [
+        [ie, r.value]
       ]),
       l("button", {
         class: "px-2 bg-gray-100 border rounded-lg hover:bg-gray-200",
-        onClick: r
+        onClick: n
       }, " Gen ")
     ]));
   }
-}), Nn = /* @__PURE__ */ N(Hn, [["__scopeId", "data-v-b0eba370"]]), qn = { class: "w-full" }, Gn = {
+}), qr = /* @__PURE__ */ N(Nr, [["__scopeId", "data-v-b0eba370"]]), Gr = { class: "w-full" }, Jr = {
   ref: "sortableContainer",
   class: "flex flex-col gap-1"
-}, Jn = ["onDragstart", "onDrop"], Wn = { class: "w-1/3" }, Kn = { class: "w-2/3" }, Zn = ["onClick"], Yn = {
+}, Wr = ["onDragstart", "onDrop"], Kr = { class: "w-1/3" }, Zr = { class: "w-2/3" }, Yr = ["onClick"], Qr = {
   key: 0,
   class: "text-[14px] text-gray-700"
-}, Qn = { class: "mt-2 w-full flex items-center" }, Xn = ["disabled"], ei = /* @__PURE__ */ O({
+}, Xr = { class: "mt-2 w-full flex items-center" }, ei = ["disabled"], ti = /* @__PURE__ */ O({
   __name: "vs-input-key-value",
   props: {
     parent: {},
@@ -3789,13 +3789,13 @@ const Dr = /* @__PURE__ */ N(zr, [["render", Ar]]), Or = { class: "form-geom__se
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = (T) => `${T}-${Math.random().toString(36).substring(2, 15)}`, n = Se("values"), a = o, r = e, s = a.addButtonText ?? "Додати", u = a.ignore ?? [], c = w([]), v = w(null);
+    const t = (T) => `${T}-${Math.random().toString(36).substring(2, 15)}`, r = Se("values"), a = o, n = e, s = a.addButtonText ?? "Додати", u = a.ignore ?? [], c = w([]), v = w(null);
     (() => {
-      const T = a.parent && n?.value?.[a.parent] || a.modelValue || {};
-      c.value = Object.entries(T).filter(([M]) => !u.includes(M)).map(([M, S]) => ({
+      const T = a.parent && r?.value?.[a.parent] || a.modelValue || {};
+      c.value = Object.entries(T).filter(([V]) => !u.includes(V)).map(([V, M]) => ({
         id: t("key-value-"),
-        key: M,
-        value: S
+        key: V,
+        value: M
       }));
     })();
     function f(T) {
@@ -3803,71 +3803,71 @@ const Dr = /* @__PURE__ */ N(zr, [["render", Ar]]), Or = { class: "form-geom__se
     }
     function y(T) {
       if (v.value === null || v.value === T) return;
-      const M = c.value.splice(v.value, 1)[0];
-      c.value.splice(T, 0, M), v.value = null;
+      const V = c.value.splice(v.value, 1)[0];
+      c.value.splice(T, 0, V), v.value = null;
     }
     const _ = D(
       () => c.value.some((T) => T.key && !T.value || !T.key && T.value)
     ), U = () => {
       c.value.push({ id: t("key-value-"), key: "", value: "" });
     }, E = (T) => {
-      c.value = c.value.filter((M) => M.id !== T);
+      c.value = c.value.filter((V) => V.id !== T);
     };
     return le(
       c,
       (T) => {
-        const M = {};
+        const V = {};
         T.forEach((x) => {
-          x.key && x.value !== void 0 && (M[x.key] = x.value);
+          x.key && x.value !== void 0 && (V[x.key] = x.value);
         });
-        const S = {};
+        const M = {};
         u.length && u.forEach((x) => {
-          S[x] = a.parent ? n?.value?.[a.parent]?.[x] : void 0;
-        }), n?.value && a.parent && (n.value[a.parent] = {
-          ...S,
-          ...M
-        }), r("update:modelValue", M);
+          M[x] = a.parent ? r?.value?.[a.parent]?.[x] : void 0;
+        }), r?.value && a.parent && (r.value[a.parent] = {
+          ...M,
+          ...V
+        }), n("update:modelValue", V);
       },
       { deep: !0 }
-    ), (T, M) => (i(), d("div", qn, [
-      l("div", Gn, [
-        (i(!0), d(ee, null, ae(c.value, (S, x) => (i(), d("div", {
-          key: S.id,
-          class: V(["flex items-center gap-2 w-full", { "opacity-50": v.value === x }]),
+    ), (T, V) => (i(), d("div", Gr, [
+      l("div", Jr, [
+        (i(!0), d(ee, null, ae(c.value, (M, x) => (i(), d("div", {
+          key: M.id,
+          class: B(["flex items-center gap-2 w-full", { "opacity-50": v.value === x }]),
           draggable: "true",
           onDragstart: (b) => f(x),
-          onDragover: M[0] || (M[0] = ge(() => {
+          onDragover: V[0] || (V[0] = ge(() => {
           }, ["prevent"])),
           onDrop: (b) => y(x)
         }, [
-          M[1] || (M[1] = ce('<button class="cursor-move" data-v-a0f7fbfc><svg fill="#000000" width="20" height="20" viewBox="0 0 36 36" data-v-a0f7fbfc><circle cx="15" cy="12" r="1.5" data-v-a0f7fbfc></circle><circle cx="15" cy="24" r="1.5" data-v-a0f7fbfc></circle><circle cx="21" cy="12" r="1.5" data-v-a0f7fbfc></circle><circle cx="21" cy="24" r="1.5" data-v-a0f7fbfc></circle><circle cx="21" cy="18" r="1.5" data-v-a0f7fbfc></circle><circle cx="15" cy="18" r="1.5" data-v-a0f7fbfc></circle></svg></button>', 1)),
-          l("div", Wn, [
+          V[1] || (V[1] = pe('<button class="cursor-move" data-v-a0f7fbfc><svg fill="#000000" width="20" height="20" viewBox="0 0 36 36" data-v-a0f7fbfc><circle cx="15" cy="12" r="1.5" data-v-a0f7fbfc></circle><circle cx="15" cy="24" r="1.5" data-v-a0f7fbfc></circle><circle cx="21" cy="12" r="1.5" data-v-a0f7fbfc></circle><circle cx="21" cy="24" r="1.5" data-v-a0f7fbfc></circle><circle cx="21" cy="18" r="1.5" data-v-a0f7fbfc></circle><circle cx="15" cy="18" r="1.5" data-v-a0f7fbfc></circle></svg></button>', 1)),
+          l("div", Kr, [
             I(Ne, {
-              modelValue: S.key,
-              "onUpdate:modelValue": (b) => S.key = b,
+              modelValue: M.key,
+              "onUpdate:modelValue": (b) => M.key = b,
               placeholder: "Ключ"
             }, null, 8, ["modelValue", "onUpdate:modelValue"])
           ]),
-          l("div", Kn, [
+          l("div", Zr, [
             I(Ne, {
-              modelValue: S.value,
-              "onUpdate:modelValue": (b) => S.value = b,
+              modelValue: M.value,
+              "onUpdate:modelValue": (b) => M.value = b,
               placeholder: "Значення"
             }, null, 8, ["modelValue", "onUpdate:modelValue"])
           ]),
           l("button", {
-            onClick: (b) => E(S.id),
+            onClick: (b) => E(M.id),
             class: "shrink-0 w-[30px] text-gray-600 h-[30px] rounded-full flex items-center justify-center bg-gray-100 hover:bg-gray-200"
           }, [
-            I(J(Al), {
+            I(J(Dl), {
               height: "16",
               width: "16"
             })
-          ], 8, Zn)
-        ], 42, Jn))), 128))
+          ], 8, Yr)
+        ], 42, Wr))), 128))
       ], 512),
-      c.value.length ? F("", !0) : (i(), d("span", Yn, " Дані для відображення відсутні ")),
-      l("div", Qn, [
+      c.value.length ? F("", !0) : (i(), d("span", Qr, " Дані для відображення відсутні ")),
+      l("div", Xr, [
         l("button", {
           type: "button",
           onClick: U,
@@ -3879,11 +3879,11 @@ const Dr = /* @__PURE__ */ N(zr, [["render", Ar]]), Or = { class: "form-geom__se
             width: "14"
           }),
           ve(" " + P(J(s)), 1)
-        ], 8, Xn)
+        ], 8, ei)
       ])
     ]));
   }
-}), ti = /* @__PURE__ */ N(ei, [["__scopeId", "data-v-a0f7fbfc"]]), li = { class: "flex items-center gap-2 w-full" }, oi = ["disabled"], ai = /* @__PURE__ */ O({
+}), li = /* @__PURE__ */ N(ti, [["__scopeId", "data-v-a0f7fbfc"]]), oi = { class: "flex items-center gap-2 w-full" }, ai = ["disabled"], si = /* @__PURE__ */ O({
   __name: "vs-input-color",
   props: {
     style: { default: () => ({}) },
@@ -3896,30 +3896,30 @@ const Dr = /* @__PURE__ */ N(zr, [["render", Ar]]), Or = { class: "form-geom__se
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, { inputClass: n } = ye(t.style), a = e, r = D({
+    const t = o, { inputClass: r } = ye(t.style), a = e, n = D({
       get: () => t.modelValue || "#000000",
       set: (s) => a("update:modelValue", s)
     });
-    return (s, u) => (i(), d("div", li, [
+    return (s, u) => (i(), d("div", oi, [
       K(l("input", {
         type: "color",
-        "onUpdate:modelValue": u[0] || (u[0] = (c) => r.value = c),
+        "onUpdate:modelValue": u[0] || (u[0] = (c) => n.value = c),
         disabled: s.disabled,
         ref: "color",
-        class: V(["py-1.5 px-1 block w-full bg-white cursor-pointer max-w-[50px]", [s.modelValue ? "" : "text-opacity-50", J(n)].join(" ")]),
+        class: B(["py-1.5 px-1 block w-full bg-white cursor-pointer max-w-[50px]", [s.modelValue ? "" : "text-opacity-50", J(r)].join(" ")]),
         style: { border: "1px solid #CFD9E0" }
-      }, null, 10, oi), [
-        [ie, r.value]
+      }, null, 10, ai), [
+        [ie, n.value]
       ]),
       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": u[1] || (u[1] = (c) => n.value = c)
       }, null, 512), [
-        [ie, r.value]
+        [ie, n.value]
       ])
     ]));
   }
-}), si = { class: "flex items-center gap-2 w-full" }, ri = ["min", "max", "step", "disabled"], ni = /* @__PURE__ */ O({
+}), ni = { class: "flex items-center gap-2 w-full" }, ri = ["min", "max", "step", "disabled"], ii = /* @__PURE__ */ O({
   __name: "vs-input-range",
   props: {
     style: { default: () => ({}) },
@@ -3935,60 +3935,60 @@ const Dr = /* @__PURE__ */ N(zr, [["render", Ar]]), Or = { class: "form-geom__se
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, { inputClass: n } = ye(t.style), a = e, r = D({
+    const t = o, { inputClass: r } = ye(t.style), a = e, n = D({
       get: () => Number(t.modelValue ?? t.min),
       set: (s) => a("update:modelValue", Number(s))
     });
-    return (s, u) => (i(), d("div", si, [
+    return (s, u) => (i(), d("div", ni, [
       K(l("input", {
         type: "range",
-        "onUpdate:modelValue": u[0] || (u[0] = (c) => r.value = c),
+        "onUpdate:modelValue": u[0] || (u[0] = (c) => n.value = c),
         min: s.min,
         max: s.max,
         step: s.step,
         disabled: s.disabled,
         ref: "range",
-        class: V(["w-full cursor-pointer accent-blue-500", [s.modelValue ? "" : "text-opacity-50", J(n)].join(" ")])
+        class: B(["w-full cursor-pointer accent-blue-500", [s.modelValue ? "" : "text-opacity-50", J(r)].join(" ")])
       }, null, 10, ri), [
-        [ie, r.value]
+        [ie, n.value]
       ]),
       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": u[1] || (u[1] = (c) => n.value = c)
       }, null, 512), [
-        [ie, r.value]
+        [ie, n.value]
       ])
     ]));
   }
-}), ii = {
+}), ui = {
   VsInputText: Ne,
   VsInputRadio: ut,
   "vs-input-text": Ne,
-  "vs-input-password": dl,
-  "vs-input-textarea": us,
-  "vs-input-mask": Jl,
-  "vs-input-number": fl,
+  "vs-input-password": cl,
+  "vs-input-textarea": ds,
+  "vs-input-mask": Wl,
+  "vs-input-number": vl,
   "vs-input-radio": ut,
   "vs-input-select": pt,
   "vs-input-switcher": kt,
   "vs-input-static": it,
-  "vs-input-container": Ja,
-  "vs-input-date": no,
-  "vs-input-checkbox": so,
-  "vs-input-file": Go,
+  "vs-input-container": Wa,
+  "vs-input-date": io,
+  "vs-input-checkbox": no,
+  "vs-input-file": Jo,
   "vs-input-html": it,
-  "vs-input-email": Zl,
-  "vs-input-datatable": mr,
-  "vs-input-map": Bn,
-  "vs-input-file-list": ka,
-  "vs-input-tag": Tn,
-  "vs-input-slug": Nn,
-  "vs-input-key-value": ti,
-  "vs-input-range": ni,
-  "vs-input-color": ai,
+  "vs-input-email": Yl,
+  "vs-input-datatable": gn,
+  "vs-input-map": jr,
+  "vs-input-file-list": _a,
+  "vs-input-tag": Rr,
+  "vs-input-slug": qr,
+  "vs-input-key-value": li,
+  "vs-input-range": ii,
+  "vs-input-color": si,
   "vs-input-native-select": pt
-}, ui = /* @__PURE__ */ O({
+}, di = /* @__PURE__ */ O({
   __name: "behavior",
   props: {
     api: {},
@@ -3999,15 +3999,15 @@ const Dr = /* @__PURE__ */ N(zr, [["render", Ar]]), Or = { class: "form-geom__se
   },
   setup(o) {
     const e = o, t = Se("values");
-    async function n() {
+    async function r() {
       try {
         if (!e.api) return;
-        const a = e.api.replace("{{value}}", e.value), r = await fetch(a);
-        if (!r.ok) {
-          re({ type: "warning", title: "Validation", message: "При спробі завантажити дані виникла помилка." });
+        const a = e.api.replace("{{value}}", e.value), n = await fetch(a);
+        if (!n.ok) {
+          ne({ type: "warning", title: "Validation", message: "При спробі завантажити дані виникла помилка." });
           return;
         }
-        const s = await r.json();
+        const s = await n.json();
         if (!e.set || !t) return;
         for (const [u, c] of Object.entries(e.set))
           t.value[u] = s.result[c];
@@ -4015,12 +4015,15 @@ const Dr = /* @__PURE__ */ N(zr, [["render", Ar]]), Or = { class: "form-geom__se
         console.error(e.error, a);
       }
     }
-    return (a, r) => (i(), d("button", {
-      onClick: n,
+    return (a, n) => (i(), d("button", {
+      onClick: r,
       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"
     }, P(a.button), 1));
   }
-}), Vt = /* @__PURE__ */ O({
+}), ci = { class: "flex flex-col gap-1 w-full" }, pi = {
+  key: 0,
+  class: "text-sm text-gray-500"
+}, Vt = /* @__PURE__ */ O({
   __name: "vs-compact-form-layout",
   props: /* @__PURE__ */ Q({
     item: { default: {} },
@@ -4034,7 +4037,7 @@ const Dr = /* @__PURE__ */ N(zr, [["render", Ar]]), Or = { class: "form-geom__se
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = X(o, "modelValue"), n = D(() => il[`${e.layout}`]), a = D(() => ii?.[`vs-input-${e.item.type}`]), r = D(() => {
+    const e = o, t = X(o, "modelValue"), r = D(() => ul[`${e.layout}`]), a = D(() => ui?.[`vs-input-${e.item.type}`]), n = D(() => {
       const u = J(a);
       if (!u) return /* @__PURE__ */ new Set();
       const c = u.props ?? u.__vccOpts?.props;
@@ -4042,10 +4045,10 @@ const Dr = /* @__PURE__ */ N(zr, [["render", Ar]]), Or = { class: "form-geom__se
       const v = Array.isArray(c) ? c : Object.keys(c);
       return new Set(v);
     }), s = D(() => {
-      const u = e.item ?? {}, c = r.value;
+      const u = e.item ?? {}, c = n.value;
       return c.size ? Object.fromEntries(Object.entries(u).filter(([v]) => c.has(v))) : {};
     });
-    return (u, c) => K((i(), ne(Ee(n.value), {
+    return (u, c) => K((i(), re(Ee(r.value), {
       ua: e.item.ua,
       error: e.error || "",
       item: u.item,
@@ -4053,43 +4056,46 @@ const Dr = /* @__PURE__ */ N(zr, [["render", Ar]]), Or = { class: "form-geom__se
     }, {
       default: Be(() => [
         l("div", {
-          class: V(["flex w-full", `${e.item.type}-component`])
+          class: B(["flex w-full", `${e.item.type}-component`])
         }, [
-          (i(), ne(Ee(a.value), Oe(s.value, {
-            modelValue: t.value,
-            "onUpdate:modelValue": c[0] || (c[0] = (v) => t.value = v)
-          }), null, 16, ["modelValue"])),
-          u.item.behavior?.api && u.item.behavior?.button ? (i(), ne(ui, Oe({ key: 0 }, u.item.behavior, { value: t.value }), null, 16, ["value"])) : F("", !0)
+          l("div", ci, [
+            (i(), re(Ee(a.value), Ie(s.value, {
+              modelValue: t.value,
+              "onUpdate:modelValue": c[0] || (c[0] = (v) => t.value = v)
+            }), null, 16, ["modelValue"])),
+            u.item.description ? (i(), d("p", pi, P(u.item.description), 1)) : F("", !0)
+          ]),
+          u.item.behavior?.api && u.item.behavior?.button ? (i(), re(di, Ie({ key: 0 }, u.item.behavior, { value: t.value }), null, 16, ["value"])) : F("", !0)
         ], 2)
       ]),
       _: 1
     }, 8, ["ua", "error", "item", "label"])), [
-      [We, !u.item.hidden]
+      [Ge, !u.item.hidden]
     ]);
   }
 }), Mt = {
   required: "Це поле є обов’язковим",
   email: "Неправильний email"
-}, di = (o) => o ? !1 : Mt.required, ci = (o) => {
+}, fi = (o) => o ? !1 : Mt.required, vi = (o) => {
   const e = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
   return o ? e.test(o) ? !1 : Mt.email : !1;
-}, pi = (o, e) => {
+}, mi = (o, e) => {
   const t = e.pattern ?? e.regexp;
   return !(typeof t == "string" ? new RegExp(t) : t).test(o) && o ? e.message : !1;
-}, fi = (o, e) => !1, vi = (o, e) => {
+}, hi = (o, e) => !1, gi = (o, e) => {
   switch (typeof e == "string" ? e : e.type) {
     case "required":
-      return di(o);
+      return fi(o);
     case "email":
-      return ci(o);
+      return vi(o);
     case "regexp":
-      return pi(o, e);
+      return mi(o, e);
     case "custom":
-      return fi();
+      return hi();
     default:
       return !1;
   }
-}, mi = {
+}, bi = {
   autocomplete: "select",
   combobox: "select",
   datepicker: "date",
@@ -4103,55 +4109,55 @@ const Dr = /* @__PURE__ */ N(zr, [["render", Ar]]), Or = { class: "form-geom__se
 };
 function vt(o) {
   const e = o.toLowerCase();
-  return mi[e] || e;
+  return bi[e] || e;
 }
-function hi(o, e = !1) {
+function yi(o, e = !1) {
   if (Array.isArray(o)) {
-    const n = [];
+    const r = [];
     return o.forEach((a) => {
-      const r = { ...a };
-      r.name = (a.name || a.id || a.key || "").toString(), r.type = vt(a.type), r.label = a.label || a.ua, r.rules = a.rules || a.validators, r.type === "email" && !r.rules && (r.rules = ["email"]), a.data && (r.api = `/api/suggest/${a.data}`), r.disabled = e, n.push(r);
-    }), n;
+      const n = { ...a };
+      n.name = (a.name || a.id || a.key || "").toString(), n.type = vt(a.type), n.label = a.label || a.ua, n.rules = a.rules || a.validators, n.type === "email" && !n.rules && (n.rules = ["email"]), a.data && (n.api = `/api/suggest/${a.data}`), n.disabled = e || n.disabled, r.push(n);
+    }), r;
   }
   const t = [];
-  return Object.entries(o).forEach((n) => {
+  return Object.entries(o).forEach((r) => {
     const a = {
-      name: n[0],
-      ...n[1],
-      type: vt(n[1].type),
-      label: n[1].label || n[1].ua,
-      rules: n[1].rules || n[1].validators,
+      name: r[0],
+      ...r[1],
+      type: vt(r[1].type),
+      label: r[1].label || r[1].ua,
+      rules: r[1].rules || r[1].validators,
       disabled: e
     };
-    a.type === "email" && !a.rules && (a.rules = ["email"]), n[1].type.includes("list") && (a.multiple = !0), !a.api && n[1].data && (a.api = `/api/suggest/${n[1].data}`), t.push(a);
+    a.type === "email" && !a.rules && (a.rules = ["email"]), r[1].type.includes("list") && (a.multiple = !0), !a.api && r[1].data && (a.api = `/api/suggest/${r[1].data}`), t.push(a);
   }), t;
 }
-function gi(o, e, t = !1) {
-  const n = D(
-    () => hi(
+function xi(o, e, t = !1) {
+  const r = D(
+    () => yi(
       (Array.isArray(e), e),
       typeof t == "boolean" ? t : t.value
     )
   ), a = w({});
-  function r(v) {
+  function n(v) {
     const p = v?.conditions;
     if (!p) return !0;
     const f = Array.isArray(p) ? p[0] : p, y = o?.value?.[f];
     return Ct(y, p);
   }
-  const s = (v = n.value, p = !0) => (v.forEach((f) => {
+  const s = (v = r.value, p = !0) => (v.forEach((f) => {
     if (f.rules) {
-      if (!r(f)) {
+      if (!n(f)) {
         delete a.value[f.name];
         return;
       }
       f.rules.forEach((y) => {
-        const _ = vi(o.value[f.name], y);
+        const _ = gi(o.value[f.name], y);
         _ ? a.value[f.name] = _ : delete a.value[f.name];
       });
     }
     f.schema && s(f.schema, !1);
-  }), p && Object.values(a.value).some(Boolean) ? a.value : null), u = D(() => n.value?.filter((v) => r(v)));
+  }), p && Object.values(a.value).some(Boolean) ? a.value : null), u = D(() => r.value?.filter((v) => n(v)));
   return {
     errors: a,
     validate: s,
@@ -4161,7 +4167,7 @@ function gi(o, e, t = !1) {
     visibleSchema: u
   };
 }
-const bi = {
+const wi = {
   key: 0,
   "data-orientation": "horizontal",
   role: "none",
@@ -4183,53 +4189,53 @@ const bi = {
   }),
   emits: /* @__PURE__ */ Q(["handle-submit", "update:modelValue"], ["update:form", "update:values"]),
   setup(o, { expose: e, emit: t }) {
-    const n = t, a = o, r = X(o, "form"), s = X(o, "values"), {
+    const r = t, a = o, n = X(o, "form"), s = X(o, "values"), {
       errors: u,
       validate: c,
       reset: v,
       visibleSchema: p
-    } = gi(s, a.schema, Ut(a, "disabled")), f = () => {
-      n("update:modelValue", s.value), c(), n("handle-submit", s.value);
+    } = xi(s, a.schema, Ut(a, "disabled")), f = () => {
+      r("update:modelValue", s.value), c(), r("handle-submit", s.value);
     };
     e({
       validate: c,
       reset: v,
       errors: u
     }), be(() => {
-      a.modelValue && (s.value = a.modelValue), r.value.value = s.value, r.value.errors = u.value, r.value.reset = v, r.value.validate = c, r.value.formId = a.formId;
+      a.modelValue && (s.value = a.modelValue), n.value.value = s.value, n.value.errors = u.value, n.value.reset = v, n.value.validate = c, n.value.formId = a.formId;
     });
     function y(_, U) {
       if (_ === U) return !0;
       if (typeof _ != "object" || typeof U != "object" || !_ || !U) return !1;
       const E = Object.keys(_), T = Object.keys(U);
-      return E.length !== T.length ? !1 : E.every((M) => _[M] === U[M]);
+      return E.length !== T.length ? !1 : E.every((V) => _[V] === U[V]);
     }
-    return nt("form", r), nt("values", s), le(r.value, (_) => {
+    return rt("form", n), rt("values", s), le(n.value, (_) => {
       console.log("form", _);
     }), (_, U) => (i(), d("form", {
       onSubmit: ge(f, ["prevent"]),
-      class: V(["grid grid-cols-12", _.layout === "default" ? "gap-6" : "gap-4"])
+      class: B(["grid grid-cols-12", _.layout === "default" ? "gap-6" : "gap-4"])
     }, [
       (i(!0), d(ee, null, ae(J(p), (E, T) => (i(), d("div", {
         key: E.name,
-        class: V(_.layout === "horizontal" ? "col-span-12" : `col-span-${E.col || 12}`)
+        class: B(_.layout === "horizontal" ? "col-span-12" : `col-span-${E.col || 12}`)
       }, [
         I(Vt, {
           style: we(_.style),
           item: E,
           layout: _.layout,
           "model-value": s.value[E.name],
-          "onUpdate:modelValue": (M) => {
-            const S = s.value[E.name];
-            y(S, M) || (s.value[E.name] = M);
+          "onUpdate:modelValue": (V) => {
+            const M = s.value[E.name];
+            y(M, V) || (s.value[E.name] = V);
           },
           error: J(u)[E.name]
         }, null, 8, ["style", "item", "layout", "model-value", "onUpdate:modelValue", "error"]),
-        _.layout === "settings" && T + 1 !== J(p).length ? (i(), d("div", bi)) : F("", !0)
+        _.layout === "settings" && T + 1 !== J(p).length ? (i(), d("div", wi)) : F("", !0)
       ], 2))), 128))
     ], 34));
   }
-}), yi = { class: "relative" }, xi = { class: "w-full h-full fixed top-0 start-0 z-[1000] bg-black bg-opacity-50" }, wi = { 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" }, ki = { class: "py-2.5 px-4 flex justify-between items-center border-0 border-b border-solid border-gray-200 dark:border-b-[#454545]" }, _i = { class: "font-medium text-gray-800 dark:text-[#ffffff]" }, $i = { class: "p-4 mim-h-0 h-full overflow-auto" }, Ci = /* @__PURE__ */ O({
+}), ki = { class: "relative" }, _i = { class: "w-full h-full fixed top-0 start-0 z-[1000] bg-black bg-opacity-50" }, $i = { 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" }, Ci = { class: "py-2.5 px-4 flex justify-between items-center border-0 border-b border-solid border-gray-200 dark:border-b-[#454545]" }, Vi = { class: "font-medium text-gray-800 dark:text-[#ffffff]" }, Mi = { class: "p-4 mim-h-0 h-full overflow-auto" }, Li = /* @__PURE__ */ O({
   __name: "modal-edit",
   props: {
     schema: {},
@@ -4240,11 +4246,11 @@ const bi = {
   },
   emits: ["close", "save", "edit"],
   setup(o, { emit: e }) {
-    const t = o, n = e, a = w(t.schema), r = w(t.defaultValue ? JSON.parse(JSON.stringify(t.defaultValue)) : {}), s = w({}), u = w(), c = w(t.mode);
+    const t = o, r = e, a = w(t.schema), n = w(t.defaultValue ? JSON.parse(JSON.stringify(t.defaultValue)) : {}), s = w({}), u = w(), c = w(t.mode);
     async function v() {
       const f = s.value.validate();
       if (f) {
-        re({ type: "warning", title: "Помилка валідації", message: Object.entries(f).map(([y, _]) => `${y}: ${_}`).join(`
+        ne({ type: "warning", title: "Помилка валідації", message: Object.entries(f).map(([y, _]) => `${y}: ${_}`).join(`
 `) });
         return;
       }
@@ -4255,32 +4261,32 @@ const bi = {
             headers: {
               "Content-Type": "application/json"
             },
-            body: JSON.stringify(r.value)
+            body: JSON.stringify(n.value)
           });
           if (y.ok)
-            await y.json(), re({
+            await y.json(), ne({
               type: "success",
               title: "Успішно",
               message: `Дані успішно ${c.value === "add" ? "збережено" : "оновлено"}`
-            }), n("save", r.value);
+            }), r("save", n.value);
           else if (y.status === 400) {
             const _ = await y.json().catch(() => ({}));
-            re({
+            ne({
               type: "warning",
               title: "Помилка валідації",
               message: _.message || "Некоректні дані (400)"
             });
-          } else y.status === 500 ? re({
+          } else y.status === 500 ? ne({
             type: "error",
             title: "Серверна помилка",
             message: "Виникла помилка на сервері (500)"
-          }) : re({
+          }) : ne({
             type: "error",
             title: "Помилка",
             message: `Статус: ${y.status}`
           });
         } catch (y) {
-          re({
+          ne({
             type: "error",
             title: "Помилка з’єднання",
             message: y.message || "Не вдалося виконати запит"
@@ -4288,14 +4294,14 @@ const bi = {
         }
     }
     function p() {
-      n("close");
+      r("close");
     }
     return be(async () => {
       try {
         if (t.form) {
           const f = await fetch(`/api/template/form/${t.form}`);
           if (!f.ok) {
-            re({
+            ne({
               type: f.status >= 400 && f.status < 500 ? "warning" : "error",
               title: "Error",
               message: `Error code: ${f.status}`
@@ -4308,7 +4314,7 @@ const bi = {
           u.value = t.token;
           const f = await fetch(`/api/form/${u.value}`);
           if (!f.ok) {
-            re({
+            ne({
               type: f.status >= 400 && f.status < 500 ? "warning" : "error",
               title: "Error",
               message: `Error code: ${f.status}`
@@ -4316,20 +4322,20 @@ const bi = {
             return;
           }
           const y = await f.json();
-          a.value = y.schema, y.data ? r.value = y.data : c.value = "add";
+          a.value = y.schema, y.data ? n.value = y.data : c.value = "add";
         }
       } catch (f) {
-        re({
+        ne({
           type: "error",
           title: "Error",
           message: f.message || "Unexpected error"
         }), console.error(f);
       }
-    }), (f, y) => (i(), d("div", yi, [
-      l("div", xi, [
-        l("div", wi, [
-          l("div", ki, [
-            l("h3", _i, P(c.value === "add" ? "Додати" : "Змінити"), 1),
+    }), (f, y) => (i(), d("div", ki, [
+      l("div", _i, [
+        l("div", $i, [
+          l("div", Ci, [
+            l("h3", Vi, P(c.value === "add" ? "Додати" : "Змінити"), 1),
             l("button", {
               onClick: p,
               type: "button",
@@ -4353,12 +4359,12 @@ const bi = {
               ], -1)
             ]))
           ]),
-          l("div", $i, [
-            a.value ? (i(), ne(Te, {
+          l("div", Mi, [
+            a.value ? (i(), re(Te, {
               key: 0,
               schema: a.value,
-              values: r.value,
-              "onUpdate:values": y[0] || (y[0] = (_) => r.value = _),
+              values: n.value,
+              "onUpdate:values": y[0] || (y[0] = (_) => n.value = _),
               form: s.value,
               "onUpdate:form": y[1] || (y[1] = (_) => s.value = _)
             }, null, 8, ["schema", "values", "form"])) : F("", !0)
@@ -4386,14 +4392,14 @@ const bi = {
     visible: !0,
     size: "medium",
     closeClickBack: !0,
-    content: Ci,
+    content: Li,
     contentProps: {
       ...o,
       onClose: () => {
         e(null), t();
       },
-      onSave: (n) => {
-        e(n), t();
+      onSave: (r) => {
+        e(r), t();
       }
     }
   });
@@ -4404,29 +4410,29 @@ Te.install = function(e) {
   }), e.provide("form", mt), window.v3plugin || (window.v3plugin = {});
 };
 export {
-  Ci as ModalEdit,
+  Li as ModalEdit,
   Te as VForm,
-  so as VsInputCheckbox,
-  ai as VsInputColor,
-  Ja as VsInputContainer,
-  no as VsInputDate,
-  Zl as VsInputEmail,
-  Go as VsInputFile,
-  ka as VsInputFileList,
-  ti as VsInputKeyValue,
-  Jl as VsInputMask,
-  fl as VsInputNumber,
+  no as VsInputCheckbox,
+  si as VsInputColor,
+  Wa as VsInputContainer,
+  io as VsInputDate,
+  Yl as VsInputEmail,
+  Jo as VsInputFile,
+  _a as VsInputFileList,
+  li as VsInputKeyValue,
+  Wl as VsInputMask,
+  vl as VsInputNumber,
   ut as VsInputRadio,
-  ni as VsInputRange,
+  ii as VsInputRange,
   pt as VsInputSelect,
-  Nn as VsInputSlug,
+  qr as VsInputSlug,
   it as VsInputStatic,
   kt as VsInputSwitcher,
-  Tn as VsInputTag,
+  Rr as VsInputTag,
   Ne as VsInputText,
-  us as VsInputTextarea,
+  ds as VsInputTextarea,
   Te as default,
-  ii as inputs,
-  mr as vsInputDatatable,
-  Bn as vsInputMap
+  ui as inputs,
+  gn as vsInputDatatable,
+  jr as vsInputMap
 };