@opengis/form 0.0.22 → 0.0.24

package/dist/index.js

@@ -1,15 +1,15 @@
-import { defineComponent as A, ref as k, onMounted as ne, onUnmounted as Fe, createElementBlock as u, openBlock as i, normalizeClass as S, createCommentVNode as B, renderSlot as me, createElementVNode as l, toDisplayString as F, normalizeProps as Oe, guardReactiveProps as De, createTextVNode as oe, computed as D, mergeModels as Z, useModel as W, withDirectives as q, unref as H, vModelText as ie, vModelCheckbox as Ye, createVNode as j, createBlock as X, resolveDynamicComponent as we, normalizeStyle as ve, withCtx as Me, withModifiers as se, onBeforeUnmount as dt, watch as re, createStaticVNode as ae, vModelRadio as et, Fragment as K, renderList as Y, mergeProps as Ve, reactive as ct, vShow as Ue, inject as Be, resolveComponent as Ne, Transition as tt, nextTick as Ce, Teleport as pt, provide as He } from "vue";
-import { notify as fe, modal as ft, TooltipDirective as qe } from "@opengis/core";
-const vt = {
+import { defineComponent as E, ref as x, onMounted as pe, onUnmounted as Ue, createElementBlock as u, openBlock as i, normalizeClass as M, createCommentVNode as z, renderSlot as ke, createElementVNode as l, toDisplayString as F, normalizeProps as Te, guardReactiveProps as Re, createTextVNode as ie, computed as T, mergeModels as W, useModel as Q, withDirectives as X, unref as G, vModelText as fe, vModelCheckbox as Xe, createVNode as I, createBlock as te, resolveDynamicComponent as Ve, normalizeStyle as we, withCtx as Me, withModifiers as ce, onBeforeUnmount as ut, watch as ue, createStaticVNode as re, vModelRadio as Ye, Fragment as ee, renderList as le, mergeProps as je, reactive as dt, vShow as Pe, inject as ze, resolveComponent as Ne, Transition as et, nextTick as Be, Teleport as ct, getCurrentInstance as pt, provide as He } from "vue";
+import { notify as me, modal as ft, VsModal as vt } from "@opengis/core";
+const mt = {
   key: 0,
   class: "text-[14px] font-medium text-gray-900 mb-2"
-}, mt = { class: "opacity-100" }, ht = {
+}, ht = { class: "opacity-100" }, gt = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, gt = {
+}, bt = {
   key: 1,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, bt = /* @__PURE__ */ A({
+}, yt = /* @__PURE__ */ E({
   __name: "vs-layout-default",
   props: {
     ua: { default: "" },
@@ -23,34 +23,34 @@ const vt = {
     label: { default: "" }
   },
   setup(o) {
-    const e = k("uk"), t = (n) => {
-      n.detail.key === "locale" && (e.value = n.detail.newValue);
+    const e = x("uk"), t = (r) => {
+      r.detail.key === "locale" && (e.value = r.detail.newValue);
     };
-    return ne(() => {
+    return pe(() => {
       e.value = localStorage.locale, window.addEventListener("storage", t);
-    }), Fe(() => {
+    }), Ue(() => {
       window.removeEventListener("resize", t);
-    }), (n, s) => (i(), u("div", {
-      class: S(["w-full relative", { "opacity-60": n.item.disabled }])
+    }), (r, s) => (i(), u("div", {
+      class: M(["w-full relative", { "opacity-60": r.item.disabled }])
     }, [
-      n.ua || n.label ? (i(), u("div", vt, [
-        l("span", mt, F(n.item[e.value] || n.ua || n.label), 1),
-        n.item?.rules?.includes("required") ? (i(), u("span", ht, "*")) : B("", !0)
-      ])) : B("", !0),
-      me(n.$slots, "default", Oe(De(n.$attrs))),
-      n.error ? (i(), u("span", gt, F(n.error), 1)) : B("", !0)
+      r.ua || r.label ? (i(), u("div", mt, [
+        l("span", ht, F(r.item[e.value] || r.ua || r.label), 1),
+        r.item?.rules?.includes("required") ? (i(), u("span", gt, "*")) : z("", !0)
+      ])) : z("", !0),
+      ke(r.$slots, "default", Te(Re(r.$attrs))),
+      r.error ? (i(), u("span", bt, F(r.error), 1)) : z("", !0)
     ], 2));
   }
-}), yt = { class: "w-full relative flex flex-row items-center gap-2" }, xt = {
+}), xt = { class: "w-full relative flex flex-row items-center gap-2" }, wt = {
   key: 0,
   class: "text-sm text-gray-900 font-medium flex shrink-0 w-3/12 max-w-[250px]"
-}, wt = {
+}, kt = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, kt = {
+}, _t = {
   key: 1,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, _t = /* @__PURE__ */ A({
+}, $t = /* @__PURE__ */ E({
   __name: "vs-layout-horizontal",
   props: {
     ua: { default: "" },
@@ -64,19 +64,19 @@ const vt = {
     label: { default: "" }
   },
   setup(o) {
-    return (e, t) => (i(), u("div", yt, [
-      e.item?.type !== "html" ? (i(), u("span", xt, [
-        oe(F(e.ua || e.label) + " ", 1),
-        e.item?.rules?.includes("required") && (e.ua || e.label) ? (i(), u("span", wt, "*")) : B("", !0)
-      ])) : B("", !0),
-      me(e.$slots, "default", Oe(De(e.$attrs))),
-      e.error ? (i(), u("span", kt, F(e.error), 1)) : B("", !0)
+    return (e, t) => (i(), u("div", xt, [
+      e.item?.type !== "html" ? (i(), u("span", wt, [
+        ie(F(e.ua || e.label) + " ", 1),
+        e.item?.rules?.includes("required") && (e.ua || e.label) ? (i(), u("span", kt, "*")) : z("", !0)
+      ])) : z("", !0),
+      ke(e.$slots, "default", Te(Re(e.$attrs))),
+      e.error ? (i(), u("span", _t, F(e.error), 1)) : z("", !0)
     ]));
   }
-}), $t = { class: "w-full relative" }, Ct = {
+}), Ct = { class: "w-full relative" }, Vt = {
   key: 0,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, Vt = /* @__PURE__ */ A({
+}, Mt = /* @__PURE__ */ E({
   __name: "vs-layout-inline",
   props: {
     ua: { default: "" },
@@ -90,27 +90,27 @@ const vt = {
     label: { default: "" }
   },
   setup(o) {
-    return (e, t) => (i(), u("div", $t, [
-      me(e.$slots, "default", Oe(De(e.$attrs))),
-      e.error ? (i(), u("span", Ct, F(e.error), 1)) : B("", !0)
+    return (e, t) => (i(), u("div", Ct, [
+      ke(e.$slots, "default", Te(Re(e.$attrs))),
+      e.error ? (i(), u("span", Vt, F(e.error), 1)) : z("", !0)
     ]));
   }
 }), Lt = {
-  default: bt,
-  horizontal: _t,
-  inline: Vt
+  default: yt,
+  horizontal: $t,
+  inline: Mt
 };
-function he(o) {
+function _e(o) {
   return {
-    inputClass: D(() => {
+    inputClass: T(() => {
       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 Mt = ["placeholder", "disabled"], Ge = /* @__PURE__ */ A({
+const St = ["placeholder", "disabled"], qe = /* @__PURE__ */ E({
   __name: "vs-input-text",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ W({
     style: { default: () => ({}) },
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -124,23 +124,23 @@ const Mt = ["placeholder", "disabled"], Ge = /* @__PURE__ */ A({
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = he(e.style), n = W(o, "modelValue");
-    return (s, a) => q((i(), u("input", {
+    const e = o, { inputClass: t } = _e(e.style), r = Q(o, "modelValue");
+    return (s, n) => X((i(), u("input", {
       type: "text",
-      "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
+      "onUpdate:modelValue": n[0] || (n[0] = (a) => r.value = a),
       placeholder: s.placeholder,
       disabled: s.disabled,
-      class: S(["py-1.5 px-3 block w-full placeholder:text[#767f8f]", [H(t), { "!border-red-600": s.error }]]),
+      class: M(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [G(t), { "!border-red-600": s.error }]]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, Mt)), [
-      [ie, n.value]
+    }, null, 10, St)), [
+      [fe, r.value]
     ]);
   }
-}), St = ["placeholder"], Bt = /* @__PURE__ */ A({
+}), Bt = ["placeholder"], jt = /* @__PURE__ */ E({
   __name: "vs-input-number",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ W({
     style: { default: () => ({}) },
     customClass: {},
     disabled: { type: Boolean },
@@ -154,26 +154,26 @@ const Mt = ["placeholder", "disabled"], Ge = /* @__PURE__ */ A({
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = he(e.style), n = W(o, "modelValue");
-    return (s, a) => q((i(), u("input", {
+    const e = o, { inputClass: t } = _e(e.style), r = Q(o, "modelValue");
+    return (s, n) => X((i(), u("input", {
       type: "number",
       step: "any",
-      "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
+      "onUpdate:modelValue": n[0] || (n[0] = (a) => r.value = a),
       placeholder: s.placeholder,
-      class: S(["py-1.5 px-3 block w-full", [H(t)]]),
+      class: M(["py-1.5 px-3 block w-full bg-white", [G(t)]]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, St)), [
-      [ie, n.value]
+    }, null, 10, Bt)), [
+      [fe, r.value]
     ]);
   }
-}), R = (o, e) => {
+}), P = (o, e) => {
   const t = o.__vccOpts || o;
-  for (const [n, s] of e)
-    t[n] = s;
+  for (const [r, s] of e)
+    t[r] = s;
   return t;
-}, jt = {}, It = {
+}, It = {}, zt = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -183,8 +183,8 @@ const Mt = ["placeholder", "disabled"], Ge = /* @__PURE__ */ A({
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-check"
 };
-function zt(o, e) {
-  return i(), u("svg", It, e[0] || (e[0] = [
+function At(o, e) {
+  return i(), u("svg", zt, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -193,7 +193,7 @@ function zt(o, e) {
     l("path", { d: "M5 12l5 5l10 -10" }, null, -1)
   ]));
 }
-const At = /* @__PURE__ */ R(jt, [["render", zt]]), Et = { class: "flex items-center gap-[4px]" }, Ft = ["value", "id", "disabled"], Ot = ["for"], Dt = { class: "text-[14px] text-gray-700 flex items-center gap-x-1 ml-1 dark:text-neutral-400" }, Ut = /* @__PURE__ */ A({
+const Ot = /* @__PURE__ */ P(It, [["render", At]]), Et = { class: "flex items-center gap-[4px]" }, Ft = ["value", "id", "disabled"], Dt = ["for"], Ut = { class: "text-[14px] text-gray-700 flex items-center gap-x-1 ml-1 dark:text-neutral-400" }, Tt = /* @__PURE__ */ E({
   __name: "vs-checkbox-default",
   props: {
     value: { default: "" },
@@ -206,45 +206,45 @@ const At = /* @__PURE__ */ R(jt, [["render", zt]]), Et = { class: "flex items-ce
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = e, n = o, s = D({
-      get: () => n.modelValue,
-      set: (a) => t("update:modelValue", a)
+    const t = e, r = o, s = T({
+      get: () => r.modelValue,
+      set: (n) => t("update:modelValue", n)
     });
-    return (a, r) => (i(), u("div", Et, [
-      q(l("input", {
+    return (n, a) => (i(), u("div", Et, [
+      X(l("input", {
         type: "checkbox",
-        value: a.value,
-        "onUpdate:modelValue": r[0] || (r[0] = (d) => s.value = d),
-        class: S(["shrink-0 border border-solid hidden border-gray-700 w-3.5 h-3.5 rounded text-blue-600 focus:ring-offset-0 dark:bg-neutral-800 dark:border-neutral-700 cursor-pointer", { "!cursor-not-allowed": a.disabled }]),
-        id: a.id,
-        disabled: a.disabled
+        value: n.value,
+        "onUpdate:modelValue": a[0] || (a[0] = (d) => s.value = d),
+        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": n.disabled }]),
+        id: n.id,
+        disabled: n.disabled
       }, null, 10, Ft), [
-        [Ye, s.value]
+        [Xe, s.value]
       ]),
       l("label", {
-        for: a.id,
-        class: S(["flex flex-1 checkbox-label items-center gap-x-2 cursor-pointer text-sm text-gray-800 dark:text-neutral-300", { "!cursor-not-allowed": a.disabled }])
+        for: n.id,
+        class: M(["flex flex-1 checkbox-label items-center gap-x-2 cursor-pointer text-sm text-gray-800 dark:text-neutral-300", { "!cursor-not-allowed": n.disabled }])
       }, [
         l("div", {
-          class: S(["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", a.error ? "border-red-600" : ""]])
+          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", n.error ? "border-red-600" : ""]])
         }, [
-          j(At, {
+          I(Ot, {
             height: "12",
             width: "12"
           })
         ], 2),
-        l("span", Dt, [
-          me(a.$slots, "default", {}, () => [
-            oe(F(a.label), 1)
+        l("span", Ut, [
+          ke(n.$slots, "default", {}, () => [
+            ie(F(n.label), 1)
           ])
         ])
-      ], 10, Ot)
+      ], 10, Dt)
     ]));
   }
-}), Tt = ["name", "value", "disabled"], Rt = { class: "flex items-center gap-[6px] text-[14px]" }, Pt = {
+}), Rt = ["name", "value", "disabled"], Pt = { class: "flex items-center gap-[6px] text-[14px]" }, Nt = {
   key: 0,
   class: "text-[16px]"
-}, Nt = ["src"], Ht = /* @__PURE__ */ A({
+}, Ht = ["src"], qt = /* @__PURE__ */ E({
   __name: "vs-checkbox-buttons",
   props: {
     value: { type: [String, Number, Boolean], default: "" },
@@ -258,46 +258,46 @@ const At = /* @__PURE__ */ R(jt, [["render", zt]]), Et = { class: "flex items-ce
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, n = e, s = D({
+    const t = o, r = e, s = T({
       get: () => t.modelValue,
       set: (d) => {
-        n("update:modelValue", d);
+        r("update:modelValue", d);
       }
-    }), a = D(() => Array.isArray(s.value) ? s.value.includes(t.value) : s.value === !0 || s.value === t.value), r = D(() => t.style?.size === "xs" ? "p-1.5 text-xs" : t.style?.size === "lg" ? "p-3.5 text-[20px]" : "p-2.5 text-xs");
+    }), n = T(() => Array.isArray(s.value) ? s.value.includes(t.value) : s.value === !0 || s.value === t.value), a = T(() => t.style?.size === "xs" ? "p-1.5 text-xs" : t.style?.size === "lg" ? "p-3.5 text-[20px]" : "p-2.5 text-xs");
     return (d, p) => (i(), u("label", {
-      class: S(["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", [r.value, a.value ? "ring-blue-500" : "border border-gray-200 ring-transparent"]])
+      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, n.value ? "ring-blue-500" : "border border-gray-200 ring-transparent"]])
     }, [
-      q(l("input", {
+      X(l("input", {
         type: "checkbox",
         class: "hidden",
         name: d.id,
         value: d.value,
         "onUpdate:modelValue": p[0] || (p[0] = (f) => s.value = f),
         disabled: d.disabled
-      }, null, 8, Tt), [
-        [Ye, s.value]
+      }, null, 8, Rt), [
+        [Xe, s.value]
       ]),
-      l("span", Rt, [
-        d.icon || d.imgUrl ? (i(), u("span", Pt, [
+      l("span", Pt, [
+        d.icon || d.imgUrl ? (i(), u("span", Nt, [
           d.icon ? (i(), u("i", {
             key: 0,
-            class: S(d.icon)
-          }, null, 2)) : B("", !0),
+            class: M(d.icon)
+          }, null, 2)) : z("", !0),
           d.imgUrl ? (i(), u("img", {
             key: 1,
             src: d.imgUrl,
             width: "16",
             height: "16",
             alt: "icon"
-          }, null, 8, Nt)) : B("", !0)
-        ])) : B("", !0),
-        me(d.$slots, "default", {}, () => [
-          oe(F(d.label), 1)
+          }, null, 8, Ht)) : z("", !0)
+        ])) : z("", !0),
+        ke(d.$slots, "default", {}, () => [
+          ie(F(d.label), 1)
         ])
       ])
     ], 2));
   }
-}), qt = { class: "flex items-center" }, lt = /* @__PURE__ */ A({
+}), Gt = { class: "flex items-center" }, tt = /* @__PURE__ */ E({
   __name: "vs-input-checkbox-item",
   props: {
     value: { default: "" },
@@ -314,38 +314,38 @@ const At = /* @__PURE__ */ R(jt, [["render", zt]]), Et = { class: "flex items-ce
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, n = e, s = `radio-${Math.floor(Math.random() * 1e4)}`, a = D({
+    const t = o, r = e, s = `radio-${Math.floor(Math.random() * 1e4)}`, n = T({
       get: () => Array.isArray(t.modelValue) ? Array.isArray(t.modelValue) && t.modelValue.includes(t.value) : t.modelValue,
       set: (d) => {
         if (Array.isArray(t.modelValue)) {
           let p = [...t.modelValue];
-          d ? p.includes(t.value) || p.push(t.value) : p = p.filter((f) => f !== t.value), n("update:modelValue", p);
+          d ? p.includes(t.value) || p.push(t.value) : p = p.filter((f) => f !== t.value), r("update:modelValue", p);
         } else
-          n("update:modelValue", d);
+          r("update:modelValue", d);
       }
-    }), r = k(`vs-checkbox-${t.view || "default"}`);
-    return (d, p) => (i(), u("div", qt, [
-      (i(), X(we(r.value === "vs-checkbox-buttons" ? H(Ht) : H(Ut)), {
+    }), a = x(`vs-checkbox-${t.view || "default"}`);
+    return (d, p) => (i(), u("div", Gt, [
+      (i(), te(Ve(a.value === "vs-checkbox-buttons" ? G(qt) : G(Tt)), {
         value: d.value,
         label: d.label,
         info: d.option?.info,
         disabled: d.disabled,
-        modelValue: a.value,
-        "onUpdate:modelValue": p[0] || (p[0] = (f) => a.value = f),
+        modelValue: n.value,
+        "onUpdate:modelValue": p[0] || (p[0] = (f) => n.value = f),
         id: s,
         icon: d.icon,
         imgUrl: d.imgUrl,
-        style: ve(d.style),
+        style: we(d.style),
         error: d.error
       }, {
         default: Me(() => [
-          oe(F(d.label), 1)
+          ie(F(d.label), 1)
         ]),
         _: 1
       }, 8, ["value", "label", "info", "disabled", "modelValue", "icon", "imgUrl", "style", "error"]))
     ]));
   }
-}), Gt = {}, Jt = {
+}), Jt = {}, Kt = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -355,8 +355,8 @@ const At = /* @__PURE__ */ R(jt, [["render", zt]]), Et = { class: "flex items-ce
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down"
 };
-function Kt(o, e) {
-  return i(), u("svg", Jt, e[0] || (e[0] = [
+function Zt(o, e) {
+  return i(), u("svg", Kt, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -365,7 +365,7 @@ function Kt(o, e) {
     l("path", { d: "M6 9l6 6l6 -6" }, null, -1)
   ]));
 }
-const Zt = /* @__PURE__ */ R(Gt, [["render", Kt]]), Wt = {}, Qt = {
+const Wt = /* @__PURE__ */ P(Jt, [["render", Zt]]), Qt = {}, Xt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -376,8 +376,8 @@ const Zt = /* @__PURE__ */ R(Gt, [["render", Kt]]), Wt = {}, Qt = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Xt(o, e) {
-  return i(), u("svg", Qt, e[0] || (e[0] = [
+function Yt(o, e) {
+  return i(), u("svg", Xt, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -388,15 +388,15 @@ function Xt(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 Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
+const el = /* @__PURE__ */ P(Qt, [["render", Yt]]), tl = {
   key: 0,
   class: "flex items-start gap-x-1"
-}, tl = {
+}, ll = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, ll = ["title"], ol = ["disabled"], ot = /* @__PURE__ */ A({
+}, ol = ["title"], al = ["disabled"], lt = /* @__PURE__ */ E({
   __name: "vs-input-switcher",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ W({
     rules: { default: () => [] },
     view: { default: "checkbox" },
     label: { default: "" },
@@ -415,38 +415,38 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = W(o, "modelValue");
-    return (n, s) => e.view === "checkbox" ? (i(), u("div", el, [
-      j(lt, {
+    const e = o, t = Q(o, "modelValue");
+    return (r, s) => e.view === "checkbox" ? (i(), u("div", tl, [
+      I(tt, {
         modelValue: t.value,
-        "onUpdate:modelValue": s[0] || (s[0] = (a) => t.value = a),
-        label: n.text,
-        error: n.error || ""
+        "onUpdate:modelValue": s[0] || (s[0] = (n) => t.value = n),
+        label: r.text,
+        error: r.error || ""
       }, null, 8, ["modelValue", "label", "error"]),
-      n.rules?.includes("required") ? (i(), u("span", tl, "*")) : B("", !0),
-      n.i ? (i(), u("button", {
+      r.rules?.includes("required") ? (i(), u("span", ll, "*")) : z("", !0),
+      r.i ? (i(), u("button", {
         key: 1,
         class: "cursor-pointer",
-        title: n.i,
-        onClick: s[1] || (s[1] = se(() => {
+        title: r.i,
+        onClick: s[1] || (s[1] = ce(() => {
         }, ["prevent"]))
       }, [
-        j(H(Yt), { class: "text-gray-500 w-[14px] h-[14px]" })
-      ], 8, ll)) : B("", !0)
+        I(G(el), { class: "text-gray-500 w-[14px] h-[14px]" })
+      ], 8, ol)) : z("", !0)
     ])) : (i(), u("button", {
       key: 1,
       type: "button",
-      class: S(["inline-flex h-5 w-9 shrink-0 px-[2px] cursor-pointer items-center rounded-full shadow-sm disabled:cursor-not-allowed disabled:opacity-50", [t.value ? `bg-${n.style?.primaryColor || "blue"}-500` : "bg-stone-200", n.customClass]]),
-      disabled: n.disabled,
-      onClick: s[2] || (s[2] = (a) => t.value = !t.value)
+      class: M(["inline-flex h-5 w-9 shrink-0 px-[2px] cursor-pointer items-center rounded-full shadow-sm disabled:cursor-not-allowed disabled:opacity-50", [t.value ? `bg-${r.style?.primaryColor || "blue"}-500` : "bg-stone-200", r.customClass]]),
+      disabled: r.disabled,
+      onClick: s[2] || (s[2] = (n) => t.value = !t.value)
     }, [
       l("span", {
         "data-state": "checked",
-        class: S(["pointer-events-none block h-4 w-4 rounded-full bg-white shadow-lg ring-0 transition-transform", [t.value ? "translate-x-4" : "translate-x-0"]])
+        class: 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, ol));
+    ], 10, al));
   }
-}), al = ["innerHTML"], Je = /* @__PURE__ */ A({
+}), sl = ["innerHTML"], Ge = /* @__PURE__ */ E({
   __name: "vs-input-static",
   props: {
     text: { default: "" },
@@ -461,13 +461,13 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
   },
   setup(o) {
     return (e, t) => (i(), u("div", {
-      class: S(e.customClass),
+      class: M(e.customClass),
       innerHTML: e.html ? e.html : e.text
-    }, null, 10, al));
+    }, null, 10, sl));
   }
-}), sl = ["placeholder", "disabled", "name"], rl = /* @__PURE__ */ A({
+}), rl = ["placeholder", "disabled", "name"], nl = /* @__PURE__ */ E({
   __name: "vs-input-mask",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ W({
     name: {},
     mask: { default: "" },
     unmask: { type: Boolean, default: !1 },
@@ -483,12 +483,12 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = he(e.style), n = W(o, "modelValue"), s = k(null);
-    let a = null;
-    return ne(async () => {
+    const e = o, { inputClass: t } = _e(e.style), r = Q(o, "modelValue"), s = x(null);
+    let n = null;
+    return pe(async () => {
       if (s.value) {
-        const { default: r } = await import("./index-W-qQIppj.js");
-        a = r(s.value, {
+        const { default: a } = await import("./index-W-qQIppj.js");
+        n = a(s.value, {
           mask: e.mask || "",
           definitions: {
             9: /[0-9]/,
@@ -496,41 +496,41 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
             "*": /[a-zA-Z0-9]/
           },
           lazy: !1
-        }), a.on("accept", () => {
-          n.value = e.unmask ? a.unmaskedValue : a.value;
-        }), a.on("complete", () => {
-          n.value = e.unmask ? a.unmaskedValue : a.value;
-        }), a.value = n.value ?? "";
+        }), n.on("accept", () => {
+          r.value = e.unmask ? n.unmaskedValue : n.value;
+        }), n.on("complete", () => {
+          r.value = e.unmask ? n.unmaskedValue : n.value;
+        }), n.value = r.value ?? "";
       }
-    }), dt(() => {
-      a?.destroy();
-    }), re(() => e.mask, (r) => {
-      a && a.updateOptions({
-        mask: r,
+    }), ut(() => {
+      n?.destroy();
+    }), ue(() => e.mask, (a) => {
+      n && n.updateOptions({
+        mask: a,
         definitions: {
           9: /[0-9]/,
           A: /[a-zA-Z]/,
           "*": /[a-zA-Z0-9]/
         }
       });
-    }), re(n, (r) => {
-      a && a.unmaskedValue !== r && (a.value = r || "");
-    }), (r, d) => (i(), u("input", {
+    }), ue(r, (a) => {
+      n && n.unmaskedValue !== a && (n.value = a || "");
+    }), (a, d) => (i(), u("input", {
       type: "text",
       ref_key: "inputEl",
       ref: s,
-      placeholder: r.placeholder,
-      disabled: r.disabled,
-      name: r.name,
-      class: S(["py-1.5 px-3 block w-full placeholder:text[#767f8f]", [H(t)]]),
+      placeholder: a.placeholder,
+      disabled: a.disabled,
+      name: a.name,
+      class: M(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [G(t)]]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, sl));
+    }, null, 10, rl));
   }
-}), nl = { class: "relative w-full bg-white rounded-lg" }, il = ["placeholder", "disabled"], ul = /* @__PURE__ */ A({
+}), il = { class: "relative w-full bg-white rounded-lg" }, ul = ["placeholder", "disabled"], dl = /* @__PURE__ */ E({
   __name: "vs-input-email",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ W({
     style: { default: () => ({}) },
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -544,26 +544,26 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = he(e.style), n = W(o, "modelValue");
-    return (s, a) => (i(), u("div", nl, [
-      a[1] || (a[1] = ae('<div class="absolute bottom-2/4 translate-y-2/4 left-[10px] cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="stroke-gray-500 transition-all"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10z"></path><path d="M3 7l9 6l9 -6"></path></svg></div>', 1)),
-      q(l("input", {
+    const e = o, { inputClass: t } = _e(e.style), r = Q(o, "modelValue");
+    return (s, n) => (i(), u("div", il, [
+      n[1] || (n[1] = re('<div class="absolute bottom-2/4 translate-y-2/4 left-[10px] cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="stroke-gray-500 transition-all"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10z"></path><path d="M3 7l9 6l9 -6"></path></svg></div>', 1)),
+      X(l("input", {
         type: "email",
-        "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
+        "onUpdate:modelValue": n[0] || (n[0] = (a) => r.value = a),
         placeholder: s.placeholder,
         disabled: s.disabled,
-        class: S(["!pl-8 py-1.5 px-3 block w-full placeholder:text[#767f8f]", [H(t), { "!border-red-600": s.error }]]),
+        class: M(["!pl-8 py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [G(t), { "!border-red-600": s.error }]]),
         style: {
           border: "1px solid #CFD9E0"
         }
-      }, null, 10, il), [
-        [ie, n.value]
+      }, null, 10, ul), [
+        [fe, r.value]
       ])
     ]));
   }
-}), dl = ["value", "disabled"], cl = { class: "text-[13px] text-gray-700" }, pl = /* @__PURE__ */ A({
+}), cl = ["value", "disabled"], pl = { class: "text-[13px] text-gray-700" }, fl = /* @__PURE__ */ E({
   __name: "vs-input-radio-default",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ W({
     style: {},
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -579,36 +579,36 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = W(o, "modelValue");
-    return (t, n) => (i(), u("label", {
-      class: S(["flex items-center gap-0", [t.customClass]])
+    const e = Q(o, "modelValue");
+    return (t, r) => (i(), u("label", {
+      class: M(["flex items-center gap-0", [t.customClass]])
     }, [
-      q(l("input", {
-        "onUpdate:modelValue": n[0] || (n[0] = (s) => e.value = s),
+      X(l("input", {
+        "onUpdate:modelValue": r[0] || (r[0] = (s) => e.value = s),
         type: "radio",
         value: t.value,
         disabled: t.disabled,
         class: "hidden"
-      }, null, 8, dl), [
-        [et, e.value]
+      }, null, 8, cl), [
+        [Ye, e.value]
       ]),
       l("span", {
-        class: S(["w-[16px] shrink-0 h-[16px] border rounded-full flex items-center justify-center mr-[10px]", [
+        class: M(["w-[16px] shrink-0 h-[16px] border rounded-full flex items-center justify-center mr-[10px]", [
           `border-${t.style?.primaryColor || "blue"}-500`,
           t.disabled ? "opacity-50 cursor-not-allowed" : ""
         ]])
       }, [
         e.value == t.value ? (i(), u("span", {
           key: 0,
-          class: S(["w-[12px] h-[12px] shrink-0 rounded-full", [`bg-${t.style?.primaryColor || "blue"}-500`]])
-        }, null, 2)) : B("", !0)
+          class: M(["w-[12px] h-[12px] shrink-0 rounded-full", [`bg-${t.style?.primaryColor || "blue"}-500`]])
+        }, null, 2)) : z("", !0)
       ], 2),
-      l("span", cl, F(t.text), 1)
+      l("span", pl, F(t.text), 1)
     ], 2));
   }
-}), fl = ["value", "disabled"], vl = { class: "text-[13px] text-gray-700" }, ml = /* @__PURE__ */ A({
+}), vl = ["value", "disabled"], ml = { class: "text-[13px] text-gray-700" }, hl = /* @__PURE__ */ E({
   __name: "vs-input-radio-buttons",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ W({
     style: {},
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -624,31 +624,31 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = W(o, "modelValue");
-    return (t, n) => (i(), u("label", {
-      class: S(["flex items-center border rounded-lg px-2 py-1", [
+    const e = Q(o, "modelValue");
+    return (t, r) => (i(), u("label", {
+      class: M(["flex items-center border rounded-lg px-2 py-1", [
         e.value == t.value ? `ring-2 ring-ring ring-${t.style?.primaryColor || "blue"}-500` : "",
         t.customClass
       ]])
     }, [
-      q(l("input", {
-        "onUpdate:modelValue": n[0] || (n[0] = (s) => e.value = s),
+      X(l("input", {
+        "onUpdate:modelValue": r[0] || (r[0] = (s) => e.value = s),
         type: "radio",
         value: t.value,
         disabled: t.disabled,
         class: "hidden"
-      }, null, 8, fl), [
-        [et, e.value]
+      }, null, 8, vl), [
+        [Ye, e.value]
       ]),
-      l("span", vl, F(t.text), 1)
+      l("span", ml, F(t.text), 1)
     ], 2));
   }
-}), hl = {
-  "vs-input-radio-default": pl,
-  "vs-input-radio-buttons": ml
-}, Ke = /* @__PURE__ */ A({
+}), gl = {
+  "vs-input-radio-default": fl,
+  "vs-input-radio-buttons": hl
+}, Je = /* @__PURE__ */ E({
   __name: "vs-input-radio",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ W({
     options: {},
     position: { default: "vertical" },
     view: { default: "default" },
@@ -665,21 +665,21 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = W(o, "modelValue"), n = D(() => hl[`vs-input-radio-${e.view}`]);
-    return (s, a) => (i(), u("div", {
-      class: S([s.position === "horizontal" ? "flex items-center flex-wrap gap-2" : ""])
+    const e = o, t = Q(o, "modelValue"), r = T(() => gl[`vs-input-radio-${e.view}`]);
+    return (s, n) => (i(), u("div", {
+      class: M([s.position === "horizontal" ? "flex items-center flex-wrap gap-2" : ""])
     }, [
-      (i(!0), u(K, null, Y(s.options, (r) => (i(), X(we(n.value), Ve({
-        key: r?.id,
-        text: r.text,
-        value: r.id.toString(),
-        checked: t.value === r.id,
+      (i(!0), u(ee, null, le(s.options, (a) => (i(), te(Ve(r.value), je({
+        key: a?.id,
+        text: a.text,
+        value: a.id.toString(),
+        checked: t.value === a.id,
         modelValue: t.value,
-        "onUpdate:modelValue": a[0] || (a[0] = (d) => t.value = d)
+        "onUpdate:modelValue": n[0] || (n[0] = (d) => t.value = d)
       }, { ref_for: !0 }, s.$attrs), null, 16, ["text", "value", "checked", "modelValue"]))), 128))
     ], 2));
   }
-}), gl = /* @__PURE__ */ A({
+}), bl = /* @__PURE__ */ E({
   __name: "vs-input-checkbox",
   props: {
     options: { default: () => [] },
@@ -698,81 +698,81 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, n = e, s = k([]), a = ct({}), r = (c) => c?.value || c?.id || c?.text || c, d = (c) => c.text || String(c), p = (c) => `lg:col-span-${c || 12}`, f = async () => {
+    const t = o, r = e, s = x([]), n = dt({}), a = (c) => c?.value || c?.id || c?.text || c, d = (c) => c.text || String(c), p = (c) => `lg:col-span-${c || 12}`, f = async () => {
       try {
-        const c = await fetch(`/api/suggest/${t.data}`).then((g) => g.json());
+        const c = await fetch(`/api/suggest/${t.data}`).then((b) => b.json());
         s.value = c?.data || c;
       } catch (c) {
         console.error(c);
       }
     };
-    return re(
+    return ue(
       () => t.modelValue,
       (c) => {
         if (typeof c == "boolean" && s.value.length === 1) {
-          const g = r(s.value[0]);
-          a[g] = c;
+          const b = a(s.value[0]);
+          n[b] = c;
         } else if (Array.isArray(c)) {
-          const g = new Set(c);
+          const b = new Set(c);
           s.value.forEach((v) => {
             if (!v.disabled) {
-              const M = r(v);
-              a[M] = g.has(M);
+              const C = a(v);
+              n[C] = b.has(C);
             }
           });
         }
       },
       { immediate: !0 }
-    ), re(
-      a,
+    ), ue(
+      n,
       () => {
         if (!s.value.length) {
-          n("update:modelValue", null);
+          r("update:modelValue", null);
           return;
         }
-        const c = Object.entries(a).filter(([, g]) => g).map(([g]) => g);
-        n("update:modelValue", c.length === 0 ? [] : c);
+        const c = Object.entries(n).filter(([, b]) => b).map(([b]) => b);
+        r("update:modelValue", c.length === 0 ? [] : c);
       },
       { deep: !0 }
-    ), ne(() => {
+    ), pe(() => {
       if (t.data)
         f().then(() => {
           if (typeof t.modelValue == "boolean" && s.value.length === 1) {
-            const c = r(s.value[0]);
-            a[c] = t.modelValue;
+            const c = a(s.value[0]);
+            n[c] = t.modelValue;
           } else if (Array.isArray(t.modelValue)) {
             const c = new Set(t.modelValue);
-            s.value.forEach((g) => {
-              if (!g.disabled) {
-                const v = r(g);
-                a[v] = c.has(v);
+            s.value.forEach((b) => {
+              if (!b.disabled) {
+                const v = a(b);
+                n[v] = c.has(v);
               }
             });
           }
         });
       else if (s.value = t.options, typeof t.modelValue == "boolean" && s.value.length === 1) {
-        const c = r(s.value[0]);
-        a[c] = t.modelValue;
+        const c = a(s.value[0]);
+        n[c] = t.modelValue;
       } else if (Array.isArray(t.modelValue)) {
         const c = new Set(t.modelValue);
-        s.value.forEach((g) => {
-          if (!g.disabled) {
-            const v = r(g);
-            a[v] = c.has(v);
+        s.value.forEach((b) => {
+          if (!b.disabled) {
+            const v = a(b);
+            n[v] = c.has(v);
           }
         });
       }
-    }), (c, g) => (i(), u("div", {
-      class: S(["p-0 w-full gap-[6px]", [c.position === "vertical" ? "flex-col" : "", c.colSpan ? "grid" : "flex justify-start"]])
+    }), (c, b) => (i(), u("div", {
+      class: M(["p-0 w-full gap-[6px]", [c.position === "vertical" ? "flex-col" : "", c.colSpan ? "grid" : "flex justify-start"]])
     }, [
-      (i(!0), u(K, null, Y(s.value, (v) => (i(), X(lt, {
-        modelValue: a[r(v)],
-        "onUpdate:modelValue": (M) => a[r(v)] = M,
-        value: r(v),
-        class: S(p(c.colSpan)),
+      (i(!0), u(ee, null, le(s.value, (v) => (i(), te(tt, {
+        modelValue: n[a(v)],
+        "onUpdate:modelValue": (C) => n[a(v)] = C,
+        value: a(v),
+        class: M(p(c.colSpan)),
         disabled: v.disabled,
         label: d(v),
-        key: r(v),
+        key: a(v),
         icon: v?.icon,
         imgUrl: v?.imgUrl,
         option: v,
@@ -780,7 +780,7 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
       }, null, 8, ["modelValue", "onUpdate:modelValue", "value", "class", "disabled", "label", "icon", "imgUrl", "option", "view"]))), 128))
     ], 2));
   }
-}), bl = /* @__PURE__ */ R(gl, [["__scopeId", "data-v-91f3584a"]]), yl = ["placeholder", "disabled"], xl = /* @__PURE__ */ A({
+}), yl = /* @__PURE__ */ P(bl, [["__scopeId", "data-v-91f3584a"]]), xl = ["placeholder", "disabled"], wl = /* @__PURE__ */ E({
   __name: "vs-input-date1",
   props: {
     style: { default: () => ({}) },
@@ -793,56 +793,56 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, { inputClass: n } = he(t.style), s = e, a = D({
+    const t = o, { inputClass: r } = _e(t.style), s = e, n = T({
       get: () => t.modelValue?.split(" ")[0],
-      set: (r) => s("update:modelValue", r)
+      set: (a) => s("update:modelValue", a)
     });
-    return (r, d) => q((i(), u("input", {
+    return (a, d) => X((i(), u("input", {
       type: "date",
-      "onUpdate:modelValue": d[0] || (d[0] = (p) => a.value = p),
-      placeholder: r.placeholder,
-      disabled: r.disabled,
+      "onUpdate:modelValue": d[0] || (d[0] = (p) => n.value = p),
+      placeholder: a.placeholder,
+      disabled: a.disabled,
       ref: "date",
-      class: S(["py-1.5 px-3 block w-full placeholder:text[#767f8f]", [r.modelValue ? "" : "text-opacity-50", H(n)].join(" ")]),
+      class: M(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [a.modelValue ? "" : "text-opacity-50", G(r)].join(" ")]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, yl)), [
-      [ie, a.value]
+    }, null, 10, xl)), [
+      [fe, n.value]
     ]);
   }
-}), wl = async (o, e, t, n) => {
+}), kl = async (o, e, t, r) => {
   try {
     const s = new FormData();
     return s.append("unique", "true"), s.append("file", o), (await fetch(
-      `/file/upload/uploads?id=${e || ""}&form=${t || ""}&table=${n || ""}`,
+      `/file/upload/uploads?id=${e || ""}&form=${t || ""}&table=${r || ""}`,
       {
         method: "POST",
         body: s
       }
-    ).then((r) => r.json()))?.result;
+    ).then((a) => a.json()))?.result;
   } catch (s) {
-    return fe({
+    return me({
       type: "error",
       title: "Помилка!",
       message: "Сталась помилка під час завантаження файлу",
       position: "right-bottom"
     }), console.error("Сталась помилка завантаження файлу", s), null;
   }
-}, kl = async (o) => {
+}, _l = async (o) => {
   try {
     return await fetch(`file/delete${o}`), !0;
   } catch (e) {
     return console.error(e), !1;
   }
-}, Ze = async (o) => {
+}, Ke = 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), a = new Blob([s], { type: n }), r = document.createElement("a");
-    r.setAttribute("download", o), r.href = window.URL.createObjectURL(a), r.click();
+    const e = await fetch(`file/download/files/uploads${o}`), t = await e.arrayBuffer(), r = e.headers["content-type"], s = new TextDecoder("utf-8").decode(t), n = new Blob([s], { type: r }), a = document.createElement("a");
+    a.setAttribute("download", o), a.href = window.URL.createObjectURL(n), a.click();
   } catch (e) {
     console.error(e.message);
   }
-}, _l = {}, $l = {
+}, $l = {}, Cl = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -853,13 +853,13 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Cl(o, e) {
-  return i(), u("svg", $l, e[0] || (e[0] = [
+function Vl(o, e) {
+  return i(), u("svg", Cl, e[0] || (e[0] = [
     l("path", { d: "M5 12h14" }, null, -1),
     l("path", { d: "M12 5v14" }, null, -1)
   ]));
 }
-const je = /* @__PURE__ */ R(_l, [["render", Cl]]), Vl = {}, Ll = {
+const Ae = /* @__PURE__ */ P($l, [["render", Vl]]), Ml = {}, Ll = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-text",
   width: "44",
@@ -871,12 +871,12 @@ const je = /* @__PURE__ */ R(_l, [["render", Cl]]), Vl = {}, Ll = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Ml(o, e, t, n, s, a) {
+function Sl(o, e, t, r, s, n) {
   return i(), u("svg", Ll, e[0] || (e[0] = [
-    ae('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><line x1="9" y1="9" x2="10" y2="9"></line><line x1="9" y1="13" x2="15" y2="13"></line><line x1="9" y1="17" x2="15" y2="17"></line>', 6)
+    re('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><line x1="9" y1="9" x2="10" y2="9"></line><line x1="9" y1="13" x2="15" y2="13"></line><line x1="9" y1="17" x2="15" y2="17"></line>', 6)
   ]));
 }
-const Sl = /* @__PURE__ */ R(Vl, [["render", Ml]]), Bl = {}, jl = {
+const Bl = /* @__PURE__ */ P(Ml, [["render", Sl]]), jl = {}, Il = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-table",
   width: "44",
@@ -888,8 +888,8 @@ const Sl = /* @__PURE__ */ R(Vl, [["render", Ml]]), Bl = {}, jl = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Il(o, e, t, n, s, a) {
-  return i(), u("svg", jl, e[0] || (e[0] = [
+function zl(o, e, t, r, s, n) {
+  return i(), u("svg", Il, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -916,7 +916,7 @@ function Il(o, e, t, n, s, a) {
     }, null, -1)
   ]));
 }
-const zl = /* @__PURE__ */ R(Bl, [["render", Il]]), Al = {}, El = {
+const Al = /* @__PURE__ */ P(jl, [["render", zl]]), Ol = {}, El = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -928,12 +928,12 @@ const zl = /* @__PURE__ */ R(Bl, [["render", Il]]), Al = {}, El = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-file-unknown"
 };
-function Fl(o, e, t, n, s, a) {
+function Fl(o, e, t, r, s, n) {
   return i(), u("svg", El, e[0] || (e[0] = [
-    ae('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><path d="M12 17v.01"></path><path d="M12 14a1.5 1.5 0 1 0 -1.14 -2.474"></path>', 5)
+    re('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><path d="M12 17v.01"></path><path d="M12 14a1.5 1.5 0 1 0 -1.14 -2.474"></path>', 5)
   ]));
 }
-const Ol = /* @__PURE__ */ R(Al, [["render", Fl]]), Dl = {}, Ul = {
+const Dl = /* @__PURE__ */ P(Ol, [["render", Fl]]), Ul = {}, Tl = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-zip",
   width: "44",
@@ -945,12 +945,12 @@ const Ol = /* @__PURE__ */ R(Al, [["render", Fl]]), Dl = {}, Ul = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Tl(o, e, t, n, s, a) {
-  return i(), u("svg", Ul, e[0] || (e[0] = [
-    ae('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M6 20.735a2 2 0 0 1 -1 -1.735v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-1"></path><path d="M11 17a2 2 0 0 1 2 2v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-2a2 2 0 0 1 2 -2z"></path><line x1="11" y1="5" x2="10" y2="5"></line><line x1="13" y1="7" x2="12" y2="7"></line><line x1="11" y1="9" x2="10" y2="9"></line><line x1="13" y1="11" x2="12" y2="11"></line><line x1="11" y1="13" x2="10" y2="13"></line><line x1="13" y1="15" x2="12" y2="15"></line>', 9)
+function Rl(o, e, t, r, s, n) {
+  return i(), u("svg", Tl, e[0] || (e[0] = [
+    re('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M6 20.735a2 2 0 0 1 -1 -1.735v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-1"></path><path d="M11 17a2 2 0 0 1 2 2v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-2a2 2 0 0 1 2 -2z"></path><line x1="11" y1="5" x2="10" y2="5"></line><line x1="13" y1="7" x2="12" y2="7"></line><line x1="11" y1="9" x2="10" y2="9"></line><line x1="13" y1="11" x2="12" y2="11"></line><line x1="11" y1="13" x2="10" y2="13"></line><line x1="13" y1="15" x2="12" y2="15"></line>', 9)
   ]));
 }
-const Rl = /* @__PURE__ */ R(Dl, [["render", Tl]]), Pl = {}, Nl = {
+const Pl = /* @__PURE__ */ P(Ul, [["render", Rl]]), Nl = {}, Hl = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-code",
   width: "44",
@@ -962,25 +962,25 @@ const Rl = /* @__PURE__ */ R(Dl, [["render", Tl]]), Pl = {}, Nl = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Hl(o, e, t, n, s, a) {
-  return i(), u("svg", Nl, e[0] || (e[0] = [
-    ae('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><path d="M10 13l-1 2l1 2"></path><path d="M14 13l1 2l-1 2"></path>', 5)
+function ql(o, e, t, r, s, n) {
+  return i(), u("svg", Hl, e[0] || (e[0] = [
+    re('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><path d="M10 13l-1 2l1 2"></path><path d="M14 13l1 2l-1 2"></path>', 5)
   ]));
 }
-const ql = /* @__PURE__ */ R(Pl, [["render", Hl]]), Gl = (o) => {
+const Gl = /* @__PURE__ */ P(Nl, [["render", ql]]), Jl = (o) => {
   if (!o) return "";
   const e = o?.split(".");
   return e[e.length - 1];
-}, Jl = (o) => {
-  const e = Gl(o), t = {
+}, Kl = (o) => {
+  const e = Jl(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) ? zl : t.textsFormat.includes(e) ? ql : t.documentsFormat.includes(e) ? Sl : t.archivesFormat.includes(e) ? Rl : Ol;
-}, Kl = {}, Zl = {
+  return t.imageFormat.includes(e) ? "img" : t.sheetsFormat.includes(e) ? Al : t.textsFormat.includes(e) ? Gl : t.documentsFormat.includes(e) ? Bl : t.archivesFormat.includes(e) ? Pl : Dl;
+}, Zl = {}, Wl = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -992,12 +992,12 @@ const ql = /* @__PURE__ */ R(Pl, [["render", Hl]]), Gl = (o) => {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-trash"
 };
-function Wl(o, e) {
-  return i(), u("svg", Zl, e[0] || (e[0] = [
-    ae('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M4 7l16 0"></path><path d="M10 11l0 6"></path><path d="M14 11l0 6"></path><path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12"></path><path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3"></path>', 6)
+function Ql(o, e) {
+  return i(), u("svg", Wl, e[0] || (e[0] = [
+    re('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M4 7l16 0"></path><path d="M10 11l0 6"></path><path d="M14 11l0 6"></path><path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12"></path><path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3"></path>', 6)
   ]));
 }
-const Ie = /* @__PURE__ */ R(Kl, [["render", Wl]]), Ql = {}, Xl = {
+const Ee = /* @__PURE__ */ P(Zl, [["render", Ql]]), Xl = {}, Yl = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1009,8 +1009,8 @@ const Ie = /* @__PURE__ */ R(Kl, [["render", Wl]]), Ql = {}, Xl = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-download"
 };
-function Yl(o, e) {
-  return i(), u("svg", Xl, e[0] || (e[0] = [
+function eo(o, e) {
+  return i(), u("svg", Yl, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1021,9 +1021,9 @@ function Yl(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const at = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[120px] border text-gray-300 border-dashed border-[#CFD9E0] rounded-lg overflow-hidden relative item-file" }, to = { class: "absolute hidden top-0 right-0 flex items-center gap-x-2 w-full h-full justify-center" }, lo = /* @__PURE__ */ A({
+const ot = /* @__PURE__ */ P(Xl, [["render", eo]]), to = { class: "h-[120px] w-[120px] border text-gray-300 border-dashed border-[#CFD9E0] rounded-lg overflow-hidden relative item-file" }, lo = { class: "absolute hidden top-0 right-0 flex items-center gap-x-2 w-full h-full justify-center" }, oo = /* @__PURE__ */ E({
   __name: "vs-input-file-list-item",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ W({
     format: {},
     multiple: { type: Boolean },
     style: {},
@@ -1041,40 +1041,40 @@ const at = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
   }),
   emits: ["update:value", "update:item"],
   setup(o) {
-    const e = W(o, "value"), t = W(o, "item"), n = o;
-    return (s, a) => (i(), u("div", eo, [
-      (i(), X(we(H(Jl)(t.value)), {
+    const e = Q(o, "value"), t = Q(o, "item"), r = o;
+    return (s, n) => (i(), u("div", to, [
+      (i(), te(Ve(G(Kl)(t.value)), {
         src: t.value,
         alt: "file",
         class: "w-full h-full object-cover cursor-pointer",
-        onClick: a[0] || (a[0] = (r) => H(Ze)(t.value))
+        onClick: n[0] || (n[0] = (a) => G(Ke)(t.value))
       }, null, 8, ["src"])),
-      l("div", to, [
+      l("div", lo, [
         l("button", {
           type: "button",
-          onClick: a[1] || (a[1] = (r) => {
-            H(kl)(t.value), e.value = n.multiple ? e.value?.filter((d) => d !== t.value) : "";
+          onClick: n[1] || (n[1] = (a) => {
+            G(_l)(t.value), e.value = r.multiple ? e.value?.filter((d) => d !== t.value) : "";
           }),
           class: "w-6 h-6 flex items-center justify-center text-gray-500 bg-gray-200 rounded-lg hover:text-red-500"
         }, [
-          j(Ie, { class: "w-4 h-4" })
+          I(Ee, { class: "w-4 h-4" })
         ]),
         l("button", {
           type: "button",
-          onClick: a[2] || (a[2] = (r) => H(Ze)(t.value)),
+          onClick: n[2] || (n[2] = (a) => G(Ke)(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(at, { class: "w-4 h-4" })
+          I(ot, { class: "w-4 h-4" })
         ])
       ])
     ]));
   }
-}), We = /* @__PURE__ */ R(lo, [["__scopeId", "data-v-0ca886b3"]]), oo = { class: "flex items-center gap-x-2" }, ao = {
+}), Ze = /* @__PURE__ */ P(oo, [["__scopeId", "data-v-0ca886b3"]]), ao = { class: "flex items-center gap-x-2" }, so = {
   key: 1,
   class: "flex items-center flex-wrap gap-2"
-}, so = /* @__PURE__ */ A({
+}, ro = /* @__PURE__ */ E({
   __name: "vs-input-file",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ W({
     format: {},
     multiple: { type: Boolean },
     style: {},
@@ -1090,65 +1090,65 @@ const at = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = W(o, "modelValue"), n = k(null), s = (r) => Array.isArray(t.value) && t.value[r] || "", a = async (r) => {
+    const e = o, t = Q(o, "modelValue"), r = x(null), s = (a) => Array.isArray(t.value) && t.value[a] || "", n = async (a) => {
       if (e.format) {
-        const f = r.target.files?.[0];
+        const f = a.target.files?.[0];
         if (!f || !f.name.endsWith(e.format))
           return;
       }
-      const d = r.target.files?.[0];
+      const d = a.target.files?.[0];
       if (!d) return;
-      const p = await wl(d, "1", "form", "table");
+      const p = await kl(d, "1", "form", "table");
       t.value = e.multiple ? [...t.value || [], p?.file_path] : p?.file_path;
     };
-    return (r, d) => (i(), u("div", oo, [
+    return (a, d) => (i(), u("div", ao, [
       l("input", {
         class: "hidden",
         ref_key: "fileInput",
-        ref: n,
+        ref: r,
         type: "file",
-        onChange: a
+        onChange: n
       }, null, 544),
-      !r.multiple && t.value ? (i(), X(We, {
+      !a.multiple && t.value ? (i(), te(Ze, {
         key: 0,
         item: t.value,
         "onUpdate:item": d[0] || (d[0] = (p) => t.value = p),
         value: t.value,
         "onUpdate:value": d[1] || (d[1] = (p) => t.value = p)
-      }, null, 8, ["item", "value"])) : r.multiple ? (i(), u("div", ao, [
-        (i(!0), u(K, null, Y(t.value, (p, f) => (i(), X(We, {
-          multiple: r.multiple,
+      }, null, 8, ["item", "value"])) : a.multiple ? (i(), u("div", so, [
+        (i(!0), u(ee, null, le(t.value, (p, f) => (i(), te(Ze, {
+          multiple: a.multiple,
           key: f,
           value: t.value,
           "onUpdate:value": d[2] || (d[2] = (c) => t.value = c),
           item: s(f)
         }, null, 8, ["multiple", "value", "item"]))), 128)),
         l("div", {
-          onClick: d[3] || (d[3] = (p) => !r.disabled && n.value?.click()),
-          class: S([
+          onClick: d[3] || (d[3] = (p) => !a.disabled && r.value?.click()),
+          class: M([
             "h-[120px] w-[120px] border text-gray-300 hover:text-blue-500 border-dashed border-[#CFD9E0] rounded-lg flex items-center justify-center transition-all duration-300",
-            r.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500 hover:bg-blue-50"
+            a.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500 hover:bg-blue-50"
           ])
         }, [
-          j(je, { class: "w-6 h-6" })
+          I(Ae, { class: "w-6 h-6" })
         ], 2)
-      ])) : B("", !0),
-      r.multiple ? B("", !0) : (i(), u("div", {
+      ])) : z("", !0),
+      a.multiple ? z("", !0) : (i(), u("div", {
         key: 2,
-        onClick: d[4] || (d[4] = (p) => n.value?.click()),
-        class: S([r.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500", "h-[120px] w-[120px] border text-gray-300 hover:text-blue-500 border-dashed border-gray-300 rounded-lg flex items-center justify-center cursor-pointer hover:border-blue-500 transition-all duration-300 hover:bg-blue-50"])
+        onClick: d[4] || (d[4] = (p) => r.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(je, { class: "w-6 h-6" })
+        I(Ae, { class: "w-6 h-6" })
       ], 2))
     ]));
   }
-}), ro = { class: "max-w-[55vw]" }, no = { class: "text-sm font-semibold text-gray-800 truncate dark:text-neutral-200" }, io = { class: "flex items-center text-xs text-gray-500 truncate dark:text-neutral-500" }, uo = { class: "px-[5px]" }, co = { class: "" }, Se = /* @__PURE__ */ A({
+}), no = { class: "max-w-[55vw]" }, io = { class: "text-sm font-semibold text-gray-800 truncate dark:text-neutral-200" }, uo = { class: "flex items-center text-xs text-gray-500 truncate dark:text-neutral-500" }, co = { class: "px-[5px]" }, po = { class: "" }, Ie = /* @__PURE__ */ E({
   __name: "vs-widget-file-info",
   props: {
     item: { default: null }
   },
   setup(o) {
-    const e = o, t = D(() => {
+    const e = o, t = T(() => {
       try {
         return new Date(e.item.cdate).toLocaleDateString("uk-UA", {
           day: "2-digit",
@@ -1159,41 +1159,41 @@ const at = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
         return "";
       }
     });
-    function n(s) {
+    function r(s) {
       if (s < 1024)
         return `${s} B`;
-      const a = s / 1024;
-      return a < 1024 ? `${a.toFixed(2)} KB` : `${(a / 1024).toFixed(2)} MB`;
+      const n = s / 1024;
+      return n < 1024 ? `${n.toFixed(2)} KB` : `${(n / 1024).toFixed(2)} MB`;
     }
-    return (s, a) => (i(), u(K, null, [
-      a[1] || (a[1] = ae('<div class="flex items-center justify-center h-[30px] w-[30px]"><svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-file"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path></svg></div>', 1)),
-      l("div", ro, [
-        l("p", no, F(s.item?.uploaded_name), 1),
-        l("p", io, [
+    return (s, n) => (i(), u(ee, null, [
+      n[1] || (n[1] = re('<div class="flex items-center justify-center h-[30px] w-[30px]"><svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-file"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path></svg></div>', 1)),
+      l("div", no, [
+        l("p", io, F(s.item?.uploaded_name), 1),
+        l("p", uo, [
           l("span", null, F(s.item?.username), 1),
-          q(l("span", uo, "|", 512), [
-            [Ue, s.item?.username]
+          X(l("span", co, "|", 512), [
+            [Pe, s.item?.username]
           ]),
           l("span", null, F(t.value), 1),
-          a[0] || (a[0] = l("span", { class: "px-[5px]" }, "|", -1)),
-          l("span", co, F(n(s.item?.size)), 1)
+          n[0] || (n[0] = l("span", { class: "px-[5px]" }, "|", -1)),
+          l("span", po, F(r(s.item?.size)), 1)
         ])
       ])
     ], 64));
   }
-}), po = { class: "p-3 relative group flex items-center gap-x-3 border border-gray-200 bg-white rounded-md w-full" }, fo = {
+}), fo = { class: "p-3 relative group flex items-center gap-x-3 border border-gray-200 bg-white rounded-md w-full" }, vo = {
   key: 0,
   class: "flex w-full gap-x-3 items-center"
-}, vo = {
+}, mo = {
   key: 1,
   class: "flex gap-x-3 w-full items-center"
-}, mo = {
+}, ho = {
   key: 2,
   class: "flex gap-x-3 w-full items-center"
-}, ho = ["href"], go = {
+}, go = ["href"], bo = {
   key: 3,
   class: "flex gap-x-3 w-full items-center"
-}, bo = { class: "lg:absolute lg:top-3 lg:end-1 opacity-100" }, yo = { class: "p-0.5 sm:p-1 inline-flex items-center gap-0.5 bg-white rounded-lg dark:bg-neutral-800 dark:border-neutral-700" }, xo = { class: "inline-block" }, wo = { class: "inline-block" }, ko = /* @__PURE__ */ A({
+}, yo = { class: "lg:absolute lg:top-3 lg:end-1 opacity-100" }, xo = { 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" }, wo = { class: "inline-block" }, ko = { class: "inline-block" }, _o = /* @__PURE__ */ E({
   __name: "vs-widget-file-item",
   props: {
     item: { default: null },
@@ -1202,28 +1202,28 @@ const at = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
   },
   emits: ["update", "openModal", "openLightbox"],
   setup(o, { emit: e }) {
-    const t = o, n = e;
+    const t = o, r = e;
     function s(c) {
       return ["pdf", "json"].includes(c.ext);
     }
-    function a(c) {
+    function n(c) {
       return ["ppt", "pptx", "doc", "docx", "xls", "xlsx"].includes(c.ext);
     }
-    function r(c) {
-      const g = document.createElement("a");
-      g.setAttribute("download", c?.uploaded_name), g.href = c?.file_path, g.click();
+    function a(c) {
+      const b = document.createElement("a");
+      b.setAttribute("download", c?.uploaded_name), b.href = c?.file_path, b.click();
     }
     async function d() {
       try {
         await fetch(
           `${t.prefix}/widget/file/${t.item.entity_id}/${t.item.file_id}`
-        ), n("update");
+        ), r("update");
       } catch (c) {
         console.error(c);
       }
     }
     function p() {
-      n("openModal", {
+      r("openModal", {
         title: "Ви впевнені?",
         message: "Ви впевнені, що хочете видалити цей файл?",
         confirmButtonText: "Так, я впевнена/ий",
@@ -1233,50 +1233,50 @@ const at = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
       });
     }
     function f(c) {
-      (t.item.ext === "jpg" || t.item.ext === "png") && n("openLightbox", { item: t.item, index: c });
+      (t.item.ext === "jpg" || t.item.ext === "png") && r("openLightbox", { item: t.item, index: c });
     }
-    return (c, g) => (i(), u("div", po, [
-      c.item.ext === "jpg" || c.item.ext === "png" ? (i(), u("div", fo, [
+    return (c, b) => (i(), u("div", fo, [
+      c.item.ext === "jpg" || c.item.ext === "png" ? (i(), u("div", vo, [
         l("div", {
           class: "max-w-[55vw] cursor-pointer flex gap-x-3 w-full items-center",
-          onClick: g[0] || (g[0] = (v) => f(c.index))
+          onClick: b[0] || (b[0] = (v) => f(c.index))
         }, [
-          j(Se, { item: c.item }, null, 8, ["item"])
+          I(Ie, { item: c.item }, null, 8, ["item"])
         ])
-      ])) : s(c.item) ? (i(), u("div", vo, [
-        j(Se, { item: c.item }, null, 8, ["item"])
-      ])) : a(c.item) ? (i(), u("div", mo, [
+      ])) : s(c.item) ? (i(), u("div", mo, [
+        I(Ie, { item: c.item }, null, 8, ["item"])
+      ])) : n(c.item) ? (i(), u("div", ho, [
         l("a", {
           href: `/api/file-preview?id=${c.item.file_id}`,
           target: "_blank",
           class: "flex gap-x-3 w-full items-center"
         }, [
-          j(Se, { item: c.item }, null, 8, ["item"])
-        ], 8, ho)
-      ])) : (i(), u("div", go, [
-        j(Se, { item: c.item }, null, 8, ["item"])
+          I(Ie, { item: c.item }, null, 8, ["item"])
+        ], 8, go)
+      ])) : (i(), u("div", bo, [
+        I(Ie, { item: c.item }, null, 8, ["item"])
       ])),
-      l("div", bo, [
-        l("div", yo, [
-          l("div", xo, [
+      l("div", yo, [
+        l("div", xo, [
+          l("div", wo, [
             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: g[1] || (g[1] = (v) => r(c.item))
+              onClick: b[1] || (b[1] = (v) => a(c.item))
             }, [
-              j(at, {
+              I(ot, {
                 height: "14",
                 width: "14"
               })
             ])
           ]),
-          g[3] || (g[3] = l("div", { class: "w-px h-5 mx-1 bg-gray-200 dark:bg-neutral-700" }, null, -1)),
-          l("div", wo, [
+          b[3] || (b[3] = l("div", { class: "w-px h-5 mx-1 bg-gray-200 dark:bg-neutral-700" }, null, -1)),
+          l("div", ko, [
             l("button", {
               type: "button",
               class: "size-[30px] inline-flex justify-center items-center gap-x-2 rounded-lg border border-transparent text-red-600 hover:bg-red-100 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-red-100 dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20",
-              onClick: g[2] || (g[2] = (v) => p())
+              onClick: b[2] || (b[2] = (v) => p())
             }, [
-              j(Ie, {
+              I(Ee, {
                 height: "14",
                 width: "14"
               })
@@ -1286,7 +1286,7 @@ const at = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
       ])
     ]));
   }
-}), _o = {}, $o = {
+}), $o = {}, Co = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1298,8 +1298,8 @@ const at = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-download"
 };
-function Co(o, e) {
-  return i(), u("svg", $o, e[0] || (e[0] = [
+function Vo(o, e) {
+  return i(), u("svg", Co, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1310,13 +1310,13 @@ function Co(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col widget-file xl:bg-white xl:rounded-xl dark:xl:bg-neutral-800 dark:xl:border-neutral-700 w-full" }, Mo = { class: "flex w-full mb-[12px] items-center gap-x-2" }, So = { class: "font-semibold text-gray-800 dark:text-neutral-200 text-[14px]" }, Bo = { class1: "ml-auto" }, jo = { class: "py-1.5 px-4 inline-flex items-center gap-x-2 text-sm font-medium rounded-lg bg-gray-100 cursor-pointer hover:bg-gray-200 text-gray-800 shadow-2xs hover:bg-gray-50 focus:outline-hidden focus:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" }, Io = {
+const Mo = /* @__PURE__ */ P($o, [["render", Vo]]), Lo = { class: "flex flex-col widget-file xl:bg-white xl:rounded-xl dark:xl:bg-neutral-800 dark:xl:border-neutral-700 w-full" }, So = { class: "flex w-full mb-[12px] items-center gap-x-2" }, Bo = { class: "font-semibold text-gray-800 dark:text-neutral-200 text-[14px]" }, jo = { class1: "ml-auto" }, Io = { 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 = {
   key: 0,
   class: "py-4 mb-4 space-y-4 border-gray-200 border-y dark:border-neutral-700"
-}, zo = { class: "relative" }, Ao = {
+}, Ao = { class: "relative" }, Oo = {
   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"
-}, Eo = { key: 0 }, Fo = /* @__PURE__ */ A({
+}, Eo = { key: 0 }, Fo = /* @__PURE__ */ E({
   __name: "vs-input-file-list",
   props: {
     id: { default: "" },
@@ -1331,57 +1331,57 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col
   },
   emits: ["update"],
   setup(o, { emit: e }) {
-    const t = o, n = Be("form"), s = D(() => n.value.formId), a = k(!1), r = k(0), d = e, p = k(!1), f = k({}), c = k([]), g = k(""), v = D(() => Array.isArray(c.value) ? c.value.filter((x) => x.ext === "jpg" || x.ext === "png").map((x) => x?.file_path) : []), M = D(() => g.value === "" ? c.value : c.value.filter((x) => x?.uploaded_name?.includes(g.value))), I = (x) => {
-      const h = v.value.findIndex((G) => G === x.item.file_path);
-      h !== -1 && (a.value = !0, r.value = h);
-    }, U = async () => {
+    const t = o, r = ze("form"), s = T(() => r.value.formId), n = x(!1), a = x(0), d = e, p = x(!1), f = x({}), c = x([]), b = x(""), v = T(() => Array.isArray(c.value) ? c.value.filter((h) => h.ext === "jpg" || h.ext === "png").map((h) => h?.file_path) : []), C = T(() => b.value === "" ? c.value : c.value.filter((h) => h?.uploaded_name?.includes(b.value))), V = (h) => {
+      const g = v.value.findIndex((K) => K === h.item.file_path);
+      g !== -1 && (n.value = !0, a.value = g);
+    }, D = async () => {
       try {
-        const x = await fetch(`${t.prefix}/widget/file/${s.value}`).then((h) => h.json());
-        c.value = x?.rows;
-      } catch (x) {
-        console.error(x);
+        const h = await fetch(`${t.prefix}/widget/file/${s.value}`).then((g) => g.json());
+        c.value = h?.rows;
+      } catch (h) {
+        console.error(h);
       }
-    }, T = async (x) => {
+    }, U = async (h) => {
       await Promise.all(
-        Array.from(x.target.files).map(async (h) => {
-          const G = new FormData();
-          G.append("file", h);
+        Array.from(h.target.files).map(async (g) => {
+          const K = new FormData();
+          K.append("file", g);
           try {
-            const C = `${t.prefix}/widget/file/${s.value}`;
-            return await fetch(C, { method: "POST", body: G }), d("update", "file-list"), h;
-          } catch (C) {
-            return console.error(C), null;
+            const A = `${t.prefix}/widget/file/${s.value}`;
+            return await fetch(A, { method: "POST", body: K }), d("update", "file-list"), g;
+          } catch (A) {
+            return console.error(A), null;
           }
         })
-      ), await U();
-    }, P = (x) => {
-      const h = { ...x };
-      return x.cancel || (h.cancel = () => {
+      ), await D();
+    }, N = (h) => {
+      const g = { ...h };
+      return h.cancel || (g.cancel = () => {
         p.value = !1;
-      }), x.updateListOnConfirm && (h.confirm = async () => {
-        await x.confirm(), p.value = !1, U();
-      }), h;
-    }, _ = (x) => {
-      f.value = P(x), p.value = !0;
+      }), h.updateListOnConfirm && (g.confirm = async () => {
+        await h.confirm(), p.value = !1, D();
+      }), g;
+    }, $ = (h) => {
+      f.value = N(h), p.value = !0;
     };
-    return re(s, (x) => {
-      x && U();
-    }), ne(() => {
-      s.value && U();
-    }), (x, h) => {
-      const G = Ne("Lightbox"), C = Ne("MessageBox");
+    return ue(s, (h) => {
+      h && D();
+    }), pe(() => {
+      s.value && D();
+    }), (h, g) => {
+      const K = Ne("Lightbox"), A = Ne("MessageBox");
       return i(), u("div", Lo, [
-        l("div", Mo, [
-          l("h2", So, " Файлів: " + F(c.value?.length), 1),
-          l("div", Bo, [
+        l("div", So, [
+          l("h2", Bo, " Файлів: " + F(c.value?.length), 1),
+          l("div", jo, [
             l("label", null, [
               l("input", {
                 type: "file",
                 class: "hidden",
-                onChange: h[0] || (h[0] = (m) => T(m))
+                onChange: g[0] || (g[0] = (S) => U(S))
               }, null, 32),
-              l("div", jo, [
-                j(Vo, {
+              l("div", Io, [
+                I(Mo, {
                   height: "16",
                   width: "16"
                 })
@@ -1389,10 +1389,10 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col
             ])
           ])
         ]),
-        c.value?.length > 4 ? (i(), u("div", Io, [
+        c.value?.length > 4 ? (i(), u("div", zo, [
           l("div", null, [
-            l("div", zo, [
-              h[8] || (h[8] = l("div", { class: "absolute inset-y-0 start-0 flex items-center pointer-events-none z-[1] ps-3.5" }, [
+            l("div", Ao, [
+              g[8] || (g[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",
                   xmlns: "http://www.w3.org/2000/svg",
@@ -1413,52 +1413,52 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col
                   l("path", { d: "m21 21-4.3-4.3" })
                 ])
               ], -1)),
-              q(l("input", {
+              X(l("input", {
                 type: "text",
-                "onUpdate:modelValue": h[1] || (h[1] = (m) => g.value = m),
+                "onUpdate:modelValue": g[1] || (g[1] = (S) => b.value = S),
                 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), [
                 [
-                  ie,
-                  g.value,
+                  fe,
+                  b.value,
                   void 0,
                   { trim: !0 }
                 ]
               ])
             ])
           ])
-        ])) : B("", !0),
-        c.value?.length ? (i(), u("div", Ao, [
-          (i(!0), u(K, null, Y(M.value, (m, V) => (i(), X(ko, {
-            key: V,
-            prefix: x.prefix,
-            item: m,
-            index: V,
-            onUpdate: h[2] || (h[2] = (E) => x.$emit("update", "file-list")),
-            onOpenModal: h[3] || (h[3] = (E) => _(E)),
-            onOpenLightbox: h[4] || (h[4] = (E) => I(E))
+        ])) : z("", !0),
+        c.value?.length ? (i(), u("div", Oo, [
+          (i(!0), u(ee, null, le(C.value, (S, J) => (i(), te(_o, {
+            key: J,
+            prefix: h.prefix,
+            item: S,
+            index: J,
+            onUpdate: g[2] || (g[2] = (Y) => h.$emit("update", "file-list")),
+            onOpenModal: g[3] || (g[3] = (Y) => $(Y)),
+            onOpenLightbox: g[4] || (g[4] = (Y) => V(Y))
           }, null, 8, ["prefix", "item", "index"]))), 128)),
-          M.value.length ? B("", !0) : (i(), u("div", Eo, h[9] || (h[9] = [
+          C.value.length ? z("", !0) : (i(), u("div", Eo, g[9] || (g[9] = [
             l("p", { class: "text-sm text-gray-600 font-sm" }, " Файлів з такою назвою не існує, введіть інше пошукове слово ", -1)
           ])))
-        ])) : B("", !0),
-        j(G, {
-          modelValue: a.value,
-          "onUpdate:modelValue": h[5] || (h[5] = (m) => a.value = m),
-          startIndex: r.value,
-          "onUpdate:index": h[6] || (h[6] = (m) => r.value = m),
+        ])) : z("", !0),
+        I(K, {
+          modelValue: n.value,
+          "onUpdate:modelValue": g[5] || (g[5] = (S) => n.value = S),
+          startIndex: a.value,
+          "onUpdate:index": g[6] || (g[6] = (S) => a.value = S),
           images: v.value
         }, null, 8, ["modelValue", "startIndex", "images"]),
-        j(C, Ve({
+        I(A, je({
           modelValue: p.value,
-          "onUpdate:modelValue": h[7] || (h[7] = (m) => p.value = m),
+          "onUpdate:modelValue": g[7] || (g[7] = (S) => p.value = S),
           onConfirm: f.value.confirm
         }, f.value), null, 16, ["modelValue", "onConfirm"])
       ]);
     };
   }
-}), Oo = { class: "flex items-center justify-between" }, Do = { class: "text-[16px] text-gray-900 font-medium" }, Uo = { class: "grid gap-3" }, To = /* @__PURE__ */ A({
+}), Do = { class: "flex items-center justify-between" }, Uo = { class: "text-[16px] text-gray-900 font-medium" }, To = { class: "grid gap-3" }, Ro = /* @__PURE__ */ E({
   __name: "vs-container-switcher",
   props: {
     title: {
@@ -1475,34 +1475,34 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col
     }
   },
   setup(o) {
-    const e = o, t = k(e.isOpen);
-    return re(
+    const e = o, t = x(e.isOpen);
+    return ue(
       () => e.isOpen,
-      (n) => {
-        t.value = n;
+      (r) => {
+        t.value = r;
       }
-    ), (n, s) => (i(), u("div", null, [
-      l("div", Oo, [
-        l("p", Do, F(o.title), 1),
-        j(ot, {
+    ), (r, s) => (i(), u("div", null, [
+      l("div", Do, [
+        l("p", Uo, F(o.title), 1),
+        I(lt, {
           modelValue: t.value,
-          "onUpdate:modelValue": s[0] || (s[0] = (a) => t.value = a),
-          style: ve(o.style)
+          "onUpdate:modelValue": s[0] || (s[0] = (n) => t.value = n),
+          style: we(o.style)
         }, null, 8, ["modelValue", "style"])
       ]),
-      j(tt, { name: "slide-fade" }, {
+      I(et, { name: "slide-fade" }, {
         default: Me(() => [
-          q(l("div", Uo, [
-            me(n.$slots, "default", {}, void 0, !0)
+          X(l("div", To, [
+            ke(r.$slots, "default", {}, void 0, !0)
           ], 512), [
-            [Ue, t.value]
+            [Pe, t.value]
           ])
         ]),
         _: 3
       })
     ]));
   }
-}), Ro = /* @__PURE__ */ R(To, [["__scopeId", "data-v-90320b87"]]), Po = { class: "text-[16px] text-gray-900 font-medium" }, No = { class: "grid gap-3" }, Ho = /* @__PURE__ */ A({
+}), Po = /* @__PURE__ */ P(Ro, [["__scopeId", "data-v-90320b87"]]), No = { class: "text-[16px] text-gray-900 font-medium" }, Ho = { class: "grid gap-3" }, qo = /* @__PURE__ */ E({
   __name: "vs-container-accordion",
   props: {
     title: {
@@ -1519,36 +1519,36 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col
     }
   },
   setup(o) {
-    const e = o, t = k(e.isOpen);
-    return re(
+    const e = o, t = x(e.isOpen);
+    return ue(
       () => e.isOpen,
-      (n) => {
-        t.value = n;
+      (r) => {
+        t.value = r;
       }
-    ), (n, s) => (i(), u("div", null, [
+    ), (r, s) => (i(), u("div", null, [
       l("button", {
         type: "button",
-        onClick: s[0] || (s[0] = (a) => t.value = !t.value),
+        onClick: s[0] || (s[0] = (n) => t.value = !t.value),
         class: "flex items-center gap-2"
       }, [
-        j(H(Zt), {
-          class: S(["h-4 w-4 duration-300", [t.value ? "-rotate-180" : ""]])
+        I(G(Wt), {
+          class: M(["h-4 w-4 duration-300", [t.value ? "-rotate-180" : ""]])
         }, null, 8, ["class"]),
-        l("span", Po, F(o.title), 1)
+        l("span", No, F(o.title), 1)
       ]),
-      j(tt, { name: "slide-fade" }, {
+      I(et, { name: "slide-fade" }, {
         default: Me(() => [
-          q(l("div", No, [
-            me(n.$slots, "default", {}, void 0, !0)
+          X(l("div", Ho, [
+            ke(r.$slots, "default", {}, void 0, !0)
           ], 512), [
-            [Ue, t.value]
+            [Pe, t.value]
           ])
         ]),
         _: 3
       })
     ]));
   }
-}), qo = /* @__PURE__ */ R(Ho, [["__scopeId", "data-v-590eff11"]]), Go = { class: "flex items-center justify-between" }, Jo = /* @__PURE__ */ A({
+}), Go = /* @__PURE__ */ P(qo, [["__scopeId", "data-v-590eff11"]]), Jo = { class: "flex items-center justify-between" }, Ko = /* @__PURE__ */ E({
   __name: "vs-container-default",
   props: {
     title: {
@@ -1562,17 +1562,17 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col
   },
   setup(o) {
     return (e, t) => (i(), u("div", null, [
-      l("div", Go, [
+      l("div", Jo, [
         l("p", null, F(o.title), 1)
       ]),
-      me(e.$slots, "default")
+      ke(e.$slots, "default")
     ]));
   }
-}), Ko = {
-  switcher: Ro,
-  accordion: qo,
-  default: Jo
-}, le = {
+}), Zo = {
+  switcher: Po,
+  accordion: Go,
+  default: Ko
+}, se = {
   Equal: "==",
   Inequal: "!=",
   Higer: ">",
@@ -1585,37 +1585,37 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col
   Contain: "*",
   In: "in",
   NotIn: "not_in"
-}, Zo = (o, e) => String(o) === String(e), Wo = (o, e) => String(o) !== String(e), Qo = (o, e) => o > e, Xo = (o, e) => o >= e, Yo = (o, e) => o < e, ea = (o, e) => o <= e, ta = (o, e) => Array.isArray(e) && e.length === 2 ? o >= e[0] && o <= e[1] : !1, la = (o, e) => String(o).startsWith(String(e)), oa = (o, e) => String(o).endsWith(String(e)), aa = (o, e) => String(o).includes(String(e)), sa = (o, e) => Array.isArray(e) ? e.includes(o) : !1, ra = (o, e) => Array.isArray(e) ? !e.includes(o) : !0, st = (o, e) => {
+}, Wo = (o, e) => String(o) === String(e), Qo = (o, e) => String(o) !== String(e), Xo = (o, e) => o > e, Yo = (o, e) => o >= e, ea = (o, e) => o < e, ta = (o, e) => o <= e, la = (o, e) => Array.isArray(e) && e.length === 2 ? o >= e[0] && o <= e[1] : !1, oa = (o, e) => String(o).startsWith(String(e)), aa = (o, e) => String(o).endsWith(String(e)), sa = (o, e) => String(o).includes(String(e)), ra = (o, e) => Array.isArray(e) ? e.includes(o) : !1, na = (o, e) => Array.isArray(e) ? !e.includes(o) : !0, at = (o, e) => {
   if (!e) return !0;
   switch (e?.[1]) {
-    case le.Equal:
-      return Zo(o, e?.[2]);
-    case le.Inequal:
+    case se.Equal:
       return Wo(o, e?.[2]);
-    case le.Higer:
+    case se.Inequal:
       return Qo(o, e?.[2]);
-    case le.HigerOrEqual:
+    case se.Higer:
       return Xo(o, e?.[2]);
-    case le.Lower:
+    case se.HigerOrEqual:
       return Yo(o, e?.[2]);
-    case le.LowerOrEqual:
+    case se.Lower:
       return ea(o, e?.[2]);
-    case le.Between:
+    case se.LowerOrEqual:
       return ta(o, e?.[2]);
-    case le.StartWith:
+    case se.Between:
       return la(o, e?.[2]);
-    case le.EndWith:
+    case se.StartWith:
       return oa(o, e?.[2]);
-    case le.Contain:
+    case se.EndWith:
       return aa(o, e?.[2]);
-    case le.In:
+    case se.Contain:
       return sa(o, e?.[2]);
-    case le.NotIn:
+    case se.In:
       return ra(o, e?.[2]);
+    case se.NotIn:
+      return na(o, e?.[2]);
     default:
       return !0;
   }
-}, na = /* @__PURE__ */ A({
+}, ia = /* @__PURE__ */ E({
   __name: "vs-input-container",
   props: {
     style: {
@@ -1636,32 +1636,32 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col
     }
   },
   setup(o) {
-    const e = o, t = Be("formValues", { default: {} }), n = Be("form"), s = D(() => e.schema?.filter((r) => {
-      const d = r?.conditions;
+    const e = o, t = ze("formValues", { default: {} }), r = ze("form"), s = T(() => e.schema?.filter((a) => {
+      const d = a?.conditions;
       if (!d) return !0;
       const p = Array.isArray(d) ? d[0] : d, f = t?.value?.[p];
-      return st(f, d);
-    })), a = D(() => Ko[e.view]);
-    return (r, d) => o.schema?.length ? (i(), X(we(a.value), {
+      return at(f, d);
+    })), n = T(() => Zo[e.view]);
+    return (a, d) => o.schema?.length ? (i(), te(Ve(n.value), {
       key: 0,
       title: o.title,
-      style: ve(o.style)
+      style: we(o.style)
     }, {
       default: Me(() => [
-        (i(!0), u(K, null, Y(s.value, (p) => (i(), X(rt, Ve({
+        (i(!0), u(ee, null, le(s.value, (p) => (i(), te(st, je({
           key: p.name
         }, { ref_for: !0 }, p, {
           item: p,
-          modelValue: H(t)[p.name],
-          "onUpdate:modelValue": (f) => H(t)[p.name] = f,
+          modelValue: G(t)[p.name],
+          "onUpdate:modelValue": (f) => G(t)[p.name] = f,
           style: o.style,
-          error: H(n)?.errors?.[p.name]
+          error: G(r)?.errors?.[p.name]
         }), null, 16, ["item", "modelValue", "onUpdate:modelValue", "style", "error"]))), 128))
       ]),
       _: 1
-    }, 8, ["title", "style"])) : B("", !0);
+    }, 8, ["title", "style"])) : z("", !0);
   }
-}), ia = { class: "p-4 mim-h-0 h-full overflow-auto" }, ua = /* @__PURE__ */ A({
+}), ua = { class: "relative" }, da = { class: "w-full h-full fixed top-0 start-0 z-[1000] bg-black bg-opacity-50" }, ca = { 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" }, pa = { class: "py-2.5 px-4 flex justify-between items-center border-0 border-b border-solid border-gray-200 dark:border-b-[#454545]" }, fa = { class: "font-medium text-gray-800 dark:text-[#ffffff]" }, va = { class: "p-4 mim-h-0 h-full overflow-auto" }, ma = /* @__PURE__ */ E({
   __name: "modal-edit",
   props: {
     schema: {},
@@ -1672,11 +1672,11 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col
   },
   emits: ["close", "save", "edit"],
   setup(o, { emit: e }) {
-    const t = o, n = e, s = k(t.schema), a = k(t.defaultValue ? JSON.parse(JSON.stringify(t.defaultValue)) : {}), r = k({}), d = k(), p = k(t.mode);
+    const t = o, r = e, s = x(t.schema), n = x(t.defaultValue ? JSON.parse(JSON.stringify(t.defaultValue)) : {}), a = x({}), d = x(), p = x(t.mode);
     async function f() {
-      const g = r.value.validate();
-      if (g) {
-        fe({ type: "warning", title: "Помилка валідації", message: Object.entries(g).map(([v, M]) => `${v}: ${M}`).join(`
+      const b = a.value.validate();
+      if (b) {
+        me({ type: "warning", title: "Помилка валідації", message: Object.entries(b).map(([v, C]) => `${v}: ${C}`).join(`
 `) });
         return;
       }
@@ -1687,106 +1687,133 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col
             headers: {
               "Content-Type": "application/json"
             },
-            body: JSON.stringify(a.value)
+            body: JSON.stringify(n.value)
           });
           if (v.ok)
-            await v.json(), fe({
+            await v.json(), me({
               type: "success",
               title: "Успішно",
               message: `Дані успішно ${p.value === "add" ? "збережено" : "оновлено"}`
-            }), n("save", a.value);
+            }), r("save", n.value);
           else if (v.status === 400) {
-            const M = await v.json().catch(() => ({}));
-            fe({
+            const C = await v.json().catch(() => ({}));
+            me({
               type: "warning",
               title: "Помилка валідації",
-              message: M.message || "Некоректні дані (400)"
+              message: C.message || "Некоректні дані (400)"
             });
-          } else v.status === 500 ? fe({
+          } else v.status === 500 ? me({
             type: "error",
             title: "Серверна помилка",
             message: "Виникла помилка на сервері (500)"
-          }) : fe({
+          }) : me({
             type: "error",
             title: "Помилка",
             message: `Статус: ${v.status}`
           });
         } catch (v) {
-          fe({
+          me({
             type: "error",
             title: "Помилка з’єднання",
             message: v.message || "Не вдалося виконати запит"
           });
         }
-      else
-        n("save", a.value);
     }
     function c() {
-      n("close");
+      r("close");
     }
-    return ne(async () => {
+    return pe(async () => {
       if (t.form) {
-        const g = await fetch(`/api/template/form/${t.form}`).then((v) => v.json());
-        s.value = g.schema, d.value = g.token;
+        const b = await fetch(`/api/template/form/${t.form}`).then((v) => v.json());
+        s.value = b.schema, d.value = b.token;
       } else if (t.token) {
         d.value = t.token;
-        const g = await fetch(`/api/form/${d.value}`).then((v) => v.json());
-        s.value = g.schema, g.data ? a.value = g.data : p.value = "add";
+        const b = await fetch(`/api/form/${d.value}`).then((v) => v.json());
+        s.value = b.schema, b.data ? n.value = b.data : p.value = "add";
       }
-    }), (g, v) => (i(), u(K, null, [
-      l("div", ia, [
-        s.value ? (i(), X(Ee, {
-          key: 0,
-          schema: s.value,
-          values: a.value,
-          "onUpdate:values": v[0] || (v[0] = (M) => a.value = M),
-          form: r.value,
-          "onUpdate:form": v[1] || (v[1] = (M) => r.value = M)
-        }, null, 8, ["schema", "values", "form"])) : B("", !0)
-      ]),
-      l("div", { class: "vs-form__head mt-3 flex items-center justify-end sticky top-0 left-0 z-[60] bg-white" }, [
-        l("button", {
-          type: "button",
-          onClick: c,
-          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: f,
-          type: "button",
-          class: "vs-button inline-flex border-solid justify-center items-center gap-2 rounded-md font-semibold focus:outline-none text-sm transition-all border-1 border-transparent text-white bg-blue-500 hover:bg-blue-600 focus:ring-blue-500 py-1.5 px-5 focus:ring-1 focus:ring-offset-1"
-        }, " Зберегти ")
+    }), (b, v) => (i(), u("div", ua, [
+      l("div", da, [
+        l("div", ca, [
+          l("div", pa, [
+            l("h3", fa, F(p.value === "add" ? "Додати" : "Змінити"), 1),
+            l("button", {
+              onClick: c,
+              type: "button",
+              class: "size-8 inline-flex justify-center items-center gap-x-2 rounded-full border border-transparent bg-gray-100 text-gray-800 hover:bg-gray-200 focus:outline-none focus:bg-gray-200 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600"
+            }, v[2] || (v[2] = [
+              l("span", { class: "sr-only" }, "Close", -1),
+              l("svg", {
+                class: "flex-shrink-0 w-4 h-4",
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "24",
+                height: "24",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round"
+              }, [
+                l("path", { d: "M18 6 6 18" }),
+                l("path", { d: "m6 6 12 12" })
+              ], -1)
+            ]))
+          ]),
+          l("div", va, [
+            s.value ? (i(), te(Oe, {
+              key: 0,
+              schema: s.value,
+              values: n.value,
+              "onUpdate:values": v[0] || (v[0] = (C) => n.value = C),
+              form: a.value,
+              "onUpdate:form": v[1] || (v[1] = (C) => a.value = C)
+            }, null, 8, ["schema", "values", "form"])) : z("", !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", {
+              type: "button",
+              onClick: c,
+              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: f,
+              type: "button",
+              class: "vs-button inline-flex border-solid justify-center items-center gap-2 rounded-md font-semibold focus:outline-none text-sm transition-all border-1 border-transparent text-white bg-blue-500 hover:bg-blue-600 focus:ring-blue-500 py-1.5 px-5 focus:ring-1 focus:ring-offset-1"
+            }, " Зберегти ")
+          ])
+        ])
       ])
-    ], 64));
+    ]));
   }
-}), Le = (o = { mode: "edit", schema: null }) => new Promise((e) => {
+}), De = (o = { mode: "edit", schema: null }) => new Promise((e) => {
   const { close: t } = ft({
     title: o.mode === "add" ? "Додати" : "Редагувати",
     template: "",
     visible: !0,
     size: "medium",
     closeClickBack: !0,
-    content: ua,
+    content: ma,
     contentProps: {
       ...o,
       onClose: () => {
         e(null), t();
       },
-      onSave: (n) => {
-        e(n), t();
+      onSave: (r) => {
+        e(r), t();
       }
     }
   });
-}), da = ["aria-expanded", "data-focus"], ca = { class: "flex items-center" }, pa = { class: "truncate text-gray-900 overflow-hidden" }, fa = ["onClick"], va = ["title"], ma = {
+}), ha = ["aria-expanded", "data-focus"], ga = { class: "flex items-center" }, ba = ["title"], ya = ["onClick"], xa = ["title"], wa = {
   key: 2,
   class: "text-gray-500 truncate"
-}, ha = { class: "flex-1 min-w-[2px]" }, ga = ["placeholder"], ba = { class: "flex items-center shrink-0" }, ya = ["disabled"], xa = ["disabled"], wa = {
+}, ka = { class: "flex-1 min-w-[2px]" }, _a = ["placeholder"], $a = { class: "flex items-center shrink-0" }, Ca = ["disabled"], Va = ["disabled"], Ma = {
   key: 0,
   class: "absolute z-10 w-full mt-2 rounded bg-white shadow-[0_0_0_1px_rgba(0,0,0,0.1),0_4px_11px_rgba(0,0,0,0.1)]",
   role: "listbox"
-}, ka = ["aria-disabled", "onClick"], _a = {
+}, La = ["aria-disabled", "onClick"], Sa = {
   key: 1,
   class: "px-3 py-2 text-center text-gray-500"
-}, $a = ["disabled"], Ca = /* @__PURE__ */ A({
+}, Ba = ["disabled"], ja = /* @__PURE__ */ E({
   __name: "vs-input-select",
   props: {
     multiple: { type: Boolean, default: !1 },
@@ -1810,147 +1837,147 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col
   },
   emits: ["change", "update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, n = e, s = D(() => t.multiple), a = D(() => t.disabled);
-    he(t.style);
-    const r = D({
+    const t = o, r = e, s = T(() => t.multiple), n = T(() => t.disabled);
+    _e(t.style);
+    const a = T({
       get: () => t.modelValue,
-      set: (y) => n("update:modelValue", y)
+      set: (w) => r("update:modelValue", w)
     });
-    !r.value && t.defaultValue && (r.value = t.defaultValue);
-    const d = k(null), p = k(null), f = k(null), c = k(!1), g = k(!1), v = k(null), M = k([]), I = k(-1), U = k([]), T = k(""), P = k(null), _ = k([]), x = D(() => {
-      if (!_.value.length) return [];
-      const y = new Map(M.value.map((w) => [w.id?.toString(), w]));
-      return _.value.map((w) => y.get(w?.toString())).filter((w) => !!w);
-    }), h = D(() => t.placeholder || "Select..."), G = D(() => s.value ? !_.value.length && T.value === "" : !v.value?.text && T.value === ""), C = D(() => a.value ? !1 : s.value ? _.value.length > 0 : !!r.value), m = (y) => s.value ? _.value.some((w) => w?.toString() === y?.toString()) : r.value?.toString() === y?.toString(), V = D(() => {
-      let y = M.value ?? [];
-      if (T.value.trim() !== "") {
-        const w = T.value.toLowerCase();
-        y = y.filter((z) => z.text?.toLowerCase?.().includes(w));
+    !a.value && t.defaultValue && (a.value = t.defaultValue);
+    const d = x(null), p = x(null), f = x(null), c = x(!1), b = x(!1), v = x(null), C = x([]), V = x(-1), D = x([]), U = x(""), N = x(null), $ = x([]), h = T(() => {
+      if (!$.value.length) return [];
+      const w = new Map(C.value.map((k) => [k.id?.toString(), k]));
+      return $.value.map((k) => w.get(k?.toString())).filter((k) => !!k);
+    }), g = T(() => t.placeholder || "Select..."), K = T(() => s.value ? !$.value.length && U.value === "" : !v.value?.text && U.value === ""), A = T(() => n.value ? !1 : s.value ? $.value.length > 0 : !!a.value), S = (w) => s.value ? $.value.some((k) => k?.toString() === w?.toString()) : a.value?.toString() === w?.toString(), J = T(() => {
+      let w = C.value ?? [];
+      if (U.value.trim() !== "") {
+        const k = U.value.toLowerCase();
+        w = w.filter((O) => O.text?.toLowerCase?.().includes(k));
       }
-      if (s.value && _.value.length) {
-        const w = new Set(_.value.map((z) => z?.toString()));
-        y = y.filter((z) => !w.has(z.id?.toString()));
+      if (s.value && $.value.length) {
+        const k = new Set($.value.map((O) => O?.toString()));
+        w = w.filter((O) => !k.has(O.id?.toString()));
       }
-      return y;
-    }), E = async (y) => {
+      return w;
+    }), Y = async (w) => {
       if (!t.data) return [];
       try {
-        const w = t.api ? t.api : `/suggest/${t.data}`, z = "?json=1", J = y ? `&val=${encodeURIComponent(y)}` : "";
-        return (await fetch(w.concat(z, J)).then((xe) => xe.json())).data ?? [];
+        const k = t.api ? t.api : `/suggest/${t.data}`, O = "?json=1", Z = w ? `&val=${encodeURIComponent(w)}` : "";
+        return (await fetch(k.concat(O, Z)).then((Ce) => Ce.json())).data ?? [];
       } catch {
         return [];
       }
-    }, Q = async () => {
-      t.options?.length ? M.value = [...t.options] : t.data && (M.value = await E(T.value));
-    }, te = async (y) => {
-      if (y == null) return null;
-      const w = M.value?.find((J) => J?.id?.toString() === String(y));
-      return w || ((await E(String(y)))?.[0] ?? null);
-    }, ye = async (y) => {
-      const w = new Set(M.value.map((J) => J.id?.toString())), z = y.filter((J) => !w.has(J?.toString()));
-      z.length && await z.reduce(async (J, pe) => {
-        await J;
-        const xe = await te(pe);
-        xe && M.value.push(xe);
+    }, ae = async () => {
+      t.options?.length ? C.value = [...t.options] : t.data && (C.value = await Y(U.value));
+    }, $e = async (w) => {
+      if (w == null) return null;
+      const k = C.value?.find((Z) => Z?.id?.toString() === String(w));
+      return k || ((await Y(String(w)))?.[0] ?? null);
+    }, Le = async (w) => {
+      const k = new Set(C.value.map((Z) => Z.id?.toString())), O = w.filter((Z) => !k.has(Z?.toString()));
+      O.length && await O.reduce(async (Z, xe) => {
+        await Z;
+        const Ce = await $e(xe);
+        Ce && C.value.push(Ce);
       }, Promise.resolve());
-    }, ke = async () => {
-      a.value || (c.value = !0, await Q(), await Ce(() => {
-        P.value?.focus(), V.value.length ? I.value = 0 : I.value = -1;
+    }, B = async () => {
+      n.value || (c.value = !0, await ae(), await Be(() => {
+        N.value?.focus(), J.value.length ? V.value = 0 : V.value = -1;
       }));
-    }, ue = () => {
-      c.value = !1, I.value = -1;
-    }, ze = async (y) => {
-      if (a.value) return;
-      !c.value ? await ke() : ue();
-    }, _e = async () => {
-      c.value ? P.value?.focus() : await ke();
-    }, b = () => {
-      s.value ? (_.value = [], r.value = [], n("change", [])) : (v.value = null, r.value = null, n("change", null)), T.value = "", Ce(() => P.value?.focus());
-    }, $ = (y) => {
-      s.value && (_.value = _.value.filter((w) => w?.toString() !== y?.toString()), r.value = [..._.value], n("change", r.value), Ce(() => P.value?.focus()));
-    }, O = (y) => {
-      s.value ? (m(y.id) || (_.value = [..._.value, y.id], r.value = [..._.value], n("change", r.value)), T.value = "", Ce(() => {
-        P.value?.focus(), I.value = Math.min(I.value, V.value.length - 1);
-      })) : (v.value = y, r.value = y.id, n("change", r.value), T.value = "", ue());
-    }, N = (y) => {
-      m(y.id) || O(y);
-    }, ee = (y, w) => {
-      if (!y || !w) return;
-      const z = y.offsetTop, J = z + y.offsetHeight, pe = w.scrollTop, xe = pe + w.clientHeight;
-      let Ae = w.scrollTop;
-      z < pe ? Ae = z - 80 : J > xe && (Ae = J - w.clientHeight + 4);
-      const ut = w;
-      ut.scrollTop = Ae;
-    }, $e = async (y) => {
-      a.value || !c.value && (y.key === "ArrowDown" || y.key === "ArrowUp") && (y.preventDefault(), await ke());
-    }, de = (y) => {
+    }, _ = () => {
+      c.value = !1, V.value = -1;
+    }, j = async (w) => {
+      if (n.value) return;
+      !c.value ? await B() : _();
+    }, q = async () => {
+      c.value ? N.value?.focus() : await B();
+    }, oe = () => {
+      s.value ? ($.value = [], a.value = [], r("change", [])) : (v.value = null, a.value = null, r("change", null)), U.value = "", Be(() => N.value?.focus());
+    }, he = (w) => {
+      s.value && ($.value = $.value.filter((k) => k?.toString() !== w?.toString()), a.value = [...$.value], r("change", a.value), Be(() => N.value?.focus()));
+    }, de = (w) => {
+      s.value ? (S(w.id) || ($.value = [...$.value, w.id], a.value = [...$.value], r("change", a.value)), U.value = "", Be(() => {
+        N.value?.focus(), V.value = Math.min(V.value, J.value.length - 1);
+      })) : (v.value = w, a.value = w.id, r("change", a.value), U.value = "", _());
+    }, m = (w) => {
+      S(w.id) || de(w);
+    }, y = (w, k) => {
+      if (!w || !k) return;
+      const O = w.offsetTop, Z = O + w.offsetHeight, xe = k.scrollTop, Ce = xe + k.clientHeight;
+      let Fe = k.scrollTop;
+      O < xe ? Fe = O - 80 : Z > Ce && (Fe = Z - k.clientHeight + 4);
+      const it = k;
+      it.scrollTop = Fe;
+    }, R = async (w) => {
+      n.value || !c.value && (w.key === "ArrowDown" || w.key === "ArrowUp") && (w.preventDefault(), await B());
+    }, H = (w) => {
       if (!c.value) return;
-      const { key: w } = y;
-      if (w === "ArrowDown")
-        y.preventDefault(), I.value + 1 < V.value.length && (I.value += 1, ee(U.value[I.value], f.value));
-      else if (w === "ArrowUp")
-        y.preventDefault(), I.value > 0 && (I.value -= 1, ee(U.value[I.value], f.value));
-      else if (w === "Enter") {
-        y.preventDefault();
-        const z = V.value[I.value];
-        z && O(z);
-      } else w === "Escape" ? (y.preventDefault(), ue()) : w === "Backspace" ? s.value && T.value === "" && _.value.length && (_.value = _.value.slice(0, -1), r.value = [..._.value], n("change", r.value)) : w === "Home" ? (I.value = 0, ee(U.value[0], f.value)) : w === "End" ? (I.value = V.value.length - 1, ee(U.value[I.value], f.value)) : w === "Tab" && ue();
-    }, ge = () => {
-      a.value || (g.value = !0);
-    }, be = () => {
-      g.value = !1, T.value = "";
-    }, ce = (y) => {
-      y.key === "Escape" && c.value && ue();
-    }, Te = (y) => {
-      d.value && (d.value.contains(y.target) || ue());
-    }, Re = (y) => {
-      c.value && f.value && !f.value.contains(y.target) && ue();
+      const { key: k } = w;
+      if (k === "ArrowDown")
+        w.preventDefault(), V.value + 1 < J.value.length && (V.value += 1, y(D.value[V.value], f.value));
+      else if (k === "ArrowUp")
+        w.preventDefault(), V.value > 0 && (V.value -= 1, y(D.value[V.value], f.value));
+      else if (k === "Enter") {
+        w.preventDefault();
+        const O = J.value[V.value];
+        O && de(O);
+      } else k === "Escape" ? (w.preventDefault(), _()) : k === "Backspace" ? s.value && U.value === "" && $.value.length && ($.value = $.value.slice(0, -1), a.value = [...$.value], r("change", a.value)) : k === "Home" ? (V.value = 0, y(D.value[0], f.value)) : k === "End" ? (V.value = J.value.length - 1, y(D.value[V.value], f.value)) : k === "Tab" && _();
+    }, ne = () => {
+      n.value || (b.value = !0);
+    }, Se = () => {
+      b.value = !1, U.value = "";
+    }, ve = (w) => {
+      w.key === "Escape" && c.value && _();
+    }, ge = (w) => {
+      d.value && (d.value.contains(w.target) || _());
+    }, be = (w) => {
+      c.value && f.value && !f.value.contains(w.target) && _();
     };
-    re(() => t.options, (y) => {
-      y?.length && (M.value = [...y]);
+    ue(() => t.options, (w) => {
+      w?.length && (C.value = [...w]);
     }, { immediate: !0 });
-    const Pe = async () => {
+    const ye = async () => {
       if (s.value)
-        Array.isArray(r.value) ? _.value = [...r.value] : (_.value = r.value == null ? [] : [r.value], r.value = [..._.value]), !t.options?.length && t.data && await ye(_.value);
+        Array.isArray(a.value) ? $.value = [...a.value] : ($.value = a.value == null ? [] : [a.value], a.value = [...$.value]), !t.options?.length && t.data && await Le($.value);
       else {
-        if (Array.isArray(r.value)) {
-          const y = r.value[0] ?? null;
-          r.value = y ?? null;
+        if (Array.isArray(a.value)) {
+          const w = a.value[0] ?? null;
+          a.value = w ?? null;
         }
-        v.value = await te(r.value);
+        v.value = await $e(a.value);
       }
     };
-    re(r, () => {
-      Pe();
-    }), ne(async () => {
-      addEventListener("keydown", ce), addEventListener("scroll", Re, !0), document.addEventListener("click", Te, !0), t.options?.length ? M.value = [...t.options] : t.data && (M.value = await E("")), await Pe();
-    }), Fe(() => {
-      removeEventListener("keydown", ce), removeEventListener("scroll", Re, !0), document.removeEventListener("click", Te, !0);
+    ue(a, () => {
+      ye();
+    }), pe(async () => {
+      addEventListener("keydown", ve), addEventListener("scroll", be, !0), document.addEventListener("click", ge, !0), t.options?.length ? C.value = [...t.options] : t.data && (C.value = await Y("")), await ye();
+    }), Ue(() => {
+      removeEventListener("keydown", ve), removeEventListener("scroll", be, !0), document.removeEventListener("click", ge, !0);
     });
-    async function it() {
+    async function nt() {
       if (!t.add) return;
-      const y = await Le({ form: t.add.form, mode: "add" });
-      y && (await fetch(`/api/table/${t.add.token}`, {
+      const w = await De({ form: t.add.form, mode: "add" });
+      w && (await fetch(`/api/table/${t.add.token}`, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify(y)
-      }).then((w) => w.json()), !t.options?.length && t.data && (M.value = await E(T.value)));
+        body: JSON.stringify(w)
+      }).then((k) => k.json()), !t.options?.length && t.data && (C.value = await Y(U.value)));
     }
-    return (y, w) => (i(), u("div", {
+    return (w, k) => (i(), u("div", {
       class: "flex gap-1 w-full",
       ref_key: "selectRoot",
       ref: d,
-      onClick: w[2] || (w[2] = se(() => {
+      onClick: k[2] || (k[2] = ce(() => {
       }, ["stop"]))
     }, [
       l("div", {
-        class: S(["relative w-full font-sans", t.customClass])
+        class: M(["relative w-full font-sans", t.customClass])
       }, [
-        w[7] || (w[7] = l("span", {
+        k[7] || (k[7] = l("span", {
           id: "react-select-live-region",
           class: "sr-only"
         }, null, -1)),
-        w[8] || (w[8] = l("span", {
+        k[8] || (k[8] = l("span", {
           "aria-live": "polite",
           "aria-atomic": "false",
           "aria-relevant": "additions text",
@@ -1958,45 +1985,44 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col
           class: "sr-only"
         }, null, -1)),
         l("div", {
-          class: S([
+          class: M([
             "flex min-h-[38px] items-center justify-between rounded border transition-colors bg-white",
             "border-gray-300 hover:border-gray-400",
-            c.value || g.value ? "border-blue-500 ring-1 ring-blue-500" : "",
-            a.value ? "bg-gray-100 text-gray-400 cursor-not-allowed hover:border-gray-300" : ""
+            c.value || b.value ? "border-blue-500 ring-1 ring-blue-500" : "",
+            n.value ? "bg-gray-100 text-gray-400 cursor-not-allowed hover:border-gray-300" : ""
           ]),
           role: "combobox",
           "aria-expanded": c.value,
           "aria-haspopup": "listbox",
-          onKeydown: $e,
-          onClick: _e,
-          "data-focus": c.value || g.value ? "true" : "false"
+          onKeydown: R,
+          onClick: q,
+          "data-focus": c.value || b.value ? "true" : "false"
         }, [
           l("div", {
             class: "flex flex-1 items-center gap-1 py-0.5 pl-2 pr-0 overflow-hidden",
             ref_key: "triggerRef",
             ref: p
           }, [
-            s.value && _.value.length ? (i(!0), u(K, { key: 0 }, Y(x.value, (z) => (i(), u("div", {
+            s.value && $.value.length ? (i(!0), u(ee, { key: 0 }, le(h.value, (O) => (i(), u("div", {
               class: "flex min-w-0 bg-[#e6e6e6] rounded-sm m-0.5 box-border",
-              key: z.id
+              key: O.id
             }, [
-              l("div", ca, [
-                z?.color ? (i(), u("span", {
+              l("div", ga, [
+                O?.color ? (i(), u("span", {
                   key: 0,
                   class: "w-[16px] h-[16px] rounded-md block ml-1.5",
-                  style: ve({ backgroundColor: z?.color })
-                }, null, 4)) : B("", !0),
-                q((i(), u("div", pa, [
-                  oe(F(z.text), 1)
-                ])), [
-                  [H(qe), z.text]
-                ])
+                  style: we({ backgroundColor: O?.color })
+                }, null, 4)) : z("", !0),
+                l("div", {
+                  class: "truncate text-gray-900 overflow-hidden",
+                  title: O.text
+                }, F(O.text), 9, ba)
               ]),
               l("div", {
                 role: "button",
                 class: "flex items-center rounded-sm px-1 box-border hover:bg-[#ffbdad] hover:text-[#de350b]",
-                onClick: se((J) => $(z.id), ["stop"])
-              }, w[3] || (w[3] = [
+                onClick: ce((Z) => he(O.id), ["stop"])
+              }, k[3] || (k[3] = [
                 l("svg", {
                   height: "14",
                   width: "14",
@@ -2007,29 +2033,27 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { 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)
-            ]))), 128)) : !s.value && !g.value && v.value?.text && T.value === "" ? q((i(), u("div", {
+              ]), 8, ya)
+            ]))), 128)) : !s.value && !b.value && v.value?.text && U.value === "" ? (i(), u("div", {
               key: 1,
-              class: S(["truncate text-gray-900"]),
+              class: M(["truncate text-gray-900"]),
               title: v.value.text
             }, [
               v.value?.color ? (i(), u("span", {
                 key: 0,
                 class: "w-[14px] h-[14px] rounded-md block mr-1 mt-1 absolute",
-                style: ve({ backgroundColor: v.value?.color })
-              }, null, 4)) : B("", !0),
+                style: we({ backgroundColor: v.value?.color })
+              }, null, 4)) : z("", !0),
               l("span", {
-                class: S({ "pl-5": v.value?.color })
+                class: M({ "pl-5": v.value?.color })
               }, F(v.value.text), 3)
-            ], 8, va)), [
-              [H(qe), v.value.text]
-            ]) : B("", !0),
-            G.value ? (i(), u("div", ma, F(h.value), 1)) : B("", !0),
-            l("div", ha, [
-              !a.value && y.search ? q((i(), u("input", {
+            ], 8, xa)) : z("", !0),
+            K.value ? (i(), u("div", wa, F(g.value), 1)) : z("", !0),
+            l("div", ka, [
+              !n.value && w.search ? X((i(), u("input", {
                 key: 0,
                 ref_key: "inputRef",
-                ref: P,
+                ref: N,
                 class: "w-full bg-transparent outline-none border-0 m-0 p-0 text-gray-900",
                 autocapitalize: "none",
                 autocomplete: "off",
@@ -2038,25 +2062,25 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col
                 type: "text",
                 tabindex: "0",
                 "aria-autocomplete": "list",
-                placeholder: (s.value && _.value.length ? " " : null) || (g.value && !T.value?.length ? v.value?.text : " "),
-                "onUpdate:modelValue": w[0] || (w[0] = (z) => T.value = z),
-                onFocus: ge,
-                onBlur: be,
-                onKeydown: de
-              }, null, 40, ga)), [
-                [ie, T.value]
-              ]) : B("", !0)
+                placeholder: (s.value && $.value.length ? " " : null) || (b.value && !U.value?.length ? v.value?.text : " "),
+                "onUpdate:modelValue": k[0] || (k[0] = (O) => U.value = O),
+                onFocus: ne,
+                onBlur: Se,
+                onKeydown: H
+              }, null, 40, _a)), [
+                [fe, U.value]
+              ]) : z("", !0)
             ])
           ], 512),
-          l("div", ba, [
-            C.value ? (i(), u("button", {
+          l("div", $a, [
+            A.value ? (i(), u("button", {
               key: 0,
               type: "button",
               class: "px-2 text-gray-400 hover:text-gray-500 transition-colors disabled:opacity-50",
               "aria-hidden": "true",
-              disabled: a.value,
-              onClick: se(b, ["stop"])
-            }, w[4] || (w[4] = [
+              disabled: n.value,
+              onClick: ce(oe, ["stop"])
+            }, k[4] || (k[4] = [
               l("svg", {
                 height: "20",
                 width: "20",
@@ -2065,15 +2089,15 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col
               }, [
                 l("path", { d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z" })
               ], -1)
-            ]), 8, ya)) : B("", !0),
-            w[6] || (w[6] = l("div", { class: "self-stretch w-px bg-[#ccc] my-[1px]" }, null, -1)),
+            ]), 8, Ca)) : z("", !0),
+            k[6] || (k[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: a.value,
-              onClick: w[1] || (w[1] = se((z) => ze(), ["stop"]))
-            }, w[5] || (w[5] = [
+              disabled: n.value,
+              onClick: k[1] || (k[1] = ce((O) => j(), ["stop"]))
+            }, k[5] || (k[5] = [
               l("svg", {
                 height: "20",
                 width: "20",
@@ -2082,64 +2106,64 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { 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, xa)
+            ]), 8, Va)
           ])
-        ], 42, da),
-        c.value ? (i(), u("div", wa, [
+        ], 42, ha),
+        c.value ? (i(), u("div", Ma, [
           l("div", {
             class: "max-h-[300px] overflow-y-auto py-1",
             ref_key: "listRef",
             ref: f
           }, [
-            V.value.length ? (i(!0), u(K, { key: 0 }, Y(V.value, (z, J) => (i(), u("div", {
-              key: z.id,
+            J.value.length ? (i(!0), u(ee, { key: 0 }, le(J.value, (O, Z) => (i(), u("div", {
+              key: O.id,
               ref_for: !0,
-              ref: (pe) => U.value[J] = pe,
-              class: S([
+              ref: (xe) => D.value[Z] = xe,
+              class: M([
                 "flex px-3 py-2 cursor-default select-none hover:bg-blue-300",
-                I.value === J ? "bg-blue-300" : "",
-                m(z.id) ? "text-white bg-blue-500" : "text-gray-900 bg-white"
+                V.value === Z ? "bg-blue-300" : "",
+                S(O.id) ? "text-white bg-blue-500" : "text-gray-900 bg-white"
               ]),
-              "aria-disabled": m(z.id) ? "true" : "false",
+              "aria-disabled": S(O.id) ? "true" : "false",
               role: "option",
               tabindex: "-1",
-              onClick: (pe) => N(z)
+              onClick: (xe) => m(O)
             }, [
-              z?.color ? (i(), u("span", {
+              O?.color ? (i(), u("span", {
                 key: 0,
                 class: "w-[11px] h-[11px] rounded-full block mr-1 mt-1.5",
-                style: ve({ backgroundColor: z?.color })
-              }, null, 4)) : B("", !0),
+                style: we({ backgroundColor: O?.color })
+              }, null, 4)) : z("", !0),
               l("div", {
-                class: S([
+                class: M([
                   "leading-[19px]",
-                  I.value === z.id ? "text-white" : "",
+                  V.value === O.id ? "text-white" : "",
                   // active style like react-select
-                  (I.value === J, "")
+                  (V.value === Z, "")
                 ])
-              }, F(z.text), 3)
-            ], 10, ka))), 128)) : (i(), u("div", _a, " No options "))
+              }, F(O.text), 3)
+            ], 10, La))), 128)) : (i(), u("div", Sa, " No options "))
           ], 512)
-        ])) : B("", !0)
+        ])) : z("", !0)
       ], 2),
       t.add ? (i(), u("button", {
         key: 0,
-        onClick: it,
+        onClick: nt,
         class: "bg-white hover:bg-gray-100 text-sm text-gray-900 py-[10px] px-3 border border-stone-200 rounded-md h-[38px] flex items-center gap-2",
-        disabled: a.value,
+        disabled: n.value,
         type: "button"
       }, [
-        j(je, {
+        I(Ae, {
           width: "16",
           height: "16"
         }),
-        w[9] || (w[9] = l("span", null, "Додати", -1))
-      ], 8, $a)) : B("", !0)
+        k[9] || (k[9] = l("span", null, "Додати", -1))
+      ], 8, Ba)) : z("", !0)
     ], 512));
   }
-}), Va = ["placeholder", "disabled"], La = /* @__PURE__ */ A({
+}), Ia = ["placeholder", "disabled"], za = /* @__PURE__ */ E({
   __name: "vs-input-textarea",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ W({
     style: { default: () => ({}) },
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -2153,21 +2177,21 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = he(e.style), n = W(o, "modelValue");
-    return (s, a) => q((i(), u("textarea", {
-      "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
+    const e = o, { inputClass: t } = _e(e.style), r = Q(o, "modelValue");
+    return (s, n) => X((i(), u("textarea", {
+      "onUpdate:modelValue": n[0] || (n[0] = (a) => r.value = a),
       placeholder: s.placeholder,
       disabled: s.disabled,
       row: "2",
-      class: S(["py-1.5 px-3 block w-full placeholder:text[#767f8f] h-auto", [H(t)]]),
+      class: M(["py-1.5 px-3 block w-full placeholder:text[#767f8f] h-auto bg-white", [G(t)]]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, Va)), [
-      [ie, n.value]
+    }, null, 10, Ia)), [
+      [fe, r.value]
     ]);
   }
-}), Ma = {}, Sa = {
+}), Aa = {}, Oa = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2177,8 +2201,8 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-search stroke-gray-500 transition-all"
 };
-function Ba(o, e) {
-  return i(), u("svg", Sa, e[0] || (e[0] = [
+function Ea(o, e) {
+  return i(), u("svg", Oa, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2188,7 +2212,7 @@ function Ba(o, e) {
     l("path", { d: "M21 21l-6 -6" }, null, -1)
   ]));
 }
-const ja = /* @__PURE__ */ R(Ma, [["render", Ba]]), Ia = {}, za = {
+const Fa = /* @__PURE__ */ P(Aa, [["render", Ea]]), Da = {}, Ua = {
   class: "flex-shrink-0 mt-0.5 size-3.5",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
@@ -2198,15 +2222,15 @@ const ja = /* @__PURE__ */ R(Ma, [["render", Ba]]), Ia = {}, za = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Aa(o, e) {
-  return i(), u("svg", za, e[0] || (e[0] = [
+function Ta(o, e) {
+  return i(), u("svg", Ua, 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 Ea = /* @__PURE__ */ R(Ia, [["render", Aa]]), Fa = {}, Oa = {
+const Ra = /* @__PURE__ */ P(Da, [["render", Ta]]), Pa = {}, Na = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "14",
   height: "14",
@@ -2217,8 +2241,8 @@ const Ea = /* @__PURE__ */ R(Ia, [["render", Aa]]), Fa = {}, Oa = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Da(o, e) {
-  return i(), u("svg", Oa, e[0] || (e[0] = [
+function Ha(o, e) {
+  return i(), u("svg", Na, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2229,7 +2253,7 @@ function Da(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const Ua = /* @__PURE__ */ R(Fa, [["render", Da]]), Ta = {}, Ra = {
+const qa = /* @__PURE__ */ P(Pa, [["render", Ha]]), Ga = {}, Ja = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2238,8 +2262,8 @@ const Ua = /* @__PURE__ */ R(Fa, [["render", Da]]), Ta = {}, Ra = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Pa(o, e) {
-  return i(), u("svg", Ra, e[0] || (e[0] = [
+function Ka(o, e) {
+  return i(), u("svg", Ja, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2250,7 +2274,7 @@ function Pa(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const Na = /* @__PURE__ */ R(Ta, [["render", Pa]]), Ha = {}, qa = {
+const Za = /* @__PURE__ */ P(Ga, [["render", Ka]]), Wa = {}, Qa = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2259,22 +2283,22 @@ const Na = /* @__PURE__ */ R(Ta, [["render", Pa]]), Ha = {}, qa = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Ga(o, e) {
-  return i(), u("svg", qa, e[0] || (e[0] = [
-    ae('<circle cx="9" cy="12" r="1"></circle><circle cx="9" cy="5" r="1"></circle><circle cx="9" cy="19" r="1"></circle><circle cx="15" cy="12" r="1"></circle><circle cx="15" cy="5" r="1"></circle><circle cx="15" cy="19" r="1"></circle>', 6)
+function Xa(o, e) {
+  return i(), u("svg", Qa, e[0] || (e[0] = [
+    re('<circle cx="9" cy="12" r="1"></circle><circle cx="9" cy="5" r="1"></circle><circle cx="9" cy="19" r="1"></circle><circle cx="15" cy="12" r="1"></circle><circle cx="15" cy="5" r="1"></circle><circle cx="15" cy="19" r="1"></circle>', 6)
   ]));
 }
-const Qe = /* @__PURE__ */ R(Ha, [["render", Ga]]), Ja = {}, Ka = {
+const We = /* @__PURE__ */ P(Wa, [["render", Xa]]), Ya = {}, es = {
   viewBox: "0 0 178 90",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Za(o, e) {
-  return i(), u("svg", Ka, e[0] || (e[0] = [
-    ae('<rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-50 dark:stroke-neutral-700/10"></rect><rect x="34.5" y="58" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/30"></rect><rect x="27" y="36" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><g filter="url(#filter1)"><rect x="12" y="6" width="154" height="40" rx="8" fill="currentColor" class="fill-white dark:fill-neutral-800" shape-rendering="crispEdges"></rect><rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/60" shape-rendering="crispEdges"></rect><rect x="20" y="14" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect><rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect><rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect></g><defs><filter id="filter1" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="6"></feOffset><feGaussianBlur stdDeviation="6"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"></feBlend></filter></defs>', 12)
+function ts(o, e) {
+  return i(), u("svg", es, e[0] || (e[0] = [
+    re('<rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-50 dark:stroke-neutral-700/10"></rect><rect x="34.5" y="58" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/30"></rect><rect x="27" y="36" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><g filter="url(#filter1)"><rect x="12" y="6" width="154" height="40" rx="8" fill="currentColor" class="fill-white dark:fill-neutral-800" shape-rendering="crispEdges"></rect><rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/60" shape-rendering="crispEdges"></rect><rect x="20" y="14" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect><rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect><rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect></g><defs><filter id="filter1" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="6"></feOffset><feGaussianBlur stdDeviation="6"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"></feBlend></filter></defs>', 12)
   ]));
 }
-const Wa = /* @__PURE__ */ R(Ja, [["render", Za]]), Qa = {}, Xa = {
+const ls = /* @__PURE__ */ P(Ya, [["render", ts]]), os = {}, as = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2283,18 +2307,18 @@ const Wa = /* @__PURE__ */ R(Ja, [["render", Za]]), Qa = {}, Xa = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Ya(o, e) {
-  return i(), u("svg", Xa, e[0] || (e[0] = [
+function ss(o, e) {
+  return i(), u("svg", as, 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 es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "vs-datatable border rounded-xl w-full flex-grow" }, ls = { class: "flex items-center npm gap-[16px] justify-between p-[20px] pb-[16px]" }, os = { class: "relative w-full" }, as = { class: "table-wrapper flex gap-2" }, ss = { class: "vs-popover inline-block text-slate-700" }, rs = { class: "text-center" }, ns = { 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" }, us = { class: "flex flex-col p-[1px] gap-[2px] w-[140px]" }, ds = { class: "text-sm items-center text-gray-800 flex gap-1" }, cs = { class: "w-full overflow-x-auto" }, ps = { class: "w-full table-auto caption-bottom text-sm" }, fs = { class: "[&_tr]:border-b" }, vs = { 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" }, ms = { 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" }, hs = {
+const rs = /* @__PURE__ */ P(os, [["render", ss]]), ns = { class: "vs-datatable border rounded-xl w-full flex-grow" }, is = { class: "flex items-center npm gap-[16px] justify-between p-[20px] pb-[16px]" }, us = { class: "relative w-full" }, ds = { class: "table-wrapper flex gap-2" }, cs = { class: "vs-popover inline-block text-slate-700" }, ps = { class: "text-center" }, fs = { class: "" }, vs = { 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" }, ms = { class: "flex flex-col p-[1px] gap-[2px] w-[140px]" }, hs = { class: "text-sm items-center text-gray-800 flex gap-1" }, gs = { class: "w-full overflow-x-auto" }, bs = { class: "w-full table-auto caption-bottom text-sm" }, ys = { class: "[&_tr]:border-b" }, xs = { 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" }, ws = { 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" }, ks = {
   key: 0,
   colspan: "100%",
   class: "text-center"
-}, gs = { class: "w-full" }, bs = { class: "p-5 min-h-[200px] flex flex-col justify-center items-center text-center" }, ys = ["onDragstart", "onDragover", "onDrop"], xs = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] text-center" }, ws = { class: "flex items-center justify-center" }, ks = { 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" }, _s = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]" }, $s = { class: "flex items-center justify-center gap-2" }, Cs = ["onClick"], Vs = ["onClick"], Ls = /* @__PURE__ */ A({
+}, _s = { class: "w-full" }, $s = { class: "p-5 min-h-[200px] flex flex-col justify-center items-center text-center" }, Cs = ["onDragstart", "onDragover", "onDrop"], Vs = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] text-center" }, Ms = { class: "flex items-center justify-center" }, Ls = { 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" }, Ss = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]" }, Bs = { class: "flex items-center justify-center gap-2" }, js = ["onClick"], Is = ["onClick"], zs = { class: "vs-form__head mr-5 mt-3 flex items-center justify-end sticky top-0 left-0 z-[60] bg-white" }, As = /* @__PURE__ */ E({
   __name: "vs-input-datatable",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ W({
     colModel: {},
     style: {},
     customClass: {},
@@ -2309,109 +2333,112 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "vs-datatable
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = W(o, "modelValue"), n = k({}), s = k(""), a = D(() => {
+    const e = o, t = Q(o, "modelValue"), r = x({}), s = x(""), n = T(() => {
       if (!s.value) return t.value ?? [];
-      const C = s.value.toLowerCase();
-      return t.value.filter((m) => e.colModel?.some((V) => {
-        const E = m[V.key];
-        return E ? Array.isArray(E) ? E.join(", ").toLowerCase().includes(C) : String(E).toLowerCase().includes(C) : !1;
+      const B = s.value.toLowerCase();
+      return t.value.filter((_) => e.colModel?.some((j) => {
+        const q = _[j.key];
+        return q ? Array.isArray(q) ? q.join(", ").toLowerCase().includes(B) : String(q).toLowerCase().includes(B) : !1;
       }));
-    }), r = k(null), d = k(null), p = k(!1), f = k(null), c = k({ top: 0, left: 0 }), g = (C) => {
-      r.value = C;
-    }, v = (C) => {
-      d.value = C;
-    }, M = (C) => {
-      if (r.value === null || r.value === C) {
-        r.value = null, d.value = null;
+    }), a = x(null), d = x(null), p = x(!1), f = x(null), c = x({ top: 0, left: 0 }), b = (B) => {
+      a.value = B;
+    }, v = (B) => {
+      d.value = B;
+    }, C = (B) => {
+      if (a.value === null || a.value === B) {
+        a.value = null, d.value = null;
         return;
       }
-      const m = [...t.value], [V] = m.splice(r.value, 1);
-      m.splice(C, 0, V), t.value = m, r.value = null, d.value = null;
-    }, I = (C) => {
-      const V = C.currentTarget.getBoundingClientRect();
-      c.value = { top: V.bottom + window.scrollY, left: V.left + window.scrollX }, p.value = !p.value;
-    }, U = () => {
+      const _ = [...t.value], [j] = _.splice(a.value, 1);
+      _.splice(B, 0, j), t.value = _, a.value = null, d.value = null;
+    }, V = (B) => {
+      const j = B.currentTarget.getBoundingClientRect();
+      c.value = { top: j.bottom + window.scrollY, left: j.left + window.scrollX }, p.value = !p.value;
+    }, D = () => {
       f.value && f.value.click();
-    }, T = (C) => {
-      const V = C.target.files?.[0];
-      if (!V) return;
-      const E = new FileReader();
-      E.onload = (Q) => {
+    }, U = (B) => {
+      const j = B.target.files?.[0];
+      if (!j) return;
+      const q = new FileReader();
+      q.onload = (oe) => {
         try {
-          const te = Q.target?.result;
-          if (typeof te == "string") {
-            const ye = JSON.parse(te);
-            Array.isArray(ye) && t.value.push(...ye);
+          const he = oe.target?.result;
+          if (typeof he == "string") {
+            const de = JSON.parse(he);
+            Array.isArray(de) && t.value.push(...de);
           }
-        } catch (te) {
-          console.error("Error parsing file:", te);
+        } catch (he) {
+          console.error("Error parsing file:", he);
         }
-      }, E.readAsText(V);
-    }, P = () => {
-      const C = JSON.stringify(t.value, null, 2), m = new Blob([C], { type: "application/json" }), V = URL.createObjectURL(m), E = document.createElement("a");
-      E.href = V, E.download = "data.json", E.click(), URL.revokeObjectURL(V);
+      }, q.readAsText(j);
+    }, N = () => {
+      const B = JSON.stringify(t.value, null, 2), _ = new Blob([B], { type: "application/json" }), j = URL.createObjectURL(_), q = document.createElement("a");
+      q.href = j, q.download = "data.json", q.click(), URL.revokeObjectURL(j);
     };
-    ne(async () => {
-      const C = e.colModel?.filter((m) => m.data);
-      C?.length && Promise.all(C.map(async (m) => {
-        n.value[m.key] = await fetch(`/api/suggest/${m.data}`).then((V) => V.json());
+    pe(async () => {
+      const B = e.colModel?.filter((_) => _.data);
+      B?.length && Promise.all(B.map(async (_) => {
+        r.value[_.key] = await fetch(`/api/suggest/${_.data}`).then((j) => j.json());
       }));
     });
-    async function _() {
-      const C = await Le({
-        schema: e.colModel,
-        mode: "add"
-      });
-      C && (Array.isArray(t.value) ? t.value = [...t.value, C] : t.value = [C]);
+    const $ = x(""), h = x(!1);
+    let g = "edit", K = 0;
+    const A = x({}), S = x({});
+    async function J() {
+      $.value = "Додати", h.value = !0, g = "add", A.value = {};
     }
-    function x(C, m) {
-      return n.value[m.key] && C[m.key] ? n.value[m.key].find((V) => V.id.toString() === C[m.key].toString())?.text ?? C[m.key] : C[m.key] || "-";
+    function Y(B, _) {
+      return r.value[_.key] && B[_.key] ? r.value[_.key].find((j) => j.id.toString() === B[_.key].toString())?.text ?? B[_.key] : B[_.key] || "-";
     }
-    async function h(C, m) {
-      const V = await Le({
-        schema: e.colModel,
-        mode: "add",
-        defaultValue: C
-      });
-      V && (t.value = t.value.map((E, Q) => Q === m ? V : E));
+    async function ae(B, _) {
+      $.value = "Редагувати", h.value = !0, g = "edit", K = _, A.value = { ...B };
+    }
+    function $e() {
+      const B = S.value.validate();
+      if (B) {
+        me({ type: "warning", title: "Помилка валідації", message: Object.entries(B).map(([_, j]) => `${_}: ${j}`).join(`
+`) });
+        return;
+      }
+      g === "add" ? Array.isArray(t.value) ? t.value = [...t.value, A.value] : t.value = [A.value] : t.value = t.value.map((_, j) => j === K ? A.value : _), h.value = !1;
     }
-    function G(C) {
-      t.value = t.value.filter((m, V) => V !== C);
+    function Le(B) {
+      t.value = t.value.filter((_, j) => j !== B);
     }
-    return (C, m) => (i(), u("div", ts, [
-      l("div", ls, [
-        l("div", os, [
-          j(ja, {
+    return (B, _) => (i(), u("div", ns, [
+      l("div", is, [
+        l("div", us, [
+          I(Fa, {
             width: "14",
             height: "14",
             class: "absolute left-3 top-1/2 transform -translate-y-1/2 text-stone-500"
           }),
-          q(l("input", {
+          X(l("input", {
             type: "text",
-            "onUpdate:modelValue": m[0] || (m[0] = (V) => s.value = V),
+            "onUpdate:modelValue": _[0] || (_[0] = (j) => s.value = j),
             placeholder: "Пошук",
             class: "py-2 px-3 pl-10 w-full bg-gray-100 h-[36px] rounded-[8px] text-[15px] leading-[18px] focus:border-1 text-stone-800 placeholder:text-[#6B7280] focus:outline-blue-500 focus:outline-2"
           }, null, 512), [
-            [ie, s.value]
+            [fe, s.value]
           ])
         ]),
-        l("div", as, [
+        l("div", ds, [
           l("input", {
             ref_key: "fileInput",
             ref: f,
-            onChange: T,
+            onChange: U,
             class: "hidden",
             accept: ".json",
             type: "file"
           }, null, 544),
-          l("div", ss, [
-            l("div", rs, [
-              l("div", ns, [
+          l("div", cs, [
+            l("div", ps, [
+              l("div", fs, [
                 l("button", {
-                  onClick: I,
+                  onClick: V,
                   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(Ea, {
+                  I(Ra, {
                     height: "16",
                     width: "16"
                   })
@@ -2420,139 +2447,167 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "vs-datatable
             ])
           ])
         ]),
-        (i(), X(pt, { to: "body" }, [
+        (i(), te(ct, { to: "body" }, [
           p.value ? (i(), u("div", {
             key: 0,
             class: "text-slate-700 vsTailwind vs-popover__content bottom",
-            style: ve([{ width: "fit-content", "z-index": "10002", position: "fixed" }, { position: "absolute", top: c.value.top + "px", left: c.value.left + "px" }])
+            style: we([{ width: "fit-content", "z-index": "10002", position: "fixed" }, { position: "absolute", top: c.value.top + "px", left: c.value.left + "px" }])
           }, [
-            l("div", is, [
-              l("div", us, [
+            l("div", vs, [
+              l("div", ms, [
                 l("button", {
-                  onClick: U,
+                  onClick: D,
                   class: "text-slate-700 flex items-center gap-1 px-3 py-2 rounded-md cursor-pointer group hover:bg-gray-100"
                 }, [
-                  j(Ua, {
+                  I(qa, {
                     class: "text-black",
                     width: "14",
                     height: "14"
                   }),
-                  m[1] || (m[1] = oe(" Імпортувати "))
+                  _[4] || (_[4] = ie(" Імпортувати "))
                 ]),
                 l("button", {
-                  onClick: P,
+                  onClick: N,
                   class: "text-slate-700 flex items-center px-3 py-2 rounded-md cursor-pointer group hover:bg-gray-100"
                 }, [
-                  l("span", ds, [
-                    j(Na, {
+                  l("span", hs, [
+                    I(Za, {
                       class: "text-black",
                       width: "14",
                       height: "14"
                     }),
-                    m[2] || (m[2] = oe(" Експортувати "))
+                    _[5] || (_[5] = ie(" Експортувати "))
                   ])
                 ])
               ])
             ])
-          ], 4)) : B("", !0)
+          ], 4)) : z("", !0)
         ])),
         l("button", {
-          onClick: _,
+          onClick: J,
           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(je),
-          m[3] || (m[3] = oe(" Додати "))
+          I(Ae),
+          _[6] || (_[6] = ie(" Додати "))
         ])
       ]),
-      l("div", cs, [
-        l("table", ps, [
-          l("thead", fs, [
-            l("tr", vs, [
-              l("th", ms, [
-                j(Qe, {
+      l("div", gs, [
+        l("table", bs, [
+          l("thead", ys, [
+            l("tr", xs, [
+              l("th", ws, [
+                I(We, {
                   width: "24",
                   height: "24",
                   class: "w-4 h-4 mx-auto text-slate-400 dark:text-slate-500"
                 })
               ]),
-              (i(!0), u(K, null, Y(C.colModel, (V) => (i(), u("th", {
-                key: V.key,
+              (i(!0), u(ee, null, le(B.colModel, (j) => (i(), u("th", {
+                key: j.key,
                 class: "h-10 px-2 text-left align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] font-semibold text-slate-700 dark:text-slate-300 min-w-[150px]"
-              }, F(V.ua || V.label), 1))), 128)),
-              m[4] || (m[4] = l("th", { class: "h-10 px-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] font-semibold text-slate-700 dark:text-slate-300 text-center" }, " Дії ", -1))
+              }, F(j.ua || j.label), 1))), 128)),
+              _[7] || (_[7] = l("th", { class: "h-10 px-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] font-semibold text-slate-700 dark:text-slate-300 text-center" }, " Дії ", -1))
             ])
           ]),
           l("tbody", {
-            class: S({ "[&_tr:last-child]:border-0": !d.value })
+            class: M({ "[&_tr:last-child]:border-0": !d.value })
           }, [
-            a.value.length === 0 ? (i(), u("td", hs, [
-              l("div", gs, [
-                l("div", bs, [
-                  j(Wa, { class: "w-48 mx-auto" }),
-                  m[5] || (m[5] = l("div", { class: "max-w-sm mx-auto mt-6" }, [
+            n.value.length === 0 ? (i(), u("td", ks, [
+              l("div", _s, [
+                l("div", $s, [
+                  I(ls, { class: "w-48 mx-auto" }),
+                  _[8] || (_[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))
                 ])
               ])
-            ])) : B("", !0),
-            (i(!0), u(K, null, Y(a.value, (V, E) => (i(), u("tr", {
-              key: V.id,
-              class: S(["border-b data-[state=selected]:bg-muted transition-all duration-200 hover:bg-slate-50/60 dark:hover:bg-slate-700/60 cursor-move", {
-                "opacity-50": r.value === E,
-                "border-t-2 border-b-2 border-blue-500 bg-blue-50 dark:bg-blue-900/20": d.value === E
+            ])) : z("", !0),
+            (i(!0), u(ee, null, le(n.value, (j, q) => (i(), u("tr", {
+              key: j.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", {
+                "opacity-50": a.value === q,
+                "border-t-2 border-b-2 border-blue-500 bg-blue-50 dark:bg-blue-900/20": d.value === q
               }]),
               draggable: "true",
-              onDragstart: (Q) => g(E),
-              onDragover: se((Q) => v(E), ["prevent"]),
-              onDrop: (Q) => M(E)
+              onDragstart: (oe) => b(q),
+              onDragover: ce((oe) => v(q), ["prevent"]),
+              onDrop: (oe) => C(q)
             }, [
-              l("td", xs, [
-                l("div", ws, [
-                  j(Qe, {
+              l("td", Vs, [
+                l("div", Ms, [
+                  I(We, {
                     width: "24",
                     height: "24",
                     class: "w-4 h-4 mx-auto text-slate-400 dark:text-slate-500"
                   })
                 ])
               ]),
-              (i(!0), u(K, null, Y(C.colModel, (Q) => (i(), u("td", {
-                key: Q.key,
+              (i(!0), u(ee, null, le(B.colModel, (oe) => (i(), u("td", {
+                key: oe.key,
                 class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]"
               }, [
-                l("div", ks, F(x(V, Q)), 1)
+                l("div", Ls, F(Y(j, oe)), 1)
               ]))), 128)),
-              l("td", _s, [
-                l("div", $s, [
+              l("td", Ss, [
+                l("div", Bs, [
                   l("button", {
-                    onClick: (Q) => h(V, E),
+                    onClick: (oe) => ae(j, q),
                     class: "text-slate-700 inline-flex items-center justify-center whitespace-nowrap font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border rounded-md text-xs h-7 w-7 p-0 border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-700 hover:bg-blue-50 dark:hover:bg-slate-600 hover:border-blue-300 dark:hover:border-slate-500 hover:text-blue-600 dark:hover:text-slate-200 transition-all duration-200 shadow-sm"
                   }, [
-                    j(es, {
+                    I(rs, {
                       width: "24",
                       height: "24",
                       class: "w-3 h-3"
                     })
-                  ], 8, Cs),
+                  ], 8, js),
                   l("button", {
-                    onClick: (Q) => G(E),
+                    onClick: (oe) => Le(q),
                     class: "text-slate-700 inline-flex items-center justify-center whitespace-nowrap font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border rounded-md text-xs h-7 w-7 p-0 border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-700 hover:bg-red-50 dark:hover:bg-slate-600 hover:border-red-300 dark:hover:border-slate-500 hover:text-red-600 dark:hover:text-slate-200 transition-all duration-200 shadow-sm"
                   }, [
-                    j(Ie, {
+                    I(Ee, {
                       width: "24",
                       height: "24",
                       class: "w-3 h-3"
                     })
-                  ], 8, Vs)
+                  ], 8, Is)
                 ])
               ])
-            ], 42, ys))), 128))
+            ], 42, Cs))), 128))
           ], 2)
         ])
-      ])
+      ]),
+      I(G(vt), {
+        visible: h.value,
+        title: $.value,
+        size: "lg"
+      }, {
+        default: Me(() => [
+          I(Oe, {
+            schema: e.colModel,
+            values: A.value,
+            "onUpdate:values": _[1] || (_[1] = (j) => A.value = j),
+            form: S.value,
+            "onUpdate:form": _[2] || (_[2] = (j) => S.value = j)
+          }, null, 8, ["schema", "values", "form"]),
+          l("div", zs, [
+            l("button", {
+              type: "button",
+              onClick: _[3] || (_[3] = (j) => h.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: $e,
+              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"
+            }, " Зберегти ")
+          ])
+        ]),
+        _: 1
+      }, 8, ["visible", "title"])
     ]));
   }
-}), Ms = {
+}), Os = {
   draw: {
     toolbar: {
       actions: {
@@ -2660,7 +2715,7 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "vs-datatable
     }
   }
 };
-function Ss(o) {
+function Es(o) {
   return o ? o.type === "FeatureCollection" || o.type === "Feature" ? o : o.geom ? {
     type: "Feature",
     geometry: {
@@ -2674,7 +2729,7 @@ function Ss(o) {
     properties: {}
   } : null : null;
 }
-const Bs = {}, js = {
+const Fs = {}, Ds = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   stroke: "currentColor",
@@ -2684,8 +2739,8 @@ const Bs = {}, js = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-map-pin"
 };
-function Is(o, e) {
-  return i(), u("svg", js, e[0] || (e[0] = [
+function Us(o, e) {
+  return i(), u("svg", Ds, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2695,7 +2750,7 @@ function Is(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 zs = /* @__PURE__ */ R(Bs, [["render", Is]]), As = {}, Es = {
+const Ts = /* @__PURE__ */ P(Fs, [["render", Us]]), Rs = {}, Ps = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2705,8 +2760,8 @@ const zs = /* @__PURE__ */ R(Bs, [["render", Is]]), As = {}, Es = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-line"
 };
-function Fs(o, e) {
-  return i(), u("svg", Es, e[0] || (e[0] = [
+function Ns(o, e) {
+  return i(), u("svg", Ps, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2717,7 +2772,7 @@ function Fs(o, e) {
     l("path", { d: "M7.5 16.5l9 -9" }, null, -1)
   ]));
 }
-const Os = /* @__PURE__ */ R(As, [["render", Fs]]), Ds = {}, Us = {
+const Hs = /* @__PURE__ */ P(Rs, [["render", Ns]]), qs = {}, Gs = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2727,12 +2782,12 @@ const Os = /* @__PURE__ */ R(As, [["render", Fs]]), Ds = {}, Us = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-polygon"
 };
-function Ts(o, e) {
-  return i(), u("svg", Us, e[0] || (e[0] = [
-    ae('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M12 5m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M19 8m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M5 11m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M15 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M6.5 9.5l3.5 -3"></path><path d="M14 5.5l3 1.5"></path><path d="M18.5 10l-2.5 7"></path><path d="M13.5 17.5l-7 -5"></path>', 9)
+function Js(o, e) {
+  return i(), u("svg", Gs, e[0] || (e[0] = [
+    re('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M12 5m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M19 8m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M5 11m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M15 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M6.5 9.5l3.5 -3"></path><path d="M14 5.5l3 1.5"></path><path d="M18.5 10l-2.5 7"></path><path d="M13.5 17.5l-7 -5"></path>', 9)
   ]));
 }
-const Rs = /* @__PURE__ */ R(Ds, [["render", Ts]]), Ps = {}, Ns = {
+const Ks = /* @__PURE__ */ P(qs, [["render", Js]]), Zs = {}, Ws = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2742,12 +2797,12 @@ const Rs = /* @__PURE__ */ R(Ds, [["render", Ts]]), Ps = {}, Ns = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-topology-ring-3"
 };
-function Hs(o, e) {
-  return i(), u("svg", Ns, e[0] || (e[0] = [
-    ae('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M8 18a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z"></path><path d="M20 18a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z"></path><path d="M20 6a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z"></path><path d="M8 6a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z"></path><path d="M6 8v8"></path><path d="M18 16v-8"></path><path d="M8 6h8"></path><path d="M16 18h-8"></path>', 9)
+function Qs(o, e) {
+  return i(), u("svg", Ws, e[0] || (e[0] = [
+    re('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M8 18a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z"></path><path d="M20 18a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z"></path><path d="M20 6a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z"></path><path d="M8 6a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z"></path><path d="M6 8v8"></path><path d="M18 16v-8"></path><path d="M8 6h8"></path><path d="M16 18h-8"></path>', 9)
   ]));
 }
-const qs = /* @__PURE__ */ R(Ps, [["render", Hs]]), Gs = {}, Js = {
+const Xs = /* @__PURE__ */ P(Zs, [["render", Qs]]), Ys = {}, er = {
   version: "1.1",
   viewBox: "0 0 14 14",
   xmlns: "http://www.w3.org/2000/svg",
@@ -2755,8 +2810,8 @@ const qs = /* @__PURE__ */ R(Ps, [["render", Hs]]), Gs = {}, Js = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   class: "fullscreen-icon"
 };
-function Ks(o, e) {
-  return i(), u("svg", Js, e[0] || (e[0] = [
+function tr(o, e) {
+  return i(), u("svg", er, e[0] || (e[0] = [
     l("title", null, null, -1),
     l("desc", null, null, -1),
     l("defs", null, null, -1),
@@ -2785,10 +2840,10 @@ function Ks(o, e) {
     ], -1)
   ]));
 }
-const Zs = /* @__PURE__ */ R(Gs, [["render", Ks]]), Ws = { class: "form-geom__search" }, Qs = { class: "map-search__input" }, Xs = { class: "flex flex-nowrap relative" }, Ys = { class: "form-autocomplete relative min-w-[6rem] vsTailwind map-search__select hidden" }, er = { class: "flex items-center w-full" }, tr = { class: "max-w-[90%] truncate" }, lr = {
+const lr = /* @__PURE__ */ P(Ys, [["render", tr]]), or = { class: "form-geom__search" }, ar = { class: "map-search__input" }, sr = { class: "flex flex-nowrap relative" }, rr = { class: "form-autocomplete relative min-w-[6rem] vsTailwind map-search__select hidden" }, nr = { class: "flex items-center w-full" }, ir = { class: "max-w-[90%] truncate" }, ur = {
   key: 0,
   class: "absolute z-[3100] mt-0.5 left-0 right-0"
-}, or = { 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" }, ar = { 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" }, sr = ["onClick"], rr = { class: "flex justify-between items-center w-full" }, nr = { class: "flex items-center" }, ir = {
+}, dr = { 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" }, cr = { 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" }, pr = ["onClick"], fr = { class: "flex justify-between items-center w-full" }, vr = { class: "flex items-center" }, mr = {
   key: 0,
   class: "flex-shrink-0 w-3.5 h-3.5 text-blue-600",
   width: "24",
@@ -2799,87 +2854,87 @@ const Zs = /* @__PURE__ */ R(Gs, [["render", Ks]]), Ws = { class: "form-geom__se
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, ur = { class: "relative w-full" }, dr = { class: "vs-form-text relative bg-white rounded-lg" }, cr = {
+}, hr = { class: "relative w-full" }, gr = { class: "vs-form-text relative bg-white rounded-lg" }, br = {
   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"
-}, pr = { key: 0 }, fr = ["onClick"], vr = {
+}, yr = { key: 0 }, xr = ["onClick"], wr = {
   key: 1,
   class: "px-3 py-2 text-xs text-gray-500"
-}, mr = {
+}, kr = {
   key: 2,
   class: "px-3 py-2 text-xs text-gray-400"
-}, hr = /* @__PURE__ */ A({
+}, _r = /* @__PURE__ */ E({
   __name: "map-search",
   props: {
     placeholder: { default: "50, 30" }
   },
   emits: ["goToCoordinates"],
   setup(o, { emit: e }) {
-    const t = e, n = k(!1), s = k("coordinates"), a = k(""), r = k([]), d = k(!1), p = k(!1);
+    const t = e, r = x(!1), s = x("coordinates"), n = x(""), a = x([]), d = x(!1), p = x(!1);
     let f;
     const c = [
       { value: "coordinates", label: "Пошук по кординатам" },
       { value: "atu", label: "АТУ" },
       { value: "address", label: "Адресса" },
       { value: "search_here", label: "Пошук HERE" }
-    ], g = D(() => c.find((_) => _.value === s.value)?.label ?? "АТУ");
-    function v(_) {
-      s.value = _.value, n.value = !1, a.value = "", a.value && U();
+    ], b = T(() => c.find(($) => $.value === s.value)?.label ?? "АТУ");
+    function v($) {
+      s.value = $.value, r.value = !1, n.value = "", n.value && D();
     }
-    function M(_) {
-      _.target.closest(".map-search__input") || (n.value = !1);
+    function C($) {
+      $.target.closest(".map-search__input") || (r.value = !1);
     }
-    ne(() => document.addEventListener("click", M)), Fe(() => document.removeEventListener("click", M));
-    async function I(_) {
-      let x;
-      s.value === "atu" ? x = "/api/suggest/atu.nsdi.ato_level" : s.value === "address" ? x = "/api/suggest/map.address_id" : s.value === "search_here" && (x = "/api/gis-url-proxy");
-      const h = new URL(x || "");
-      return s.value === "search_here" ? h.searchParams.set("searchtext", _) : (s.value === "atu" || s.value === "address") && h.searchParams.set("key", _), h.searchParams.set("limit", "20"), h.searchParams.set("q", _), (await fetch(h.toString())).json();
+    pe(() => document.addEventListener("click", C)), Ue(() => document.removeEventListener("click", C));
+    async function V($) {
+      let h;
+      s.value === "atu" ? h = "/api/suggest/atu.nsdi.ato_level" : s.value === "address" ? h = "/api/suggest/map.address_id" : s.value === "search_here" && (h = "/api/gis-url-proxy");
+      const g = new URL(h || "");
+      return s.value === "search_here" ? g.searchParams.set("searchtext", $) : (s.value === "atu" || s.value === "address") && g.searchParams.set("key", $), g.searchParams.set("limit", "20"), g.searchParams.set("q", $), (await fetch(g.toString())).json();
     }
-    function U() {
+    function D() {
       if (d.value = !0, p.value = !0, s.value === "coordinates") {
-        const _ = a.value.trim().split(",");
-        if (_.length === 2) {
-          const x = parseFloat(_[0]), h = parseFloat(_[1]);
-          !Number.isNaN(x) && !Number.isNaN(h) && t("goToCoordinates", [x, h]);
+        const $ = n.value.trim().split(",");
+        if ($.length === 2) {
+          const h = parseFloat($[0]), g = parseFloat($[1]);
+          !Number.isNaN(h) && !Number.isNaN(g) && t("goToCoordinates", [h, g]);
         }
         return;
       }
       f && window.clearTimeout(f), f = window.setTimeout(async () => {
-        const _ = a.value.trim();
-        if (!_) {
-          r.value = [], p.value = !1;
+        const $ = n.value.trim();
+        if (!$) {
+          a.value = [], p.value = !1;
           return;
         }
         try {
-          const x = await I(_);
-          r.value = Array.isArray(x.features) ? x.features : [];
+          const h = await V($);
+          a.value = Array.isArray(h.features) ? h.features : [];
         } catch {
-          r.value = [];
+          a.value = [];
         } finally {
           p.value = !1;
         }
       }, 300);
     }
-    function T() {
-      a.value = "", r.value = [], d.value = !1, p.value = !1;
+    function U() {
+      n.value = "", a.value = [], d.value = !1, p.value = !1;
     }
-    function P(_) {
-      t("goToCoordinates", _), d.value = !1, p.value = !1, r.value = [];
+    function N($) {
+      t("goToCoordinates", $), d.value = !1, p.value = !1, a.value = [];
     }
-    return (_, x) => (i(), u("div", Ws, [
-      l("div", Qs, [
-        l("div", Xs, [
-          l("div", Ys, [
+    return ($, h) => (i(), u("div", or, [
+      l("div", ar, [
+        l("div", sr, [
+          l("div", rr, [
             l("button", {
               type: "button",
-              onClick: x[0] || (x[0] = (h) => n.value = !n.value),
+              onClick: h[0] || (h[0] = (g) => r.value = !r.value),
               class: "h-[40px] relative px-4 pe-9 flex text-nowrap w-full cursor-pointer bg-white border border-solid border-stone-200 rounded-lg text-start text-sm text-stone-800 focus:outline-none focus:ring-1 focus:ring-blue-600 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"
             }, [
-              l("div", er, [
-                l("span", tr, F(g.value), 1)
+              l("div", nr, [
+                l("span", ir, F(b.value), 1)
               ]),
-              x[3] || (x[3] = l("svg", {
+              h[3] || (h[3] = l("svg", {
                 class: "stroke-gray-500 absolute right-3 translate-y-1/2 bottom-1/2",
                 width: "15",
                 height: "15",
@@ -2894,30 +2949,30 @@ const Zs = /* @__PURE__ */ R(Gs, [["render", Ks]]), Ws = { class: "form-geom__se
                 })
               ], -1))
             ]),
-            n.value ? (i(), u("div", lr, [
-              l("div", or, [
-                l("div", ar, [
-                  (i(), u(K, null, Y(c, (h) => l("div", {
-                    onClick: (G) => v(h),
-                    key: h.value,
+            r.value ? (i(), u("div", ur, [
+              l("div", dr, [
+                l("div", cr, [
+                  (i(), u(ee, null, le(c, (g) => l("div", {
+                    onClick: (K) => v(g),
+                    key: g.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", rr, [
-                      l("div", nr, [
-                        l("div", null, F(h.label), 1)
+                    l("div", fr, [
+                      l("div", vr, [
+                        l("div", null, F(g.label), 1)
                       ]),
-                      h.value === s.value ? (i(), u("svg", ir, x[4] || (x[4] = [
+                      g.value === s.value ? (i(), u("svg", mr, h[4] || (h[4] = [
                         l("polyline", { points: "20 6 9 17 4 12" }, null, -1)
-                      ]))) : B("", !0)
+                      ]))) : z("", !0)
                     ])
-                  ], 8, sr)), 64))
+                  ], 8, pr)), 64))
                 ])
               ])
-            ])) : B("", !0)
+            ])) : z("", !0)
           ]),
-          l("div", ur, [
-            l("div", dr, [
-              x[6] || (x[6] = l("i", { class: "absolute bottom-1/2 translate-y-1/2 left-3 text-gray-500" }, [
+          l("div", hr, [
+            l("div", gr, [
+              h[6] || (h[6] = l("i", { class: "absolute bottom-1/2 translate-y-1/2 left-3 text-gray-500" }, [
                 l("svg", {
                   width: "16",
                   height: "16",
@@ -2940,23 +2995,23 @@ const Zs = /* @__PURE__ */ R(Gs, [["render", Ks]]), Ws = { class: "form-geom__se
                   })
                 ])
               ], -1)),
-              q(l("input", {
+              X(l("input", {
                 type: "text",
-                "onUpdate:modelValue": x[1] || (x[1] = (h) => a.value = h),
-                onInput: U,
-                onFocus: x[2] || (x[2] = (h) => d.value = !0),
+                "onUpdate:modelValue": h[1] || (h[1] = (g) => n.value = g),
+                onInput: D,
+                onFocus: h[2] || (h[2] = (g) => d.value = !0),
                 placeholder: "lat, lng ex. 50, 30",
                 class: "bg-white h-[38px] text-sm py-2 px-3 ps-9 pe-8 block w-full border border-solid placeholder:text-nowrap border-stone-200 rounded-lg text-stone-800 placeholder:text-stone-400 focus:outline focus:z-10 focus:border-blue-500 focus:ring-blue-500 focus:outline-blue-500"
               }, null, 544), [
-                [ie, a.value]
+                [fe, n.value]
               ]),
-              a.value ? (i(), u("button", {
+              n.value ? (i(), u("button", {
                 key: 0,
-                onClick: T,
+                onClick: U,
                 class: "absolute right-2 bottom-1/2 translate-y-1/2 text-gray-500 hover:text-red-500",
                 "aria-label": "Очистити",
                 type: "button"
-              }, x[5] || (x[5] = [
+              }, h[5] || (h[5] = [
                 l("svg", {
                   width: "15",
                   height: "15",
@@ -2971,41 +3026,40 @@ const Zs = /* @__PURE__ */ R(Gs, [["render", Ks]]), Ws = { class: "form-geom__se
                     "stroke-linejoin": "round"
                   })
                 ], -1)
-              ]))) : B("", !0),
-              d.value && s.value !== "coordinates" ? (i(), u("div", cr, [
-                r.value.length ? (i(), u("ul", pr, [
-                  (i(!0), u(K, null, Y(r.value, (h) => (i(), u("li", {
-                    key: h.properties.place_id,
-                    onClick: (G) => P(h),
+              ]))) : z("", !0),
+              d.value && s.value !== "coordinates" ? (i(), u("div", br, [
+                a.value.length ? (i(), u("ul", yr, [
+                  (i(!0), u(ee, null, le(a.value, (g) => (i(), u("li", {
+                    key: g.properties.place_id,
+                    onClick: (K) => N(g),
                     class: "px-3 py-2 text-sm cursor-pointer hover:bg-gray-100"
-                  }, F(h.properties.display_name), 9, fr))), 128))
-                ])) : p.value ? (i(), u("div", vr, "Шукаю…")) : (i(), u("div", mr, "Нічого не знайдено"))
-              ])) : B("", !0)
+                  }, F(g.properties.display_name), 9, xr))), 128))
+                ])) : p.value ? (i(), u("div", wr, "Шукаю…")) : (i(), u("div", kr, "Нічого не знайдено"))
+              ])) : z("", !0)
             ])
           ])
         ])
       ])
     ]));
   }
-}), gr = { class: "bg-white/95 p-2 rounded-xl shadow border border-gray-200" }, br = { class: "flex gap-2" }, yr = ["onClick", "title"], xr = ["src"], wr = /* @__PURE__ */ A({
+}), $r = { class: "bg-white/95 p-2 rounded-xl shadow border border-gray-200" }, Cr = { class: "flex gap-2" }, Vr = ["onClick", "title"], Mr = ["src"], Lr = /* @__PURE__ */ E({
   __name: "map-layers",
   props: {
-    basemaps: {},
-    defaultLayer: {}
+    basemaps: {}
   },
   emits: ["onLayerChange"],
   setup(o, { emit: e }) {
-    const n = k(o.defaultLayer ?? ""), s = e;
-    function a(r) {
-      s("onLayerChange", r), n.value = r;
+    const r = x(Object.keys(o.basemaps)[0]), s = e;
+    function n(a) {
+      s("onLayerChange", a), r.value = a;
     }
-    return (r, d) => (i(), u("div", gr, [
-      l("div", br, [
-        (i(!0), u(K, null, Y(r.basemaps, (p, f) => (i(), u("div", {
+    return (a, d) => (i(), u("div", $r, [
+      l("div", Cr, [
+        (i(!0), u(ee, null, le(a.basemaps, (p, f) => (i(), u("div", {
           key: f,
-          class: S(["cursor-pointer border rounded-lg overflow-hidden hover:shadow-sm", { "ring-2 ring-blue-500 border-blue-300": n.value === f }]),
-          onClick: (c) => a(f),
-          title: f,
+          class: M(["cursor-pointer border rounded-lg overflow-hidden hover:shadow-sm", { "ring-2 ring-blue-500 border-blue-300": r.value === f }]),
+          onClick: (c) => n(f),
+          title: p.name || f,
           role: "button",
           tabindex: "0"
         }, [
@@ -3013,21 +3067,21 @@ const Zs = /* @__PURE__ */ R(Gs, [["render", Ks]]), Ws = { class: "form-geom__se
             src: p.preview,
             alt: "",
             class: "w-14 h-14 object-cover"
-          }, null, 8, xr)
-        ], 10, yr))), 128))
+          }, null, 8, Mr)
+        ], 10, Vr))), 128))
       ])
     ]));
   }
-}), kr = { class: "absolute top-4 left-4 z-[1000] w-[calc(100%-20px)] sm:w-[350px]" }, _r = { class: "form-geom__panel flex gap-1 items-start mt-2" }, $r = { class: "flex items-center gap-1" }, Cr = ["disabled"], Vr = { class: "absolute top-4 right-4 z-[1000]" }, Lr = { class: "flex flex-col gap-[2px]" }, Mr = ["aria-pressed"], Sr = ["aria-pressed"], Br = ["aria-pressed"], jr = ["aria-pressed"], Ir = { 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" }, zr = {
+}), Sr = { class: "absolute top-4 left-4 z-[1000] w-[calc(100%-20px)] sm:w-[350px]" }, Br = { class: "form-geom__panel flex gap-1 items-start mt-2" }, jr = { class: "flex items-center gap-1" }, Ir = ["disabled"], zr = { class: "absolute top-4 right-4 z-[1000]" }, Ar = { class: "flex flex-col gap-[2px]" }, Or = ["aria-pressed"], Er = ["aria-pressed"], Fr = ["aria-pressed"], Dr = ["aria-pressed"], Ur = { 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" }, Tr = {
   key: 0,
   class: "form-geom__feature flex items-center text-xs transition-all gap-2 w-full"
-}, Ar = { class: "mr-auto" }, Er = { class: "font-bold" }, Fr = { class: "flex items-center" }, Or = { class: "text-xs mr-2" }, Dr = {
+}, Rr = { class: "mr-auto" }, Pr = { class: "font-bold" }, Nr = { class: "flex items-center" }, Hr = { class: "text-xs mr-2" }, qr = {
   key: 0,
   class: "text-xs"
-}, Ur = {
+}, Gr = {
   key: 1,
   class: "text-xs"
-}, Tr = /* @__PURE__ */ A({
+}, Jr = /* @__PURE__ */ E({
   __name: "vs-input-map",
   props: {
     tools: {},
@@ -3041,315 +3095,321 @@ const Zs = /* @__PURE__ */ R(Gs, [["render", Ks]]), Ws = { class: "form-geom__se
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o;
-    console.log(t);
-    const n = e, s = k(null);
-    let a, r, d;
-    const p = k(null), f = k(null), c = k(6), g = k(0), v = k(null), M = {
-      topo100: {
-        url: "https://data.gki.com.ua/api-user/rtile/voyager/ua/{z}/{x}/{y}.png",
-        preview: "https://data.gki.com.ua/api-user/rtile/voyager/ua/13/4790/2762.png"
-      },
-      orto10: {
-        url: "https://data.gki.com.ua/api-user/rtile/orto10/ua/{z}/{x}/{y}.png",
-        preview: "https://data.gki.com.ua/api-user/rtile/orto10/ua/13/4790/2762.png"
-      },
-      osmb: {
-        url: "https://tile.openstreetmap.org.ua/styles/osm-bright/{z}/{x}/{y}.png",
-        preview: "https://tile.openstreetmap.org.ua/styles/osm-bright/13/4790/2762.png"
-      }
-    };
-    let I;
-    const U = k("topo100");
-    function T() {
-      return new Promise((b, $) => {
-        window.L && window.L.Draw && b(0);
-        const O = (ee) => {
-          if (Array.from(document.styleSheets).some((ge) => ge?.href?.includes(ee))) return;
-          const de = document.createElement("link");
-          de.rel = "stylesheet", de.href = ee, document.head.appendChild(de);
-        }, N = (ee) => new Promise(($e, de) => {
-          const ge = Array.from(document.scripts).find((ce) => ce.src === ee);
+    const t = pt(), r = o, s = e, n = x(null);
+    let a, d, p;
+    const f = x(null), c = x(null), b = x(6), v = x(0), C = x(t?.appContext.config.globalProperties.$settings?.center || [50, 30]), V = x(null), D = he();
+    let U;
+    const N = x("topo100");
+    function $() {
+      return new Promise((m, y) => {
+        window.L && window.L.Draw && m(0);
+        const R = (ne) => {
+          if (Array.from(document.styleSheets).some((ge) => ge?.href?.includes(ne))) return;
+          const ve = document.createElement("link");
+          ve.rel = "stylesheet", ve.href = ne, document.head.appendChild(ve);
+        }, H = (ne) => new Promise((Se, ve) => {
+          const ge = Array.from(document.scripts).find((ye) => ye.src === ne);
           if (ge) {
-            ge.addEventListener("load", () => $e()), ge.addEventListener("error", (ce) => de(ce));
+            ge.addEventListener("load", () => Se()), ge.addEventListener("error", (ye) => ve(ye));
             return;
           }
           const be = document.createElement("script");
-          be.src = ee, be.async = !0, be.onload = () => $e(), be.onerror = (ce) => de(ce), document.body.appendChild(be);
+          be.src = ne, be.async = !0, be.onload = () => Se(), be.onerror = (ye) => ve(ye), document.body.appendChild(be);
         });
-        O("https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"), O("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.css"), N("https://unpkg.com/leaflet@1.9.4/dist/leaflet.js").then(() => N("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.js")).then(() => b(0)).catch($);
+        R("https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"), R("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.css"), H("https://unpkg.com/leaflet@1.9.4/dist/leaflet.js").then(() => H("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.js")).then(() => m(0)).catch(y);
       });
     }
-    function P() {
-      const b = r.toGeoJSON();
-      let $ = null;
-      b?.features?.length && ($ = b.features[0].geometry), n("update:modelValue", $), g.value = r.getLayers().length;
+    function h() {
+      const m = d.toGeoJSON();
+      let y = null;
+      m?.features?.length && (y = m.features[0].geometry), s("update:modelValue", y), v.value = d.getLayers().length;
     }
-    function _(b = 30) {
-      const $ = r.getLayers();
-      if (!$.length) return;
-      const N = L.featureGroup($).getBounds();
-      N && N.isValid() && a.fitBounds(N, { padding: [b, b] });
+    function g(m = 30) {
+      const y = d.getLayers();
+      if (!y.length) return;
+      const H = L.featureGroup(y).getBounds();
+      H && H.isValid() && a.fitBounds(H, { padding: [m, m] });
     }
-    function x() {
-      p.value?.click();
+    function K() {
+      f.value?.click();
     }
-    const h = k("");
-    function G(b) {
-      return b instanceof L.Circle ? "Circle" : b instanceof L.Rectangle ? "Rectangle" : b instanceof L.Polygon && !(b instanceof L.Rectangle) ? "Polygon" : b instanceof L.Polyline && !(b instanceof L.Polygon) ? "Polyline" : b instanceof L.Marker ? "Point" : "Feature";
+    const A = x("");
+    function S(m) {
+      return m instanceof L.Circle ? "Circle" : m instanceof L.Rectangle ? "Rectangle" : m instanceof L.Polygon && !(m instanceof L.Rectangle) ? "Polygon" : m instanceof L.Polyline && !(m instanceof L.Polygon) ? "Polyline" : m instanceof L.Marker ? "Point" : "Feature";
     }
-    function C(b) {
-      if (b instanceof L.Circle) {
-        const $ = b.getRadius();
-        return Math.PI * ($ * $) / 1e6;
+    function J(m) {
+      if (m instanceof L.Circle) {
+        const y = m.getRadius();
+        return Math.PI * (y * y) / 1e6;
       }
-      if (b instanceof L.Polygon || b instanceof L.Rectangle)
+      if (m instanceof L.Polygon || m instanceof L.Rectangle)
         try {
-          const $ = b.getLatLngs(), O = Array.isArray($[0]) ? $[0] : $, N = L.GeometryUtil?.geodesicArea ? L.GeometryUtil.geodesicArea(O) : 0;
-          return N ? N / 1e6 : 0;
+          const y = m.getLatLngs(), R = Array.isArray(y[0]) ? y[0] : y, H = L.GeometryUtil?.geodesicArea ? L.GeometryUtil.geodesicArea(R) : 0;
+          return H ? H / 1e6 : 0;
         } catch {
           return null;
         }
       return null;
     }
-    function m(b) {
-      return b instanceof L.Circle ? b.getLatLng() : b.getBounds ? b.getBounds().getCenter() : b.getLatLng ? b.getLatLng() : a.getCenter();
+    function Y(m) {
+      return m instanceof L.Circle ? m.getLatLng() : m.getBounds ? m.getBounds().getCenter() : m.getLatLng ? m.getLatLng() : a.getCenter();
     }
-    function V() {
-      const b = r.getLayers();
-      if (!b.length) {
-        v.value = null, g.value = 0;
+    function ae() {
+      const m = d.getLayers();
+      if (!m.length) {
+        V.value = null, v.value = 0;
         return;
       }
-      const $ = b[b.length - 1], O = G($), N = m($), ee = C($);
-      v.value = {
-        type: O,
-        center: N,
-        areaKm2: ee,
-        layer: $
-      }, g.value = b.length;
+      const y = m[m.length - 1], R = S(y), H = Y(y), ne = J(y);
+      V.value = {
+        type: R,
+        center: H,
+        areaKm2: ne,
+        layer: y
+      }, v.value = m.length;
     }
-    function E() {
-      const b = v.value?.layer;
-      b && (b instanceof L.Circle && b.getBounds ? a.fitBounds(b.getBounds(), { padding: [30, 30] }) : b.getBounds ? a.fitBounds(b.getBounds(), { padding: [30, 30] }) : b.getLatLng && a.setView(b.getLatLng(), Math.max(c.value, 14)));
+    function $e() {
+      const m = V.value?.layer;
+      m && (m instanceof L.Circle && m.getBounds ? a.fitBounds(m.getBounds(), { padding: [30, 30] }) : m.getBounds ? a.fitBounds(m.getBounds(), { padding: [30, 30] }) : m.getLatLng && a.setView(m.getLatLng(), Math.max(b.value, 14)));
     }
-    function Q() {
-      const b = v.value?.layer;
-      b && (r.removeLayer(b), P(), V());
+    function Le() {
+      const m = V.value?.layer;
+      m && (d.removeLayer(m), h(), ae());
     }
-    ne(async () => {
-      await T(), L.drawLocal = Ms, a = L.map(s.value, { zoomControl: !1 }).setView([50, 30], 10), L.control.zoom({ position: "bottomright" }).addTo(a), I = L.tileLayer(M.topo100.url, { maxZoom: 19, minZoom: 6 }).addTo(a), U.value = "topo100", r = new L.FeatureGroup().addTo(a), a.on(L.Draw.Event.CREATED, (O) => {
-        const { layer: N } = O;
-        r.clearLayers(), r.addLayer(N), P(), V(), _(), h.value = "";
+    pe(async () => {
+      await $(), L.drawLocal = Os, a = L.map(n.value, { zoomControl: !1 }).setView(C.value, 10), L.control.zoom({ position: "bottomright" }).addTo(a), N.value = Object.keys(D)[0], U = L.tileLayer(D[N.value].url, { maxZoom: 19, minZoom: 6 }).addTo(a), d = new L.FeatureGroup().addTo(a), a.on(L.Draw.Event.CREATED, (R) => {
+        const { layer: H } = R;
+        d.clearLayers(), d.addLayer(H), h(), ae(), g(), A.value = "";
       }), a.on(L.Draw.Event.EDITED, () => {
-        P(), V(), _();
+        h(), ae(), g();
       }), a.on(L.Draw.Event.DELETED, () => {
-        P(), V(), _();
+        h(), ae(), g();
       });
-      let b = !1;
-      a.on("mousemove", (O) => {
-        b || (a.invalidateSize(), b = !0), f.value = O.latlng;
+      let m = !1;
+      a.on("mousemove", (R) => {
+        m || (a.invalidateSize(), m = !0), c.value = R.latlng;
       }), a.on("zoomend", () => {
-        c.value = a.getZoom();
+        b.value = a.getZoom();
       });
-      const $ = Ss(t.modelValue);
-      if ($) {
-        const O = [];
-        L.geoJSON($).eachLayer((N) => O.push(N)), O.length && r.addLayer(O[0]), P(), V(), _();
+      const y = Es(r.modelValue);
+      if (y) {
+        const R = [];
+        L.geoJSON(y).eachLayer((H) => R.push(H)), R.length && d.addLayer(R[0]), h(), ae(), g();
       }
     });
-    function te(b) {
+    function B(m) {
       if (a) {
-        switch (d && d.disable(), b) {
+        switch (p && p.disable(), m) {
           case "marker":
-            d = new L.Draw.Marker(a);
+            p = new L.Draw.Marker(a);
             break;
           case "polyline":
-            d = new L.Draw.Polyline(a);
+            p = new L.Draw.Polyline(a);
             break;
           case "polygon":
-            d = new L.Draw.Polygon(a);
+            p = new L.Draw.Polygon(a);
             break;
           case "rectangle":
-            d = new L.Draw.Rectangle(a);
+            p = new L.Draw.Rectangle(a);
             break;
           default:
-            d = new L.Draw.Rectangle(a);
+            p = new L.Draw.Rectangle(a);
             break;
         }
-        d && (d.enable(), h.value = b);
+        p && (p.enable(), A.value = m);
       }
     }
-    function ye() {
-      const b = r.toGeoJSON(), $ = new Blob([JSON.stringify(b, null, 2)], { type: "application/json" }), O = URL.createObjectURL($), N = document.createElement("a");
-      N.href = O, N.download = "data.geojson", N.click(), URL.revokeObjectURL(O);
+    function _() {
+      const m = d.toGeoJSON(), y = new Blob([JSON.stringify(m, null, 2)], { type: "application/json" }), R = URL.createObjectURL(y), H = document.createElement("a");
+      H.href = R, H.download = "data.geojson", H.click(), URL.revokeObjectURL(R);
     }
-    function ke(b) {
-      const $ = b.target.files?.[0];
-      if (!$) return;
-      const O = new FileReader();
-      O.onload = () => {
-        if (typeof O.result == "string")
+    function j(m) {
+      const y = m.target.files?.[0];
+      if (!y) return;
+      const R = new FileReader();
+      R.onload = () => {
+        if (typeof R.result == "string")
           try {
-            const N = JSON.parse(O.result);
-            r.clearLayers(), N && L.geoJSON({ type: "Feature", geometry: N }).eachLayer((ee) => {
-              r.addLayer(ee);
-            }), P(), V(), _();
+            const H = JSON.parse(R.result);
+            d.clearLayers(), H && L.geoJSON({ type: "Feature", geometry: H }).eachLayer((ne) => {
+              d.addLayer(ne);
+            }), h(), ae(), g();
           } finally {
-            b.target.value = "";
+            m.target.value = "";
           }
-      }, O.readAsText($);
+      }, R.readAsText(y);
     }
-    function ue(b) {
-      a && (I && a.removeLayer(I), I = L.tileLayer(M[b].url, { maxZoom: 19, minZoom: 6 }).addTo(a), U.value = b);
+    function q(m) {
+      a && (U && a.removeLayer(U), U = L.tileLayer(D[m].url, { maxZoom: 19, minZoom: 6 }).addTo(a), N.value = m);
     }
-    function ze(b) {
-      const $ = L.latLng(b[0], b[1]);
-      a.setView($, 13);
+    function oe(m) {
+      const y = L.latLng(m[0], m[1]);
+      a.setView(y, 13);
     }
-    re(
-      () => t.modelValue,
-      (b) => {
-        r.clearLayers(), b && L.geoJSON({ type: "Feature", geometry: b }).eachLayer(($) => {
-          r.addLayer($);
-        }), g.value = r.getLayers().length, V(), _();
+    ue(
+      () => r.modelValue,
+      (m) => {
+        d.clearLayers(), m && L.geoJSON({ type: "Feature", geometry: m }).eachLayer((y) => {
+          d.addLayer(y);
+        }), v.value = d.getLayers().length, ae(), g();
       }
     );
-    const _e = k(!1);
-    return (b, $) => (i(), u("div", {
-      class: S(["leaflet-map-wrapper relative w-full h-[400px]", { fullscreen: _e.value }])
+    function he() {
+      return t?.appContext.config.globalProperties.$settings?.basemaps ? t?.appContext.config.globalProperties.$settings?.basemaps.map((m, y) => Object.assign(m, { key: `b${y}`, preview: m.preview || m.url.replace("{z}/{x}/{y}.png", "13/4790/2762.png") })).reduce((m, y) => ({ ...m, [y.key]: y }), {}) : {
+        topo100: {
+          url: "https://data.gki.com.ua/api-user/rtile/voyager/ua/{z}/{x}/{y}.png",
+          preview: "https://data.gki.com.ua/api-user/rtile/voyager/ua/13/4790/2762.png"
+        },
+        orto10: {
+          url: "https://data.gki.com.ua/api-user/rtile/orto10/ua/{z}/{x}/{y}.png",
+          preview: "https://data.gki.com.ua/api-user/rtile/orto10/ua/13/4790/2762.png"
+        },
+        osmb: {
+          url: "https://tile.openstreetmap.org.ua/styles/osm-bright/{z}/{x}/{y}.png",
+          preview: "https://tile.openstreetmap.org.ua/styles/osm-bright/13/4790/2762.png"
+        }
+      };
+    }
+    const de = x(!1);
+    return ue(de, () => {
+      setTimeout(() => {
+        a.invalidateSize();
+      }, 50);
+    }), (m, y) => (i(), u("div", {
+      class: M(["leaflet-map-wrapper relative w-full h-[400px]", { fullscreen: de.value }])
     }, [
       l("div", {
         ref_key: "mapContainer",
-        ref: s,
+        ref: n,
         class: "w-full h-full"
       }, null, 512),
-      l("div", kr, [
-        j(hr, { onGoToCoordinates: ze }),
-        l("div", _r, [
-          l("div", $r, [
+      l("div", Sr, [
+        I(_r, { onGoToCoordinates: oe }),
+        l("div", Br, [
+          l("div", jr, [
             l("button", {
               type: "button",
               class: "vs-btn-row",
-              onClick: x
+              onClick: K
             }, "Import"),
             l("button", {
               type: "button",
               class: "vs-btn-row",
-              onClick: ye,
-              disabled: g.value === 0
-            }, "Export ", 8, Cr)
+              onClick: _,
+              disabled: v.value === 0
+            }, "Export ", 8, Ir)
           ]),
           l("input", {
             ref_key: "importRef",
-            ref: p,
+            ref: f,
             type: "file",
-            onChange: ke,
+            onChange: j,
             accept: ".json,.geojson",
             class: "hidden"
           }, null, 544)
         ])
       ]),
-      l("div", Vr, [
-        l("div", Lr, [
+      l("div", zr, [
+        l("div", Ar, [
           l("button", {
-            class: S(["vs-btn", { "vs-active": h.value === "marker" }]),
-            "aria-pressed": h.value === "marker",
+            class: M(["vs-btn", { "vs-active": A.value === "marker" }]),
+            "aria-pressed": A.value === "marker",
             title: "Point (P)",
             "aria-label": "Draw point",
-            onClick: $[0] || ($[0] = (O) => te("marker"))
+            onClick: y[0] || (y[0] = (R) => B("marker"))
           }, [
-            j(zs)
-          ], 10, Mr),
+            I(Ts)
+          ], 10, Or),
           l("button", {
-            class: S(["vs-btn", { "vs-active": h.value === "polyline" }]),
-            "aria-pressed": h.value === "polyline",
+            class: M(["vs-btn", { "vs-active": A.value === "polyline" }]),
+            "aria-pressed": A.value === "polyline",
             title: "Line (L)",
             "aria-label": "Draw polyline",
-            onClick: $[1] || ($[1] = (O) => te("polyline"))
+            onClick: y[1] || (y[1] = (R) => B("polyline"))
           }, [
-            j(Os)
-          ], 10, Sr),
+            I(Hs)
+          ], 10, Er),
           l("button", {
-            class: S(["vs-btn", { "vs-active": h.value === "polygon" }]),
-            "aria-pressed": h.value === "polygon",
+            class: M(["vs-btn", { "vs-active": A.value === "polygon" }]),
+            "aria-pressed": A.value === "polygon",
             title: "Polygon (G)",
             "aria-label": "Draw polygon",
-            onClick: $[2] || ($[2] = (O) => te("polygon"))
+            onClick: y[2] || (y[2] = (R) => B("polygon"))
           }, [
-            j(Rs)
-          ], 10, Br),
+            I(Ks)
+          ], 10, Fr),
           l("button", {
-            class: S(["vs-btn", { "vs-active": h.value === "rectangle" }]),
-            "aria-pressed": h.value === "rectangle",
+            class: M(["vs-btn", { "vs-active": A.value === "rectangle" }]),
+            "aria-pressed": A.value === "rectangle",
             title: "Rectangle (R)",
             "aria-label": "Draw rectangle",
-            onClick: $[3] || ($[3] = (O) => te("rectangle"))
+            onClick: y[3] || (y[3] = (R) => B("rectangle"))
           }, [
-            j(qs)
-          ], 10, jr),
+            I(Xs)
+          ], 10, Dr),
           l("button", {
             class: "vs-btn mt-5",
-            onClick: $[4] || ($[4] = (O) => _e.value = !_e.value),
+            onClick: y[4] || (y[4] = (R) => {
+              de.value = !de.value;
+            }),
             title: "Full Screen",
             "aria-label": "Full Screen"
           }, [
-            j(Zs, { style: { width: "12px", height: "12px" } })
+            I(lr, { style: { width: "12px", height: "12px" } })
           ])
         ])
       ]),
       l("div", {
-        class: S(["absolute left-4 z-[1000]", v.value ? "bottom-8" : "bottom-4"])
+        class: M(["absolute left-4 z-[1000]", V.value ? "bottom-8" : "bottom-4"])
       }, [
-        j(wr, {
-          basemaps: M,
-          "default-layer": "topo100",
-          onOnLayerChange: ue
-        })
+        I(Lr, {
+          basemaps: G(D),
+          onOnLayerChange: q
+        }, null, 8, ["basemaps"])
       ], 2),
-      l("div", Ir, [
-        v.value ? (i(), u("div", zr, [
-          l("div", Ar, [
-            $[7] || ($[7] = oe(" Тип: ")),
-            l("span", Er, F(v.value.type), 1)
+      l("div", Ur, [
+        V.value ? (i(), u("div", Tr, [
+          l("div", Rr, [
+            y[7] || (y[7] = ie(" Тип: ")),
+            l("span", Pr, F(V.value.type), 1)
           ]),
-          l("div", Fr, [
-            l("div", Or, [
-              $[8] || ($[8] = oe(" Центр: ")),
-              l("b", null, F(v.value.center.lat.toFixed(5)) + ", " + F(v.value.center.lng.toFixed(5)), 1)
+          l("div", Nr, [
+            l("div", Hr, [
+              y[8] || (y[8] = ie(" Центр: ")),
+              l("b", null, F(V.value.center.lat.toFixed(5)) + ", " + F(V.value.center.lng.toFixed(5)), 1)
             ]),
-            v.value.areaKm2 !== null ? (i(), u("div", Dr, [
-              $[9] || ($[9] = oe(" Площа: ")),
-              l("b", null, F(v.value.areaKm2.toFixed(1)) + "км²", 1)
-            ])) : (i(), u("div", Ur, $[10] || ($[10] = [
-              oe(" Площа: "),
+            V.value.areaKm2 !== null ? (i(), u("div", qr, [
+              y[9] || (y[9] = ie(" Площа: ")),
+              l("b", null, F(V.value.areaKm2.toFixed(1)) + "км²", 1)
+            ])) : (i(), u("div", Gr, y[10] || (y[10] = [
+              ie(" Площа: "),
               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: $[5] || ($[5] = (O) => E())
-            }, $[11] || ($[11] = [
-              ae('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-3 h-3" data-v-55d330eb><path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" data-v-55d330eb></path><path d="M7 10l6 0" data-v-55d330eb></path><path d="M10 7l0 6" data-v-55d330eb></path><path d="M21 21l-6 -6" data-v-55d330eb></path></svg>', 1)
+              onClick: y[5] || (y[5] = (R) => $e())
+            }, y[11] || (y[11] = [
+              re('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-3 h-3" data-v-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: $[6] || ($[6] = (O) => Q())
+              onClick: y[6] || (y[6] = (R) => Le())
             }, [
-              j(Ie, { class: "w-3 h-3" })
+              I(Ee, { class: "w-3 h-3" })
             ])
           ])
-        ])) : B("", !0)
+        ])) : z("", !0)
       ])
     ], 2));
   }
-}), Rr = /* @__PURE__ */ R(Tr, [["__scopeId", "data-v-55d330eb"]]), Pr = ["data-focus"], Nr = { 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" }, qr = ["onClick", "aria-label"], Gr = {
+}), Kr = /* @__PURE__ */ P(Jr, [["__scopeId", "data-v-e82d2d97"]]), Zr = ["data-focus"], Wr = { class: "flex items-center" }, Qr = { class: "overflow-hidden text-ellipsis whitespace-nowrap rounded-sm text-[#333] text-[85%] px-0.5 py-[3px] pl-1.5 box-border" }, Xr = ["onClick", "aria-label"], Yr = {
   key: 0,
   class: "absolute text-gray-500 truncate pl-2"
-}, Jr = { class: "flex-1 min-w-[2px]" }, Kr = ["placeholder"], Zr = { class: "flex items-center shrink-0" }, Wr = ["disabled"], Qr = /* @__PURE__ */ A({
+}, en = { class: "flex-1 min-w-[2px]" }, tn = ["placeholder"], ln = { class: "flex items-center shrink-0" }, on = ["disabled"], an = /* @__PURE__ */ E({
   __name: "vs-input-tag",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ W({
     unique: { type: Boolean, default: !0 },
     style: { default: () => ({}) },
     customClass: { default: "" },
@@ -3362,71 +3422,71 @@ const Zs = /* @__PURE__ */ R(Gs, [["render", Ks]]), Ws = { class: "form-geom__se
     modelValue: { default: [] },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Z(["update:modelValue"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ W(["update:modelValue"], ["update:modelValue"]),
   setup(o, { emit: e }) {
-    const t = o, n = e;
-    he(t.style);
-    const s = k(null), a = k(null), r = k(null), d = k(!1), p = k(""), f = W(o, "modelValue"), c = D(() => t.placeholder || "Add tag…"), g = D(() => f.value?.length === 0 && p.value === ""), v = D(() => !t.disabled && f.value?.length > 0), M = D(() => t.disabled), I = async () => {
-      M.value || await Ce(() => r.value?.focus());
-    }, U = (C) => {
-      const m = C.trim();
-      m !== "" && (!f.value || !Array.isArray(f.value) ? f.value = [m] : t.unique ? f.value.includes(m) || (f.value = [...f.value, m]) : f.value = [...f.value, m], p.value = "");
-    }, T = () => {
-      const C = p.value;
-      C.trim() !== "" && U(C), p.value = "";
-    }, P = (C) => {
-      const m = f.value.slice();
-      m.splice(C, 1), n("update:modelValue", m);
-    }, _ = () => {
-      n("update:modelValue", []);
-    }, x = () => {
-      M.value || (d.value = !0);
+    const t = o, r = e;
+    _e(t.style);
+    const s = x(null), n = x(null), a = x(null), d = x(!1), p = x(""), f = Q(o, "modelValue"), c = T(() => t.placeholder || "Add tag…"), b = T(() => f.value?.length === 0 && p.value === ""), v = T(() => !t.disabled && f.value?.length > 0), C = T(() => t.disabled), V = async () => {
+      C.value || await Be(() => a.value?.focus());
+    }, D = (A) => {
+      const S = A.trim();
+      S !== "" && (!f.value || !Array.isArray(f.value) ? f.value = [S] : t.unique ? f.value.includes(S) || (f.value = [...f.value, S]) : f.value = [...f.value, S], p.value = "");
+    }, U = () => {
+      const A = p.value;
+      A.trim() !== "" && D(A), p.value = "";
+    }, N = (A) => {
+      const S = f.value.slice();
+      S.splice(A, 1), r("update:modelValue", S);
+    }, $ = () => {
+      r("update:modelValue", []);
     }, h = () => {
+      C.value || (d.value = !0);
+    }, g = () => {
       d.value = !1;
-    }, G = (C) => {
-      const { key: m } = C;
-      m === "Enter" ? (C.preventDefault(), T()) : m === "Backspace" && p.value === "" && f.value.length > 0 && P(f.value.length - 1);
+    }, K = (A) => {
+      const { key: S } = A;
+      S === "Enter" ? (A.preventDefault(), U()) : S === "Backspace" && p.value === "" && f.value.length > 0 && N(f.value.length - 1);
     };
-    return (C, m) => (i(), u("div", {
+    return (A, S) => (i(), u("div", {
       class: "flex gap-1 w-full",
       ref_key: "root",
       ref: s,
-      onClick: m[1] || (m[1] = se(() => {
+      onClick: S[1] || (S[1] = ce(() => {
       }, ["stop"]))
     }, [
       l("div", {
-        class: S(["relative w-full font-sans", t.customClass]),
+        class: M(["relative w-full font-sans", t.customClass]),
         role: "group",
         "aria-label": "Tag input"
       }, [
         l("div", {
-          class: S([
+          class: M([
             "flex min-h-[38px] items-center justify-between rounded border transition-colors bg-white",
             "border-gray-300 hover:border-gray-400",
             d.value ? "border-blue-500 ring-1 ring-blue-500" : "",
-            M.value ? "bg-gray-100 text-gray-400 cursor-not-allowed hover:border-gray-300" : ""
+            C.value ? "bg-gray-100 text-gray-400 cursor-not-allowed hover:border-gray-300" : ""
           ]),
           "data-focus": d.value ? "true" : "false",
-          onClick: I
+          onClick: V
         }, [
           l("div", {
             class: "flex flex-1 flex-wrap items-center gap-1 py-0.5 pl-2 pr-0 overflow-hidden",
             ref_key: "chipsRef",
-            ref: a
+            ref: n
           }, [
-            (i(!0), u(K, null, Y(f.value, (V, E) => (i(), u("div", {
-              key: E,
+            (i(!0), u(ee, null, le(f.value, (J, Y) => (i(), u("div", {
+              key: Y,
               class: "flex min-w-0 bg-[#e6e6e6] rounded-sm m-0.5 box-border"
             }, [
-              l("div", Nr, [
-                l("div", Hr, F(V), 1)
+              l("div", Wr, [
+                l("div", Qr, F(J), 1)
               ]),
               l("div", {
                 role: "button",
                 class: "flex items-center rounded-sm px-1 box-border hover:bg-[#ffbdad] hover:text-[#de350b]",
-                onClick: se((Q) => P(E), ["stop"]),
-                "aria-label": `Remove ${V}`
-              }, m[2] || (m[2] = [
+                onClick: ce((ae) => N(Y), ["stop"]),
+                "aria-label": `Remove ${J}`
+              }, S[2] || (S[2] = [
                 l("svg", {
                   height: "14",
                   width: "14",
@@ -3437,14 +3497,14 @@ const Zs = /* @__PURE__ */ R(Gs, [["render", Ks]]), Ws = { 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, qr)
+              ]), 8, Xr)
             ]))), 128)),
-            g.value ? (i(), u("div", Gr, F(c.value), 1)) : B("", !0),
-            l("div", Jr, [
-              M.value ? B("", !0) : q((i(), u("input", {
+            b.value ? (i(), u("div", Yr, F(c.value), 1)) : z("", !0),
+            l("div", en, [
+              C.value ? z("", !0) : X((i(), u("input", {
                 key: 0,
                 ref_key: "inputRef",
-                ref: r,
+                ref: a,
                 class: "pl-2 w-full bg-transparent outline-none border-0 m-0 p-0 text-gray-900",
                 autocapitalize: "none",
                 autocomplete: "off",
@@ -3453,25 +3513,25 @@ const Zs = /* @__PURE__ */ R(Gs, [["render", Ks]]), Ws = { class: "form-geom__se
                 type: "text",
                 tabindex: "0",
                 "aria-label": "Add tag",
-                "onUpdate:modelValue": m[0] || (m[0] = (V) => p.value = V),
-                onFocus: x,
-                onBlur: h,
-                onKeydown: G,
+                "onUpdate:modelValue": S[0] || (S[0] = (J) => p.value = J),
+                onFocus: h,
+                onBlur: g,
+                onKeydown: K,
                 placeholder: f.value && f.value.length ? "" : void 0
-              }, null, 40, Kr)), [
-                [ie, p.value]
+              }, null, 40, tn)), [
+                [fe, p.value]
               ])
             ])
           ], 512),
-          l("div", Zr, [
+          l("div", ln, [
             v.value ? (i(), u("button", {
               key: 0,
               type: "button",
               class: "px-2 text-gray-400 hover:text-gray-500 transition-colors disabled:opacity-50",
               "aria-label": "Clear all tags",
-              disabled: M.value,
-              onClick: se(_, ["stop"])
-            }, m[3] || (m[3] = [
+              disabled: C.value,
+              onClick: ce($, ["stop"])
+            }, S[3] || (S[3] = [
               l("svg", {
                 height: "20",
                 width: "20",
@@ -3480,34 +3540,34 @@ const Zs = /* @__PURE__ */ R(Gs, [["render", Ks]]), Ws = { 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, Wr)) : B("", !0)
+            ]), 8, on)) : z("", !0)
           ])
-        ], 10, Pr)
+        ], 10, Zr)
       ], 2)
     ], 512));
   }
-}), Xr = {
-  VsInputText: Ge,
-  VsInputRadio: Ke,
-  "vs-input-text": Ge,
-  "vs-input-textarea": La,
-  "vs-input-mask": rl,
-  "vs-input-number": Bt,
-  "vs-input-radio": Ke,
-  "vs-input-select": Ca,
-  "vs-input-switcher": ot,
-  "vs-input-static": Je,
-  "vs-input-container": na,
-  "vs-input-date": xl,
-  "vs-input-checkbox": bl,
-  "vs-input-file": so,
-  "vs-input-html": Je,
-  "vs-input-email": ul,
-  "vs-input-datatable": Ls,
-  "vs-input-map": Rr,
+}), sn = {
+  VsInputText: qe,
+  VsInputRadio: Je,
+  "vs-input-text": qe,
+  "vs-input-textarea": za,
+  "vs-input-mask": nl,
+  "vs-input-number": jt,
+  "vs-input-radio": Je,
+  "vs-input-select": ja,
+  "vs-input-switcher": lt,
+  "vs-input-static": Ge,
+  "vs-input-container": ia,
+  "vs-input-date": wl,
+  "vs-input-checkbox": yl,
+  "vs-input-file": ro,
+  "vs-input-html": Ge,
+  "vs-input-email": dl,
+  "vs-input-datatable": As,
+  "vs-input-map": Kr,
   "vs-input-file-list": Fo,
-  "vs-input-tag": Qr
-}, Yr = /* @__PURE__ */ A({
+  "vs-input-tag": an
+}, rn = /* @__PURE__ */ E({
   __name: "behavior",
   props: {
     api: {},
@@ -3517,31 +3577,31 @@ const Zs = /* @__PURE__ */ R(Gs, [["render", Ks]]), Ws = { class: "form-geom__se
     value: {}
   },
   setup(o) {
-    const e = o, t = Be("values");
-    async function n() {
+    const e = o, t = ze("values");
+    async function r() {
       try {
         if (!e.api) return;
-        const s = e.api.replace("{{value}}", e.value), a = await fetch(s);
-        if (!a.ok) {
-          fe({ type: "warning", title: "Validation", message: "При спробі завантажити дані виникла помилка." });
+        const s = e.api.replace("{{value}}", e.value), n = await fetch(s);
+        if (!n.ok) {
+          me({ type: "warning", title: "Validation", message: "При спробі завантажити дані виникла помилка." });
           return;
         }
-        const r = await a.json();
+        const a = await n.json();
         if (!e.set || !t) return;
         for (const [d, p] of Object.entries(e.set))
-          t.value[d] = r.result[p];
+          t.value[d] = a.result[p];
       } catch (s) {
         console.error(e.error, s);
       }
     }
-    return (s, a) => (i(), u("button", {
-      onClick: n,
+    return (s, n) => (i(), u("button", {
+      onClick: r,
       class: "vs-button relative inline-flex border-solid justify-center items-center gap-2 rounded-md font-semibold focus:outline-none text-sm transition-all border !border-gray-200 hover:text-white bg-white text-blue-500 hover:border-blue-500 hover:bg-blue-500 focus:ring-blue-500 py-1.5 px-5 focus:ring-1 focus:ring-offset-1 ml-0 md:ml-2 mt-2 md:mt-0 py-[8px] md:w-2/4 whitespace-nowrap w-full"
     }, F(s.button), 1));
   }
-}), en = { class: "flex w-full" }, rt = /* @__PURE__ */ A({
+}), nn = { class: "flex w-full" }, st = /* @__PURE__ */ E({
   __name: "vs-compact-form-layout",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ W({
     item: { default: {} },
     layout: { default: "default" },
     style: { default: {} },
@@ -3553,55 +3613,55 @@ const Zs = /* @__PURE__ */ R(Gs, [["render", Ks]]), Ws = { class: "form-geom__se
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = W(o, "modelValue"), n = D(() => Lt[`${e.layout}`]), s = D(() => Xr?.[`vs-input-${e.item.type}`]), a = D(() => {
-      const d = H(s);
+    const e = o, t = Q(o, "modelValue"), r = T(() => Lt[`${e.layout}`]), s = T(() => sn?.[`vs-input-${e.item.type}`]), n = T(() => {
+      const d = G(s);
       if (!d) return /* @__PURE__ */ new Set();
       const p = d.props ?? d.__vccOpts?.props;
       if (!p) return /* @__PURE__ */ new Set();
       const f = Array.isArray(p) ? p : Object.keys(p);
       return new Set(f);
-    }), r = D(() => {
-      const d = e.item ?? {}, p = a.value;
+    }), a = T(() => {
+      const d = e.item ?? {}, p = n.value;
       return p.size ? Object.fromEntries(Object.entries(d).filter(([f]) => p.has(f))) : {};
     });
-    return (d, p) => (i(), X(we(n.value), {
+    return (d, p) => (i(), te(Ve(r.value), {
       ua: e.item.ua,
       error: e.error || "",
       item: d.item,
       label: e.item.label
     }, {
       default: Me(() => [
-        l("div", en, [
-          (i(), X(we(s.value), Ve(r.value, {
+        l("div", nn, [
+          (i(), te(Ve(s.value), je(a.value, {
             modelValue: t.value,
             "onUpdate:modelValue": p[0] || (p[0] = (f) => t.value = f)
           }), null, 16, ["modelValue"])),
-          d.item.behavior ? (i(), X(Yr, Ve({ key: 0 }, d.item.behavior, { value: t.value }), null, 16, ["value"])) : B("", !0)
+          d.item.behavior ? (i(), te(rn, je({ key: 0 }, d.item.behavior, { value: t.value }), null, 16, ["value"])) : z("", !0)
         ])
       ]),
       _: 1
     }, 8, ["ua", "error", "item", "label"]));
   }
-}), nt = {
+}), rt = {
   required: "Це поле є обов’язковим",
   email: "Неправильний email"
-}, tn = (o) => o ? !1 : nt.required, ln = (o) => !o && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(o) ? nt.email : !1, on = (o, e) => {
+}, un = (o) => o ? !1 : rt.required, dn = (o) => !o && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(o) ? rt.email : !1, cn = (o, e) => {
   const t = e.pattern ?? e.regexp;
   return !(typeof t == "string" ? new RegExp(t) : t).test(o) && o ? e.message : !1;
-}, an = (o, e) => !1, sn = (o, e) => {
+}, pn = (o, e) => !1, fn = (o, e) => {
   switch (typeof e == "string" ? e : e.type) {
     case "required":
-      return tn(o);
+      return un(o);
     case "email":
-      return ln(o);
+      return dn(o);
     case "regexp":
-      return on(o, e);
+      return cn(o, e);
     case "custom":
-      return an();
+      return pn();
     default:
       return !1;
   }
-}, rn = {
+}, vn = {
   autocomplete: "select",
   combobox: "select",
   datepicker: "date",
@@ -3613,63 +3673,63 @@ const Zs = /* @__PURE__ */ R(Gs, [["render", Ks]]), Ws = { class: "form-geom__se
   file: "file"
   // mask: 'text',
 };
-function Xe(o) {
+function Qe(o) {
   const e = o.toLowerCase();
-  return rn[e] || e;
+  return vn[e] || e;
 }
-function nn(o) {
+function mn(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 = Xe(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);
+    return o.forEach((r) => {
+      const s = { ...r };
+      s.name = (r.name || r.id || r.key || "").toString(), s.type = Qe(r.type), s.label = r.label || r.ua, s.rules = r.rules || r.validators, r.data && (s.api = `/api/suggest/${r.data}`), t.push(s);
     }), t;
   }
   const e = [];
   return Object.entries(o).forEach((t) => {
-    const n = {
+    const r = {
       name: t[0],
       ...t[1],
-      type: Xe(t[1].type),
+      type: Qe(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);
+    t[1].type.includes("list") && (r.multiple = !0), t[1].data && (r.api = `/api/suggest/${t[1].data}`), e.push(r);
   }), e;
 }
-function un(o, e) {
-  const t = nn(e), n = k({});
+function hn(o, e) {
+  const t = mn(e), r = x({});
   function s(p) {
     const f = p?.conditions;
     if (!f) return !0;
-    const c = Array.isArray(f) ? f[0] : f, g = o?.value?.[c];
-    return st(g, f);
+    const c = Array.isArray(f) ? f[0] : f, b = o?.value?.[c];
+    return at(b, f);
   }
-  const a = (p = t, f = !0) => (p.forEach((c) => {
+  const n = (p = t, f = !0) => (p.forEach((c) => {
     if (c.rules) {
       if (!s(c)) {
-        delete n.value[c.name];
+        delete r.value[c.name];
         return;
       }
-      c.rules.forEach((g) => {
-        const v = sn(o.value[c.name], g);
-        v ? n.value[c.name] = v : delete n.value[c.name];
+      c.rules.forEach((b) => {
+        const v = fn(o.value[c.name], b);
+        v ? r.value[c.name] = v : delete r.value[c.name];
       });
     }
-    c.schema && a(c.schema, !1);
-  }), f && Object.values(n.value).some(Boolean) ? n.value : null), r = D(() => t?.filter((p) => s(p)));
+    c.schema && n(c.schema, !1);
+  }), f && Object.values(r.value).some(Boolean) ? r.value : null), a = T(() => t?.filter((p) => s(p)));
   return {
-    errors: n,
-    validate: a,
+    errors: r,
+    validate: n,
     reset: () => {
-      o.value = {}, n.value = {};
+      o.value = {}, r.value = {};
     },
-    visibleSchema: r
+    visibleSchema: a
   };
 }
-const Ee = /* @__PURE__ */ A({
+const Oe = /* @__PURE__ */ E({
   __name: "vs-compact-form",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ W({
     schema: { default: () => [] },
     style: { default: () => ({}) },
     modelValue: {},
@@ -3681,74 +3741,74 @@ const Ee = /* @__PURE__ */ A({
     values: { default: () => ({}) },
     valuesModifiers: {}
   }),
-  emits: /* @__PURE__ */ Z(["handle-submit", "update:modelValue"], ["update:form", "update:values"]),
+  emits: /* @__PURE__ */ W(["handle-submit", "update:modelValue"], ["update:form", "update:values"]),
   setup(o, { expose: e, emit: t }) {
-    const n = t, s = o, a = W(o, "form"), r = W(o, "values"), {
+    const r = t, s = o, n = Q(o, "form"), a = Q(o, "values"), {
       errors: d,
       validate: p,
       reset: f,
       visibleSchema: c
-    } = un(r, s.schema), g = () => {
-      n("update:modelValue", r.value), p(), n("handle-submit", r.value);
+    } = hn(a, s.schema), b = () => {
+      r("update:modelValue", a.value), p(), r("handle-submit", a.value);
     };
     e({
       validate: p,
       reset: f,
       errors: d
-    }), ne(() => {
-      s.modelValue && (r.value = s.modelValue), a.value.value = r.value, a.value.errors = d.value, a.value.reset = f, a.value.validate = p, a.value.formId = s.formId;
+    }), pe(() => {
+      s.modelValue && (a.value = s.modelValue), n.value.value = a.value, n.value.errors = d.value, n.value.reset = f, n.value.validate = p, n.value.formId = s.formId;
     });
-    function v(M, I) {
-      if (M === I) return !0;
-      if (typeof M != "object" || typeof I != "object" || !M || !I) return !1;
-      const U = Object.keys(M), T = Object.keys(I);
-      return U.length !== T.length ? !1 : U.every((P) => M[P] === I[P]);
+    function v(C, V) {
+      if (C === V) return !0;
+      if (typeof C != "object" || typeof V != "object" || !C || !V) return !1;
+      const D = Object.keys(C), U = Object.keys(V);
+      return D.length !== U.length ? !1 : D.every((N) => C[N] === V[N]);
     }
-    return He("form", a), He("values", r), (M, I) => (i(), u("form", {
-      onSubmit: se(g, ["prevent"]),
-      class: S(["grid grid-cols-12", M.layout === "default" ? "gap-6" : "gap-4"])
+    return He("form", n), He("values", a), (C, V) => (i(), u("form", {
+      onSubmit: ce(b, ["prevent"]),
+      class: M(["grid grid-cols-12", C.layout === "default" ? "gap-6" : "gap-4"])
     }, [
-      (i(!0), u(K, null, Y(H(c), (U) => (i(), X(rt, {
-        key: U.name,
-        class: S(M.layout === "horizontal" ? "col-span-12" : `col-span-${U.col || 12} `),
-        style: ve(M.style),
-        item: U,
-        layout: M.layout,
-        "model-value": r.value[U.name],
-        "onUpdate:modelValue": (T) => {
-          const P = r.value[U.name];
-          v(P, T) || (r.value[U.name] = T);
+      (i(!0), u(ee, null, le(G(c), (D) => (i(), te(st, {
+        key: D.name,
+        class: M(C.layout === "horizontal" ? "col-span-12" : `col-span-${D.col || 12} `),
+        style: we(C.style),
+        item: D,
+        layout: C.layout,
+        "model-value": a.value[D.name],
+        "onUpdate:modelValue": (U) => {
+          const N = a.value[D.name];
+          v(N, U) || (a.value[D.name] = U);
         },
-        error: H(d)[U.name]
+        error: G(d)[D.name]
       }, null, 8, ["class", "style", "item", "layout", "model-value", "onUpdate:modelValue", "error"]))), 128))
     ], 34));
   }
 });
-Ee.install = function(e) {
-  e.component("VForm", Ee), Object.assign(e.config.globalProperties, {
-    $form: Le
-  }), e.provide("form", Le), window.v3plugin || (window.v3plugin = {});
+Oe.install = function(e) {
+  e.component("VForm", Oe), Object.assign(e.config.globalProperties, {
+    $form: De
+  }), e.provide("form", De), window.v3plugin || (window.v3plugin = {});
 };
 export {
-  ua as ModalEdit,
-  Ee as VForm,
-  bl as VsInputCheckbox,
-  na as VsInputContainer,
-  xl as VsInputDate,
-  ul as VsInputEmail,
-  so as VsInputFile,
+  ma as ModalEdit,
+  Oe as VForm,
+  yl as VsInputCheckbox,
+  ia as VsInputContainer,
+  wl as VsInputDate,
+  dl as VsInputEmail,
+  ro as VsInputFile,
   Fo as VsInputFileList,
-  rl as VsInputMask,
-  Bt as VsInputNumber,
-  Ke as VsInputRadio,
-  Ca as VsInputSelect,
-  Je as VsInputStatic,
-  ot as VsInputSwitcher,
-  Qr as VsInputTag,
-  Ge as VsInputText,
-  La as VsInputTextarea,
-  Ee as default,
-  Xr as inputs,
-  Ls as vsInputDatatable,
-  Rr as vsInputMap
+  nl as VsInputMask,
+  jt as VsInputNumber,
+  Je as VsInputRadio,
+  ja as VsInputSelect,
+  Ge as VsInputStatic,
+  lt as VsInputSwitcher,
+  an as VsInputTag,
+  qe as VsInputText,
+  za as VsInputTextarea,
+  Oe as default,
+  sn as inputs,
+  As as vsInputDatatable,
+  Kr as vsInputMap
 };