@opengis/form 0.0.20 → 0.0.23

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, createCommentVNode as B, renderSlot as he, createElementVNode as l, toDisplayString as E, normalizeProps as Oe, guardReactiveProps as De, createTextVNode as oe, computed as O, mergeModels as K, useModel as Z, withDirectives as G, normalizeClass as S, unref as q, vModelText as ie, vModelCheckbox as Xe, createVNode as j, createBlock as X, resolveDynamicComponent as we, normalizeStyle as me, withCtx as Le, withModifiers as re, onBeforeUnmount as ut, watch as se, createStaticVNode as ae, vModelRadio as Ye, Fragment as Q, renderList as Y, mergeProps as Ve, reactive as dt, vShow as Ue, inject as Be, resolveComponent as Ne, Transition as et, createApp as ct, h as pt, resolveDirective as ft, nextTick as Ce, Teleport as vt, provide as He } from "vue";
-import { notify as ve } from "@opengis/core";
-const mt = { class: "w-full relative" }, ht = {
+import { defineComponent as O, ref as x, onMounted as ue, onUnmounted as Ee, createElementBlock as u, openBlock as i, normalizeClass as V, createCommentVNode as j, renderSlot as ge, createElementVNode as l, toDisplayString as F, normalizeProps as Fe, guardReactiveProps as De, createTextVNode as se, computed as D, mergeModels as Q, useModel as X, withDirectives as K, unref as J, vModelText as de, vModelCheckbox as Ye, createVNode as B, createBlock as te, resolveDynamicComponent as _e, normalizeStyle as he, withCtx as $e, withModifiers as ne, onBeforeUnmount as dt, watch as ie, createStaticVNode as re, vModelRadio as et, Fragment as ee, renderList as le, mergeProps as Le, reactive as ct, vShow as Ue, inject as Be, resolveComponent as Ne, Transition as tt, nextTick as Me, Teleport as pt, provide as He } from "vue";
+import { notify as pe, modal as ft, TooltipDirective as qe, VsModal as vt } from "@opengis/core";
+const mt = {
   key: 0,
   class: "text-[14px] font-medium text-gray-900 mb-2"
-}, gt = {
+}, ht = { class: "opacity-100" }, gt = {
   key: 0,
   class: "text-red-500 text-[14px]"
 }, bt = {
   key: 1,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, yt = /* @__PURE__ */ A({
+}, yt = /* @__PURE__ */ O({
   __name: "vs-layout-default",
   props: {
     ua: { default: "" },
@@ -23,21 +23,23 @@ const mt = { class: "w-full relative" }, ht = {
     label: { default: "" }
   },
   setup(o) {
-    const e = k("uk"), t = (n) => {
+    const e = x("uk"), t = (n) => {
       n.detail.key === "locale" && (e.value = n.detail.newValue);
     };
-    return ne(() => {
+    return ue(() => {
       e.value = localStorage.locale, window.addEventListener("storage", t);
-    }), Fe(() => {
+    }), Ee(() => {
       window.removeEventListener("resize", t);
-    }), (n, r) => (i(), u("div", mt, [
-      n.ua || n.label ? (i(), u("div", ht, [
-        l("span", null, E(n.item[e.value] || n.ua || n.label), 1),
-        n.item?.rules?.includes("required") ? (i(), u("span", gt, "*")) : B("", !0)
-      ])) : B("", !0),
-      he(n.$slots, "default", Oe(De(n.$attrs))),
-      n.error ? (i(), u("span", bt, E(n.error), 1)) : B("", !0)
-    ]));
+    }), (n, s) => (i(), u("div", {
+      class: V(["w-full relative", { "opacity-60": n.item.disabled }])
+    }, [
+      n.ua || n.label ? (i(), u("div", mt, [
+        l("span", ht, F(n.item[e.value] || n.ua || n.label), 1),
+        n.item?.rules?.includes("required") ? (i(), u("span", gt, "*")) : j("", !0)
+      ])) : j("", !0),
+      ge(n.$slots, "default", Fe(De(n.$attrs))),
+      n.error ? (i(), u("span", bt, F(n.error), 1)) : j("", !0)
+    ], 2));
   }
 }), xt = { class: "w-full relative flex flex-row items-center gap-2" }, wt = {
   key: 0,
@@ -48,7 +50,7 @@ const mt = { class: "w-full relative" }, ht = {
 }, _t = {
   key: 1,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, $t = /* @__PURE__ */ A({
+}, $t = /* @__PURE__ */ O({
   __name: "vs-layout-horizontal",
   props: {
     ua: { default: "" },
@@ -64,17 +66,17 @@ const mt = { class: "w-full relative" }, ht = {
   setup(o) {
     return (e, t) => (i(), u("div", xt, [
       e.item?.type !== "html" ? (i(), u("span", wt, [
-        oe(E(e.ua || e.label) + " ", 1),
-        e.item?.rules?.includes("required") && (e.ua || e.label) ? (i(), u("span", kt, "*")) : B("", !0)
-      ])) : B("", !0),
-      he(e.$slots, "default", Oe(De(e.$attrs))),
-      e.error ? (i(), u("span", _t, E(e.error), 1)) : B("", !0)
+        se(F(e.ua || e.label) + " ", 1),
+        e.item?.rules?.includes("required") && (e.ua || e.label) ? (i(), u("span", kt, "*")) : j("", !0)
+      ])) : j("", !0),
+      ge(e.$slots, "default", Fe(De(e.$attrs))),
+      e.error ? (i(), u("span", _t, F(e.error), 1)) : j("", !0)
     ]));
   }
 }), Ct = { class: "w-full relative" }, Vt = {
   key: 0,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, Mt = /* @__PURE__ */ A({
+}, Mt = /* @__PURE__ */ O({
   __name: "vs-layout-inline",
   props: {
     ua: { default: "" },
@@ -89,8 +91,8 @@ const mt = { class: "w-full relative" }, ht = {
   },
   setup(o) {
     return (e, t) => (i(), u("div", Ct, [
-      he(e.$slots, "default", Oe(De(e.$attrs))),
-      e.error ? (i(), u("span", Vt, E(e.error), 1)) : B("", !0)
+      ge(e.$slots, "default", Fe(De(e.$attrs))),
+      e.error ? (i(), u("span", Vt, F(e.error), 1)) : j("", !0)
     ]));
   }
 }), Lt = {
@@ -98,17 +100,17 @@ const mt = { class: "w-full relative" }, ht = {
   horizontal: $t,
   inline: Mt
 };
-function ge(o) {
+function be(o) {
   return {
-    inputClass: O(() => {
+    inputClass: D(() => {
       const t = `disabled:opacity-50 disabled:cursor-not-allowed outline-none focus:ring-2 focus:ring-ring focus:ring-${o?.primaryColor || "blue"}-500 border border-solid border-stone-200 rounded-md text-sm text-stone-800 placeholder:text-stone-400 `;
       return o?.size === "sm" ? `${t}h-[32px]` : `${t}h-[38px]`;
     })
   };
 }
-const St = ["placeholder", "disabled"], qe = /* @__PURE__ */ A({
+const St = ["placeholder", "disabled"], Ge = /* @__PURE__ */ O({
   __name: "vs-input-text",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ Q({
     style: { default: () => ({}) },
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -122,23 +124,23 @@ const St = ["placeholder", "disabled"], qe = /* @__PURE__ */ A({
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = ge(e.style), n = Z(o, "modelValue");
-    return (r, a) => G((i(), u("input", {
+    const e = o, { inputClass: t } = be(e.style), n = X(o, "modelValue");
+    return (s, a) => K((i(), u("input", {
       type: "text",
-      "onUpdate:modelValue": a[0] || (a[0] = (s) => n.value = s),
-      placeholder: r.placeholder,
-      disabled: r.disabled,
-      class: S(["py-1.5 px-3 block w-full placeholder:text[#767f8f]", [q(t), { "!border-red-600": r.error }]]),
+      "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
+      placeholder: s.placeholder,
+      disabled: s.disabled,
+      class: V(["py-1.5 px-3 block w-full placeholder:text[#767f8f]", [J(t), { "!border-red-600": s.error }]]),
       style: {
         border: "1px solid #CFD9E0"
       }
     }, null, 10, St)), [
-      [ie, n.value]
+      [de, n.value]
     ]);
   }
-}), Bt = ["placeholder"], jt = /* @__PURE__ */ A({
+}), Bt = ["placeholder"], jt = /* @__PURE__ */ O({
   __name: "vs-input-number",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ Q({
     style: { default: () => ({}) },
     customClass: {},
     disabled: { type: Boolean },
@@ -152,26 +154,26 @@ const St = ["placeholder", "disabled"], qe = /* @__PURE__ */ A({
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = ge(e.style), n = Z(o, "modelValue");
-    return (r, a) => G((i(), u("input", {
+    const e = o, { inputClass: t } = be(e.style), n = X(o, "modelValue");
+    return (s, a) => K((i(), u("input", {
       type: "number",
       step: "any",
-      "onUpdate:modelValue": a[0] || (a[0] = (s) => n.value = s),
-      placeholder: r.placeholder,
-      class: S(["py-1.5 px-3 block w-full", [q(t)]]),
+      "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
+      placeholder: s.placeholder,
+      class: V(["py-1.5 px-3 block w-full", [J(t)]]),
       style: {
         border: "1px solid #CFD9E0"
       }
     }, null, 10, Bt)), [
-      [ie, n.value]
+      [de, n.value]
     ]);
   }
 }), R = (o, e) => {
   const t = o.__vccOpts || o;
-  for (const [n, r] of e)
-    t[n] = r;
+  for (const [n, s] of e)
+    t[n] = s;
   return t;
-}, It = {}, At = {
+}, It = {}, zt = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -181,8 +183,8 @@ const St = ["placeholder", "disabled"], qe = /* @__PURE__ */ A({
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-check"
 };
-function zt(o, e) {
-  return i(), u("svg", At, e[0] || (e[0] = [
+function At(o, e) {
+  return i(), u("svg", zt, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -191,7 +193,7 @@ function zt(o, e) {
     l("path", { d: "M5 12l5 5l10 -10" }, null, -1)
   ]));
 }
-const Et = /* @__PURE__ */ R(It, [["render", zt]]), Ft = { class: "flex items-center gap-[4px]" }, Ot = ["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__ */ A({
+const Ot = /* @__PURE__ */ R(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__ */ O({
   __name: "vs-checkbox-default",
   props: {
     value: { default: "" },
@@ -204,36 +206,36 @@ const Et = /* @__PURE__ */ R(It, [["render", zt]]), Ft = { class: "flex items-ce
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = e, n = o, r = O({
+    const t = e, n = o, s = D({
       get: () => n.modelValue,
       set: (a) => t("update:modelValue", a)
     });
-    return (a, s) => (i(), u("div", Ft, [
-      G(l("input", {
+    return (a, r) => (i(), u("div", Et, [
+      K(l("input", {
         type: "checkbox",
         value: a.value,
-        "onUpdate:modelValue": s[0] || (s[0] = (d) => r.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 }]),
+        "onUpdate:modelValue": r[0] || (r[0] = (d) => s.value = d),
+        class: V(["shrink-0 border border-solid hidden border-gray-700 w-3.5 h-3.5 rounded text-blue-600 focus:ring-offset-0 dark:bg-neutral-800 dark:border-neutral-700 cursor-pointer", { "!cursor-not-allowed": a.disabled }]),
         id: a.id,
         disabled: a.disabled
-      }, null, 10, Ot), [
-        [Xe, r.value]
+      }, null, 10, Ft), [
+        [Ye, 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 }])
+        class: V(["flex flex-1 checkbox-label items-center gap-x-2 cursor-pointer text-sm text-gray-800 dark:text-neutral-300", { "!cursor-not-allowed": a.disabled }])
       }, [
         l("div", {
-          class: S(["h-[16px] text-white w-[16px] flex items-center justify-center shrink-0 border rounded", [r.value ? "bg-blue-600 border-blue-600" : "bg-white border-gray-600", a.error ? "border-red-600" : ""]])
+          class: V(["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" : ""]])
         }, [
-          j(Et, {
+          B(Ot, {
             height: "12",
             width: "12"
           })
         ], 2),
         l("span", Ut, [
-          he(a.$slots, "default", {}, () => [
-            oe(E(a.label), 1)
+          ge(a.$slots, "default", {}, () => [
+            se(F(a.label), 1)
           ])
         ])
       ], 10, Dt)
@@ -242,7 +244,7 @@ const Et = /* @__PURE__ */ R(It, [["render", zt]]), Ft = { class: "flex items-ce
 }), Rt = ["name", "value", "disabled"], Pt = { class: "flex items-center gap-[6px] text-[14px]" }, Nt = {
   key: 0,
   class: "text-[16px]"
-}, Ht = ["src"], qt = /* @__PURE__ */ A({
+}, Ht = ["src"], qt = /* @__PURE__ */ O({
   __name: "vs-checkbox-buttons",
   props: {
     value: { type: [String, Number, Boolean], default: "" },
@@ -256,46 +258,46 @@ const Et = /* @__PURE__ */ R(It, [["render", zt]]), Ft = { class: "flex items-ce
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, n = e, r = O({
+    const t = o, n = e, s = D({
       get: () => t.modelValue,
       set: (d) => {
         n("update:modelValue", d);
       }
-    }), a = O(() => Array.isArray(r.value) ? r.value.includes(t.value) : r.value === !0 || r.value === t.value), s = O(() => t.style?.size === "xs" ? "p-1.5 text-xs" : t.style?.size === "lg" ? "p-3.5 text-[20px]" : "p-2.5 text-xs");
+    }), 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");
     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", [s.value, a.value ? "ring-blue-500" : "border border-gray-200 ring-transparent"]])
+      class: V(["group relative flex justify-center items-center gap-x-3 text-center bg-white text-gray-800 ring-ring ring-2 cursor-pointer rounded-lg", [r.value, a.value ? "ring-blue-500" : "border border-gray-200 ring-transparent"]])
     }, [
-      G(l("input", {
+      K(l("input", {
         type: "checkbox",
         class: "hidden",
         name: d.id,
         value: d.value,
-        "onUpdate:modelValue": p[0] || (p[0] = (f) => r.value = f),
+        "onUpdate:modelValue": p[0] || (p[0] = (f) => s.value = f),
         disabled: d.disabled
       }, null, 8, Rt), [
-        [Xe, r.value]
+        [Ye, s.value]
       ]),
       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: V(d.icon)
+          }, null, 2)) : j("", !0),
           d.imgUrl ? (i(), u("img", {
             key: 1,
             src: d.imgUrl,
             width: "16",
             height: "16",
             alt: "icon"
-          }, null, 8, Ht)) : B("", !0)
-        ])) : B("", !0),
-        he(d.$slots, "default", {}, () => [
-          oe(E(d.label), 1)
+          }, null, 8, Ht)) : j("", !0)
+        ])) : j("", !0),
+        ge(d.$slots, "default", {}, () => [
+          se(F(d.label), 1)
         ])
       ])
     ], 2));
   }
-}), Gt = { class: "flex items-center" }, tt = /* @__PURE__ */ A({
+}), Gt = { class: "flex items-center" }, lt = /* @__PURE__ */ O({
   __name: "vs-input-checkbox-item",
   props: {
     value: { default: "" },
@@ -312,7 +314,7 @@ const Et = /* @__PURE__ */ R(It, [["render", zt]]), Ft = { class: "flex items-ce
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, n = e, r = `radio-${Math.floor(Math.random() * 1e4)}`, a = O({
+    const t = o, n = e, s = `radio-${Math.floor(Math.random() * 1e4)}`, a = D({
       get: () => Array.isArray(t.modelValue) ? Array.isArray(t.modelValue) && t.modelValue.includes(t.value) : t.modelValue,
       set: (d) => {
         if (Array.isArray(t.modelValue)) {
@@ -321,23 +323,23 @@ const Et = /* @__PURE__ */ R(It, [["render", zt]]), Ft = { class: "flex items-ce
         } else
           n("update:modelValue", d);
       }
-    }), s = k(`vs-checkbox-${t.view || "default"}`);
+    }), r = x(`vs-checkbox-${t.view || "default"}`);
     return (d, p) => (i(), u("div", Gt, [
-      (i(), X(we(s.value === "vs-checkbox-buttons" ? q(qt) : q(Tt)), {
+      (i(), te(_e(r.value === "vs-checkbox-buttons" ? J(qt) : J(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),
-        id: r,
+        id: s,
         icon: d.icon,
         imgUrl: d.imgUrl,
-        style: me(d.style),
+        style: he(d.style),
         error: d.error
       }, {
-        default: Le(() => [
-          oe(E(d.label), 1)
+        default: $e(() => [
+          se(F(d.label), 1)
         ]),
         _: 1
       }, 8, ["value", "label", "info", "disabled", "modelValue", "icon", "imgUrl", "style", "error"]))
@@ -392,9 +394,9 @@ const el = /* @__PURE__ */ R(Qt, [["render", Yt]]), tl = {
 }, ll = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, ol = ["title"], al = ["disabled"], lt = /* @__PURE__ */ A({
+}, ol = ["title"], al = ["disabled"], ot = /* @__PURE__ */ O({
   __name: "vs-input-switcher",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ Q({
     rules: { default: () => [] },
     view: { default: "checkbox" },
     label: { default: "" },
@@ -413,38 +415,38 @@ const el = /* @__PURE__ */ R(Qt, [["render", Yt]]), tl = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = Z(o, "modelValue");
-    return (n, r) => e.view === "checkbox" ? (i(), u("div", tl, [
-      j(tt, {
+    const e = o, t = X(o, "modelValue");
+    return (n, s) => e.view === "checkbox" ? (i(), u("div", tl, [
+      B(lt, {
         modelValue: t.value,
-        "onUpdate:modelValue": r[0] || (r[0] = (a) => t.value = a),
+        "onUpdate:modelValue": s[0] || (s[0] = (a) => t.value = a),
         label: n.text,
         error: n.error || ""
       }, null, 8, ["modelValue", "label", "error"]),
-      n.rules?.includes("required") ? (i(), u("span", ll, "*")) : B("", !0),
+      n.rules?.includes("required") ? (i(), u("span", ll, "*")) : j("", !0),
       n.i ? (i(), u("button", {
         key: 1,
         class: "cursor-pointer",
         title: n.i,
-        onClick: r[1] || (r[1] = re(() => {
+        onClick: s[1] || (s[1] = ne(() => {
         }, ["prevent"]))
       }, [
-        j(q(el), { class: "text-gray-500 w-[14px] h-[14px]" })
-      ], 8, ol)) : B("", !0)
+        B(J(el), { class: "text-gray-500 w-[14px] h-[14px]" })
+      ], 8, ol)) : j("", !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]]),
+      class: V(["inline-flex h-5 w-9 shrink-0 px-[2px] cursor-pointer items-center rounded-full shadow-sm disabled:cursor-not-allowed disabled:opacity-50", [t.value ? `bg-${n.style?.primaryColor || "blue"}-500` : "bg-stone-200", n.customClass]]),
       disabled: n.disabled,
-      onClick: r[2] || (r[2] = (a) => t.value = !t.value)
+      onClick: s[2] || (s[2] = (a) => 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: V(["pointer-events-none block h-4 w-4 rounded-full bg-white shadow-lg ring-0 transition-transform", [t.value ? "translate-x-4" : "translate-x-0"]])
       }, null, 2)
     ], 10, al));
   }
-}), rl = ["innerHTML"], Ge = /* @__PURE__ */ A({
+}), sl = ["innerHTML"], Je = /* @__PURE__ */ O({
   __name: "vs-input-static",
   props: {
     text: { default: "" },
@@ -459,13 +461,13 @@ const el = /* @__PURE__ */ R(Qt, [["render", Yt]]), tl = {
   },
   setup(o) {
     return (e, t) => (i(), u("div", {
-      class: S(e.customClass),
+      class: V(e.customClass),
       innerHTML: e.html ? e.html : e.text
-    }, null, 10, rl));
+    }, null, 10, sl));
   }
-}), sl = ["placeholder", "disabled", "name"], nl = /* @__PURE__ */ A({
+}), rl = ["placeholder", "disabled", "name"], nl = /* @__PURE__ */ O({
   __name: "vs-input-mask",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ Q({
     name: {},
     mask: { default: "" },
     unmask: { type: Boolean, default: !1 },
@@ -481,55 +483,54 @@ const el = /* @__PURE__ */ R(Qt, [["render", Yt]]), tl = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = ge(e.style), n = Z(o, "modelValue"), r = k(null);
+    const e = o, { inputClass: t } = be(e.style), n = X(o, "modelValue"), s = x(null);
     let a = null;
-    return ne(async () => {
-      if (r.value) {
-        const { default: s } = await import("./index-W-qQIppj.js");
-        a = s(r.value, {
+    return ue(async () => {
+      if (s.value) {
+        const { default: r } = await import("./index-W-qQIppj.js");
+        a = r(s.value, {
           mask: e.mask || "",
           definitions: {
             9: /[0-9]/,
             A: /[a-zA-Z]/,
             "*": /[a-zA-Z0-9]/
           },
-          lazy: !1,
-          placeholderChar: e.placeholder
+          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 ?? "";
       }
-    }), ut(() => {
+    }), dt(() => {
       a?.destroy();
-    }), se(() => e.mask, (s) => {
+    }), ie(() => e.mask, (r) => {
       a && a.updateOptions({
-        mask: s,
+        mask: r,
         definitions: {
           9: /[0-9]/,
           A: /[a-zA-Z]/,
           "*": /[a-zA-Z0-9]/
         }
       });
-    }), se(n, (s) => {
-      a && a.unmaskedValue !== s && (a.value = s || "");
-    }), (s, d) => (i(), u("input", {
+    }), ie(n, (r) => {
+      a && a.unmaskedValue !== r && (a.value = r || "");
+    }), (r, d) => (i(), u("input", {
       type: "text",
       ref_key: "inputEl",
-      ref: r,
-      placeholder: s.placeholder,
-      disabled: s.disabled,
-      name: s.name,
-      class: S(["py-1.5 px-3 block w-full placeholder:text[#767f8f]", [q(t)]]),
+      ref: s,
+      placeholder: r.placeholder,
+      disabled: r.disabled,
+      name: r.name,
+      class: V(["py-1.5 px-3 block w-full placeholder:text[#767f8f]", [J(t)]]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, sl));
+    }, null, 10, rl));
   }
-}), il = { class: "relative w-full bg-white rounded-lg" }, ul = ["placeholder", "disabled"], dl = /* @__PURE__ */ A({
+}), il = { class: "relative w-full bg-white rounded-lg" }, ul = ["placeholder", "disabled"], dl = /* @__PURE__ */ O({
   __name: "vs-input-email",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ Q({
     style: { default: () => ({}) },
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -543,26 +544,26 @@ const el = /* @__PURE__ */ R(Qt, [["render", Yt]]), tl = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = ge(e.style), n = Z(o, "modelValue");
-    return (r, a) => (i(), u("div", il, [
-      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)),
-      G(l("input", {
+    const e = o, { inputClass: t } = be(e.style), n = X(o, "modelValue");
+    return (s, a) => (i(), u("div", il, [
+      a[1] || (a[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)),
+      K(l("input", {
         type: "email",
-        "onUpdate:modelValue": a[0] || (a[0] = (s) => n.value = s),
-        placeholder: r.placeholder,
-        disabled: r.disabled,
-        class: S(["!pl-8 py-1.5 px-3 block w-full placeholder:text[#767f8f]", [q(t), { "!border-red-600": r.error }]]),
+        "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
+        placeholder: s.placeholder,
+        disabled: s.disabled,
+        class: V(["!pl-8 py-1.5 px-3 block w-full placeholder:text[#767f8f]", [J(t), { "!border-red-600": s.error }]]),
         style: {
           border: "1px solid #CFD9E0"
         }
       }, null, 10, ul), [
-        [ie, n.value]
+        [de, n.value]
       ])
     ]));
   }
-}), cl = ["value", "disabled"], pl = { class: "text-[13px] text-gray-700" }, fl = /* @__PURE__ */ A({
+}), cl = ["value", "disabled"], pl = { class: "text-[13px] text-gray-700" }, fl = /* @__PURE__ */ O({
   __name: "vs-input-radio-default",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ Q({
     style: {},
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -578,36 +579,36 @@ const el = /* @__PURE__ */ R(Qt, [["render", Yt]]), tl = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = Z(o, "modelValue");
+    const e = X(o, "modelValue");
     return (t, n) => (i(), u("label", {
-      class: S(["flex items-center gap-0", [t.customClass]])
+      class: V(["flex items-center gap-0", [t.customClass]])
     }, [
-      G(l("input", {
-        "onUpdate:modelValue": n[0] || (n[0] = (r) => e.value = r),
+      K(l("input", {
+        "onUpdate:modelValue": n[0] || (n[0] = (s) => e.value = s),
         type: "radio",
         value: t.value,
         disabled: t.disabled,
         class: "hidden"
       }, null, 8, cl), [
-        [Ye, e.value]
+        [et, e.value]
       ]),
       l("span", {
-        class: S(["w-[16px] shrink-0 h-[16px] border rounded-full flex items-center justify-center mr-[10px]", [
+        class: V(["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: V(["w-[12px] h-[12px] shrink-0 rounded-full", [`bg-${t.style?.primaryColor || "blue"}-500`]])
+        }, null, 2)) : j("", !0)
       ], 2),
-      l("span", pl, E(t.text), 1)
+      l("span", pl, F(t.text), 1)
     ], 2));
   }
-}), vl = ["value", "disabled"], ml = { class: "text-[13px] text-gray-700" }, hl = /* @__PURE__ */ A({
+}), vl = ["value", "disabled"], ml = { class: "text-[13px] text-gray-700" }, hl = /* @__PURE__ */ O({
   __name: "vs-input-radio-buttons",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ Q({
     style: {},
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -623,31 +624,31 @@ const el = /* @__PURE__ */ R(Qt, [["render", Yt]]), tl = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = Z(o, "modelValue");
+    const e = X(o, "modelValue");
     return (t, n) => (i(), u("label", {
-      class: S(["flex items-center border rounded-lg px-2 py-1", [
+      class: V(["flex items-center border rounded-lg px-2 py-1", [
         e.value == t.value ? `ring-2 ring-ring ring-${t.style?.primaryColor || "blue"}-500` : "",
         t.customClass
       ]])
     }, [
-      G(l("input", {
-        "onUpdate:modelValue": n[0] || (n[0] = (r) => e.value = r),
+      K(l("input", {
+        "onUpdate:modelValue": n[0] || (n[0] = (s) => e.value = s),
         type: "radio",
         value: t.value,
         disabled: t.disabled,
         class: "hidden"
       }, null, 8, vl), [
-        [Ye, e.value]
+        [et, e.value]
       ]),
-      l("span", ml, E(t.text), 1)
+      l("span", ml, F(t.text), 1)
     ], 2));
   }
 }), gl = {
   "vs-input-radio-default": fl,
   "vs-input-radio-buttons": hl
-}, Je = /* @__PURE__ */ A({
+}, Ke = /* @__PURE__ */ O({
   __name: "vs-input-radio",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ Q({
     options: {},
     position: { default: "vertical" },
     view: { default: "default" },
@@ -664,21 +665,21 @@ const el = /* @__PURE__ */ R(Qt, [["render", Yt]]), tl = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = Z(o, "modelValue"), n = O(() => gl[`vs-input-radio-${e.view}`]);
-    return (r, a) => (i(), u("div", {
-      class: S([r.position === "horizontal" ? "flex items-center flex-wrap gap-2" : ""])
+    const e = o, t = X(o, "modelValue"), n = D(() => gl[`vs-input-radio-${e.view}`]);
+    return (s, a) => (i(), u("div", {
+      class: V([s.position === "horizontal" ? "flex items-center flex-wrap gap-2" : ""])
     }, [
-      (i(!0), u(Q, null, Y(r.options, (s) => (i(), X(we(n.value), Ve({
-        key: s?.id,
-        text: s.text,
-        value: s.id.toString(),
-        checked: t.value === s.id,
+      (i(!0), u(ee, null, le(s.options, (r) => (i(), te(_e(n.value), Le({
+        key: r?.id,
+        text: r.text,
+        value: r.id.toString(),
+        checked: t.value === r.id,
         modelValue: t.value,
         "onUpdate:modelValue": a[0] || (a[0] = (d) => t.value = d)
-      }, { ref_for: !0 }, r.$attrs), null, 16, ["text", "value", "checked", "modelValue"]))), 128))
+      }, { ref_for: !0 }, s.$attrs), null, 16, ["text", "value", "checked", "modelValue"]))), 128))
     ], 2));
   }
-}), bl = /* @__PURE__ */ A({
+}), bl = /* @__PURE__ */ O({
   __name: "vs-input-checkbox",
   props: {
     options: { default: () => [] },
@@ -697,81 +698,81 @@ const el = /* @__PURE__ */ R(Qt, [["render", Yt]]), tl = {
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, n = e, r = k([]), a = dt({}), s = (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, n = e, s = x([]), 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 () => {
       try {
         const c = await fetch(`/api/suggest/${t.data}`).then((g) => g.json());
-        r.value = c?.data || c;
+        s.value = c?.data || c;
       } catch (c) {
         console.error(c);
       }
     };
-    return se(
+    return ie(
       () => t.modelValue,
       (c) => {
-        if (typeof c == "boolean" && r.value.length === 1) {
-          const g = s(r.value[0]);
+        if (typeof c == "boolean" && s.value.length === 1) {
+          const g = r(s.value[0]);
           a[g] = c;
         } else if (Array.isArray(c)) {
           const g = new Set(c);
-          r.value.forEach((v) => {
+          s.value.forEach((v) => {
             if (!v.disabled) {
-              const M = s(v);
-              a[M] = g.has(M);
+              const C = r(v);
+              a[C] = g.has(C);
             }
           });
         }
       },
       { immediate: !0 }
-    ), se(
+    ), ie(
       a,
       () => {
-        if (!r.value.length) {
+        if (!s.value.length) {
           n("update:modelValue", null);
           return;
         }
         const c = Object.entries(a).filter(([, g]) => g).map(([g]) => g);
-        n("update:modelValue", c.length === 0 ? null : c);
+        n("update:modelValue", c.length === 0 ? [] : c);
       },
       { deep: !0 }
-    ), ne(() => {
+    ), ue(() => {
       if (t.data)
         f().then(() => {
-          if (typeof t.modelValue == "boolean" && r.value.length === 1) {
-            const c = s(r.value[0]);
+          if (typeof t.modelValue == "boolean" && s.value.length === 1) {
+            const c = r(s.value[0]);
             a[c] = t.modelValue;
           } else if (Array.isArray(t.modelValue)) {
             const c = new Set(t.modelValue);
-            r.value.forEach((g) => {
+            s.value.forEach((g) => {
               if (!g.disabled) {
-                const v = s(g);
+                const v = r(g);
                 a[v] = c.has(v);
               }
             });
           }
         });
-      else if (r.value = t.options, typeof t.modelValue == "boolean" && r.value.length === 1) {
-        const c = s(r.value[0]);
+      else if (s.value = t.options, typeof t.modelValue == "boolean" && s.value.length === 1) {
+        const c = r(s.value[0]);
         a[c] = t.modelValue;
       } else if (Array.isArray(t.modelValue)) {
         const c = new Set(t.modelValue);
-        r.value.forEach((g) => {
+        s.value.forEach((g) => {
           if (!g.disabled) {
-            const v = s(g);
+            const v = r(g);
             a[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"]])
+      class: V(["p-0 w-full gap-[6px]", [c.position === "vertical" ? "flex-col" : "", c.colSpan ? "grid" : "flex justify-start"]])
     }, [
-      (i(!0), u(Q, null, Y(r.value, (v) => (i(), X(tt, {
-        modelValue: a[s(v)],
-        "onUpdate:modelValue": (M) => a[s(v)] = M,
-        value: s(v),
-        class: S(p(c.colSpan)),
+      (i(!0), u(ee, null, le(s.value, (v) => (i(), te(lt, {
+        modelValue: a[r(v)],
+        "onUpdate:modelValue": (C) => a[r(v)] = C,
+        value: r(v),
+        class: V(p(c.colSpan)),
         disabled: v.disabled,
         label: d(v),
-        key: s(v),
+        key: r(v),
         icon: v?.icon,
         imgUrl: v?.imgUrl,
         option: v,
@@ -779,7 +780,7 @@ const el = /* @__PURE__ */ R(Qt, [["render", Yt]]), tl = {
       }, null, 8, ["modelValue", "onUpdate:modelValue", "value", "class", "disabled", "label", "icon", "imgUrl", "option", "view"]))), 128))
     ], 2));
   }
-}), yl = /* @__PURE__ */ R(bl, [["__scopeId", "data-v-54f9e19c"]]), xl = ["placeholder", "disabled"], wl = /* @__PURE__ */ A({
+}), yl = /* @__PURE__ */ R(bl, [["__scopeId", "data-v-91f3584a"]]), xl = ["placeholder", "disabled"], wl = /* @__PURE__ */ O({
   __name: "vs-input-date1",
   props: {
     style: { default: () => ({}) },
@@ -792,41 +793,41 @@ const el = /* @__PURE__ */ R(Qt, [["render", Yt]]), tl = {
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, { inputClass: n } = ge(t.style), r = e, a = O({
+    const t = o, { inputClass: n } = be(t.style), s = e, a = D({
       get: () => t.modelValue?.split(" ")[0],
-      set: (s) => r("update:modelValue", s)
+      set: (r) => s("update:modelValue", r)
     });
-    return (s, d) => G((i(), u("input", {
+    return (r, d) => K((i(), u("input", {
       type: "date",
       "onUpdate:modelValue": d[0] || (d[0] = (p) => a.value = p),
-      placeholder: s.placeholder,
-      disabled: s.disabled,
+      placeholder: r.placeholder,
+      disabled: r.disabled,
       ref: "date",
-      class: S(["py-1.5 px-3 block w-full placeholder:text[#767f8f]", [s.modelValue ? "" : "text-opacity-50", q(n)].join(" ")]),
+      class: V(["py-1.5 px-3 block w-full placeholder:text[#767f8f]", [r.modelValue ? "" : "text-opacity-50", J(n)].join(" ")]),
       style: {
         border: "1px solid #CFD9E0"
       }
     }, null, 10, xl)), [
-      [ie, a.value]
+      [de, a.value]
     ]);
   }
 }), kl = async (o, e, t, n) => {
   try {
-    const r = new FormData();
-    return r.append("unique", "true"), r.append("file", o), (await fetch(
+    const s = new FormData();
+    return s.append("unique", "true"), s.append("file", o), (await fetch(
       `/file/upload/uploads?id=${e || ""}&form=${t || ""}&table=${n || ""}`,
       {
         method: "POST",
-        body: r
+        body: s
       }
-    ).then((s) => s.json()))?.result;
-  } catch (r) {
-    return ve({
+    ).then((r) => r.json()))?.result;
+  } catch (s) {
+    return pe({
       type: "error",
       title: "Помилка!",
       message: "Сталась помилка під час завантаження файлу",
       position: "right-bottom"
-    }), console.error("Сталась помилка завантаження файлу", r), null;
+    }), console.error("Сталась помилка завантаження файлу", s), null;
   }
 }, _l = async (o) => {
   try {
@@ -834,10 +835,10 @@ const el = /* @__PURE__ */ R(Qt, [["render", Yt]]), tl = {
   } catch (e) {
     return console.error(e), !1;
   }
-}, Ke = async (o) => {
+}, Ze = async (o) => {
   try {
-    const e = await fetch(`file/download/files/uploads${o}`), t = await e.arrayBuffer(), n = e.headers["content-type"], r = new TextDecoder("utf-8").decode(t), a = new Blob([r], { type: n }), s = document.createElement("a");
-    s.setAttribute("download", o), s.href = window.URL.createObjectURL(a), s.click();
+    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();
   } catch (e) {
     console.error(e.message);
   }
@@ -870,9 +871,9 @@ const je = /* @__PURE__ */ R($l, [["render", Vl]]), Ml = {}, Ll = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Sl(o, e, t, n, r, a) {
+function Sl(o, e, t, n, s, a) {
   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 Bl = /* @__PURE__ */ R(Ml, [["render", Sl]]), jl = {}, Il = {
@@ -887,7 +888,7 @@ const Bl = /* @__PURE__ */ R(Ml, [["render", Sl]]), jl = {}, Il = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Al(o, e, t, n, r, a) {
+function zl(o, e, t, n, s, a) {
   return i(), u("svg", Il, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
@@ -915,7 +916,7 @@ function Al(o, e, t, n, r, a) {
     }, null, -1)
   ]));
 }
-const zl = /* @__PURE__ */ R(jl, [["render", Al]]), El = {}, Fl = {
+const Al = /* @__PURE__ */ R(jl, [["render", zl]]), Ol = {}, El = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -927,12 +928,12 @@ const zl = /* @__PURE__ */ R(jl, [["render", Al]]), El = {}, Fl = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-file-unknown"
 };
-function Ol(o, e, t, n, r, a) {
-  return i(), u("svg", Fl, 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)
+function Fl(o, e, t, n, s, a) {
+  return i(), u("svg", El, 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="M12 17v.01"></path><path d="M12 14a1.5 1.5 0 1 0 -1.14 -2.474"></path>', 5)
   ]));
 }
-const Dl = /* @__PURE__ */ R(El, [["render", Ol]]), Ul = {}, Tl = {
+const Dl = /* @__PURE__ */ R(Ol, [["render", Fl]]), Ul = {}, Tl = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-zip",
   width: "44",
@@ -944,9 +945,9 @@ const Dl = /* @__PURE__ */ R(El, [["render", Ol]]), Ul = {}, Tl = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Rl(o, e, t, n, r, a) {
+function Rl(o, e, t, n, s, a) {
   return i(), u("svg", Tl, 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)
+    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 Pl = /* @__PURE__ */ R(Ul, [["render", Rl]]), Nl = {}, Hl = {
@@ -961,9 +962,9 @@ const Pl = /* @__PURE__ */ R(Ul, [["render", Rl]]), Nl = {}, Hl = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function ql(o, e, t, n, r, a) {
+function ql(o, e, t, n, s, a) {
   return i(), u("svg", Hl, 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)
+    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 Gl = /* @__PURE__ */ R(Nl, [["render", ql]]), Jl = (o) => {
@@ -978,7 +979,7 @@ const Gl = /* @__PURE__ */ R(Nl, [["render", ql]]), Jl = (o) => {
     textsFormat: ["json", "geojson", "txt", "yml", "yaml", "shp"],
     documentsFormat: ["pdf"]
   };
-  return t.imageFormat.includes(e) ? "img" : t.sheetsFormat.includes(e) ? zl : t.textsFormat.includes(e) ? Gl : t.documentsFormat.includes(e) ? Bl : t.archivesFormat.includes(e) ? Pl : Dl;
+  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",
@@ -993,10 +994,10 @@ const Gl = /* @__PURE__ */ R(Nl, [["render", ql]]), Jl = (o) => {
 };
 function Ql(o, e) {
   return i(), u("svg", Wl, 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)
+    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(Zl, [["render", Ql]]), Xl = {}, Yl = {
+const ze = /* @__PURE__ */ R(Zl, [["render", Ql]]), Xl = {}, Yl = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1020,9 +1021,9 @@ function eo(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const ot = /* @__PURE__ */ R(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__ */ A({
+const at = /* @__PURE__ */ R(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__ */ O({
   __name: "vs-input-file-list-item",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ Q({
     format: {},
     multiple: { type: Boolean },
     style: {},
@@ -1040,40 +1041,40 @@ const ot = /* @__PURE__ */ R(Xl, [["render", eo]]), to = { class: "h-[120px] w-[
   }),
   emits: ["update:value", "update:item"],
   setup(o) {
-    const e = Z(o, "value"), t = Z(o, "item"), n = o;
-    return (r, a) => (i(), u("div", to, [
-      (i(), X(we(q(Kl)(t.value)), {
+    const e = X(o, "value"), t = X(o, "item"), n = o;
+    return (s, a) => (i(), u("div", to, [
+      (i(), te(_e(J(Kl)(t.value)), {
         src: t.value,
         alt: "file",
         class: "w-full h-full object-cover cursor-pointer",
-        onClick: a[0] || (a[0] = (s) => q(Ke)(t.value))
+        onClick: a[0] || (a[0] = (r) => J(Ze)(t.value))
       }, null, 8, ["src"])),
       l("div", lo, [
         l("button", {
           type: "button",
-          onClick: a[1] || (a[1] = (s) => {
-            q(_l)(t.value), e.value = n.multiple ? e.value?.filter((d) => d !== t.value) : "";
+          onClick: a[1] || (a[1] = (r) => {
+            J(_l)(t.value), e.value = n.multiple ? e.value?.filter((d) => d !== t.value) : "";
           }),
           class: "w-6 h-6 flex items-center justify-center text-gray-500 bg-gray-200 rounded-lg hover:text-red-500"
         }, [
-          j(Ie, { class: "w-4 h-4" })
+          B(ze, { class: "w-4 h-4" })
         ]),
         l("button", {
           type: "button",
-          onClick: a[2] || (a[2] = (s) => q(Ke)(t.value)),
+          onClick: a[2] || (a[2] = (r) => J(Ze)(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(ot, { class: "w-4 h-4" })
+          B(at, { class: "w-4 h-4" })
         ])
       ])
     ]));
   }
-}), Ze = /* @__PURE__ */ R(oo, [["__scopeId", "data-v-0ca886b3"]]), ao = { class: "flex items-center gap-x-2" }, ro = {
+}), We = /* @__PURE__ */ R(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__ */ O({
   __name: "vs-input-file",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ Q({
     format: {},
     multiple: { type: Boolean },
     style: {},
@@ -1089,18 +1090,18 @@ const ot = /* @__PURE__ */ R(Xl, [["render", eo]]), to = { class: "h-[120px] w-[
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = Z(o, "modelValue"), n = k(null), r = (s) => Array.isArray(t.value) && t.value[s] || "", a = async (s) => {
+    const e = o, t = X(o, "modelValue"), n = x(null), s = (r) => Array.isArray(t.value) && t.value[r] || "", a = async (r) => {
       if (e.format) {
-        const f = s.target.files?.[0];
+        const f = r.target.files?.[0];
         if (!f || !f.name.endsWith(e.format))
           return;
       }
-      const d = s.target.files?.[0];
+      const d = r.target.files?.[0];
       if (!d) return;
       const p = await kl(d, "1", "form", "table");
       t.value = e.multiple ? [...t.value || [], p?.file_path] : p?.file_path;
     };
-    return (s, d) => (i(), u("div", ao, [
+    return (r, d) => (i(), u("div", ao, [
       l("input", {
         class: "hidden",
         ref_key: "fileInput",
@@ -1108,46 +1109,46 @@ const ot = /* @__PURE__ */ R(Xl, [["render", eo]]), to = { class: "h-[120px] w-[
         type: "file",
         onChange: a
       }, null, 544),
-      !s.multiple && t.value ? (i(), X(Ze, {
+      !r.multiple && t.value ? (i(), te(We, {
         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"])) : s.multiple ? (i(), u("div", ro, [
-        (i(!0), u(Q, null, Y(t.value, (p, f) => (i(), X(Ze, {
-          multiple: s.multiple,
+      }, null, 8, ["item", "value"])) : r.multiple ? (i(), u("div", so, [
+        (i(!0), u(ee, null, le(t.value, (p, f) => (i(), te(We, {
+          multiple: r.multiple,
           key: f,
           value: t.value,
           "onUpdate:value": d[2] || (d[2] = (c) => t.value = c),
-          item: r(f)
+          item: s(f)
         }, null, 8, ["multiple", "value", "item"]))), 128)),
         l("div", {
-          onClick: d[3] || (d[3] = (p) => !s.disabled && n.value?.click()),
-          class: S([
+          onClick: d[3] || (d[3] = (p) => !r.disabled && n.value?.click()),
+          class: V([
             "h-[120px] w-[120px] border text-gray-300 hover:text-blue-500 border-dashed border-[#CFD9E0] rounded-lg flex items-center justify-center transition-all duration-300",
-            s.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500 hover:bg-blue-50"
+            r.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500 hover:bg-blue-50"
           ])
         }, [
-          j(je, { class: "w-6 h-6" })
+          B(je, { class: "w-6 h-6" })
         ], 2)
-      ])) : B("", !0),
-      s.multiple ? B("", !0) : (i(), u("div", {
+      ])) : j("", !0),
+      r.multiple ? j("", !0) : (i(), u("div", {
         key: 2,
         onClick: d[4] || (d[4] = (p) => n.value?.click()),
-        class: S([s.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500", "h-[120px] w-[120px] border text-gray-300 hover:text-blue-500 border-dashed border-gray-300 rounded-lg flex items-center justify-center cursor-pointer hover:border-blue-500 transition-all duration-300 hover:bg-blue-50"])
+        class: V([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"])
       }, [
-        j(je, { class: "w-6 h-6" })
+        B(je, { class: "w-6 h-6" })
       ], 2))
     ]));
   }
-}), 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: "" }, 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: "" }, Se = /* @__PURE__ */ O({
   __name: "vs-widget-file-info",
   props: {
     item: { default: null }
   },
   setup(o) {
-    const e = o, t = O(() => {
+    const e = o, t = D(() => {
       try {
         return new Date(e.item.cdate).toLocaleDateString("uk-UA", {
           day: "2-digit",
@@ -1158,24 +1159,24 @@ const ot = /* @__PURE__ */ R(Xl, [["render", eo]]), to = { class: "h-[120px] w-[
         return "";
       }
     });
-    function n(r) {
-      if (r < 1024)
-        return `${r} B`;
-      const a = r / 1024;
+    function n(s) {
+      if (s < 1024)
+        return `${s} B`;
+      const a = s / 1024;
       return a < 1024 ? `${a.toFixed(2)} KB` : `${(a / 1024).toFixed(2)} MB`;
     }
-    return (r, a) => (i(), u(Q, 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)),
+    return (s, a) => (i(), u(ee, null, [
+      a[1] || (a[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, E(r.item?.uploaded_name), 1),
+        l("p", io, F(s.item?.uploaded_name), 1),
         l("p", uo, [
-          l("span", null, E(r.item?.username), 1),
-          G(l("span", co, "|", 512), [
-            [Ue, r.item?.username]
+          l("span", null, F(s.item?.username), 1),
+          K(l("span", co, "|", 512), [
+            [Ue, s.item?.username]
           ]),
-          l("span", null, E(t.value), 1),
+          l("span", null, F(t.value), 1),
           a[0] || (a[0] = l("span", { class: "px-[5px]" }, "|", -1)),
-          l("span", po, E(n(r.item?.size)), 1)
+          l("span", po, F(n(s.item?.size)), 1)
         ])
       ])
     ], 64));
@@ -1192,7 +1193,7 @@ const ot = /* @__PURE__ */ R(Xl, [["render", eo]]), to = { class: "h-[120px] w-[
 }, go = ["href"], bo = {
   key: 3,
   class: "flex gap-x-3 w-full items-center"
-}, 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__ */ 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__ */ O({
   __name: "vs-widget-file-item",
   props: {
     item: { default: null },
@@ -1202,13 +1203,13 @@ const ot = /* @__PURE__ */ R(Xl, [["render", eo]]), to = { class: "h-[120px] w-[
   emits: ["update", "openModal", "openLightbox"],
   setup(o, { emit: e }) {
     const t = o, n = e;
-    function r(c) {
+    function s(c) {
       return ["pdf", "json"].includes(c.ext);
     }
     function a(c) {
       return ["ppt", "pptx", "doc", "docx", "xls", "xlsx"].includes(c.ext);
     }
-    function s(c) {
+    function r(c) {
       const g = document.createElement("a");
       g.setAttribute("download", c?.uploaded_name), g.href = c?.file_path, g.click();
     }
@@ -1240,29 +1241,29 @@ const ot = /* @__PURE__ */ R(Xl, [["render", eo]]), to = { class: "h-[120px] w-[
           class: "max-w-[55vw] cursor-pointer flex gap-x-3 w-full items-center",
           onClick: g[0] || (g[0] = (v) => f(c.index))
         }, [
-          j(Se, { item: c.item }, null, 8, ["item"])
+          B(Se, { item: c.item }, null, 8, ["item"])
         ])
-      ])) : r(c.item) ? (i(), u("div", mo, [
-        j(Se, { item: c.item }, null, 8, ["item"])
+      ])) : s(c.item) ? (i(), u("div", mo, [
+        B(Se, { item: c.item }, null, 8, ["item"])
       ])) : a(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"])
+          B(Se, { item: c.item }, null, 8, ["item"])
         ], 8, go)
       ])) : (i(), u("div", bo, [
-        j(Se, { item: c.item }, null, 8, ["item"])
+        B(Se, { item: c.item }, null, 8, ["item"])
       ])),
       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) => s(c.item))
+              onClick: g[1] || (g[1] = (v) => r(c.item))
             }, [
-              j(ot, {
+              B(at, {
                 height: "14",
                 width: "14"
               })
@@ -1275,7 +1276,7 @@ const ot = /* @__PURE__ */ R(Xl, [["render", eo]]), to = { class: "h-[120px] w-[
               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())
             }, [
-              j(Ie, {
+              B(ze, {
                 height: "14",
                 width: "14"
               })
@@ -1309,13 +1310,13 @@ function Vo(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const Mo = /* @__PURE__ */ R($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" }, Ao = {
+const Mo = /* @__PURE__ */ R($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" }, Eo = {
+}, 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"
-}, Fo = { key: 0 }, Oo = /* @__PURE__ */ A({
+}, Eo = { key: 0 }, Fo = /* @__PURE__ */ O({
   __name: "vs-input-file-list",
   props: {
     id: { default: "" },
@@ -1330,57 +1331,57 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
   },
   emits: ["update"],
   setup(o, { emit: e }) {
-    const t = o, n = Be("form"), r = O(() => n.value.formId), a = k(!1), s = k(0), d = e, p = k(!1), f = k({}), c = k([]), g = k(""), v = O(() => Array.isArray(c.value) ? c.value.filter((x) => x.ext === "jpg" || x.ext === "png").map((x) => x?.file_path) : []), M = O(() => g.value === "" ? c.value : c.value.filter((x) => x?.uploaded_name?.includes(g.value))), I = (x) => {
-      const h = v.value.findIndex((J) => J === x.item.file_path);
-      h !== -1 && (a.value = !0, s.value = h);
-    }, D = async () => {
+    const t = o, n = Be("form"), s = D(() => n.value.formId), a = x(!1), r = x(0), d = e, p = x(!1), f = x({}), c = x([]), g = x(""), v = D(() => Array.isArray(c.value) ? c.value.filter((b) => b.ext === "jpg" || b.ext === "png").map((b) => b?.file_path) : []), C = D(() => g.value === "" ? c.value : c.value.filter((b) => b?.uploaded_name?.includes(g.value))), z = (b) => {
+      const h = v.value.findIndex((Z) => Z === b.item.file_path);
+      h !== -1 && (a.value = !0, r.value = h);
+    }, U = async () => {
       try {
-        const x = await fetch(`${t.prefix}/widget/file/${r.value}`).then((h) => h.json());
-        c.value = x?.rows;
-      } catch (x) {
-        console.error(x);
+        const b = await fetch(`${t.prefix}/widget/file/${s.value}`).then((h) => h.json());
+        c.value = b?.rows;
+      } catch (b) {
+        console.error(b);
       }
-    }, T = async (x) => {
+    }, T = async (b) => {
       await Promise.all(
-        Array.from(x.target.files).map(async (h) => {
-          const J = new FormData();
-          J.append("file", h);
+        Array.from(b.target.files).map(async (h) => {
+          const Z = new FormData();
+          Z.append("file", h);
           try {
-            const C = `${t.prefix}/widget/file/${r.value}`;
-            return await fetch(C, { method: "POST", body: J }), d("update", "file-list"), h;
-          } catch (C) {
-            return console.error(C), null;
+            const P = `${t.prefix}/widget/file/${s.value}`;
+            return await fetch(P, { method: "POST", body: Z }), d("update", "file-list"), h;
+          } catch (P) {
+            return console.error(P), null;
           }
         })
-      ), await D();
-    }, P = (x) => {
-      const h = { ...x };
-      return x.cancel || (h.cancel = () => {
+      ), await U();
+    }, N = (b) => {
+      const h = { ...b };
+      return b.cancel || (h.cancel = () => {
         p.value = !1;
-      }), x.updateListOnConfirm && (h.confirm = async () => {
-        await x.confirm(), p.value = !1, D();
+      }), b.updateListOnConfirm && (h.confirm = async () => {
+        await b.confirm(), p.value = !1, U();
       }), h;
-    }, _ = (x) => {
-      f.value = P(x), p.value = !0;
+    }, _ = (b) => {
+      f.value = N(b), p.value = !0;
     };
-    return se(r, (x) => {
-      x && D();
-    }), ne(() => {
-      r.value && D();
-    }), (x, h) => {
-      const J = Ne("Lightbox"), C = Ne("MessageBox");
+    return ie(s, (b) => {
+      b && U();
+    }), ue(() => {
+      s.value && U();
+    }), (b, h) => {
+      const Z = Ne("Lightbox"), P = Ne("MessageBox");
       return i(), u("div", Lo, [
         l("div", So, [
-          l("h2", Bo, " Файлів: " + E(c.value?.length), 1),
+          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: h[0] || (h[0] = (M) => T(M))
               }, null, 32),
               l("div", Io, [
-                j(Mo, {
+                B(Mo, {
                   height: "16",
                   width: "16"
                 })
@@ -1388,9 +1389,9 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
             ])
           ])
         ]),
-        c.value?.length > 4 ? (i(), u("div", Ao, [
+        c.value?.length > 4 ? (i(), u("div", zo, [
           l("div", null, [
-            l("div", zo, [
+            l("div", Ao, [
               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("svg", {
                   class: "flex-shrink-0 text-gray-500 size-4 dark:text-neutral-400",
@@ -1412,14 +1413,14 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
                   l("path", { d: "m21 21-4.3-4.3" })
                 ])
               ], -1)),
-              G(l("input", {
+              K(l("input", {
                 type: "text",
-                "onUpdate:modelValue": h[1] || (h[1] = (m) => g.value = m),
+                "onUpdate:modelValue": h[1] || (h[1] = (M) => g.value = M),
                 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,
+                  de,
                   g.value,
                   void 0,
                   { trim: !0 }
@@ -1427,37 +1428,37 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
               ])
             ])
           ])
-        ])) : B("", !0),
-        c.value?.length ? (i(), u("div", Eo, [
-          (i(!0), u(Q, null, Y(M.value, (m, V) => (i(), X(_o, {
-            key: V,
-            prefix: x.prefix,
-            item: m,
-            index: V,
-            onUpdate: h[2] || (h[2] = (z) => x.$emit("update", "file-list")),
-            onOpenModal: h[3] || (h[3] = (z) => _(z)),
-            onOpenLightbox: h[4] || (h[4] = (z) => I(z))
+        ])) : j("", !0),
+        c.value?.length ? (i(), u("div", Oo, [
+          (i(!0), u(ee, null, le(C.value, (M, H) => (i(), te(_o, {
+            key: H,
+            prefix: b.prefix,
+            item: M,
+            index: H,
+            onUpdate: h[2] || (h[2] = (Y) => b.$emit("update", "file-list")),
+            onOpenModal: h[3] || (h[3] = (Y) => _(Y)),
+            onOpenLightbox: h[4] || (h[4] = (Y) => z(Y))
           }, null, 8, ["prefix", "item", "index"]))), 128)),
-          M.value.length ? B("", !0) : (i(), u("div", Fo, h[9] || (h[9] = [
+          C.value.length ? j("", !0) : (i(), u("div", Eo, h[9] || (h[9] = [
             l("p", { class: "text-sm text-gray-600 font-sm" }, " Файлів з такою назвою не існує, введіть інше пошукове слово ", -1)
           ])))
-        ])) : B("", !0),
-        j(J, {
+        ])) : j("", !0),
+        B(Z, {
           modelValue: a.value,
-          "onUpdate:modelValue": h[5] || (h[5] = (m) => a.value = m),
-          startIndex: s.value,
-          "onUpdate:index": h[6] || (h[6] = (m) => s.value = m),
+          "onUpdate:modelValue": h[5] || (h[5] = (M) => a.value = M),
+          startIndex: r.value,
+          "onUpdate:index": h[6] || (h[6] = (M) => r.value = M),
           images: v.value
         }, null, 8, ["modelValue", "startIndex", "images"]),
-        j(C, Ve({
+        B(P, Le({
           modelValue: p.value,
-          "onUpdate:modelValue": h[7] || (h[7] = (m) => p.value = m),
+          "onUpdate:modelValue": h[7] || (h[7] = (M) => p.value = M),
           onConfirm: f.value.confirm
         }, f.value), null, 16, ["modelValue", "onConfirm"])
       ]);
     };
   }
-}), Do = { class: "flex items-center justify-between" }, Uo = { class: "text-[16px] text-gray-900 font-medium" }, To = { class: "grid gap-3" }, Ro = /* @__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__ */ O({
   __name: "vs-container-switcher",
   props: {
     title: {
@@ -1474,25 +1475,25 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
     }
   },
   setup(o) {
-    const e = o, t = k(e.isOpen);
-    return se(
+    const e = o, t = x(e.isOpen);
+    return ie(
       () => e.isOpen,
       (n) => {
         t.value = n;
       }
-    ), (n, r) => (i(), u("div", null, [
+    ), (n, s) => (i(), u("div", null, [
       l("div", Do, [
-        l("p", Uo, E(o.title), 1),
-        j(lt, {
+        l("p", Uo, F(o.title), 1),
+        B(ot, {
           modelValue: t.value,
-          "onUpdate:modelValue": r[0] || (r[0] = (a) => t.value = a),
-          style: me(o.style)
+          "onUpdate:modelValue": s[0] || (s[0] = (a) => t.value = a),
+          style: he(o.style)
         }, null, 8, ["modelValue", "style"])
       ]),
-      j(et, { name: "slide-fade" }, {
-        default: Le(() => [
-          G(l("div", To, [
-            he(n.$slots, "default", {}, void 0, !0)
+      B(tt, { name: "slide-fade" }, {
+        default: $e(() => [
+          K(l("div", To, [
+            ge(n.$slots, "default", {}, void 0, !0)
           ], 512), [
             [Ue, t.value]
           ])
@@ -1501,7 +1502,7 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
       })
     ]));
   }
-}), Po = /* @__PURE__ */ R(Ro, [["__scopeId", "data-v-90320b87"]]), No = { class: "text-[16px] text-gray-900 font-medium" }, Ho = { class: "grid gap-3" }, qo = /* @__PURE__ */ A({
+}), Po = /* @__PURE__ */ R(Ro, [["__scopeId", "data-v-90320b87"]]), No = { class: "text-[16px] text-gray-900 font-medium" }, Ho = { class: "grid gap-3" }, qo = /* @__PURE__ */ O({
   __name: "vs-container-accordion",
   props: {
     title: {
@@ -1518,27 +1519,27 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
     }
   },
   setup(o) {
-    const e = o, t = k(e.isOpen);
-    return se(
+    const e = o, t = x(e.isOpen);
+    return ie(
       () => e.isOpen,
       (n) => {
         t.value = n;
       }
-    ), (n, r) => (i(), u("div", null, [
+    ), (n, s) => (i(), u("div", null, [
       l("button", {
         type: "button",
-        onClick: r[0] || (r[0] = (a) => t.value = !t.value),
+        onClick: s[0] || (s[0] = (a) => t.value = !t.value),
         class: "flex items-center gap-2"
       }, [
-        j(q(Wt), {
-          class: S(["h-4 w-4 duration-300", [t.value ? "-rotate-180" : ""]])
+        B(J(Wt), {
+          class: V(["h-4 w-4 duration-300", [t.value ? "-rotate-180" : ""]])
         }, null, 8, ["class"]),
-        l("span", No, E(o.title), 1)
+        l("span", No, F(o.title), 1)
       ]),
-      j(et, { name: "slide-fade" }, {
-        default: Le(() => [
-          G(l("div", Ho, [
-            he(n.$slots, "default", {}, void 0, !0)
+      B(tt, { name: "slide-fade" }, {
+        default: $e(() => [
+          K(l("div", Ho, [
+            ge(n.$slots, "default", {}, void 0, !0)
           ], 512), [
             [Ue, t.value]
           ])
@@ -1547,7 +1548,7 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
       })
     ]));
   }
-}), Go = /* @__PURE__ */ R(qo, [["__scopeId", "data-v-590eff11"]]), Jo = { class: "flex items-center justify-between" }, Ko = /* @__PURE__ */ A({
+}), Go = /* @__PURE__ */ R(qo, [["__scopeId", "data-v-590eff11"]]), Jo = { class: "flex items-center justify-between" }, Ko = /* @__PURE__ */ O({
   __name: "vs-container-default",
   props: {
     title: {
@@ -1562,16 +1563,16 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
   setup(o) {
     return (e, t) => (i(), u("div", null, [
       l("div", Jo, [
-        l("p", null, E(o.title), 1)
+        l("p", null, F(o.title), 1)
       ]),
-      he(e.$slots, "default")
+      ge(e.$slots, "default")
     ]));
   }
 }), Zo = {
   switcher: Po,
   accordion: Go,
   default: Ko
-}, le = {
+}, ae = {
   Equal: "==",
   Inequal: "!=",
   Higer: ">",
@@ -1584,37 +1585,37 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
   Contain: "*",
   In: "in",
   NotIn: "not_in"
-}, 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)), ra = (o, e) => String(o).includes(String(e)), sa = (o, e) => Array.isArray(e) ? e.includes(o) : !1, na = (o, e) => Array.isArray(e) ? !e.includes(o) : !0, at = (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, st = (o, e) => {
   if (!e) return !0;
   switch (e?.[1]) {
-    case le.Equal:
+    case ae.Equal:
       return Wo(o, e?.[2]);
-    case le.Inequal:
+    case ae.Inequal:
       return Qo(o, e?.[2]);
-    case le.Higer:
+    case ae.Higer:
       return Xo(o, e?.[2]);
-    case le.HigerOrEqual:
+    case ae.HigerOrEqual:
       return Yo(o, e?.[2]);
-    case le.Lower:
+    case ae.Lower:
       return ea(o, e?.[2]);
-    case le.LowerOrEqual:
+    case ae.LowerOrEqual:
       return ta(o, e?.[2]);
-    case le.Between:
+    case ae.Between:
       return la(o, e?.[2]);
-    case le.StartWith:
+    case ae.StartWith:
       return oa(o, e?.[2]);
-    case le.EndWith:
+    case ae.EndWith:
       return aa(o, e?.[2]);
-    case le.Contain:
-      return ra(o, e?.[2]);
-    case le.In:
+    case ae.Contain:
       return sa(o, e?.[2]);
-    case le.NotIn:
+    case ae.In:
+      return ra(o, e?.[2]);
+    case ae.NotIn:
       return na(o, e?.[2]);
     default:
       return !0;
   }
-}, ia = /* @__PURE__ */ A({
+}, ia = /* @__PURE__ */ O({
   __name: "vs-input-container",
   props: {
     style: {
@@ -1635,32 +1636,32 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
     }
   },
   setup(o) {
-    const e = o, t = Be("formValues", { default: {} }), n = Be("form"), r = O(() => e.schema?.filter((s) => {
-      const d = s?.conditions;
+    const e = o, t = Be("formValues", { default: {} }), n = Be("form"), s = D(() => e.schema?.filter((r) => {
+      const d = r?.conditions;
       if (!d) return !0;
       const p = Array.isArray(d) ? d[0] : d, f = t?.value?.[p];
-      return at(f, d);
-    })), a = O(() => Zo[e.view]);
-    return (s, d) => o.schema?.length ? (i(), X(we(a.value), {
+      return st(f, d);
+    })), a = D(() => Zo[e.view]);
+    return (r, d) => o.schema?.length ? (i(), te(_e(a.value), {
       key: 0,
       title: o.title,
-      style: me(o.style)
+      style: he(o.style)
     }, {
-      default: Le(() => [
-        (i(!0), u(Q, null, Y(r.value, (p) => (i(), X(rt, Ve({
+      default: $e(() => [
+        (i(!0), u(ee, null, le(s.value, (p) => (i(), te(rt, Le({
           key: p.name
         }, { ref_for: !0 }, p, {
           item: p,
-          modelValue: q(t)[p.name],
-          "onUpdate:modelValue": (f) => q(t)[p.name] = f,
+          modelValue: J(t)[p.name],
+          "onUpdate:modelValue": (f) => J(t)[p.name] = f,
           style: o.style,
-          error: q(n)?.errors?.[p.name]
+          error: J(n)?.errors?.[p.name]
         }), null, 16, ["item", "modelValue", "onUpdate:modelValue", "style", "error"]))), 128))
       ]),
       _: 1
-    }, 8, ["title", "style"])) : B("", !0);
+    }, 8, ["title", "style"])) : j("", !0);
   }
-}), 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__ */ 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__ */ O({
   __name: "modal-edit",
   props: {
     schema: {},
@@ -1671,11 +1672,11 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
   },
   emits: ["close", "save", "edit"],
   setup(o, { emit: e }) {
-    const t = o, n = e, r = k(t.schema), a = k(t.defaultValue ? JSON.parse(JSON.stringify(t.defaultValue)) : {}), s = k({}), d = k(), p = k(t.mode);
+    const t = o, n = e, s = x(t.schema), a = x(t.defaultValue ? JSON.parse(JSON.stringify(t.defaultValue)) : {}), r = x({}), d = x(), p = x(t.mode);
     async function f() {
-      const g = s.value.validate();
+      const g = r.value.validate();
       if (g) {
-        ve({ type: "warning", title: "Помилка валідації", message: Object.entries(g).map(([v, M]) => `${v}: ${M}`).join(`
+        pe({ type: "warning", title: "Помилка валідації", message: Object.entries(g).map(([v, C]) => `${v}: ${C}`).join(`
 `) });
         return;
       }
@@ -1689,29 +1690,29 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
             body: JSON.stringify(a.value)
           });
           if (v.ok)
-            await v.json(), ve({
+            await v.json(), pe({
               type: "success",
               title: "Успішно",
               message: `Дані успішно ${p.value === "add" ? "збережено" : "оновлено"}`
             }), n("save", a.value);
           else if (v.status === 400) {
-            const M = await v.json().catch(() => ({}));
-            ve({
+            const C = await v.json().catch(() => ({}));
+            pe({
               type: "warning",
               title: "Помилка валідації",
-              message: M.message || "Некоректні дані (400)"
+              message: C.message || "Некоректні дані (400)"
             });
-          } else v.status === 500 ? ve({
+          } else v.status === 500 ? pe({
             type: "error",
             title: "Серверна помилка",
             message: "Виникла помилка на сервері (500)"
-          }) : ve({
+          }) : pe({
             type: "error",
             title: "Помилка",
             message: `Статус: ${v.status}`
           });
         } catch (v) {
-          ve({
+          pe({
             type: "error",
             title: "Помилка з’єднання",
             message: v.message || "Не вдалося виконати запит"
@@ -1721,20 +1722,20 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
     function c() {
       n("close");
     }
-    return ne(async () => {
+    return ue(async () => {
       if (t.form) {
         const g = await fetch(`/api/template/form/${t.form}`).then((v) => v.json());
-        r.value = g.schema, d.value = g.token;
+        s.value = g.schema, d.value = g.token;
       } else if (t.token) {
         d.value = t.token;
         const g = await fetch(`/api/form/${d.value}`).then((v) => v.json());
-        r.value = g.schema, g.data ? a.value = g.data : p.value = "add";
+        s.value = g.schema, g.data ? a.value = g.data : p.value = "add";
       }
     }), (g, v) => (i(), u("div", ua, [
       l("div", da, [
         l("div", ca, [
           l("div", pa, [
-            l("h3", fa, E(p.value === "add" ? "Додати" : "Змінити"), 1),
+            l("h3", fa, F(p.value === "add" ? "Додати" : "Змінити"), 1),
             l("button", {
               onClick: c,
               type: "button",
@@ -1759,14 +1760,14 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
             ]))
           ]),
           l("div", va, [
-            r.value ? (i(), X(Ee, {
+            s.value ? (i(), te(Ie, {
               key: 0,
-              schema: r.value,
+              schema: s.value,
               values: a.value,
-              "onUpdate:values": v[0] || (v[0] = (M) => a.value = M),
-              form: s.value,
-              "onUpdate:form": v[1] || (v[1] = (M) => s.value = M)
-            }, null, 8, ["schema", "values", "form"])) : B("", !0)
+              "onUpdate:values": v[0] || (v[0] = (C) => a.value = C),
+              form: r.value,
+              "onUpdate:form": v[1] || (v[1] = (C) => r.value = C)
+            }, null, 8, ["schema", "values", "form"])) : j("", !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", {
@@ -1784,31 +1785,24 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
       ])
     ]));
   }
-}), Me = (o = { mode: "edit", schema: null }) => new Promise((e) => {
-  const t = document.querySelector("body");
-  if (!t) {
-    console.error('Modal root element with id "#modal" not found!');
-    return;
-  }
-  const n = document.createElement("div");
-  t.appendChild(n);
-  function r() {
-    a.unmount(), n.remove();
-  }
-  const a = ct({
-    render() {
-      return pt(ma, {
-        ...o,
-        onClose: () => {
-          e(null), r();
-        },
-        onSave: (s) => {
-          e(s), r();
-        }
-      });
+}), Oe = (o = { mode: "edit", schema: null }) => new Promise((e) => {
+  const { close: t } = ft({
+    title: o.mode === "add" ? "Додати" : "Редагувати",
+    template: "",
+    visible: !0,
+    size: "medium",
+    closeClickBack: !0,
+    content: ma,
+    contentProps: {
+      ...o,
+      onClose: () => {
+        e(null), t();
+      },
+      onSave: (n) => {
+        e(n), t();
+      }
     }
   });
-  a.mount(n);
 }), ha = ["aria-expanded", "data-focus"], ga = { class: "flex items-center" }, ba = { class: "truncate text-gray-900 overflow-hidden" }, ya = ["onClick"], xa = ["title"], wa = {
   key: 2,
   class: "text-gray-500 truncate"
@@ -1819,7 +1813,7 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
 }, La = ["aria-disabled", "onClick"], Sa = {
   key: 1,
   class: "px-3 py-2 text-center text-gray-500"
-}, Ba = ["disabled"], ja = /* @__PURE__ */ A({
+}, Ba = ["disabled"], ja = /* @__PURE__ */ O({
   __name: "vs-input-select",
   props: {
     multiple: { type: Boolean, default: !1 },
@@ -1843,338 +1837,336 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
   },
   emits: ["change", "update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, n = e, r = O(() => t.multiple), a = O(() => t.disabled);
-    ge(t.style);
-    const s = O({
+    const t = o, n = e, s = D(() => t.multiple), a = D(() => t.disabled);
+    be(t.style);
+    const r = D({
       get: () => t.modelValue,
-      set: (y) => n("update:modelValue", y)
+      set: (w) => n("update:modelValue", w)
     });
-    !s.value && t.defaultValue && (s.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), D = k([]), T = k(""), P = k(null), _ = k([]), x = O(() => {
+    !r.value && t.defaultValue && (r.value = t.defaultValue);
+    const d = x(null), p = x(null), f = x(null), c = x(!1), g = x(!1), v = x(null), C = x([]), z = x(-1), U = x([]), T = x(""), N = x(null), _ = x([]), b = 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 = O(() => t.placeholder || "Select..."), J = O(() => r.value ? !_.value.length && T.value === "" : !v.value?.text && T.value === ""), C = O(() => a.value ? !1 : r.value ? _.value.length > 0 : !!s.value), m = (y) => r.value ? _.value.some((w) => w?.toString() === y?.toString()) : s.value?.toString?.() === y?.toString?.(), V = O(() => {
-      let y = M.value ?? [];
+      const w = new Map(C.value.map((k) => [k.id?.toString(), k]));
+      return _.value.map((k) => w.get(k?.toString())).filter((k) => !!k);
+    }), h = D(() => t.placeholder || "Select..."), Z = D(() => s.value ? !_.value.length && T.value === "" : !v.value?.text && T.value === ""), P = D(() => a.value ? !1 : s.value ? _.value.length > 0 : !!r.value), M = (w) => s.value ? _.value.some((k) => k?.toString() === w?.toString()) : r.value?.toString() === w?.toString(), H = D(() => {
+      let w = C.value ?? [];
       if (T.value.trim() !== "") {
-        const w = T.value.toLowerCase();
-        y = y.filter((H) => H.text?.toLowerCase?.().includes(w));
+        const k = T.value.toLowerCase();
+        w = w.filter((A) => A.text?.toLowerCase?.().includes(k));
       }
-      if (r.value && _.value.length) {
-        const w = new Set(_.value.map((H) => H?.toString()));
-        y = y.filter((H) => !w.has(H.id?.toString()));
+      if (s.value && _.value.length) {
+        const k = new Set(_.value.map((A) => A?.toString()));
+        w = w.filter((A) => !k.has(A.id?.toString()));
       }
-      return y;
-    }), z = async (y) => {
+      return w;
+    }), Y = async (w) => {
       if (!t.data) return [];
       try {
-        const w = t.api ? t.api : `/suggest/${t.data}`, H = "?json=1", U = y ? `&val=${encodeURIComponent(y)}` : "";
-        return (await fetch(w.concat(H, U)).then((ce) => ce.json())).data ?? [];
+        const k = t.api ? t.api : `/suggest/${t.data}`, A = "?json=1", W = w ? `&val=${encodeURIComponent(w)}` : "";
+        return (await fetch(k.concat(A, W)).then((ke) => ke.json())).data ?? [];
       } catch {
         return [];
       }
-    }, W = async () => {
-      t.options?.length ? M.value = [...t.options] : t.data && (M.value = await z(T.value));
-    }, te = async (y) => {
-      if (y == null) return null;
-      const w = M.value?.find((U) => U?.id?.toString() === String(y));
-      return w || ((await z(String(y)))?.[0] ?? null);
-    }, xe = async (y) => {
-      const w = new Set(M.value.map((U) => U.id?.toString())), H = y.filter((U) => !w.has(U?.toString()));
-      H.length && await H.reduce(async (U, de) => {
-        await U;
-        const ce = await te(de);
-        ce && M.value.push(ce);
+    }, we = async () => {
+      t.options?.length ? C.value = [...t.options] : t.data && (C.value = await Y(T.value));
+    }, ce = async (w) => {
+      if (w == null) return null;
+      const k = C.value?.find((W) => W?.id?.toString() === String(w));
+      return k || ((await Y(String(w)))?.[0] ?? null);
+    }, Ce = async (w) => {
+      const k = new Set(C.value.map((W) => W.id?.toString())), A = w.filter((W) => !k.has(W?.toString()));
+      A.length && await A.reduce(async (W, me) => {
+        await W;
+        const ke = await ce(me);
+        ke && C.value.push(ke);
       }, Promise.resolve());
-    }, ke = async () => {
-      a.value || (c.value = !0, await W(), await Ce(() => {
-        P.value?.focus(), V.value.length ? I.value = 0 : I.value = -1;
+    }, I = async () => {
+      a.value || (c.value = !0, await we(), await Me(() => {
+        N.value?.focus(), H.value.length ? z.value = 0 : z.value = -1;
       }));
-    }, ue = () => {
-      c.value = !1, I.value = -1;
-    }, Ae = async (y) => {
+    }, $ = () => {
+      c.value = !1, z.value = -1;
+    }, S = async (w) => {
       if (a.value) return;
-      !c.value ? await ke() : ue();
-    }, _e = async () => {
-      c.value ? P.value?.focus() : await ke();
-    }, b = () => {
-      r.value ? (_.value = [], s.value = [], n("change", [])) : (v.value = null, s.value = null, n("change", null)), T.value = "", Ce(() => P.value?.focus());
-    }, $ = (y) => {
-      r.value && (_.value = _.value.filter((w) => w?.toString() !== y?.toString()), s.value = [..._.value], n("change", s.value), Ce(() => P.value?.focus()));
-    }, F = (y) => {
-      r.value ? (m(y.id) || (_.value = [..._.value, y.id], s.value = [..._.value], n("change", s.value)), T.value = "", Ce(() => {
-        P.value?.focus(), I.value = Math.min(I.value, V.value.length - 1);
-      })) : (v.value = y, s.value = y.id, n("change", s.value), T.value = "", ue());
-    }, N = (y) => {
-      m(y.id) || F(y);
-    }, ee = (y, w) => {
-      if (!y || !w) return;
-      const H = y.offsetTop, U = H + y.offsetHeight, de = w.scrollTop, ce = de + w.clientHeight;
-      let ze = w.scrollTop;
-      H < de ? ze = H - 80 : U > ce && (ze = U - w.clientHeight + 4);
-      const it = w;
-      it.scrollTop = ze;
-    }, $e = async (y) => {
-      a.value || !c.value && (y.key === "ArrowDown" || y.key === "ArrowUp") && (y.preventDefault(), await ke());
-    }, pe = (y) => {
+      !c.value ? await I() : $();
+    }, q = async () => {
+      c.value ? N.value?.focus() : await I();
+    }, m = () => {
+      s.value ? (_.value = [], r.value = [], n("change", [])) : (v.value = null, r.value = null, n("change", null)), T.value = "", Me(() => N.value?.focus());
+    }, y = (w) => {
+      s.value && (_.value = _.value.filter((k) => k?.toString() !== w?.toString()), r.value = [..._.value], n("change", r.value), Me(() => N.value?.focus()));
+    }, E = (w) => {
+      s.value ? (M(w.id) || (_.value = [..._.value, w.id], r.value = [..._.value], n("change", r.value)), T.value = "", Me(() => {
+        N.value?.focus(), z.value = Math.min(z.value, H.value.length - 1);
+      })) : (v.value = w, r.value = w.id, n("change", r.value), T.value = "", $());
+    }, G = (w) => {
+      M(w.id) || E(w);
+    }, oe = (w, k) => {
+      if (!w || !k) return;
+      const A = w.offsetTop, W = A + w.offsetHeight, me = k.scrollTop, ke = me + k.clientHeight;
+      let Ae = k.scrollTop;
+      A < me ? Ae = A - 80 : W > ke && (Ae = W - k.clientHeight + 4);
+      const ut = k;
+      ut.scrollTop = Ae;
+    }, Ve = async (w) => {
+      a.value || !c.value && (w.key === "ArrowDown" || w.key === "ArrowUp") && (w.preventDefault(), await I());
+    }, fe = (w) => {
       if (!c.value) return;
-      const { key: w } = y;
-      if (w === "ArrowDown")
-        y.preventDefault(), I.value + 1 < V.value.length && (I.value += 1, ee(D.value[I.value], f.value));
-      else if (w === "ArrowUp")
-        y.preventDefault(), I.value > 0 && (I.value -= 1, ee(D.value[I.value], f.value));
-      else if (w === "Enter") {
-        y.preventDefault();
-        const H = V.value[I.value];
-        H && F(H);
-      } else w === "Escape" ? (y.preventDefault(), ue()) : w === "Backspace" ? r.value && T.value === "" && _.value.length && (_.value = _.value.slice(0, -1), s.value = [..._.value], n("change", s.value)) : w === "Home" ? (I.value = 0, ee(D.value[0], f.value)) : w === "End" ? (I.value = V.value.length - 1, ee(D.value[I.value], f.value)) : w === "Tab" && ue();
-    }, be = () => {
-      a.value || (g.value = !0);
+      const { key: k } = w;
+      if (k === "ArrowDown")
+        w.preventDefault(), z.value + 1 < H.value.length && (z.value += 1, oe(U.value[z.value], f.value));
+      else if (k === "ArrowUp")
+        w.preventDefault(), z.value > 0 && (z.value -= 1, oe(U.value[z.value], f.value));
+      else if (k === "Enter") {
+        w.preventDefault();
+        const A = H.value[z.value];
+        A && E(A);
+      } else k === "Escape" ? (w.preventDefault(), $()) : k === "Backspace" ? s.value && T.value === "" && _.value.length && (_.value = _.value.slice(0, -1), r.value = [..._.value], n("change", r.value)) : k === "Home" ? (z.value = 0, oe(U.value[0], f.value)) : k === "End" ? (z.value = H.value.length - 1, oe(U.value[z.value], f.value)) : k === "Tab" && $();
     }, ye = () => {
+      a.value || (g.value = !0);
+    }, xe = () => {
       g.value = !1, T.value = "";
-    }, fe = (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();
+    }, ve = (w) => {
+      w.key === "Escape" && c.value && $();
+    }, Te = (w) => {
+      d.value && (d.value.contains(w.target) || $());
+    }, Re = (w) => {
+      c.value && f.value && !f.value.contains(w.target) && $();
     };
-    se(() => t.options, (y) => {
-      y?.length && (M.value = [...y]);
+    ie(() => t.options, (w) => {
+      w?.length && (C.value = [...w]);
     }, { immediate: !0 });
     const Pe = async () => {
-      if (r.value)
-        Array.isArray(s.value) ? _.value = [...s.value] : (_.value = s.value == null ? [] : [s.value], s.value = [..._.value]), !t.options?.length && t.data && await xe(_.value);
+      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 Ce(_.value);
       else {
-        if (Array.isArray(s.value)) {
-          const y = s.value[0] ?? null;
-          s.value = y ?? null;
+        if (Array.isArray(r.value)) {
+          const w = r.value[0] ?? null;
+          r.value = w ?? null;
         }
-        v.value = await te(s.value);
+        v.value = await ce(r.value);
       }
     };
-    se(s, () => {
+    ie(r, () => {
       Pe();
-    }), ne(async () => {
-      addEventListener("keydown", fe), addEventListener("scroll", Re, !0), document.addEventListener("click", Te, !0), t.options?.length ? M.value = [...t.options] : t.data && (M.value = await z("")), await Pe();
-    }), Fe(() => {
-      removeEventListener("keydown", fe), removeEventListener("scroll", Re, !0), document.removeEventListener("click", Te, !0);
+    }), ue(async () => {
+      addEventListener("keydown", ve), addEventListener("scroll", Re, !0), document.addEventListener("click", Te, !0), t.options?.length ? C.value = [...t.options] : t.data && (C.value = await Y("")), await Pe();
+    }), Ee(() => {
+      removeEventListener("keydown", ve), removeEventListener("scroll", Re, !0), document.removeEventListener("click", Te, !0);
     });
-    async function nt() {
+    async function it() {
       if (!t.add) return;
-      const y = await Me({ form: t.add.form, mode: "add" });
-      y && (await fetch(`/api/table/${t.add.token}`, {
+      const w = await Oe({ 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 z(T.value)));
+        body: JSON.stringify(w)
+      }).then((k) => k.json()), !t.options?.length && t.data && (C.value = await Y(T.value)));
     }
-    return (y, w) => {
-      const H = ft("tooltip");
-      return i(), u("div", {
-        class: "flex gap-1 w-full",
-        ref_key: "selectRoot",
-        ref: d,
-        onClick: w[2] || (w[2] = re(() => {
-        }, ["stop"]))
+    return (w, k) => (i(), u("div", {
+      class: "flex gap-1 w-full",
+      ref_key: "selectRoot",
+      ref: d,
+      onClick: k[2] || (k[2] = ne(() => {
+      }, ["stop"]))
+    }, [
+      l("div", {
+        class: V(["relative w-full font-sans", t.customClass])
       }, [
+        k[7] || (k[7] = l("span", {
+          id: "react-select-live-region",
+          class: "sr-only"
+        }, null, -1)),
+        k[8] || (k[8] = l("span", {
+          "aria-live": "polite",
+          "aria-atomic": "false",
+          "aria-relevant": "additions text",
+          role: "log",
+          class: "sr-only"
+        }, null, -1)),
         l("div", {
-          class: S(["relative w-full font-sans", t.customClass])
+          class: V([
+            "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" : ""
+          ]),
+          role: "combobox",
+          "aria-expanded": c.value,
+          "aria-haspopup": "listbox",
+          onKeydown: Ve,
+          onClick: q,
+          "data-focus": c.value || g.value ? "true" : "false"
         }, [
-          w[7] || (w[7] = l("span", {
-            id: "react-select-live-region",
-            class: "sr-only"
-          }, null, -1)),
-          w[8] || (w[8] = l("span", {
-            "aria-live": "polite",
-            "aria-atomic": "false",
-            "aria-relevant": "additions text",
-            role: "log",
-            class: "sr-only"
-          }, null, -1)),
           l("div", {
-            class: S([
-              "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" : ""
-            ]),
-            role: "combobox",
-            "aria-expanded": c.value,
-            "aria-haspopup": "listbox",
-            onKeydown: $e,
-            onClick: _e,
-            "data-focus": c.value || g.value ? "true" : "false"
+            class: "flex flex-1 items-center gap-1 py-0.5 pl-2 pr-0 overflow-hidden",
+            ref_key: "triggerRef",
+            ref: p
           }, [
-            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(ee, { key: 0 }, le(b.value, (A) => (i(), u("div", {
+              class: "flex min-w-0 bg-[#e6e6e6] rounded-sm m-0.5 box-border",
+              key: A.id
             }, [
-              r.value && _.value.length ? (i(!0), u(Q, { key: 0 }, Y(x.value, (U) => (i(), u("div", {
-                class: "flex min-w-0 bg-[#e6e6e6] rounded-sm m-0.5 box-border",
-                key: U.id
-              }, [
-                l("div", ga, [
-                  U?.color ? (i(), u("span", {
-                    key: 0,
-                    class: "w-[16px] h-[16px] rounded-md block ml-1.5",
-                    style: me({ backgroundColor: U?.color })
-                  }, null, 4)) : B("", !0),
-                  G((i(), u("div", ba, [
-                    oe(E(U.text), 1)
-                  ])), [
-                    [H, U.text]
-                  ])
-                ]),
-                l("div", {
-                  role: "button",
-                  class: "flex items-center rounded-sm px-1 box-border hover:bg-[#ffbdad] hover:text-[#de350b]",
-                  onClick: re((de) => $(U.id), ["stop"])
-                }, w[3] || (w[3] = [
-                  l("svg", {
-                    height: "14",
-                    width: "14",
-                    viewBox: "0 0 20 20",
-                    "aria-hidden": "true",
-                    focusable: "false",
-                    class: "inline-block fill-current stroke-current leading-none stroke-0"
-                  }, [
-                    l("path", { d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z" })
-                  ], -1)
-                ]), 8, ya)
-              ]))), 128)) : !r.value && !g.value && v.value?.text && T.value === "" ? G((i(), u("div", {
-                key: 1,
-                class: S(["truncate text-gray-900"]),
-                title: v.value.text
-              }, [
-                v.value?.color ? (i(), u("span", {
+              l("div", ga, [
+                A?.color ? (i(), u("span", {
                   key: 0,
-                  class: "w-[14px] h-[14px] rounded-md block mr-1 mt-1 absolute",
-                  style: me({ backgroundColor: v.value?.color })
-                }, null, 4)) : B("", !0),
-                l("span", {
-                  class: S({ "pl-5": v.value?.color })
-                }, E(v.value.text), 3)
-              ], 8, xa)), [
-                [H, v.value.text]
-              ]) : B("", !0),
-              J.value ? (i(), u("div", wa, E(h.value), 1)) : B("", !0),
-              l("div", ka, [
-                !a.value && y.search ? G((i(), u("input", {
-                  key: 0,
-                  ref_key: "inputRef",
-                  ref: P,
-                  class: "w-full bg-transparent outline-none border-0 m-0 p-0 text-gray-900",
-                  autocapitalize: "none",
-                  autocomplete: "off",
-                  autocorrect: "off",
-                  spellcheck: "false",
-                  type: "text",
-                  tabindex: "0",
-                  "aria-autocomplete": "list",
-                  placeholder: (r.value && _.value.length ? " " : null) || (g.value && !T.value?.length ? v.value?.text : " "),
-                  "onUpdate:modelValue": w[0] || (w[0] = (U) => T.value = U),
-                  onFocus: be,
-                  onBlur: ye,
-                  onKeydown: pe
-                }, null, 40, _a)), [
-                  [ie, T.value]
-                ]) : B("", !0)
-              ])
-            ], 512),
-            l("div", $a, [
-              C.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: re(b, ["stop"])
-              }, w[4] || (w[4] = [
+                  class: "w-[16px] h-[16px] rounded-md block ml-1.5",
+                  style: he({ backgroundColor: A?.color })
+                }, null, 4)) : j("", !0),
+                K((i(), u("div", ba, [
+                  se(F(A.text), 1)
+                ])), [
+                  [J(qe), A.text]
+                ])
+              ]),
+              l("div", {
+                role: "button",
+                class: "flex items-center rounded-sm px-1 box-border hover:bg-[#ffbdad] hover:text-[#de350b]",
+                onClick: ne((W) => y(A.id), ["stop"])
+              }, k[3] || (k[3] = [
                 l("svg", {
-                  height: "20",
-                  width: "20",
+                  height: "14",
+                  width: "14",
                   viewBox: "0 0 20 20",
-                  class: "fill-current"
+                  "aria-hidden": "true",
+                  focusable: "false",
+                  class: "inline-block fill-current stroke-current leading-none stroke-0"
                 }, [
                   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, Ca)) : B("", !0),
-              w[6] || (w[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] = re((U) => Ae(), ["stop"]))
-              }, w[5] || (w[5] = [
-                l("svg", {
-                  height: "20",
-                  width: "20",
-                  viewBox: "0 0 20 20",
-                  class: "fill-current"
-                }, [
-                  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, Va)
-            ])
-          ], 42, ha),
-          c.value ? (i(), u("div", Ma, [
-            l("div", {
-              class: "max-h-[300px] overflow-y-auto py-1",
-              ref_key: "listRef",
-              ref: f
+              ]), 8, ya)
+            ]))), 128)) : !s.value && !g.value && v.value?.text && T.value === "" ? K((i(), u("div", {
+              key: 1,
+              class: V(["truncate text-gray-900"]),
+              title: v.value.text
             }, [
-              V.value.length ? (i(!0), u(Q, { key: 0 }, Y(V.value, (U, de) => (i(), u("div", {
-                key: U.id,
-                ref_for: !0,
-                ref: (ce) => D.value[de] = ce,
-                class: S([
-                  "flex px-3 py-2 cursor-default select-none hover:bg-blue-300",
-                  m(U.id) ? "text-white bg-blue-500" : "text-gray-900 bg-white"
-                ]),
-                "aria-disabled": m(U.id) ? "true" : "false",
-                role: "option",
-                tabindex: "-1",
-                onClick: (ce) => N(U)
+              v.value?.color ? (i(), u("span", {
+                key: 0,
+                class: "w-[14px] h-[14px] rounded-md block mr-1 mt-1 absolute",
+                style: he({ backgroundColor: v.value?.color })
+              }, null, 4)) : j("", !0),
+              l("span", {
+                class: V({ "pl-5": v.value?.color })
+              }, F(v.value.text), 3)
+            ], 8, xa)), [
+              [J(qe), v.value.text]
+            ]) : j("", !0),
+            Z.value ? (i(), u("div", wa, F(h.value), 1)) : j("", !0),
+            l("div", ka, [
+              !a.value && w.search ? K((i(), u("input", {
+                key: 0,
+                ref_key: "inputRef",
+                ref: N,
+                class: "w-full bg-transparent outline-none border-0 m-0 p-0 text-gray-900",
+                autocapitalize: "none",
+                autocomplete: "off",
+                autocorrect: "off",
+                spellcheck: "false",
+                type: "text",
+                tabindex: "0",
+                "aria-autocomplete": "list",
+                placeholder: (s.value && _.value.length ? " " : null) || (g.value && !T.value?.length ? v.value?.text : " "),
+                "onUpdate:modelValue": k[0] || (k[0] = (A) => T.value = A),
+                onFocus: ye,
+                onBlur: xe,
+                onKeydown: fe
+              }, null, 40, _a)), [
+                [de, T.value]
+              ]) : j("", !0)
+            ])
+          ], 512),
+          l("div", $a, [
+            P.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: ne(m, ["stop"])
+            }, k[4] || (k[4] = [
+              l("svg", {
+                height: "20",
+                width: "20",
+                viewBox: "0 0 20 20",
+                class: "fill-current"
               }, [
-                U?.color ? (i(), u("span", {
-                  key: 0,
-                  class: "w-[11px] h-[11px] rounded-full block mr-1 mt-1.5",
-                  style: me({ backgroundColor: U?.color })
-                }, null, 4)) : B("", !0),
-                l("div", {
-                  class: S([
-                    "leading-[19px]",
-                    I.value === U.id ? "text-white" : "",
-                    // active style like react-select
-                    (I.value === de, "")
-                  ])
-                }, E(U.text), 3)
-              ], 10, La))), 128)) : (i(), u("div", Sa, " No options "))
-            ], 512)
-          ])) : B("", !0)
-        ], 2),
-        t.add ? (i(), u("button", {
-          key: 0,
-          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,
-          type: "button"
-        }, [
-          j(je, {
-            width: "16",
-            height: "16"
-          }),
-          w[9] || (w[9] = l("span", null, "Додати", -1))
-        ], 8, Ba)) : B("", !0)
-      ], 512);
-    };
+                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, Ca)) : j("", !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: k[1] || (k[1] = ne((A) => S(), ["stop"]))
+            }, k[5] || (k[5] = [
+              l("svg", {
+                height: "20",
+                width: "20",
+                viewBox: "0 0 20 20",
+                class: "fill-current"
+              }, [
+                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, Va)
+          ])
+        ], 42, ha),
+        c.value ? (i(), u("div", Ma, [
+          l("div", {
+            class: "max-h-[300px] overflow-y-auto py-1",
+            ref_key: "listRef",
+            ref: f
+          }, [
+            H.value.length ? (i(!0), u(ee, { key: 0 }, le(H.value, (A, W) => (i(), u("div", {
+              key: A.id,
+              ref_for: !0,
+              ref: (me) => U.value[W] = me,
+              class: V([
+                "flex px-3 py-2 cursor-default select-none hover:bg-blue-300",
+                z.value === W ? "bg-blue-300" : "",
+                M(A.id) ? "text-white bg-blue-500" : "text-gray-900 bg-white"
+              ]),
+              "aria-disabled": M(A.id) ? "true" : "false",
+              role: "option",
+              tabindex: "-1",
+              onClick: (me) => G(A)
+            }, [
+              A?.color ? (i(), u("span", {
+                key: 0,
+                class: "w-[11px] h-[11px] rounded-full block mr-1 mt-1.5",
+                style: he({ backgroundColor: A?.color })
+              }, null, 4)) : j("", !0),
+              l("div", {
+                class: V([
+                  "leading-[19px]",
+                  z.value === A.id ? "text-white" : "",
+                  // active style like react-select
+                  (z.value === W, "")
+                ])
+              }, F(A.text), 3)
+            ], 10, La))), 128)) : (i(), u("div", Sa, " No options "))
+          ], 512)
+        ])) : j("", !0)
+      ], 2),
+      t.add ? (i(), u("button", {
+        key: 0,
+        onClick: it,
+        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,
+        type: "button"
+      }, [
+        B(je, {
+          width: "16",
+          height: "16"
+        }),
+        k[9] || (k[9] = l("span", null, "Додати", -1))
+      ], 8, Ba)) : j("", !0)
+    ], 512));
   }
-}), Ia = ["placeholder", "disabled"], Aa = /* @__PURE__ */ A({
+}), Ia = ["placeholder", "disabled"], za = /* @__PURE__ */ O({
   __name: "vs-input-textarea",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ Q({
     style: { default: () => ({}) },
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -2188,21 +2180,21 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = ge(e.style), n = Z(o, "modelValue");
-    return (r, a) => G((i(), u("textarea", {
-      "onUpdate:modelValue": a[0] || (a[0] = (s) => n.value = s),
-      placeholder: r.placeholder,
-      disabled: r.disabled,
+    const e = o, { inputClass: t } = be(e.style), n = X(o, "modelValue");
+    return (s, a) => K((i(), u("textarea", {
+      "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
+      placeholder: s.placeholder,
+      disabled: s.disabled,
       row: "2",
-      class: S(["py-1.5 px-3 block w-full placeholder:text[#767f8f] h-auto", [q(t)]]),
+      class: V(["py-1.5 px-3 block w-full placeholder:text[#767f8f] h-auto", [J(t)]]),
       style: {
         border: "1px solid #CFD9E0"
       }
     }, null, 10, Ia)), [
-      [ie, n.value]
+      [de, n.value]
     ]);
   }
-}), za = {}, Ea = {
+}), Aa = {}, Oa = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2212,8 +2204,8 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-search stroke-gray-500 transition-all"
 };
-function Fa(o, e) {
-  return i(), u("svg", Ea, e[0] || (e[0] = [
+function Ea(o, e) {
+  return i(), u("svg", Oa, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2223,7 +2215,7 @@ function Fa(o, e) {
     l("path", { d: "M21 21l-6 -6" }, null, -1)
   ]));
 }
-const Oa = /* @__PURE__ */ R(za, [["render", Fa]]), Da = {}, Ua = {
+const Fa = /* @__PURE__ */ R(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",
@@ -2296,20 +2288,20 @@ const Za = /* @__PURE__ */ R(Ga, [["render", Ka]]), Wa = {}, Qa = {
 };
 function Xa(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)
+    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 We = /* @__PURE__ */ R(Wa, [["render", Xa]]), Ya = {}, er = {
+const Qe = /* @__PURE__ */ R(Wa, [["render", Xa]]), Ya = {}, es = {
   viewBox: "0 0 178 90",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function tr(o, e) {
-  return i(), u("svg", er, 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 lr = /* @__PURE__ */ R(Ya, [["render", tr]]), or = {}, ar = {
+const ls = /* @__PURE__ */ R(Ya, [["render", ts]]), os = {}, as = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2318,18 +2310,18 @@ const lr = /* @__PURE__ */ R(Ya, [["render", tr]]), or = {}, ar = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function rr(o, e) {
-  return i(), u("svg", ar, 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 sr = /* @__PURE__ */ R(or, [["render", rr]]), nr = { class: "vs-datatable border rounded-xl w-full flex-grow" }, ir = { class: "flex items-center npm gap-[16px] justify-between p-[20px] pb-[16px]" }, ur = { class: "relative w-full" }, dr = { class: "table-wrapper flex gap-2" }, cr = { class: "vs-popover inline-block text-slate-700" }, pr = { class: "text-center" }, fr = { class: "" }, vr = { 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" }, mr = { class: "flex flex-col p-[1px] gap-[2px] w-[140px]" }, hr = { class: "text-sm items-center text-gray-800 flex gap-1" }, gr = { class: "w-full overflow-x-auto" }, br = { class: "w-full table-auto caption-bottom text-sm" }, yr = { class: "[&_tr]:border-b" }, xr = { 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" }, wr = { 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" }, kr = {
+const rs = /* @__PURE__ */ R(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"
-}, _r = { class: "w-full" }, $r = { class: "p-5 min-h-[200px] flex flex-col justify-center items-center text-center" }, Cr = ["onDragstart", "onDragover", "onDrop"], Vr = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] text-center" }, Mr = { class: "flex items-center justify-center" }, Lr = { class: "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-slate-100 dark:bg-slate-700 text-slate-700 dark:text-slate-300 hover:bg-slate-200 dark:hover:bg-slate-600 transition-colors" }, Sr = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]" }, Br = { class: "flex items-center justify-center gap-2" }, jr = ["onClick"], Ir = ["onClick"], Ar = /* @__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__ */ O({
   __name: "vs-input-datatable",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ Q({
     colModel: {},
     style: {},
     customClass: {},
@@ -2344,93 +2336,96 @@ const sr = /* @__PURE__ */ R(or, [["render", rr]]), nr = { class: "vs-datatable
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = Z(o, "modelValue"), n = k({}), r = k(""), a = O(() => {
-      if (!r.value) return t.value ?? [];
-      const C = r.value.toLowerCase();
-      return t.value.filter((m) => e.colModel?.some((V) => {
-        const z = m[V.key];
-        return z ? Array.isArray(z) ? z.join(", ").toLowerCase().includes(C) : String(z).toLowerCase().includes(C) : !1;
+    const e = o, t = X(o, "modelValue"), n = x({}), s = x(""), a = D(() => {
+      if (!s.value) return t.value ?? [];
+      const I = s.value.toLowerCase();
+      return t.value.filter(($) => e.colModel?.some((S) => {
+        const q = $[S.key];
+        return q ? Array.isArray(q) ? q.join(", ").toLowerCase().includes(I) : String(q).toLowerCase().includes(I) : !1;
       }));
-    }), s = k(null), d = k(null), p = k(!1), f = k(null), c = k({ top: 0, left: 0 }), g = (C) => {
-      s.value = C;
-    }, v = (C) => {
-      d.value = C;
-    }, M = (C) => {
-      if (s.value === null || s.value === C) {
-        s.value = null, d.value = null;
+    }), r = x(null), d = x(null), p = x(!1), f = x(null), c = x({ top: 0, left: 0 }), g = (I) => {
+      r.value = I;
+    }, v = (I) => {
+      d.value = I;
+    }, C = (I) => {
+      if (r.value === null || r.value === I) {
+        r.value = null, d.value = null;
         return;
       }
-      const m = [...t.value], [V] = m.splice(s.value, 1);
-      m.splice(C, 0, V), t.value = m, s.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;
-    }, D = () => {
+      const $ = [...t.value], [S] = $.splice(r.value, 1);
+      $.splice(I, 0, S), t.value = $, r.value = null, d.value = null;
+    }, z = (I) => {
+      const S = I.currentTarget.getBoundingClientRect();
+      c.value = { top: S.bottom + window.scrollY, left: S.left + window.scrollX }, p.value = !p.value;
+    }, U = () => {
       f.value && f.value.click();
-    }, T = (C) => {
-      const V = C.target.files?.[0];
-      if (!V) return;
-      const z = new FileReader();
-      z.onload = (W) => {
+    }, T = (I) => {
+      const S = I.target.files?.[0];
+      if (!S) return;
+      const q = new FileReader();
+      q.onload = (m) => {
         try {
-          const te = W.target?.result;
-          if (typeof te == "string") {
-            const xe = JSON.parse(te);
-            Array.isArray(xe) && t.value.push(...xe);
+          const y = m.target?.result;
+          if (typeof y == "string") {
+            const E = JSON.parse(y);
+            Array.isArray(E) && t.value.push(...E);
           }
-        } catch (te) {
-          console.error("Error parsing file:", te);
+        } catch (y) {
+          console.error("Error parsing file:", y);
         }
-      }, z.readAsText(V);
-    }, P = () => {
-      const C = JSON.stringify(t.value, null, 2), m = new Blob([C], { type: "application/json" }), V = URL.createObjectURL(m), z = document.createElement("a");
-      z.href = V, z.download = "data.json", z.click(), URL.revokeObjectURL(V);
+      }, q.readAsText(S);
+    }, N = () => {
+      const I = JSON.stringify(t.value, null, 2), $ = new Blob([I], { type: "application/json" }), S = URL.createObjectURL($), q = document.createElement("a");
+      q.href = S, q.download = "data.json", q.click(), URL.revokeObjectURL(S);
     };
-    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());
+    ue(async () => {
+      const I = e.colModel?.filter(($) => $.data);
+      I?.length && Promise.all(I.map(async ($) => {
+        n.value[$.key] = await fetch(`/api/suggest/${$.data}`).then((S) => S.json());
       }));
     });
-    async function _() {
-      const C = await Me({
-        schema: e.colModel,
-        mode: "add"
-      });
-      C && (Array.isArray(t.value) ? t.value = [...t.value, C] : t.value = [C]);
+    const _ = x(""), b = x(!1);
+    let h = "edit", Z = 0;
+    const P = x({}), M = x({});
+    async function H() {
+      _.value = "Додати", b.value = !0, h = "add", P.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(I, $) {
+      return n.value[$.key] && I[$.key] ? n.value[$.key].find((S) => S.id.toString() === I[$.key].toString())?.text ?? I[$.key] : I[$.key] || "-";
     }
-    async function h(C, m) {
-      const V = await Me({
-        schema: e.colModel,
-        mode: "add",
-        defaultValue: C
-      });
-      V && (t.value = t.value.map((z, W) => W === m ? V : z));
+    async function we(I, $) {
+      _.value = "Редагувати", b.value = !0, h = "edit", Z = $, P.value = { ...I };
+    }
+    function ce() {
+      const I = M.value.validate();
+      if (I) {
+        pe({ type: "warning", title: "Помилка валідації", message: Object.entries(I).map(([$, S]) => `${$}: ${S}`).join(`
+`) });
+        return;
+      }
+      h === "add" ? Array.isArray(t.value) ? t.value = [...t.value, P.value] : t.value = [P.value] : t.value = t.value.map(($, S) => S === Z ? P.value : $), b.value = !1;
     }
-    function J(C) {
-      t.value = t.value.filter((m, V) => V !== C);
+    function Ce(I) {
+      t.value = t.value.filter(($, S) => S !== I);
     }
-    return (C, m) => (i(), u("div", nr, [
-      l("div", ir, [
-        l("div", ur, [
-          j(Oa, {
+    return (I, $) => (i(), u("div", ns, [
+      l("div", is, [
+        l("div", us, [
+          B(Fa, {
             width: "14",
             height: "14",
             class: "absolute left-3 top-1/2 transform -translate-y-1/2 text-stone-500"
           }),
-          G(l("input", {
+          K(l("input", {
             type: "text",
-            "onUpdate:modelValue": m[0] || (m[0] = (V) => r.value = V),
+            "onUpdate:modelValue": $[0] || ($[0] = (S) => s.value = S),
             placeholder: "Пошук",
             class: "py-2 px-3 pl-10 w-full bg-gray-100 h-[36px] rounded-[8px] text-[15px] leading-[18px] focus:border-1 text-stone-800 placeholder:text-[#6B7280] focus:outline-blue-500 focus:outline-2"
           }, null, 512), [
-            [ie, r.value]
+            [de, s.value]
           ])
         ]),
-        l("div", dr, [
+        l("div", ds, [
           l("input", {
             ref_key: "fileInput",
             ref: f,
@@ -2439,14 +2434,14 @@ const sr = /* @__PURE__ */ R(or, [["render", rr]]), nr = { class: "vs-datatable
             accept: ".json",
             type: "file"
           }, null, 544),
-          l("div", cr, [
-            l("div", pr, [
-              l("div", fr, [
+          l("div", cs, [
+            l("div", ps, [
+              l("div", fs, [
                 l("button", {
-                  onClick: I,
+                  onClick: z,
                   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(Ra, {
+                  B(Ra, {
                     height: "16",
                     width: "16"
                   })
@@ -2455,139 +2450,167 @@ const sr = /* @__PURE__ */ R(or, [["render", rr]]), nr = { class: "vs-datatable
             ])
           ])
         ]),
-        (i(), X(vt, { to: "body" }, [
+        (i(), te(pt, { to: "body" }, [
           p.value ? (i(), u("div", {
             key: 0,
             class: "text-slate-700 vsTailwind vs-popover__content bottom",
-            style: me([{ width: "fit-content", "z-index": "10002", position: "fixed" }, { position: "absolute", top: c.value.top + "px", left: c.value.left + "px" }])
+            style: he([{ width: "fit-content", "z-index": "10002", position: "fixed" }, { position: "absolute", top: c.value.top + "px", left: c.value.left + "px" }])
           }, [
-            l("div", vr, [
-              l("div", mr, [
+            l("div", vs, [
+              l("div", ms, [
                 l("button", {
-                  onClick: D,
+                  onClick: U,
                   class: "text-slate-700 flex items-center gap-1 px-3 py-2 rounded-md cursor-pointer group hover:bg-gray-100"
                 }, [
-                  j(qa, {
+                  B(qa, {
                     class: "text-black",
                     width: "14",
                     height: "14"
                   }),
-                  m[1] || (m[1] = oe(" Імпортувати ", -1))
+                  $[4] || ($[4] = se(" Імпортувати "))
                 ]),
                 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", hr, [
-                    j(Za, {
+                  l("span", hs, [
+                    B(Za, {
                       class: "text-black",
                       width: "14",
                       height: "14"
                     }),
-                    m[2] || (m[2] = oe(" Експортувати ", -1))
+                    $[5] || ($[5] = se(" Експортувати "))
                   ])
                 ])
               ])
             ])
-          ], 4)) : B("", !0)
+          ], 4)) : j("", !0)
         ])),
         l("button", {
-          onClick: _,
+          onClick: H,
           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(" Додати ", -1))
+          B(je),
+          $[6] || ($[6] = se(" Додати "))
         ])
       ]),
-      l("div", gr, [
-        l("table", br, [
-          l("thead", yr, [
-            l("tr", xr, [
-              l("th", wr, [
-                j(We, {
+      l("div", gs, [
+        l("table", bs, [
+          l("thead", ys, [
+            l("tr", xs, [
+              l("th", ws, [
+                B(Qe, {
                   width: "24",
                   height: "24",
                   class: "w-4 h-4 mx-auto text-slate-400 dark:text-slate-500"
                 })
               ]),
-              (i(!0), u(Q, null, Y(C.colModel, (V) => (i(), u("th", {
-                key: V.key,
+              (i(!0), u(ee, null, le(I.colModel, (S) => (i(), u("th", {
+                key: S.key,
                 class: "h-10 px-2 text-left align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] font-semibold text-slate-700 dark:text-slate-300 min-w-[150px]"
-              }, E(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(S.ua || S.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: V({ "[&_tr:last-child]:border-0": !d.value })
           }, [
-            a.value.length === 0 ? (i(), u("td", kr, [
-              l("div", _r, [
-                l("div", $r, [
-                  j(lr, { class: "w-48 mx-auto" }),
-                  m[5] || (m[5] = l("div", { class: "max-w-sm mx-auto mt-6" }, [
+            a.value.length === 0 ? (i(), u("td", ks, [
+              l("div", _s, [
+                l("div", $s, [
+                  B(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(Q, null, Y(a.value, (V, z) => (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": s.value === z,
-                "border-t-2 border-b-2 border-blue-500 bg-blue-50 dark:bg-blue-900/20": d.value === z
+            ])) : j("", !0),
+            (i(!0), u(ee, null, le(a.value, (S, q) => (i(), u("tr", {
+              key: S.id,
+              class: V(["border-b data-[state=selected]:bg-muted transition-all duration-200 hover:bg-slate-50/60 dark:hover:bg-slate-700/60 cursor-move", {
+                "opacity-50": r.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: (W) => g(z),
-              onDragover: re((W) => v(z), ["prevent"]),
-              onDrop: (W) => M(z)
+              onDragstart: (m) => g(q),
+              onDragover: ne((m) => v(q), ["prevent"]),
+              onDrop: (m) => C(q)
             }, [
-              l("td", Vr, [
-                l("div", Mr, [
-                  j(We, {
+              l("td", Vs, [
+                l("div", Ms, [
+                  B(Qe, {
                     width: "24",
                     height: "24",
                     class: "w-4 h-4 mx-auto text-slate-400 dark:text-slate-500"
                   })
                 ])
               ]),
-              (i(!0), u(Q, null, Y(C.colModel, (W) => (i(), u("td", {
-                key: W.key,
+              (i(!0), u(ee, null, le(I.colModel, (m) => (i(), u("td", {
+                key: m.key,
                 class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]"
               }, [
-                l("div", Lr, E(x(V, W)), 1)
+                l("div", Ls, F(Y(S, m)), 1)
               ]))), 128)),
-              l("td", Sr, [
-                l("div", Br, [
+              l("td", Ss, [
+                l("div", Bs, [
                   l("button", {
-                    onClick: (W) => h(V, z),
+                    onClick: (m) => we(S, 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(sr, {
+                    B(rs, {
                       width: "24",
                       height: "24",
                       class: "w-3 h-3"
                     })
-                  ], 8, jr),
+                  ], 8, js),
                   l("button", {
-                    onClick: (W) => J(z),
+                    onClick: (m) => Ce(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, {
+                    B(ze, {
                       width: "24",
                       height: "24",
                       class: "w-3 h-3"
                     })
-                  ], 8, Ir)
+                  ], 8, Is)
                 ])
               ])
-            ], 42, Cr))), 128))
+            ], 42, Cs))), 128))
           ], 2)
         ])
-      ])
+      ]),
+      B(J(vt), {
+        visible: b.value,
+        title: _.value,
+        size: "lg"
+      }, {
+        default: $e(() => [
+          B(Ie, {
+            schema: e.colModel,
+            values: P.value,
+            "onUpdate:values": $[1] || ($[1] = (S) => P.value = S),
+            form: M.value,
+            "onUpdate:form": $[2] || ($[2] = (S) => M.value = S)
+          }, null, 8, ["schema", "values", "form"]),
+          l("div", zs, [
+            l("button", {
+              type: "button",
+              onClick: $[3] || ($[3] = (S) => b.value = !1),
+              class: "vs-button inline-flex border-solid justify-center items-center gap-2 rounded-md font-semibold focus:outline-none text-sm transition-all border !border-gray-200 hover:text-white bg-white text-red-500 hover:border-red-500 hover:bg-red-500 focus:ring-red-500 py-1.5 px-5 focus:ring-1 focus:ring-offset-1 mr-2"
+            }, " Скасувати "),
+            l("button", {
+              onClick: ce,
+              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"])
     ]));
   }
-}), zr = {
+}), Os = {
   draw: {
     toolbar: {
       actions: {
@@ -2695,7 +2718,7 @@ const sr = /* @__PURE__ */ R(or, [["render", rr]]), nr = { class: "vs-datatable
     }
   }
 };
-function Er(o) {
+function Es(o) {
   return o ? o.type === "FeatureCollection" || o.type === "Feature" ? o : o.geom ? {
     type: "Feature",
     geometry: {
@@ -2709,7 +2732,7 @@ function Er(o) {
     properties: {}
   } : null : null;
 }
-const Fr = {}, Or = {
+const Fs = {}, Ds = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   stroke: "currentColor",
@@ -2719,8 +2742,8 @@ const Fr = {}, Or = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-map-pin"
 };
-function Dr(o, e) {
-  return i(), u("svg", Or, e[0] || (e[0] = [
+function Us(o, e) {
+  return i(), u("svg", Ds, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2730,7 +2753,7 @@ function Dr(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 Ur = /* @__PURE__ */ R(Fr, [["render", Dr]]), Tr = {}, Rr = {
+const Ts = /* @__PURE__ */ R(Fs, [["render", Us]]), Rs = {}, Ps = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2740,8 +2763,8 @@ const Ur = /* @__PURE__ */ R(Fr, [["render", Dr]]), Tr = {}, Rr = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-line"
 };
-function Pr(o, e) {
-  return i(), u("svg", Rr, e[0] || (e[0] = [
+function Ns(o, e) {
+  return i(), u("svg", Ps, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2752,7 +2775,7 @@ function Pr(o, e) {
     l("path", { d: "M7.5 16.5l9 -9" }, null, -1)
   ]));
 }
-const Nr = /* @__PURE__ */ R(Tr, [["render", Pr]]), Hr = {}, qr = {
+const Hs = /* @__PURE__ */ R(Rs, [["render", Ns]]), qs = {}, Gs = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2762,12 +2785,12 @@ const Nr = /* @__PURE__ */ R(Tr, [["render", Pr]]), Hr = {}, qr = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-polygon"
 };
-function Gr(o, e) {
-  return i(), u("svg", qr, 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 Jr = /* @__PURE__ */ R(Hr, [["render", Gr]]), Kr = {}, Zr = {
+const Ks = /* @__PURE__ */ R(qs, [["render", Js]]), Zs = {}, Ws = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2777,12 +2800,12 @@ const Jr = /* @__PURE__ */ R(Hr, [["render", Gr]]), Kr = {}, Zr = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-topology-ring-3"
 };
-function Wr(o, e) {
-  return i(), u("svg", Zr, 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 Qr = /* @__PURE__ */ R(Kr, [["render", Wr]]), Xr = {}, Yr = {
+const Xs = /* @__PURE__ */ R(Zs, [["render", Qs]]), Ys = {}, er = {
   version: "1.1",
   viewBox: "0 0 14 14",
   xmlns: "http://www.w3.org/2000/svg",
@@ -2790,8 +2813,8 @@ const Qr = /* @__PURE__ */ R(Kr, [["render", Wr]]), Xr = {}, Yr = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   class: "fullscreen-icon"
 };
-function es(o, e) {
-  return i(), u("svg", Yr, 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),
@@ -2820,10 +2843,10 @@ function es(o, e) {
     ], -1)
   ]));
 }
-const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { class: "form-geom__search" }, os = { class: "map-search__input" }, as = { class: "flex flex-nowrap relative" }, rs = { class: "form-autocomplete relative min-w-[6rem] vsTailwind map-search__select hidden" }, ss = { class: "flex items-center w-full" }, ns = { class: "max-w-[90%] truncate" }, is = {
+const lr = /* @__PURE__ */ R(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"
-}, us = { 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" }, ds = { 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" }, cs = ["onClick"], ps = { class: "flex justify-between items-center w-full" }, fs = { class: "flex items-center" }, vs = {
+}, 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",
@@ -2834,87 +2857,87 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { class: "form-geom__se
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, ms = { class: "relative w-full" }, hs = { class: "vs-form-text relative bg-white rounded-lg" }, gs = {
+}, 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"
-}, bs = { key: 0 }, ys = ["onClick"], xs = {
+}, yr = { key: 0 }, xr = ["onClick"], wr = {
   key: 1,
   class: "px-3 py-2 text-xs text-gray-500"
-}, ws = {
+}, kr = {
   key: 2,
   class: "px-3 py-2 text-xs text-gray-400"
-}, ks = /* @__PURE__ */ A({
+}, _r = /* @__PURE__ */ O({
   __name: "map-search",
   props: {
     placeholder: { default: "50, 30" }
   },
   emits: ["goToCoordinates"],
   setup(o, { emit: e }) {
-    const t = e, n = k(!1), r = k("coordinates"), a = k(""), s = k([]), d = k(!1), p = k(!1);
+    const t = e, n = x(!1), s = x("coordinates"), a = x(""), r = 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 = O(() => c.find((_) => _.value === r.value)?.label ?? "АТУ");
+    ], g = D(() => c.find((_) => _.value === s.value)?.label ?? "АТУ");
     function v(_) {
-      r.value = _.value, n.value = !1, a.value = "", a.value && D();
+      s.value = _.value, n.value = !1, a.value = "", a.value && U();
     }
-    function M(_) {
+    function C(_) {
       _.target.closest(".map-search__input") || (n.value = !1);
     }
-    ne(() => document.addEventListener("click", M)), Fe(() => document.removeEventListener("click", M));
-    async function I(_) {
-      let x;
-      r.value === "atu" ? x = "/api/suggest/atu.nsdi.ato_level" : r.value === "address" ? x = "/api/suggest/map.address_id" : r.value === "search_here" && (x = "/api/gis-url-proxy");
-      const h = new URL(x || "");
-      return r.value === "search_here" ? h.searchParams.set("searchtext", _) : (r.value === "atu" || r.value === "address") && h.searchParams.set("key", _), h.searchParams.set("limit", "20"), h.searchParams.set("q", _), (await fetch(h.toString())).json();
+    ue(() => document.addEventListener("click", C)), Ee(() => document.removeEventListener("click", C));
+    async function z(_) {
+      let b;
+      s.value === "atu" ? b = "/api/suggest/atu.nsdi.ato_level" : s.value === "address" ? b = "/api/suggest/map.address_id" : s.value === "search_here" && (b = "/api/gis-url-proxy");
+      const h = new URL(b || "");
+      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();
     }
-    function D() {
-      if (d.value = !0, p.value = !0, r.value === "coordinates") {
+    function U() {
+      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 b = parseFloat(_[0]), h = parseFloat(_[1]);
+          !Number.isNaN(b) && !Number.isNaN(h) && t("goToCoordinates", [b, h]);
         }
         return;
       }
       f && window.clearTimeout(f), f = window.setTimeout(async () => {
         const _ = a.value.trim();
         if (!_) {
-          s.value = [], p.value = !1;
+          r.value = [], p.value = !1;
           return;
         }
         try {
-          const x = await I(_);
-          s.value = Array.isArray(x.features) ? x.features : [];
+          const b = await z(_);
+          r.value = Array.isArray(b.features) ? b.features : [];
         } catch {
-          s.value = [];
+          r.value = [];
         } finally {
           p.value = !1;
         }
       }, 300);
     }
     function T() {
-      a.value = "", s.value = [], d.value = !1, p.value = !1;
+      a.value = "", r.value = [], d.value = !1, p.value = !1;
     }
-    function P(_) {
-      t("goToCoordinates", _), d.value = !1, p.value = !1, s.value = [];
+    function N(_) {
+      t("goToCoordinates", _), d.value = !1, p.value = !1, r.value = [];
     }
-    return (_, x) => (i(), u("div", ls, [
-      l("div", os, [
-        l("div", as, [
-          l("div", rs, [
+    return (_, b) => (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: b[0] || (b[0] = (h) => n.value = !n.value),
               class: "h-[40px] relative px-4 pe-9 flex text-nowrap w-full cursor-pointer bg-white border border-solid border-stone-200 rounded-lg text-start text-sm text-stone-800 focus:outline-none focus:ring-1 focus:ring-blue-600 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"
             }, [
-              l("div", ss, [
-                l("span", ns, E(g.value), 1)
+              l("div", nr, [
+                l("span", ir, F(g.value), 1)
               ]),
-              x[3] || (x[3] = l("svg", {
+              b[3] || (b[3] = l("svg", {
                 class: "stroke-gray-500 absolute right-3 translate-y-1/2 bottom-1/2",
                 width: "15",
                 height: "15",
@@ -2929,30 +2952,30 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { class: "form-geom__se
                 })
               ], -1))
             ]),
-            n.value ? (i(), u("div", is, [
-              l("div", us, [
-                l("div", ds, [
-                  (i(), u(Q, null, Y(c, (h) => l("div", {
-                    onClick: (J) => v(h),
+            n.value ? (i(), u("div", ur, [
+              l("div", dr, [
+                l("div", cr, [
+                  (i(), u(ee, null, le(c, (h) => l("div", {
+                    onClick: (Z) => v(h),
                     key: h.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", ps, [
-                      l("div", fs, [
-                        l("div", null, E(h.label), 1)
+                    l("div", fr, [
+                      l("div", vr, [
+                        l("div", null, F(h.label), 1)
                       ]),
-                      h.value === r.value ? (i(), u("svg", vs, x[4] || (x[4] = [
+                      h.value === s.value ? (i(), u("svg", mr, b[4] || (b[4] = [
                         l("polyline", { points: "20 6 9 17 4 12" }, null, -1)
-                      ]))) : B("", !0)
+                      ]))) : j("", !0)
                     ])
-                  ], 8, cs)), 64))
+                  ], 8, pr)), 64))
                 ])
               ])
-            ])) : B("", !0)
+            ])) : j("", !0)
           ]),
-          l("div", ms, [
-            l("div", hs, [
-              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, [
+              b[6] || (b[6] = l("i", { class: "absolute bottom-1/2 translate-y-1/2 left-3 text-gray-500" }, [
                 l("svg", {
                   width: "16",
                   height: "16",
@@ -2975,15 +2998,15 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { class: "form-geom__se
                   })
                 ])
               ], -1)),
-              G(l("input", {
+              K(l("input", {
                 type: "text",
-                "onUpdate:modelValue": x[1] || (x[1] = (h) => a.value = h),
-                onInput: D,
-                onFocus: x[2] || (x[2] = (h) => d.value = !0),
+                "onUpdate:modelValue": b[1] || (b[1] = (h) => a.value = h),
+                onInput: U,
+                onFocus: b[2] || (b[2] = (h) => 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]
+                [de, a.value]
               ]),
               a.value ? (i(), u("button", {
                 key: 0,
@@ -2991,7 +3014,7 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { class: "form-geom__se
                 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] = [
+              }, b[5] || (b[5] = [
                 l("svg", {
                   width: "15",
                   height: "15",
@@ -3006,23 +3029,23 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { class: "form-geom__se
                     "stroke-linejoin": "round"
                   })
                 ], -1)
-              ]))) : B("", !0),
-              d.value && r.value !== "coordinates" ? (i(), u("div", gs, [
-                s.value.length ? (i(), u("ul", bs, [
-                  (i(!0), u(Q, null, Y(s.value, (h) => (i(), u("li", {
+              ]))) : j("", !0),
+              d.value && s.value !== "coordinates" ? (i(), u("div", br, [
+                r.value.length ? (i(), u("ul", yr, [
+                  (i(!0), u(ee, null, le(r.value, (h) => (i(), u("li", {
                     key: h.properties.place_id,
-                    onClick: (J) => P(h),
+                    onClick: (Z) => N(h),
                     class: "px-3 py-2 text-sm cursor-pointer hover:bg-gray-100"
-                  }, E(h.properties.display_name), 9, ys))), 128))
-                ])) : p.value ? (i(), u("div", xs, "Шукаю…")) : (i(), u("div", ws, "Нічого не знайдено"))
-              ])) : B("", !0)
+                  }, F(h.properties.display_name), 9, xr))), 128))
+                ])) : p.value ? (i(), u("div", wr, "Шукаю…")) : (i(), u("div", kr, "Нічого не знайдено"))
+              ])) : j("", !0)
             ])
           ])
         ])
       ])
     ]));
   }
-}), _s = { class: "bg-white/95 p-2 rounded-xl shadow border border-gray-200" }, $s = { class: "flex gap-2" }, Cs = ["onClick", "title"], Vs = ["src"], Ms = /* @__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__ */ O({
   __name: "map-layers",
   props: {
     basemaps: {},
@@ -3030,15 +3053,15 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { class: "form-geom__se
   },
   emits: ["onLayerChange"],
   setup(o, { emit: e }) {
-    const n = k(o.defaultLayer ?? ""), r = e;
-    function a(s) {
-      r("onLayerChange", s), n.value = s;
+    const n = x(o.defaultLayer ?? ""), s = e;
+    function a(r) {
+      s("onLayerChange", r), n.value = r;
     }
-    return (s, d) => (i(), u("div", _s, [
-      l("div", $s, [
-        (i(!0), u(Q, null, Y(s.basemaps, (p, f) => (i(), u("div", {
+    return (r, d) => (i(), u("div", $r, [
+      l("div", Cr, [
+        (i(!0), u(ee, null, le(r.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 }]),
+          class: V(["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,
           role: "button",
@@ -3048,21 +3071,21 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { class: "form-geom__se
             src: p.preview,
             alt: "",
             class: "w-14 h-14 object-cover"
-          }, null, 8, Vs)
-        ], 10, Cs))), 128))
+          }, null, 8, Mr)
+        ], 10, Vr))), 128))
       ])
     ]));
   }
-}), Ls = { class: "absolute top-4 left-4 z-[1000] w-[calc(100%-20px)] sm:w-[350px]" }, Ss = { class: "form-geom__panel flex gap-1 items-start mt-2" }, Bs = { class: "flex items-center gap-1" }, js = ["disabled"], Is = { class: "absolute top-4 right-4 z-[1000]" }, As = { class: "flex flex-col gap-[2px]" }, zs = ["aria-pressed"], Es = ["aria-pressed"], Fs = ["aria-pressed"], Os = ["aria-pressed"], Ds = { 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" }, Us = {
+}), 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"
-}, Ts = { class: "mr-auto" }, Rs = { class: "font-bold" }, Ps = { class: "flex items-center" }, Ns = { class: "text-xs mr-2" }, Hs = {
+}, 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"
-}, qs = {
+}, Gr = {
   key: 1,
   class: "text-xs"
-}, Gs = /* @__PURE__ */ A({
+}, Jr = /* @__PURE__ */ O({
   __name: "vs-input-map",
   props: {
     tools: {},
@@ -3076,11 +3099,9 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { class: "form-geom__se
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o;
-    console.log(t);
-    const n = e, r = k(null);
-    let a, s, d;
-    const p = k(null), f = k(null), c = k(6), g = k(0), v = k(null), M = {
+    const t = o, n = e, s = x(null);
+    let a, r, d;
+    const p = x(null), f = x(null), c = x(6), g = x(0), v = x(null), C = {
       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"
@@ -3094,108 +3115,108 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { class: "form-geom__se
         preview: "https://tile.openstreetmap.org.ua/styles/osm-bright/13/4790/2762.png"
       }
     };
-    let I;
-    const D = k("topo100");
+    let z;
+    const U = x("topo100");
     function T() {
-      return new Promise((b, $) => {
-        window.L && window.L.Draw && b(0);
-        const F = (ee) => {
-          if (Array.from(document.styleSheets).some((be) => be?.href?.includes(ee))) return;
-          const pe = document.createElement("link");
-          pe.rel = "stylesheet", pe.href = ee, document.head.appendChild(pe);
-        }, N = (ee) => new Promise(($e, pe) => {
-          const be = Array.from(document.scripts).find((fe) => fe.src === ee);
-          if (be) {
-            be.addEventListener("load", () => $e()), be.addEventListener("error", (fe) => pe(fe));
+      return new Promise((m, y) => {
+        window.L && window.L.Draw && m(0);
+        const E = (oe) => {
+          if (Array.from(document.styleSheets).some((ye) => ye?.href?.includes(oe))) return;
+          const fe = document.createElement("link");
+          fe.rel = "stylesheet", fe.href = oe, document.head.appendChild(fe);
+        }, G = (oe) => new Promise((Ve, fe) => {
+          const ye = Array.from(document.scripts).find((ve) => ve.src === oe);
+          if (ye) {
+            ye.addEventListener("load", () => Ve()), ye.addEventListener("error", (ve) => fe(ve));
             return;
           }
-          const ye = document.createElement("script");
-          ye.src = ee, ye.async = !0, ye.onload = () => $e(), ye.onerror = (fe) => pe(fe), document.body.appendChild(ye);
+          const xe = document.createElement("script");
+          xe.src = oe, xe.async = !0, xe.onload = () => Ve(), xe.onerror = (ve) => fe(ve), document.body.appendChild(xe);
         });
-        F("https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"), F("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($);
+        E("https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"), E("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.css"), G("https://unpkg.com/leaflet@1.9.4/dist/leaflet.js").then(() => G("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.js")).then(() => m(0)).catch(y);
       });
     }
-    function P() {
-      const b = s.toGeoJSON();
-      let $ = null;
-      b?.features?.length && ($ = b.features[0].geometry), n("update:modelValue", $), g.value = s.getLayers().length;
+    function N() {
+      const m = r.toGeoJSON();
+      let y = null;
+      m?.features?.length && (y = m.features[0].geometry), n("update:modelValue", y), g.value = r.getLayers().length;
     }
-    function _(b = 30) {
-      const $ = s.getLayers();
-      if (!$.length) return;
-      const N = L.featureGroup($).getBounds();
-      N && N.isValid() && a.fitBounds(N, { padding: [b, b] });
+    function _(m = 30) {
+      const y = r.getLayers();
+      if (!y.length) return;
+      const G = L.featureGroup(y).getBounds();
+      G && G.isValid() && a.fitBounds(G, { padding: [m, m] });
     }
-    function x() {
+    function b() {
       p.value?.click();
     }
-    const h = k("");
-    function J(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 h = x("");
+    function Z(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 P(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(), F = Array.isArray($[0]) ? $[0] : $, N = L.GeometryUtil?.geodesicArea ? L.GeometryUtil.geodesicArea(F) : 0;
-          return N ? N / 1e6 : 0;
+          const y = m.getLatLngs(), E = Array.isArray(y[0]) ? y[0] : y, G = L.GeometryUtil?.geodesicArea ? L.GeometryUtil.geodesicArea(E) : 0;
+          return G ? G / 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 M(m) {
+      return m instanceof L.Circle ? m.getLatLng() : m.getBounds ? m.getBounds().getCenter() : m.getLatLng ? m.getLatLng() : a.getCenter();
     }
-    function V() {
-      const b = s.getLayers();
-      if (!b.length) {
+    function H() {
+      const m = r.getLayers();
+      if (!m.length) {
         v.value = null, g.value = 0;
         return;
       }
-      const $ = b[b.length - 1], F = J($), N = m($), ee = C($);
+      const y = m[m.length - 1], E = Z(y), G = M(y), oe = P(y);
       v.value = {
-        type: F,
-        center: N,
-        areaKm2: ee,
-        layer: $
-      }, g.value = b.length;
+        type: E,
+        center: G,
+        areaKm2: oe,
+        layer: y
+      }, g.value = m.length;
     }
-    function z() {
-      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 Y() {
+      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(c.value, 14)));
     }
-    function W() {
-      const b = v.value?.layer;
-      b && (s.removeLayer(b), P(), V());
+    function we() {
+      const m = v.value?.layer;
+      m && (r.removeLayer(m), N(), H());
     }
-    ne(async () => {
-      await T(), L.drawLocal = zr, a = L.map(r.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), D.value = "topo100", s = new L.FeatureGroup().addTo(a), a.on(L.Draw.Event.CREATED, (F) => {
-        const { layer: N } = F;
-        s.clearLayers(), s.addLayer(N), P(), V(), _(), h.value = "";
+    ue(async () => {
+      await T(), L.drawLocal = Os, a = L.map(s.value, { zoomControl: !1 }).setView([50, 30], 10), L.control.zoom({ position: "bottomright" }).addTo(a), z = L.tileLayer(C.topo100.url, { maxZoom: 19, minZoom: 6 }).addTo(a), U.value = "topo100", r = new L.FeatureGroup().addTo(a), a.on(L.Draw.Event.CREATED, (E) => {
+        const { layer: G } = E;
+        r.clearLayers(), r.addLayer(G), N(), H(), _(), h.value = "";
       }), a.on(L.Draw.Event.EDITED, () => {
-        P(), V(), _();
+        N(), H(), _();
       }), a.on(L.Draw.Event.DELETED, () => {
-        P(), V(), _();
+        N(), H(), _();
       });
-      let b = !1;
-      a.on("mousemove", (F) => {
-        b || (a.invalidateSize(), b = !0), f.value = F.latlng;
+      let m = !1;
+      a.on("mousemove", (E) => {
+        m || (a.invalidateSize(), m = !0), f.value = E.latlng;
       }), a.on("zoomend", () => {
         c.value = a.getZoom();
       });
-      const $ = Er(t.modelValue);
-      if ($) {
-        const F = [];
-        L.geoJSON($).eachLayer((N) => F.push(N)), F.length && s.addLayer(F[0]), P(), V(), _();
+      const y = Es(t.modelValue);
+      if (y) {
+        const E = [];
+        L.geoJSON(y).eachLayer((G) => E.push(G)), E.length && r.addLayer(E[0]), N(), H(), _();
       }
     });
-    function te(b) {
+    function ce(m) {
       if (a) {
-        switch (d && d.disable(), b) {
+        switch (d && d.disable(), m) {
           case "marker":
             d = new L.Draw.Marker(a);
             break;
@@ -3212,179 +3233,179 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { class: "form-geom__se
             d = new L.Draw.Rectangle(a);
             break;
         }
-        d && (d.enable(), h.value = b);
+        d && (d.enable(), h.value = m);
       }
     }
-    function xe() {
-      const b = s.toGeoJSON(), $ = new Blob([JSON.stringify(b, null, 2)], { type: "application/json" }), F = URL.createObjectURL($), N = document.createElement("a");
-      N.href = F, N.download = "data.geojson", N.click(), URL.revokeObjectURL(F);
+    function Ce() {
+      const m = r.toGeoJSON(), y = new Blob([JSON.stringify(m, null, 2)], { type: "application/json" }), E = URL.createObjectURL(y), G = document.createElement("a");
+      G.href = E, G.download = "data.geojson", G.click(), URL.revokeObjectURL(E);
     }
-    function ke(b) {
-      const $ = b.target.files?.[0];
-      if (!$) return;
-      const F = new FileReader();
-      F.onload = () => {
-        if (typeof F.result == "string")
+    function I(m) {
+      const y = m.target.files?.[0];
+      if (!y) return;
+      const E = new FileReader();
+      E.onload = () => {
+        if (typeof E.result == "string")
           try {
-            const N = JSON.parse(F.result);
-            s.clearLayers(), N && L.geoJSON({ type: "Feature", geometry: N }).eachLayer((ee) => {
-              s.addLayer(ee);
-            }), P(), V(), _();
+            const G = JSON.parse(E.result);
+            r.clearLayers(), G && L.geoJSON({ type: "Feature", geometry: G }).eachLayer((oe) => {
+              r.addLayer(oe);
+            }), N(), H(), _();
           } finally {
-            b.target.value = "";
+            m.target.value = "";
           }
-      }, F.readAsText($);
+      }, E.readAsText(y);
     }
-    function ue(b) {
-      a && (I && a.removeLayer(I), I = L.tileLayer(M[b].url, { maxZoom: 19, minZoom: 6 }).addTo(a), D.value = b);
+    function $(m) {
+      a && (z && a.removeLayer(z), z = L.tileLayer(C[m].url, { maxZoom: 19, minZoom: 6 }).addTo(a), U.value = m);
     }
-    function Ae(b) {
-      const $ = L.latLng(b[0], b[1]);
-      a.setView($, 13);
+    function S(m) {
+      const y = L.latLng(m[0], m[1]);
+      a.setView(y, 13);
     }
-    se(
+    ie(
       () => t.modelValue,
-      (b) => {
-        s.clearLayers(), b && L.geoJSON({ type: "Feature", geometry: b }).eachLayer(($) => {
-          s.addLayer($);
-        }), g.value = s.getLayers().length, V(), _();
+      (m) => {
+        r.clearLayers(), m && L.geoJSON({ type: "Feature", geometry: m }).eachLayer((y) => {
+          r.addLayer(y);
+        }), g.value = r.getLayers().length, H(), _();
       }
     );
-    const _e = k(!1);
-    return (b, $) => (i(), u("div", {
-      class: S(["leaflet-map-wrapper relative w-full h-[400px]", { fullscreen: _e.value }])
+    const q = x(!1);
+    return (m, y) => (i(), u("div", {
+      class: V(["leaflet-map-wrapper relative w-full h-[400px]", { fullscreen: q.value }])
     }, [
       l("div", {
         ref_key: "mapContainer",
-        ref: r,
+        ref: s,
         class: "w-full h-full"
       }, null, 512),
-      l("div", Ls, [
-        j(ks, { onGoToCoordinates: Ae }),
-        l("div", Ss, [
-          l("div", Bs, [
+      l("div", Sr, [
+        B(_r, { onGoToCoordinates: S }),
+        l("div", Br, [
+          l("div", jr, [
             l("button", {
               type: "button",
               class: "vs-btn-row",
-              onClick: x
+              onClick: b
             }, "Import"),
             l("button", {
               type: "button",
               class: "vs-btn-row",
-              onClick: xe,
+              onClick: Ce,
               disabled: g.value === 0
-            }, "Export ", 8, js)
+            }, "Export ", 8, Ir)
           ]),
           l("input", {
             ref_key: "importRef",
             ref: p,
             type: "file",
-            onChange: ke,
+            onChange: I,
             accept: ".json,.geojson",
             class: "hidden"
           }, null, 544)
         ])
       ]),
-      l("div", Is, [
-        l("div", As, [
+      l("div", zr, [
+        l("div", Ar, [
           l("button", {
-            class: S(["vs-btn", { "vs-active": h.value === "marker" }]),
+            class: V(["vs-btn", { "vs-active": h.value === "marker" }]),
             "aria-pressed": h.value === "marker",
             title: "Point (P)",
             "aria-label": "Draw point",
-            onClick: $[0] || ($[0] = (F) => te("marker"))
+            onClick: y[0] || (y[0] = (E) => ce("marker"))
           }, [
-            j(Ur)
-          ], 10, zs),
+            B(Ts)
+          ], 10, Or),
           l("button", {
-            class: S(["vs-btn", { "vs-active": h.value === "polyline" }]),
+            class: V(["vs-btn", { "vs-active": h.value === "polyline" }]),
             "aria-pressed": h.value === "polyline",
             title: "Line (L)",
             "aria-label": "Draw polyline",
-            onClick: $[1] || ($[1] = (F) => te("polyline"))
+            onClick: y[1] || (y[1] = (E) => ce("polyline"))
           }, [
-            j(Nr)
-          ], 10, Es),
+            B(Hs)
+          ], 10, Er),
           l("button", {
-            class: S(["vs-btn", { "vs-active": h.value === "polygon" }]),
+            class: V(["vs-btn", { "vs-active": h.value === "polygon" }]),
             "aria-pressed": h.value === "polygon",
             title: "Polygon (G)",
             "aria-label": "Draw polygon",
-            onClick: $[2] || ($[2] = (F) => te("polygon"))
+            onClick: y[2] || (y[2] = (E) => ce("polygon"))
           }, [
-            j(Jr)
-          ], 10, Fs),
+            B(Ks)
+          ], 10, Fr),
           l("button", {
-            class: S(["vs-btn", { "vs-active": h.value === "rectangle" }]),
+            class: V(["vs-btn", { "vs-active": h.value === "rectangle" }]),
             "aria-pressed": h.value === "rectangle",
             title: "Rectangle (R)",
             "aria-label": "Draw rectangle",
-            onClick: $[3] || ($[3] = (F) => te("rectangle"))
+            onClick: y[3] || (y[3] = (E) => ce("rectangle"))
           }, [
-            j(Qr)
-          ], 10, Os),
+            B(Xs)
+          ], 10, Dr),
           l("button", {
             class: "vs-btn mt-5",
-            onClick: $[4] || ($[4] = (F) => _e.value = !_e.value),
+            onClick: y[4] || (y[4] = (E) => q.value = !q.value),
             title: "Full Screen",
             "aria-label": "Full Screen"
           }, [
-            j(ts, { style: { width: "12px", height: "12px" } })
+            B(lr, { style: { width: "12px", height: "12px" } })
           ])
         ])
       ]),
       l("div", {
-        class: S(["absolute left-4 z-[1000]", v.value ? "bottom-8" : "bottom-4"])
+        class: V(["absolute left-4 z-[1000]", v.value ? "bottom-8" : "bottom-4"])
       }, [
-        j(Ms, {
-          basemaps: M,
+        B(Lr, {
+          basemaps: C,
           "default-layer": "topo100",
-          onOnLayerChange: ue
+          onOnLayerChange: $
         })
       ], 2),
-      l("div", Ds, [
-        v.value ? (i(), u("div", Us, [
-          l("div", Ts, [
-            $[7] || ($[7] = oe(" Тип: ", -1)),
-            l("span", Rs, E(v.value.type), 1)
+      l("div", Ur, [
+        v.value ? (i(), u("div", Tr, [
+          l("div", Rr, [
+            y[7] || (y[7] = se(" Тип: ")),
+            l("span", Pr, F(v.value.type), 1)
           ]),
-          l("div", Ps, [
-            l("div", Ns, [
-              $[8] || ($[8] = oe(" Центр: ", -1)),
-              l("b", null, E(v.value.center.lat.toFixed(5)) + ", " + E(v.value.center.lng.toFixed(5)), 1)
+          l("div", Nr, [
+            l("div", Hr, [
+              y[8] || (y[8] = se(" Центр: ")),
+              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", Hs, [
-              $[9] || ($[9] = oe(" Площа: ", -1)),
-              l("b", null, E(v.value.areaKm2.toFixed(1)) + "км²", 1)
-            ])) : (i(), u("div", qs, $[10] || ($[10] = [
-              oe(" Площа: ", -1),
+            v.value.areaKm2 !== null ? (i(), u("div", qr, [
+              y[9] || (y[9] = se(" Площа: ")),
+              l("b", null, F(v.value.areaKm2.toFixed(1)) + "км²", 1)
+            ])) : (i(), u("div", Gr, y[10] || (y[10] = [
+              se(" Площа: "),
               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] = (F) => z())
-            }, $[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] = (E) => Y())
+            }, 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-ac23d238><path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" data-v-ac23d238></path><path d="M7 10l6 0" data-v-ac23d238></path><path d="M10 7l0 6" data-v-ac23d238></path><path d="M21 21l-6 -6" data-v-ac23d238></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] = (F) => W())
+              onClick: y[6] || (y[6] = (E) => we())
             }, [
-              j(Ie, { class: "w-3 h-3" })
+              B(ze, { class: "w-3 h-3" })
             ])
           ])
-        ])) : B("", !0)
+        ])) : j("", !0)
       ])
     ], 2));
   }
-}), Js = /* @__PURE__ */ R(Gs, [["__scopeId", "data-v-55d330eb"]]), Ks = ["data-focus"], Zs = { class: "flex items-center" }, Ws = { class: "overflow-hidden text-ellipsis whitespace-nowrap rounded-sm text-[#333] text-[85%] px-0.5 py-[3px] pl-1.5 box-border" }, Qs = ["onClick", "aria-label"], Xs = {
+}), Kr = /* @__PURE__ */ R(Jr, [["__scopeId", "data-v-ac23d238"]]), 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"
-}, Ys = { class: "flex-1 min-w-[2px]" }, en = ["placeholder"], tn = { class: "flex items-center shrink-0" }, ln = ["disabled"], on = /* @__PURE__ */ A({
+}, en = { class: "flex-1 min-w-[2px]" }, tn = ["placeholder"], ln = { class: "flex items-center shrink-0" }, on = ["disabled"], an = /* @__PURE__ */ O({
   __name: "vs-input-tag",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ Q({
     unique: { type: Boolean, default: !0 },
     style: { default: () => ({}) },
     customClass: { default: "" },
@@ -3397,71 +3418,71 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { class: "form-geom__se
     modelValue: { default: [] },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ K(["update:modelValue"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ Q(["update:modelValue"], ["update:modelValue"]),
   setup(o, { emit: e }) {
     const t = o, n = e;
-    ge(t.style);
-    const r = k(null), a = k(null), s = k(null), d = k(!1), p = k(""), f = Z(o, "modelValue"), c = O(() => t.placeholder || "Add tag…"), g = O(() => f.value?.length === 0 && p.value === ""), v = O(() => !t.disabled && f.value?.length > 0), M = O(() => t.disabled), I = async () => {
-      M.value || await Ce(() => s.value?.focus());
-    }, D = (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 = "");
+    be(t.style);
+    const s = x(null), a = x(null), r = x(null), d = x(!1), p = x(""), f = X(o, "modelValue"), c = D(() => t.placeholder || "Add tag…"), g = D(() => f.value?.length === 0 && p.value === ""), v = D(() => !t.disabled && f.value?.length > 0), C = D(() => t.disabled), z = async () => {
+      C.value || await Me(() => r.value?.focus());
+    }, U = (P) => {
+      const M = P.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() !== "" && D(C), p.value = "";
-    }, P = (C) => {
-      const m = f.value.slice();
-      m.splice(C, 1), n("update:modelValue", m);
+      const P = p.value;
+      P.trim() !== "" && U(P), p.value = "";
+    }, N = (P) => {
+      const M = f.value.slice();
+      M.splice(P, 1), n("update:modelValue", M);
     }, _ = () => {
       n("update:modelValue", []);
-    }, x = () => {
-      M.value || (d.value = !0);
+    }, b = () => {
+      C.value || (d.value = !0);
     }, h = () => {
       d.value = !1;
-    }, J = (C) => {
-      const { key: m } = C;
-      m === "Enter" ? (C.preventDefault(), T()) : m === "Backspace" && p.value === "" && f.value.length > 0 && P(f.value.length - 1);
+    }, Z = (P) => {
+      const { key: M } = P;
+      M === "Enter" ? (P.preventDefault(), T()) : M === "Backspace" && p.value === "" && f.value.length > 0 && N(f.value.length - 1);
     };
-    return (C, m) => (i(), u("div", {
+    return (P, M) => (i(), u("div", {
       class: "flex gap-1 w-full",
       ref_key: "root",
-      ref: r,
-      onClick: m[1] || (m[1] = re(() => {
+      ref: s,
+      onClick: M[1] || (M[1] = ne(() => {
       }, ["stop"]))
     }, [
       l("div", {
-        class: S(["relative w-full font-sans", t.customClass]),
+        class: V(["relative w-full font-sans", t.customClass]),
         role: "group",
         "aria-label": "Tag input"
       }, [
         l("div", {
-          class: S([
+          class: V([
             "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: z
         }, [
           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
           }, [
-            (i(!0), u(Q, null, Y(f.value, (V, z) => (i(), u("div", {
-              key: z,
+            (i(!0), u(ee, null, le(f.value, (H, Y) => (i(), u("div", {
+              key: Y,
               class: "flex min-w-0 bg-[#e6e6e6] rounded-sm m-0.5 box-border"
             }, [
-              l("div", Zs, [
-                l("div", Ws, E(V), 1)
+              l("div", Wr, [
+                l("div", Qr, F(H), 1)
               ]),
               l("div", {
                 role: "button",
                 class: "flex items-center rounded-sm px-1 box-border hover:bg-[#ffbdad] hover:text-[#de350b]",
-                onClick: re((W) => P(z), ["stop"]),
-                "aria-label": `Remove ${V}`
-              }, m[2] || (m[2] = [
+                onClick: ne((we) => N(Y), ["stop"]),
+                "aria-label": `Remove ${H}`
+              }, M[2] || (M[2] = [
                 l("svg", {
                   height: "14",
                   width: "14",
@@ -3472,14 +3493,14 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { 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, Qs)
+              ]), 8, Xr)
             ]))), 128)),
-            g.value ? (i(), u("div", Xs, E(c.value), 1)) : B("", !0),
-            l("div", Ys, [
-              M.value ? B("", !0) : G((i(), u("input", {
+            g.value ? (i(), u("div", Yr, F(c.value), 1)) : j("", !0),
+            l("div", en, [
+              C.value ? j("", !0) : K((i(), u("input", {
                 key: 0,
                 ref_key: "inputRef",
-                ref: s,
+                ref: r,
                 class: "pl-2 w-full bg-transparent outline-none border-0 m-0 p-0 text-gray-900",
                 autocapitalize: "none",
                 autocomplete: "off",
@@ -3488,25 +3509,25 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { class: "form-geom__se
                 type: "text",
                 tabindex: "0",
                 "aria-label": "Add tag",
-                "onUpdate:modelValue": m[0] || (m[0] = (V) => p.value = V),
-                onFocus: x,
+                "onUpdate:modelValue": M[0] || (M[0] = (H) => p.value = H),
+                onFocus: b,
                 onBlur: h,
-                onKeydown: J,
+                onKeydown: Z,
                 placeholder: f.value && f.value.length ? "" : void 0
-              }, null, 40, en)), [
-                [ie, p.value]
+              }, null, 40, tn)), [
+                [de, p.value]
               ])
             ])
           ], 512),
-          l("div", tn, [
+          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: re(_, ["stop"])
-            }, m[3] || (m[3] = [
+              disabled: C.value,
+              onClick: ne(_, ["stop"])
+            }, M[3] || (M[3] = [
               l("svg", {
                 height: "20",
                 width: "20",
@@ -3515,34 +3536,34 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { 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, ln)) : B("", !0)
+            ]), 8, on)) : j("", !0)
           ])
-        ], 10, Ks)
+        ], 10, Zr)
       ], 2)
     ], 512));
   }
-}), an = {
-  VsInputText: qe,
-  VsInputRadio: Je,
-  "vs-input-text": qe,
-  "vs-input-textarea": Aa,
+}), sn = {
+  VsInputText: Ge,
+  VsInputRadio: Ke,
+  "vs-input-text": Ge,
+  "vs-input-textarea": za,
   "vs-input-mask": nl,
   "vs-input-number": jt,
-  "vs-input-radio": Je,
+  "vs-input-radio": Ke,
   "vs-input-select": ja,
-  "vs-input-switcher": lt,
-  "vs-input-static": Ge,
+  "vs-input-switcher": ot,
+  "vs-input-static": Je,
   "vs-input-container": ia,
   "vs-input-date": wl,
   "vs-input-checkbox": yl,
-  "vs-input-file": so,
-  "vs-input-html": Ge,
+  "vs-input-file": ro,
+  "vs-input-html": Je,
   "vs-input-email": dl,
-  "vs-input-datatable": Ar,
-  "vs-input-map": Js,
-  "vs-input-file-list": Oo,
-  "vs-input-tag": on
-}, rn = /* @__PURE__ */ A({
+  "vs-input-datatable": As,
+  "vs-input-map": Kr,
+  "vs-input-file-list": Fo,
+  "vs-input-tag": an
+}, rn = /* @__PURE__ */ O({
   __name: "behavior",
   props: {
     api: {},
@@ -3556,27 +3577,27 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { class: "form-geom__se
     async function n() {
       try {
         if (!e.api) return;
-        const r = e.api.replace("{{value}}", e.value), a = await fetch(r);
+        const s = e.api.replace("{{value}}", e.value), a = await fetch(s);
         if (!a.ok) {
-          ve({ type: "warning", title: "Validation", message: "При спробі завантажити дані виникла помилка." });
+          pe({ type: "warning", title: "Validation", message: "При спробі завантажити дані виникла помилка." });
           return;
         }
-        const s = await a.json();
+        const r = await a.json();
         if (!e.set || !t) return;
         for (const [d, p] of Object.entries(e.set))
-          t.value[d] = s.result[p];
-      } catch (r) {
-        console.error(e.error, r);
+          t.value[d] = r.result[p];
+      } catch (s) {
+        console.error(e.error, s);
       }
     }
-    return (r, a) => (i(), u("button", {
+    return (s, a) => (i(), u("button", {
       onClick: n,
       class: "vs-button relative inline-flex border-solid justify-center items-center gap-2 rounded-md font-semibold focus:outline-none text-sm transition-all border !border-gray-200 hover:text-white bg-white text-blue-500 hover:border-blue-500 hover:bg-blue-500 focus:ring-blue-500 py-1.5 px-5 focus:ring-1 focus:ring-offset-1 ml-0 md:ml-2 mt-2 md:mt-0 py-[8px] md:w-2/4 whitespace-nowrap w-full"
-    }, E(r.button), 1));
+    }, F(s.button), 1));
   }
-}), sn = { class: "flex w-full" }, rt = /* @__PURE__ */ A({
+}), nn = { class: "flex w-full" }, rt = /* @__PURE__ */ O({
   __name: "vs-compact-form-layout",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ Q({
     item: { default: {} },
     layout: { default: "default" },
     style: { default: {} },
@@ -3588,55 +3609,55 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { class: "form-geom__se
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = Z(o, "modelValue"), n = O(() => Lt[`${e.layout}`]), r = O(() => an?.[`vs-input-${e.item.type}`]), a = O(() => {
-      const d = q(r);
+    const e = o, t = X(o, "modelValue"), n = D(() => Lt[`${e.layout}`]), s = D(() => sn?.[`vs-input-${e.item.type}`]), a = D(() => {
+      const d = J(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);
-    }), s = O(() => {
+    }), r = D(() => {
       const d = e.item ?? {}, p = a.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(_e(n.value), {
       ua: e.item.ua,
       error: e.error || "",
       item: d.item,
       label: e.item.label
     }, {
-      default: Le(() => [
-        l("div", sn, [
-          (i(), X(we(r.value), Ve(s.value, {
+      default: $e(() => [
+        l("div", nn, [
+          (i(), te(_e(s.value), Le(r.value, {
             modelValue: t.value,
             "onUpdate:modelValue": p[0] || (p[0] = (f) => t.value = f)
           }), null, 16, ["modelValue"])),
-          d.item.behavior ? (i(), X(rn, Ve({ key: 0 }, d.item.behavior, { value: t.value }), null, 16, ["value"])) : B("", !0)
+          d.item.behavior ? (i(), te(rn, Le({ key: 0 }, d.item.behavior, { value: t.value }), null, 16, ["value"])) : j("", !0)
         ])
       ]),
       _: 1
     }, 8, ["ua", "error", "item", "label"]));
   }
-}), st = {
+}), nt = {
   required: "Це поле є обов’язковим",
   email: "Неправильний email"
-}, nn = (o) => o ? !1 : st.required, un = (o) => !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(o) && o ? st.email : !1, dn = (o, e) => {
+}, un = (o) => o ? !1 : nt.required, dn = (o) => !o && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(o) ? nt.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;
-}, cn = (o, e) => !1, pn = (o, e) => {
+}, pn = (o, e) => !1, fn = (o, e) => {
   switch (typeof e == "string" ? e : e.type) {
     case "required":
-      return nn(o);
-    case "email":
       return un(o);
+    case "email":
+      return dn(o);
     case "regexp":
-      return dn(o, e);
+      return cn(o, e);
     case "custom":
-      return cn();
+      return pn();
     default:
       return !1;
   }
-}, fn = {
+}, vn = {
   autocomplete: "select",
   combobox: "select",
   datepicker: "date",
@@ -3648,16 +3669,16 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { class: "form-geom__se
   file: "file"
   // mask: 'text',
 };
-function Qe(o) {
+function Xe(o) {
   const e = o.toLowerCase();
-  return fn[e] || e;
+  return vn[e] || e;
 }
-function vn(o) {
+function mn(o) {
   if (Array.isArray(o)) {
     const t = [];
     return o.forEach((n) => {
-      const r = { ...n };
-      r.name = (n.name || n.id || n.key || "").toString(), r.type = Qe(n.type), r.label = n.label || n.ua, r.rules = n.rules || n.validators, n.data && (r.api = `/api/suggest/${n.data}`), t.push(r);
+      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);
     }), t;
   }
   const e = [];
@@ -3665,46 +3686,46 @@ function vn(o) {
     const n = {
       name: t[0],
       ...t[1],
-      type: Qe(t[1].type),
+      type: Xe(t[1].type),
       label: t[1].label || t[1].ua,
       rules: t[1].rules || t[1].validators
     };
     t[1].type.includes("list") && (n.multiple = !0), t[1].data && (n.api = `/api/suggest/${t[1].data}`), e.push(n);
   }), e;
 }
-function mn(o, e) {
-  const t = vn(e), n = k({});
-  function r(p) {
+function hn(o, e) {
+  const t = mn(e), n = 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 at(g, f);
+    return st(g, f);
   }
   const a = (p = t, f = !0) => (p.forEach((c) => {
     if (c.rules) {
-      if (!r(c)) {
+      if (!s(c)) {
         delete n.value[c.name];
         return;
       }
       c.rules.forEach((g) => {
-        const v = pn(o.value[c.name], g);
+        const v = fn(o.value[c.name], g);
         v ? n.value[c.name] = v : delete n.value[c.name];
       });
     }
     c.schema && a(c.schema, !1);
-  }), f && Object.values(n.value).some(Boolean) ? n.value : null), s = O(() => t?.filter((p) => r(p)));
+  }), f && Object.values(n.value).some(Boolean) ? n.value : null), r = D(() => t?.filter((p) => s(p)));
   return {
     errors: n,
     validate: a,
     reset: () => {
       o.value = {}, n.value = {};
     },
-    visibleSchema: s
+    visibleSchema: r
   };
 }
-const Ee = /* @__PURE__ */ A({
+const Ie = /* @__PURE__ */ O({
   __name: "vs-compact-form",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ Q({
     schema: { default: () => [] },
     style: { default: () => ({}) },
     modelValue: {},
@@ -3716,74 +3737,74 @@ const Ee = /* @__PURE__ */ A({
     values: { default: () => ({}) },
     valuesModifiers: {}
   }),
-  emits: /* @__PURE__ */ K(["handle-submit", "update:modelValue"], ["update:form", "update:values"]),
+  emits: /* @__PURE__ */ Q(["handle-submit", "update:modelValue"], ["update:form", "update:values"]),
   setup(o, { expose: e, emit: t }) {
-    const n = t, r = o, a = Z(o, "form"), s = Z(o, "values"), {
+    const n = t, s = o, a = X(o, "form"), r = X(o, "values"), {
       errors: d,
       validate: p,
       reset: f,
       visibleSchema: c
-    } = mn(s, r.schema), g = () => {
-      n("update:modelValue", s.value), p(), n("handle-submit", s.value);
+    } = hn(r, s.schema), g = () => {
+      n("update:modelValue", r.value), p(), n("handle-submit", r.value);
     };
     e({
       validate: p,
       reset: f,
       errors: d
-    }), ne(() => {
-      r.modelValue && (s.value = r.modelValue), a.value.value = s.value, a.value.errors = d.value, a.value.reset = f, a.value.validate = p, a.value.formId = r.formId;
+    }), ue(() => {
+      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;
     });
-    function v(M, I) {
-      if (M === I) return !0;
-      if (typeof M != "object" || typeof I != "object" || !M || !I) return !1;
-      const D = Object.keys(M), T = Object.keys(I);
-      return D.length !== T.length ? !1 : D.every((P) => M[P] === I[P]);
+    function v(C, z) {
+      if (C === z) return !0;
+      if (typeof C != "object" || typeof z != "object" || !C || !z) return !1;
+      const U = Object.keys(C), T = Object.keys(z);
+      return U.length !== T.length ? !1 : U.every((N) => C[N] === z[N]);
     }
-    return He("form", a), He("values", s), (M, I) => (i(), u("form", {
-      onSubmit: re(g, ["prevent"]),
-      class: S(["grid grid-cols-12", M.layout === "default" ? "gap-6" : "gap-4"])
+    return He("form", a), He("values", r), (C, z) => (i(), u("form", {
+      onSubmit: ne(g, ["prevent"]),
+      class: V(["grid grid-cols-12", C.layout === "default" ? "gap-6" : "gap-4"])
     }, [
-      (i(!0), u(Q, null, Y(q(c), (D) => (i(), X(rt, {
-        key: D.name,
-        class: S(M.layout === "horizontal" ? "col-span-12" : `col-span-${D.col || 12} `),
-        style: me(M.style),
-        item: D,
-        layout: M.layout,
-        "model-value": s.value[D.name],
+      (i(!0), u(ee, null, le(J(c), (U) => (i(), te(rt, {
+        key: U.name,
+        class: V(C.layout === "horizontal" ? "col-span-12" : `col-span-${U.col || 12} `),
+        style: he(C.style),
+        item: U,
+        layout: C.layout,
+        "model-value": r.value[U.name],
         "onUpdate:modelValue": (T) => {
-          const P = s.value[D.name];
-          v(P, T) || (s.value[D.name] = T);
+          const N = r.value[U.name];
+          v(N, T) || (r.value[U.name] = T);
         },
-        error: q(d)[D.name]
+        error: J(d)[U.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: Me
-  }), e.provide("form", Me), window.v3plugin || (window.v3plugin = {});
+Ie.install = function(e) {
+  e.component("VForm", Ie), Object.assign(e.config.globalProperties, {
+    $form: Oe
+  }), e.provide("form", Oe), window.v3plugin || (window.v3plugin = {});
 };
 export {
   ma as ModalEdit,
-  Ee as VForm,
+  Ie as VForm,
   yl as VsInputCheckbox,
   ia as VsInputContainer,
   wl as VsInputDate,
   dl as VsInputEmail,
-  so as VsInputFile,
-  Oo as VsInputFileList,
+  ro as VsInputFile,
+  Fo as VsInputFileList,
   nl as VsInputMask,
   jt as VsInputNumber,
-  Je as VsInputRadio,
+  Ke as VsInputRadio,
   ja as VsInputSelect,
-  Ge as VsInputStatic,
-  lt as VsInputSwitcher,
-  on as VsInputTag,
-  qe as VsInputText,
-  Aa as VsInputTextarea,
-  Ee as default,
-  an as inputs,
-  Ar as vsInputDatatable,
-  Js as vsInputMap
+  Je as VsInputStatic,
+  ot as VsInputSwitcher,
+  an as VsInputTag,
+  Ge as VsInputText,
+  za as VsInputTextarea,
+  Ie as default,
+  sn as inputs,
+  As as vsInputDatatable,
+  Kr as vsInputMap
 };