@opengis/form 0.0.41 → 0.0.43

package/dist/index.js

@@ -1,15 +1,15 @@
-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 = {
+import { defineComponent as F, ref as w, onMounted as xe, onUnmounted as qe, createElementBlock as d, openBlock as i, createCommentVNode as A, renderSlot as Ve, createElementVNode as l, toDisplayString as P, mergeProps as Ie, createTextVNode as fe, normalizeProps as Ze, guardReactiveProps as Ye, computed as D, normalizeClass as C, 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 ke, withCtx as Be, withModifiers as ye, onBeforeUnmount as At, watch as ae, createStaticVNode as ce, vModelRadio as gt, Fragment as ee, renderList as le, reactive as Ft, vModelDynamic as Dt, vShow as Ge, inject as Se, resolveComponent as nt, Transition as bt, Teleport as yt, nextTick as De, getCurrentInstance as Ot, watchEffect as Ut, toRef as Tt, provide as rt } from "vue";
+import { notify as ne, VsModal as xt, modal as Rt } from "@opengis/core";
+const Pt = { class: "w-full relative" }, Ht = {
   key: 0,
   class: "text-[14px] font-medium text-gray-900 mb-2"
-}, Ht = { class: "opacity-100" }, Nt = {
+}, Nt = { class: "opacity-100" }, qt = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, qt = {
+}, Gt = {
   key: 1,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, Gt = /* @__PURE__ */ O({
+}, Jt = /* @__PURE__ */ F({
   __name: "vs-layout-default",
   props: {
     ua: { default: "" },
@@ -26,31 +26,31 @@ const Rt = { class: "w-full relative" }, Pt = {
     const e = w("uk"), t = (r) => {
       r.detail.key === "locale" && (e.value = r.detail.newValue);
     };
-    return be(() => {
+    return xe(() => {
       e.value = localStorage.locale, window.addEventListener("storage", t);
     }), qe(() => {
       window.removeEventListener("resize", t);
-    }), (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(r.$slots, "default", Ie(r.$attrs, {
+    }), (r, a) => (i(), d("div", Pt, [
+      r.ua || r.label ? (i(), d("div", Ht, [
+        l("span", Nt, P(r.item[e.value] || r.ua || r.label), 1),
+        r.item?.rules?.includes("required") ? (i(), d("span", qt, "*")) : A("", !0)
+      ])) : A("", !0),
+      Ve(r.$slots, "default", Ie(r.$attrs, {
         class: { "opacity-60": r.item.disabled }
       })),
-      r.error ? (i(), d("span", qt, P(r.error), 1)) : F("", !0)
+      r.error ? (i(), d("span", Gt, P(r.error), 1)) : A("", !0)
     ]));
   }
-}), Jt = { class: "w-full relative flex flex-row items-center gap-2" }, Wt = {
+}), Wt = { class: "w-full relative flex flex-row items-center gap-2" }, Kt = {
   key: 0,
   class: "text-sm text-gray-900 font-medium flex shrink-0 w-3/12 max-w-[250px]"
-}, Kt = {
+}, Zt = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, Zt = {
+}, Yt = {
   key: 1,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, Yt = /* @__PURE__ */ O({
+}, Qt = /* @__PURE__ */ F({
   __name: "vs-layout-horizontal",
   props: {
     ua: { default: "" },
@@ -64,19 +64,19 @@ const Rt = { class: "w-full relative" }, Pt = {
     label: { default: "" }
   },
   setup(o) {
-    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", Kt, "*")) : F("", !0)
-      ])) : F("", !0),
-      Ce(e.$slots, "default", Ze(Ye(e.$attrs))),
-      e.error ? (i(), d("span", Zt, P(e.error), 1)) : F("", !0)
+    return (e, t) => (i(), d("div", Wt, [
+      e.item?.type !== "html" ? (i(), d("span", Kt, [
+        fe(P(e.ua || e.label) + " ", 1),
+        e.item?.rules?.includes("required") && (e.ua || e.label) ? (i(), d("span", Zt, "*")) : A("", !0)
+      ])) : A("", !0),
+      Ve(e.$slots, "default", Ze(Ye(e.$attrs))),
+      e.error ? (i(), d("span", Yt, P(e.error), 1)) : A("", !0)
     ]));
   }
-}), Qt = { class: "w-full relative" }, Xt = {
+}), Xt = { class: "w-full relative" }, el = {
   key: 0,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, el = /* @__PURE__ */ O({
+}, tl = /* @__PURE__ */ F({
   __name: "vs-layout-inline",
   props: {
     ua: { default: "" },
@@ -90,24 +90,24 @@ const Rt = { class: "w-full relative" }, Pt = {
     label: { default: "" }
   },
   setup(o) {
-    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)
+    return (e, t) => (i(), d("div", Xt, [
+      Ve(e.$slots, "default", Ze(Ye(e.$attrs))),
+      e.error ? (i(), d("span", el, P(e.error), 1)) : A("", !0)
     ]));
   }
-}), tl = { class: "flex-1 min-w-0" }, ll = {
+}), ll = { class: "flex-1 min-w-0" }, ol = {
   key: 0,
   class: "text-sm font-medium text-slate-700 dark:text-slate-200 flex items-center gap-1"
-}, ol = { class: "truncate" }, al = {
+}, al = { class: "truncate" }, sl = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, sl = {
+}, nl = {
   key: 1,
   class: "text-xs text-slate-500 dark:text-slate-400"
-}, nl = { class: "w-full md:w-auto" }, rl = {
+}, rl = { class: "w-full md:w-auto" }, il = {
   key: 0,
   class: "mt-1 text-xs text-red-500"
-}, il = /* @__PURE__ */ O({
+}, ul = /* @__PURE__ */ F({
   __name: "vs-layout-settings",
   props: {
     ua: { default: "" },
@@ -126,7 +126,7 @@ const Rt = { class: "w-full relative" }, Pt = {
     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(() => {
+    return xe(() => {
       try {
         typeof localStorage < "u" && localStorage.locale && (t.value = localStorage.locale);
       } catch {
@@ -135,32 +135,32 @@ const Rt = { class: "w-full relative" }, Pt = {
     }), qe(() => {
       window.removeEventListener("storage", s);
     }), (u, c) => (i(), d("div", {
-      class: B(["w-full relative", { "opacity-60": u.item?.disabled }])
+      class: C(["w-full relative", { "opacity-60": u.item?.disabled }])
     }, [
       l("div", {
-        class: B(["gap-2 md:flex-row md:items-center md:justify-between", [["switcher", "native-select"].includes(u.item.type) ? "flex flex-col" : ""]])
+        class: C(["gap-2 md:flex-row md:items-center md:justify-between", [["switcher", "native-select"].includes(u.item.type) ? "flex flex-col" : ""]])
       }, [
-        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),
-          r.value ? (i(), d("p", sl, P(r.value), 1)) : F("", !0)
+        l("div", ll, [
+          u.ua || u.label ? (i(), d("p", ol, [
+            l("span", al, P(u.item[t.value] || u.ua || u.label), 1),
+            a.value ? (i(), d("span", sl, "*")) : A("", !0)
+          ])) : A("", !0),
+          r.value ? (i(), d("p", nl, P(r.value), 1)) : A("", !0)
         ]),
-        l("div", nl, [
-          Ce(u.$slots, "default", Ze(Ye(u.$attrs)))
+        l("div", rl, [
+          Ve(u.$slots, "default", Ze(Ye(u.$attrs)))
         ])
       ], 2),
-      n.value ? (i(), d("p", rl, P(n.value), 1)) : F("", !0)
+      n.value ? (i(), d("p", il, P(n.value), 1)) : A("", !0)
     ], 2));
   }
-}), ul = {
-  default: Gt,
-  horizontal: Yt,
-  inline: el,
-  settings: il
+}), dl = {
+  default: Jt,
+  horizontal: Qt,
+  inline: tl,
+  settings: ul
 };
-function ye(o) {
+function ve(o) {
   return {
     inputClass: D(() => {
       const t = `disabled:opacity-50 disabled:cursor-not-allowed outline-none focus:ring-2 focus:ring-ring focus:ring-${o?.primaryColor || "blue"}-500 border border-solid border-stone-200 rounded-md text-sm text-stone-800 placeholder:text-stone-400 `;
@@ -168,7 +168,7 @@ function ye(o) {
     })
   };
 }
-const dl = ["placeholder", "disabled"], cl = /* @__PURE__ */ O({
+const cl = ["placeholder", "disabled"], pl = /* @__PURE__ */ F({
   __name: "vs-input-password",
   props: /* @__PURE__ */ Q({
     style: { default: () => ({}) },
@@ -184,21 +184,21 @@ const dl = ["placeholder", "disabled"], cl = /* @__PURE__ */ O({
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = ye(e.style), r = X(o, "modelValue");
+    const e = o, { inputClass: t } = ve(e.style), r = X(o, "modelValue");
     return (a, n) => K((i(), d("input", {
       type: "password",
       "onUpdate:modelValue": n[0] || (n[0] = (s) => r.value = s),
       placeholder: a.placeholder,
       disabled: a.disabled,
-      class: B(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [J(t), { "!border-red-600": a.error }]]),
+      class: C(["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, dl)), [
+    }, null, 10, cl)), [
       [ie, r.value]
     ]);
   }
-}), pl = ["placeholder", "disabled"], Ne = /* @__PURE__ */ O({
+}), fl = ["placeholder", "disabled"], Ne = /* @__PURE__ */ F({
   __name: "vs-input-text",
   props: /* @__PURE__ */ Q({
     style: { default: () => ({}) },
@@ -214,23 +214,25 @@ const dl = ["placeholder", "disabled"], cl = /* @__PURE__ */ O({
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = ye(e.style), r = X(o, "modelValue");
+    const e = o, { inputClass: t } = ve(e.style), r = X(o, "modelValue");
     return (a, n) => K((i(), d("input", {
       type: "text",
       "onUpdate:modelValue": n[0] || (n[0] = (s) => r.value = s),
       placeholder: a.placeholder,
       disabled: a.disabled,
-      class: B(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [J(t), { "!border-red-600": a.error }]]),
+      class: C(["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, pl)), [
+    }, null, 10, fl)), [
       [ie, r.value]
     ]);
   }
-}), fl = ["placeholder"], vl = /* @__PURE__ */ O({
+}), vl = ["placeholder", "min", "max"], ml = /* @__PURE__ */ F({
   __name: "vs-input-number",
   props: /* @__PURE__ */ Q({
+    min: {},
+    max: {},
     style: { default: () => ({}) },
     customClass: {},
     disabled: { type: Boolean },
@@ -244,17 +246,19 @@ const dl = ["placeholder", "disabled"], cl = /* @__PURE__ */ O({
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = ye(e.style), r = X(o, "modelValue");
+    const e = o, { inputClass: t } = ve(e.style), r = X(o, "modelValue");
     return (a, n) => K((i(), d("input", {
       type: "number",
       step: "any",
       "onUpdate:modelValue": n[0] || (n[0] = (s) => r.value = s),
       placeholder: a.placeholder,
-      class: B(["py-1.5 px-3 block w-full bg-white", [J(t)]]),
+      class: C(["py-1.5 px-3 block w-full bg-white", [J(t)]]),
       style: {
         border: "1px solid #CFD9E0"
-      }
-    }, null, 10, fl)), [
+      },
+      min: a.min,
+      max: a.max
+    }, null, 10, vl)), [
       [ie, r.value]
     ]);
   }
@@ -263,7 +267,7 @@ const dl = ["placeholder", "disabled"], cl = /* @__PURE__ */ O({
   for (const [r, a] of e)
     t[r] = a;
   return t;
-}, ml = {}, hl = {
+}, hl = {}, gl = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -273,8 +277,8 @@ const dl = ["placeholder", "disabled"], cl = /* @__PURE__ */ O({
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-check"
 };
-function gl(o, e) {
-  return i(), d("svg", hl, e[0] || (e[0] = [
+function bl(o, e) {
+  return i(), d("svg", gl, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -283,7 +287,7 @@ function gl(o, e) {
     l("path", { d: "M5 12l5 5l10 -10" }, null, -1)
   ]));
 }
-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({
+const yl = /* @__PURE__ */ N(hl, [["render", bl]]), xl = { class: "flex items-center gap-[4px]" }, wl = ["value", "id", "disabled"], kl = ["for"], _l = { class: "text-[14px] text-gray-700 flex items-center gap-x-1 ml-1 dark:text-neutral-400" }, $l = /* @__PURE__ */ F({
   __name: "vs-checkbox-default",
   props: {
     value: { default: "" },
@@ -300,41 +304,41 @@ const bl = /* @__PURE__ */ N(ml, [["render", gl]]), yl = { class: "flex items-ce
       get: () => r.modelValue,
       set: (n) => t("update:modelValue", n)
     });
-    return (n, s) => (i(), d("div", yl, [
+    return (n, s) => (i(), d("div", xl, [
       K(l("input", {
         type: "checkbox",
         value: n.value,
         "onUpdate:modelValue": s[0] || (s[0] = (u) => a.value = u),
-        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 }]),
+        class: C(["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), [
+      }, null, 10, wl), [
         [ht, a.value]
       ]),
       l("label", {
         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 }])
+        class: C(["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: 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" : ""]])
+          class: C(["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(bl, {
+          I(yl, {
             height: "12",
             width: "12"
           })
         ], 2),
-        l("span", kl, [
-          Ce(n.$slots, "default", {}, () => [
-            ve(P(n.label), 1)
+        l("span", _l, [
+          Ve(n.$slots, "default", {}, () => [
+            fe(P(n.label), 1)
           ])
         ])
-      ], 10, wl)
+      ], 10, kl)
     ]));
   }
-}), $l = ["name", "value", "disabled"], Cl = { class: "flex items-center gap-[6px] text-[14px]" }, Vl = {
+}), Vl = ["name", "value", "disabled"], Cl = { class: "flex items-center gap-[6px] text-[14px]" }, Ml = {
   key: 0,
   class: "text-[16px]"
-}, Ml = ["src"], Ll = /* @__PURE__ */ O({
+}, Ll = ["src"], Sl = /* @__PURE__ */ F({
   __name: "vs-checkbox-buttons",
   props: {
     value: { type: [String, Number, Boolean], default: "" },
@@ -355,7 +359,7 @@ const bl = /* @__PURE__ */ N(ml, [["render", gl]]), yl = { class: "flex items-ce
       }
     }), 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: 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"]])
+      class: C(["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,30 +368,30 @@ const bl = /* @__PURE__ */ N(ml, [["render", gl]]), yl = { 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, Vl), [
         [ht, a.value]
       ]),
       l("span", Cl, [
-        u.icon || u.imgUrl ? (i(), d("span", Vl, [
+        u.icon || u.imgUrl ? (i(), d("span", Ml, [
           u.icon ? (i(), d("i", {
             key: 0,
-            class: B(u.icon)
-          }, null, 2)) : F("", !0),
+            class: C(u.icon)
+          }, null, 2)) : A("", !0),
           u.imgUrl ? (i(), d("img", {
             key: 1,
             src: u.imgUrl,
             width: "16",
             height: "16",
             alt: "icon"
-          }, null, 8, Ml)) : F("", !0)
-        ])) : F("", !0),
-        Ce(u.$slots, "default", {}, () => [
-          ve(P(u.label), 1)
+          }, null, 8, Ll)) : A("", !0)
+        ])) : A("", !0),
+        Ve(u.$slots, "default", {}, () => [
+          fe(P(u.label), 1)
         ])
       ])
     ], 2));
   }
-}), Sl = { class: "flex items-center" }, wt = /* @__PURE__ */ O({
+}), Bl = { class: "flex items-center" }, wt = /* @__PURE__ */ F({
   __name: "vs-input-checkbox-item",
   props: {
     value: { default: "" },
@@ -414,8 +418,8 @@ const bl = /* @__PURE__ */ N(ml, [["render", gl]]), yl = { class: "flex items-ce
           r("update:modelValue", u);
       }
     }), s = w(`vs-checkbox-${t.view || "default"}`);
-    return (u, c) => (i(), d("div", Sl, [
-      (i(), re(Ee(s.value === "vs-checkbox-buttons" ? J(Ll) : J(_l)), {
+    return (u, c) => (i(), d("div", Bl, [
+      (i(), re(Ee(s.value === "vs-checkbox-buttons" ? J(Sl) : J($l)), {
         value: u.value,
         label: u.label,
         info: u.option?.info,
@@ -425,17 +429,17 @@ const bl = /* @__PURE__ */ N(ml, [["render", gl]]), yl = { class: "flex items-ce
         id: a,
         icon: u.icon,
         imgUrl: u.imgUrl,
-        style: we(u.style),
+        style: ke(u.style),
         error: u.error
       }, {
         default: Be(() => [
-          ve(P(u.label), 1)
+          fe(P(u.label), 1)
         ]),
         _: 1
       }, 8, ["value", "label", "info", "disabled", "modelValue", "icon", "imgUrl", "style", "error"]))
     ]));
   }
-}), Bl = {}, jl = {
+}), jl = {}, Il = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -445,8 +449,8 @@ const bl = /* @__PURE__ */ N(ml, [["render", gl]]), yl = { class: "flex items-ce
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down"
 };
-function Il(o, e) {
-  return i(), d("svg", jl, e[0] || (e[0] = [
+function El(o, e) {
+  return i(), d("svg", Il, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -455,7 +459,7 @@ function Il(o, e) {
     l("path", { d: "M6 9l6 6l6 -6" }, null, -1)
   ]));
 }
-const El = /* @__PURE__ */ N(Bl, [["render", Il]]), zl = {}, Fl = {
+const zl = /* @__PURE__ */ N(jl, [["render", El]]), Al = {}, Fl = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -465,7 +469,7 @@ const El = /* @__PURE__ */ N(Bl, [["render", Il]]), zl = {}, Fl = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-x"
 };
-function Al(o, e) {
+function Dl(o, e) {
   return i(), d("svg", Fl, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
@@ -476,7 +480,7 @@ function Al(o, e) {
     l("path", { d: "M6 6l12 12" }, null, -1)
   ]));
 }
-const Dl = /* @__PURE__ */ N(zl, [["render", Al]]), Ol = {}, Ul = {
+const Ol = /* @__PURE__ */ N(Al, [["render", Dl]]), Ul = {}, Tl = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -487,8 +491,8 @@ const Dl = /* @__PURE__ */ N(zl, [["render", Al]]), Ol = {}, Ul = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Tl(o, e) {
-  return i(), d("svg", Ul, e[0] || (e[0] = [
+function Rl(o, e) {
+  return i(), d("svg", Tl, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -499,13 +503,13 @@ function Tl(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 Rl = /* @__PURE__ */ N(Ol, [["render", Tl]]), Pl = {
+const Pl = /* @__PURE__ */ N(Ul, [["render", Rl]]), Hl = {
   key: 0,
   class: "flex items-start gap-x-1"
-}, Hl = {
+}, Nl = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, Nl = ["title"], ql = ["disabled"], kt = /* @__PURE__ */ O({
+}, ql = ["title"], Gl = ["disabled"], kt = /* @__PURE__ */ F({
   __name: "vs-input-switcher",
   props: /* @__PURE__ */ Q({
     rules: { default: () => [] },
@@ -527,37 +531,37 @@ const Rl = /* @__PURE__ */ N(Ol, [["render", Tl]]), Pl = {
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, t = X(o, "modelValue");
-    return (r, a) => e.view === "checkbox" ? (i(), d("div", Pl, [
+    return (r, a) => e.view === "checkbox" ? (i(), d("div", Hl, [
       I(wt, {
         modelValue: t.value,
         "onUpdate:modelValue": a[0] || (a[0] = (n) => t.value = n),
         label: r.text,
         error: r.error || ""
       }, null, 8, ["modelValue", "label", "error"]),
-      r.rules?.includes("required") ? (i(), d("span", Hl, "*")) : F("", !0),
+      r.rules?.includes("required") ? (i(), d("span", Nl, "*")) : A("", !0),
       r.i ? (i(), d("button", {
         key: 1,
         class: "cursor-pointer",
         title: r.i,
-        onClick: a[1] || (a[1] = ge(() => {
+        onClick: a[1] || (a[1] = ye(() => {
         }, ["prevent"]))
       }, [
-        I(J(Rl), { class: "text-gray-500 w-[14px] h-[14px]" })
-      ], 8, Nl)) : F("", !0)
+        I(J(Pl), { class: "text-gray-500 w-[14px] h-[14px]" })
+      ], 8, ql)) : A("", !0)
     ])) : (i(), d("button", {
       key: 1,
       type: "button",
-      class: B(["inline-flex h-5 w-9 shrink-0 px-[2px] cursor-pointer items-center rounded-full shadow-sm disabled:cursor-not-allowed disabled:opacity-50", [t.value ? `bg-${r.style?.primaryColor || "blue"}-500` : "bg-stone-200", r.customClass]]),
+      class: C(["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: 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"]])
+        class: C(["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, ql));
+    ], 10, Gl));
   }
-}), Gl = ["innerHTML"], it = /* @__PURE__ */ O({
+}), Jl = ["innerHTML"], it = /* @__PURE__ */ F({
   __name: "vs-input-static",
   props: {
     text: { default: "" },
@@ -572,11 +576,11 @@ const Rl = /* @__PURE__ */ N(Ol, [["render", Tl]]), Pl = {
   },
   setup(o) {
     return (e, t) => (i(), d("div", {
-      class: B(e.customClass),
+      class: C(e.customClass),
       innerHTML: e.html ? e.html : e.text
-    }, null, 10, Gl));
+    }, null, 10, Jl));
   }
-}), Jl = ["placeholder", "disabled", "name"], Wl = /* @__PURE__ */ O({
+}), Wl = ["placeholder", "disabled", "name"], Kl = /* @__PURE__ */ F({
   __name: "vs-input-mask",
   props: /* @__PURE__ */ Q({
     name: {},
@@ -594,9 +598,9 @@ const Rl = /* @__PURE__ */ N(Ol, [["render", Tl]]), Pl = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = ye(e.style), r = X(o, "modelValue"), a = w(null);
+    const e = o, { inputClass: t } = ve(e.style), r = X(o, "modelValue"), a = w(null);
     let n = null;
-    return be(async () => {
+    return xe(async () => {
       if (a.value) {
         const { default: s } = await import("./index-W-qQIppj.js");
         n = s(a.value, {
@@ -613,9 +617,9 @@ const Rl = /* @__PURE__ */ N(Ol, [["render", Tl]]), Pl = {
           r.value = e.unmask ? n.unmaskedValue : n.value;
         }), n.value = r.value ?? "";
       }
-    }), Ft(() => {
+    }), At(() => {
       n?.destroy();
-    }), le(() => e.mask, (s) => {
+    }), ae(() => e.mask, (s) => {
       n && n.updateOptions({
         mask: s,
         definitions: {
@@ -624,7 +628,7 @@ const Rl = /* @__PURE__ */ N(Ol, [["render", Tl]]), Pl = {
           "*": /[a-zA-Z0-9]/
         }
       });
-    }), le(r, (s) => {
+    }), ae(r, (s) => {
       n && n.unmaskedValue !== s && (n.value = s || "");
     }), (s, u) => (i(), d("input", {
       type: "text",
@@ -633,13 +637,13 @@ const Rl = /* @__PURE__ */ N(Ol, [["render", Tl]]), Pl = {
       placeholder: s.placeholder,
       disabled: s.disabled,
       name: s.name,
-      class: B(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [J(t)]]),
+      class: C(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [J(t)]]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, Jl));
+    }, null, 10, Wl));
   }
-}), Kl = { class: "relative w-full bg-white rounded-lg" }, Zl = ["placeholder", "disabled"], Yl = /* @__PURE__ */ O({
+}), Zl = { class: "relative w-full bg-white rounded-lg" }, Yl = ["placeholder", "disabled"], Ql = /* @__PURE__ */ F({
   __name: "vs-input-email",
   props: /* @__PURE__ */ Q({
     style: { default: () => ({}) },
@@ -655,24 +659,24 @@ const Rl = /* @__PURE__ */ N(Ol, [["render", Tl]]), Pl = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    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)),
+    const e = o, { inputClass: t } = ve(e.style), r = X(o, "modelValue");
+    return (a, n) => (i(), d("div", Zl, [
+      n[1] || (n[1] = ce('<div class="absolute bottom-2/4 translate-y-2/4 left-[10px] cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="stroke-gray-500 transition-all"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10z"></path><path d="M3 7l9 6l9 -6"></path></svg></div>', 1)),
       K(l("input", {
         type: "email",
         "onUpdate:modelValue": n[0] || (n[0] = (s) => r.value = s),
         placeholder: a.placeholder,
         disabled: a.disabled,
-        class: B(["!pl-8 py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [J(t), { "!border-red-600": a.error }]]),
+        class: C(["!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, Zl), [
+      }, null, 10, Yl), [
         [ie, r.value]
       ])
     ]));
   }
-}), Ql = ["value", "disabled"], Xl = { class: "text-[13px] text-gray-700" }, eo = /* @__PURE__ */ O({
+}), Xl = ["value", "disabled"], eo = { class: "text-[13px] text-gray-700" }, to = /* @__PURE__ */ F({
   __name: "vs-input-radio-default",
   props: /* @__PURE__ */ Q({
     style: {},
@@ -692,7 +696,7 @@ const Rl = /* @__PURE__ */ N(Ol, [["render", Tl]]), Pl = {
   setup(o) {
     const e = X(o, "modelValue");
     return (t, r) => (i(), d("label", {
-      class: B(["flex items-center gap-0", [t.customClass]])
+      class: C(["flex items-center gap-0", [t.customClass]])
     }, [
       K(l("input", {
         "onUpdate:modelValue": r[0] || (r[0] = (a) => e.value = a),
@@ -700,24 +704,24 @@ const Rl = /* @__PURE__ */ N(Ol, [["render", Tl]]), Pl = {
         value: t.value,
         disabled: t.disabled,
         class: "hidden"
-      }, null, 8, Ql), [
+      }, null, 8, Xl), [
         [gt, e.value]
       ]),
       l("span", {
-        class: B(["w-[16px] shrink-0 h-[16px] border rounded-full flex items-center justify-center mr-[10px]", [
+        class: C(["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: B(["w-[12px] h-[12px] shrink-0 rounded-full", [`bg-${t.style?.primaryColor || "blue"}-500`]])
-        }, null, 2)) : F("", !0)
+          class: C(["w-[12px] h-[12px] shrink-0 rounded-full", [`bg-${t.style?.primaryColor || "blue"}-500`]])
+        }, null, 2)) : A("", !0)
       ], 2),
-      l("span", Xl, P(t.text), 1)
+      l("span", eo, P(t.text), 1)
     ], 2));
   }
-}), to = ["value", "disabled"], lo = { class: "text-[13px] text-gray-700" }, oo = /* @__PURE__ */ O({
+}), lo = ["value", "disabled"], oo = { class: "text-[13px] text-gray-700" }, ao = /* @__PURE__ */ F({
   __name: "vs-input-radio-buttons",
   props: /* @__PURE__ */ Q({
     style: {},
@@ -737,7 +741,7 @@ const Rl = /* @__PURE__ */ N(Ol, [["render", Tl]]), Pl = {
   setup(o) {
     const e = X(o, "modelValue");
     return (t, r) => (i(), d("label", {
-      class: B(["flex items-center border rounded-lg px-2 py-1", [
+      class: C(["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
       ]])
@@ -748,16 +752,16 @@ const Rl = /* @__PURE__ */ N(Ol, [["render", Tl]]), Pl = {
         value: t.value,
         disabled: t.disabled,
         class: "hidden"
-      }, null, 8, to), [
+      }, null, 8, lo), [
         [gt, e.value]
       ]),
-      l("span", lo, P(t.text), 1)
+      l("span", oo, P(t.text), 1)
     ], 2));
   }
-}), ao = {
-  "vs-input-radio-default": eo,
-  "vs-input-radio-buttons": oo
-}, ut = /* @__PURE__ */ O({
+}), so = {
+  "vs-input-radio-default": to,
+  "vs-input-radio-buttons": ao
+}, ut = /* @__PURE__ */ F({
   __name: "vs-input-radio",
   props: /* @__PURE__ */ Q({
     options: {},
@@ -776,11 +780,11 @@ const Rl = /* @__PURE__ */ N(Ol, [["render", Tl]]), Pl = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = X(o, "modelValue"), r = D(() => ao[`vs-input-radio-${e.view}`]);
+    const e = o, t = X(o, "modelValue"), r = D(() => so[`vs-input-radio-${e.view}`]);
     return (a, n) => (i(), d("div", {
-      class: B([a.position === "horizontal" ? "flex items-center flex-wrap gap-2" : ""])
+      class: C([a.position === "horizontal" ? "flex items-center flex-wrap gap-2" : ""])
     }, [
-      (i(!0), d(ee, null, ae(a.options, (s) => (i(), re(Ee(r.value), Ie({
+      (i(!0), d(ee, null, le(a.options, (s) => (i(), re(Ee(r.value), Ie({
         key: s?.id,
         text: s.text,
         value: s.id.toString(),
@@ -790,7 +794,7 @@ const Rl = /* @__PURE__ */ N(Ol, [["render", Tl]]), Pl = {
       }, { ref_for: !0 }, a.$attrs), null, 16, ["text", "value", "checked", "modelValue"]))), 128))
     ], 2));
   }
-}), so = /* @__PURE__ */ O({
+}), no = /* @__PURE__ */ F({
   __name: "vs-input-checkbox",
   props: {
     options: { default: () => [] },
@@ -809,7 +813,7 @@ const Rl = /* @__PURE__ */ N(Ol, [["render", Tl]]), Pl = {
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    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 () => {
+    const t = o, r = e, a = w([]), n = Ft({}), 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;
@@ -817,7 +821,7 @@ const Rl = /* @__PURE__ */ N(Ol, [["render", Tl]]), Pl = {
         console.error(p);
       }
     };
-    return le(
+    return ae(
       () => t.modelValue,
       (p) => {
         if (typeof p == "boolean" && a.value.length === 1) {
@@ -834,7 +838,7 @@ const Rl = /* @__PURE__ */ N(Ol, [["render", Tl]]), Pl = {
         }
       },
       { immediate: !0 }
-    ), le(
+    ), ae(
       n,
       () => {
         if (!a.value.length) {
@@ -845,7 +849,7 @@ const Rl = /* @__PURE__ */ N(Ol, [["render", Tl]]), Pl = {
         r("update:modelValue", p.length === 0 ? [] : p);
       },
       { deep: !0 }
-    ), be(() => {
+    ), xe(() => {
       if (t.data)
         v().then(() => {
           if (typeof t.modelValue == "boolean" && a.value.length === 1) {
@@ -874,13 +878,13 @@ const Rl = /* @__PURE__ */ N(Ol, [["render", Tl]]), Pl = {
         });
       }
     }), (p, f) => (i(), d("div", {
-      class: B(["p-0 w-full gap-[6px]", [p.position === "vertical" ? "flex-col" : "", p.colSpan ? "grid" : "flex justify-start"]])
+      class: C(["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(), re(wt, {
+      (i(!0), d(ee, null, le(a.value, (y) => (i(), re(wt, {
         modelValue: n[s(y)],
         "onUpdate:modelValue": (_) => n[s(y)] = _,
         value: s(y),
-        class: B(c(p.colSpan)),
+        class: C(c(p.colSpan)),
         disabled: y.disabled,
         label: u(y),
         key: s(y),
@@ -891,7 +895,7 @@ const Rl = /* @__PURE__ */ N(Ol, [["render", Tl]]), Pl = {
       }, null, 8, ["modelValue", "onUpdate:modelValue", "value", "class", "disabled", "label", "icon", "imgUrl", "option", "view"]))), 128))
     ], 2));
   }
-}), no = /* @__PURE__ */ N(so, [["__scopeId", "data-v-91f3584a"]]), ro = ["type", "placeholder", "disabled"], io = /* @__PURE__ */ O({
+}), ro = /* @__PURE__ */ N(no, [["__scopeId", "data-v-91f3584a"]]), io = ["type", "placeholder", "disabled"], uo = /* @__PURE__ */ F({
   __name: "vs-input-date1",
   props: {
     style: { default: () => ({}) },
@@ -909,7 +913,7 @@ const Rl = /* @__PURE__ */ N(Ol, [["render", Tl]]), Pl = {
     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), n = e, s = D({
+    const { inputClass: a } = ve(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);
@@ -919,15 +923,15 @@ const Rl = /* @__PURE__ */ N(Ol, [["render", Tl]]), Pl = {
       placeholder: c.placeholder,
       disabled: c.disabled,
       ref: "date",
-      class: B(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [c.modelValue ? "" : "text-opacity-50", J(a)].join(" ")]),
+      class: C(["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"
       }
-    }, null, 10, ro)), [
+    }, null, 10, io)), [
       [Dt, s.value]
     ]);
   }
-}), uo = async (o, e, t, r) => {
+}), co = async (o, e, t, r) => {
   try {
     const a = new FormData();
     return a.append("unique", "true"), a.append("file", o), (await fetch(
@@ -945,7 +949,7 @@ const Rl = /* @__PURE__ */ N(Ol, [["render", Tl]]), Pl = {
       position: "right-bottom"
     }), console.error("Сталась помилка завантаження файлу", a), null;
   }
-}, co = async (o) => {
+}, po = async (o) => {
   try {
     return await fetch(`file/delete${o}`), !0;
   } catch (e) {
@@ -958,7 +962,7 @@ const Rl = /* @__PURE__ */ N(Ol, [["render", Tl]]), Pl = {
   } catch (e) {
     console.error(e.message);
   }
-}, po = {}, fo = {
+}, fo = {}, vo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -969,13 +973,13 @@ const Rl = /* @__PURE__ */ N(Ol, [["render", Tl]]), Pl = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function vo(o, e) {
-  return i(), d("svg", fo, e[0] || (e[0] = [
+function mo(o, e) {
+  return i(), d("svg", vo, e[0] || (e[0] = [
     l("path", { d: "M5 12h14" }, null, -1),
     l("path", { d: "M12 5v14" }, null, -1)
   ]));
 }
-const Ue = /* @__PURE__ */ N(po, [["render", vo]]), mo = {}, ho = {
+const Ue = /* @__PURE__ */ N(fo, [["render", mo]]), ho = {}, go = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-text",
   width: "44",
@@ -987,12 +991,12 @@ const Ue = /* @__PURE__ */ N(po, [["render", vo]]), mo = {}, ho = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-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)
+function bo(o, e, t, r, a, n) {
+  return i(), d("svg", go, e[0] || (e[0] = [
+    ce('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><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 bo = /* @__PURE__ */ N(mo, [["render", go]]), yo = {}, xo = {
+const yo = /* @__PURE__ */ N(ho, [["render", bo]]), xo = {}, wo = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-table",
   width: "44",
@@ -1004,8 +1008,8 @@ const bo = /* @__PURE__ */ N(mo, [["render", go]]), yo = {}, xo = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function wo(o, e, t, r, a, n) {
-  return i(), d("svg", xo, e[0] || (e[0] = [
+function ko(o, e, t, r, a, n) {
+  return i(), d("svg", wo, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1032,7 +1036,7 @@ function wo(o, e, t, r, a, n) {
     }, null, -1)
   ]));
 }
-const ko = /* @__PURE__ */ N(yo, [["render", wo]]), _o = {}, $o = {
+const _o = /* @__PURE__ */ N(xo, [["render", ko]]), $o = {}, Vo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1044,11 +1048,11 @@ const ko = /* @__PURE__ */ N(yo, [["render", wo]]), _o = {}, $o = {
   "stroke-linejoin": "round"
 };
 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)
+  return i(), d("svg", Vo, 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)
   ]));
 }
-const _t = /* @__PURE__ */ N(_o, [["render", Co]]), Vo = {}, Mo = {
+const _t = /* @__PURE__ */ N($o, [["render", Co]]), Mo = {}, Lo = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-zip",
   width: "44",
@@ -1060,12 +1064,12 @@ const _t = /* @__PURE__ */ N(_o, [["render", Co]]), Vo = {}, Mo = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-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)
+function So(o, e, t, r, a, n) {
+  return i(), d("svg", Lo, 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)
   ]));
 }
-const So = /* @__PURE__ */ N(Vo, [["render", Lo]]), Bo = {}, jo = {
+const Bo = /* @__PURE__ */ N(Mo, [["render", So]]), jo = {}, Io = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-code",
   width: "44",
@@ -1077,25 +1081,25 @@ const So = /* @__PURE__ */ N(Vo, [["render", Lo]]), Bo = {}, jo = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-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)
+function Eo(o, e, t, r, a, n) {
+  return i(), d("svg", Io, e[0] || (e[0] = [
+    ce('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><path d="M10 13l-1 2l1 2"></path><path d="M14 13l1 2l-1 2"></path>', 5)
   ]));
 }
-const Eo = /* @__PURE__ */ N(Bo, [["render", Io]]), zo = (o) => {
+const zo = /* @__PURE__ */ N(jo, [["render", Eo]]), Ao = (o) => {
   if (!o) return "";
   const e = o?.split(".");
   return e[e.length - 1];
 }, Fo = (o) => {
-  const e = zo(o), t = {
+  const e = Ao(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) ? ko : t.textsFormat.includes(e) ? Eo : t.documentsFormat.includes(e) ? bo : t.archivesFormat.includes(e) ? So : _t;
-}, Ao = {}, Do = {
+  return t.imageFormat.includes(e) ? "img" : t.sheetsFormat.includes(e) ? _o : t.textsFormat.includes(e) ? zo : t.documentsFormat.includes(e) ? yo : t.archivesFormat.includes(e) ? Bo : _t;
+}, Do = {}, Oo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1107,12 +1111,12 @@ const Eo = /* @__PURE__ */ N(Bo, [["render", Io]]), zo = (o) => {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-trash"
 };
-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)
+function Uo(o, e) {
+  return i(), d("svg", Oo, 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)
   ]));
 }
-const Je = /* @__PURE__ */ N(Ao, [["render", Oo]]), Uo = {}, To = {
+const Je = /* @__PURE__ */ N(Do, [["render", Uo]]), To = {}, Ro = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1124,8 +1128,8 @@ const Je = /* @__PURE__ */ N(Ao, [["render", Oo]]), Uo = {}, To = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-download"
 };
-function Ro(o, e) {
-  return i(), d("svg", To, e[0] || (e[0] = [
+function Po(o, e) {
+  return i(), d("svg", Ro, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1136,7 +1140,7 @@ function Ro(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-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({
+const $t = /* @__PURE__ */ N(To, [["render", Po]]), Ho = { class: "h-[120px] w-[120px] border text-gray-300 border-dashed border-[#CFD9E0] rounded-lg overflow-hidden relative item-file" }, No = { class: "absolute hidden top-0 right-0 flex items-center gap-x-2 w-full h-full justify-center" }, qo = /* @__PURE__ */ F({
   __name: "vs-input-file-list-item",
   props: /* @__PURE__ */ Q({
     format: {},
@@ -1157,18 +1161,18 @@ const $t = /* @__PURE__ */ N(Uo, [["render", Ro]]), Po = { class: "h-[120px] w-[
   emits: ["update:value", "update:item"],
   setup(o) {
     const e = X(o, "value"), t = X(o, "item"), r = o;
-    return (a, n) => (i(), d("div", Po, [
+    return (a, n) => (i(), d("div", Ho, [
       (i(), re(Ee(J(Fo)(t.value)), {
         src: t.value,
         alt: "file",
         class: "w-full h-full object-cover cursor-pointer",
         onClick: n[0] || (n[0] = (s) => J(dt)(t.value))
       }, null, 8, ["src"])),
-      l("div", Ho, [
+      l("div", No, [
         l("button", {
           type: "button",
           onClick: n[1] || (n[1] = (s) => {
-            J(co)(t.value), e.value = r.multiple ? e.value?.filter((u) => u !== t.value) : "";
+            J(po)(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"
         }, [
@@ -1184,10 +1188,10 @@ const $t = /* @__PURE__ */ N(Uo, [["render", Ro]]), Po = { class: "h-[120px] w-[
       ])
     ]));
   }
-}), ct = /* @__PURE__ */ N(No, [["__scopeId", "data-v-0ca886b3"]]), qo = { class: "flex items-center gap-x-2" }, Go = {
+}), ct = /* @__PURE__ */ N(qo, [["__scopeId", "data-v-0ca886b3"]]), Go = { class: "flex items-center gap-x-2" }, Jo = {
   key: 1,
   class: "flex items-center flex-wrap gap-2"
-}, Jo = /* @__PURE__ */ O({
+}, Wo = /* @__PURE__ */ F({
   __name: "vs-input-file",
   props: /* @__PURE__ */ Q({
     format: {},
@@ -1213,10 +1217,10 @@ const $t = /* @__PURE__ */ N(Uo, [["render", Ro]]), Po = { class: "h-[120px] w-[
       }
       const u = s.target.files?.[0];
       if (!u) return;
-      const c = await uo(u, "1", "form", "table");
+      const c = await co(u, "1", "form", "table");
       t.value = e.multiple ? [...t.value || [], c?.file_path] : c?.file_path;
     };
-    return (s, u) => (i(), d("div", qo, [
+    return (s, u) => (i(), d("div", Go, [
       l("input", {
         class: "hidden",
         ref_key: "fileInput",
@@ -1230,8 +1234,8 @@ const $t = /* @__PURE__ */ N(Uo, [["render", Ro]]), Po = { class: "h-[120px] w-[
         "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", Go, [
-        (i(!0), d(ee, null, ae(t.value, (c, v) => (i(), re(ct, {
+      }, null, 8, ["item", "value"])) : s.multiple ? (i(), d("div", Jo, [
+        (i(!0), d(ee, null, le(t.value, (c, v) => (i(), re(ct, {
           multiple: s.multiple,
           key: v,
           value: t.value,
@@ -1240,24 +1244,24 @@ const $t = /* @__PURE__ */ N(Uo, [["render", Ro]]), Po = { class: "h-[120px] w-[
         }, null, 8, ["multiple", "value", "item"]))), 128)),
         l("div", {
           onClick: u[3] || (u[3] = (c) => !s.disabled && r.value?.click()),
-          class: B([
+          class: C([
             "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"
           ])
         }, [
           I(Ue, { class: "w-6 h-6" })
         ], 2)
-      ])) : F("", !0),
-      s.multiple ? F("", !0) : (i(), d("div", {
+      ])) : A("", !0),
+      s.multiple ? A("", !0) : (i(), d("div", {
         key: 2,
         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"])
+        class: C([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))
     ]));
   }
-}), 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({
+}), Ko = { class: "max-w-[55vw]" }, Zo = { class: "text-sm font-semibold text-gray-800 truncate dark:text-neutral-200" }, Yo = { class: "flex items-center text-xs text-gray-500 truncate dark:text-neutral-500" }, Qo = { class: "px-[5px]" }, Xo = { class: "" }, He = /* @__PURE__ */ F({
   __name: "vs-widget-file-info",
   props: {
     item: { default: null }
@@ -1281,34 +1285,34 @@ const $t = /* @__PURE__ */ N(Uo, [["render", Ro]]), Po = { class: "h-[120px] w-[
       return n < 1024 ? `${n.toFixed(2)} KB` : `${(n / 1024).toFixed(2)} MB`;
     }
     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, [
+      n[1] || (n[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", Ko, [
+        l("p", Zo, P(a.item?.uploaded_name), 1),
+        l("p", Yo, [
           l("span", null, P(a.item?.username), 1),
-          K(l("span", Yo, "|", 512), [
+          K(l("span", Qo, "|", 512), [
             [Ge, a.item?.username]
           ]),
           l("span", null, P(t.value), 1),
           n[0] || (n[0] = l("span", { class: "px-[5px]" }, "|", -1)),
-          l("span", Qo, P(r(a.item?.size)), 1)
+          l("span", Xo, P(r(a.item?.size)), 1)
         ])
       ])
     ], 64));
   }
-}), Xo = { class: "p-3 relative group flex items-center gap-x-3 border border-gray-200 bg-white rounded-md w-full" }, ea = {
+}), ea = { class: "p-3 relative group flex items-center gap-x-3 border border-gray-200 bg-white rounded-md w-full" }, ta = {
   key: 0,
   class: "flex w-full gap-x-3 items-center"
-}, ta = {
+}, la = {
   key: 1,
   class: "flex gap-x-3 w-full items-center"
-}, la = {
+}, oa = {
   key: 2,
   class: "flex gap-x-3 w-full items-center"
-}, oa = ["href"], aa = {
+}, aa = ["href"], sa = {
   key: 3,
   class: "flex gap-x-3 w-full items-center"
-}, 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({
+}, na = { class: "lg:absolute lg:top-3 lg:end-1 opacity-100" }, ra = { 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" }, ia = { class: "inline-block" }, ua = { class: "inline-block" }, da = /* @__PURE__ */ F({
   __name: "vs-widget-file-item",
   props: {
     item: { default: null },
@@ -1350,30 +1354,30 @@ const $t = /* @__PURE__ */ N(Uo, [["render", Ro]]), Po = { class: "h-[120px] w-[
     function v(p) {
       (t.item.ext === "jpg" || t.item.ext === "png") && r("openLightbox", { item: t.item, index: p });
     }
-    return (p, f) => (i(), d("div", Xo, [
-      p.item.ext === "jpg" || p.item.ext === "png" ? (i(), d("div", ea, [
+    return (p, f) => (i(), d("div", ea, [
+      p.item.ext === "jpg" || p.item.ext === "png" ? (i(), d("div", ta, [
         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", ta, [
+      ])) : a(p.item) ? (i(), d("div", la, [
         I(He, { item: p.item }, null, 8, ["item"])
-      ])) : n(p.item) ? (i(), d("div", la, [
+      ])) : n(p.item) ? (i(), d("div", oa, [
         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, oa)
-      ])) : (i(), d("div", aa, [
+        ], 8, aa)
+      ])) : (i(), d("div", sa, [
         I(He, { item: p.item }, null, 8, ["item"])
       ])),
-      l("div", sa, [
-        l("div", na, [
-          l("div", ra, [
+      l("div", na, [
+        l("div", ra, [
+          l("div", ia, [
             l("button", {
               class: "inline-flex p-[6px] justify-center items-center gap-x-2 rounded-lg border border-transparent text-gray-500 hover:bg-gray-100 disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-none focus:bg-gray-100 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700",
               onClick: f[1] || (f[1] = (y) => s(p.item))
@@ -1385,7 +1389,7 @@ const $t = /* @__PURE__ */ N(Uo, [["render", Ro]]), Po = { 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", ia, [
+          l("div", ua, [
             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",
@@ -1401,7 +1405,7 @@ const $t = /* @__PURE__ */ N(Uo, [["render", Ro]]), Po = { class: "h-[120px] w-[
       ])
     ]));
   }
-}), da = {}, ca = {
+}), ca = {}, pa = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1413,8 +1417,8 @@ const $t = /* @__PURE__ */ N(Uo, [["render", Ro]]), Po = { class: "h-[120px] w-[
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-download"
 };
-function pa(o, e) {
-  return i(), d("svg", ca, e[0] || (e[0] = [
+function fa(o, e) {
+  return i(), d("svg", pa, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1425,13 +1429,13 @@ function pa(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-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 = {
+const va = /* @__PURE__ */ N(ca, [["render", fa]]), ma = { class: "flex flex-col widget-file xl:bg-white xl:rounded-xl dark:xl:bg-neutral-800 dark:xl:border-neutral-700 w-full" }, ha = { class: "flex w-full mb-[12px] items-center gap-x-2" }, ga = { class: "font-semibold text-gray-800 dark:text-neutral-200 text-[14px]" }, ba = { class1: "ml-auto" }, ya = { 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" }, xa = {
   key: 0,
   class: "py-4 mb-4 space-y-4 border-gray-200 border-y dark:border-neutral-700"
-}, xa = { class: "relative" }, wa = {
+}, wa = { class: "relative" }, ka = {
   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"
-}, ka = { key: 0 }, _a = /* @__PURE__ */ O({
+}, _a = { key: 0 }, $a = /* @__PURE__ */ F({
   __name: "vs-input-file-list",
   props: {
     id: { default: "" },
@@ -1446,7 +1450,7 @@ const fa = /* @__PURE__ */ N(da, [["render", pa]]), va = { class: "flex flex-col
   },
   emits: ["update"],
   setup(o, { emit: e }) {
-    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 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))), O = (x) => {
       const b = y.value.findIndex((z) => z === x.item.file_path);
       b !== -1 && (n.value = !0, s.value = b);
     }, E = async () => {
@@ -1456,17 +1460,17 @@ const fa = /* @__PURE__ */ N(da, [["render", pa]]), va = { class: "flex flex-col
       } catch (x) {
         console.error(x);
       }
-    }, T = async (x) => {
+    }, U = async (x) => {
       await Promise.all(
         Array.from(x.target.files).map(async (b) => {
           const z = new FormData();
           z.append("file", b);
           try {
-            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",
+            const W = `${t.prefix}/widget/file/${a.value}`, V = await fetch(W, { method: "POST", body: z });
+            return V.ok ? (u("update", "file-list"), b) : (ne({
+              type: V.status >= 400 && V.status < 500 ? "warning" : "error",
               title: "Error",
-              message: `Error code: ${C.status}`
+              message: `Error code: ${V.status}`
             }), null);
           } catch (W) {
             return ne({
@@ -1477,34 +1481,34 @@ const fa = /* @__PURE__ */ N(da, [["render", pa]]), va = { class: "flex flex-col
           }
         })
       ), await E();
-    }, V = (x) => {
+    }, M = (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;
-    }, M = (x) => {
-      v.value = V(x), c.value = !0;
+    }, S = (x) => {
+      v.value = M(x), c.value = !0;
     };
-    return le(a, (x) => {
+    return ae(a, (x) => {
       x && E();
-    }), be(() => {
+    }), xe(() => {
       a.value && E();
     }), (x, b) => {
       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, [
+      return i(), d("div", ma, [
+        l("div", ha, [
+          l("h2", ga, " Файлів: " + P(p.value?.length), 1),
+          l("div", ba, [
             l("label", null, [
               l("input", {
                 type: "file",
                 class: "hidden",
-                onChange: b[0] || (b[0] = (C) => T(C))
+                onChange: b[0] || (b[0] = (V) => U(V))
               }, null, 32),
-              l("div", ba, [
-                I(fa, {
+              l("div", ya, [
+                I(va, {
                   height: "16",
                   width: "16"
                 })
@@ -1512,9 +1516,9 @@ const fa = /* @__PURE__ */ N(da, [["render", pa]]), va = { class: "flex flex-col
             ])
           ])
         ]),
-        p.value?.length > 4 ? (i(), d("div", ya, [
+        p.value?.length > 4 ? (i(), d("div", xa, [
           l("div", null, [
-            l("div", xa, [
+            l("div", wa, [
               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 +1542,7 @@ const fa = /* @__PURE__ */ N(da, [["render", pa]]), va = { class: "flex flex-col
               ], -1)),
               K(l("input", {
                 type: "text",
-                "onUpdate:modelValue": b[1] || (b[1] = (C) => f.value = C),
+                "onUpdate:modelValue": b[1] || (b[1] = (V) => f.value = V),
                 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), [
@@ -1551,37 +1555,37 @@ const fa = /* @__PURE__ */ N(da, [["render", pa]]), va = { class: "flex flex-col
               ])
             ])
           ])
-        ])) : F("", !0),
-        p.value?.length ? (i(), d("div", wa, [
-          (i(!0), d(ee, null, ae(_.value, (C, se) => (i(), re(ua, {
+        ])) : A("", !0),
+        p.value?.length ? (i(), d("div", ka, [
+          (i(!0), d(ee, null, le(_.value, (V, se) => (i(), re(da, {
             key: se,
             prefix: x.prefix,
-            item: C,
+            item: V,
             index: se,
             onUpdate: b[2] || (b[2] = (ue) => x.$emit("update", "file-list")),
-            onOpenModal: b[3] || (b[3] = (ue) => M(ue)),
-            onOpenLightbox: b[4] || (b[4] = (ue) => U(ue))
+            onOpenModal: b[3] || (b[3] = (ue) => S(ue)),
+            onOpenLightbox: b[4] || (b[4] = (ue) => O(ue))
           }, null, 8, ["prefix", "item", "index"]))), 128)),
-          _.value.length ? F("", !0) : (i(), d("div", ka, b[9] || (b[9] = [
+          _.value.length ? A("", !0) : (i(), d("div", _a, b[9] || (b[9] = [
             l("p", { class: "text-sm text-gray-600 font-sm" }, " Файлів з такою назвою не існує, введіть інше пошукове слово ", -1)
           ])))
-        ])) : F("", !0),
+        ])) : A("", !0),
         I(z, {
           modelValue: n.value,
-          "onUpdate:modelValue": b[5] || (b[5] = (C) => n.value = C),
+          "onUpdate:modelValue": b[5] || (b[5] = (V) => n.value = V),
           startIndex: s.value,
-          "onUpdate:index": b[6] || (b[6] = (C) => s.value = C),
+          "onUpdate:index": b[6] || (b[6] = (V) => s.value = V),
           images: y.value
         }, null, 8, ["modelValue", "startIndex", "images"]),
         I(W, Ie({
           modelValue: c.value,
-          "onUpdate:modelValue": b[7] || (b[7] = (C) => c.value = C),
+          "onUpdate:modelValue": b[7] || (b[7] = (V) => c.value = V),
           onConfirm: v.value.confirm
         }, v.value), null, 16, ["modelValue", "onConfirm"])
       ]);
     };
   }
-}), $a = { class: "flex items-center justify-between" }, Ca = { class: "text-[16px] text-gray-900 font-medium" }, Va = { class: "grid gap-3" }, Ma = /* @__PURE__ */ O({
+}), Va = { class: "flex items-center justify-between" }, Ca = { class: "text-[16px] text-gray-900 font-medium" }, Ma = { class: "grid gap-3" }, La = /* @__PURE__ */ F({
   __name: "vs-container-switcher",
   props: {
     title: {
@@ -1599,24 +1603,24 @@ const fa = /* @__PURE__ */ N(da, [["render", pa]]), va = { class: "flex flex-col
   },
   setup(o) {
     const e = o, t = w(e.isOpen);
-    return le(
+    return ae(
       () => e.isOpen,
       (r) => {
         t.value = r;
       }
     ), (r, a) => (i(), d("div", null, [
-      l("div", $a, [
+      l("div", Va, [
         l("p", Ca, P(o.title), 1),
         I(kt, {
           modelValue: t.value,
           "onUpdate:modelValue": a[0] || (a[0] = (n) => t.value = n),
-          style: we(o.style)
+          style: ke(o.style)
         }, null, 8, ["modelValue", "style"])
       ]),
       I(bt, { name: "slide-fade" }, {
         default: Be(() => [
-          K(l("div", Va, [
-            Ce(r.$slots, "default", {}, void 0, !0)
+          K(l("div", Ma, [
+            Ve(r.$slots, "default", {}, void 0, !0)
           ], 512), [
             [Ge, t.value]
           ])
@@ -1625,7 +1629,7 @@ const fa = /* @__PURE__ */ N(da, [["render", pa]]), va = { class: "flex flex-col
       })
     ]));
   }
-}), 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({
+}), Sa = /* @__PURE__ */ N(La, [["__scopeId", "data-v-90320b87"]]), Ba = { class: "text-[16px] text-gray-900 font-medium" }, ja = { class: "grid gap-3" }, Ia = /* @__PURE__ */ F({
   __name: "vs-container-accordion",
   props: {
     title: {
@@ -1643,7 +1647,7 @@ const fa = /* @__PURE__ */ N(da, [["render", pa]]), va = { class: "flex flex-col
   },
   setup(o) {
     const e = o, t = w(e.isOpen);
-    return le(
+    return ae(
       () => e.isOpen,
       (r) => {
         t.value = r;
@@ -1654,15 +1658,15 @@ const fa = /* @__PURE__ */ N(da, [["render", pa]]), va = { class: "flex flex-col
         onClick: a[0] || (a[0] = (n) => t.value = !t.value),
         class: "flex items-center gap-2"
       }, [
-        I(J(El), {
-          class: B(["h-4 w-4 duration-300", [t.value ? "-rotate-180" : ""]])
+        I(J(zl), {
+          class: C(["h-4 w-4 duration-300", [t.value ? "-rotate-180" : ""]])
         }, null, 8, ["class"]),
-        l("span", Sa, P(o.title), 1)
+        l("span", Ba, P(o.title), 1)
       ]),
       I(bt, { name: "slide-fade" }, {
         default: Be(() => [
-          K(l("div", Ba, [
-            Ce(r.$slots, "default", {}, void 0, !0)
+          K(l("div", ja, [
+            Ve(r.$slots, "default", {}, void 0, !0)
           ], 512), [
             [Ge, t.value]
           ])
@@ -1671,7 +1675,7 @@ const fa = /* @__PURE__ */ N(da, [["render", pa]]), va = { class: "flex flex-col
       })
     ]));
   }
-}), Ia = /* @__PURE__ */ N(ja, [["__scopeId", "data-v-590eff11"]]), Ea = { class: "flex items-center justify-between" }, za = /* @__PURE__ */ O({
+}), Ea = /* @__PURE__ */ N(Ia, [["__scopeId", "data-v-590eff11"]]), za = { class: "flex items-center justify-between" }, Aa = /* @__PURE__ */ F({
   __name: "vs-container-default",
   props: {
     title: {
@@ -1685,17 +1689,17 @@ const fa = /* @__PURE__ */ N(da, [["render", pa]]), va = { class: "flex flex-col
   },
   setup(o) {
     return (e, t) => (i(), d("div", null, [
-      l("div", Ea, [
+      l("div", za, [
         l("p", null, P(o.title), 1)
       ]),
-      Ce(e.$slots, "default")
+      Ve(e.$slots, "default")
     ]));
   }
 }), Fa = {
-  switcher: La,
-  accordion: Ia,
-  default: za
-}, fe = {
+  switcher: Sa,
+  accordion: Ea,
+  default: Aa
+}, pe = {
   Equal: "==",
   Inequal: "!=",
   Higer: ">",
@@ -1708,37 +1712,37 @@ const fa = /* @__PURE__ */ N(da, [["render", pa]]), va = { class: "flex flex-col
   Contain: "*",
   In: "in",
   NotIn: "not_in"
-}, 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) => {
+}, Da = (o, e) => String(o) === String(e), Oa = (o, e) => String(o) !== String(e), Ua = (o, e) => o > e, Ta = (o, e) => o >= e, Ra = (o, e) => o < e, Pa = (o, e) => o <= e, Ha = (o, e) => Array.isArray(e) && e.length === 2 ? o >= e[0] && o <= e[1] : !1, Na = (o, e) => String(o).startsWith(String(e)), qa = (o, e) => String(o).endsWith(String(e)), Ga = (o, e) => String(o).includes(String(e)), Ja = (o, e) => Array.isArray(e) ? e.includes(o) : !1, Wa = (o, e) => Array.isArray(e) ? !e.includes(o) : !0, Vt = (o, e) => {
   if (!e) return !0;
   switch (e?.[1]) {
-    case fe.Equal:
-      return Aa(o, e?.[2]);
-    case fe.Inequal:
+    case pe.Equal:
       return Da(o, e?.[2]);
-    case fe.Higer:
+    case pe.Inequal:
       return Oa(o, e?.[2]);
-    case fe.HigerOrEqual:
+    case pe.Higer:
       return Ua(o, e?.[2]);
-    case fe.Lower:
+    case pe.HigerOrEqual:
       return Ta(o, e?.[2]);
-    case fe.LowerOrEqual:
+    case pe.Lower:
       return Ra(o, e?.[2]);
-    case fe.Between:
+    case pe.LowerOrEqual:
       return Pa(o, e?.[2]);
-    case fe.StartWith:
+    case pe.Between:
       return Ha(o, e?.[2]);
-    case fe.EndWith:
+    case pe.StartWith:
       return Na(o, e?.[2]);
-    case fe.Contain:
+    case pe.EndWith:
       return qa(o, e?.[2]);
-    case fe.In:
+    case pe.Contain:
       return Ga(o, e?.[2]);
-    case fe.NotIn:
+    case pe.In:
       return Ja(o, e?.[2]);
+    case pe.NotIn:
+      return Wa(o, e?.[2]);
     default:
       return !0;
   }
-}, Wa = /* @__PURE__ */ O({
+}, Ka = /* @__PURE__ */ F({
   __name: "vs-input-container",
   props: {
     style: {
@@ -1763,15 +1767,15 @@ const fa = /* @__PURE__ */ N(da, [["render", pa]]), va = { class: "flex flex-col
       const u = s?.conditions;
       if (!u) return !0;
       const c = Array.isArray(u) ? u[0] : u, v = t?.value?.[c];
-      return Ct(v, u);
+      return Vt(v, u);
     })), 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)
+      style: ke(o.style)
     }, {
       default: Be(() => [
-        (i(!0), d(ee, null, ae(a.value, (c) => (i(), re(Vt, Ie({
+        (i(!0), d(ee, null, le(a.value, (c) => (i(), re(Ct, Ie({
           key: c.name
         }, { ref_for: !0 }, c, {
           item: c,
@@ -1782,15 +1786,15 @@ const fa = /* @__PURE__ */ N(da, [["render", pa]]), va = { class: "flex flex-col
         }), null, 16, ["item", "modelValue", "onUpdate:modelValue", "style", "error"]))), 128))
       ]),
       _: 1
-    }, 8, ["title", "style"])) : F("", !0);
+    }, 8, ["title", "style"])) : A("", !0);
   }
-}), Ka = ["aria-expanded", "data-focus"], Za = { class: "flex items-center" }, Ya = ["title"], Qa = ["onClick"], Xa = ["title"], es = {
+}), Za = ["aria-expanded", "data-focus"], Ya = { class: "flex items-center" }, Qa = ["title"], Xa = ["onClick"], es = ["title"], ts = {
   key: 2,
   class: "text-gray-500 truncate"
-}, 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 = {
+}, ls = { class: "flex-1 min-w-[2px]" }, os = ["placeholder"], as = { class: "flex items-center shrink-0" }, ss = ["disabled"], ns = ["disabled", "title"], rs = ["aria-disabled", "onClick"], is = {
   key: 1,
   class: "px-3 py-2 text-center text-gray-500"
-}, is = ["disabled"], pt = /* @__PURE__ */ O({
+}, us = ["disabled"], pt = /* @__PURE__ */ F({
   __name: "vs-input-select",
   props: {
     multiple: { type: Boolean, default: !1 },
@@ -1816,85 +1820,85 @@ const fa = /* @__PURE__ */ N(da, [["render", pa]]), va = { class: "flex flex-col
   emits: ["change", "update:modelValue"],
   setup(o, { emit: e }) {
     const t = o, r = e, a = D(() => t.multiple), n = D(() => t.disabled);
-    ye(t.style);
+    ve(t.style);
     const s = D({
       get: () => t.modelValue,
-      set: (h) => r("update:modelValue", h)
+      set: (g) => r("update:modelValue", g)
     });
     !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([]), V = w(""), M = 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), O = w([]), E = w(-1), U = w([]), M = w(""), S = 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);
-    }), 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 && V.value.trim() !== "") {
-        const m = V.value.toLowerCase();
-        h = h.filter(($) => $.text?.toLowerCase?.().includes(m));
+      const g = new Map(O.value.map((m) => [m.id?.toString(), m]));
+      return z.value.map((m) => g.get(m?.toString())).filter((m) => !!m);
+    }), V = D(() => t.placeholder || "Select..."), se = D(() => a.value ? !z.value.length && M.value === "" : !_.value?.text && M.value === ""), ue = D(() => n.value ? !1 : a.value ? z.value.length > 0 : !!s.value), de = (g) => a.value ? z.value.some((m) => m?.toString() === g?.toString()) : s.value?.toString() === g?.toString(), te = D(() => {
+      let g = O.value ?? [];
+      if (!t.data && M.value.trim() !== "") {
+        const m = M.value.toLowerCase();
+        g = g.filter(($) => $.text?.toLowerCase?.().includes(m));
       }
       if (a.value && z.value.length) {
         const m = new Set(z.value.map(($) => $?.toString()));
-        h = h.filter(($) => !m.has($.id?.toString()));
+        g = g.filter(($) => !m.has($.id?.toString()));
       }
-      return h;
-    }), ze = Se("values"), ke = D(() => t.parent ? ze?.value?.[t.parent] ?? null : null), A = async (h) => {
+      return g;
+    }), ze = Se("values"), _e = D(() => t.parent ? ze?.value?.[t.parent] ?? null : null), me = async (g) => {
       if (!t.data) {
         let m = t.options ?? [];
-        if (h?.trim()) {
-          const $ = h.toLowerCase();
+        if (g?.trim()) {
+          const $ = g.toLowerCase();
           m = m.filter((H) => H.text?.toLowerCase?.().includes($));
         }
         return m;
       }
       try {
-        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 ?? [];
+        const m = t.host ?? "", $ = t.prefix ?? "api", H = t.api ?? `/${$}/suggest/${t.data}`, oe = `${m}${H}`, be = new URLSearchParams();
+        return be.set("json", "1"), g && be.set("key", g), _e.value !== void 0 && _e.value !== null && _e.value !== "" && be.set("parent", String(_e.value)), (await fetch(`${oe}?${be.toString()}`).then((je) => je.json()))?.data ?? [];
       } catch {
         return [];
       }
-    }, j = async () => {
-      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())), $ = h.filter((H) => !m.has(H?.toString()));
+    }, T = async () => {
+      t.data ? O.value = await me(M.value) : O.value = t.options ? [...t.options] : [];
+    }, B = async (g) => {
+      if (g == null) return null;
+      const m = O.value?.find((H) => H?.id?.toString() === String(g));
+      return m || ((await me(String(g)))?.[0] ?? null);
+    }, j = async (g) => {
+      const m = new Set(O.value.map((H) => H.id?.toString())), $ = g.filter((H) => !m.has(H?.toString()));
       $.length && await $.reduce(async (H, oe) => {
         await H;
-        const he = await S(oe);
-        he && U.value.push(he);
+        const be = await B(oe);
+        be && O.value.push(be);
       }, Promise.resolve());
-    }, Z = async () => {
-      n.value || (f.value = !0, await j(), await De(() => {
-        xe(), M.value?.focus(), te.value.length ? E.value = 0 : E.value = -1;
+    }, q = async () => {
+      n.value || (f.value = !0, await T(), await De(() => {
+        we(), S.value?.focus(), te.value.length ? E.value = 0 : E.value = -1;
       }));
-    }, ce = () => {
+    }, Z = () => {
       f.value = !1, E.value = -1;
-    }, _e = async (h) => {
+    }, he = async (g) => {
       if (n.value) return;
-      !f.value ? await Z() : ce();
-    }, g = async () => {
-      f.value ? M.value?.focus() : await Z();
+      !f.value ? await q() : Z();
+    }, h = async () => {
+      f.value ? S.value?.focus() : await q();
     }, k = () => {
-      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], r("change", s.value), De(() => M.value?.focus()));
-    }, q = (h) => {
-      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) => {
-      de(h.id) || q(h);
-    }, me = (h, m) => {
-      if (!h || !m) return;
-      const $ = h.offsetTop, H = $ + h.offsetHeight, oe = m.scrollTop, he = oe + m.clientHeight;
+      a.value ? (z.value = [], s.value = [], r("change", [])) : (_.value = null, s.value = null, r("change", null)), M.value = "", De(() => S.value?.focus());
+    }, R = (g) => {
+      a.value && (z.value = z.value.filter((m) => m?.toString() !== g?.toString()), s.value = [...z.value], r("change", s.value), De(() => S.value?.focus()));
+    }, G = (g) => {
+      a.value ? (de(g.id) || (z.value = [...z.value, g.id], s.value = [...z.value], r("change", s.value)), M.value = "", De(() => {
+        S.value?.focus(), E.value = Math.min(E.value, te.value.length - 1);
+      })) : (_.value = g, s.value = g.id, r("change", s.value), M.value = "", Z());
+    }, Y = (g) => {
+      de(g.id) || G(g);
+    }, ge = (g, m) => {
+      if (!g || !m) return;
+      const $ = g.offsetTop, H = $ + g.offsetHeight, oe = m.scrollTop, be = oe + m.clientHeight;
       let Le = m.scrollTop;
-      $ < oe ? Le = $ - 80 : H > he && (Le = H - m.clientHeight + 4);
+      $ < oe ? Le = $ - 80 : H > be && (Le = H - m.clientHeight + 4);
       const je = m;
       je.scrollTop = Le;
-    }, $e = (h) => {
-      let m = h.parentElement;
+    }, $e = (g) => {
+      let m = g.parentElement;
       for (; m; ) {
         if (m.classList.contains("ui-dialog__content"))
           return m;
@@ -1904,74 +1908,74 @@ const fa = /* @__PURE__ */ N(da, [["render", pa]]), va = { class: "flex flex-col
         m = m.parentElement;
       }
       return document.body;
-    }, xe = () => {
+    }, we = () => {
       if (!c.value) return;
-      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 g = c.value.getBoundingClientRect(), m = window.innerHeight || document.documentElement.clientHeight, $ = window.innerWidth || document.documentElement.clientWidth, H = 8, oe = 8, be = t.maxHeight || 300, Le = m - g.bottom - oe - H, je = g.top - oe - H, Pe = Le >= je, Ke = Math.max($ - H * 2, 0);
+      let { width: Ae } = g;
+      Ke > 0 && Ae > Ke && (Ae = Ke);
+      let { left: Fe } = g;
+      Fe + Ae + H > $ && (Fe = $ - Ae - H), Fe = Math.max(Fe, H);
       const zt = Math.min(
-        he,
+        be,
         Math.max(Pe ? Le : je, 50)
       );
       x.value = Pe ? "bottom" : "top", b.value = {
         position: "fixed",
-        left: `${Ae}px`,
-        width: `${Fe}px`,
+        left: `${Fe}px`,
+        width: `${Ae}px`,
         minWidth: "300px",
         maxHeight: `${zt}px`,
         transform: Pe ? "none" : "translateY(-100%)",
-        top: Pe ? `${h.bottom + oe}px` : `${h.top - oe}px`
+        top: Pe ? `${g.bottom + oe}px` : `${g.top - oe}px`
       };
-    }, Ve = async (h) => {
-      n.value || !f.value && (h.key === "ArrowDown" || h.key === "ArrowUp") && (h.preventDefault(), await Z());
-    }, Me = (h) => {
+    }, Ce = async (g) => {
+      n.value || !f.value && (g.key === "ArrowDown" || g.key === "ArrowUp") && (g.preventDefault(), await q());
+    }, Me = (g) => {
       if (!f.value) return;
-      const { key: m } = h;
+      const { key: m } = g;
       if (m === "ArrowDown")
-        h.preventDefault(), E.value + 1 < te.value.length && (E.value += 1, me(T.value[E.value], v.value));
+        g.preventDefault(), E.value + 1 < te.value.length && (E.value += 1, ge(U.value[E.value], v.value));
       else if (m === "ArrowUp")
-        h.preventDefault(), E.value > 0 && (E.value -= 1, me(T.value[E.value], v.value));
+        g.preventDefault(), E.value > 0 && (E.value -= 1, ge(U.value[E.value], v.value));
       else if (m === "Enter") {
-        h.preventDefault();
+        g.preventDefault();
         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();
+        $ && G($), S.value?.blur();
+      } else m === "Escape" ? (g.preventDefault(), Z()) : m === "Backspace" ? a.value && M.value === "" && z.value.length && (z.value = z.value.slice(0, -1), s.value = [...z.value], r("change", s.value)) : m === "Home" ? (E.value = 0, ge(U.value[0], v.value)) : m === "End" ? (E.value = te.value.length - 1, ge(U.value[E.value], v.value)) : m === "Tab" && Z();
     }, Lt = () => {
       n.value || (y.value = !0);
     }, St = () => {
-      y.value = !1, V.value = "";
-    }, Qe = (h) => {
-      h.key === "Escape" && f.value && ce();
-    }, Xe = (h) => {
-      const m = h.target;
-      u.value?.contains(m) || p.value?.contains(m) || ce();
-    }, et = (h) => {
-      f.value && v.value && !v.value.contains(h.target) && xe();
+      y.value = !1, M.value = "";
+    }, Qe = (g) => {
+      g.key === "Escape" && f.value && Z();
+    }, Xe = (g) => {
+      const m = g.target;
+      u.value?.contains(m) || p.value?.contains(m) || Z();
+    }, et = (g) => {
+      f.value && v.value && !v.value.contains(g.target) && we();
     }, tt = () => {
-      f.value && xe();
+      f.value && we();
     }, lt = () => {
-      f.value && xe();
+      f.value && we();
     };
-    le(() => t.options, (h) => {
-      h?.length && (U.value = [...h]);
+    ae(() => t.options, (g) => {
+      g?.length && (O.value = [...g]);
     }, { immediate: !0 });
     const ot = async () => {
       if (a.value)
-        Array.isArray(s.value) ? z.value = [...s.value] : (z.value = s.value == null ? [] : [s.value], s.value = [...z.value]), !t.options?.length && t.data && await G(z.value);
+        Array.isArray(s.value) ? z.value = [...s.value] : (z.value = s.value == null ? [] : [s.value], s.value = [...z.value]), !t.options?.length && t.data && await j(z.value);
       else {
         if (Array.isArray(s.value)) {
-          const h = s.value[0] ?? null;
-          s.value = h ?? null;
+          const g = s.value[0] ?? null;
+          s.value = g ?? null;
         }
-        _.value = await S(s.value);
+        _.value = await B(s.value);
       }
     };
-    le(s, () => {
+    ae(s, () => {
       ot();
-    }), be(async () => {
-      addEventListener("keydown", Qe), addEventListener("scroll", et, !0), addEventListener("resize", tt), document.addEventListener("click", Xe, !0), c.value && $e(c.value).addEventListener("scroll", lt, !0), t.options?.length ? U.value = [...t.options] : t.data && (U.value = await A("")), await ot();
+    }), xe(async () => {
+      addEventListener("keydown", Qe), addEventListener("scroll", et, !0), addEventListener("resize", tt), document.addEventListener("click", Xe, !0), c.value && $e(c.value).addEventListener("scroll", lt, !0), t.options?.length ? O.value = [...t.options] : t.data && (O.value = await me("")), await ot();
     }), 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);
     });
@@ -1986,33 +1990,33 @@ const fa = /* @__PURE__ */ N(da, [["render", pa]]), va = { class: "flex flex-col
       }).then((H) => H.json());
       if (!t.options?.length && t.data) {
         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 = $;
+        _.value = H[0], O.value.push(H[0]), s.value = $;
       }
       Re.value = !1, ne({ title: "Success!", message: "Object created." });
     }
     async function jt() {
       if (!t.add) return null;
-      const h = await fetch(`/api/template/form/${t.add.form}`).then((m) => m.json());
-      return at.value = h.schema, Re.value = !0, null;
+      const g = await fetch(`/api/template/form/${t.add.form}`).then((m) => m.json());
+      return at.value = g.schema, Re.value = !0, null;
     }
-    function It(h, m = 200) {
+    function It(g, m = 200) {
       let $;
       return (...H) => {
-        $ && clearTimeout($), $ = window.setTimeout(() => h(...H), m);
+        $ && clearTimeout($), $ = window.setTimeout(() => g(...H), m);
       };
     }
-    const Et = It(async (h) => {
-      U.value = await A(h);
+    const Et = It(async (g) => {
+      O.value = await me(g);
     }, 200);
-    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 () => {
+    return ae(M, (g) => {
+      t.data && Et(g.trim());
+    }), ae(() => t.options, (g) => {
+      !t.data && g?.length && (O.value = [...g]);
+    }, { immediate: !0 }), ae(() => t.parent ?? t.parentValue, () => {
+      t.data && T();
+    }), ae(_e, async () => {
       t.data && (a.value ? (z.value = [], s.value = [], r("change", [])) : (_.value = null, s.value = null, r("change", null)));
-    }), (h, m) => (i(), d(ee, null, [
+    }), (g, m) => (i(), d(ee, null, [
       I(J(xt), {
         visible: Re.value,
         "onUpdate:visible": m[1] || (m[1] = ($) => Re.value = $),
@@ -2035,11 +2039,11 @@ const fa = /* @__PURE__ */ N(da, [["render", pa]]), va = { class: "flex flex-col
         class: "flex gap-1 w-full",
         ref_key: "selectRoot",
         ref: u,
-        onClick: m[4] || (m[4] = ge(() => {
+        onClick: m[4] || (m[4] = ye(() => {
         }, ["stop"]))
       }, [
         l("div", {
-          class: B(["relative w-full font-sans", t.customClass])
+          class: C(["relative w-full font-sans", t.customClass])
         }, [
           m[9] || (m[9] = l("span", {
             id: "react-select-live-region",
@@ -2053,7 +2057,7 @@ const fa = /* @__PURE__ */ N(da, [["render", pa]]), va = { class: "flex flex-col
             class: "sr-only"
           }, null, -1)),
           l("div", {
-            class: B([
+            class: C([
               "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" : "",
@@ -2062,8 +2066,8 @@ const fa = /* @__PURE__ */ N(da, [["render", pa]]), va = { class: "flex flex-col
             role: "combobox",
             "aria-expanded": f.value,
             "aria-haspopup": "listbox",
-            onKeydown: Ve,
-            onClick: g,
+            onKeydown: Ce,
+            onClick: h,
             "data-focus": f.value || y.value ? "true" : "false"
           }, [
             l("div", {
@@ -2071,25 +2075,25 @@ const fa = /* @__PURE__ */ N(da, [["render", pa]]), va = { class: "flex flex-col
               ref_key: "triggerRef",
               ref: c
             }, [
-              a.value && z.value.length ? (i(!0), d(ee, { key: 0 }, ae(W.value, ($) => (i(), d("div", {
+              a.value && z.value.length ? (i(!0), d(ee, { key: 0 }, le(W.value, ($) => (i(), d("div", {
                 class: "flex min-w-0 bg-[#e6e6e6] rounded-sm m-0.5 box-border",
                 key: $.id
               }, [
-                l("div", Za, [
+                l("div", Ya, [
                   $?.color ? (i(), d("span", {
                     key: 0,
                     class: "w-[16px] h-[16px] rounded-md block ml-1.5",
-                    style: we({ backgroundColor: $?.color })
-                  }, null, 4)) : F("", !0),
+                    style: ke({ backgroundColor: $?.color })
+                  }, null, 4)) : A("", !0),
                   l("div", {
                     class: "truncate text-gray-900 overflow-hidden",
                     title: $.text
-                  }, P($.text), 9, Ya)
+                  }, P($.text), 9, Qa)
                 ]),
                 l("div", {
                   role: "button",
                   class: "flex items-center rounded-sm px-1 box-border hover:bg-[#ffbdad] hover:text-[#de350b]",
-                  onClick: ge((H) => R($.id), ["stop"])
+                  onClick: ye((H) => R($.id), ["stop"])
                 }, m[5] || (m[5] = [
                   l("svg", {
                     height: "14",
@@ -2101,27 +2105,27 @@ const fa = /* @__PURE__ */ N(da, [["render", pa]]), va = { 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, Qa)
-              ]))), 128)) : !a.value && !y.value && _.value?.text && V.value === "" ? (i(), d("div", {
+                ]), 8, Xa)
+              ]))), 128)) : !a.value && !y.value && _.value?.text && M.value === "" ? (i(), d("div", {
                 key: 1,
-                class: B(["truncate text-gray-900"]),
+                class: C(["truncate text-gray-900"]),
                 title: _.value.text
               }, [
                 _.value?.color ? (i(), d("span", {
                   key: 0,
                   class: "w-[14px] h-[14px] rounded-md block mr-1 mt-1 absolute",
-                  style: we({ backgroundColor: _.value?.color })
-                }, null, 4)) : F("", !0),
+                  style: ke({ backgroundColor: _.value?.color })
+                }, null, 4)) : A("", !0),
                 l("span", {
-                  class: B({ "pl-5": _.value?.color })
+                  class: C({ "pl-5": _.value?.color })
                 }, P(_.value.text), 3)
-              ], 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", {
+              ], 8, es)) : A("", !0),
+              se.value ? (i(), d("div", ts, P(V.value), 1)) : A("", !0),
+              l("div", ls, [
+                !n.value && g.search ? K((i(), d("input", {
                   key: 0,
                   ref_key: "inputRef",
-                  ref: M,
+                  ref: S,
                   class: "w-full bg-transparent outline-none border-0 m-0 p-0 text-gray-900",
                   autocapitalize: "none",
                   autocomplete: "off",
@@ -2130,24 +2134,24 @@ const fa = /* @__PURE__ */ N(da, [["render", pa]]), va = { class: "flex flex-col
                   type: "text",
                   tabindex: "0",
                   "aria-autocomplete": "list",
-                  placeholder: (a.value && z.value.length ? " " : null) || (y.value && !V.value?.length ? _.value?.text : " "),
-                  "onUpdate:modelValue": m[2] || (m[2] = ($) => V.value = $),
+                  placeholder: (a.value && z.value.length ? " " : null) || (y.value && !M.value?.length ? _.value?.text : " "),
+                  "onUpdate:modelValue": m[2] || (m[2] = ($) => M.value = $),
                   onFocus: Lt,
                   onBlur: St,
                   onKeydown: Me
-                }, null, 40, ls)), [
-                  [ie, V.value]
-                ]) : F("", !0)
+                }, null, 40, os)), [
+                  [ie, M.value]
+                ]) : A("", !0)
               ])
             ], 512),
-            l("div", os, [
+            l("div", as, [
               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: n.value,
-                onClick: ge(k, ["stop"])
+                onClick: ye(k, ["stop"])
               }, m[6] || (m[6] = [
                 l("svg", {
                   height: "20",
@@ -2157,14 +2161,14 @@ const fa = /* @__PURE__ */ N(da, [["render", pa]]), va = { 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, as)) : F("", !0),
+              ]), 8, ss)) : A("", !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: n.value,
-                onClick: m[3] || (m[3] = ge(($) => _e(), ["stop"])),
+                onClick: m[3] || (m[3] = ye(($) => he(), ["stop"])),
                 title: f.value ? "Закрити список" : "Відкрити список"
               }, m[7] || (m[7] = [
                 l("svg", {
@@ -2175,31 +2179,31 @@ const fa = /* @__PURE__ */ N(da, [["render", pa]]), va = { 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, ss)
+              ]), 8, ns)
             ])
-          ], 42, Ka),
+          ], 42, Za),
           (i(), re(yt, { to: "body" }, [
             f.value ? (i(), d("div", {
               key: 0,
               ref_key: "dropdownRef",
               ref: p,
-              class: B([
+              class: C([
                 "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),
+              style: ke(b.value),
               role: "listbox"
             }, [
               l("div", {
                 class: "overflow-y-auto py-1",
-                style: we({ maxHeight: b.value.maxHeight || "300px" }),
+                style: ke({ maxHeight: b.value.maxHeight || "300px" }),
                 ref_key: "listRef",
                 ref: v
               }, [
-                te.value.length ? (i(!0), d(ee, { key: 0 }, ae(te.value, ($, H) => (i(), d("div", {
+                te.value.length ? (i(!0), d(ee, { key: 0 }, le(te.value, ($, H) => (i(), d("div", {
                   key: $.id,
                   ref_for: !0,
-                  ref: (oe) => T.value[H] = oe,
-                  class: B([
+                  ref: (oe) => U.value[H] = oe,
+                  class: C([
                     "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" : ""
@@ -2212,19 +2216,19 @@ const fa = /* @__PURE__ */ N(da, [["render", pa]]), va = { class: "flex flex-col
                   $?.color ? (i(), d("span", {
                     key: 0,
                     class: "w-[11px] h-[11px] rounded-full block mr-1 mt-1.5",
-                    style: we({ backgroundColor: $?.color })
-                  }, null, 4)) : F("", !0),
+                    style: ke({ backgroundColor: $?.color })
+                  }, null, 4)) : A("", !0),
                   l("div", {
-                    class: B([
+                    class: C([
                       "leading-[19px]",
                       E.value === $.id ? "text-white" : "",
                       // active style like react-select
                       (E.value === H, "")
                     ])
                   }, P($.text), 3)
-                ], 10, ns))), 128)) : (i(), d("div", rs, " No options "))
+                ], 10, rs))), 128)) : (i(), d("div", is, " No options "))
               ], 4)
-            ], 4)) : F("", !0)
+            ], 4)) : A("", !0)
           ]))
         ], 2),
         t.add ? (i(), d("button", {
@@ -2239,11 +2243,11 @@ const fa = /* @__PURE__ */ N(da, [["render", pa]]), va = { class: "flex flex-col
             height: "16"
           }),
           m[11] || (m[11] = l("span", null, "Додати", -1))
-        ], 8, is)) : F("", !0)
+        ], 8, us)) : A("", !0)
       ], 512)
     ], 64));
   }
-}), us = ["placeholder", "disabled"], ds = /* @__PURE__ */ O({
+}), ds = ["placeholder", "disabled"], cs = /* @__PURE__ */ F({
   __name: "vs-input-textarea",
   props: /* @__PURE__ */ Q({
     style: { default: () => ({}) },
@@ -2259,21 +2263,21 @@ const fa = /* @__PURE__ */ N(da, [["render", pa]]), va = { class: "flex flex-col
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = ye(e.style), r = X(o, "modelValue");
+    const e = o, { inputClass: t } = ve(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: B(["py-1.5 px-3 block w-full placeholder:text[#767f8f] h-auto bg-white", [J(t)]]),
+      class: C(["py-1.5 px-3 block w-full placeholder:text[#767f8f] h-auto bg-white", [J(t)]]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, us)), [
+    }, null, 10, ds)), [
       [ie, r.value]
     ]);
   }
-}), cs = {}, ps = {
+}), ps = {}, fs = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2283,8 +2287,8 @@ const fa = /* @__PURE__ */ N(da, [["render", pa]]), va = { class: "flex flex-col
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-search stroke-gray-500 transition-all"
 };
-function fs(o, e) {
-  return i(), d("svg", ps, e[0] || (e[0] = [
+function vs(o, e) {
+  return i(), d("svg", fs, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2294,7 +2298,7 @@ function fs(o, e) {
     l("path", { d: "M21 21l-6 -6" }, null, -1)
   ]));
 }
-const vs = /* @__PURE__ */ N(cs, [["render", fs]]), ms = {}, hs = {
+const ms = /* @__PURE__ */ N(ps, [["render", vs]]), hs = {}, gs = {
   class: "flex-shrink-0 mt-0.5 size-3.5",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
@@ -2304,15 +2308,15 @@ const vs = /* @__PURE__ */ N(cs, [["render", fs]]), ms = {}, hs = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function gs(o, e) {
-  return i(), d("svg", hs, e[0] || (e[0] = [
+function bs(o, e) {
+  return i(), d("svg", gs, 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 bs = /* @__PURE__ */ N(ms, [["render", gs]]), ys = {}, xs = {
+const ys = /* @__PURE__ */ N(hs, [["render", bs]]), xs = {}, ws = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "14",
   height: "14",
@@ -2323,8 +2327,8 @@ const bs = /* @__PURE__ */ N(ms, [["render", gs]]), ys = {}, xs = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function ws(o, e) {
-  return i(), d("svg", xs, e[0] || (e[0] = [
+function ks(o, e) {
+  return i(), d("svg", ws, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2335,7 +2339,7 @@ function ws(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const ks = /* @__PURE__ */ N(ys, [["render", ws]]), _s = {}, $s = {
+const _s = /* @__PURE__ */ N(xs, [["render", ks]]), $s = {}, Vs = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2345,7 +2349,7 @@ const ks = /* @__PURE__ */ N(ys, [["render", ws]]), _s = {}, $s = {
   "stroke-linejoin": "round"
 };
 function Cs(o, e) {
-  return i(), d("svg", $s, e[0] || (e[0] = [
+  return i(), d("svg", Vs, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2356,7 +2360,7 @@ function Cs(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const Vs = /* @__PURE__ */ N(_s, [["render", Cs]]), Ms = {}, Ls = {
+const Ms = /* @__PURE__ */ N($s, [["render", Cs]]), Ls = {}, Ss = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2365,22 +2369,22 @@ const Vs = /* @__PURE__ */ N(_s, [["render", Cs]]), Ms = {}, Ls = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-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)
+function Bs(o, e) {
+  return i(), d("svg", Ss, 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)
   ]));
 }
-const ft = /* @__PURE__ */ N(Ms, [["render", Ss]]), Bs = {}, js = {
+const ft = /* @__PURE__ */ N(Ls, [["render", Bs]]), js = {}, Is = {
   viewBox: "0 0 178 90",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-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)
+function Es(o, e) {
+  return i(), d("svg", Is, 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)
   ]));
 }
-const Es = /* @__PURE__ */ N(Bs, [["render", Is]]), zs = {}, Fs = {
+const zs = /* @__PURE__ */ N(js, [["render", Es]]), As = {}, Fs = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2389,25 +2393,25 @@ const Es = /* @__PURE__ */ N(Bs, [["render", Is]]), zs = {}, Fs = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function As(o, e) {
+function Ds(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 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 = {
+const Os = /* @__PURE__ */ N(As, [["render", Ds]]), Us = { class: "vs-datatable border rounded-xl w-full flex-grow" }, Ts = { class: "flex items-center npm gap-[16px] justify-between p-[20px] pb-[16px]" }, Rs = { class: "relative w-full" }, Ps = { class: "table-wrapper flex gap-2" }, Hs = { class: "vs-popover inline-block text-slate-700" }, Ns = { class: "text-center" }, qs = { class: "" }, Gs = { 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" }, Js = { class: "flex flex-col p-[1px] gap-[2px] w-[140px]" }, Ws = { class: "text-sm items-center text-gray-800 flex gap-1" }, Ks = { class: "w-full overflow-x-auto" }, Zs = { class: "w-full table-auto caption-bottom text-sm" }, Ys = { class: "[&_tr]:border-b" }, Qs = { 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" }, Xs = { 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" }, en = {
   key: 0,
   colspan: "100%",
   class: "text-center"
-}, 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 = {
+}, tn = { class: "w-full" }, ln = { class: "p-5 min-h-[200px] flex flex-col justify-center items-center text-center" }, on = ["onDragstart", "onDragover", "onDrop"], an = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] text-center" }, sn = { class: "flex items-center justify-center" }, nn = {
   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"
-}, nn = { key: 0 }, rn = ["src"], un = {
+}, rn = { key: 0 }, un = ["src"], dn = {
   key: 1,
   class: "rounded-md max-w-[45px] w-[45px] max-h-[45px] h-[45px] bg-gray-200 flex items-center justify-center"
-}, dn = ["innerHTML"], cn = {
+}, cn = ["innerHTML"], pn = {
   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"
-}, 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({
+}, fn = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]" }, vn = { class: "flex items-center justify-center gap-2" }, mn = ["onClick"], hn = ["onClick"], gn = { class: "vs-form__head mr-5 mt-3 flex items-center justify-end sticky top-0 left-0 z-[60] bg-white" }, bn = /* @__PURE__ */ F({
   __name: "vs-input-datatable",
   props: /* @__PURE__ */ Q({
     colModel: {},
@@ -2426,115 +2430,118 @@ const Ds = /* @__PURE__ */ N(zs, [["render", As]]), Os = { class: "vs-datatable
   setup(o) {
     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((S) => {
-        const G = j[S.key];
-        return G ? Array.isArray(G) ? G.join(", ").toLowerCase().includes(A) : String(G).toLowerCase().includes(A) : !1;
+      const T = a.value.toLowerCase();
+      return t.value.filter((B) => e.colModel?.some((j) => {
+        const q = B[j.key];
+        return q ? Array.isArray(q) ? q.join(", ").toLowerCase().includes(T) : String(q).toLowerCase().includes(T) : !1;
       }));
-    }), s = w(null), u = w(null), c = w(!1), v = w(null), p = w({ top: 0, left: 0 }), f = (A) => {
-      s.value = A;
-    }, y = (A) => {
-      u.value = A;
-    }, _ = (A) => {
-      if (s.value === null || s.value === A) {
+    }), s = w(null), u = w(null), c = w(!1), v = w(null), p = w({ top: 0, left: 0 }), f = (T) => {
+      s.value = T;
+    }, y = (T) => {
+      u.value = T;
+    }, _ = (T) => {
+      if (s.value === null || s.value === T) {
         s.value = null, u.value = null;
         return;
       }
-      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 S = A.currentTarget.getBoundingClientRect();
-      p.value = { top: S.bottom + window.scrollY, left: S.left + window.scrollX }, c.value = !c.value;
+      const B = [...t.value], [j] = B.splice(s.value, 1);
+      B.splice(T, 0, j), t.value = B, s.value = null, u.value = null;
+    }, O = (T) => {
+      const j = T.currentTarget.getBoundingClientRect();
+      p.value = { top: j.bottom + window.scrollY, left: j.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"], 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) => {
+    }, U = (T) => {
+      const B = [".jpg", ".jpeg", ".png", ".gif", ".bmp", ".webp", ".svg", ".ico", ".tiff", ".tif"], j = T.toLowerCase();
+      return B.some((q) => j.endsWith(q));
+    }, M = (T) => {
+      const j = T.target.files?.[0];
+      if (!j) return;
+      const q = new FileReader();
+      q.onload = (Z) => {
         try {
-          const ce = Z.target?.result;
-          if (typeof ce == "string") {
-            const _e = JSON.parse(ce);
-            Array.isArray(_e) && t.value.push(..._e);
+          const he = Z.target?.result;
+          if (typeof he == "string") {
+            const h = JSON.parse(he);
+            Array.isArray(h) && t.value.push(...h);
           }
-        } catch (ce) {
-          console.error("Error parsing file:", ce);
+        } catch (he) {
+          console.error("Error parsing file:", he);
         }
-      }, 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);
+      }, q.readAsText(j);
+    }, S = () => {
+      const T = JSON.stringify(t.value, null, 2), B = new Blob([T], { type: "application/json" }), j = URL.createObjectURL(B), q = document.createElement("a");
+      q.href = j, q.download = "data.json", q.click(), URL.revokeObjectURL(j);
     };
-    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();
-        r.value[j.key] = G.data;
+    xe(async () => {
+      const T = e.colModel?.filter((B) => B.data);
+      T?.length && Promise.all(T.map(async (B) => {
+        const q = await (await fetch(`/api/suggest/${B.data}`)).json();
+        r.value[B.key] = q.data;
       }));
     });
     const x = w(""), b = w(!1);
     let z = "edit", W = 0;
-    const C = w({}), se = w({});
+    const V = w({}), se = w({});
     async function ue() {
-      x.value = "Додати", b.value = !0, z = "add", C.value = {};
+      x.value = "Додати", b.value = !0, z = "add", V.value = {};
     }
-    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] || "-";
+    function de(T, B) {
+      const j = B.key || B.name;
+      return r.value[j] && T[j] ? r.value[j].find((q) => q.id.toString() === T[j].toString())?.text ?? T[j] : T[j] || "-";
     }
-    async function te(A, j) {
-      x.value = "Редагувати", b.value = !0, z = "edit", W = j, C.value = { ...A };
+    async function te(T, B) {
+      x.value = "Редагувати", b.value = !0, z = "edit", W = B, V.value = { ...T };
     }
     function ze() {
-      const A = se.value.validate();
-      if (A) {
-        ne({ type: "warning", title: "Помилка валідації", message: Object.entries(A).map(([j, S]) => `${j}: ${S}`).join(`
+      const T = se.value.validate();
+      if (T) {
+        ne({ type: "warning", title: "Помилка валідації", message: Object.entries(T).map(([B, j]) => `${B}: ${j}`).join(`
 `) });
         return;
       }
-      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;
+      z === "add" ? Array.isArray(t.value) ? t.value = [...t.value, V.value] : t.value = [V.value] : t.value = t.value.map((B, j) => j === W ? V.value : B), b.value = !1;
     }
-    function ke(A) {
-      t.value = t.value.filter((j, S) => S !== A);
+    function _e(T) {
+      t.value = t.value.filter((B, j) => j !== T);
     }
-    return (A, j) => (i(), d("div", Os, [
-      l("div", Us, [
-        l("div", Ts, [
-          I(vs, {
+    function me() {
+      b.value = !1;
+    }
+    return (T, B) => (i(), d("div", Us, [
+      l("div", Ts, [
+        l("div", Rs, [
+          I(ms, {
             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] = (S) => a.value = S),
+            "onUpdate:modelValue": B[0] || (B[0] = (j) => a.value = j),
             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", Rs, [
+        l("div", Ps, [
           l("input", {
             ref_key: "fileInput",
             ref: v,
-            onChange: V,
+            onChange: M,
             class: "hidden",
             accept: ".json",
             type: "file"
           }, null, 544),
-          l("div", Ps, [
-            l("div", Hs, [
-              l("div", Ns, [
+          l("div", Hs, [
+            l("div", Ns, [
+              l("div", qs, [
                 l("button", {
-                  onClick: U,
+                  onClick: O,
                   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(bs, {
+                  I(ys, {
                     height: "16",
                     width: "16"
                   })
@@ -2547,91 +2554,91 @@ const Ds = /* @__PURE__ */ N(zs, [["render", As]]), Os = { class: "vs-datatable
           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" }])
+            style: ke([{ width: "fit-content", "z-index": "10002", position: "fixed" }, { position: "absolute", top: p.value.top + "px", left: p.value.left + "px" }])
           }, [
-            l("div", qs, [
-              l("div", Gs, [
+            l("div", Gs, [
+              l("div", Js, [
                 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(ks, {
+                  I(_s, {
                     class: "text-black",
                     width: "14",
                     height: "14"
                   }),
-                  j[4] || (j[4] = ve(" Імпортувати ", -1))
+                  B[4] || (B[4] = fe(" Імпортувати "))
                 ]),
                 l("button", {
-                  onClick: M,
+                  onClick: S,
                   class: "text-slate-700 flex items-center px-3 py-2 rounded-md cursor-pointer group hover:bg-gray-100"
                 }, [
-                  l("span", Js, [
-                    I(Vs, {
+                  l("span", Ws, [
+                    I(Ms, {
                       class: "text-black",
                       width: "14",
                       height: "14"
                     }),
-                    j[5] || (j[5] = ve(" Експортувати ", -1))
+                    B[5] || (B[5] = fe(" Експортувати "))
                   ])
                 ])
               ])
             ])
-          ], 4)) : F("", !0)
+          ], 4)) : A("", !0)
         ])),
         l("button", {
           onClick: ue,
           class: "text-slate-700 bg-white hover:bg-gray-100 font-semibold text-[15px] leadig-[18.5px] py-[10px] px-[12px] border border-[#E5E7EB] rounded-[8px] h-[38px] max-h-[38px] gap-[8px] flex items-center"
         }, [
           I(Ue),
-          j[6] || (j[6] = ve(" Додати ", -1))
+          B[6] || (B[6] = fe(" Додати "))
         ])
       ]),
-      l("div", Ws, [
-        l("table", Ks, [
-          l("thead", Zs, [
-            l("tr", Ys, [
-              l("th", Qs, [
+      l("div", Ks, [
+        l("table", Zs, [
+          l("thead", Ys, [
+            l("tr", Qs, [
+              l("th", Xs, [
                 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, (S) => (i(), d("th", {
-                key: S.key,
+              (i(!0), d(ee, null, le(T.colModel, (j) => (i(), d("th", {
+                key: j.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(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))
+              }, P(j.ua || j.label), 1))), 128)),
+              B[7] || (B[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: B({ "[&_tr:last-child]:border-0": !u.value })
+            class: C({ "[&_tr:last-child]:border-0": !u.value })
           }, [
-            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" }, [
+            n.value.length === 0 ? (i(), d("td", en, [
+              l("div", tn, [
+                l("div", ln, [
+                  I(zs, { class: "w-48 mx-auto" }),
+                  B[8] || (B[8] = l("div", { class: "max-w-sm mx-auto mt-6" }, [
                     l("p", { class: "font-medium text-gray-800 dark:text-neutral-200" }, "Нічого не знайдено"),
                     l("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" })
                   ], -1))
                 ])
               ])
-            ])) : F("", !0),
-            (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
+            ])) : A("", !0),
+            (i(!0), d(ee, null, le(n.value, (j, q) => (i(), d("tr", {
+              key: j.id,
+              class: C(["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 === q,
+                "border-t-2 border-b-2 border-blue-500 bg-blue-50 dark:bg-blue-900/20": u.value === q
               }]),
               draggable: "true",
-              onDragstart: (Z) => f(G),
-              onDragover: ge((Z) => y(G), ["prevent"]),
-              onDrop: (Z) => _(G)
+              onDragstart: (Z) => f(q),
+              onDragover: ye((Z) => y(q), ["prevent"]),
+              onDrop: (Z) => _(q)
             }, [
-              l("td", on, [
-                l("div", an, [
+              l("td", an, [
+                l("div", sn, [
                   I(ft, {
                     width: "24",
                     height: "24",
@@ -2639,41 +2646,41 @@ const Ds = /* @__PURE__ */ N(zs, [["render", As]]), Os = { class: "vs-datatable
                   })
                 ])
               ]),
-              (i(!0), d(ee, null, ae(A.colModel, (Z) => (i(), d("td", {
+              (i(!0), d(ee, null, le(T.colModel, (Z) => (i(), d("td", {
                 key: Z.key,
                 class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]"
               }, [
-                Z.type === "file" ? (i(), d("div", sn, [
-                  T(de(S, Z)) ? (i(), d("div", nn, [
+                Z.type === "file" ? (i(), d("div", nn, [
+                  U(de(j, Z)) ? (i(), d("div", rn, [
                     l("img", {
-                      src: de(S, Z),
+                      src: de(j, Z),
                       alt: "alt",
                       width: "45",
                       class: "rounded-md max-w-[45px] h-[45px] object-cover"
-                    }, null, 8, rn)
-                  ])) : (i(), d("div", un, [
+                    }, null, 8, un)
+                  ])) : (i(), d("div", dn, [
                     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: de(S, Z)
-                }, null, 8, dn)) : (i(), d("div", cn, P(de(S, Z)), 1))
+                  innerHTML: de(j, Z)
+                }, null, 8, cn)) : (i(), d("div", pn, P(de(j, Z)), 1))
               ]))), 128)),
-              l("td", pn, [
-                l("div", fn, [
+              l("td", fn, [
+                l("div", vn, [
                   l("button", {
-                    onClick: (Z) => te(S, G),
+                    onClick: (Z) => te(j, q),
                     class: "text-slate-700 inline-flex items-center justify-center whitespace-nowrap font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border rounded-md text-xs h-7 w-7 p-0 border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-700 hover:bg-blue-50 dark:hover:bg-slate-600 hover:border-blue-300 dark:hover:border-slate-500 hover:text-blue-600 dark:hover:text-slate-200 transition-all duration-200 shadow-sm"
                   }, [
-                    I(Ds, {
+                    I(Os, {
                       width: "24",
                       height: "24",
                       class: "w-3 h-3"
                     })
-                  ], 8, vn),
+                  ], 8, mn),
                   l("button", {
-                    onClick: (Z) => ke(G),
+                    onClick: (Z) => _e(q),
                     class: "text-slate-700 inline-flex items-center justify-center whitespace-nowrap font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border rounded-md text-xs h-7 w-7 p-0 border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-700 hover:bg-red-50 dark:hover:bg-slate-600 hover:border-red-300 dark:hover:border-slate-500 hover:text-red-600 dark:hover:text-slate-200 transition-all duration-200 shadow-sm"
                   }, [
                     I(Je, {
@@ -2681,30 +2688,31 @@ const Ds = /* @__PURE__ */ N(zs, [["render", As]]), Os = { class: "vs-datatable
                       height: "24",
                       class: "w-3 h-3"
                     })
-                  ], 8, mn)
+                  ], 8, hn)
                 ])
               ])
-            ], 42, ln))), 128))
+            ], 42, on))), 128))
           ], 2)
         ])
       ]),
       I(J(xt), {
         visible: b.value,
         title: x.value,
-        size: "lg"
+        size: "lg",
+        onClose: me
       }, {
         default: Be(() => [
           I(Te, {
             schema: e.colModel,
-            values: C.value,
-            "onUpdate:values": j[1] || (j[1] = (S) => C.value = S),
+            values: V.value,
+            "onUpdate:values": B[1] || (B[1] = (j) => V.value = j),
             form: se.value,
-            "onUpdate:form": j[2] || (j[2] = (S) => se.value = S)
+            "onUpdate:form": B[2] || (B[2] = (j) => se.value = j)
           }, null, 8, ["schema", "values", "form"]),
-          l("div", hn, [
+          l("div", gn, [
             l("button", {
               type: "button",
-              onClick: j[3] || (j[3] = (S) => b.value = !1),
+              onClick: B[3] || (B[3] = (j) => 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 +2726,7 @@ const Ds = /* @__PURE__ */ N(zs, [["render", As]]), Os = { class: "vs-datatable
       }, 8, ["visible", "title"])
     ]));
   }
-}), bn = {
+}), yn = {
   draw: {
     toolbar: {
       actions: {
@@ -2838,7 +2846,7 @@ function Oe(o) {
     features: (o.features || []).map((e) => Oe(e)).filter(Boolean)
   } : o : null;
 }
-function yn(o) {
+function xn(o) {
   return o ? o.type === "FeatureCollection" || o.type === "Feature" ? Oe(o) : o.geom ? {
     type: "Feature",
     geometry: Oe({
@@ -2852,7 +2860,7 @@ function yn(o) {
     properties: {}
   } : null : null;
 }
-const xn = {}, wn = {
+const wn = {}, kn = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   stroke: "currentColor",
@@ -2862,8 +2870,8 @@ const xn = {}, wn = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-map-pin"
 };
-function kn(o, e) {
-  return i(), d("svg", wn, e[0] || (e[0] = [
+function _n(o, e) {
+  return i(), d("svg", kn, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2873,7 +2881,7 @@ function kn(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 _n = /* @__PURE__ */ N(xn, [["render", kn]]), $n = {}, Cn = {
+const $n = /* @__PURE__ */ N(wn, [["render", _n]]), Vn = {}, Cn = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2883,7 +2891,7 @@ const _n = /* @__PURE__ */ N(xn, [["render", kn]]), $n = {}, Cn = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-line"
 };
-function Vn(o, e) {
+function Mn(o, e) {
   return i(), d("svg", Cn, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
@@ -2895,7 +2903,7 @@ function Vn(o, e) {
     l("path", { d: "M7.5 16.5l9 -9" }, null, -1)
   ]));
 }
-const Mn = /* @__PURE__ */ N($n, [["render", Vn]]), Ln = {}, Sn = {
+const Ln = /* @__PURE__ */ N(Vn, [["render", Mn]]), Sn = {}, Bn = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2905,12 +2913,12 @@ const Mn = /* @__PURE__ */ N($n, [["render", Vn]]), Ln = {}, Sn = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-polygon"
 };
-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)
+function jn(o, e) {
+  return i(), d("svg", Bn, 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)
   ]));
 }
-const jn = /* @__PURE__ */ N(Ln, [["render", Bn]]), In = {}, En = {
+const In = /* @__PURE__ */ N(Sn, [["render", jn]]), En = {}, zn = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2920,12 +2928,12 @@ const jn = /* @__PURE__ */ N(Ln, [["render", Bn]]), In = {}, En = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-topology-ring-3"
 };
-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)
+function An(o, e) {
+  return i(), d("svg", zn, 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)
   ]));
 }
-const Fn = /* @__PURE__ */ N(In, [["render", zn]]), An = {}, Dn = {
+const Fn = /* @__PURE__ */ N(En, [["render", An]]), Dn = {}, On = {
   version: "1.1",
   viewBox: "0 0 14 14",
   xmlns: "http://www.w3.org/2000/svg",
@@ -2933,8 +2941,8 @@ const Fn = /* @__PURE__ */ N(In, [["render", zn]]), An = {}, Dn = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   class: "fullscreen-icon"
 };
-function On(o, e) {
-  return i(), d("svg", Dn, e[0] || (e[0] = [
+function Un(o, e) {
+  return i(), d("svg", On, e[0] || (e[0] = [
     l("title", null, null, -1),
     l("desc", null, null, -1),
     l("defs", null, null, -1),
@@ -2963,10 +2971,10 @@ function On(o, e) {
     ], -1)
   ]));
 }
-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 = {
+const Tn = /* @__PURE__ */ N(Dn, [["render", Un]]), Rn = { class: "form-geom__search" }, Pn = { class: "map-search__input" }, Hn = { class: "flex flex-nowrap relative" }, Nn = { class: "form-autocomplete relative min-w-[6rem] vsTailwind map-search__select hidden" }, qn = { class: "flex items-center w-full" }, Gn = { class: "max-w-[90%] truncate" }, Jn = {
   key: 0,
   class: "absolute z-[3100] mt-0.5 left-0 right-0"
-}, 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 = {
+}, Wn = { 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" }, Kn = { 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" }, Zn = ["onClick"], Yn = { class: "flex justify-between items-center w-full" }, Qn = { class: "flex items-center" }, Xn = {
   key: 0,
   class: "flex-shrink-0 w-3.5 h-3.5 text-blue-600",
   width: "24",
@@ -2977,16 +2985,16 @@ const Un = /* @__PURE__ */ N(An, [["render", On]]), Tn = { class: "form-geom__se
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, Xn = { class: "relative w-full" }, er = { class: "vs-form-text relative bg-white rounded-lg" }, tr = {
+}, er = { class: "relative w-full" }, tr = { class: "vs-form-text relative bg-white rounded-lg" }, lr = {
   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"
-}, lr = { key: 0 }, or = ["onClick"], ar = {
+}, or = { key: 0 }, ar = ["onClick"], sr = {
   key: 1,
   class: "px-3 py-2 text-xs text-gray-500"
-}, sr = {
+}, nr = {
   key: 2,
   class: "px-3 py-2 text-xs text-gray-400"
-}, nr = /* @__PURE__ */ O({
+}, rr = /* @__PURE__ */ F({
   __name: "map-search",
   props: {
     placeholder: { default: "50, 30" }
@@ -3000,37 +3008,37 @@ const Un = /* @__PURE__ */ N(An, [["render", On]]), Tn = { class: "form-geom__se
       { value: "atu", label: "АТУ" },
       { value: "address", label: "Адресса" },
       { value: "search_here", label: "Пошук HERE" }
-    ], 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();
+    ], f = D(() => p.find((S) => S.value === a.value)?.label ?? "АТУ");
+    function y(S) {
+      a.value = S.value, r.value = !1, n.value = "", n.value && E();
     }
-    function _(M) {
-      M.target.closest(".map-search__input") || (r.value = !1);
+    function _(S) {
+      S.target.closest(".map-search__input") || (r.value = !1);
     }
-    be(() => document.addEventListener("click", _)), qe(() => document.removeEventListener("click", _));
-    async function U(M) {
+    xe(() => document.addEventListener("click", _)), qe(() => document.removeEventListener("click", _));
+    async function O(S) {
       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", 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();
+      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();
     }
     function E() {
       if (u.value = !0, c.value = !0, a.value === "coordinates") {
-        const M = n.value.trim().split(",");
-        if (M.length === 2) {
-          const x = parseFloat(M[0]), b = parseFloat(M[1]);
+        const S = n.value.trim().split(",");
+        if (S.length === 2) {
+          const x = parseFloat(S[0]), b = parseFloat(S[1]);
           !Number.isNaN(x) && !Number.isNaN(b) && t("goToCoordinates", [x, b]);
         }
         return;
       }
       v && window.clearTimeout(v), v = window.setTimeout(async () => {
-        const M = n.value.trim();
-        if (!M) {
+        const S = n.value.trim();
+        if (!S) {
           s.value = [], c.value = !1;
           return;
         }
         try {
-          const x = await U(M);
+          const x = await O(S);
           s.value = Array.isArray(x.features) ? x.features : [];
         } catch {
           s.value = [];
@@ -3039,23 +3047,23 @@ const Un = /* @__PURE__ */ N(An, [["render", On]]), Tn = { class: "form-geom__se
         }
       }, 300);
     }
-    function T() {
+    function U() {
       n.value = "", s.value = [], u.value = !1, c.value = !1;
     }
-    function V(M) {
-      t("goToCoordinates", M), u.value = !1, c.value = !1, s.value = [];
+    function M(S) {
+      t("goToCoordinates", S), u.value = !1, c.value = !1, s.value = [];
     }
-    return (M, x) => (i(), d("div", Tn, [
-      l("div", Rn, [
-        l("div", Pn, [
-          l("div", Hn, [
+    return (S, x) => (i(), d("div", Rn, [
+      l("div", Pn, [
+        l("div", Hn, [
+          l("div", Nn, [
             l("button", {
               type: "button",
               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", Nn, [
-                l("span", qn, P(f.value), 1)
+              l("div", qn, [
+                l("span", Gn, 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 +3080,29 @@ const Un = /* @__PURE__ */ N(An, [["render", On]]), Tn = { class: "form-geom__se
                 })
               ], -1))
             ]),
-            r.value ? (i(), d("div", Gn, [
-              l("div", Jn, [
-                l("div", Wn, [
-                  (i(), d(ee, null, ae(p, (b) => l("div", {
+            r.value ? (i(), d("div", Jn, [
+              l("div", Wn, [
+                l("div", Kn, [
+                  (i(), d(ee, null, le(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", Zn, [
-                      l("div", Yn, [
+                    l("div", Yn, [
+                      l("div", Qn, [
                         l("div", null, P(b.label), 1)
                       ]),
-                      b.value === a.value ? (i(), d("svg", Qn, x[4] || (x[4] = [
+                      b.value === a.value ? (i(), d("svg", Xn, x[4] || (x[4] = [
                         l("polyline", { points: "20 6 9 17 4 12" }, null, -1)
-                      ]))) : F("", !0)
+                      ]))) : A("", !0)
                     ])
-                  ], 8, Kn)), 64))
+                  ], 8, Zn)), 64))
                 ])
               ])
-            ])) : F("", !0)
+            ])) : A("", !0)
           ]),
-          l("div", Xn, [
-            l("div", er, [
+          l("div", er, [
+            l("div", tr, [
               x[6] || (x[6] = l("i", { class: "absolute bottom-1/2 translate-y-1/2 left-3 text-gray-500" }, [
                 l("svg", {
                   width: "16",
@@ -3130,7 +3138,7 @@ const Un = /* @__PURE__ */ N(An, [["render", On]]), Tn = { class: "form-geom__se
               ]),
               n.value ? (i(), d("button", {
                 key: 0,
-                onClick: T,
+                onClick: U,
                 class: "absolute right-2 bottom-1/2 translate-y-1/2 text-gray-500 hover:text-red-500",
                 "aria-label": "Очистити",
                 type: "button"
@@ -3149,23 +3157,23 @@ const Un = /* @__PURE__ */ N(An, [["render", On]]), Tn = { class: "form-geom__se
                     "stroke-linejoin": "round"
                   })
                 ], -1)
-              ]))) : F("", !0),
-              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", {
+              ]))) : A("", !0),
+              u.value && a.value !== "coordinates" ? (i(), d("div", lr, [
+                s.value.length ? (i(), d("ul", or, [
+                  (i(!0), d(ee, null, le(s.value, (b) => (i(), d("li", {
                     key: b.properties.place_id,
-                    onClick: (z) => V(b),
+                    onClick: (z) => M(b),
                     class: "px-3 py-2 text-sm cursor-pointer hover:bg-gray-100"
-                  }, P(b.properties.display_name), 9, or))), 128))
-                ])) : c.value ? (i(), d("div", ar, "Шукаю…")) : (i(), d("div", sr, "Нічого не знайдено"))
-              ])) : F("", !0)
+                  }, P(b.properties.display_name), 9, ar))), 128))
+                ])) : c.value ? (i(), d("div", sr, "Шукаю…")) : (i(), d("div", nr, "Нічого не знайдено"))
+              ])) : A("", !0)
             ])
           ])
         ])
       ])
     ]));
   }
-}), 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({
+}), ir = { class: "bg-white/95 p-2 rounded-xl shadow border border-gray-200" }, ur = { class: "flex gap-2" }, dr = ["onClick", "title"], cr = ["src"], pr = /* @__PURE__ */ F({
   __name: "map-layers",
   props: {
     basemaps: {}
@@ -3176,11 +3184,11 @@ const Un = /* @__PURE__ */ N(An, [["render", On]]), Tn = { class: "form-geom__se
     function n(s) {
       a("onLayerChange", s), r.value = s;
     }
-    return (s, u) => (i(), d("div", rr, [
-      l("div", ir, [
-        (i(!0), d(ee, null, ae(s.basemaps, (c, v) => (i(), d("div", {
+    return (s, u) => (i(), d("div", ir, [
+      l("div", ur, [
+        (i(!0), d(ee, null, le(s.basemaps, (c, v) => (i(), d("div", {
           key: v,
-          class: B(["cursor-pointer border rounded-lg overflow-hidden hover:shadow-sm", { "ring-2 ring-blue-500 border-blue-300": r.value === v }]),
+          class: C(["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",
@@ -3190,21 +3198,21 @@ const Un = /* @__PURE__ */ N(An, [["render", On]]), Tn = { class: "form-geom__se
             src: c.preview,
             alt: "",
             class: "w-14 h-14 object-cover"
-          }, null, 8, dr)
-        ], 10, ur))), 128))
+          }, null, 8, cr)
+        ], 10, dr))), 128))
       ])
     ]));
   }
-}), 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 = {
+}), fr = { class: "absolute top-4 left-4 z-[1000] w-[calc(100%-20px)] sm:w-[350px]" }, vr = { class: "form-geom__panel flex gap-1 items-start mt-2" }, mr = { class: "flex items-center gap-1" }, hr = ["disabled"], gr = { class: "absolute top-4 right-4 z-[1000]" }, br = { class: "flex flex-col gap-[2px]" }, yr = ["aria-pressed"], xr = ["aria-pressed"], wr = ["aria-pressed"], kr = ["aria-pressed"], _r = { 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"
-}, $r = { class: "mr-auto" }, Cr = { class: "font-bold" }, Vr = { class: "flex items-center" }, Mr = { class: "text-xs mr-2" }, Lr = {
+}, Vr = { class: "mr-auto" }, Cr = { class: "font-bold" }, Mr = { class: "flex items-center" }, Lr = { class: "text-xs mr-2" }, Sr = {
   key: 0,
   class: "text-xs"
-}, Sr = {
+}, Br = {
   key: 1,
   class: "text-xs"
-}, Br = /* @__PURE__ */ O({
+}, jr = /* @__PURE__ */ F({
   __name: "vs-input-map",
   props: {
     tools: {},
@@ -3220,36 +3228,36 @@ const Un = /* @__PURE__ */ N(An, [["render", On]]), Tn = { class: "form-geom__se
   setup(o, { emit: e }) {
     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 = ce();
-    let T;
-    const V = w("topo100");
-    function M(g) {
-      return g ? g.type === "Polygon" ? {
+    const v = w(null), p = w(null), f = w(6), y = w(0), _ = w(t?.appContext.config.globalProperties.$settings?.center || [50, 30]), O = w(null), E = Z();
+    let U;
+    const M = w("topo100");
+    function S(h) {
+      return h ? h.type === "Polygon" ? {
         type: "MultiPolygon",
-        coordinates: [g.coordinates]
-      } : (g.type === "MultiPolygon", g) : null;
+        coordinates: [h.coordinates]
+      } : (h.type === "MultiPolygon", h) : null;
     }
     function x() {
-      return new Promise((g, k) => {
-        window.L && window.L.Draw && g(0);
+      return new Promise((h, k) => {
+        window.L && window.L.Draw && h(0);
         const R = (Y) => {
-          if (Array.from(document.styleSheets).some((xe) => xe?.href?.includes(Y))) return;
+          if (Array.from(document.styleSheets).some((we) => we?.href?.includes(Y))) return;
           const $e = document.createElement("link");
           $e.rel = "stylesheet", $e.href = Y, document.head.appendChild($e);
-        }, q = (Y) => new Promise((me, $e) => {
-          const xe = Array.from(document.scripts).find((Me) => Me.src === Y);
-          if (xe) {
-            xe.addEventListener("load", () => me()), xe.addEventListener("error", (Me) => $e(Me));
+        }, G = (Y) => new Promise((ge, $e) => {
+          const we = Array.from(document.scripts).find((Me) => Me.src === Y);
+          if (we) {
+            we.addEventListener("load", () => ge()), we.addEventListener("error", (Me) => $e(Me));
             return;
           }
-          const Ve = document.createElement("script");
-          Ve.src = Y, Ve.async = !0, Ve.onload = () => me(), Ve.onerror = (Me) => $e(Me), document.body.appendChild(Ve);
+          const Ce = document.createElement("script");
+          Ce.src = Y, Ce.async = !0, Ce.onload = () => ge(), Ce.onerror = (Me) => $e(Me), document.body.appendChild(Ce);
         });
-        R("https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"), R("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.css"), q("https://unpkg.com/leaflet@1.9.4/dist/leaflet.js").then(() => q("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.js")).then(() => g(0)).catch(k);
+        R("https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"), R("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.css"), G("https://unpkg.com/leaflet@1.9.4/dist/leaflet.js").then(() => G("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.js")).then(() => h(0)).catch(k);
       });
     }
     function b() {
-      const g = u.toGeoJSON(), k = [], R = (Y) => {
+      const h = u.toGeoJSON(), k = [], R = (Y) => {
         if (Y)
           switch (Y.type) {
             case "Polygon":
@@ -3263,86 +3271,86 @@ const Un = /* @__PURE__ */ N(An, [["render", On]]), Tn = { class: "form-geom__se
               break;
           }
       };
-      (g?.features || []).forEach((Y) => R(Y.geometry));
-      const q = k.length ? { type: "MultiPolygon", coordinates: k } : null;
-      a("update:modelValue", q ? M(q) : null), y.value = u.getLayers().length;
+      (h?.features || []).forEach((Y) => R(Y.geometry));
+      const G = k.length ? { type: "MultiPolygon", coordinates: k } : null;
+      a("update:modelValue", G ? S(G) : null), y.value = u.getLayers().length;
     }
-    function z(g = 30) {
+    function z(h = 30) {
       const k = u.getLayers();
       if (!k.length) return;
-      const q = L.featureGroup(k).getBounds();
-      q && q.isValid() && s.fitBounds(q, { padding: [g, g] });
+      const G = L.featureGroup(k).getBounds();
+      G && G.isValid() && s.fitBounds(G, { padding: [h, h] });
     }
     function W() {
       v.value?.click();
     }
-    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";
+    const V = w("");
+    function se(h) {
+      return h instanceof L.Circle ? "Circle" : h instanceof L.Rectangle ? "Rectangle" : h instanceof L.Polygon && !(h instanceof L.Rectangle) ? "Polygon" : h instanceof L.Polyline && !(h instanceof L.Polygon) ? "Polyline" : h instanceof L.Marker ? "Point" : "Feature";
     }
-    function ue(g) {
-      if (g instanceof L.Circle) {
-        const k = g.getRadius();
+    function ue(h) {
+      if (h instanceof L.Circle) {
+        const k = h.getRadius();
         return Math.PI * (k * k) / 1e6;
       }
-      if (g instanceof L.Polygon || g instanceof L.Rectangle)
+      if (h instanceof L.Polygon || h instanceof L.Rectangle)
         try {
-          const k = g.getLatLngs(), R = Array.isArray(k[0]) ? k[0] : k, q = L.GeometryUtil?.geodesicArea ? L.GeometryUtil.geodesicArea(R) : 0;
-          return q ? q / 1e6 : 0;
+          const k = h.getLatLngs(), R = Array.isArray(k[0]) ? k[0] : k, G = L.GeometryUtil?.geodesicArea ? L.GeometryUtil.geodesicArea(R) : 0;
+          return G ? G / 1e6 : 0;
         } catch {
           return null;
         }
       return null;
     }
-    function de(g) {
-      return g instanceof L.Circle ? g.getLatLng() : g.getBounds ? g.getBounds().getCenter() : g.getLatLng ? g.getLatLng() : s.getCenter();
+    function de(h) {
+      return h instanceof L.Circle ? h.getLatLng() : h.getBounds ? h.getBounds().getCenter() : h.getLatLng ? h.getLatLng() : s.getCenter();
     }
     function te() {
-      const g = u.getLayers();
-      if (!g.length) {
-        U.value = null, y.value = 0;
+      const h = u.getLayers();
+      if (!h.length) {
+        O.value = null, y.value = 0;
         return;
       }
-      const k = g[g.length - 1], R = se(k), q = de(k), Y = ue(k);
-      U.value = {
+      const k = h[h.length - 1], R = se(k), G = de(k), Y = ue(k);
+      O.value = {
         type: R,
-        center: q,
+        center: G,
         areaKm2: Y,
         layer: k
-      }, y.value = g.length;
+      }, y.value = h.length;
     }
     function ze() {
-      const g = U.value?.layer;
-      g && (g instanceof L.Circle && g.getBounds ? s.fitBounds(g.getBounds(), { padding: [30, 30] }) : g.getBounds ? s.fitBounds(g.getBounds(), { padding: [30, 30] }) : g.getLatLng && s.setView(g.getLatLng(), Math.max(f.value, 14)));
+      const h = O.value?.layer;
+      h && (h instanceof L.Circle && h.getBounds ? s.fitBounds(h.getBounds(), { padding: [30, 30] }) : h.getBounds ? s.fitBounds(h.getBounds(), { padding: [30, 30] }) : h.getLatLng && s.setView(h.getLatLng(), Math.max(f.value, 14)));
     }
-    function ke() {
-      const g = U.value?.layer;
-      g && (u.removeLayer(g), b(), te());
+    function _e() {
+      const h = O.value?.layer;
+      h && (u.removeLayer(h), b(), te());
     }
-    be(async () => {
-      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(), C.value = "";
+    xe(async () => {
+      await x(), L.drawLocal = yn, s = L.map(n.value, { zoomControl: !1 }).setView(_.value, 10), L.control.zoom({ position: "bottomright" }).addTo(s), M.value = Object.keys(E)[0], U = 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) => {
+        const { layer: G } = R;
+        u.clearLayers(), u.addLayer(G), b(), te(), z(), V.value = "";
       }), s.on(L.Draw.Event.EDITED, () => {
         b(), te(), z();
       }), s.on(L.Draw.Event.DELETED, () => {
         b(), te(), z();
       });
-      let g = !1;
+      let h = !1;
       s.on("mousemove", (R) => {
-        g || (s.invalidateSize(), g = !0), p.value = R.latlng;
+        h || (s.invalidateSize(), h = !0), p.value = R.latlng;
       }), s.on("zoomend", () => {
         f.value = s.getZoom();
       });
-      const k = yn(r.modelValue);
+      const k = xn(r.modelValue);
       if (k) {
         const R = [];
-        L.geoJSON(k).eachLayer((q) => R.push(q)), R.length && u.addLayer(R[0]), b(), te(), z();
+        L.geoJSON(k).eachLayer((G) => R.push(G)), R.length && u.addLayer(R[0]), b(), te(), z();
       }
     });
-    function A(g) {
+    function me(h) {
       if (s) {
-        switch (c && c.disable(), g) {
+        switch (c && c.disable(), h) {
           case "marker":
             c = new L.Draw.Marker(s);
             break;
@@ -3359,55 +3367,54 @@ const Un = /* @__PURE__ */ N(An, [["render", On]]), Tn = { class: "form-geom__se
             c = new L.Draw.Rectangle(s);
             break;
         }
-        c && (c.enable(), C.value = g);
+        c && (c.enable(), V.value = h);
       }
     }
-    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 T() {
+      const h = u.toGeoJSON(), k = new Blob([JSON.stringify(h, null, 2)], { type: "application/json" }), R = URL.createObjectURL(k), G = document.createElement("a");
+      G.href = R, G.download = "data.geojson", G.click(), URL.revokeObjectURL(R);
     }
-    function S(g) {
-      const k = g.target.files?.[0];
+    function B(h) {
+      const k = h.target.files?.[0];
       if (!k) return;
       const R = new FileReader();
       R.onload = () => {
         if (typeof R.result == "string")
           try {
-            const q = JSON.parse(R.result);
-            u.clearLayers(), q && L.geoJSON({ type: "Feature", geometry: q }).eachLayer((Y) => {
+            const G = JSON.parse(R.result);
+            u.clearLayers(), G && L.geoJSON({ type: "Feature", geometry: G }).eachLayer((Y) => {
               u.addLayer(Y);
             }), b(), te(), z();
           } finally {
-            g.target.value = "";
+            h.target.value = "";
           }
       }, R.readAsText(k);
     }
-    function G(g) {
-      s && (T && s.removeLayer(T), T = L.tileLayer(E[g].url, { maxZoom: 19, minZoom: 6 }).addTo(s), V.value = g);
+    function j(h) {
+      s && (U && s.removeLayer(U), U = L.tileLayer(E[h].url, { maxZoom: 19, minZoom: 6 }).addTo(s), M.value = h);
     }
-    function Z(g) {
-      const k = L.latLng(g[0], g[1]);
+    function q(h) {
+      const k = L.latLng(h[0], h[1]);
       s.setView(k, 13);
     }
-    le(
+    ae(
       () => r.modelValue,
-      (g) => {
-        console.log("update map");
-        const k = M(g);
-        if (g && k !== g) {
+      (h) => {
+        const k = S(h);
+        if (h && k !== h) {
           a("update:modelValue", k);
           return;
         }
         u.clearLayers(), k && L.geoJSON({ type: "Feature", geometry: k }).eachLayer((R) => {
-          u.addLayer(R), R.dragging?.enable(), R.dragging?.enabled(), R.on("dragend", (q) => {
-            const me = q.target.getLatLng();
-            a("update:modelValue", { type: "Point", coordinates: [me.lng, me.lat] });
+          u.addLayer(R), R.dragging?.enable(), R.dragging?.enabled(), R.on("dragend", (G) => {
+            const ge = G.target.getLatLng();
+            a("update:modelValue", { type: "Point", coordinates: [ge.lng, ge.lat] });
           });
         }), y.value = u.getLayers().length, te(), z();
       }
     );
-    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 }), {}) : {
+    function Z() {
+      return t?.appContext.config.globalProperties.$settings?.basemaps ? t?.appContext.config.globalProperties.$settings?.basemaps.map((h, k) => Object.assign(h, { key: `b${k}`, preview: h.preview || h.url.replace("{z}/{x}/{y}.png", "13/4790/2762.png") })).reduce((h, k) => ({ ...h, [k.key]: k }), {}) : {
         topo100: {
           url: "https://data.gki.com.ua/api-user/rtile/voyager/ua/{z}/{x}/{y}.png",
           preview: "https://data.gki.com.ua/api-user/rtile/voyager/ua/13/4790/2762.png"
@@ -3422,23 +3429,23 @@ const Un = /* @__PURE__ */ N(An, [["render", On]]), Tn = { class: "form-geom__se
         }
       };
     }
-    const _e = w(!1);
-    return le(_e, () => {
+    const he = w(!1);
+    return ae(he, () => {
       setTimeout(() => {
         s.invalidateSize();
       }, 50);
-    }), (g, k) => (i(), d("div", {
-      class: B(["leaflet-map-wrapper relative w-full h-[400px]", { fullscreen: _e.value }])
+    }), (h, k) => (i(), d("div", {
+      class: C(["leaflet-map-wrapper relative w-full h-[400px]", { fullscreen: he.value }])
     }, [
       l("div", {
         ref_key: "mapContainer",
         ref: n,
         class: "w-full h-full"
       }, null, 512),
-      l("div", pr, [
-        I(nr, { onGoToCoordinates: Z }),
-        l("div", fr, [
-          l("div", vr, [
+      l("div", fr, [
+        I(rr, { onGoToCoordinates: q }),
+        l("div", vr, [
+          l("div", mr, [
             l("button", {
               type: "button",
               class: "vs-btn-row",
@@ -3447,94 +3454,94 @@ const Un = /* @__PURE__ */ N(An, [["render", On]]), Tn = { class: "form-geom__se
             l("button", {
               type: "button",
               class: "vs-btn-row",
-              onClick: j,
+              onClick: T,
               disabled: y.value === 0
-            }, "Export ", 8, mr)
+            }, "Export ", 8, hr)
           ]),
           l("input", {
             ref_key: "importRef",
             ref: v,
             type: "file",
-            onChange: S,
+            onChange: B,
             accept: ".json,.geojson",
             class: "hidden"
           }, null, 544)
         ])
       ]),
-      l("div", hr, [
-        l("div", gr, [
+      l("div", gr, [
+        l("div", br, [
           l("button", {
-            class: B(["vs-btn", { "vs-active": C.value === "marker" }]),
-            "aria-pressed": C.value === "marker",
+            class: C(["vs-btn", { "vs-active": V.value === "marker" }]),
+            "aria-pressed": V.value === "marker",
             title: "Point (P)",
             "aria-label": "Draw point",
-            onClick: k[0] || (k[0] = (R) => A("marker"))
+            onClick: k[0] || (k[0] = (R) => me("marker"))
           }, [
-            I(_n)
-          ], 10, br),
+            I($n)
+          ], 10, yr),
           l("button", {
-            class: B(["vs-btn", { "vs-active": C.value === "polyline" }]),
-            "aria-pressed": C.value === "polyline",
+            class: C(["vs-btn", { "vs-active": V.value === "polyline" }]),
+            "aria-pressed": V.value === "polyline",
             title: "Line (L)",
             "aria-label": "Draw polyline",
-            onClick: k[1] || (k[1] = (R) => A("polyline"))
+            onClick: k[1] || (k[1] = (R) => me("polyline"))
           }, [
-            I(Mn)
-          ], 10, yr),
+            I(Ln)
+          ], 10, xr),
           l("button", {
-            class: B(["vs-btn", { "vs-active": C.value === "polygon" }]),
-            "aria-pressed": C.value === "polygon",
+            class: C(["vs-btn", { "vs-active": V.value === "polygon" }]),
+            "aria-pressed": V.value === "polygon",
             title: "Polygon (G)",
             "aria-label": "Draw polygon",
-            onClick: k[2] || (k[2] = (R) => A("polygon"))
+            onClick: k[2] || (k[2] = (R) => me("polygon"))
           }, [
-            I(jn)
-          ], 10, xr),
+            I(In)
+          ], 10, wr),
           l("button", {
-            class: B(["vs-btn", { "vs-active": C.value === "rectangle" }]),
-            "aria-pressed": C.value === "rectangle",
+            class: C(["vs-btn", { "vs-active": V.value === "rectangle" }]),
+            "aria-pressed": V.value === "rectangle",
             title: "Rectangle (R)",
             "aria-label": "Draw rectangle",
-            onClick: k[3] || (k[3] = (R) => A("rectangle"))
+            onClick: k[3] || (k[3] = (R) => me("rectangle"))
           }, [
             I(Fn)
-          ], 10, wr),
+          ], 10, kr),
           l("button", {
             class: "vs-btn mt-5",
             onClick: k[4] || (k[4] = (R) => {
-              _e.value = !_e.value;
+              he.value = !he.value;
             }),
             title: "Full Screen",
             "aria-label": "Full Screen"
           }, [
-            I(Un, { style: { width: "12px", height: "12px" } })
+            I(Tn, { style: { width: "12px", height: "12px" } })
           ])
         ])
       ]),
       l("div", {
-        class: B(["absolute left-4 z-[1000]", U.value ? "bottom-8" : "bottom-4"])
+        class: C(["absolute left-4 z-[1000]", O.value ? "bottom-8" : "bottom-4"])
       }, [
-        I(cr, {
+        I(pr, {
           basemaps: J(E),
-          onOnLayerChange: G
+          onOnLayerChange: j
         }, null, 8, ["basemaps"])
       ], 2),
-      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", _r, [
+        O.value ? (i(), d("div", $r, [
           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)
+            k[7] || (k[7] = fe(" Тип: ")),
+            l("span", Cr, P(O.value.type), 1)
+          ]),
+          l("div", Mr, [
+            l("div", Lr, [
+              k[8] || (k[8] = fe(" Центр: ")),
+              l("b", null, P(O.value.center.lat.toFixed(5)) + ", " + P(O.value.center.lng.toFixed(5)), 1)
             ]),
-            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", Sr, k[10] || (k[10] = [
-              ve(" Площа: ", -1),
+            O.value.areaKm2 !== null ? (i(), d("div", Sr, [
+              k[9] || (k[9] = fe(" Площа: ")),
+              l("b", null, P(O.value.areaKm2.toFixed(1)) + "км²", 1)
+            ])) : (i(), d("div", Br, k[10] || (k[10] = [
+              fe(" Площа: "),
               l("b", null, "—", -1)
             ]))),
             l("button", {
@@ -3542,24 +3549,24 @@ const Un = /* @__PURE__ */ N(An, [["render", On]]), Tn = { class: "form-geom__se
               title: "Наблизити",
               onClick: k[5] || (k[5] = (R) => ze())
             }, k[11] || (k[11] = [
-              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)
+              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-a10e125c><path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" data-v-a10e125c></path><path d="M7 10l6 0" data-v-a10e125c></path><path d="M10 7l0 6" data-v-a10e125c></path><path d="M21 21l-6 -6" data-v-a10e125c></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())
+              onClick: k[6] || (k[6] = (R) => _e())
             }, [
               I(Je, { class: "w-3 h-3" })
             ])
           ])
-        ])) : F("", !0)
+        ])) : A("", !0)
       ])
     ], 2));
   }
-}), 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 = {
+}), Ir = /* @__PURE__ */ N(jr, [["__scopeId", "data-v-a10e125c"]]), Er = ["data-focus"], zr = { class: "flex items-center" }, Ar = { 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"], Dr = {
   key: 0,
   class: "absolute text-gray-500 truncate pl-2"
-}, Dr = { class: "flex-1 min-w-[2px]" }, Or = ["placeholder"], Ur = { class: "flex items-center shrink-0" }, Tr = ["disabled"], Rr = /* @__PURE__ */ O({
+}, Or = { class: "flex-1 min-w-[2px]" }, Ur = ["placeholder"], Tr = { class: "flex items-center shrink-0" }, Rr = ["disabled"], Pr = /* @__PURE__ */ F({
   __name: "vs-input-tag",
   props: /* @__PURE__ */ Q({
     unique: { type: Boolean, default: !0 },
@@ -3577,68 +3584,68 @@ const Un = /* @__PURE__ */ N(An, [["render", On]]), Tn = { class: "form-geom__se
   emits: /* @__PURE__ */ Q(["update:modelValue"], ["update:modelValue"]),
   setup(o, { emit: e }) {
     const t = o, r = e;
-    ye(t.style);
-    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 () => {
+    ve(t.style);
+    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), O = async () => {
       _.value || await De(() => s.value?.focus());
     }, E = (W) => {
-      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 V = W.trim();
+      V !== "" && (!v.value || !Array.isArray(v.value) ? v.value = [V] : t.unique ? v.value.includes(V) || (v.value = [...v.value, V]) : v.value = [...v.value, V], c.value = "");
+    }, U = () => {
       const W = c.value;
       W.trim() !== "" && E(W), c.value = "";
-    }, V = (W) => {
-      const C = v.value.slice();
-      C.splice(W, 1), r("update:modelValue", C);
-    }, M = () => {
+    }, M = (W) => {
+      const V = v.value.slice();
+      V.splice(W, 1), r("update:modelValue", V);
+    }, S = () => {
       r("update:modelValue", []);
     }, x = () => {
       _.value || (u.value = !0);
     }, b = () => {
       u.value = !1;
     }, z = (W) => {
-      const { key: C } = W;
-      C === "Enter" ? (W.preventDefault(), T()) : C === "Backspace" && c.value === "" && v.value.length > 0 && V(v.value.length - 1);
+      const { key: V } = W;
+      V === "Enter" ? (W.preventDefault(), U()) : V === "Backspace" && c.value === "" && v.value.length > 0 && M(v.value.length - 1);
     };
-    return (W, C) => (i(), d("div", {
+    return (W, V) => (i(), d("div", {
       class: "flex gap-1 w-full",
       ref_key: "root",
       ref: a,
-      onClick: C[1] || (C[1] = ge(() => {
+      onClick: V[1] || (V[1] = ye(() => {
       }, ["stop"]))
     }, [
       l("div", {
-        class: B(["relative w-full font-sans", t.customClass]),
+        class: C(["relative w-full font-sans", t.customClass]),
         role: "group",
         "aria-label": "Tag input"
       }, [
         l("div", {
-          class: B([
+          class: C([
             "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" : "",
             _.value ? "bg-gray-100 text-gray-400 cursor-not-allowed hover:border-gray-300" : ""
           ]),
           "data-focus": u.value ? "true" : "false",
-          onClick: U
+          onClick: O
         }, [
           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: n
           }, [
-            (i(!0), d(ee, null, ae(v.value, (se, ue) => (i(), d("div", {
+            (i(!0), d(ee, null, le(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", Er, [
-                l("div", zr, P(se), 1)
+              l("div", zr, [
+                l("div", Ar, 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((de) => V(ue), ["stop"]),
+                onClick: ye((de) => M(ue), ["stop"]),
                 "aria-label": `Remove ${se}`
-              }, C[2] || (C[2] = [
+              }, V[2] || (V[2] = [
                 l("svg", {
                   height: "14",
                   width: "14",
@@ -3651,9 +3658,9 @@ const Un = /* @__PURE__ */ N(An, [["render", On]]), Tn = { class: "form-geom__se
                 ], -1)
               ]), 8, Fr)
             ]))), 128)),
-            f.value ? (i(), d("div", Ar, P(p.value), 1)) : F("", !0),
-            l("div", Dr, [
-              _.value ? F("", !0) : K((i(), d("input", {
+            f.value ? (i(), d("div", Dr, P(p.value), 1)) : A("", !0),
+            l("div", Or, [
+              _.value ? A("", !0) : K((i(), d("input", {
                 key: 0,
                 ref_key: "inputRef",
                 ref: s,
@@ -3665,25 +3672,25 @@ const Un = /* @__PURE__ */ N(An, [["render", On]]), Tn = { class: "form-geom__se
                 type: "text",
                 tabindex: "0",
                 "aria-label": "Add tag",
-                "onUpdate:modelValue": C[0] || (C[0] = (se) => c.value = se),
+                "onUpdate:modelValue": V[0] || (V[0] = (se) => c.value = se),
                 onFocus: x,
                 onBlur: b,
                 onKeydown: z,
                 placeholder: v.value && v.value.length ? "" : void 0
-              }, null, 40, Or)), [
+              }, null, 40, Ur)), [
                 [ie, c.value]
               ])
             ])
           ], 512),
-          l("div", Ur, [
+          l("div", Tr, [
             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(M, ["stop"])
-            }, C[3] || (C[3] = [
+              onClick: ye(S, ["stop"])
+            }, V[3] || (V[3] = [
               l("svg", {
                 height: "20",
                 width: "20",
@@ -3692,13 +3699,13 @@ const Un = /* @__PURE__ */ N(An, [["render", On]]), Tn = { 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, Tr)) : F("", !0)
+            ]), 8, Rr)) : A("", !0)
           ])
-        ], 10, Ir)
+        ], 10, Er)
       ], 2)
     ], 512));
   }
-}), Pr = { class: "relative flex gap-1 bg-white w-full" }, Hr = ["disabled", "placeholder"], Nr = /* @__PURE__ */ O({
+}), Hr = { class: "relative flex gap-1 bg-white w-full" }, Nr = ["disabled", "placeholder"], qr = /* @__PURE__ */ F({
   __name: "vs-input-slug",
   props: /* @__PURE__ */ Q({
     disabled: { type: Boolean },
@@ -3757,14 +3764,14 @@ const Un = /* @__PURE__ */ N(An, [["render", On]]), Tn = { class: "form-geom__se
       const s = e?.value?.[t.parent || ""]?.toString(), u = a(s);
       r.value = u.toString();
     };
-    return (s, u) => (i(), d("div", Pr, [
+    return (s, u) => (i(), d("div", Hr, [
       K(l("input", {
         ref: "vsText",
         disabled: s.disabled,
         placeholder: s.placeholder,
         "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, Hr), [
+      }, null, 8, Nr), [
         [ie, r.value]
       ]),
       l("button", {
@@ -3773,13 +3780,13 @@ const Un = /* @__PURE__ */ N(An, [["render", On]]), Tn = { class: "form-geom__se
       }, " Gen ")
     ]));
   }
-}), qr = /* @__PURE__ */ N(Nr, [["__scopeId", "data-v-b0eba370"]]), Gr = { class: "w-full" }, Jr = {
+}), Gr = /* @__PURE__ */ N(qr, [["__scopeId", "data-v-b0eba370"]]), Jr = { class: "w-full" }, Wr = {
   ref: "sortableContainer",
   class: "flex flex-col gap-1"
-}, Wr = ["onDragstart", "onDrop"], Kr = { class: "w-1/3" }, Zr = { class: "w-2/3" }, Yr = ["onClick"], Qr = {
+}, Kr = ["onDragstart", "onDrop"], Zr = { class: "w-1/3" }, Yr = { class: "w-2/3" }, Qr = ["onClick"], Xr = {
   key: 0,
   class: "text-[14px] text-gray-700"
-}, Xr = { class: "mt-2 w-full flex items-center" }, ei = ["disabled"], ti = /* @__PURE__ */ O({
+}, ei = { class: "mt-2 w-full flex items-center" }, ti = ["disabled"], li = /* @__PURE__ */ F({
   __name: "vs-input-key-value",
   props: {
     parent: {},
@@ -3789,88 +3796,88 @@ const Un = /* @__PURE__ */ N(An, [["render", On]]), Tn = { class: "form-geom__se
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    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 = (U) => `${U}-${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 && r?.value?.[a.parent] || a.modelValue || {};
-      c.value = Object.entries(T).filter(([V]) => !u.includes(V)).map(([V, M]) => ({
+      const U = a.parent && r?.value?.[a.parent] || a.modelValue || {};
+      c.value = Object.entries(U).filter(([M]) => !u.includes(M)).map(([M, S]) => ({
         id: t("key-value-"),
-        key: V,
-        value: M
+        key: M,
+        value: S
       }));
     })();
-    function f(T) {
-      v.value = T;
+    function f(U) {
+      v.value = U;
     }
-    function y(T) {
-      if (v.value === null || v.value === T) return;
-      const V = c.value.splice(v.value, 1)[0];
-      c.value.splice(T, 0, V), v.value = null;
+    function y(U) {
+      if (v.value === null || v.value === U) return;
+      const M = c.value.splice(v.value, 1)[0];
+      c.value.splice(U, 0, M), v.value = null;
     }
     const _ = D(
-      () => c.value.some((T) => T.key && !T.value || !T.key && T.value)
-    ), U = () => {
+      () => c.value.some((U) => U.key && !U.value || !U.key && U.value)
+    ), O = () => {
       c.value.push({ id: t("key-value-"), key: "", value: "" });
-    }, E = (T) => {
-      c.value = c.value.filter((V) => V.id !== T);
+    }, E = (U) => {
+      c.value = c.value.filter((M) => M.id !== U);
     };
-    return le(
+    return ae(
       c,
-      (T) => {
-        const V = {};
-        T.forEach((x) => {
-          x.key && x.value !== void 0 && (V[x.key] = x.value);
-        });
+      (U) => {
         const M = {};
+        U.forEach((x) => {
+          x.key && x.value !== void 0 && (M[x.key] = x.value);
+        });
+        const S = {};
         u.length && u.forEach((x) => {
-          M[x] = a.parent ? r?.value?.[a.parent]?.[x] : void 0;
+          S[x] = a.parent ? r?.value?.[a.parent]?.[x] : void 0;
         }), r?.value && a.parent && (r.value[a.parent] = {
-          ...M,
-          ...V
-        }), n("update:modelValue", V);
+          ...S,
+          ...M
+        }), n("update:modelValue", M);
       },
       { deep: !0 }
-    ), (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 }]),
+    ), (U, M) => (i(), d("div", Jr, [
+      l("div", Wr, [
+        (i(!0), d(ee, null, le(c.value, (S, x) => (i(), d("div", {
+          key: S.id,
+          class: C(["flex items-center gap-2 w-full", { "opacity-50": v.value === x }]),
           draggable: "true",
           onDragstart: (b) => f(x),
-          onDragover: V[0] || (V[0] = ge(() => {
+          onDragover: M[0] || (M[0] = ye(() => {
           }, ["prevent"])),
           onDrop: (b) => y(x)
         }, [
-          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, [
+          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", Zr, [
             I(Ne, {
-              modelValue: M.key,
-              "onUpdate:modelValue": (b) => M.key = b,
+              modelValue: S.key,
+              "onUpdate:modelValue": (b) => S.key = b,
               placeholder: "Ключ"
             }, null, 8, ["modelValue", "onUpdate:modelValue"])
           ]),
-          l("div", Zr, [
+          l("div", Yr, [
             I(Ne, {
-              modelValue: M.value,
-              "onUpdate:modelValue": (b) => M.value = b,
+              modelValue: S.value,
+              "onUpdate:modelValue": (b) => S.value = b,
               placeholder: "Значення"
             }, null, 8, ["modelValue", "onUpdate:modelValue"])
           ]),
           l("button", {
-            onClick: (b) => E(M.id),
+            onClick: (b) => E(S.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(Dl), {
+            I(J(Ol), {
               height: "16",
               width: "16"
             })
-          ], 8, Yr)
-        ], 42, Wr))), 128))
+          ], 8, Qr)
+        ], 42, Kr))), 128))
       ], 512),
-      c.value.length ? F("", !0) : (i(), d("span", Qr, " Дані для відображення відсутні ")),
-      l("div", Xr, [
+      c.value.length ? A("", !0) : (i(), d("span", Xr, " Дані для відображення відсутні ")),
+      l("div", ei, [
         l("button", {
           type: "button",
-          onClick: U,
+          onClick: O,
           disabled: _.value,
           class: "py-1.5 px-2 flex items-center gap-x-1 text-xs font-medium rounded-full border border-dashed border-gray-200 bg-white text-gray-800 hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed"
         }, [
@@ -3878,12 +3885,12 @@ const Un = /* @__PURE__ */ N(An, [["render", On]]), Tn = { class: "form-geom__se
             height: "14",
             width: "14"
           }),
-          ve(" " + P(J(s)), 1)
-        ], 8, ei)
+          fe(" " + P(J(s)), 1)
+        ], 8, ti)
       ])
     ]));
   }
-}), li = /* @__PURE__ */ N(ti, [["__scopeId", "data-v-a0f7fbfc"]]), oi = { class: "flex items-center gap-2 w-full" }, ai = ["disabled"], si = /* @__PURE__ */ O({
+}), oi = /* @__PURE__ */ N(li, [["__scopeId", "data-v-a0f7fbfc"]]), ai = { class: "flex items-center gap-2 w-full" }, si = ["disabled"], ni = /* @__PURE__ */ F({
   __name: "vs-input-color",
   props: {
     style: { default: () => ({}) },
@@ -3896,19 +3903,19 @@ const Un = /* @__PURE__ */ N(An, [["render", On]]), Tn = { class: "form-geom__se
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, { inputClass: r } = ye(t.style), a = e, n = D({
+    const t = o, { inputClass: r } = ve(t.style), a = e, n = D({
       get: () => t.modelValue || "#000000",
       set: (s) => a("update:modelValue", s)
     });
-    return (s, u) => (i(), d("div", oi, [
+    return (s, u) => (i(), d("div", ai, [
       K(l("input", {
         type: "color",
         "onUpdate:modelValue": u[0] || (u[0] = (c) => n.value = c),
         disabled: s.disabled,
         ref: "color",
-        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(" ")]),
+        class: C(["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, ai), [
+      }, null, 10, si), [
         [ie, n.value]
       ]),
       K(l("input", {
@@ -3919,7 +3926,7 @@ const Un = /* @__PURE__ */ N(An, [["render", On]]), Tn = { class: "form-geom__se
       ])
     ]));
   }
-}), ni = { class: "flex items-center gap-2 w-full" }, ri = ["min", "max", "step", "disabled"], ii = /* @__PURE__ */ O({
+}), ri = { class: "flex items-center gap-2 w-full" }, ii = ["min", "max", "step", "disabled"], ui = /* @__PURE__ */ F({
   __name: "vs-input-range",
   props: {
     style: { default: () => ({}) },
@@ -3935,11 +3942,11 @@ const Un = /* @__PURE__ */ N(An, [["render", On]]), Tn = { class: "form-geom__se
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, { inputClass: r } = ye(t.style), a = e, n = D({
+    const t = o, { inputClass: r } = ve(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", ni, [
+    return (s, u) => (i(), d("div", ri, [
       K(l("input", {
         type: "range",
         "onUpdate:modelValue": u[0] || (u[0] = (c) => n.value = c),
@@ -3948,8 +3955,8 @@ const Un = /* @__PURE__ */ N(An, [["render", On]]), Tn = { class: "form-geom__se
         step: s.step,
         disabled: s.disabled,
         ref: "range",
-        class: B(["w-full cursor-pointer accent-blue-500", [s.modelValue ? "" : "text-opacity-50", J(r)].join(" ")])
-      }, null, 10, ri), [
+        class: C(["w-full cursor-pointer accent-blue-500", [s.modelValue ? "" : "text-opacity-50", J(r)].join(" ")])
+      }, null, 10, ii), [
         [ie, n.value]
       ]),
       K(l("input", {
@@ -3961,34 +3968,82 @@ const Un = /* @__PURE__ */ N(An, [["render", On]]), Tn = { class: "form-geom__se
       ])
     ]));
   }
-}), ui = {
+}), di = ["type", "value", "onInput", "placeholder", "disabled"], ci = /* @__PURE__ */ F({
+  __name: "vs-input-array",
+  props: /* @__PURE__ */ Q({
+    count: { default: 1 },
+    limit: { default: (o) => o.count ?? 1 },
+    inputType: { default: "text" },
+    style: { default: () => ({}) },
+    customClass: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    modelValue: {},
+    error: { default: "" },
+    name: {},
+    placeholder: { default: "" }
+  }, {
+    modelValue: { default: [] },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(o) {
+    const e = o, { inputClass: t } = ve(e.style), r = X(o, "modelValue");
+    Ut(() => {
+      const n = r.value?.length ?? 0;
+      n < e.count && (r.value = [
+        ...r.value ?? [],
+        ...Array(e.count - n)
+      ]);
+    });
+    function a(n, s) {
+      const u = n.target.value, c = [...r.value];
+      c[s] = e.inputType === "text" ? u : Number(u), r.value = c;
+    }
+    return (n, s) => (i(), d("div", {
+      class: C(["grid gap-2", `grid-cols-${n.limit}`])
+    }, [
+      (i(!0), d(ee, null, le(n.count, (u) => (i(), d("input", {
+        type: n.inputType,
+        value: r.value?.[u - 1] ?? "",
+        onInput: (c) => a(c, u - 1),
+        placeholder: n.placeholder,
+        disabled: n.disabled,
+        class: C(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [J(t), { "!border-red-600": n.error }]]),
+        style: {
+          border: "1px solid #CFD9E0"
+        }
+      }, null, 42, di))), 256))
+    ], 2));
+  }
+}), pi = {
   VsInputText: Ne,
   VsInputRadio: ut,
   "vs-input-text": Ne,
-  "vs-input-password": cl,
-  "vs-input-textarea": ds,
-  "vs-input-mask": Wl,
-  "vs-input-number": vl,
+  "vs-input-password": pl,
+  "vs-input-textarea": cs,
+  "vs-input-mask": Kl,
+  "vs-input-number": ml,
   "vs-input-radio": ut,
   "vs-input-select": pt,
   "vs-input-switcher": kt,
   "vs-input-static": it,
-  "vs-input-container": Wa,
-  "vs-input-date": io,
-  "vs-input-checkbox": no,
-  "vs-input-file": Jo,
+  "vs-input-container": Ka,
+  "vs-input-date": uo,
+  "vs-input-checkbox": ro,
+  "vs-input-file": Wo,
   "vs-input-html": it,
-  "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
-}, di = /* @__PURE__ */ O({
+  "vs-input-email": Ql,
+  "vs-input-datatable": bn,
+  "vs-input-map": Ir,
+  "vs-input-file-list": $a,
+  "vs-input-tags": Pr,
+  "vs-input-slug": Gr,
+  "vs-input-key-value": oi,
+  "vs-input-range": ui,
+  "vs-input-color": ni,
+  "vs-input-native-select": pt,
+  "vs-input-array": ci
+}, fi = /* @__PURE__ */ F({
   __name: "behavior",
   props: {
     api: {},
@@ -4020,10 +4075,10 @@ const Un = /* @__PURE__ */ N(An, [["render", On]]), Tn = { class: "form-geom__se
       class: "vs-button relative inline-flex border-solid justify-center items-center gap-2 rounded-md font-semibold focus:outline-none text-sm transition-all border !border-gray-200 hover:text-white bg-white text-blue-500 hover:border-blue-500 hover:bg-blue-500 focus:ring-blue-500 py-1.5 px-5 focus:ring-1 focus:ring-offset-1 ml-0 md:ml-2 mt-2 md:mt-0 py-[8px] md:w-2/4 whitespace-nowrap w-full"
     }, P(a.button), 1));
   }
-}), ci = { class: "flex flex-col gap-1 w-full" }, pi = {
+}), vi = { class: "flex flex-col gap-1 w-full" }, mi = {
   key: 0,
   class: "text-sm text-gray-500"
-}, Vt = /* @__PURE__ */ O({
+}, Ct = /* @__PURE__ */ F({
   __name: "vs-compact-form-layout",
   props: /* @__PURE__ */ Q({
     item: { default: {} },
@@ -4037,7 +4092,7 @@ const Un = /* @__PURE__ */ N(An, [["render", On]]), Tn = { class: "form-geom__se
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = X(o, "modelValue"), r = D(() => ul[`${e.layout}`]), a = D(() => ui?.[`vs-input-${e.item.type}`]), n = D(() => {
+    const e = o, t = X(o, "modelValue"), r = D(() => dl[`${e.layout}`]), a = D(() => pi?.[`vs-input-${e.item.type}`]), n = D(() => {
       const u = J(a);
       if (!u) return /* @__PURE__ */ new Set();
       const c = u.props ?? u.__vccOpts?.props;
@@ -4056,16 +4111,16 @@ const Un = /* @__PURE__ */ N(An, [["render", On]]), Tn = { class: "form-geom__se
     }, {
       default: Be(() => [
         l("div", {
-          class: B(["flex w-full", `${e.item.type}-component`])
+          class: C(["flex w-full", `${e.item.type}-component`])
         }, [
-          l("div", ci, [
+          l("div", vi, [
             (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.description && e.layout !== "settings" ? (i(), d("p", mi, P(u.item.description), 1)) : A("", !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)
+          u.item.behavior?.api && u.item.behavior?.button ? (i(), re(fi, Ie({ key: 0 }, u.item.behavior, { value: t.value }), null, 16, ["value"])) : A("", !0)
         ], 2)
       ]),
       _: 1
@@ -4076,26 +4131,26 @@ const Un = /* @__PURE__ */ N(An, [["render", On]]), Tn = { class: "form-geom__se
 }), Mt = {
   required: "Це поле є обов’язковим",
   email: "Неправильний email"
-}, fi = (o) => o ? !1 : Mt.required, vi = (o) => {
+}, hi = (o) => o ? !1 : Mt.required, gi = (o) => {
   const e = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
   return o ? e.test(o) ? !1 : Mt.email : !1;
-}, mi = (o, e) => {
+}, bi = (o, e) => {
   const t = e.pattern ?? e.regexp;
   return !(typeof t == "string" ? new RegExp(t) : t).test(o) && o ? e.message : !1;
-}, hi = (o, e) => !1, gi = (o, e) => {
+}, yi = (o, e) => !1, xi = (o, e) => {
   switch (typeof e == "string" ? e : e.type) {
     case "required":
-      return fi(o);
+      return hi(o);
     case "email":
-      return vi(o);
+      return gi(o);
     case "regexp":
-      return mi(o, e);
+      return bi(o, e);
     case "custom":
-      return hi();
+      return yi();
     default:
       return !1;
   }
-}, bi = {
+}, wi = {
   autocomplete: "select",
   combobox: "select",
   datepicker: "date",
@@ -4109,9 +4164,9 @@ const Un = /* @__PURE__ */ N(An, [["render", On]]), Tn = { class: "form-geom__se
 };
 function vt(o) {
   const e = o.toLowerCase();
-  return bi[e] || e;
+  return wi[e] || e;
 }
-function yi(o, e = !1) {
+function ki(o, e = !1) {
   if (Array.isArray(o)) {
     const r = [];
     return o.forEach((a) => {
@@ -4132,9 +4187,9 @@ function yi(o, e = !1) {
     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 xi(o, e, t = !1) {
+function _i(o, e, t = !1) {
   const r = D(
-    () => yi(
+    () => ki(
       (Array.isArray(e), e),
       typeof t == "boolean" ? t : t.value
     )
@@ -4143,7 +4198,7 @@ function xi(o, e, t = !1) {
     const p = v?.conditions;
     if (!p) return !0;
     const f = Array.isArray(p) ? p[0] : p, y = o?.value?.[f];
-    return Ct(y, p);
+    return Vt(y, p);
   }
   const s = (v = r.value, p = !0) => (v.forEach((f) => {
     if (f.rules) {
@@ -4152,7 +4207,7 @@ function xi(o, e, t = !1) {
         return;
       }
       f.rules.forEach((y) => {
-        const _ = gi(o.value[f.name], y);
+        const _ = xi(o.value[f.name], y);
         _ ? a.value[f.name] = _ : delete a.value[f.name];
       });
     }
@@ -4167,12 +4222,12 @@ function xi(o, e, t = !1) {
     visibleSchema: u
   };
 }
-const wi = {
+const $i = {
   key: 0,
   "data-orientation": "horizontal",
   role: "none",
   class: "mt-1 shrink-0 h-[1px] w-full bg-slate-100 dark:bg-slate-600"
-}, Te = /* @__PURE__ */ O({
+}, Te = /* @__PURE__ */ F({
   __name: "vs-compact-form",
   props: /* @__PURE__ */ Q({
     schema: { default: () => [] },
@@ -4194,48 +4249,46 @@ const wi = {
       validate: c,
       reset: v,
       visibleSchema: p
-    } = xi(s, a.schema, Ut(a, "disabled")), f = () => {
+    } = _i(s, a.schema, Tt(a, "disabled")), f = () => {
       r("update:modelValue", s.value), c(), r("handle-submit", s.value);
     };
     e({
       validate: c,
       reset: v,
       errors: u
-    }), be(() => {
+    }), xe(() => {
       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((V) => _[V] === U[V]);
+    function y(_, O) {
+      if (_ === O) return !0;
+      if (typeof _ != "object" || typeof O != "object" || !_ || !O) return !1;
+      const E = Object.keys(_), U = Object.keys(O);
+      return E.length !== U.length ? !1 : E.every((M) => _[M] === O[M]);
     }
-    return rt("form", n), rt("values", s), le(n.value, (_) => {
-      console.log("form", _);
-    }), (_, U) => (i(), d("form", {
-      onSubmit: ge(f, ["prevent"]),
-      class: B(["grid grid-cols-12", _.layout === "default" ? "gap-6" : "gap-4"])
+    return rt("form", n), rt("values", s), (_, O) => (i(), d("form", {
+      onSubmit: ye(f, ["prevent"]),
+      class: C(["grid grid-cols-12", _.layout === "default" ? "gap-6" : "gap-4"])
     }, [
-      (i(!0), d(ee, null, ae(J(p), (E, T) => (i(), d("div", {
+      (i(!0), d(ee, null, le(J(p), (E, U) => (i(), d("div", {
         key: E.name,
-        class: B(_.layout === "horizontal" ? "col-span-12" : `col-span-${E.col || 12}`)
+        class: C(_.layout === "horizontal" ? "col-span-12" : `col-span-${E.col || 12}`)
       }, [
-        I(Vt, {
-          style: we(_.style),
+        I(Ct, {
+          style: ke(_.style),
           item: E,
           layout: _.layout,
           "model-value": s.value[E.name],
-          "onUpdate:modelValue": (V) => {
-            const M = s.value[E.name];
-            y(M, V) || (s.value[E.name] = V);
+          "onUpdate:modelValue": (M) => {
+            const S = s.value[E.name];
+            y(S, M) || (s.value[E.name] = M);
           },
           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", wi)) : F("", !0)
+        _.layout === "settings" && U + 1 !== J(p).length ? (i(), d("div", $i)) : A("", !0)
       ], 2))), 128))
     ], 34));
   }
-}), 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({
+}), Vi = { class: "relative" }, Ci = { class: "w-full h-full fixed top-0 start-0 z-[1000] bg-black bg-opacity-50" }, Mi = { 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" }, Li = { class: "py-2.5 px-4 flex justify-between items-center border-0 border-b border-solid border-gray-200 dark:border-b-[#454545]" }, Si = { class: "font-medium text-gray-800 dark:text-[#ffffff]" }, Bi = { class: "p-4 mim-h-0 h-full overflow-auto" }, ji = /* @__PURE__ */ F({
   __name: "modal-edit",
   props: {
     schema: {},
@@ -4296,7 +4349,7 @@ const wi = {
     function p() {
       r("close");
     }
-    return be(async () => {
+    return xe(async () => {
       try {
         if (t.form) {
           const f = await fetch(`/api/template/form/${t.form}`);
@@ -4331,11 +4384,11 @@ const wi = {
           message: f.message || "Unexpected error"
         }), console.error(f);
       }
-    }), (f, y) => (i(), d("div", ki, [
-      l("div", _i, [
-        l("div", $i, [
-          l("div", Ci, [
-            l("h3", Vi, P(c.value === "add" ? "Додати" : "Змінити"), 1),
+    }), (f, y) => (i(), d("div", Vi, [
+      l("div", Ci, [
+        l("div", Mi, [
+          l("div", Li, [
+            l("h3", Si, P(c.value === "add" ? "Додати" : "Змінити"), 1),
             l("button", {
               onClick: p,
               type: "button",
@@ -4359,7 +4412,7 @@ const wi = {
               ], -1)
             ]))
           ]),
-          l("div", Mi, [
+          l("div", Bi, [
             a.value ? (i(), re(Te, {
               key: 0,
               schema: a.value,
@@ -4367,7 +4420,7 @@ const wi = {
               "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)
+            }, null, 8, ["schema", "values", "form"])) : A("", !0)
           ]),
           l("div", { class: "vs-form__head mr-5 mb-5 mt-3 flex items-center justify-end sticky top-0 left-0 z-[60] bg-white" }, [
             l("button", {
@@ -4386,13 +4439,13 @@ const wi = {
     ]));
   }
 }), mt = (o = { mode: "edit", schema: null }) => new Promise((e) => {
-  const { close: t } = Tt({
+  const { close: t } = Rt({
     title: o.mode === "add" ? "Додати" : "Редагувати",
     template: "",
     visible: !0,
     size: "medium",
     closeClickBack: !0,
-    content: Li,
+    content: ji,
     contentProps: {
       ...o,
       onClose: () => {
@@ -4410,29 +4463,30 @@ Te.install = function(e) {
   }), e.provide("form", mt), window.v3plugin || (window.v3plugin = {});
 };
 export {
-  Li as ModalEdit,
+  ji as ModalEdit,
   Te as VForm,
-  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,
+  ci as VsInputArray,
+  ro as VsInputCheckbox,
+  ni as VsInputColor,
+  Ka as VsInputContainer,
+  uo as VsInputDate,
+  Ql as VsInputEmail,
+  Wo as VsInputFile,
+  $a as VsInputFileList,
+  oi as VsInputKeyValue,
+  Kl as VsInputMask,
+  ml as VsInputNumber,
   ut as VsInputRadio,
-  ii as VsInputRange,
+  ui as VsInputRange,
   pt as VsInputSelect,
-  qr as VsInputSlug,
+  Gr as VsInputSlug,
   it as VsInputStatic,
   kt as VsInputSwitcher,
-  Rr as VsInputTag,
+  Pr as VsInputTag,
   Ne as VsInputText,
-  ds as VsInputTextarea,
+  cs as VsInputTextarea,
   Te as default,
-  ui as inputs,
-  gn as vsInputDatatable,
-  jr as vsInputMap
+  pi as inputs,
+  bn as vsInputDatatable,
+  Ir as vsInputMap
 };