npm - @opengis/form - Versions diffs - 0.0.26 → 0.0.27 - Mend

@opengis/form 0.0.26 → 0.0.27

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

Files changed (4) hide show

package/dist/components/inputs/vs-input-select.vue.d.ts.map +1 -1
package/dist/index.js +796 -779
package/dist/index.umd.cjs +3 -3
package/package.json +1 -1

package/dist/index.js CHANGED Viewed

@@ -1,15 +1,15 @@
-import { defineComponent as A, ref as w, onMounted as ge, onUnmounted as Re, createElementBlock as d, openBlock as i, normalizeClass as M, createCommentVNode as F, renderSlot as $e, createElementVNode as l, toDisplayString as T, normalizeProps as Pe, guardReactiveProps as Ne, createTextVNode as ce, computed as D, mergeModels as Q, useModel as X, withDirectives as K, unref as q, vModelText as ne, vModelCheckbox as st, createVNode as j, createBlock as ae, resolveDynamicComponent as Be, normalizeStyle as ke, withCtx as je, withModifiers as ve, onBeforeUnmount as xt, watch as te, createStaticVNode as ue, vModelRadio as nt, Fragment as Y, renderList as le, mergeProps as Ee, reactive as wt, vModelDynamic as kt, vShow as He, inject as Me, resolveComponent as Qe, Transition as rt, nextTick as ze, Teleport as _t, getCurrentInstance as $t, provide as Xe } from "vue";
-import { notify as we, modal as Ct, VsModal as Vt } from "@opengis/core";
-const Mt = {
+import { defineComponent as F, ref as w, onMounted as be, onUnmounted as He, createElementBlock as d, openBlock as i, normalizeClass as M, createCommentVNode as A, renderSlot as $e, createElementVNode as l, toDisplayString as T, normalizeProps as Ne, guardReactiveProps as qe, createTextVNode as pe, computed as O, mergeModels as Q, useModel as X, withDirectives as K, unref as q, vModelText as re, vModelCheckbox as ut, createVNode as j, createBlock as ae, resolveDynamicComponent as Se, normalizeStyle as ge, withCtx as Be, withModifiers as ve, onBeforeUnmount as _t, watch as te, createStaticVNode as de, vModelRadio as dt, Fragment as Y, renderList as le, mergeProps as Ee, reactive as $t, vModelDynamic as Ct, vShow as Ge, inject as Me, resolveComponent as tt, Transition as ct, nextTick as ze, Teleport as Vt, getCurrentInstance as Mt, provide as lt } from "vue";
+import { notify as ke, modal as Lt, VsModal as St } from "@opengis/core";
+const Bt = {
   key: 0,
   class: "text-[14px] font-medium text-gray-900 mb-2"
-}, Lt = { class: "opacity-100" }, St = {
+}, jt = { class: "opacity-100" }, It = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, Bt = {
+}, zt = {
   key: 1,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, jt = /* @__PURE__ */ A({
+}, Et = /* @__PURE__ */ F({
   __name: "vs-layout-default",
   props: {
     ua: { default: "" },
@@ -26,31 +26,31 @@ const Mt = {
     const e = w("uk"), t = (n) => {
       n.detail.key === "locale" && (e.value = n.detail.newValue);
     };
-    return ge(() => {
+    return be(() => {
       e.value = localStorage.locale, window.addEventListener("storage", t);
-    }), Re(() => {
+    }), He(() => {
       window.removeEventListener("resize", t);
     }), (n, s) => (i(), d("div", {
       class: M(["w-full relative", { "opacity-60": n.item.disabled }])
     }, [
-      n.ua || n.label ? (i(), d("div", Mt, [
-        l("span", Lt, T(n.item[e.value] || n.ua || n.label), 1),
-        n.item?.rules?.includes("required") ? (i(), d("span", St, "*")) : F("", !0)
-      ])) : F("", !0),
-      $e(n.$slots, "default", Pe(Ne(n.$attrs))),
-      n.error ? (i(), d("span", Bt, T(n.error), 1)) : F("", !0)
+      n.ua || n.label ? (i(), d("div", Bt, [
+        l("span", jt, T(n.item[e.value] || n.ua || n.label), 1),
+        n.item?.rules?.includes("required") ? (i(), d("span", It, "*")) : A("", !0)
+      ])) : A("", !0),
+      $e(n.$slots, "default", Ne(qe(n.$attrs))),
+      n.error ? (i(), d("span", zt, T(n.error), 1)) : A("", !0)
     ], 2));
   }
-}), It = { class: "w-full relative flex flex-row items-center gap-2" }, zt = {
+}), At = { class: "w-full relative flex flex-row items-center gap-2" }, Ft = {
   key: 0,
   class: "text-sm text-gray-900 font-medium flex shrink-0 w-3/12 max-w-[250px]"
-}, Et = {
+}, Dt = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, Ft = {
+}, Ot = {
   key: 1,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, At = /* @__PURE__ */ A({
+}, Ut = /* @__PURE__ */ F({
   __name: "vs-layout-horizontal",
   props: {
     ua: { default: "" },
@@ -64,19 +64,19 @@ const Mt = {
     label: { default: "" }
   },
   setup(o) {
-    return (e, t) => (i(), d("div", It, [
-      e.item?.type !== "html" ? (i(), d("span", zt, [
-        ce(T(e.ua || e.label) + " ", 1),
-        e.item?.rules?.includes("required") && (e.ua || e.label) ? (i(), d("span", Et, "*")) : F("", !0)
-      ])) : F("", !0),
-      $e(e.$slots, "default", Pe(Ne(e.$attrs))),
-      e.error ? (i(), d("span", Ft, T(e.error), 1)) : F("", !0)
+    return (e, t) => (i(), d("div", At, [
+      e.item?.type !== "html" ? (i(), d("span", Ft, [
+        pe(T(e.ua || e.label) + " ", 1),
+        e.item?.rules?.includes("required") && (e.ua || e.label) ? (i(), d("span", Dt, "*")) : A("", !0)
+      ])) : A("", !0),
+      $e(e.$slots, "default", Ne(qe(e.$attrs))),
+      e.error ? (i(), d("span", Ot, T(e.error), 1)) : A("", !0)
     ]));
   }
-}), Ot = { class: "w-full relative" }, Dt = {
+}), Tt = { class: "w-full relative" }, Rt = {
   key: 0,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, Ut = /* @__PURE__ */ A({
+}, Pt = /* @__PURE__ */ F({
   __name: "vs-layout-inline",
   props: {
     ua: { default: "" },
@@ -90,25 +90,25 @@ const Mt = {
     label: { default: "" }
   },
   setup(o) {
-    return (e, t) => (i(), d("div", Ot, [
-      $e(e.$slots, "default", Pe(Ne(e.$attrs))),
-      e.error ? (i(), d("span", Dt, T(e.error), 1)) : F("", !0)
+    return (e, t) => (i(), d("div", Tt, [
+      $e(e.$slots, "default", Ne(qe(e.$attrs))),
+      e.error ? (i(), d("span", Rt, T(e.error), 1)) : A("", !0)
     ]));
   }
-}), Tt = {
-  default: jt,
-  horizontal: At,
-  inline: Ut
+}), Ht = {
+  default: Et,
+  horizontal: Ut,
+  inline: Pt
 };
-function be(o) {
+function ye(o) {
   return {
-    inputClass: D(() => {
+    inputClass: O(() => {
       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 `;
       return o?.size === "sm" ? `${t}h-[32px]` : `${t}h-[38px]`;
     })
   };
 }
-const Rt = ["placeholder", "disabled"], Oe = /* @__PURE__ */ A({
+const Nt = ["placeholder", "disabled"], De = /* @__PURE__ */ F({
   __name: "vs-input-text",
   props: /* @__PURE__ */ Q({
     style: { default: () => ({}) },
@@ -124,7 +124,7 @@ const Rt = ["placeholder", "disabled"], Oe = /* @__PURE__ */ A({
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = be(e.style), n = X(o, "modelValue");
+    const e = o, { inputClass: t } = ye(e.style), n = X(o, "modelValue");
     return (s, r) => K((i(), d("input", {
       type: "text",
       "onUpdate:modelValue": r[0] || (r[0] = (a) => n.value = a),
@@ -134,11 +134,11 @@ const Rt = ["placeholder", "disabled"], Oe = /* @__PURE__ */ A({
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, Rt)), [
-      [ne, n.value]
+    }, null, 10, Nt)), [
+      [re, n.value]
     ]);
   }
-}), Pt = ["placeholder"], Nt = /* @__PURE__ */ A({
+}), qt = ["placeholder"], Gt = /* @__PURE__ */ F({
   __name: "vs-input-number",
   props: /* @__PURE__ */ Q({
     style: { default: () => ({}) },
@@ -154,7 +154,7 @@ const Rt = ["placeholder", "disabled"], Oe = /* @__PURE__ */ A({
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = be(e.style), n = X(o, "modelValue");
+    const e = o, { inputClass: t } = ye(e.style), n = X(o, "modelValue");
     return (s, r) => K((i(), d("input", {
       type: "number",
       step: "any",
@@ -164,16 +164,16 @@ const Rt = ["placeholder", "disabled"], Oe = /* @__PURE__ */ A({
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, Pt)), [
-      [ne, n.value]
+    }, null, 10, qt)), [
+      [re, n.value]
     ]);
   }
-}), N = (o, e) => {
+}), H = (o, e) => {
   const t = o.__vccOpts || o;
   for (const [n, s] of e)
     t[n] = s;
   return t;
-}, Ht = {}, qt = {
+}, Jt = {}, Kt = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -183,8 +183,8 @@ const Rt = ["placeholder", "disabled"], Oe = /* @__PURE__ */ A({
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-check"
 };
-function Gt(o, e) {
-  return i(), d("svg", qt, e[0] || (e[0] = [
+function Zt(o, e) {
+  return i(), d("svg", Kt, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -193,7 +193,7 @@ function Gt(o, e) {
     l("path", { d: "M5 12l5 5l10 -10" }, null, -1)
   ]));
 }
-const Jt = /* @__PURE__ */ N(Ht, [["render", Gt]]), Kt = { class: "flex items-center gap-[4px]" }, Zt = ["value", "id", "disabled"], Wt = ["for"], Qt = { class: "text-[14px] text-gray-700 flex items-center gap-x-1 ml-1 dark:text-neutral-400" }, Xt = /* @__PURE__ */ A({
+const Wt = /* @__PURE__ */ H(Jt, [["render", Zt]]), Qt = { class: "flex items-center gap-[4px]" }, Xt = ["value", "id", "disabled"], Yt = ["for"], el = { class: "text-[14px] text-gray-700 flex items-center gap-x-1 ml-1 dark:text-neutral-400" }, tl = /* @__PURE__ */ F({
   __name: "vs-checkbox-default",
   props: {
     value: { default: "" },
@@ -206,11 +206,11 @@ const Jt = /* @__PURE__ */ N(Ht, [["render", Gt]]), Kt = { class: "flex items-ce
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = e, n = o, s = D({
+    const t = e, n = o, s = O({
       get: () => n.modelValue,
       set: (r) => t("update:modelValue", r)
     });
-    return (r, a) => (i(), d("div", Kt, [
+    return (r, a) => (i(), d("div", Qt, [
       K(l("input", {
         type: "checkbox",
         value: r.value,
@@ -218,8 +218,8 @@ const Jt = /* @__PURE__ */ N(Ht, [["render", Gt]]), Kt = { class: "flex items-ce
         class: M(["shrink-0 border border-solid hidden border-gray-700 w-3.5 h-3.5 rounded text-blue-600 focus:ring-offset-0 dark:bg-neutral-800 dark:border-neutral-700 cursor-pointer", { "!cursor-not-allowed": r.disabled }]),
         id: r.id,
         disabled: r.disabled
-      }, null, 10, Zt), [
-        [st, s.value]
+      }, null, 10, Xt), [
+        [ut, s.value]
       ]),
       l("label", {
         for: r.id,
@@ -228,23 +228,23 @@ const Jt = /* @__PURE__ */ N(Ht, [["render", Gt]]), Kt = { class: "flex items-ce
         l("div", {
           class: M(["h-[16px] text-white w-[16px] flex items-center justify-center shrink-0 border rounded", [s.value ? "bg-blue-600 border-blue-600" : "bg-white border-gray-600", r.error ? "border-red-600" : ""]])
         }, [
-          j(Jt, {
+          j(Wt, {
             height: "12",
             width: "12"
           })
         ], 2),
-        l("span", Qt, [
+        l("span", el, [
           $e(r.$slots, "default", {}, () => [
-            ce(T(r.label), 1)
+            pe(T(r.label), 1)
           ])
         ])
-      ], 10, Wt)
+      ], 10, Yt)
     ]));
   }
-}), Yt = ["name", "value", "disabled"], el = { class: "flex items-center gap-[6px] text-[14px]" }, tl = {
+}), ll = ["name", "value", "disabled"], ol = { class: "flex items-center gap-[6px] text-[14px]" }, al = {
   key: 0,
   class: "text-[16px]"
-}, ll = ["src"], ol = /* @__PURE__ */ A({
+}, sl = ["src"], nl = /* @__PURE__ */ F({
   __name: "vs-checkbox-buttons",
   props: {
     value: { type: [String, Number, Boolean], default: "" },
@@ -258,12 +258,12 @@ const Jt = /* @__PURE__ */ N(Ht, [["render", Gt]]), Kt = { class: "flex items-ce
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, n = e, s = D({
+    const t = o, n = e, s = O({
       get: () => t.modelValue,
       set: (u) => {
         n("update:modelValue", u);
       }
-    }), r = D(() => Array.isArray(s.value) ? s.value.includes(t.value) : s.value === !0 || s.value === t.value), a = D(() => t.style?.size === "xs" ? "p-1.5 text-xs" : t.style?.size === "lg" ? "p-3.5 text-[20px]" : "p-2.5 text-xs");
+    }), r = O(() => Array.isArray(s.value) ? s.value.includes(t.value) : s.value === !0 || s.value === t.value), a = O(() => 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: M(["group relative flex justify-center items-center gap-x-3 text-center bg-white text-gray-800 ring-ring ring-2 cursor-pointer rounded-lg", [a.value, r.value ? "ring-blue-500" : "border border-gray-200 ring-transparent"]])
     }, [
@@ -274,30 +274,30 @@ const Jt = /* @__PURE__ */ N(Ht, [["render", Gt]]), Kt = { class: "flex items-ce
         value: u.value,
         "onUpdate:modelValue": c[0] || (c[0] = (v) => s.value = v),
         disabled: u.disabled
-      }, null, 8, Yt), [
-        [st, s.value]
+      }, null, 8, ll), [
+        [ut, s.value]
       ]),
-      l("span", el, [
-        u.icon || u.imgUrl ? (i(), d("span", tl, [
+      l("span", ol, [
+        u.icon || u.imgUrl ? (i(), d("span", al, [
           u.icon ? (i(), d("i", {
             key: 0,
             class: M(u.icon)
-          }, null, 2)) : F("", !0),
+          }, null, 2)) : A("", !0),
           u.imgUrl ? (i(), d("img", {
             key: 1,
             src: u.imgUrl,
             width: "16",
             height: "16",
             alt: "icon"
-          }, null, 8, ll)) : F("", !0)
-        ])) : F("", !0),
+          }, null, 8, sl)) : A("", !0)
+        ])) : A("", !0),
         $e(u.$slots, "default", {}, () => [
-          ce(T(u.label), 1)
+          pe(T(u.label), 1)
         ])
       ])
     ], 2));
   }
-}), al = { class: "flex items-center" }, it = /* @__PURE__ */ A({
+}), rl = { class: "flex items-center" }, pt = /* @__PURE__ */ F({
   __name: "vs-input-checkbox-item",
   props: {
     value: { default: "" },
@@ -314,7 +314,7 @@ const Jt = /* @__PURE__ */ N(Ht, [["render", Gt]]), Kt = { class: "flex items-ce
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, n = e, s = `radio-${Math.floor(Math.random() * 1e4)}`, r = D({
+    const t = o, n = e, s = `radio-${Math.floor(Math.random() * 1e4)}`, r = O({
       get: () => Array.isArray(t.modelValue) ? Array.isArray(t.modelValue) && t.modelValue.includes(t.value) : t.modelValue,
       set: (u) => {
         if (Array.isArray(t.modelValue)) {
@@ -324,8 +324,8 @@ const Jt = /* @__PURE__ */ N(Ht, [["render", Gt]]), Kt = { class: "flex items-ce
           n("update:modelValue", u);
       }
     }), a = w(`vs-checkbox-${t.view || "default"}`);
-    return (u, c) => (i(), d("div", al, [
-      (i(), ae(Be(a.value === "vs-checkbox-buttons" ? q(ol) : q(Xt)), {
+    return (u, c) => (i(), d("div", rl, [
+      (i(), ae(Se(a.value === "vs-checkbox-buttons" ? q(nl) : q(tl)), {
         value: u.value,
         label: u.label,
         info: u.option?.info,
@@ -335,17 +335,17 @@ const Jt = /* @__PURE__ */ N(Ht, [["render", Gt]]), Kt = { class: "flex items-ce
         id: s,
         icon: u.icon,
         imgUrl: u.imgUrl,
-        style: ke(u.style),
+        style: ge(u.style),
         error: u.error
       }, {
-        default: je(() => [
-          ce(T(u.label), 1)
+        default: Be(() => [
+          pe(T(u.label), 1)
         ]),
         _: 1
       }, 8, ["value", "label", "info", "disabled", "modelValue", "icon", "imgUrl", "style", "error"]))
     ]));
   }
-}), sl = {}, nl = {
+}), il = {}, ul = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -355,8 +355,8 @@ const Jt = /* @__PURE__ */ N(Ht, [["render", Gt]]), Kt = { class: "flex items-ce
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down"
 };
-function rl(o, e) {
-  return i(), d("svg", nl, e[0] || (e[0] = [
+function dl(o, e) {
+  return i(), d("svg", ul, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -365,7 +365,7 @@ function rl(o, e) {
     l("path", { d: "M6 9l6 6l6 -6" }, null, -1)
   ]));
 }
-const il = /* @__PURE__ */ N(sl, [["render", rl]]), ul = {}, dl = {
+const cl = /* @__PURE__ */ H(il, [["render", dl]]), pl = {}, fl = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -375,8 +375,8 @@ const il = /* @__PURE__ */ N(sl, [["render", rl]]), ul = {}, dl = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-x"
 };
-function cl(o, e) {
-  return i(), d("svg", dl, e[0] || (e[0] = [
+function vl(o, e) {
+  return i(), d("svg", fl, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -386,7 +386,7 @@ function cl(o, e) {
     l("path", { d: "M6 6l12 12" }, null, -1)
   ]));
 }
-const pl = /* @__PURE__ */ N(ul, [["render", cl]]), fl = {}, vl = {
+const ml = /* @__PURE__ */ H(pl, [["render", vl]]), hl = {}, gl = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -397,8 +397,8 @@ const pl = /* @__PURE__ */ N(ul, [["render", cl]]), fl = {}, vl = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function ml(o, e) {
-  return i(), d("svg", vl, e[0] || (e[0] = [
+function bl(o, e) {
+  return i(), d("svg", gl, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -409,13 +409,13 @@ function ml(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 hl = /* @__PURE__ */ N(fl, [["render", ml]]), gl = {
+const yl = /* @__PURE__ */ H(hl, [["render", bl]]), xl = {
   key: 0,
   class: "flex items-start gap-x-1"
-}, bl = {
+}, wl = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, yl = ["title"], xl = ["disabled"], ut = /* @__PURE__ */ A({
+}, kl = ["title"], _l = ["disabled"], ft = /* @__PURE__ */ F({
   __name: "vs-input-switcher",
   props: /* @__PURE__ */ Q({
     rules: { default: () => [] },
@@ -437,14 +437,14 @@ const hl = /* @__PURE__ */ N(fl, [["render", ml]]), gl = {
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, t = X(o, "modelValue");
-    return (n, s) => e.view === "checkbox" ? (i(), d("div", gl, [
-      j(it, {
+    return (n, s) => e.view === "checkbox" ? (i(), d("div", xl, [
+      j(pt, {
         modelValue: t.value,
         "onUpdate:modelValue": s[0] || (s[0] = (r) => t.value = r),
         label: n.text,
         error: n.error || ""
       }, null, 8, ["modelValue", "label", "error"]),
-      n.rules?.includes("required") ? (i(), d("span", bl, "*")) : F("", !0),
+      n.rules?.includes("required") ? (i(), d("span", wl, "*")) : A("", !0),
       n.i ? (i(), d("button", {
         key: 1,
         class: "cursor-pointer",
@@ -452,8 +452,8 @@ const hl = /* @__PURE__ */ N(fl, [["render", ml]]), gl = {
         onClick: s[1] || (s[1] = ve(() => {
         }, ["prevent"]))
       }, [
-        j(q(hl), { class: "text-gray-500 w-[14px] h-[14px]" })
-      ], 8, yl)) : F("", !0)
+        j(q(yl), { class: "text-gray-500 w-[14px] h-[14px]" })
+      ], 8, kl)) : A("", !0)
     ])) : (i(), d("button", {
       key: 1,
       type: "button",
@@ -465,9 +465,9 @@ const hl = /* @__PURE__ */ N(fl, [["render", ml]]), gl = {
         "data-state": "checked",
         class: M(["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, xl));
+    ], 10, _l));
   }
-}), wl = ["innerHTML"], Ye = /* @__PURE__ */ A({
+}), $l = ["innerHTML"], ot = /* @__PURE__ */ F({
   __name: "vs-input-static",
   props: {
     text: { default: "" },
@@ -484,9 +484,9 @@ const hl = /* @__PURE__ */ N(fl, [["render", ml]]), gl = {
     return (e, t) => (i(), d("div", {
       class: M(e.customClass),
       innerHTML: e.html ? e.html : e.text
-    }, null, 10, wl));
+    }, null, 10, $l));
   }
-}), kl = ["placeholder", "disabled", "name"], _l = /* @__PURE__ */ A({
+}), Cl = ["placeholder", "disabled", "name"], Vl = /* @__PURE__ */ F({
   __name: "vs-input-mask",
   props: /* @__PURE__ */ Q({
     name: {},
@@ -504,9 +504,9 @@ const hl = /* @__PURE__ */ N(fl, [["render", ml]]), gl = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = be(e.style), n = X(o, "modelValue"), s = w(null);
+    const e = o, { inputClass: t } = ye(e.style), n = X(o, "modelValue"), s = w(null);
     let r = null;
-    return ge(async () => {
+    return be(async () => {
       if (s.value) {
         const { default: a } = await import("./index-W-qQIppj.js");
         r = a(s.value, {
@@ -523,7 +523,7 @@ const hl = /* @__PURE__ */ N(fl, [["render", ml]]), gl = {
           n.value = e.unmask ? r.unmaskedValue : r.value;
         }), r.value = n.value ?? "";
       }
-    }), xt(() => {
+    }), _t(() => {
       r?.destroy();
     }), te(() => e.mask, (a) => {
       r && r.updateOptions({
@@ -547,9 +547,9 @@ const hl = /* @__PURE__ */ N(fl, [["render", ml]]), gl = {
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, kl));
+    }, null, 10, Cl));
   }
-}), $l = { class: "relative w-full bg-white rounded-lg" }, Cl = ["placeholder", "disabled"], Vl = /* @__PURE__ */ A({
+}), Ml = { class: "relative w-full bg-white rounded-lg" }, Ll = ["placeholder", "disabled"], Sl = /* @__PURE__ */ F({
   __name: "vs-input-email",
   props: /* @__PURE__ */ Q({
     style: { default: () => ({}) },
@@ -565,9 +565,9 @@ const hl = /* @__PURE__ */ N(fl, [["render", ml]]), gl = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = be(e.style), n = X(o, "modelValue");
-    return (s, r) => (i(), d("div", $l, [
-      r[1] || (r[1] = ue('<div class="absolute bottom-2/4 translate-y-2/4 left-[10px] cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="stroke-gray-500 transition-all"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10z"></path><path d="M3 7l9 6l9 -6"></path></svg></div>', 1)),
+    const e = o, { inputClass: t } = ye(e.style), n = X(o, "modelValue");
+    return (s, r) => (i(), d("div", Ml, [
+      r[1] || (r[1] = de('<div class="absolute bottom-2/4 translate-y-2/4 left-[10px] cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="stroke-gray-500 transition-all"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10z"></path><path d="M3 7l9 6l9 -6"></path></svg></div>', 1)),
       K(l("input", {
         type: "email",
         "onUpdate:modelValue": r[0] || (r[0] = (a) => n.value = a),
@@ -577,12 +577,12 @@ const hl = /* @__PURE__ */ N(fl, [["render", ml]]), gl = {
         style: {
           border: "1px solid #CFD9E0"
         }
-      }, null, 10, Cl), [
-        [ne, n.value]
+      }, null, 10, Ll), [
+        [re, n.value]
       ])
     ]));
   }
-}), Ml = ["value", "disabled"], Ll = { class: "text-[13px] text-gray-700" }, Sl = /* @__PURE__ */ A({
+}), Bl = ["value", "disabled"], jl = { class: "text-[13px] text-gray-700" }, Il = /* @__PURE__ */ F({
   __name: "vs-input-radio-default",
   props: /* @__PURE__ */ Q({
     style: {},
@@ -610,8 +610,8 @@ const hl = /* @__PURE__ */ N(fl, [["render", ml]]), gl = {
         value: t.value,
         disabled: t.disabled,
         class: "hidden"
-      }, null, 8, Ml), [
-        [nt, e.value]
+      }, null, 8, Bl), [
+        [dt, e.value]
       ]),
       l("span", {
         class: M(["w-[16px] shrink-0 h-[16px] border rounded-full flex items-center justify-center mr-[10px]", [
@@ -622,12 +622,12 @@ const hl = /* @__PURE__ */ N(fl, [["render", ml]]), gl = {
         e.value == t.value ? (i(), d("span", {
           key: 0,
           class: M(["w-[12px] h-[12px] shrink-0 rounded-full", [`bg-${t.style?.primaryColor || "blue"}-500`]])
-        }, null, 2)) : F("", !0)
+        }, null, 2)) : A("", !0)
       ], 2),
-      l("span", Ll, T(t.text), 1)
+      l("span", jl, T(t.text), 1)
     ], 2));
   }
-}), Bl = ["value", "disabled"], jl = { class: "text-[13px] text-gray-700" }, Il = /* @__PURE__ */ A({
+}), zl = ["value", "disabled"], El = { class: "text-[13px] text-gray-700" }, Al = /* @__PURE__ */ F({
   __name: "vs-input-radio-buttons",
   props: /* @__PURE__ */ Q({
     style: {},
@@ -658,16 +658,16 @@ const hl = /* @__PURE__ */ N(fl, [["render", ml]]), gl = {
         value: t.value,
         disabled: t.disabled,
         class: "hidden"
-      }, null, 8, Bl), [
-        [nt, e.value]
+      }, null, 8, zl), [
+        [dt, e.value]
       ]),
-      l("span", jl, T(t.text), 1)
+      l("span", El, T(t.text), 1)
     ], 2));
   }
-}), zl = {
-  "vs-input-radio-default": Sl,
-  "vs-input-radio-buttons": Il
-}, et = /* @__PURE__ */ A({
+}), Fl = {
+  "vs-input-radio-default": Il,
+  "vs-input-radio-buttons": Al
+}, at = /* @__PURE__ */ F({
   __name: "vs-input-radio",
   props: /* @__PURE__ */ Q({
     options: {},
@@ -686,11 +686,11 @@ const hl = /* @__PURE__ */ N(fl, [["render", ml]]), gl = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = X(o, "modelValue"), n = D(() => zl[`vs-input-radio-${e.view}`]);
+    const e = o, t = X(o, "modelValue"), n = O(() => Fl[`vs-input-radio-${e.view}`]);
     return (s, r) => (i(), d("div", {
       class: M([s.position === "horizontal" ? "flex items-center flex-wrap gap-2" : ""])
     }, [
-      (i(!0), d(Y, null, le(s.options, (a) => (i(), ae(Be(n.value), Ee({
+      (i(!0), d(Y, null, le(s.options, (a) => (i(), ae(Se(n.value), Ee({
         key: a?.id,
         text: a.text,
         value: a.id.toString(),
@@ -700,7 +700,7 @@ const hl = /* @__PURE__ */ N(fl, [["render", ml]]), gl = {
       }, { ref_for: !0 }, s.$attrs), null, 16, ["text", "value", "checked", "modelValue"]))), 128))
     ], 2));
   }
-}), El = /* @__PURE__ */ A({
+}), Dl = /* @__PURE__ */ F({
   __name: "vs-input-checkbox",
   props: {
     options: { default: () => [] },
@@ -719,7 +719,7 @@ const hl = /* @__PURE__ */ N(fl, [["render", ml]]), gl = {
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, n = e, s = w([]), r = wt({}), a = (p) => p?.value || p?.id || p?.text || p, u = (p) => p.text || String(p), c = (p) => `lg:col-span-${p || 12}`, v = async () => {
+    const t = o, n = e, s = w([]), r = $t({}), a = (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((x) => x.json());
         s.value = p?.data || p;
@@ -755,7 +755,7 @@ const hl = /* @__PURE__ */ N(fl, [["render", ml]]), gl = {
         n("update:modelValue", p.length === 0 ? [] : p);
       },
       { deep: !0 }
-    ), ge(() => {
+    ), be(() => {
       if (t.data)
         v().then(() => {
           if (typeof t.modelValue == "boolean" && s.value.length === 1) {
@@ -786,7 +786,7 @@ const hl = /* @__PURE__ */ N(fl, [["render", ml]]), gl = {
     }), (p, x) => (i(), d("div", {
       class: M(["p-0 w-full gap-[6px]", [p.position === "vertical" ? "flex-col" : "", p.colSpan ? "grid" : "flex justify-start"]])
     }, [
-      (i(!0), d(Y, null, le(s.value, (g) => (i(), ae(it, {
+      (i(!0), d(Y, null, le(s.value, (g) => (i(), ae(pt, {
         modelValue: r[a(g)],
         "onUpdate:modelValue": (_) => r[a(g)] = _,
         value: a(g),
@@ -801,7 +801,7 @@ const hl = /* @__PURE__ */ N(fl, [["render", ml]]), gl = {
       }, null, 8, ["modelValue", "onUpdate:modelValue", "value", "class", "disabled", "label", "icon", "imgUrl", "option", "view"]))), 128))
     ], 2));
   }
-}), Fl = /* @__PURE__ */ N(El, [["__scopeId", "data-v-91f3584a"]]), Al = ["type", "placeholder", "disabled"], Ol = /* @__PURE__ */ A({
+}), Ol = /* @__PURE__ */ H(Dl, [["__scopeId", "data-v-91f3584a"]]), Ul = ["type", "placeholder", "disabled"], Tl = /* @__PURE__ */ F({
   __name: "vs-input-date1",
   props: {
     style: { default: () => ({}) },
@@ -817,10 +817,10 @@ const hl = /* @__PURE__ */ N(fl, [["render", ml]]), gl = {
   setup(o, { emit: e }) {
     const t = o;
     console.log(t.mode);
-    const { inputClass: n } = be(t.style), s = e, r = D({
+    const { inputClass: n } = ye(t.style), s = e, r = O({
       get: () => t.modelValue?.split(" ")[0],
       set: (u) => s("update:modelValue", u)
-    }), a = D(() => t.mode === "datetime" ? "datetime-local" : t.mode);
+    }), a = O(() => t.mode === "datetime" ? "datetime-local" : t.mode);
     return (u, c) => K((i(), d("input", {
       type: a.value,
       "onUpdate:modelValue": c[0] || (c[0] = (v) => r.value = v),
@@ -831,11 +831,11 @@ const hl = /* @__PURE__ */ N(fl, [["render", ml]]), gl = {
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, Al)), [
-      [kt, r.value]
+    }, null, 10, Ul)), [
+      [Ct, r.value]
     ]);
   }
-}), Dl = async (o, e, t, n) => {
+}), Rl = async (o, e, t, n) => {
   try {
     const s = new FormData();
     return s.append("unique", "true"), s.append("file", o), (await fetch(
@@ -846,27 +846,27 @@ const hl = /* @__PURE__ */ N(fl, [["render", ml]]), gl = {
       }
     ).then((a) => a.json()))?.result;
   } catch (s) {
-    return we({
+    return ke({
       type: "error",
       title: "Помилка!",
       message: "Сталась помилка під час завантаження файлу",
       position: "right-bottom"
     }), console.error("Сталась помилка завантаження файлу", s), null;
   }
-}, Ul = async (o) => {
+}, Pl = async (o) => {
   try {
     return await fetch(`file/delete${o}`), !0;
   } catch (e) {
     return console.error(e), !1;
   }
-}, tt = async (o) => {
+}, st = async (o) => {
   try {
     const e = await fetch(`file/download/files/uploads${o}`), t = await e.arrayBuffer(), n = e.headers["content-type"], s = new TextDecoder("utf-8").decode(t), r = new Blob([s], { type: n }), a = document.createElement("a");
     a.setAttribute("download", o), a.href = window.URL.createObjectURL(r), a.click();
   } catch (e) {
     console.error(e.message);
   }
-}, Tl = {}, Rl = {
+}, Hl = {}, Nl = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -877,13 +877,13 @@ const hl = /* @__PURE__ */ N(fl, [["render", ml]]), gl = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Pl(o, e) {
-  return i(), d("svg", Rl, e[0] || (e[0] = [
+function ql(o, e) {
+  return i(), d("svg", Nl, e[0] || (e[0] = [
     l("path", { d: "M5 12h14" }, null, -1),
     l("path", { d: "M12 5v14" }, null, -1)
   ]));
 }
-const Fe = /* @__PURE__ */ N(Tl, [["render", Pl]]), Nl = {}, Hl = {
+const Ae = /* @__PURE__ */ H(Hl, [["render", ql]]), Gl = {}, Jl = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-text",
   width: "44",
@@ -895,12 +895,12 @@ const Fe = /* @__PURE__ */ N(Tl, [["render", Pl]]), Nl = {}, Hl = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function ql(o, e, t, n, s, r) {
-  return i(), d("svg", Hl, e[0] || (e[0] = [
-    ue('<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 Kl(o, e, t, n, s, r) {
+  return i(), d("svg", Jl, e[0] || (e[0] = [
+    de('<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 Gl = /* @__PURE__ */ N(Nl, [["render", ql]]), Jl = {}, Kl = {
+const Zl = /* @__PURE__ */ H(Gl, [["render", Kl]]), Wl = {}, Ql = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-table",
   width: "44",
@@ -912,8 +912,8 @@ const Gl = /* @__PURE__ */ N(Nl, [["render", ql]]), Jl = {}, Kl = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Zl(o, e, t, n, s, r) {
-  return i(), d("svg", Kl, e[0] || (e[0] = [
+function Xl(o, e, t, n, s, r) {
+  return i(), d("svg", Ql, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -940,7 +940,7 @@ function Zl(o, e, t, n, s, r) {
     }, null, -1)
   ]));
 }
-const Wl = /* @__PURE__ */ N(Jl, [["render", Zl]]), Ql = {}, Xl = {
+const Yl = /* @__PURE__ */ H(Wl, [["render", Xl]]), eo = {}, to = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -952,12 +952,12 @@ const Wl = /* @__PURE__ */ N(Jl, [["render", Zl]]), Ql = {}, Xl = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-file-unknown"
 };
-function Yl(o, e, t, n, s, r) {
-  return i(), d("svg", Xl, e[0] || (e[0] = [
-    ue('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><path d="M12 17v.01"></path><path d="M12 14a1.5 1.5 0 1 0 -1.14 -2.474"></path>', 5)
+function lo(o, e, t, n, s, r) {
+  return i(), d("svg", to, e[0] || (e[0] = [
+    de('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><path d="M12 17v.01"></path><path d="M12 14a1.5 1.5 0 1 0 -1.14 -2.474"></path>', 5)
   ]));
 }
-const eo = /* @__PURE__ */ N(Ql, [["render", Yl]]), to = {}, lo = {
+const oo = /* @__PURE__ */ H(eo, [["render", lo]]), ao = {}, so = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-zip",
   width: "44",
@@ -969,12 +969,12 @@ const eo = /* @__PURE__ */ N(Ql, [["render", Yl]]), to = {}, lo = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function oo(o, e, t, n, s, r) {
-  return i(), d("svg", lo, e[0] || (e[0] = [
-    ue('<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 no(o, e, t, n, s, r) {
+  return i(), d("svg", so, e[0] || (e[0] = [
+    de('<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 ao = /* @__PURE__ */ N(to, [["render", oo]]), so = {}, no = {
+const ro = /* @__PURE__ */ H(ao, [["render", no]]), io = {}, uo = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-code",
   width: "44",
@@ -986,25 +986,25 @@ const ao = /* @__PURE__ */ N(to, [["render", oo]]), so = {}, no = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function ro(o, e, t, n, s, r) {
-  return i(), d("svg", no, e[0] || (e[0] = [
-    ue('<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 co(o, e, t, n, s, r) {
+  return i(), d("svg", uo, e[0] || (e[0] = [
+    de('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><path d="M10 13l-1 2l1 2"></path><path d="M14 13l1 2l-1 2"></path>', 5)
   ]));
 }
-const io = /* @__PURE__ */ N(so, [["render", ro]]), uo = (o) => {
+const po = /* @__PURE__ */ H(io, [["render", co]]), fo = (o) => {
   if (!o) return "";
   const e = o?.split(".");
   return e[e.length - 1];
-}, co = (o) => {
-  const e = uo(o), t = {
+}, vo = (o) => {
+  const e = fo(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) ? Wl : t.textsFormat.includes(e) ? io : t.documentsFormat.includes(e) ? Gl : t.archivesFormat.includes(e) ? ao : eo;
-}, po = {}, fo = {
+  return t.imageFormat.includes(e) ? "img" : t.sheetsFormat.includes(e) ? Yl : t.textsFormat.includes(e) ? po : t.documentsFormat.includes(e) ? Zl : t.archivesFormat.includes(e) ? ro : oo;
+}, mo = {}, ho = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1016,12 +1016,12 @@ const io = /* @__PURE__ */ N(so, [["render", ro]]), uo = (o) => {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-trash"
 };
-function vo(o, e) {
-  return i(), d("svg", fo, e[0] || (e[0] = [
-    ue('<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 go(o, e) {
+  return i(), d("svg", ho, e[0] || (e[0] = [
+    de('<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 Ue = /* @__PURE__ */ N(po, [["render", vo]]), mo = {}, ho = {
+const Ue = /* @__PURE__ */ H(mo, [["render", go]]), bo = {}, yo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1033,8 +1033,8 @@ const Ue = /* @__PURE__ */ N(po, [["render", vo]]), mo = {}, ho = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-download"
 };
-function go(o, e) {
-  return i(), d("svg", ho, e[0] || (e[0] = [
+function xo(o, e) {
+  return i(), d("svg", yo, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1045,7 +1045,7 @@ function go(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const dt = /* @__PURE__ */ N(mo, [["render", go]]), bo = { class: "h-[120px] w-[120px] border text-gray-300 border-dashed border-[#CFD9E0] rounded-lg overflow-hidden relative item-file" }, yo = { class: "absolute hidden top-0 right-0 flex items-center gap-x-2 w-full h-full justify-center" }, xo = /* @__PURE__ */ A({
+const vt = /* @__PURE__ */ H(bo, [["render", xo]]), wo = { class: "h-[120px] w-[120px] border text-gray-300 border-dashed border-[#CFD9E0] rounded-lg overflow-hidden relative item-file" }, ko = { class: "absolute hidden top-0 right-0 flex items-center gap-x-2 w-full h-full justify-center" }, _o = /* @__PURE__ */ F({
   __name: "vs-input-file-list-item",
   props: /* @__PURE__ */ Q({
     format: {},
@@ -1066,18 +1066,18 @@ const dt = /* @__PURE__ */ N(mo, [["render", go]]), bo = { class: "h-[120px] w-[
   emits: ["update:value", "update:item"],
   setup(o) {
     const e = X(o, "value"), t = X(o, "item"), n = o;
-    return (s, r) => (i(), d("div", bo, [
-      (i(), ae(Be(q(co)(t.value)), {
+    return (s, r) => (i(), d("div", wo, [
+      (i(), ae(Se(q(vo)(t.value)), {
         src: t.value,
         alt: "file",
         class: "w-full h-full object-cover cursor-pointer",
-        onClick: r[0] || (r[0] = (a) => q(tt)(t.value))
+        onClick: r[0] || (r[0] = (a) => q(st)(t.value))
       }, null, 8, ["src"])),
-      l("div", yo, [
+      l("div", ko, [
         l("button", {
           type: "button",
           onClick: r[1] || (r[1] = (a) => {
-            q(Ul)(t.value), e.value = n.multiple ? e.value?.filter((u) => u !== t.value) : "";
+            q(Pl)(t.value), e.value = n.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"
         }, [
@@ -1085,18 +1085,18 @@ const dt = /* @__PURE__ */ N(mo, [["render", go]]), bo = { class: "h-[120px] w-[
         ]),
         l("button", {
           type: "button",
-          onClick: r[2] || (r[2] = (a) => q(tt)(t.value)),
+          onClick: r[2] || (r[2] = (a) => q(st)(t.value)),
           class: "w-6 h-6 flex items-center justify-center text-gray-500 bg-gray-200 rounded-lg hover:text-blue-500"
         }, [
-          j(dt, { class: "w-4 h-4" })
+          j(vt, { class: "w-4 h-4" })
         ])
       ])
     ]));
   }
-}), lt = /* @__PURE__ */ N(xo, [["__scopeId", "data-v-0ca886b3"]]), wo = { class: "flex items-center gap-x-2" }, ko = {
+}), nt = /* @__PURE__ */ H(_o, [["__scopeId", "data-v-0ca886b3"]]), $o = { class: "flex items-center gap-x-2" }, Co = {
   key: 1,
   class: "flex items-center flex-wrap gap-2"
-}, _o = /* @__PURE__ */ A({
+}, Vo = /* @__PURE__ */ F({
   __name: "vs-input-file",
   props: /* @__PURE__ */ Q({
     format: {},
@@ -1122,10 +1122,10 @@ const dt = /* @__PURE__ */ N(mo, [["render", go]]), bo = { class: "h-[120px] w-[
       }
       const u = a.target.files?.[0];
       if (!u) return;
-      const c = await Dl(u, "1", "form", "table");
+      const c = await Rl(u, "1", "form", "table");
       t.value = e.multiple ? [...t.value || [], c?.file_path] : c?.file_path;
     };
-    return (a, u) => (i(), d("div", wo, [
+    return (a, u) => (i(), d("div", $o, [
       l("input", {
         class: "hidden",
         ref_key: "fileInput",
@@ -1133,14 +1133,14 @@ const dt = /* @__PURE__ */ N(mo, [["render", go]]), bo = { class: "h-[120px] w-[
         type: "file",
         onChange: r
       }, null, 544),
-      !a.multiple && t.value ? (i(), ae(lt, {
+      !a.multiple && t.value ? (i(), ae(nt, {
         key: 0,
         item: t.value,
         "onUpdate:item": u[0] || (u[0] = (c) => t.value = c),
         value: t.value,
         "onUpdate:value": u[1] || (u[1] = (c) => t.value = c)
-      }, null, 8, ["item", "value"])) : a.multiple ? (i(), d("div", ko, [
-        (i(!0), d(Y, null, le(t.value, (c, v) => (i(), ae(lt, {
+      }, null, 8, ["item", "value"])) : a.multiple ? (i(), d("div", Co, [
+        (i(!0), d(Y, null, le(t.value, (c, v) => (i(), ae(nt, {
           multiple: a.multiple,
           key: v,
           value: t.value,
@@ -1154,25 +1154,25 @@ const dt = /* @__PURE__ */ N(mo, [["render", go]]), bo = { class: "h-[120px] w-[
             a.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500 hover:bg-blue-50"
           ])
         }, [
-          j(Fe, { class: "w-6 h-6" })
+          j(Ae, { class: "w-6 h-6" })
         ], 2)
-      ])) : F("", !0),
-      a.multiple ? F("", !0) : (i(), d("div", {
+      ])) : A("", !0),
+      a.multiple ? A("", !0) : (i(), d("div", {
         key: 2,
         onClick: u[4] || (u[4] = (c) => n.value?.click()),
         class: M([a.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500", "h-[120px] w-[120px] border text-gray-300 hover:text-blue-500 border-dashed border-gray-300 rounded-lg flex items-center justify-center cursor-pointer hover:border-blue-500 transition-all duration-300 hover:bg-blue-50"])
       }, [
-        j(Fe, { class: "w-6 h-6" })
+        j(Ae, { class: "w-6 h-6" })
       ], 2))
     ]));
   }
-}), $o = { class: "max-w-[55vw]" }, Co = { class: "text-sm font-semibold text-gray-800 truncate dark:text-neutral-200" }, Vo = { class: "flex items-center text-xs text-gray-500 truncate dark:text-neutral-500" }, Mo = { class: "px-[5px]" }, Lo = { class: "" }, Ae = /* @__PURE__ */ A({
+}), Mo = { class: "max-w-[55vw]" }, Lo = { class: "text-sm font-semibold text-gray-800 truncate dark:text-neutral-200" }, So = { class: "flex items-center text-xs text-gray-500 truncate dark:text-neutral-500" }, Bo = { class: "px-[5px]" }, jo = { class: "" }, Fe = /* @__PURE__ */ F({
   __name: "vs-widget-file-info",
   props: {
     item: { default: null }
   },
   setup(o) {
-    const e = o, t = D(() => {
+    const e = o, t = O(() => {
       try {
         return new Date(e.item.cdate).toLocaleDateString("uk-UA", {
           day: "2-digit",
@@ -1190,34 +1190,34 @@ const dt = /* @__PURE__ */ N(mo, [["render", go]]), bo = { class: "h-[120px] w-[
       return r < 1024 ? `${r.toFixed(2)} KB` : `${(r / 1024).toFixed(2)} MB`;
     }
     return (s, r) => (i(), d(Y, null, [
-      r[1] || (r[1] = ue('<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", $o, [
-        l("p", Co, T(s.item?.uploaded_name), 1),
-        l("p", Vo, [
+      r[1] || (r[1] = de('<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", Mo, [
+        l("p", Lo, T(s.item?.uploaded_name), 1),
+        l("p", So, [
           l("span", null, T(s.item?.username), 1),
-          K(l("span", Mo, "|", 512), [
-            [He, s.item?.username]
+          K(l("span", Bo, "|", 512), [
+            [Ge, s.item?.username]
           ]),
           l("span", null, T(t.value), 1),
           r[0] || (r[0] = l("span", { class: "px-[5px]" }, "|", -1)),
-          l("span", Lo, T(n(s.item?.size)), 1)
+          l("span", jo, T(n(s.item?.size)), 1)
         ])
       ])
     ], 64));
   }
-}), So = { class: "p-3 relative group flex items-center gap-x-3 border border-gray-200 bg-white rounded-md w-full" }, Bo = {
+}), Io = { class: "p-3 relative group flex items-center gap-x-3 border border-gray-200 bg-white rounded-md w-full" }, zo = {
   key: 0,
   class: "flex w-full gap-x-3 items-center"
-}, jo = {
+}, Eo = {
   key: 1,
   class: "flex gap-x-3 w-full items-center"
-}, Io = {
+}, Ao = {
   key: 2,
   class: "flex gap-x-3 w-full items-center"
-}, zo = ["href"], Eo = {
+}, Fo = ["href"], Do = {
   key: 3,
   class: "flex gap-x-3 w-full items-center"
-}, Fo = { class: "lg:absolute lg:top-3 lg:end-1 opacity-100" }, Ao = { 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" }, Oo = { class: "inline-block" }, Do = { class: "inline-block" }, Uo = /* @__PURE__ */ A({
+}, Oo = { class: "lg:absolute lg:top-3 lg:end-1 opacity-100" }, Uo = { 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" }, To = { class: "inline-block" }, Ro = { class: "inline-block" }, Po = /* @__PURE__ */ F({
   __name: "vs-widget-file-item",
   props: {
     item: { default: null },
@@ -1259,42 +1259,42 @@ const dt = /* @__PURE__ */ N(mo, [["render", go]]), bo = { class: "h-[120px] w-[
     function v(p) {
       (t.item.ext === "jpg" || t.item.ext === "png") && n("openLightbox", { item: t.item, index: p });
     }
-    return (p, x) => (i(), d("div", So, [
-      p.item.ext === "jpg" || p.item.ext === "png" ? (i(), d("div", Bo, [
+    return (p, x) => (i(), d("div", Io, [
+      p.item.ext === "jpg" || p.item.ext === "png" ? (i(), d("div", zo, [
         l("div", {
           class: "max-w-[55vw] cursor-pointer flex gap-x-3 w-full items-center",
           onClick: x[0] || (x[0] = (g) => v(p.index))
         }, [
-          j(Ae, { item: p.item }, null, 8, ["item"])
+          j(Fe, { item: p.item }, null, 8, ["item"])
         ])
-      ])) : s(p.item) ? (i(), d("div", jo, [
-        j(Ae, { item: p.item }, null, 8, ["item"])
-      ])) : r(p.item) ? (i(), d("div", Io, [
+      ])) : s(p.item) ? (i(), d("div", Eo, [
+        j(Fe, { item: p.item }, null, 8, ["item"])
+      ])) : r(p.item) ? (i(), d("div", Ao, [
         l("a", {
           href: `/api/file-preview?id=${p.item.file_id}`,
           target: "_blank",
           class: "flex gap-x-3 w-full items-center"
         }, [
-          j(Ae, { item: p.item }, null, 8, ["item"])
-        ], 8, zo)
-      ])) : (i(), d("div", Eo, [
-        j(Ae, { item: p.item }, null, 8, ["item"])
+          j(Fe, { item: p.item }, null, 8, ["item"])
+        ], 8, Fo)
+      ])) : (i(), d("div", Do, [
+        j(Fe, { item: p.item }, null, 8, ["item"])
       ])),
-      l("div", Fo, [
-        l("div", Ao, [
-          l("div", Oo, [
+      l("div", Oo, [
+        l("div", Uo, [
+          l("div", To, [
             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: x[1] || (x[1] = (g) => a(p.item))
             }, [
-              j(dt, {
+              j(vt, {
                 height: "14",
                 width: "14"
               })
             ])
           ]),
           x[3] || (x[3] = l("div", { class: "w-px h-5 mx-1 bg-gray-200 dark:bg-neutral-700" }, null, -1)),
-          l("div", Do, [
+          l("div", Ro, [
             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",
@@ -1310,7 +1310,7 @@ const dt = /* @__PURE__ */ N(mo, [["render", go]]), bo = { class: "h-[120px] w-[
       ])
     ]));
   }
-}), To = {}, Ro = {
+}), Ho = {}, No = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1322,8 +1322,8 @@ const dt = /* @__PURE__ */ N(mo, [["render", go]]), bo = { class: "h-[120px] w-[
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-download"
 };
-function Po(o, e) {
-  return i(), d("svg", Ro, e[0] || (e[0] = [
+function qo(o, e) {
+  return i(), d("svg", No, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1334,13 +1334,13 @@ function Po(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const No = /* @__PURE__ */ N(To, [["render", Po]]), Ho = { class: "flex flex-col widget-file xl:bg-white xl:rounded-xl dark:xl:bg-neutral-800 dark:xl:border-neutral-700 w-full" }, qo = { class: "flex w-full mb-[12px] items-center gap-x-2" }, Go = { class: "font-semibold text-gray-800 dark:text-neutral-200 text-[14px]" }, Jo = { class1: "ml-auto" }, Ko = { class: "py-1.5 px-4 inline-flex items-center gap-x-2 text-sm font-medium rounded-lg bg-gray-100 cursor-pointer hover:bg-gray-200 text-gray-800 shadow-2xs hover:bg-gray-50 focus:outline-hidden focus:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" }, Zo = {
+const Go = /* @__PURE__ */ H(Ho, [["render", qo]]), Jo = { class: "flex flex-col widget-file xl:bg-white xl:rounded-xl dark:xl:bg-neutral-800 dark:xl:border-neutral-700 w-full" }, Ko = { class: "flex w-full mb-[12px] items-center gap-x-2" }, Zo = { class: "font-semibold text-gray-800 dark:text-neutral-200 text-[14px]" }, Wo = { class1: "ml-auto" }, Qo = { 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" }, Xo = {
   key: 0,
   class: "py-4 mb-4 space-y-4 border-gray-200 border-y dark:border-neutral-700"
-}, Wo = { class: "relative" }, Qo = {
+}, Yo = { class: "relative" }, ea = {
   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"
-}, Xo = { key: 0 }, Yo = /* @__PURE__ */ A({
+}, ta = { key: 0 }, la = /* @__PURE__ */ F({
   __name: "vs-input-file-list",
   props: {
     id: { default: "" },
@@ -1355,7 +1355,7 @@ const No = /* @__PURE__ */ N(To, [["render", Po]]), Ho = { class: "flex flex-col
   },
   emits: ["update"],
   setup(o, { emit: e }) {
-    const t = o, n = Me("form"), s = D(() => n.value.formId), r = w(!1), a = w(0), u = e, c = w(!1), v = w({}), p = w([]), x = w(""), g = D(() => Array.isArray(p.value) ? p.value.filter((m) => m.ext === "jpg" || m.ext === "png").map((m) => m?.file_path) : []), _ = D(() => x.value === "" ? p.value : p.value.filter((m) => m?.uploaded_name?.includes(x.value))), S = (m) => {
+    const t = o, n = Me("form"), s = O(() => n.value.formId), r = w(!1), a = w(0), u = e, c = w(!1), v = w({}), p = w([]), x = w(""), g = O(() => Array.isArray(p.value) ? p.value.filter((m) => m.ext === "jpg" || m.ext === "png").map((m) => m?.file_path) : []), _ = O(() => x.value === "" ? p.value : p.value.filter((m) => m?.uploaded_name?.includes(x.value))), S = (m) => {
       const f = g.value.findIndex((Z) => Z === m.item.file_path);
       f !== -1 && (r.value = !0, a.value = f);
     }, R = async () => {
@@ -1390,22 +1390,22 @@ const No = /* @__PURE__ */ N(To, [["render", Po]]), Ho = { class: "flex flex-col
     };
     return te(s, (m) => {
       m && R();
-    }), ge(() => {
+    }), be(() => {
       s.value && R();
     }), (m, f) => {
-      const Z = Qe("Lightbox"), U = Qe("MessageBox");
-      return i(), d("div", Ho, [
-        l("div", qo, [
-          l("h2", Go, " Файлів: " + T(p.value?.length), 1),
-          l("div", Jo, [
+      const Z = tt("Lightbox"), U = tt("MessageBox");
+      return i(), d("div", Jo, [
+        l("div", Ko, [
+          l("h2", Zo, " Файлів: " + T(p.value?.length), 1),
+          l("div", Wo, [
             l("label", null, [
               l("input", {
                 type: "file",
                 class: "hidden",
-                onChange: f[0] || (f[0] = (O) => $(O))
+                onChange: f[0] || (f[0] = (D) => $(D))
               }, null, 32),
-              l("div", Ko, [
-                j(No, {
+              l("div", Qo, [
+                j(Go, {
                   height: "16",
                   width: "16"
                 })
@@ -1413,9 +1413,9 @@ const No = /* @__PURE__ */ N(To, [["render", Po]]), Ho = { class: "flex flex-col
             ])
           ])
         ]),
-        p.value?.length > 4 ? (i(), d("div", Zo, [
+        p.value?.length > 4 ? (i(), d("div", Xo, [
           l("div", null, [
-            l("div", Wo, [
+            l("div", Yo, [
               f[8] || (f[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",
@@ -1439,12 +1439,12 @@ const No = /* @__PURE__ */ N(To, [["render", Po]]), Ho = { class: "flex flex-col
               ], -1)),
               K(l("input", {
                 type: "text",
-                "onUpdate:modelValue": f[1] || (f[1] = (O) => x.value = O),
+                "onUpdate:modelValue": f[1] || (f[1] = (D) => x.value = D),
                 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), [
                 [
-                  ne,
+                  re,
                   x.value,
                   void 0,
                   { trim: !0 }
@@ -1452,37 +1452,37 @@ const No = /* @__PURE__ */ N(To, [["render", Po]]), Ho = { class: "flex flex-col
               ])
             ])
           ])
-        ])) : F("", !0),
-        p.value?.length ? (i(), d("div", Qo, [
-          (i(!0), d(Y, null, le(_.value, (O, re) => (i(), ae(Uo, {
-            key: re,
+        ])) : A("", !0),
+        p.value?.length ? (i(), d("div", ea, [
+          (i(!0), d(Y, null, le(_.value, (D, ie) => (i(), ae(Po, {
+            key: ie,
             prefix: m.prefix,
-            item: O,
-            index: re,
+            item: D,
+            index: ie,
             onUpdate: f[2] || (f[2] = (ee) => m.$emit("update", "file-list")),
             onOpenModal: f[3] || (f[3] = (ee) => B(ee)),
             onOpenLightbox: f[4] || (f[4] = (ee) => S(ee))
           }, null, 8, ["prefix", "item", "index"]))), 128)),
-          _.value.length ? F("", !0) : (i(), d("div", Xo, f[9] || (f[9] = [
+          _.value.length ? A("", !0) : (i(), d("div", ta, f[9] || (f[9] = [
             l("p", { class: "text-sm text-gray-600 font-sm" }, " Файлів з такою назвою не існує, введіть інше пошукове слово ", -1)
           ])))
-        ])) : F("", !0),
+        ])) : A("", !0),
         j(Z, {
           modelValue: r.value,
-          "onUpdate:modelValue": f[5] || (f[5] = (O) => r.value = O),
+          "onUpdate:modelValue": f[5] || (f[5] = (D) => r.value = D),
           startIndex: a.value,
-          "onUpdate:index": f[6] || (f[6] = (O) => a.value = O),
+          "onUpdate:index": f[6] || (f[6] = (D) => a.value = D),
           images: g.value
         }, null, 8, ["modelValue", "startIndex", "images"]),
         j(U, Ee({
           modelValue: c.value,
-          "onUpdate:modelValue": f[7] || (f[7] = (O) => c.value = O),
+          "onUpdate:modelValue": f[7] || (f[7] = (D) => c.value = D),
           onConfirm: v.value.confirm
         }, v.value), null, 16, ["modelValue", "onConfirm"])
       ]);
     };
   }
-}), ea = { class: "flex items-center justify-between" }, ta = { class: "text-[16px] text-gray-900 font-medium" }, la = { class: "grid gap-3" }, oa = /* @__PURE__ */ A({
+}), oa = { class: "flex items-center justify-between" }, aa = { class: "text-[16px] text-gray-900 font-medium" }, sa = { class: "grid gap-3" }, na = /* @__PURE__ */ F({
   __name: "vs-container-switcher",
   props: {
     title: {
@@ -1506,27 +1506,27 @@ const No = /* @__PURE__ */ N(To, [["render", Po]]), Ho = { class: "flex flex-col
         t.value = n;
       }
     ), (n, s) => (i(), d("div", null, [
-      l("div", ea, [
-        l("p", ta, T(o.title), 1),
-        j(ut, {
+      l("div", oa, [
+        l("p", aa, T(o.title), 1),
+        j(ft, {
           modelValue: t.value,
           "onUpdate:modelValue": s[0] || (s[0] = (r) => t.value = r),
-          style: ke(o.style)
+          style: ge(o.style)
         }, null, 8, ["modelValue", "style"])
       ]),
-      j(rt, { name: "slide-fade" }, {
-        default: je(() => [
-          K(l("div", la, [
+      j(ct, { name: "slide-fade" }, {
+        default: Be(() => [
+          K(l("div", sa, [
             $e(n.$slots, "default", {}, void 0, !0)
           ], 512), [
-            [He, t.value]
+            [Ge, t.value]
           ])
         ]),
         _: 3
       })
     ]));
   }
-}), aa = /* @__PURE__ */ N(oa, [["__scopeId", "data-v-90320b87"]]), sa = { class: "text-[16px] text-gray-900 font-medium" }, na = { class: "grid gap-3" }, ra = /* @__PURE__ */ A({
+}), ra = /* @__PURE__ */ H(na, [["__scopeId", "data-v-90320b87"]]), ia = { class: "text-[16px] text-gray-900 font-medium" }, ua = { class: "grid gap-3" }, da = /* @__PURE__ */ F({
   __name: "vs-container-accordion",
   props: {
     title: {
@@ -1555,24 +1555,24 @@ const No = /* @__PURE__ */ N(To, [["render", Po]]), Ho = { class: "flex flex-col
         onClick: s[0] || (s[0] = (r) => t.value = !t.value),
         class: "flex items-center gap-2"
       }, [
-        j(q(il), {
+        j(q(cl), {
           class: M(["h-4 w-4 duration-300", [t.value ? "-rotate-180" : ""]])
         }, null, 8, ["class"]),
-        l("span", sa, T(o.title), 1)
+        l("span", ia, T(o.title), 1)
       ]),
-      j(rt, { name: "slide-fade" }, {
-        default: je(() => [
-          K(l("div", na, [
+      j(ct, { name: "slide-fade" }, {
+        default: Be(() => [
+          K(l("div", ua, [
             $e(n.$slots, "default", {}, void 0, !0)
           ], 512), [
-            [He, t.value]
+            [Ge, t.value]
           ])
         ]),
         _: 3
       })
     ]));
   }
-}), ia = /* @__PURE__ */ N(ra, [["__scopeId", "data-v-590eff11"]]), ua = { class: "flex items-center justify-between" }, da = /* @__PURE__ */ A({
+}), ca = /* @__PURE__ */ H(da, [["__scopeId", "data-v-590eff11"]]), pa = { class: "flex items-center justify-between" }, fa = /* @__PURE__ */ F({
   __name: "vs-container-default",
   props: {
     title: {
@@ -1586,17 +1586,17 @@ const No = /* @__PURE__ */ N(To, [["render", Po]]), Ho = { class: "flex flex-col
   },
   setup(o) {
     return (e, t) => (i(), d("div", null, [
-      l("div", ua, [
+      l("div", pa, [
         l("p", null, T(o.title), 1)
       ]),
       $e(e.$slots, "default")
     ]));
   }
-}), ca = {
-  switcher: aa,
-  accordion: ia,
-  default: da
-}, de = {
+}), va = {
+  switcher: ra,
+  accordion: ca,
+  default: fa
+}, ce = {
   Equal: "==",
   Inequal: "!=",
   Higer: ">",
@@ -1609,37 +1609,37 @@ const No = /* @__PURE__ */ N(To, [["render", Po]]), Ho = { class: "flex flex-col
   Contain: "*",
   In: "in",
   NotIn: "not_in"
-}, pa = (o, e) => String(o) === String(e), fa = (o, e) => String(o) !== String(e), va = (o, e) => o > e, ma = (o, e) => o >= e, ha = (o, e) => o < e, ga = (o, e) => o <= e, ba = (o, e) => Array.isArray(e) && e.length === 2 ? o >= e[0] && o <= e[1] : !1, ya = (o, e) => String(o).startsWith(String(e)), xa = (o, e) => String(o).endsWith(String(e)), wa = (o, e) => String(o).includes(String(e)), ka = (o, e) => Array.isArray(e) ? e.includes(o) : !1, _a = (o, e) => Array.isArray(e) ? !e.includes(o) : !0, ct = (o, e) => {
+}, ma = (o, e) => String(o) === String(e), ha = (o, e) => String(o) !== String(e), ga = (o, e) => o > e, ba = (o, e) => o >= e, ya = (o, e) => o < e, xa = (o, e) => o <= e, wa = (o, e) => Array.isArray(e) && e.length === 2 ? o >= e[0] && o <= e[1] : !1, ka = (o, e) => String(o).startsWith(String(e)), _a = (o, e) => String(o).endsWith(String(e)), $a = (o, e) => String(o).includes(String(e)), Ca = (o, e) => Array.isArray(e) ? e.includes(o) : !1, Va = (o, e) => Array.isArray(e) ? !e.includes(o) : !0, mt = (o, e) => {
   if (!e) return !0;
   switch (e?.[1]) {
-    case de.Equal:
-      return pa(o, e?.[2]);
-    case de.Inequal:
-      return fa(o, e?.[2]);
-    case de.Higer:
-      return va(o, e?.[2]);
-    case de.HigerOrEqual:
+    case ce.Equal:
       return ma(o, e?.[2]);
-    case de.Lower:
+    case ce.Inequal:
       return ha(o, e?.[2]);
-    case de.LowerOrEqual:
+    case ce.Higer:
       return ga(o, e?.[2]);
-    case de.Between:
+    case ce.HigerOrEqual:
       return ba(o, e?.[2]);
-    case de.StartWith:
+    case ce.Lower:
       return ya(o, e?.[2]);
-    case de.EndWith:
+    case ce.LowerOrEqual:
       return xa(o, e?.[2]);
-    case de.Contain:
+    case ce.Between:
       return wa(o, e?.[2]);
-    case de.In:
+    case ce.StartWith:
       return ka(o, e?.[2]);
-    case de.NotIn:
+    case ce.EndWith:
       return _a(o, e?.[2]);
+    case ce.Contain:
+      return $a(o, e?.[2]);
+    case ce.In:
+      return Ca(o, e?.[2]);
+    case ce.NotIn:
+      return Va(o, e?.[2]);
     default:
       return !0;
   }
-}, $a = /* @__PURE__ */ A({
+}, Ma = /* @__PURE__ */ F({
   __name: "vs-input-container",
   props: {
     style: {
@@ -1660,19 +1660,19 @@ const No = /* @__PURE__ */ N(To, [["render", Po]]), Ho = { class: "flex flex-col
     }
   },
   setup(o) {
-    const e = o, t = Me("formValues", { default: {} }), n = Me("form"), s = D(() => e.schema?.filter((a) => {
+    const e = o, t = Me("formValues", { default: {} }), n = Me("form"), s = O(() => e.schema?.filter((a) => {
       const u = a?.conditions;
       if (!u) return !0;
       const c = Array.isArray(u) ? u[0] : u, v = t?.value?.[c];
-      return ct(v, u);
-    })), r = D(() => ca[e.view]);
-    return (a, u) => o.schema?.length ? (i(), ae(Be(r.value), {
+      return mt(v, u);
+    })), r = O(() => va[e.view]);
+    return (a, u) => o.schema?.length ? (i(), ae(Se(r.value), {
       key: 0,
       title: o.title,
-      style: ke(o.style)
+      style: ge(o.style)
     }, {
-      default: je(() => [
-        (i(!0), d(Y, null, le(s.value, (c) => (i(), ae(pt, Ee({
+      default: Be(() => [
+        (i(!0), d(Y, null, le(s.value, (c) => (i(), ae(ht, Ee({
           key: c.name
         }, { ref_for: !0 }, c, {
           item: c,
@@ -1683,9 +1683,9 @@ const No = /* @__PURE__ */ N(To, [["render", Po]]), Ho = { class: "flex flex-col
         }), null, 16, ["item", "modelValue", "onUpdate:modelValue", "style", "error"]))), 128))
       ]),
       _: 1
-    }, 8, ["title", "style"])) : F("", !0);
+    }, 8, ["title", "style"])) : A("", !0);
   }
-}), Ca = { class: "relative" }, Va = { class: "w-full h-full fixed top-0 start-0 z-[1000] bg-black bg-opacity-50" }, Ma = { 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" }, La = { class: "py-2.5 px-4 flex justify-between items-center border-0 border-b border-solid border-gray-200 dark:border-b-[#454545]" }, Sa = { class: "font-medium text-gray-800 dark:text-[#ffffff]" }, Ba = { class: "p-4 mim-h-0 h-full overflow-auto" }, ja = /* @__PURE__ */ A({
+}), La = { class: "relative" }, Sa = { class: "w-full h-full fixed top-0 start-0 z-[1000] bg-black bg-opacity-50" }, Ba = { 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" }, ja = { class: "py-2.5 px-4 flex justify-between items-center border-0 border-b border-solid border-gray-200 dark:border-b-[#454545]" }, Ia = { class: "font-medium text-gray-800 dark:text-[#ffffff]" }, za = { class: "p-4 mim-h-0 h-full overflow-auto" }, Ea = /* @__PURE__ */ F({
   __name: "modal-edit",
   props: {
     schema: {},
@@ -1700,7 +1700,7 @@ const No = /* @__PURE__ */ N(To, [["render", Po]]), Ho = { class: "flex flex-col
     async function v() {
       const x = a.value.validate();
       if (x) {
-        we({ type: "warning", title: "Помилка валідації", message: Object.entries(x).map(([g, _]) => `${g}: ${_}`).join(`
+        ke({ type: "warning", title: "Помилка валідації", message: Object.entries(x).map(([g, _]) => `${g}: ${_}`).join(`
 `) });
         return;
       }
@@ -1714,29 +1714,29 @@ const No = /* @__PURE__ */ N(To, [["render", Po]]), Ho = { class: "flex flex-col
             body: JSON.stringify(r.value)
           });
           if (g.ok)
-            await g.json(), we({
+            await g.json(), ke({
               type: "success",
               title: "Успішно",
               message: `Дані успішно ${c.value === "add" ? "збережено" : "оновлено"}`
             }), n("save", r.value);
           else if (g.status === 400) {
             const _ = await g.json().catch(() => ({}));
-            we({
+            ke({
               type: "warning",
               title: "Помилка валідації",
               message: _.message || "Некоректні дані (400)"
             });
-          } else g.status === 500 ? we({
+          } else g.status === 500 ? ke({
             type: "error",
             title: "Серверна помилка",
             message: "Виникла помилка на сервері (500)"
-          }) : we({
+          }) : ke({
             type: "error",
             title: "Помилка",
             message: `Статус: ${g.status}`
           });
         } catch (g) {
-          we({
+          ke({
             type: "error",
             title: "Помилка з’єднання",
             message: g.message || "Не вдалося виконати запит"
@@ -1746,7 +1746,7 @@ const No = /* @__PURE__ */ N(To, [["render", Po]]), Ho = { class: "flex flex-col
     function p() {
       n("close");
     }
-    return ge(async () => {
+    return be(async () => {
       if (t.form) {
         const x = await fetch(`/api/template/form/${t.form}`).then((g) => g.json());
         s.value = x.schema, u.value = x.token;
@@ -1755,11 +1755,11 @@ const No = /* @__PURE__ */ N(To, [["render", Po]]), Ho = { class: "flex flex-col
         const x = await fetch(`/api/form/${u.value}`).then((g) => g.json());
         s.value = x.schema, x.data ? r.value = x.data : c.value = "add";
       }
-    }), (x, g) => (i(), d("div", Ca, [
-      l("div", Va, [
-        l("div", Ma, [
-          l("div", La, [
-            l("h3", Sa, T(c.value === "add" ? "Додати" : "Змінити"), 1),
+    }), (x, g) => (i(), d("div", La, [
+      l("div", Sa, [
+        l("div", Ba, [
+          l("div", ja, [
+            l("h3", Ia, T(c.value === "add" ? "Додати" : "Змінити"), 1),
             l("button", {
               onClick: p,
               type: "button",
@@ -1783,15 +1783,15 @@ const No = /* @__PURE__ */ N(To, [["render", Po]]), Ho = { class: "flex flex-col
               ], -1)
             ]))
           ]),
-          l("div", Ba, [
-            s.value ? (i(), ae(De, {
+          l("div", za, [
+            s.value ? (i(), ae(Oe, {
               key: 0,
               schema: s.value,
               values: r.value,
               "onUpdate:values": g[0] || (g[0] = (_) => r.value = _),
               form: a.value,
               "onUpdate:form": g[1] || (g[1] = (_) => a.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", {
@@ -1809,14 +1809,14 @@ const No = /* @__PURE__ */ N(To, [["render", Po]]), Ho = { class: "flex flex-col
       ])
     ]));
   }
-}), Te = (o = { mode: "edit", schema: null }) => new Promise((e) => {
-  const { close: t } = Ct({
+}), Pe = (o = { mode: "edit", schema: null }) => new Promise((e) => {
+  const { close: t } = Lt({
     title: o.mode === "add" ? "Додати" : "Редагувати",
     template: "",
     visible: !0,
     size: "medium",
     closeClickBack: !0,
-    content: ja,
+    content: Ea,
     contentProps: {
       ...o,
       onClose: () => {
@@ -1827,13 +1827,13 @@ const No = /* @__PURE__ */ N(To, [["render", Po]]), Ho = { class: "flex flex-col
       }
     }
   });
-}), Ia = ["aria-expanded", "data-focus"], za = { class: "flex items-center" }, Ea = ["title"], Fa = ["onClick"], Aa = ["title"], Oa = {
+}), Aa = ["aria-expanded", "data-focus"], Fa = { class: "flex items-center" }, Da = ["title"], Oa = ["onClick"], Ua = ["title"], Ta = {
   key: 2,
   class: "text-gray-500 truncate"
-}, Da = { class: "flex-1 min-w-[2px]" }, Ua = ["placeholder"], Ta = { class: "flex items-center shrink-0" }, Ra = ["disabled"], Pa = ["disabled"], Na = ["aria-disabled", "onClick"], Ha = {
+}, Ra = { class: "flex-1 min-w-[2px]" }, Pa = ["placeholder"], Ha = { class: "flex items-center shrink-0" }, Na = ["disabled"], qa = ["disabled", "title"], Ga = ["aria-disabled", "onClick"], Ja = {
   key: 1,
   class: "px-3 py-2 text-center text-gray-500"
-}, qa = ["disabled"], Ga = /* @__PURE__ */ A({
+}, Ka = ["disabled"], Za = /* @__PURE__ */ F({
   __name: "vs-input-select",
   props: {
     multiple: { type: Boolean, default: !1 },
@@ -1858,18 +1858,18 @@ const No = /* @__PURE__ */ N(To, [["render", Po]]), Ho = { class: "flex flex-col
   },
   emits: ["change", "update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, n = e, s = D(() => t.multiple), r = D(() => t.disabled);
-    be(t.style);
-    const a = D({
+    const t = o, n = e, s = O(() => t.multiple), r = O(() => t.disabled);
+    ye(t.style);
+    const a = O({
       get: () => t.modelValue,
       set: (h) => n("update:modelValue", h)
     });
     !a.value && t.defaultValue && (a.value = t.defaultValue);
-    const u = w(null), c = w(null), v = w(null), p = w(!1), x = w(!1), g = w(null), _ = w([]), S = w(-1), R = w([]), $ = w(""), z = w(null), B = w("bottom"), m = w({}), f = w([]), Z = D(() => {
+    const u = w(null), c = w(null), v = w(null), p = w(!1), x = w(!1), g = w(null), _ = w([]), S = w(-1), R = w([]), $ = w(""), z = w(null), B = w("bottom"), m = w({}), f = w([]), Z = O(() => {
       if (!f.value.length) return [];
       const h = new Map(_.value.map((b) => [b.id?.toString(), b]));
       return f.value.map((b) => h.get(b?.toString())).filter((b) => !!b);
-    }), U = D(() => t.placeholder || "Select..."), O = D(() => s.value ? !f.value.length && $.value === "" : !g.value?.text && $.value === ""), re = D(() => r.value ? !1 : s.value ? f.value.length > 0 : !!a.value), ee = (h) => s.value ? f.value.some((b) => b?.toString() === h?.toString()) : a.value?.toString() === h?.toString(), W = D(() => {
+    }), U = O(() => t.placeholder || "Select..."), D = O(() => s.value ? !f.value.length && $.value === "" : !g.value?.text && $.value === ""), ie = O(() => r.value ? !1 : s.value ? f.value.length > 0 : !!a.value), ee = (h) => s.value ? f.value.some((b) => b?.toString() === h?.toString()) : a.value?.toString() === h?.toString(), W = O(() => {
       let h = _.value ?? [];
       if (!t.data && $.value.trim() !== "") {
         const b = $.value.toLowerCase();
@@ -1880,18 +1880,18 @@ const No = /* @__PURE__ */ N(To, [["render", Po]]), Ho = { class: "flex flex-col
         h = h.filter((V) => !b.has(V.id?.toString()));
       }
       return h;
-    }), Ie = Me("values"), ye = D(() => t.parent ? Ie?.value?.[t.parent] ?? null : null), I = async (h) => {
+    }), je = Me("values"), xe = O(() => t.parent ? je?.value?.[t.parent] ?? null : null), I = async (h) => {
       if (!t.data) {
         let b = t.options ?? [];
         if (h?.trim()) {
           const V = h.toLowerCase();
-          b = b.filter((H) => H.text?.toLowerCase?.().includes(V));
+          b = b.filter((N) => N.text?.toLowerCase?.().includes(V));
         }
         return b;
       }
       try {
-        const b = t.host ?? "", V = t.prefix ?? "api", H = t.api ?? `/${V}/suggest/${t.data}`, se = `${b}${H}`, fe = new URLSearchParams();
-        return fe.set("json", "1"), h && fe.set("key", h), ye.value !== void 0 && ye.value !== null && ye.value !== "" && fe.set("parent", String(ye.value)), (await fetch(`${se}?${fe.toString()}`).then((Se) => Se.json()))?.data ?? [];
+        const b = t.host ?? "", V = t.prefix ?? "api", N = t.api ?? `/${V}/suggest/${t.data}`, se = `${b}${N}`, ne = new URLSearchParams();
+        return ne.set("json", "1"), h && ne.set("key", h), xe.value !== void 0 && xe.value !== null && xe.value !== "" && ne.set("parent", String(xe.value)), (await fetch(`${se}?${ne.toString()}`).then((Ie) => Ie.json()))?.data ?? [];
       } catch {
         return [];
       }
@@ -1899,24 +1899,24 @@ const No = /* @__PURE__ */ N(To, [["render", Po]]), Ho = { class: "flex flex-col
       t.data ? _.value = await I($.value) : _.value = t.options ? [...t.options] : [];
     }, E = async (h) => {
       if (h == null) return null;
-      const b = _.value?.find((H) => H?.id?.toString() === String(h));
+      const b = _.value?.find((N) => N?.id?.toString() === String(h));
       return b || ((await I(String(h)))?.[0] ?? null);
     }, G = async (h) => {
-      const b = new Set(_.value.map((H) => H.id?.toString())), V = h.filter((H) => !b.has(H?.toString()));
-      V.length && await V.reduce(async (H, se) => {
-        await H;
-        const fe = await E(se);
-        fe && _.value.push(fe);
+      const b = new Set(_.value.map((N) => N.id?.toString())), V = h.filter((N) => !b.has(N?.toString()));
+      V.length && await V.reduce(async (N, se) => {
+        await N;
+        const ne = await E(se);
+        ne && _.value.push(ne);
       }, Promise.resolve());
     }, oe = async () => {
       r.value || (p.value = !0, await C(), await ze(() => {
         he(), z.value?.focus(), W.value.length ? S.value = 0 : S.value = -1;
       }));
-    }, ie = () => {
+    }, ue = () => {
       p.value = !1, S.value = -1;
-    }, xe = async (h) => {
+    }, we = async (h) => {
       if (r.value) return;
-      !p.value ? await oe() : ie();
+      !p.value ? await oe() : ue();
     }, y = async () => {
       p.value ? z.value?.focus() : await oe();
     }, k = () => {
@@ -1926,39 +1926,54 @@ const No = /* @__PURE__ */ N(To, [["render", Po]]), Ho = { class: "flex flex-col
     }, J = (h) => {
       s.value ? (ee(h.id) || (f.value = [...f.value, h.id], a.value = [...f.value], n("change", a.value)), $.value = "", ze(() => {
         z.value?.focus(), S.value = Math.min(S.value, W.value.length - 1);
-      })) : (g.value = h, a.value = h.id, n("change", a.value), $.value = "", ie());
-    }, pe = (h) => {
+      })) : (g.value = h, a.value = h.id, n("change", a.value), $.value = "", ue());
+    }, fe = (h) => {
       ee(h.id) || J(h);
     }, _e = (h, b) => {
       if (!h || !b) return;
-      const V = h.offsetTop, H = V + h.offsetHeight, se = b.scrollTop, fe = se + b.clientHeight;
+      const V = h.offsetTop, N = V + h.offsetHeight, se = b.scrollTop, ne = se + b.clientHeight;
       let Le = b.scrollTop;
-      V < se ? Le = V - 80 : H > fe && (Le = H - b.clientHeight + 4);
-      const Se = b;
-      Se.scrollTop = Le;
+      V < se ? Le = V - 80 : N > ne && (Le = N - b.clientHeight + 4);
+      const Ie = b;
+      Ie.scrollTop = Le;
     }, me = (h) => {
       let b = h.parentElement;
       for (; b; ) {
-        const V = window.getComputedStyle(b), H = V.overflow + V.overflowY + V.overflowX;
-        if (H.includes("auto") || H.includes("scroll") || b === document.body || b === document.documentElement)
+        if (b.classList.contains("ui-dialog__content"))
           return b;
-        b = b.parentElement;
+        {
+          const V = window.getComputedStyle(b), N = V.overflow + V.overflowY + V.overflowX;
+          if (N.includes("auto") || N.includes("scroll") || b === document.body || b === document.documentElement)
+            return b;
+          b = b.parentElement;
+        }
       }
       return document.body;
     }, he = () => {
       if (!c.value) return;
-      const h = c.value.getBoundingClientRect(), V = me(c.value).getBoundingClientRect(), H = 300, se = 8, fe = h.top - V.top, Le = h.bottom - V.top, Se = V.height - Le - se, yt = fe - se;
-      Se >= H || yt < Se ? (B.value = "bottom", m.value = {
-        top: `${h.height + se}px`,
-        left: "0px",
-        right: "0px",
-        bottom: "auto"
-      }) : (B.value = "top", m.value = {
-        top: "auto",
-        left: "0px",
-        right: "0px",
-        bottom: `${h.height + se}px`
-      });
+      const h = c.value.getBoundingClientRect(), V = me(c.value).getBoundingClientRect(), N = 300, se = 20, ne = 8, Le = h.top - V.top, Ie = h.bottom - V.top, Ye = V.height - Ie - ne - se, et = Le - ne - se;
+      let Te = !1;
+      if (Ye >= et ? Te = !0 : Te = !1, Te) {
+        B.value = "bottom";
+        const Re = Math.min(N, Math.max(Ye + se, 50));
+        m.value = {
+          top: `${h.height + ne}px`,
+          left: "0px",
+          right: "0px",
+          bottom: "auto",
+          maxHeight: `${Re}px`
+        };
+      } else {
+        B.value = "top";
+        const Re = Math.min(N, Math.max(et + se, 50));
+        m.value = {
+          top: "auto",
+          left: "0px",
+          right: "0px",
+          bottom: `${h.height + ne}px`,
+          maxHeight: `${Re}px`
+        };
+      }
     }, Ce = async (h) => {
       r.value || !p.value && (h.key === "ArrowDown" || h.key === "ArrowUp") && (h.preventDefault(), await oe());
     }, Ve = (h) => {
@@ -1972,26 +1987,26 @@ const No = /* @__PURE__ */ N(To, [["render", Po]]), Ho = { class: "flex flex-col
         h.preventDefault();
         const V = W.value[S.value];
         V && J(V), z.value?.blur();
-      } else b === "Escape" ? (h.preventDefault(), ie()) : b === "Backspace" ? s.value && $.value === "" && f.value.length && (f.value = f.value.slice(0, -1), a.value = [...f.value], n("change", a.value)) : b === "Home" ? (S.value = 0, _e(R.value[0], v.value)) : b === "End" ? (S.value = W.value.length - 1, _e(R.value[S.value], v.value)) : b === "Tab" && ie();
-    }, vt = () => {
+      } else b === "Escape" ? (h.preventDefault(), ue()) : b === "Backspace" ? s.value && $.value === "" && f.value.length && (f.value = f.value.slice(0, -1), a.value = [...f.value], n("change", a.value)) : b === "Home" ? (S.value = 0, _e(R.value[0], v.value)) : b === "End" ? (S.value = W.value.length - 1, _e(R.value[S.value], v.value)) : b === "Tab" && ue();
+    }, bt = () => {
       r.value || (x.value = !0);
-    }, mt = () => {
+    }, yt = () => {
       x.value = !1, $.value = "";
-    }, qe = (h) => {
-      h.key === "Escape" && p.value && ie();
-    }, Ge = (h) => {
-      u.value && (u.value.contains(h.target) || ie());
     }, Je = (h) => {
+      h.key === "Escape" && p.value && ue();
+    }, Ke = (h) => {
+      u.value && (u.value.contains(h.target) || ue());
+    }, Ze = (h) => {
       p.value && v.value && !v.value.contains(h.target) && he();
-    }, Ke = () => {
+    }, We = () => {
       p.value && he();
-    }, Ze = () => {
+    }, Qe = () => {
       p.value && he();
     };
     te(() => t.options, (h) => {
       h?.length && (_.value = [...h]);
     }, { immediate: !0 });
-    const We = async () => {
+    const Xe = async () => {
       if (s.value)
         Array.isArray(a.value) ? f.value = [...a.value] : (f.value = a.value == null ? [] : [a.value], a.value = [...f.value]), !t.options?.length && t.data && await G(f.value);
       else {
@@ -2003,37 +2018,37 @@ const No = /* @__PURE__ */ N(To, [["render", Po]]), Ho = { class: "flex flex-col
       }
     };
     te(a, () => {
-      We();
-    }), ge(async () => {
-      addEventListener("keydown", qe), addEventListener("scroll", Je, !0), addEventListener("resize", Ke), document.addEventListener("click", Ge, !0), c.value && me(c.value).addEventListener("scroll", Ze, !0), t.options?.length ? _.value = [...t.options] : t.data && (_.value = await I("")), await We();
-    }), Re(() => {
-      removeEventListener("keydown", qe), removeEventListener("scroll", Je, !0), removeEventListener("resize", Ke), document.removeEventListener("click", Ge, !0), c.value && me(c.value).removeEventListener("scroll", Ze, !0);
+      Xe();
+    }), be(async () => {
+      addEventListener("keydown", Je), addEventListener("scroll", Ze, !0), addEventListener("resize", We), document.addEventListener("click", Ke, !0), c.value && me(c.value).addEventListener("scroll", Qe, !0), t.options?.length ? _.value = [...t.options] : t.data && (_.value = await I("")), await Xe();
+    }), He(() => {
+      removeEventListener("keydown", Je), removeEventListener("scroll", Ze, !0), removeEventListener("resize", We), document.removeEventListener("click", Ke, !0), c.value && me(c.value).removeEventListener("scroll", Qe, !0);
     });
-    async function ht() {
+    async function xt() {
       if (!t.add) return;
-      const h = await Te({ form: t.add.form, mode: "add" });
+      const h = await Pe({ form: t.add.form, mode: "add" });
       h && (await fetch(`/api/table/${t.add.token}`, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify(h)
       }).then((b) => b.json()), !t.options?.length && t.data && (_.value = await I($.value)));
     }
-    function gt(h, b = 200) {
+    function wt(h, b = 200) {
       let V;
-      return (...H) => {
-        V && clearTimeout(V), V = window.setTimeout(() => h(...H), b);
+      return (...N) => {
+        V && clearTimeout(V), V = window.setTimeout(() => h(...N), b);
       };
     }
-    const bt = gt(async (h) => {
+    const kt = wt(async (h) => {
       _.value = await I(h);
     }, 200);
     return te($, (h) => {
-      t.data && bt(h.trim());
+      t.data && kt(h.trim());
     }), te(() => t.options, (h) => {
       !t.data && h?.length && (_.value = [...h]);
     }, { immediate: !0 }), te(() => t.parent ?? t.parentValue, () => {
       t.data && C();
-    }), te(ye, async () => {
+    }), te(xe, async () => {
       t.data && (s.value ? (f.value = [], a.value = [], n("change", [])) : (g.value = null, a.value = null, n("change", null)));
     }), (h, b) => (i(), d("div", {
       class: "flex gap-1 w-full",
@@ -2079,21 +2094,21 @@ const No = /* @__PURE__ */ N(To, [["render", Po]]), Ho = { class: "flex flex-col
               class: "flex min-w-0 bg-[#e6e6e6] rounded-sm m-0.5 box-border",
               key: V.id
             }, [
-              l("div", za, [
+              l("div", Fa, [
                 V?.color ? (i(), d("span", {
                   key: 0,
                   class: "w-[16px] h-[16px] rounded-md block ml-1.5",
-                  style: ke({ backgroundColor: V?.color })
-                }, null, 4)) : F("", !0),
+                  style: ge({ backgroundColor: V?.color })
+                }, null, 4)) : A("", !0),
                 l("div", {
                   class: "truncate text-gray-900 overflow-hidden",
                   title: V.text
-                }, T(V.text), 9, Ea)
+                }, T(V.text), 9, Da)
               ]),
               l("div", {
                 role: "button",
                 class: "flex items-center rounded-sm px-1 box-border hover:bg-[#ffbdad] hover:text-[#de350b]",
-                onClick: ve((H) => P(V.id), ["stop"])
+                onClick: ve((N) => P(V.id), ["stop"])
               }, b[3] || (b[3] = [
                 l("svg", {
                   height: "14",
@@ -2105,7 +2120,7 @@ const No = /* @__PURE__ */ N(To, [["render", Po]]), Ho = { class: "flex flex-col
                 }, [
                   l("path", { d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z" })
                 ], -1)
-              ]), 8, Fa)
+              ]), 8, Oa)
             ]))), 128)) : !s.value && !x.value && g.value?.text && $.value === "" ? (i(), d("div", {
               key: 1,
               class: M(["truncate text-gray-900"]),
@@ -2114,14 +2129,14 @@ const No = /* @__PURE__ */ N(To, [["render", Po]]), Ho = { class: "flex flex-col
               g.value?.color ? (i(), d("span", {
                 key: 0,
                 class: "w-[14px] h-[14px] rounded-md block mr-1 mt-1 absolute",
-                style: ke({ backgroundColor: g.value?.color })
-              }, null, 4)) : F("", !0),
+                style: ge({ backgroundColor: g.value?.color })
+              }, null, 4)) : A("", !0),
               l("span", {
                 class: M({ "pl-5": g.value?.color })
               }, T(g.value.text), 3)
-            ], 8, Aa)) : F("", !0),
-            O.value ? (i(), d("div", Oa, T(U.value), 1)) : F("", !0),
-            l("div", Da, [
+            ], 8, Ua)) : A("", !0),
+            D.value ? (i(), d("div", Ta, T(U.value), 1)) : A("", !0),
+            l("div", Ra, [
               !r.value && h.search ? K((i(), d("input", {
                 key: 0,
                 ref_key: "inputRef",
@@ -2136,16 +2151,16 @@ const No = /* @__PURE__ */ N(To, [["render", Po]]), Ho = { class: "flex flex-col
                 "aria-autocomplete": "list",
                 placeholder: (s.value && f.value.length ? " " : null) || (x.value && !$.value?.length ? g.value?.text : " "),
                 "onUpdate:modelValue": b[0] || (b[0] = (V) => $.value = V),
-                onFocus: vt,
-                onBlur: mt,
+                onFocus: bt,
+                onBlur: yt,
                 onKeydown: Ve
-              }, null, 40, Ua)), [
-                [ne, $.value]
-              ]) : F("", !0)
+              }, null, 40, Pa)), [
+                [re, $.value]
+              ]) : A("", !0)
             ])
           ], 512),
-          l("div", Ta, [
-            re.value ? (i(), d("button", {
+          l("div", Ha, [
+            ie.value ? (i(), d("button", {
               key: 0,
               type: "button",
               class: "px-2 text-gray-400 hover:text-gray-500 transition-colors disabled:opacity-50",
@@ -2161,14 +2176,15 @@ const No = /* @__PURE__ */ N(To, [["render", Po]]), Ho = { 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, Ra)) : F("", !0),
+            ]), 8, Na)) : A("", !0),
             b[6] || (b[6] = l("div", { class: "self-stretch w-px bg-[#ccc] my-[1px]" }, null, -1)),
             l("button", {
               type: "button",
               class: "px-2 text-gray-400 hover:text-gray-500 transition-colors disabled:opacity-50",
               "aria-hidden": "true",
               disabled: r.value,
-              onClick: b[1] || (b[1] = ve((V) => xe(), ["stop"]))
+              onClick: b[1] || (b[1] = ve((V) => we(), ["stop"])),
+              title: p.value ? "Закрити список" : "Відкрити список"
             }, b[5] || (b[5] = [
               l("svg", {
                 height: "20",
@@ -2178,70 +2194,71 @@ const No = /* @__PURE__ */ N(To, [["render", Po]]), Ho = { 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, Pa)
+            ]), 8, qa)
           ])
-        ], 42, Ia),
+        ], 42, Aa),
         p.value ? (i(), d("div", {
           key: 0,
           class: M([
             "absolute z-10 w-full rounded bg-white shadow-[0_0_0_1px_rgba(0,0,0,0.1),0_4px_11px_rgba(0,0,0,0.1)]",
             B.value === "bottom" ? "mt-2" : "mb-2"
           ]),
-          style: ke(m.value),
+          style: ge(m.value),
           role: "listbox"
         }, [
           l("div", {
-            class: "max-h-[300px] overflow-y-auto py-1",
+            class: "overflow-y-auto py-1",
+            style: ge({ maxHeight: m.value.maxHeight || "300px" }),
             ref_key: "listRef",
             ref: v
           }, [
-            W.value.length ? (i(!0), d(Y, { key: 0 }, le(W.value, (V, H) => (i(), d("div", {
+            W.value.length ? (i(!0), d(Y, { key: 0 }, le(W.value, (V, N) => (i(), d("div", {
               key: V.id,
               ref_for: !0,
-              ref: (se) => R.value[H] = se,
+              ref: (se) => R.value[N] = se,
               class: M([
                 "flex px-3 py-2 cursor-default select-none hover:bg-blue-300",
-                S.value === H ? "bg-blue-300" : "",
+                S.value === N ? "bg-blue-300" : "",
                 ee(V.id) ? "text-white bg-blue-500" : "text-gray-900 bg-white"
               ]),
               "aria-disabled": ee(V.id) ? "true" : "false",
               role: "option",
               tabindex: "-1",
-              onClick: (se) => pe(V)
+              onClick: (se) => fe(V)
             }, [
               V?.color ? (i(), d("span", {
                 key: 0,
                 class: "w-[11px] h-[11px] rounded-full block mr-1 mt-1.5",
-                style: ke({ backgroundColor: V?.color })
-              }, null, 4)) : F("", !0),
+                style: ge({ backgroundColor: V?.color })
+              }, null, 4)) : A("", !0),
               l("div", {
                 class: M([
                   "leading-[19px]",
                   S.value === V.id ? "text-white" : "",
                   // active style like react-select
-                  (S.value === H, "")
+                  (S.value === N, "")
                 ])
               }, T(V.text), 3)
-            ], 10, Na))), 128)) : (i(), d("div", Ha, " No options "))
-          ], 512)
-        ], 6)) : F("", !0)
+            ], 10, Ga))), 128)) : (i(), d("div", Ja, " No options "))
+          ], 4)
+        ], 6)) : A("", !0)
       ], 2),
       t.add ? (i(), d("button", {
         key: 0,
-        onClick: ht,
+        onClick: xt,
         class: "bg-white hover:bg-gray-100 text-sm text-gray-900 py-[10px] px-3 border border-stone-200 rounded-md h-[38px] flex items-center gap-2",
         disabled: r.value,
         type: "button"
       }, [
-        j(Fe, {
+        j(Ae, {
           width: "16",
           height: "16"
         }),
         b[9] || (b[9] = l("span", null, "Додати", -1))
-      ], 8, qa)) : F("", !0)
+      ], 8, Ka)) : A("", !0)
     ], 512));
   }
-}), Ja = ["placeholder", "disabled"], Ka = /* @__PURE__ */ A({
+}), Wa = ["placeholder", "disabled"], Qa = /* @__PURE__ */ F({
   __name: "vs-input-textarea",
   props: /* @__PURE__ */ Q({
     style: { default: () => ({}) },
@@ -2257,7 +2274,7 @@ const No = /* @__PURE__ */ N(To, [["render", Po]]), Ho = { class: "flex flex-col
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = be(e.style), n = X(o, "modelValue");
+    const e = o, { inputClass: t } = ye(e.style), n = X(o, "modelValue");
     return (s, r) => K((i(), d("textarea", {
       "onUpdate:modelValue": r[0] || (r[0] = (a) => n.value = a),
       placeholder: s.placeholder,
@@ -2267,11 +2284,11 @@ const No = /* @__PURE__ */ N(To, [["render", Po]]), Ho = { class: "flex flex-col
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, Ja)), [
-      [ne, n.value]
+    }, null, 10, Wa)), [
+      [re, n.value]
     ]);
   }
-}), Za = {}, Wa = {
+}), Xa = {}, Ya = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2281,8 +2298,8 @@ const No = /* @__PURE__ */ N(To, [["render", Po]]), Ho = { class: "flex flex-col
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-search stroke-gray-500 transition-all"
 };
-function Qa(o, e) {
-  return i(), d("svg", Wa, e[0] || (e[0] = [
+function es(o, e) {
+  return i(), d("svg", Ya, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2292,7 +2309,7 @@ function Qa(o, e) {
     l("path", { d: "M21 21l-6 -6" }, null, -1)
   ]));
 }
-const Xa = /* @__PURE__ */ N(Za, [["render", Qa]]), Ya = {}, es = {
+const ts = /* @__PURE__ */ H(Xa, [["render", es]]), ls = {}, os = {
   class: "flex-shrink-0 mt-0.5 size-3.5",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
@@ -2302,15 +2319,15 @@ const Xa = /* @__PURE__ */ N(Za, [["render", Qa]]), Ya = {}, es = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function ts(o, e) {
-  return i(), d("svg", es, e[0] || (e[0] = [
+function as(o, e) {
+  return i(), d("svg", os, e[0] || (e[0] = [
     l("path", { d: "m3 16 4 4 4-4" }, null, -1),
     l("path", { d: "M7 20V4" }, null, -1),
     l("path", { d: "m21 8-4-4-4 4" }, null, -1),
     l("path", { d: "M17 4v16" }, null, -1)
   ]));
 }
-const ls = /* @__PURE__ */ N(Ya, [["render", ts]]), os = {}, as = {
+const ss = /* @__PURE__ */ H(ls, [["render", as]]), ns = {}, rs = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "14",
   height: "14",
@@ -2321,8 +2338,8 @@ const ls = /* @__PURE__ */ N(Ya, [["render", ts]]), os = {}, as = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function ss(o, e) {
-  return i(), d("svg", as, e[0] || (e[0] = [
+function is(o, e) {
+  return i(), d("svg", rs, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2333,7 +2350,7 @@ function ss(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const ns = /* @__PURE__ */ N(os, [["render", ss]]), rs = {}, is = {
+const us = /* @__PURE__ */ H(ns, [["render", is]]), ds = {}, cs = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2342,8 +2359,8 @@ const ns = /* @__PURE__ */ N(os, [["render", ss]]), rs = {}, is = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function us(o, e) {
-  return i(), d("svg", is, e[0] || (e[0] = [
+function ps(o, e) {
+  return i(), d("svg", cs, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2354,7 +2371,7 @@ function us(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const ds = /* @__PURE__ */ N(rs, [["render", us]]), cs = {}, ps = {
+const fs = /* @__PURE__ */ H(ds, [["render", ps]]), vs = {}, ms = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2363,22 +2380,22 @@ const ds = /* @__PURE__ */ N(rs, [["render", us]]), cs = {}, ps = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function fs(o, e) {
-  return i(), d("svg", ps, e[0] || (e[0] = [
-    ue('<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 hs(o, e) {
+  return i(), d("svg", ms, e[0] || (e[0] = [
+    de('<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 ot = /* @__PURE__ */ N(cs, [["render", fs]]), vs = {}, ms = {
+const rt = /* @__PURE__ */ H(vs, [["render", hs]]), gs = {}, bs = {
   viewBox: "0 0 178 90",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function hs(o, e) {
-  return i(), d("svg", ms, e[0] || (e[0] = [
-    ue('<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 ys(o, e) {
+  return i(), d("svg", bs, e[0] || (e[0] = [
+    de('<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 gs = /* @__PURE__ */ N(vs, [["render", hs]]), bs = {}, ys = {
+const xs = /* @__PURE__ */ H(gs, [["render", ys]]), ws = {}, ks = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2387,16 +2404,16 @@ const gs = /* @__PURE__ */ N(vs, [["render", hs]]), bs = {}, ys = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function xs(o, e) {
-  return i(), d("svg", ys, e[0] || (e[0] = [
+function _s(o, e) {
+  return i(), d("svg", ks, e[0] || (e[0] = [
     l("path", { d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z" }, null, -1)
   ]));
 }
-const ws = /* @__PURE__ */ N(bs, [["render", xs]]), ks = { class: "vs-datatable border rounded-xl w-full flex-grow" }, _s = { class: "flex items-center npm gap-[16px] justify-between p-[20px] pb-[16px]" }, $s = { class: "relative w-full" }, Cs = { class: "table-wrapper flex gap-2" }, Vs = { class: "vs-popover inline-block text-slate-700" }, Ms = { class: "text-center" }, Ls = { class: "" }, Ss = { 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" }, Bs = { class: "flex flex-col p-[1px] gap-[2px] w-[140px]" }, js = { class: "text-sm items-center text-gray-800 flex gap-1" }, Is = { class: "w-full overflow-x-auto" }, zs = { class: "w-full table-auto caption-bottom text-sm" }, Es = { class: "[&_tr]:border-b" }, Fs = { 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" }, As = { 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" }, Os = {
+const $s = /* @__PURE__ */ H(ws, [["render", _s]]), Cs = { class: "vs-datatable border rounded-xl w-full flex-grow" }, Vs = { class: "flex items-center npm gap-[16px] justify-between p-[20px] pb-[16px]" }, Ms = { class: "relative w-full" }, Ls = { class: "table-wrapper flex gap-2" }, Ss = { class: "vs-popover inline-block text-slate-700" }, Bs = { class: "text-center" }, js = { class: "" }, Is = { class: "py-1 px-0 w-full text-sm text-stone-800 bg-white shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-lg focus:outline-none focus:bg-stone-100 dark:bg-neutral-900 dark:text-neutral-200 dark:focus:bg-neutral-800 after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" }, zs = { class: "flex flex-col p-[1px] gap-[2px] w-[140px]" }, Es = { class: "text-sm items-center text-gray-800 flex gap-1" }, As = { class: "w-full overflow-x-auto" }, Fs = { class: "w-full table-auto caption-bottom text-sm" }, Ds = { class: "[&_tr]:border-b" }, Os = { class: "border-b data-[state=selected]:bg-muted bg-slate-50/50 dark:bg-slate-700/50 hover:bg-slate-50/80 dark:hover:bg-slate-700/80 transition-colors" }, Us = { class: "h-10 px-2 align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] w-12 text-center" }, Ts = {
   key: 0,
   colspan: "100%",
   class: "text-center"
-}, Ds = { class: "w-full" }, Us = { class: "p-5 min-h-[200px] flex flex-col justify-center items-center text-center" }, Ts = ["onDragstart", "onDragover", "onDrop"], Rs = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] text-center" }, Ps = { class: "flex items-center justify-center" }, Ns = { 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" }, Hs = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]" }, qs = { class: "flex items-center justify-center gap-2" }, Gs = ["onClick"], Js = ["onClick"], Ks = { class: "vs-form__head mr-5 mt-3 flex items-center justify-end sticky top-0 left-0 z-[60] bg-white" }, Zs = /* @__PURE__ */ A({
+}, Rs = { class: "w-full" }, Ps = { class: "p-5 min-h-[200px] flex flex-col justify-center items-center text-center" }, Hs = ["onDragstart", "onDragover", "onDrop"], Ns = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] text-center" }, qs = { class: "flex items-center justify-center" }, Gs = { class: "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-slate-100 dark:bg-slate-700 text-slate-700 dark:text-slate-300 hover:bg-slate-200 dark:hover:bg-slate-600 transition-colors" }, Js = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]" }, Ks = { class: "flex items-center justify-center gap-2" }, Zs = ["onClick"], Ws = ["onClick"], Qs = { class: "vs-form__head mr-5 mt-3 flex items-center justify-end sticky top-0 left-0 z-[60] bg-white" }, Xs = /* @__PURE__ */ F({
   __name: "vs-input-datatable",
   props: /* @__PURE__ */ Q({
     colModel: {},
@@ -2413,7 +2430,7 @@ const ws = /* @__PURE__ */ N(bs, [["render", xs]]), ks = { class: "vs-datatable
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = X(o, "modelValue"), n = w({}), s = w(""), r = D(() => {
+    const e = o, t = X(o, "modelValue"), n = w({}), s = w(""), r = O(() => {
       if (!s.value) return t.value ?? [];
       const I = s.value.toLowerCase();
       return t.value.filter((C) => e.colModel?.some((E) => {
@@ -2442,20 +2459,20 @@ const ws = /* @__PURE__ */ N(bs, [["render", xs]]), ks = { class: "vs-datatable
       const G = new FileReader();
       G.onload = (oe) => {
         try {
-          const ie = oe.target?.result;
-          if (typeof ie == "string") {
-            const xe = JSON.parse(ie);
-            Array.isArray(xe) && t.value.push(...xe);
+          const ue = oe.target?.result;
+          if (typeof ue == "string") {
+            const we = JSON.parse(ue);
+            Array.isArray(we) && t.value.push(...we);
           }
-        } catch (ie) {
-          console.error("Error parsing file:", ie);
+        } catch (ue) {
+          console.error("Error parsing file:", ue);
         }
       }, G.readAsText(E);
     }, z = () => {
       const I = JSON.stringify(t.value, null, 2), C = new Blob([I], { type: "application/json" }), E = URL.createObjectURL(C), G = document.createElement("a");
       G.href = E, G.download = "data.json", G.click(), URL.revokeObjectURL(E);
     };
-    ge(async () => {
+    be(async () => {
       const I = e.colModel?.filter((C) => C.data);
       I?.length && Promise.all(I.map(async (C) => {
         const G = await (await fetch(`/api/suggest/${C.data}`)).json();
@@ -2464,8 +2481,8 @@ const ws = /* @__PURE__ */ N(bs, [["render", xs]]), ks = { class: "vs-datatable
     });
     const B = w(""), m = w(!1);
     let f = "edit", Z = 0;
-    const U = w({}), O = w({});
-    async function re() {
+    const U = w({}), D = w({});
+    async function ie() {
       B.value = "Додати", m.value = !0, f = "add", U.value = {};
     }
     function ee(I, C) {
@@ -2474,22 +2491,22 @@ const ws = /* @__PURE__ */ N(bs, [["render", xs]]), ks = { class: "vs-datatable
     async function W(I, C) {
       B.value = "Редагувати", m.value = !0, f = "edit", Z = C, U.value = { ...I };
     }
-    function Ie() {
-      const I = O.value.validate();
+    function je() {
+      const I = D.value.validate();
       if (I) {
-        we({ type: "warning", title: "Помилка валідації", message: Object.entries(I).map(([C, E]) => `${C}: ${E}`).join(`
+        ke({ type: "warning", title: "Помилка валідації", message: Object.entries(I).map(([C, E]) => `${C}: ${E}`).join(`
 `) });
         return;
       }
       f === "add" ? Array.isArray(t.value) ? t.value = [...t.value, U.value] : t.value = [U.value] : t.value = t.value.map((C, E) => E === Z ? U.value : C), m.value = !1;
     }
-    function ye(I) {
+    function xe(I) {
       t.value = t.value.filter((C, E) => E !== I);
     }
-    return (I, C) => (i(), d("div", ks, [
-      l("div", _s, [
-        l("div", $s, [
-          j(Xa, {
+    return (I, C) => (i(), d("div", Cs, [
+      l("div", Vs, [
+        l("div", Ms, [
+          j(ts, {
             width: "14",
             height: "14",
             class: "absolute left-3 top-1/2 transform -translate-y-1/2 text-stone-500"
@@ -2500,10 +2517,10 @@ const ws = /* @__PURE__ */ N(bs, [["render", xs]]), ks = { class: "vs-datatable
             placeholder: "Пошук",
             class: "py-2 px-3 pl-10 w-full bg-gray-100 h-[36px] rounded-[8px] text-[15px] leading-[18px] focus:border-1 text-stone-800 placeholder:text-[#6B7280] focus:outline-blue-500 focus:outline-2"
           }, null, 512), [
-            [ne, s.value]
+            [re, s.value]
           ])
         ]),
-        l("div", Cs, [
+        l("div", Ls, [
           l("input", {
             ref_key: "fileInput",
             ref: v,
@@ -2512,14 +2529,14 @@ const ws = /* @__PURE__ */ N(bs, [["render", xs]]), ks = { class: "vs-datatable
             accept: ".json",
             type: "file"
           }, null, 544),
-          l("div", Vs, [
-            l("div", Ms, [
-              l("div", Ls, [
+          l("div", Ss, [
+            l("div", Bs, [
+              l("div", js, [
                 l("button", {
                   onClick: S,
                   class: "bg-white hover:bg-gray-100 font-semibold text-[15px] leadig-[18.5px] py-[10px] px-[12px] border border-[#E5E7EB] rounded-[8px] h-[38px] max-h-[38px] gap-[8px] flex items-center"
                 }, [
-                  j(ls, {
+                  j(ss, {
                     height: "16",
                     width: "16"
                   })
@@ -2528,56 +2545,56 @@ const ws = /* @__PURE__ */ N(bs, [["render", xs]]), ks = { class: "vs-datatable
             ])
           ])
         ]),
-        (i(), ae(_t, { to: "body" }, [
+        (i(), ae(Vt, { to: "body" }, [
           c.value ? (i(), d("div", {
             key: 0,
             class: "text-slate-700 vsTailwind vs-popover__content bottom",
-            style: ke([{ width: "fit-content", "z-index": "10002", position: "fixed" }, { position: "absolute", top: p.value.top + "px", left: p.value.left + "px" }])
+            style: ge([{ width: "fit-content", "z-index": "10002", position: "fixed" }, { position: "absolute", top: p.value.top + "px", left: p.value.left + "px" }])
           }, [
-            l("div", Ss, [
-              l("div", Bs, [
+            l("div", Is, [
+              l("div", zs, [
                 l("button", {
                   onClick: R,
                   class: "text-slate-700 flex items-center gap-1 px-3 py-2 rounded-md cursor-pointer group hover:bg-gray-100"
                 }, [
-                  j(ns, {
+                  j(us, {
                     class: "text-black",
                     width: "14",
                     height: "14"
                   }),
-                  C[4] || (C[4] = ce(" Імпортувати ", -1))
+                  C[4] || (C[4] = pe(" Імпортувати ", -1))
                 ]),
                 l("button", {
                   onClick: z,
                   class: "text-slate-700 flex items-center px-3 py-2 rounded-md cursor-pointer group hover:bg-gray-100"
                 }, [
-                  l("span", js, [
-                    j(ds, {
+                  l("span", Es, [
+                    j(fs, {
                       class: "text-black",
                       width: "14",
                       height: "14"
                     }),
-                    C[5] || (C[5] = ce(" Експортувати ", -1))
+                    C[5] || (C[5] = pe(" Експортувати ", -1))
                   ])
                 ])
               ])
             ])
-          ], 4)) : F("", !0)
+          ], 4)) : A("", !0)
         ])),
         l("button", {
-          onClick: re,
+          onClick: ie,
           class: "text-slate-700 bg-white hover:bg-gray-100 font-semibold text-[15px] leadig-[18.5px] py-[10px] px-[12px] border border-[#E5E7EB] rounded-[8px] h-[38px] max-h-[38px] gap-[8px] flex items-center"
         }, [
-          j(Fe),
-          C[6] || (C[6] = ce(" Додати ", -1))
+          j(Ae),
+          C[6] || (C[6] = pe(" Додати ", -1))
         ])
       ]),
-      l("div", Is, [
-        l("table", zs, [
-          l("thead", Es, [
-            l("tr", Fs, [
-              l("th", As, [
-                j(ot, {
+      l("div", As, [
+        l("table", Fs, [
+          l("thead", Ds, [
+            l("tr", Os, [
+              l("th", Us, [
+                j(rt, {
                   width: "24",
                   height: "24",
                   class: "w-4 h-4 mx-auto text-slate-400 dark:text-slate-500"
@@ -2593,17 +2610,17 @@ const ws = /* @__PURE__ */ N(bs, [["render", xs]]), ks = { class: "vs-datatable
           l("tbody", {
             class: M({ "[&_tr:last-child]:border-0": !u.value })
           }, [
-            r.value.length === 0 ? (i(), d("td", Os, [
-              l("div", Ds, [
-                l("div", Us, [
-                  j(gs, { class: "w-48 mx-auto" }),
+            r.value.length === 0 ? (i(), d("td", Ts, [
+              l("div", Rs, [
+                l("div", Ps, [
+                  j(xs, { class: "w-48 mx-auto" }),
                   C[8] || (C[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),
+            ])) : A("", !0),
             (i(!0), d(Y, null, le(r.value, (E, G) => (i(), d("tr", {
               key: E.id,
               class: M(["border-b data-[state=selected]:bg-muted transition-all duration-200 hover:bg-slate-50/60 dark:hover:bg-slate-700/60 cursor-move", {
@@ -2615,9 +2632,9 @@ const ws = /* @__PURE__ */ N(bs, [["render", xs]]), ks = { class: "vs-datatable
               onDragover: ve((oe) => g(G), ["prevent"]),
               onDrop: (oe) => _(G)
             }, [
-              l("td", Rs, [
-                l("div", Ps, [
-                  j(ot, {
+              l("td", Ns, [
+                l("div", qs, [
+                  j(rt, {
                     width: "24",
                     height: "24",
                     class: "w-4 h-4 mx-auto text-slate-400 dark:text-slate-500"
@@ -2628,22 +2645,22 @@ const ws = /* @__PURE__ */ N(bs, [["render", xs]]), ks = { class: "vs-datatable
                 key: oe.key,
                 class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]"
               }, [
-                l("div", Ns, T(ee(E, oe)), 1)
+                l("div", Gs, T(ee(E, oe)), 1)
               ]))), 128)),
-              l("td", Hs, [
-                l("div", qs, [
+              l("td", Js, [
+                l("div", Ks, [
                   l("button", {
                     onClick: (oe) => W(E, G),
                     class: "text-slate-700 inline-flex items-center justify-center whitespace-nowrap font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border rounded-md text-xs h-7 w-7 p-0 border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-700 hover:bg-blue-50 dark:hover:bg-slate-600 hover:border-blue-300 dark:hover:border-slate-500 hover:text-blue-600 dark:hover:text-slate-200 transition-all duration-200 shadow-sm"
                   }, [
-                    j(ws, {
+                    j($s, {
                       width: "24",
                       height: "24",
                       class: "w-3 h-3"
                     })
-                  ], 8, Gs),
+                  ], 8, Zs),
                   l("button", {
-                    onClick: (oe) => ye(G),
+                    onClick: (oe) => xe(G),
                     class: "text-slate-700 inline-flex items-center justify-center whitespace-nowrap font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border rounded-md text-xs h-7 w-7 p-0 border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-700 hover:bg-red-50 dark:hover:bg-slate-600 hover:border-red-300 dark:hover:border-slate-500 hover:text-red-600 dark:hover:text-slate-200 transition-all duration-200 shadow-sm"
                   }, [
                     j(Ue, {
@@ -2651,34 +2668,34 @@ const ws = /* @__PURE__ */ N(bs, [["render", xs]]), ks = { class: "vs-datatable
                       height: "24",
                       class: "w-3 h-3"
                     })
-                  ], 8, Js)
+                  ], 8, Ws)
                 ])
               ])
-            ], 42, Ts))), 128))
+            ], 42, Hs))), 128))
           ], 2)
         ])
       ]),
-      j(q(Vt), {
+      j(q(St), {
         visible: m.value,
         title: B.value,
         size: "lg"
       }, {
-        default: je(() => [
-          j(De, {
+        default: Be(() => [
+          j(Oe, {
             schema: e.colModel,
             values: U.value,
             "onUpdate:values": C[1] || (C[1] = (E) => U.value = E),
-            form: O.value,
-            "onUpdate:form": C[2] || (C[2] = (E) => O.value = E)
+            form: D.value,
+            "onUpdate:form": C[2] || (C[2] = (E) => D.value = E)
           }, null, 8, ["schema", "values", "form"]),
-          l("div", Ks, [
+          l("div", Qs, [
             l("button", {
               type: "button",
               onClick: C[3] || (C[3] = (E) => m.value = !1),
               class: "vs-button inline-flex border-solid justify-center items-center gap-2 rounded-md font-semibold focus:outline-none text-sm transition-all border !border-gray-200 hover:text-white bg-white text-red-500 hover:border-red-500 hover:bg-red-500 focus:ring-red-500 py-1.5 px-5 focus:ring-1 focus:ring-offset-1 mr-2"
             }, " Скасувати "),
             l("button", {
-              onClick: Ie,
+              onClick: je,
               type: "button",
               class: "vs-button inline-flex border-solid justify-center items-center gap-2 rounded-md font-semibold focus:outline-none text-sm transition-all border-1 border-transparent text-white bg-blue-500 hover:bg-blue-600 focus:ring-blue-500 py-1.5 px-5 focus:ring-1 focus:ring-offset-1"
             }, " Зберегти ")
@@ -2688,7 +2705,7 @@ const ws = /* @__PURE__ */ N(bs, [["render", xs]]), ks = { class: "vs-datatable
       }, 8, ["visible", "title"])
     ]));
   }
-}), Ws = {
+}), Ys = {
   draw: {
     toolbar: {
       actions: {
@@ -2796,7 +2813,7 @@ const ws = /* @__PURE__ */ N(bs, [["render", xs]]), ks = { class: "vs-datatable
     }
   }
 };
-function Qs(o) {
+function en(o) {
   return o ? o.type === "FeatureCollection" || o.type === "Feature" ? o : o.geom ? {
     type: "Feature",
     geometry: {
@@ -2810,7 +2827,7 @@ function Qs(o) {
     properties: {}
   } : null : null;
 }
-const Xs = {}, Ys = {
+const tn = {}, ln = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   stroke: "currentColor",
@@ -2820,8 +2837,8 @@ const Xs = {}, Ys = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-map-pin"
 };
-function en(o, e) {
-  return i(), d("svg", Ys, e[0] || (e[0] = [
+function on(o, e) {
+  return i(), d("svg", ln, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2831,7 +2848,7 @@ function en(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 tn = /* @__PURE__ */ N(Xs, [["render", en]]), ln = {}, on = {
+const an = /* @__PURE__ */ H(tn, [["render", on]]), sn = {}, nn = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2841,8 +2858,8 @@ const tn = /* @__PURE__ */ N(Xs, [["render", en]]), ln = {}, on = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-line"
 };
-function an(o, e) {
-  return i(), d("svg", on, e[0] || (e[0] = [
+function rn(o, e) {
+  return i(), d("svg", nn, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2853,7 +2870,7 @@ function an(o, e) {
     l("path", { d: "M7.5 16.5l9 -9" }, null, -1)
   ]));
 }
-const sn = /* @__PURE__ */ N(ln, [["render", an]]), nn = {}, rn = {
+const un = /* @__PURE__ */ H(sn, [["render", rn]]), dn = {}, cn = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2863,12 +2880,12 @@ const sn = /* @__PURE__ */ N(ln, [["render", an]]), nn = {}, rn = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-polygon"
 };
-function un(o, e) {
-  return i(), d("svg", rn, e[0] || (e[0] = [
-    ue('<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 pn(o, e) {
+  return i(), d("svg", cn, e[0] || (e[0] = [
+    de('<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 dn = /* @__PURE__ */ N(nn, [["render", un]]), cn = {}, pn = {
+const fn = /* @__PURE__ */ H(dn, [["render", pn]]), vn = {}, mn = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2878,12 +2895,12 @@ const dn = /* @__PURE__ */ N(nn, [["render", un]]), cn = {}, pn = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-topology-ring-3"
 };
-function fn(o, e) {
-  return i(), d("svg", pn, e[0] || (e[0] = [
-    ue('<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 hn(o, e) {
+  return i(), d("svg", mn, e[0] || (e[0] = [
+    de('<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 vn = /* @__PURE__ */ N(cn, [["render", fn]]), mn = {}, hn = {
+const gn = /* @__PURE__ */ H(vn, [["render", hn]]), bn = {}, yn = {
   version: "1.1",
   viewBox: "0 0 14 14",
   xmlns: "http://www.w3.org/2000/svg",
@@ -2891,8 +2908,8 @@ const vn = /* @__PURE__ */ N(cn, [["render", fn]]), mn = {}, hn = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   class: "fullscreen-icon"
 };
-function gn(o, e) {
-  return i(), d("svg", hn, e[0] || (e[0] = [
+function xn(o, e) {
+  return i(), d("svg", yn, e[0] || (e[0] = [
     l("title", null, null, -1),
     l("desc", null, null, -1),
     l("defs", null, null, -1),
@@ -2921,10 +2938,10 @@ function gn(o, e) {
     ], -1)
   ]));
 }
-const bn = /* @__PURE__ */ N(mn, [["render", gn]]), yn = { class: "form-geom__search" }, xn = { class: "map-search__input" }, wn = { class: "flex flex-nowrap relative" }, kn = { class: "form-autocomplete relative min-w-[6rem] vsTailwind map-search__select hidden" }, _n = { class: "flex items-center w-full" }, $n = { class: "max-w-[90%] truncate" }, Cn = {
+const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__search" }, _n = { class: "map-search__input" }, $n = { class: "flex flex-nowrap relative" }, Cn = { class: "form-autocomplete relative min-w-[6rem] vsTailwind map-search__select hidden" }, Vn = { class: "flex items-center w-full" }, Mn = { class: "max-w-[90%] truncate" }, Ln = {
   key: 0,
   class: "absolute z-[3100] mt-0.5 left-0 right-0"
-}, Vn = { 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" }, Mn = { 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" }, Ln = ["onClick"], Sn = { class: "flex justify-between items-center w-full" }, Bn = { class: "flex items-center" }, jn = {
+}, Sn = { 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" }, Bn = { 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" }, jn = ["onClick"], In = { class: "flex justify-between items-center w-full" }, zn = { class: "flex items-center" }, En = {
   key: 0,
   class: "flex-shrink-0 w-3.5 h-3.5 text-blue-600",
   width: "24",
@@ -2935,16 +2952,16 @@ const bn = /* @__PURE__ */ N(mn, [["render", gn]]), yn = { class: "form-geom__se
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, In = { class: "relative w-full" }, zn = { class: "vs-form-text relative bg-white rounded-lg" }, En = {
+}, An = { class: "relative w-full" }, Fn = { class: "vs-form-text relative bg-white rounded-lg" }, Dn = {
   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"
-}, Fn = { key: 0 }, An = ["onClick"], On = {
+}, On = { key: 0 }, Un = ["onClick"], Tn = {
   key: 1,
   class: "px-3 py-2 text-xs text-gray-500"
-}, Dn = {
+}, Rn = {
   key: 2,
   class: "px-3 py-2 text-xs text-gray-400"
-}, Un = /* @__PURE__ */ A({
+}, Pn = /* @__PURE__ */ F({
   __name: "map-search",
   props: {
     placeholder: { default: "50, 30" }
@@ -2958,14 +2975,14 @@ const bn = /* @__PURE__ */ N(mn, [["render", gn]]), yn = { class: "form-geom__se
       { value: "atu", label: "АТУ" },
       { value: "address", label: "Адресса" },
       { value: "search_here", label: "Пошук HERE" }
-    ], x = D(() => p.find((B) => B.value === s.value)?.label ?? "АТУ");
+    ], x = O(() => p.find((B) => B.value === s.value)?.label ?? "АТУ");
     function g(B) {
       s.value = B.value, n.value = !1, r.value = "", r.value && R();
     }
     function _(B) {
       B.target.closest(".map-search__input") || (n.value = !1);
     }
-    ge(() => document.addEventListener("click", _)), Re(() => document.removeEventListener("click", _));
+    be(() => document.addEventListener("click", _)), He(() => document.removeEventListener("click", _));
     async function S(B) {
       let m;
       s.value === "atu" ? m = "/api/suggest/atu.nsdi.ato_level" : s.value === "address" ? m = "/api/suggest/map.address_id" : s.value === "search_here" && (m = "/api/gis-url-proxy");
@@ -3003,17 +3020,17 @@ const bn = /* @__PURE__ */ N(mn, [["render", gn]]), yn = { class: "form-geom__se
     function z(B) {
       t("goToCoordinates", B), u.value = !1, c.value = !1, a.value = [];
     }
-    return (B, m) => (i(), d("div", yn, [
-      l("div", xn, [
-        l("div", wn, [
-          l("div", kn, [
+    return (B, m) => (i(), d("div", kn, [
+      l("div", _n, [
+        l("div", $n, [
+          l("div", Cn, [
             l("button", {
               type: "button",
               onClick: m[0] || (m[0] = (f) => n.value = !n.value),
               class: "h-[40px] relative px-4 pe-9 flex text-nowrap w-full cursor-pointer bg-white border border-solid border-stone-200 rounded-lg text-start text-sm text-stone-800 focus:outline-none focus:ring-1 focus:ring-blue-600 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"
             }, [
-              l("div", _n, [
-                l("span", $n, T(x.value), 1)
+              l("div", Vn, [
+                l("span", Mn, T(x.value), 1)
               ]),
               m[3] || (m[3] = l("svg", {
                 class: "stroke-gray-500 absolute right-3 translate-y-1/2 bottom-1/2",
@@ -3030,29 +3047,29 @@ const bn = /* @__PURE__ */ N(mn, [["render", gn]]), yn = { class: "form-geom__se
                 })
               ], -1))
             ]),
-            n.value ? (i(), d("div", Cn, [
-              l("div", Vn, [
-                l("div", Mn, [
+            n.value ? (i(), d("div", Ln, [
+              l("div", Sn, [
+                l("div", Bn, [
                   (i(), d(Y, null, le(p, (f) => l("div", {
                     onClick: (Z) => g(f),
                     key: f.value,
                     class: "form-autocomplete__item cursor-pointer hs-selected:bg-stone-100 dark:hs-selected:bg-neutral-800 py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 rounded-lg focus:outline-none focus:bg-stone-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800 cursor-default"
                   }, [
-                    l("div", Sn, [
-                      l("div", Bn, [
+                    l("div", In, [
+                      l("div", zn, [
                         l("div", null, T(f.label), 1)
                       ]),
-                      f.value === s.value ? (i(), d("svg", jn, m[4] || (m[4] = [
+                      f.value === s.value ? (i(), d("svg", En, m[4] || (m[4] = [
                         l("polyline", { points: "20 6 9 17 4 12" }, null, -1)
-                      ]))) : F("", !0)
+                      ]))) : A("", !0)
                     ])
-                  ], 8, Ln)), 64))
+                  ], 8, jn)), 64))
                 ])
               ])
-            ])) : F("", !0)
+            ])) : A("", !0)
           ]),
-          l("div", In, [
-            l("div", zn, [
+          l("div", An, [
+            l("div", Fn, [
               m[6] || (m[6] = l("i", { class: "absolute bottom-1/2 translate-y-1/2 left-3 text-gray-500" }, [
                 l("svg", {
                   width: "16",
@@ -3084,7 +3101,7 @@ const bn = /* @__PURE__ */ N(mn, [["render", gn]]), yn = { class: "form-geom__se
                 placeholder: "lat, lng ex. 50, 30",
                 class: "bg-white h-[38px] text-sm py-2 px-3 ps-9 pe-8 block w-full border border-solid placeholder:text-nowrap border-stone-200 rounded-lg text-stone-800 placeholder:text-stone-400 focus:outline focus:z-10 focus:border-blue-500 focus:ring-blue-500 focus:outline-blue-500"
               }, null, 544), [
-                [ne, r.value]
+                [re, r.value]
               ]),
               r.value ? (i(), d("button", {
                 key: 0,
@@ -3107,23 +3124,23 @@ const bn = /* @__PURE__ */ N(mn, [["render", gn]]), yn = { class: "form-geom__se
                     "stroke-linejoin": "round"
                   })
                 ], -1)
-              ]))) : F("", !0),
-              u.value && s.value !== "coordinates" ? (i(), d("div", En, [
-                a.value.length ? (i(), d("ul", Fn, [
+              ]))) : A("", !0),
+              u.value && s.value !== "coordinates" ? (i(), d("div", Dn, [
+                a.value.length ? (i(), d("ul", On, [
                   (i(!0), d(Y, null, le(a.value, (f) => (i(), d("li", {
                     key: f.properties.place_id,
                     onClick: (Z) => z(f),
                     class: "px-3 py-2 text-sm cursor-pointer hover:bg-gray-100"
-                  }, T(f.properties.display_name), 9, An))), 128))
-                ])) : c.value ? (i(), d("div", On, "Шукаю…")) : (i(), d("div", Dn, "Нічого не знайдено"))
-              ])) : F("", !0)
+                  }, T(f.properties.display_name), 9, Un))), 128))
+                ])) : c.value ? (i(), d("div", Tn, "Шукаю…")) : (i(), d("div", Rn, "Нічого не знайдено"))
+              ])) : A("", !0)
             ])
           ])
         ])
       ])
     ]));
   }
-}), Tn = { class: "bg-white/95 p-2 rounded-xl shadow border border-gray-200" }, Rn = { class: "flex gap-2" }, Pn = ["onClick", "title"], Nn = ["src"], Hn = /* @__PURE__ */ A({
+}), Hn = { class: "bg-white/95 p-2 rounded-xl shadow border border-gray-200" }, Nn = { class: "flex gap-2" }, qn = ["onClick", "title"], Gn = ["src"], Jn = /* @__PURE__ */ F({
   __name: "map-layers",
   props: {
     basemaps: {}
@@ -3134,8 +3151,8 @@ const bn = /* @__PURE__ */ N(mn, [["render", gn]]), yn = { class: "form-geom__se
     function r(a) {
       s("onLayerChange", a), n.value = a;
     }
-    return (a, u) => (i(), d("div", Tn, [
-      l("div", Rn, [
+    return (a, u) => (i(), d("div", Hn, [
+      l("div", Nn, [
         (i(!0), d(Y, null, le(a.basemaps, (c, v) => (i(), d("div", {
           key: v,
           class: M(["cursor-pointer border rounded-lg overflow-hidden hover:shadow-sm", { "ring-2 ring-blue-500 border-blue-300": n.value === v }]),
@@ -3148,21 +3165,21 @@ const bn = /* @__PURE__ */ N(mn, [["render", gn]]), yn = { class: "form-geom__se
             src: c.preview,
             alt: "",
             class: "w-14 h-14 object-cover"
-          }, null, 8, Nn)
-        ], 10, Pn))), 128))
+          }, null, 8, Gn)
+        ], 10, qn))), 128))
       ])
     ]));
   }
-}), qn = { class: "absolute top-4 left-4 z-[1000] w-[calc(100%-20px)] sm:w-[350px]" }, Gn = { class: "form-geom__panel flex gap-1 items-start mt-2" }, Jn = { class: "flex items-center gap-1" }, Kn = ["disabled"], Zn = { class: "absolute top-4 right-4 z-[1000]" }, Wn = { class: "flex flex-col gap-[2px]" }, Qn = ["aria-pressed"], Xn = ["aria-pressed"], Yn = ["aria-pressed"], er = ["aria-pressed"], tr = { 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" }, lr = {
+}), Kn = { class: "absolute top-4 left-4 z-[1000] w-[calc(100%-20px)] sm:w-[350px]" }, Zn = { class: "form-geom__panel flex gap-1 items-start mt-2" }, Wn = { class: "flex items-center gap-1" }, Qn = ["disabled"], Xn = { class: "absolute top-4 right-4 z-[1000]" }, Yn = { class: "flex flex-col gap-[2px]" }, er = ["aria-pressed"], tr = ["aria-pressed"], lr = ["aria-pressed"], or = ["aria-pressed"], ar = { 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" }, sr = {
   key: 0,
   class: "form-geom__feature flex items-center text-xs transition-all gap-2 w-full"
-}, or = { class: "mr-auto" }, ar = { class: "font-bold" }, sr = { class: "flex items-center" }, nr = { class: "text-xs mr-2" }, rr = {
+}, nr = { class: "mr-auto" }, rr = { class: "font-bold" }, ir = { class: "flex items-center" }, ur = { class: "text-xs mr-2" }, dr = {
   key: 0,
   class: "text-xs"
-}, ir = {
+}, cr = {
   key: 1,
   class: "text-xs"
-}, ur = /* @__PURE__ */ A({
+}, pr = /* @__PURE__ */ F({
   __name: "vs-input-map",
   props: {
     tools: {},
@@ -3176,26 +3193,26 @@ const bn = /* @__PURE__ */ N(mn, [["render", gn]]), yn = { class: "form-geom__se
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = $t(), n = o, s = e, r = w(null);
+    const t = Mt(), n = o, s = e, r = w(null);
     let a, u, c;
-    const v = w(null), p = w(null), x = w(6), g = w(0), _ = w(t?.appContext.config.globalProperties.$settings?.center || [50, 30]), S = w(null), R = ie();
+    const v = w(null), p = w(null), x = w(6), g = w(0), _ = w(t?.appContext.config.globalProperties.$settings?.center || [50, 30]), S = w(null), R = ue();
     let $;
     const z = w("topo100");
     function B() {
       return new Promise((y, k) => {
         window.L && window.L.Draw && y(0);
-        const P = (pe) => {
-          if (Array.from(document.styleSheets).some((he) => he?.href?.includes(pe))) return;
+        const P = (fe) => {
+          if (Array.from(document.styleSheets).some((he) => he?.href?.includes(fe))) return;
           const me = document.createElement("link");
-          me.rel = "stylesheet", me.href = pe, document.head.appendChild(me);
-        }, J = (pe) => new Promise((_e, me) => {
-          const he = Array.from(document.scripts).find((Ve) => Ve.src === pe);
+          me.rel = "stylesheet", me.href = fe, document.head.appendChild(me);
+        }, J = (fe) => new Promise((_e, me) => {
+          const he = Array.from(document.scripts).find((Ve) => Ve.src === fe);
           if (he) {
             he.addEventListener("load", () => _e()), he.addEventListener("error", (Ve) => me(Ve));
             return;
           }
           const Ce = document.createElement("script");
-          Ce.src = pe, Ce.async = !0, Ce.onload = () => _e(), Ce.onerror = (Ve) => me(Ve), document.body.appendChild(Ce);
+          Ce.src = fe, Ce.async = !0, Ce.onload = () => _e(), Ce.onerror = (Ve) => me(Ve), document.body.appendChild(Ce);
         });
         P("https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"), P("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.css"), J("https://unpkg.com/leaflet@1.9.4/dist/leaflet.js").then(() => J("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.js")).then(() => y(0)).catch(k);
       });
@@ -3215,10 +3232,10 @@ const bn = /* @__PURE__ */ N(mn, [["render", gn]]), yn = { class: "form-geom__se
       v.value?.click();
     }
     const U = w("");
-    function O(y) {
+    function D(y) {
       return y instanceof L.Circle ? "Circle" : y instanceof L.Rectangle ? "Rectangle" : y instanceof L.Polygon && !(y instanceof L.Rectangle) ? "Polygon" : y instanceof L.Polyline && !(y instanceof L.Polygon) ? "Polyline" : y instanceof L.Marker ? "Point" : "Feature";
     }
-    function re(y) {
+    function ie(y) {
       if (y instanceof L.Circle) {
         const k = y.getRadius();
         return Math.PI * (k * k) / 1e6;
@@ -3241,24 +3258,24 @@ const bn = /* @__PURE__ */ N(mn, [["render", gn]]), yn = { class: "form-geom__se
         S.value = null, g.value = 0;
         return;
       }
-      const k = y[y.length - 1], P = O(k), J = ee(k), pe = re(k);
+      const k = y[y.length - 1], P = D(k), J = ee(k), fe = ie(k);
       S.value = {
         type: P,
         center: J,
-        areaKm2: pe,
+        areaKm2: fe,
         layer: k
       }, g.value = y.length;
     }
-    function Ie() {
+    function je() {
       const y = S.value?.layer;
       y && (y instanceof L.Circle && y.getBounds ? a.fitBounds(y.getBounds(), { padding: [30, 30] }) : y.getBounds ? a.fitBounds(y.getBounds(), { padding: [30, 30] }) : y.getLatLng && a.setView(y.getLatLng(), Math.max(x.value, 14)));
     }
-    function ye() {
+    function xe() {
       const y = S.value?.layer;
       y && (u.removeLayer(y), m(), W());
     }
-    ge(async () => {
-      await B(), L.drawLocal = Ws, a = L.map(r.value, { zoomControl: !1 }).setView(_.value, 10), L.control.zoom({ position: "bottomright" }).addTo(a), z.value = Object.keys(R)[0], $ = L.tileLayer(R[z.value].url, { maxZoom: 19, minZoom: 6 }).addTo(a), u = new L.FeatureGroup().addTo(a), a.on(L.Draw.Event.CREATED, (P) => {
+    be(async () => {
+      await B(), L.drawLocal = Ys, a = L.map(r.value, { zoomControl: !1 }).setView(_.value, 10), L.control.zoom({ position: "bottomright" }).addTo(a), z.value = Object.keys(R)[0], $ = L.tileLayer(R[z.value].url, { maxZoom: 19, minZoom: 6 }).addTo(a), u = new L.FeatureGroup().addTo(a), a.on(L.Draw.Event.CREATED, (P) => {
         const { layer: J } = P;
         u.clearLayers(), u.addLayer(J), m(), W(), f(), U.value = "";
       }), a.on(L.Draw.Event.EDITED, () => {
@@ -3272,7 +3289,7 @@ const bn = /* @__PURE__ */ N(mn, [["render", gn]]), yn = { class: "form-geom__se
       }), a.on("zoomend", () => {
         x.value = a.getZoom();
       });
-      const k = Qs(n.modelValue);
+      const k = en(n.modelValue);
       if (k) {
         const P = [];
         L.geoJSON(k).eachLayer((J) => P.push(J)), P.length && u.addLayer(P[0]), m(), W(), f();
@@ -3312,8 +3329,8 @@ const bn = /* @__PURE__ */ N(mn, [["render", gn]]), yn = { class: "form-geom__se
         if (typeof P.result == "string")
           try {
             const J = JSON.parse(P.result);
-            u.clearLayers(), J && L.geoJSON({ type: "Feature", geometry: J }).eachLayer((pe) => {
-              u.addLayer(pe);
+            u.clearLayers(), J && L.geoJSON({ type: "Feature", geometry: J }).eachLayer((fe) => {
+              u.addLayer(fe);
             }), m(), W(), f();
           } finally {
             y.target.value = "";
@@ -3335,7 +3352,7 @@ const bn = /* @__PURE__ */ N(mn, [["render", gn]]), yn = { class: "form-geom__se
         }), g.value = u.getLayers().length, W(), f();
       }
     );
-    function ie() {
+    function ue() {
       return t?.appContext.config.globalProperties.$settings?.basemaps ? t?.appContext.config.globalProperties.$settings?.basemaps.map((y, k) => Object.assign(y, { key: `b${k}`, preview: y.preview || y.url.replace("{z}/{x}/{y}.png", "13/4790/2762.png") })).reduce((y, k) => ({ ...y, [k.key]: k }), {}) : {
         topo100: {
           url: "https://data.gki.com.ua/api-user/rtile/voyager/ua/{z}/{x}/{y}.png",
@@ -3351,23 +3368,23 @@ const bn = /* @__PURE__ */ N(mn, [["render", gn]]), yn = { class: "form-geom__se
         }
       };
     }
-    const xe = w(!1);
-    return te(xe, () => {
+    const we = w(!1);
+    return te(we, () => {
       setTimeout(() => {
         a.invalidateSize();
       }, 50);
     }), (y, k) => (i(), d("div", {
-      class: M(["leaflet-map-wrapper relative w-full h-[400px]", { fullscreen: xe.value }])
+      class: M(["leaflet-map-wrapper relative w-full h-[400px]", { fullscreen: we.value }])
     }, [
       l("div", {
         ref_key: "mapContainer",
         ref: r,
         class: "w-full h-full"
       }, null, 512),
-      l("div", qn, [
-        j(Un, { onGoToCoordinates: oe }),
-        l("div", Gn, [
-          l("div", Jn, [
+      l("div", Kn, [
+        j(Pn, { onGoToCoordinates: oe }),
+        l("div", Zn, [
+          l("div", Wn, [
             l("button", {
               type: "button",
               class: "vs-btn-row",
@@ -3378,7 +3395,7 @@ const bn = /* @__PURE__ */ N(mn, [["render", gn]]), yn = { class: "form-geom__se
               class: "vs-btn-row",
               onClick: C,
               disabled: g.value === 0
-            }, "Export ", 8, Kn)
+            }, "Export ", 8, Qn)
           ]),
           l("input", {
             ref_key: "importRef",
@@ -3390,8 +3407,8 @@ const bn = /* @__PURE__ */ N(mn, [["render", gn]]), yn = { class: "form-geom__se
           }, null, 544)
         ])
       ]),
-      l("div", Zn, [
-        l("div", Wn, [
+      l("div", Xn, [
+        l("div", Yn, [
           l("button", {
             class: M(["vs-btn", { "vs-active": U.value === "marker" }]),
             "aria-pressed": U.value === "marker",
@@ -3399,8 +3416,8 @@ const bn = /* @__PURE__ */ N(mn, [["render", gn]]), yn = { class: "form-geom__se
             "aria-label": "Draw point",
             onClick: k[0] || (k[0] = (P) => I("marker"))
           }, [
-            j(tn)
-          ], 10, Qn),
+            j(an)
+          ], 10, er),
           l("button", {
             class: M(["vs-btn", { "vs-active": U.value === "polyline" }]),
             "aria-pressed": U.value === "polyline",
@@ -3408,8 +3425,8 @@ const bn = /* @__PURE__ */ N(mn, [["render", gn]]), yn = { class: "form-geom__se
             "aria-label": "Draw polyline",
             onClick: k[1] || (k[1] = (P) => I("polyline"))
           }, [
-            j(sn)
-          ], 10, Xn),
+            j(un)
+          ], 10, tr),
           l("button", {
             class: M(["vs-btn", { "vs-active": U.value === "polygon" }]),
             "aria-pressed": U.value === "polygon",
@@ -3417,8 +3434,8 @@ const bn = /* @__PURE__ */ N(mn, [["render", gn]]), yn = { class: "form-geom__se
             "aria-label": "Draw polygon",
             onClick: k[2] || (k[2] = (P) => I("polygon"))
           }, [
-            j(dn)
-          ], 10, Yn),
+            j(fn)
+          ], 10, lr),
           l("button", {
             class: M(["vs-btn", { "vs-active": U.value === "rectangle" }]),
             "aria-pressed": U.value === "rectangle",
@@ -3426,69 +3443,69 @@ const bn = /* @__PURE__ */ N(mn, [["render", gn]]), yn = { class: "form-geom__se
             "aria-label": "Draw rectangle",
             onClick: k[3] || (k[3] = (P) => I("rectangle"))
           }, [
-            j(vn)
-          ], 10, er),
+            j(gn)
+          ], 10, or),
           l("button", {
             class: "vs-btn mt-5",
             onClick: k[4] || (k[4] = (P) => {
-              xe.value = !xe.value;
+              we.value = !we.value;
             }),
             title: "Full Screen",
             "aria-label": "Full Screen"
           }, [
-            j(bn, { style: { width: "12px", height: "12px" } })
+            j(wn, { style: { width: "12px", height: "12px" } })
           ])
         ])
       ]),
       l("div", {
         class: M(["absolute left-4 z-[1000]", S.value ? "bottom-8" : "bottom-4"])
       }, [
-        j(Hn, {
+        j(Jn, {
           basemaps: q(R),
           onOnLayerChange: G
         }, null, 8, ["basemaps"])
       ], 2),
-      l("div", tr, [
-        S.value ? (i(), d("div", lr, [
-          l("div", or, [
-            k[7] || (k[7] = ce(" Тип: ", -1)),
-            l("span", ar, T(S.value.type), 1)
+      l("div", ar, [
+        S.value ? (i(), d("div", sr, [
+          l("div", nr, [
+            k[7] || (k[7] = pe(" Тип: ", -1)),
+            l("span", rr, T(S.value.type), 1)
           ]),
-          l("div", sr, [
-            l("div", nr, [
-              k[8] || (k[8] = ce(" Центр: ", -1)),
+          l("div", ir, [
+            l("div", ur, [
+              k[8] || (k[8] = pe(" Центр: ", -1)),
               l("b", null, T(S.value.center.lat.toFixed(5)) + ", " + T(S.value.center.lng.toFixed(5)), 1)
             ]),
-            S.value.areaKm2 !== null ? (i(), d("div", rr, [
-              k[9] || (k[9] = ce(" Площа: ", -1)),
+            S.value.areaKm2 !== null ? (i(), d("div", dr, [
+              k[9] || (k[9] = pe(" Площа: ", -1)),
               l("b", null, T(S.value.areaKm2.toFixed(1)) + "км²", 1)
-            ])) : (i(), d("div", ir, k[10] || (k[10] = [
-              ce(" Площа: ", -1),
+            ])) : (i(), d("div", cr, k[10] || (k[10] = [
+              pe(" Площа: ", -1),
               l("b", null, "—", -1)
             ]))),
             l("button", {
               class: "tool bg-gray-100 py-1.5 px-2 rounded-lg text-md mr-1 cursor-pointer hover:bg-blue-500 hover:text-white transition-all",
               title: "Наблизити",
-              onClick: k[5] || (k[5] = (P) => Ie())
+              onClick: k[5] || (k[5] = (P) => je())
             }, k[11] || (k[11] = [
-              ue('<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-e82d2d97><path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" data-v-e82d2d97></path><path d="M7 10l6 0" data-v-e82d2d97></path><path d="M10 7l0 6" data-v-e82d2d97></path><path d="M21 21l-6 -6" data-v-e82d2d97></path></svg>', 1)
+              de('<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-e82d2d97><path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" data-v-e82d2d97></path><path d="M7 10l6 0" data-v-e82d2d97></path><path d="M10 7l0 6" data-v-e82d2d97></path><path d="M21 21l-6 -6" data-v-e82d2d97></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] = (P) => ye())
+              onClick: k[6] || (k[6] = (P) => xe())
             }, [
               j(Ue, { class: "w-3 h-3" })
             ])
           ])
-        ])) : F("", !0)
+        ])) : A("", !0)
       ])
     ], 2));
   }
-}), dr = /* @__PURE__ */ N(ur, [["__scopeId", "data-v-e82d2d97"]]), cr = ["data-focus"], pr = { class: "flex items-center" }, fr = { class: "overflow-hidden text-ellipsis whitespace-nowrap rounded-sm text-[#333] text-[85%] px-0.5 py-[3px] pl-1.5 box-border" }, vr = ["onClick", "aria-label"], mr = {
+}), fr = /* @__PURE__ */ H(pr, [["__scopeId", "data-v-e82d2d97"]]), vr = ["data-focus"], mr = { class: "flex items-center" }, hr = { class: "overflow-hidden text-ellipsis whitespace-nowrap rounded-sm text-[#333] text-[85%] px-0.5 py-[3px] pl-1.5 box-border" }, gr = ["onClick", "aria-label"], br = {
   key: 0,
   class: "absolute text-gray-500 truncate pl-2"
-}, hr = { class: "flex-1 min-w-[2px]" }, gr = ["placeholder"], br = { class: "flex items-center shrink-0" }, yr = ["disabled"], xr = /* @__PURE__ */ A({
+}, yr = { class: "flex-1 min-w-[2px]" }, xr = ["placeholder"], wr = { class: "flex items-center shrink-0" }, kr = ["disabled"], _r = /* @__PURE__ */ F({
   __name: "vs-input-tag",
   props: /* @__PURE__ */ Q({
     unique: { type: Boolean, default: !0 },
@@ -3506,18 +3523,18 @@ const bn = /* @__PURE__ */ N(mn, [["render", gn]]), yn = { class: "form-geom__se
   emits: /* @__PURE__ */ Q(["update:modelValue"], ["update:modelValue"]),
   setup(o, { emit: e }) {
     const t = o, n = e;
-    be(t.style);
-    const s = w(null), r = w(null), a = w(null), u = w(!1), c = w(""), v = X(o, "modelValue"), p = D(() => t.placeholder || "Add tag…"), x = D(() => v.value?.length === 0 && c.value === ""), g = D(() => !t.disabled && v.value?.length > 0), _ = D(() => t.disabled), S = async () => {
+    ye(t.style);
+    const s = w(null), r = w(null), a = w(null), u = w(!1), c = w(""), v = X(o, "modelValue"), p = O(() => t.placeholder || "Add tag…"), x = O(() => v.value?.length === 0 && c.value === ""), g = O(() => !t.disabled && v.value?.length > 0), _ = O(() => t.disabled), S = async () => {
       _.value || await ze(() => a.value?.focus());
     }, R = (U) => {
-      const O = U.trim();
-      O !== "" && (!v.value || !Array.isArray(v.value) ? v.value = [O] : t.unique ? v.value.includes(O) || (v.value = [...v.value, O]) : v.value = [...v.value, O], c.value = "");
+      const D = U.trim();
+      D !== "" && (!v.value || !Array.isArray(v.value) ? v.value = [D] : t.unique ? v.value.includes(D) || (v.value = [...v.value, D]) : v.value = [...v.value, D], c.value = "");
     }, $ = () => {
       const U = c.value;
       U.trim() !== "" && R(U), c.value = "";
     }, z = (U) => {
-      const O = v.value.slice();
-      O.splice(U, 1), n("update:modelValue", O);
+      const D = v.value.slice();
+      D.splice(U, 1), n("update:modelValue", D);
     }, B = () => {
       n("update:modelValue", []);
     }, m = () => {
@@ -3525,14 +3542,14 @@ const bn = /* @__PURE__ */ N(mn, [["render", gn]]), yn = { class: "form-geom__se
     }, f = () => {
       u.value = !1;
     }, Z = (U) => {
-      const { key: O } = U;
-      O === "Enter" ? (U.preventDefault(), $()) : O === "Backspace" && c.value === "" && v.value.length > 0 && z(v.value.length - 1);
+      const { key: D } = U;
+      D === "Enter" ? (U.preventDefault(), $()) : D === "Backspace" && c.value === "" && v.value.length > 0 && z(v.value.length - 1);
     };
-    return (U, O) => (i(), d("div", {
+    return (U, D) => (i(), d("div", {
       class: "flex gap-1 w-full",
       ref_key: "root",
       ref: s,
-      onClick: O[1] || (O[1] = ve(() => {
+      onClick: D[1] || (D[1] = ve(() => {
       }, ["stop"]))
     }, [
       l("div", {
@@ -3555,19 +3572,19 @@ const bn = /* @__PURE__ */ N(mn, [["render", gn]]), yn = { class: "form-geom__se
             ref_key: "chipsRef",
             ref: r
           }, [
-            (i(!0), d(Y, null, le(v.value, (re, ee) => (i(), d("div", {
+            (i(!0), d(Y, null, le(v.value, (ie, ee) => (i(), d("div", {
               key: ee,
               class: "flex min-w-0 bg-[#e6e6e6] rounded-sm m-0.5 box-border"
             }, [
-              l("div", pr, [
-                l("div", fr, T(re), 1)
+              l("div", mr, [
+                l("div", hr, T(ie), 1)
               ]),
               l("div", {
                 role: "button",
                 class: "flex items-center rounded-sm px-1 box-border hover:bg-[#ffbdad] hover:text-[#de350b]",
                 onClick: ve((W) => z(ee), ["stop"]),
-                "aria-label": `Remove ${re}`
-              }, O[2] || (O[2] = [
+                "aria-label": `Remove ${ie}`
+              }, D[2] || (D[2] = [
                 l("svg", {
                   height: "14",
                   width: "14",
@@ -3578,11 +3595,11 @@ const bn = /* @__PURE__ */ N(mn, [["render", gn]]), yn = { 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, vr)
+              ]), 8, gr)
             ]))), 128)),
-            x.value ? (i(), d("div", mr, T(p.value), 1)) : F("", !0),
-            l("div", hr, [
-              _.value ? F("", !0) : K((i(), d("input", {
+            x.value ? (i(), d("div", br, T(p.value), 1)) : A("", !0),
+            l("div", yr, [
+              _.value ? A("", !0) : K((i(), d("input", {
                 key: 0,
                 ref_key: "inputRef",
                 ref: a,
@@ -3594,17 +3611,17 @@ const bn = /* @__PURE__ */ N(mn, [["render", gn]]), yn = { class: "form-geom__se
                 type: "text",
                 tabindex: "0",
                 "aria-label": "Add tag",
-                "onUpdate:modelValue": O[0] || (O[0] = (re) => c.value = re),
+                "onUpdate:modelValue": D[0] || (D[0] = (ie) => c.value = ie),
                 onFocus: m,
                 onBlur: f,
                 onKeydown: Z,
                 placeholder: v.value && v.value.length ? "" : void 0
-              }, null, 40, gr)), [
-                [ne, c.value]
+              }, null, 40, xr)), [
+                [re, c.value]
               ])
             ])
           ], 512),
-          l("div", br, [
+          l("div", wr, [
             g.value ? (i(), d("button", {
               key: 0,
               type: "button",
@@ -3612,7 +3629,7 @@ const bn = /* @__PURE__ */ N(mn, [["render", gn]]), yn = { class: "form-geom__se
               "aria-label": "Clear all tags",
               disabled: _.value,
               onClick: ve(B, ["stop"])
-            }, O[3] || (O[3] = [
+            }, D[3] || (D[3] = [
               l("svg", {
                 height: "20",
                 width: "20",
@@ -3621,13 +3638,13 @@ const bn = /* @__PURE__ */ N(mn, [["render", gn]]), yn = { 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, yr)) : F("", !0)
+            ]), 8, kr)) : A("", !0)
           ])
-        ], 10, cr)
+        ], 10, vr)
       ], 2)
     ], 512));
   }
-}), wr = { class: "relative flex gap-1 bg-white w-full" }, kr = ["disabled", "placeholder"], _r = /* @__PURE__ */ A({
+}), $r = { class: "relative flex gap-1 bg-white w-full" }, Cr = ["disabled", "placeholder"], Vr = /* @__PURE__ */ F({
   __name: "vs-input-slug",
   props: /* @__PURE__ */ Q({
     disabled: { type: Boolean },
@@ -3686,15 +3703,15 @@ const bn = /* @__PURE__ */ N(mn, [["render", gn]]), yn = { class: "form-geom__se
       const a = e?.value?.[t.parent || ""]?.toString(), u = s(a);
       n.value = u.toString();
     };
-    return (a, u) => (i(), d("div", wr, [
+    return (a, u) => (i(), d("div", $r, [
       K(l("input", {
         ref: "vsText",
         disabled: a.disabled,
         placeholder: a.placeholder,
         "onUpdate:modelValue": u[0] || (u[0] = (c) => n.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, kr), [
-        [ne, n.value]
+      }, null, 8, Cr), [
+        [re, n.value]
       ]),
       l("button", {
         class: "px-2 bg-gray-100 border rounded-lg hover:bg-gray-200",
@@ -3702,13 +3719,13 @@ const bn = /* @__PURE__ */ N(mn, [["render", gn]]), yn = { class: "form-geom__se
       }, " Gen ")
     ]));
   }
-}), $r = /* @__PURE__ */ N(_r, [["__scopeId", "data-v-b0eba370"]]), Cr = { class: "w-full" }, Vr = {
+}), Mr = /* @__PURE__ */ H(Vr, [["__scopeId", "data-v-b0eba370"]]), Lr = { class: "w-full" }, Sr = {
   ref: "sortableContainer",
   class: "flex flex-col gap-1"
-}, Mr = ["onDragstart", "onDrop"], Lr = { class: "w-1/3" }, Sr = { class: "w-2/3" }, Br = ["onClick"], jr = {
+}, Br = ["onDragstart", "onDrop"], jr = { class: "w-1/3" }, Ir = { class: "w-2/3" }, zr = ["onClick"], Er = {
   key: 0,
   class: "text-[14px] text-gray-700"
-}, Ir = { class: "mt-2 w-full flex items-center" }, zr = ["disabled"], Er = /* @__PURE__ */ A({
+}, Ar = { class: "mt-2 w-full flex items-center" }, Fr = ["disabled"], Dr = /* @__PURE__ */ F({
   __name: "vs-input-key-value",
   props: {
     parent: {},
@@ -3735,7 +3752,7 @@ const bn = /* @__PURE__ */ N(mn, [["render", gn]]), yn = { class: "form-geom__se
       const z = c.value.splice(v.value, 1)[0];
       c.value.splice($, 0, z), v.value = null;
     }
-    const _ = D(
+    const _ = O(
       () => c.value.some(($) => $.key && !$.value || !$.key && $.value)
     ), S = () => {
       c.value.push({ id: t("key-value-"), key: "", value: "" });
@@ -3758,8 +3775,8 @@ const bn = /* @__PURE__ */ N(mn, [["render", gn]]), yn = { class: "form-geom__se
         }), r("update:modelValue", z);
       },
       { deep: !0 }
-    ), ($, z) => (i(), d("div", Cr, [
-      l("div", Vr, [
+    ), ($, z) => (i(), d("div", Lr, [
+      l("div", Sr, [
         (i(!0), d(Y, null, le(c.value, (B, m) => (i(), d("div", {
           key: B.id,
           class: M(["flex items-center gap-2 w-full", { "opacity-50": v.value === m }]),
@@ -3769,16 +3786,16 @@ const bn = /* @__PURE__ */ N(mn, [["render", gn]]), yn = { class: "form-geom__se
           }, ["prevent"])),
           onDrop: (f) => g(m)
         }, [
-          z[1] || (z[1] = ue('<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", Lr, [
-            j(Oe, {
+          z[1] || (z[1] = de('<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", jr, [
+            j(De, {
               modelValue: B.key,
               "onUpdate:modelValue": (f) => B.key = f,
               placeholder: "Ключ"
             }, null, 8, ["modelValue", "onUpdate:modelValue"])
           ]),
-          l("div", Sr, [
-            j(Oe, {
+          l("div", Ir, [
+            j(De, {
               modelValue: B.value,
               "onUpdate:modelValue": (f) => B.value = f,
               placeholder: "Значення"
@@ -3788,31 +3805,31 @@ const bn = /* @__PURE__ */ N(mn, [["render", gn]]), yn = { class: "form-geom__se
             onClick: (f) => R(B.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"
           }, [
-            j(q(pl), {
+            j(q(ml), {
               height: "16",
               width: "16"
             })
-          ], 8, Br)
-        ], 42, Mr))), 128))
+          ], 8, zr)
+        ], 42, Br))), 128))
       ], 512),
-      c.value.length ? F("", !0) : (i(), d("span", jr, " Дані для відображення відсутні ")),
-      l("div", Ir, [
+      c.value.length ? A("", !0) : (i(), d("span", Er, " Дані для відображення відсутні ")),
+      l("div", Ar, [
         l("button", {
           type: "button",
           onClick: S,
           disabled: _.value,
           class: "py-1.5 px-2 flex items-center gap-x-1 text-xs font-medium rounded-full border border-dashed border-gray-200 bg-white text-gray-800 hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed"
         }, [
-          j(Fe, {
+          j(Ae, {
             height: "14",
             width: "14"
           }),
-          ce(" " + T(q(a)), 1)
-        ], 8, zr)
+          pe(" " + T(q(a)), 1)
+        ], 8, Fr)
       ])
     ]));
   }
-}), Fr = /* @__PURE__ */ N(Er, [["__scopeId", "data-v-a0f7fbfc"]]), Ar = { class: "flex items-center gap-2 w-full" }, Or = ["disabled"], Dr = /* @__PURE__ */ A({
+}), Or = /* @__PURE__ */ H(Dr, [["__scopeId", "data-v-a0f7fbfc"]]), Ur = { class: "flex items-center gap-2 w-full" }, Tr = ["disabled"], Rr = /* @__PURE__ */ F({
   __name: "vs-input-color",
   props: {
     style: { default: () => ({}) },
@@ -3825,11 +3842,11 @@ const bn = /* @__PURE__ */ N(mn, [["render", gn]]), yn = { class: "form-geom__se
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, { inputClass: n } = be(t.style), s = e, r = D({
+    const t = o, { inputClass: n } = ye(t.style), s = e, r = O({
       get: () => t.modelValue || "#000000",
       set: (a) => s("update:modelValue", a)
     });
-    return (a, u) => (i(), d("div", Ar, [
+    return (a, u) => (i(), d("div", Ur, [
       K(l("input", {
         type: "color",
         "onUpdate:modelValue": u[0] || (u[0] = (c) => r.value = c),
@@ -3837,18 +3854,18 @@ const bn = /* @__PURE__ */ N(mn, [["render", gn]]), yn = { class: "form-geom__se
         ref: "color",
         class: M(["py-1.5 px-1 block w-full bg-white cursor-pointer max-w-[50px]", [a.modelValue ? "" : "text-opacity-50", q(n)].join(" ")]),
         style: { border: "1px solid #CFD9E0" }
-      }, null, 10, Or), [
-        [ne, r.value]
+      }, null, 10, Tr), [
+        [re, r.value]
       ]),
       K(l("input", {
         class: "text-sm text-gray-600 border border-solid border-stone-200 rounded-md p-2",
         "onUpdate:modelValue": u[1] || (u[1] = (c) => r.value = c)
       }, null, 512), [
-        [ne, r.value]
+        [re, r.value]
       ])
     ]));
   }
-}), Ur = { class: "flex items-center gap-2 w-full" }, Tr = ["min", "max", "step", "disabled"], Rr = /* @__PURE__ */ A({
+}), Pr = { class: "flex items-center gap-2 w-full" }, Hr = ["min", "max", "step", "disabled"], Nr = /* @__PURE__ */ F({
   __name: "vs-input-range",
   props: {
     style: { default: () => ({}) },
@@ -3864,11 +3881,11 @@ const bn = /* @__PURE__ */ N(mn, [["render", gn]]), yn = { class: "form-geom__se
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, { inputClass: n } = be(t.style), s = e, r = D({
+    const t = o, { inputClass: n } = ye(t.style), s = e, r = O({
       get: () => Number(t.modelValue ?? t.min),
       set: (a) => s("update:modelValue", Number(a))
     });
-    return (a, u) => (i(), d("div", Ur, [
+    return (a, u) => (i(), d("div", Pr, [
       K(l("input", {
         type: "range",
         "onUpdate:modelValue": u[0] || (u[0] = (c) => r.value = c),
@@ -3878,44 +3895,44 @@ const bn = /* @__PURE__ */ N(mn, [["render", gn]]), yn = { class: "form-geom__se
         disabled: a.disabled,
         ref: "range",
         class: M(["w-full cursor-pointer accent-blue-500", [a.modelValue ? "" : "text-opacity-50", q(n)].join(" ")])
-      }, null, 10, Tr), [
-        [ne, r.value]
+      }, null, 10, Hr), [
+        [re, r.value]
       ]),
       K(l("input", {
         class: "text-sm text-gray-600 border border-solid border-stone-200 rounded-md p-2 max-w-[100px]",
         type: "number",
         "onUpdate:modelValue": u[1] || (u[1] = (c) => r.value = c)
       }, null, 512), [
-        [ne, r.value]
+        [re, r.value]
       ])
     ]));
   }
-}), Pr = {
-  VsInputText: Oe,
-  VsInputRadio: et,
-  "vs-input-text": Oe,
-  "vs-input-textarea": Ka,
-  "vs-input-mask": _l,
-  "vs-input-number": Nt,
-  "vs-input-radio": et,
-  "vs-input-select": Ga,
-  "vs-input-switcher": ut,
-  "vs-input-static": Ye,
-  "vs-input-container": $a,
-  "vs-input-date": Ol,
-  "vs-input-checkbox": Fl,
-  "vs-input-file": _o,
-  "vs-input-html": Ye,
-  "vs-input-email": Vl,
-  "vs-input-datatable": Zs,
-  "vs-input-map": dr,
-  "vs-input-file-list": Yo,
-  "vs-input-tag": xr,
-  "vs-input-slug": $r,
-  "vs-input-key-value": Fr,
-  "vs-input-range": Rr,
-  "vs-input-color": Dr
-}, Nr = /* @__PURE__ */ A({
+}), qr = {
+  VsInputText: De,
+  VsInputRadio: at,
+  "vs-input-text": De,
+  "vs-input-textarea": Qa,
+  "vs-input-mask": Vl,
+  "vs-input-number": Gt,
+  "vs-input-radio": at,
+  "vs-input-select": Za,
+  "vs-input-switcher": ft,
+  "vs-input-static": ot,
+  "vs-input-container": Ma,
+  "vs-input-date": Tl,
+  "vs-input-checkbox": Ol,
+  "vs-input-file": Vo,
+  "vs-input-html": ot,
+  "vs-input-email": Sl,
+  "vs-input-datatable": Xs,
+  "vs-input-map": fr,
+  "vs-input-file-list": la,
+  "vs-input-tag": _r,
+  "vs-input-slug": Mr,
+  "vs-input-key-value": Or,
+  "vs-input-range": Nr,
+  "vs-input-color": Rr
+}, Gr = /* @__PURE__ */ F({
   __name: "behavior",
   props: {
     api: {},
@@ -3931,7 +3948,7 @@ const bn = /* @__PURE__ */ N(mn, [["render", gn]]), yn = { class: "form-geom__se
         if (!e.api) return;
         const s = e.api.replace("{{value}}", e.value), r = await fetch(s);
         if (!r.ok) {
-          we({ type: "warning", title: "Validation", message: "При спробі завантажити дані виникла помилка." });
+          ke({ type: "warning", title: "Validation", message: "При спробі завантажити дані виникла помилка." });
           return;
         }
         const a = await r.json();
@@ -3947,7 +3964,7 @@ const bn = /* @__PURE__ */ N(mn, [["render", gn]]), yn = { 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"
     }, T(s.button), 1));
   }
-}), Hr = { class: "flex w-full" }, pt = /* @__PURE__ */ A({
+}), Jr = { class: "flex w-full" }, ht = /* @__PURE__ */ F({
   __name: "vs-compact-form-layout",
   props: /* @__PURE__ */ Q({
     item: { default: {} },
@@ -3961,55 +3978,55 @@ const bn = /* @__PURE__ */ N(mn, [["render", gn]]), yn = { class: "form-geom__se
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = X(o, "modelValue"), n = D(() => Tt[`${e.layout}`]), s = D(() => Pr?.[`vs-input-${e.item.type}`]), r = D(() => {
+    const e = o, t = X(o, "modelValue"), n = O(() => Ht[`${e.layout}`]), s = O(() => qr?.[`vs-input-${e.item.type}`]), r = O(() => {
       const u = q(s);
       if (!u) return /* @__PURE__ */ new Set();
       const c = u.props ?? u.__vccOpts?.props;
       if (!c) return /* @__PURE__ */ new Set();
       const v = Array.isArray(c) ? c : Object.keys(c);
       return new Set(v);
-    }), a = D(() => {
+    }), a = O(() => {
       const u = e.item ?? {}, c = r.value;
       return c.size ? Object.fromEntries(Object.entries(u).filter(([v]) => c.has(v))) : {};
     });
-    return (u, c) => (i(), ae(Be(n.value), {
+    return (u, c) => (i(), ae(Se(n.value), {
       ua: e.item.ua,
       error: e.error || "",
       item: u.item,
       label: e.item.label
     }, {
-      default: je(() => [
-        l("div", Hr, [
-          (i(), ae(Be(s.value), Ee(a.value, {
+      default: Be(() => [
+        l("div", Jr, [
+          (i(), ae(Se(s.value), Ee(a.value, {
             modelValue: t.value,
             "onUpdate:modelValue": c[0] || (c[0] = (v) => t.value = v)
           }), null, 16, ["modelValue"])),
-          u.item.behavior?.api && u.item.behavior?.button ? (i(), ae(Nr, Ee({ key: 0 }, u.item.behavior, { value: t.value }), null, 16, ["value"])) : F("", !0)
+          u.item.behavior?.api && u.item.behavior?.button ? (i(), ae(Gr, Ee({ key: 0 }, u.item.behavior, { value: t.value }), null, 16, ["value"])) : A("", !0)
         ])
       ]),
       _: 1
     }, 8, ["ua", "error", "item", "label"]));
   }
-}), ft = {
+}), gt = {
   required: "Це поле є обов’язковим",
   email: "Неправильний email"
-}, qr = (o) => o ? !1 : ft.required, Gr = (o) => !o && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(o) ? ft.email : !1, Jr = (o, e) => {
+}, Kr = (o) => o ? !1 : gt.required, Zr = (o) => !o && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(o) ? gt.email : !1, Wr = (o, e) => {
   const t = e.pattern ?? e.regexp;
   return !(typeof t == "string" ? new RegExp(t) : t).test(o) && o ? e.message : !1;
-}, Kr = (o, e) => !1, Zr = (o, e) => {
+}, Qr = (o, e) => !1, Xr = (o, e) => {
   switch (typeof e == "string" ? e : e.type) {
     case "required":
-      return qr(o);
+      return Kr(o);
     case "email":
-      return Gr(o);
+      return Zr(o);
     case "regexp":
-      return Jr(o, e);
+      return Wr(o, e);
     case "custom":
-      return Kr();
+      return Qr();
     default:
       return !1;
   }
-}, Wr = {
+}, Yr = {
   autocomplete: "select",
   combobox: "select",
   datepicker: "date",
@@ -4021,16 +4038,16 @@ const bn = /* @__PURE__ */ N(mn, [["render", gn]]), yn = { class: "form-geom__se
   file: "file"
   // mask: 'text',
 };
-function at(o) {
+function it(o) {
   const e = o.toLowerCase();
-  return Wr[e] || e;
+  return Yr[e] || e;
 }
-function Qr(o) {
+function ei(o) {
   if (Array.isArray(o)) {
     const t = [];
     return o.forEach((n) => {
       const s = { ...n };
-      s.name = (n.name || n.id || n.key || "").toString(), s.type = at(n.type), s.label = n.label || n.ua, s.rules = n.rules || n.validators, n.data && (s.api = `/api/suggest/${n.data}`), t.push(s);
+      s.name = (n.name || n.id || n.key || "").toString(), s.type = it(n.type), s.label = n.label || n.ua, s.rules = n.rules || n.validators, n.data && (s.api = `/api/suggest/${n.data}`), t.push(s);
     }), t;
   }
   const e = [];
@@ -4038,20 +4055,20 @@ function Qr(o) {
     const n = {
       name: t[0],
       ...t[1],
-      type: at(t[1].type),
+      type: it(t[1].type),
       label: t[1].label || t[1].ua,
       rules: t[1].rules || t[1].validators
     };
     t[1].type.includes("list") && (n.multiple = !0), t[1].data && (n.api = `/api/suggest/${t[1].data}`), e.push(n);
   }), e;
 }
-function Xr(o, e) {
-  const t = Qr(e), n = w({});
+function ti(o, e) {
+  const t = ei(e), n = w({});
   function s(c) {
     const v = c?.conditions;
     if (!v) return !0;
     const p = Array.isArray(v) ? v[0] : v, x = o?.value?.[p];
-    return ct(x, v);
+    return mt(x, v);
   }
   const r = (c = t, v = !0) => (c.forEach((p) => {
     if (p.rules) {
@@ -4060,12 +4077,12 @@ function Xr(o, e) {
         return;
       }
       p.rules.forEach((x) => {
-        const g = Zr(o.value[p.name], x);
+        const g = Xr(o.value[p.name], x);
         g ? n.value[p.name] = g : delete n.value[p.name];
       });
     }
     p.schema && r(p.schema, !1);
-  }), v && Object.values(n.value).some(Boolean) ? n.value : null), a = D(() => t?.filter((c) => s(c)));
+  }), v && Object.values(n.value).some(Boolean) ? n.value : null), a = O(() => t?.filter((c) => s(c)));
   return {
     errors: n,
     validate: r,
@@ -4075,7 +4092,7 @@ function Xr(o, e) {
     visibleSchema: a
   };
 }
-const De = /* @__PURE__ */ A({
+const Oe = /* @__PURE__ */ F({
   __name: "vs-compact-form",
   props: /* @__PURE__ */ Q({
     schema: { default: () => [] },
@@ -4096,14 +4113,14 @@ const De = /* @__PURE__ */ A({
       validate: c,
       reset: v,
       visibleSchema: p
-    } = Xr(a, s.schema), x = () => {
+    } = ti(a, s.schema), x = () => {
       n("update:modelValue", a.value), c(), n("handle-submit", a.value);
     };
     e({
       validate: c,
       reset: v,
       errors: u
-    }), ge(() => {
+    }), be(() => {
       s.modelValue && (a.value = s.modelValue), r.value.value = a.value, r.value.errors = u.value, r.value.reset = v, r.value.validate = c, r.value.formId = s.formId;
     });
     function g(_, S) {
@@ -4112,14 +4129,14 @@ const De = /* @__PURE__ */ A({
       const R = Object.keys(_), $ = Object.keys(S);
       return R.length !== $.length ? !1 : R.every((z) => _[z] === S[z]);
     }
-    return Xe("form", r), Xe("values", a), (_, S) => (i(), d("form", {
+    return lt("form", r), lt("values", a), (_, S) => (i(), d("form", {
       onSubmit: ve(x, ["prevent"]),
       class: M(["grid grid-cols-12", _.layout === "default" ? "gap-6" : "gap-4"])
     }, [
-      (i(!0), d(Y, null, le(q(p), (R) => (i(), ae(pt, {
+      (i(!0), d(Y, null, le(q(p), (R) => (i(), ae(ht, {
         key: R.name,
         class: M(_.layout === "horizontal" ? "col-span-12" : `col-span-${R.col || 12} `),
-        style: ke(_.style),
+        style: ge(_.style),
         item: R,
         layout: _.layout,
         "model-value": a.value[R.name],
@@ -4132,35 +4149,35 @@ const De = /* @__PURE__ */ A({
     ], 34));
   }
 });
-De.install = function(e) {
-  e.component("VForm", De), Object.assign(e.config.globalProperties, {
-    $form: Te
-  }), e.provide("form", Te), window.v3plugin || (window.v3plugin = {});
+Oe.install = function(e) {
+  e.component("VForm", Oe), Object.assign(e.config.globalProperties, {
+    $form: Pe
+  }), e.provide("form", Pe), window.v3plugin || (window.v3plugin = {});
 };
 export {
-  ja as ModalEdit,
-  De as VForm,
-  Fl as VsInputCheckbox,
-  Dr as VsInputColor,
-  $a as VsInputContainer,
-  Ol as VsInputDate,
-  Vl as VsInputEmail,
-  _o as VsInputFile,
-  Yo as VsInputFileList,
-  Fr as VsInputKeyValue,
-  _l as VsInputMask,
-  Nt as VsInputNumber,
-  et as VsInputRadio,
-  Rr as VsInputRange,
-  Ga as VsInputSelect,
-  $r as VsInputSlug,
-  Ye as VsInputStatic,
-  ut as VsInputSwitcher,
-  xr as VsInputTag,
-  Oe as VsInputText,
-  Ka as VsInputTextarea,
-  De as default,
-  Pr as inputs,
-  Zs as vsInputDatatable,
-  dr as vsInputMap
+  Ea as ModalEdit,
+  Oe as VForm,
+  Ol as VsInputCheckbox,
+  Rr as VsInputColor,
+  Ma as VsInputContainer,
+  Tl as VsInputDate,
+  Sl as VsInputEmail,
+  Vo as VsInputFile,
+  la as VsInputFileList,
+  Or as VsInputKeyValue,
+  Vl as VsInputMask,
+  Gt as VsInputNumber,
+  at as VsInputRadio,
+  Nr as VsInputRange,
+  Za as VsInputSelect,
+  Mr as VsInputSlug,
+  ot as VsInputStatic,
+  ft as VsInputSwitcher,
+  _r as VsInputTag,
+  De as VsInputText,
+  Qa as VsInputTextarea,
+  Oe as default,
+  qr as inputs,
+  Xs as vsInputDatatable,
+  fr as vsInputMap
 };