@opengis/form 0.0.18 → 0.0.20

package/dist/index.js

@@ -1,92 +1,114 @@
-import { defineComponent as A, createElementBlock as u, openBlock as i, createCommentVNode as S, renderSlot as ve, createElementVNode as t, toDisplayString as E, normalizeProps as Ee, guardReactiveProps as Fe, createTextVNode as oe, computed as D, mergeModels as q, useModel as G, withDirectives as K, normalizeClass as B, unref as H, vModelText as ne, vModelCheckbox as Qe, createVNode as j, ref as $, createBlock as X, resolveDynamicComponent as xe, normalizeStyle as fe, withCtx as Me, withModifiers as re, onMounted as ue, onBeforeUnmount as ut, watch as se, createStaticVNode as ae, vModelRadio as Xe, Fragment as Q, renderList as Y, mergeProps as Ce, reactive as dt, vShow as De, inject as Se, resolveComponent as Pe, Transition as Ye, createApp as ct, h as pt, onUnmounted as et, nextTick as $e, Teleport as ft, provide as Ne } from "vue";
-import { notify as pe } from "@opengis/core";
-const vt = { class: "w-full relative" }, mt = {
+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 = {
   key: 0,
   class: "text-[14px] font-medium text-gray-900 mb-2"
-}, ht = {
+}, gt = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, gt = {
+}, bt = {
   key: 1,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, bt = /* @__PURE__ */ A({
+}, yt = /* @__PURE__ */ A({
   __name: "vs-layout-default",
   props: {
     ua: { default: "" },
+    uk: {},
+    en: {},
+    de: {},
+    es: {},
+    fr: {},
     item: { default: () => ({}) },
     error: { type: [String, Boolean], default: "" },
     label: { default: "" }
   },
   setup(o) {
-    return (e, l) => (i(), u("div", vt, [
-      e.ua || e.label ? (i(), u("div", mt, [
-        t("span", null, E(e.ua || e.label), 1),
-        e.item?.rules?.includes("required") ? (i(), u("span", ht, "*")) : S("", !0)
-      ])) : S("", !0),
-      ve(e.$slots, "default", Ee(Fe(e.$attrs))),
-      e.error ? (i(), u("span", gt, E(e.error), 1)) : S("", !0)
+    const e = k("uk"), t = (n) => {
+      n.detail.key === "locale" && (e.value = n.detail.newValue);
+    };
+    return ne(() => {
+      e.value = localStorage.locale, window.addEventListener("storage", t);
+    }), Fe(() => {
+      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)
     ]));
   }
-}), yt = { class: "w-full relative flex flex-row items-center gap-2" }, xt = {
+}), xt = { class: "w-full relative flex flex-row items-center gap-2" }, wt = {
   key: 0,
   class: "text-sm text-gray-900 font-medium flex shrink-0 w-3/12 max-w-[250px]"
-}, wt = {
+}, kt = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, kt = {
+}, _t = {
   key: 1,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, _t = /* @__PURE__ */ A({
+}, $t = /* @__PURE__ */ A({
   __name: "vs-layout-horizontal",
   props: {
     ua: { default: "" },
+    uk: {},
+    en: {},
+    de: {},
+    es: {},
+    fr: {},
     item: { default: () => ({}) },
     error: { type: [String, Boolean], default: "" },
     label: { default: "" }
   },
   setup(o) {
-    return (e, l) => (i(), u("div", yt, [
-      e.item?.type !== "html" ? (i(), u("span", xt, [
+    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", wt, "*")) : S("", !0)
-      ])) : S("", !0),
-      ve(e.$slots, "default", Ee(Fe(e.$attrs))),
-      e.error ? (i(), u("span", kt, E(e.error), 1)) : S("", !0)
+        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)
     ]));
   }
-}), $t = { class: "w-full relative" }, Ct = {
+}), Ct = { class: "w-full relative" }, Vt = {
   key: 0,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, Vt = /* @__PURE__ */ A({
+}, Mt = /* @__PURE__ */ A({
   __name: "vs-layout-inline",
   props: {
     ua: { default: "" },
+    uk: {},
+    en: {},
+    de: {},
+    es: {},
+    fr: {},
     item: { default: () => ({}) },
     error: { type: [String, Boolean], default: "" },
     label: { default: "" }
   },
   setup(o) {
-    return (e, l) => (i(), u("div", $t, [
-      ve(e.$slots, "default", Ee(Fe(e.$attrs))),
-      e.error ? (i(), u("span", Ct, E(e.error), 1)) : S("", !0)
+    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)
     ]));
   }
-}), Mt = {
-  default: bt,
-  horizontal: _t,
-  inline: Vt
+}), Lt = {
+  default: yt,
+  horizontal: $t,
+  inline: Mt
 };
-function me(o) {
+function ge(o) {
   return {
-    inputClass: D(() => {
-      const l = `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" ? `${l}h-[32px]` : `${l}h-[38px]`;
+    inputClass: O(() => {
+      const t = `disabled:opacity-50 disabled:cursor-not-allowed outline-none focus:ring-2 focus:ring-ring focus:ring-${o?.primaryColor || "blue"}-500 border border-solid border-stone-200 rounded-md text-sm text-stone-800 placeholder:text-stone-400 `;
+      return o?.size === "sm" ? `${t}h-[32px]` : `${t}h-[38px]`;
     })
   };
 }
-const Lt = ["placeholder", "disabled"], He = /* @__PURE__ */ A({
+const St = ["placeholder", "disabled"], qe = /* @__PURE__ */ A({
   __name: "vs-input-text",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ K({
     style: { default: () => ({}) },
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -100,23 +122,23 @@ const Lt = ["placeholder", "disabled"], He = /* @__PURE__ */ A({
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: l } = me(e.style), n = G(o, "modelValue");
-    return (r, a) => K((i(), u("input", {
+    const e = o, { inputClass: t } = ge(e.style), n = Z(o, "modelValue");
+    return (r, a) => G((i(), u("input", {
       type: "text",
       "onUpdate:modelValue": a[0] || (a[0] = (s) => n.value = s),
       placeholder: r.placeholder,
       disabled: r.disabled,
-      class: B(["py-1.5 px-3 block w-full placeholder:text[#767f8f]", [H(l), { "!border-red-600": r.error }]]),
+      class: S(["py-1.5 px-3 block w-full placeholder:text[#767f8f]", [q(t), { "!border-red-600": r.error }]]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, Lt)), [
-      [ne, n.value]
+    }, null, 10, St)), [
+      [ie, n.value]
     ]);
   }
-}), Bt = ["placeholder"], St = /* @__PURE__ */ A({
+}), Bt = ["placeholder"], jt = /* @__PURE__ */ A({
   __name: "vs-input-number",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ K({
     style: { default: () => ({}) },
     customClass: {},
     disabled: { type: Boolean },
@@ -130,26 +152,26 @@ const Lt = ["placeholder", "disabled"], He = /* @__PURE__ */ A({
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: l } = me(e.style), n = G(o, "modelValue");
-    return (r, a) => K((i(), u("input", {
+    const e = o, { inputClass: t } = ge(e.style), n = Z(o, "modelValue");
+    return (r, a) => G((i(), u("input", {
       type: "number",
       step: "any",
       "onUpdate:modelValue": a[0] || (a[0] = (s) => n.value = s),
       placeholder: r.placeholder,
-      class: B(["py-1.5 px-3 block w-full", [H(l)]]),
+      class: S(["py-1.5 px-3 block w-full", [q(t)]]),
       style: {
         border: "1px solid #CFD9E0"
       }
     }, null, 10, Bt)), [
-      [ne, n.value]
+      [ie, n.value]
     ]);
   }
 }), R = (o, e) => {
-  const l = o.__vccOpts || o;
+  const t = o.__vccOpts || o;
   for (const [n, r] of e)
-    l[n] = r;
-  return l;
-}, jt = {}, It = {
+    t[n] = r;
+  return t;
+}, It = {}, At = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -159,17 +181,17 @@ const Lt = ["placeholder", "disabled"], He = /* @__PURE__ */ A({
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-check"
 };
-function At(o, e) {
-  return i(), u("svg", It, e[0] || (e[0] = [
-    t("path", {
+function zt(o, e) {
+  return i(), u("svg", At, e[0] || (e[0] = [
+    l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    t("path", { d: "M5 12l5 5l10 -10" }, null, -1)
+    l("path", { d: "M5 12l5 5l10 -10" }, null, -1)
   ]));
 }
-const zt = /* @__PURE__ */ R(jt, [["render", At]]), Ot = { class: "flex items-center gap-[4px]" }, Et = ["value", "id", "disabled"], Ft = ["for"], Dt = { class: "text-[14px] text-gray-700 flex items-center gap-x-1 ml-1 dark:text-neutral-400" }, Ut = /* @__PURE__ */ A({
+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({
   __name: "vs-checkbox-default",
   props: {
     value: { default: "" },
@@ -182,45 +204,45 @@ const zt = /* @__PURE__ */ R(jt, [["render", At]]), Ot = { class: "flex items-ce
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const l = e, n = o, r = D({
+    const t = e, n = o, r = O({
       get: () => n.modelValue,
-      set: (a) => l("update:modelValue", a)
+      set: (a) => t("update:modelValue", a)
     });
-    return (a, s) => (i(), u("div", Ot, [
-      K(t("input", {
+    return (a, s) => (i(), u("div", Ft, [
+      G(l("input", {
         type: "checkbox",
         value: a.value,
         "onUpdate:modelValue": s[0] || (s[0] = (d) => r.value = d),
-        class: B(["shrink-0 border border-solid hidden border-gray-700 w-3.5 h-3.5 rounded text-blue-600 focus:ring-offset-0 dark:bg-neutral-800 dark:border-neutral-700 cursor-pointer", { "!cursor-not-allowed": a.disabled }]),
+        class: S(["shrink-0 border border-solid hidden border-gray-700 w-3.5 h-3.5 rounded text-blue-600 focus:ring-offset-0 dark:bg-neutral-800 dark:border-neutral-700 cursor-pointer", { "!cursor-not-allowed": a.disabled }]),
         id: a.id,
         disabled: a.disabled
-      }, null, 10, Et), [
-        [Qe, r.value]
+      }, null, 10, Ot), [
+        [Xe, r.value]
       ]),
-      t("label", {
+      l("label", {
         for: a.id,
-        class: B(["flex flex-1 checkbox-label items-center gap-x-2 cursor-pointer text-sm text-gray-800 dark:text-neutral-300", { "!cursor-not-allowed": a.disabled }])
+        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 }])
       }, [
-        t("div", {
-          class: B(["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" : ""]])
+        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" : ""]])
         }, [
-          j(zt, {
+          j(Et, {
             height: "12",
             width: "12"
           })
         ], 2),
-        t("span", Dt, [
-          ve(a.$slots, "default", {}, () => [
+        l("span", Ut, [
+          he(a.$slots, "default", {}, () => [
             oe(E(a.label), 1)
           ])
         ])
-      ], 10, Ft)
+      ], 10, Dt)
     ]));
   }
-}), Tt = ["name", "value", "disabled"], Rt = { class: "flex items-center gap-[6px] text-[14px]" }, Pt = {
+}), Rt = ["name", "value", "disabled"], Pt = { class: "flex items-center gap-[6px] text-[14px]" }, Nt = {
   key: 0,
   class: "text-[16px]"
-}, Nt = ["src"], Ht = /* @__PURE__ */ A({
+}, Ht = ["src"], qt = /* @__PURE__ */ A({
   __name: "vs-checkbox-buttons",
   props: {
     value: { type: [String, Number, Boolean], default: "" },
@@ -234,46 +256,46 @@ const zt = /* @__PURE__ */ R(jt, [["render", At]]), Ot = { class: "flex items-ce
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const l = o, n = e, r = D({
-      get: () => l.modelValue,
+    const t = o, n = e, r = O({
+      get: () => t.modelValue,
       set: (d) => {
         n("update:modelValue", d);
       }
-    }), a = D(() => Array.isArray(r.value) ? r.value.includes(l.value) : r.value === !0 || r.value === l.value), s = D(() => l.style?.size === "xs" ? "p-1.5 text-xs" : l.style?.size === "lg" ? "p-3.5 text-[20px]" : "p-2.5 text-xs");
+    }), 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");
     return (d, p) => (i(), u("label", {
-      class: B(["group relative flex justify-center items-center gap-x-3 text-center bg-white text-gray-800 ring-ring ring-2 cursor-pointer rounded-lg", [s.value, a.value ? "ring-blue-500" : "border border-gray-200 ring-transparent"]])
+      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"]])
     }, [
-      K(t("input", {
+      G(l("input", {
         type: "checkbox",
         class: "hidden",
         name: d.id,
         value: d.value,
         "onUpdate:modelValue": p[0] || (p[0] = (f) => r.value = f),
         disabled: d.disabled
-      }, null, 8, Tt), [
-        [Qe, r.value]
+      }, null, 8, Rt), [
+        [Xe, r.value]
       ]),
-      t("span", Rt, [
-        d.icon || d.imgUrl ? (i(), u("span", Pt, [
+      l("span", Pt, [
+        d.icon || d.imgUrl ? (i(), u("span", Nt, [
           d.icon ? (i(), u("i", {
             key: 0,
-            class: B(d.icon)
-          }, null, 2)) : S("", !0),
+            class: S(d.icon)
+          }, null, 2)) : B("", !0),
           d.imgUrl ? (i(), u("img", {
             key: 1,
             src: d.imgUrl,
             width: "16",
             height: "16",
             alt: "icon"
-          }, null, 8, Nt)) : S("", !0)
-        ])) : S("", !0),
-        ve(d.$slots, "default", {}, () => [
+          }, null, 8, Ht)) : B("", !0)
+        ])) : B("", !0),
+        he(d.$slots, "default", {}, () => [
           oe(E(d.label), 1)
         ])
       ])
     ], 2));
   }
-}), qt = { class: "flex items-center" }, tt = /* @__PURE__ */ A({
+}), Gt = { class: "flex items-center" }, tt = /* @__PURE__ */ A({
   __name: "vs-input-checkbox-item",
   props: {
     value: { default: "" },
@@ -290,18 +312,18 @@ const zt = /* @__PURE__ */ R(jt, [["render", At]]), Ot = { class: "flex items-ce
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const l = o, n = e, r = `radio-${Math.floor(Math.random() * 1e4)}`, a = D({
-      get: () => Array.isArray(l.modelValue) ? Array.isArray(l.modelValue) && l.modelValue.includes(l.value) : l.modelValue,
+    const t = o, n = e, r = `radio-${Math.floor(Math.random() * 1e4)}`, a = O({
+      get: () => Array.isArray(t.modelValue) ? Array.isArray(t.modelValue) && t.modelValue.includes(t.value) : t.modelValue,
       set: (d) => {
-        if (Array.isArray(l.modelValue)) {
-          let p = [...l.modelValue];
-          d ? p.includes(l.value) || p.push(l.value) : p = p.filter((f) => f !== l.value), n("update:modelValue", p);
+        if (Array.isArray(t.modelValue)) {
+          let p = [...t.modelValue];
+          d ? p.includes(t.value) || p.push(t.value) : p = p.filter((f) => f !== t.value), n("update:modelValue", p);
         } else
           n("update:modelValue", d);
       }
-    }), s = $(`vs-checkbox-${l.view || "default"}`);
-    return (d, p) => (i(), u("div", qt, [
-      (i(), X(xe(s.value === "vs-checkbox-buttons" ? H(Ht) : H(Ut)), {
+    }), s = k(`vs-checkbox-${t.view || "default"}`);
+    return (d, p) => (i(), u("div", Gt, [
+      (i(), X(we(s.value === "vs-checkbox-buttons" ? q(qt) : q(Tt)), {
         value: d.value,
         label: d.label,
         info: d.option?.info,
@@ -311,17 +333,17 @@ const zt = /* @__PURE__ */ R(jt, [["render", At]]), Ot = { class: "flex items-ce
         id: r,
         icon: d.icon,
         imgUrl: d.imgUrl,
-        style: fe(d.style),
+        style: me(d.style),
         error: d.error
       }, {
-        default: Me(() => [
+        default: Le(() => [
           oe(E(d.label), 1)
         ]),
         _: 1
       }, 8, ["value", "label", "info", "disabled", "modelValue", "icon", "imgUrl", "style", "error"]))
     ]));
   }
-}), Gt = {}, Jt = {
+}), Jt = {}, Kt = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -331,17 +353,17 @@ const zt = /* @__PURE__ */ R(jt, [["render", At]]), Ot = { class: "flex items-ce
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down"
 };
-function Kt(o, e) {
-  return i(), u("svg", Jt, e[0] || (e[0] = [
-    t("path", {
+function Zt(o, e) {
+  return i(), u("svg", Kt, e[0] || (e[0] = [
+    l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    t("path", { d: "M6 9l6 6l6 -6" }, null, -1)
+    l("path", { d: "M6 9l6 6l6 -6" }, null, -1)
   ]));
 }
-const Zt = /* @__PURE__ */ R(Gt, [["render", Kt]]), Wt = {}, Qt = {
+const Wt = /* @__PURE__ */ R(Jt, [["render", Zt]]), Qt = {}, Xt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -352,27 +374,27 @@ const Zt = /* @__PURE__ */ R(Gt, [["render", Kt]]), Wt = {}, Qt = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Xt(o, e) {
-  return i(), u("svg", Qt, e[0] || (e[0] = [
-    t("path", {
+function Yt(o, e) {
+  return i(), u("svg", Xt, e[0] || (e[0] = [
+    l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    t("path", { d: "M12 9h.01" }, null, -1),
-    t("path", { d: "M11 12h1v4h1" }, null, -1),
-    t("path", { d: "M12 3c7.2 0 9 1.8 9 9s-1.8 9 -9 9s-9 -1.8 -9 -9s1.8 -9 9 -9z" }, null, -1)
+    l("path", { d: "M12 9h.01" }, null, -1),
+    l("path", { d: "M11 12h1v4h1" }, null, -1),
+    l("path", { d: "M12 3c7.2 0 9 1.8 9 9s-1.8 9 -9 9s-9 -1.8 -9 -9s1.8 -9 9 -9z" }, null, -1)
   ]));
 }
-const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
+const el = /* @__PURE__ */ R(Qt, [["render", Yt]]), tl = {
   key: 0,
   class: "flex items-start gap-x-1"
-}, tl = {
+}, ll = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, ll = ["title"], ol = ["disabled"], lt = /* @__PURE__ */ A({
+}, ol = ["title"], al = ["disabled"], lt = /* @__PURE__ */ A({
   __name: "vs-input-switcher",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ K({
     rules: { default: () => [] },
     view: { default: "checkbox" },
     label: { default: "" },
@@ -391,15 +413,15 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, l = G(o, "modelValue");
-    return (n, r) => e.view === "checkbox" ? (i(), u("div", el, [
+    const e = o, t = Z(o, "modelValue");
+    return (n, r) => e.view === "checkbox" ? (i(), u("div", tl, [
       j(tt, {
-        modelValue: l.value,
-        "onUpdate:modelValue": r[0] || (r[0] = (a) => l.value = a),
+        modelValue: t.value,
+        "onUpdate:modelValue": r[0] || (r[0] = (a) => t.value = a),
         label: n.text,
         error: n.error || ""
       }, null, 8, ["modelValue", "label", "error"]),
-      n.rules?.includes("required") ? (i(), u("span", tl, "*")) : S("", !0),
+      n.rules?.includes("required") ? (i(), u("span", ll, "*")) : B("", !0),
       n.i ? (i(), u("button", {
         key: 1,
         class: "cursor-pointer",
@@ -407,22 +429,22 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
         onClick: r[1] || (r[1] = re(() => {
         }, ["prevent"]))
       }, [
-        j(H(Yt), { class: "text-gray-500 w-[14px] h-[14px]" })
-      ], 8, ll)) : S("", !0)
+        j(q(el), { class: "text-gray-500 w-[14px] h-[14px]" })
+      ], 8, ol)) : B("", !0)
     ])) : (i(), u("button", {
       key: 1,
       type: "button",
-      class: B(["inline-flex h-5 w-9 shrink-0 px-[2px] cursor-pointer items-center rounded-full shadow-sm disabled:cursor-not-allowed disabled:opacity-50", [l.value ? `bg-${n.style?.primaryColor || "blue"}-500` : "bg-stone-200", n.customClass]]),
+      class: S(["inline-flex h-5 w-9 shrink-0 px-[2px] cursor-pointer items-center rounded-full shadow-sm disabled:cursor-not-allowed disabled:opacity-50", [t.value ? `bg-${n.style?.primaryColor || "blue"}-500` : "bg-stone-200", n.customClass]]),
       disabled: n.disabled,
-      onClick: r[2] || (r[2] = (a) => l.value = !l.value)
+      onClick: r[2] || (r[2] = (a) => t.value = !t.value)
     }, [
-      t("span", {
+      l("span", {
         "data-state": "checked",
-        class: B(["pointer-events-none block h-4 w-4 rounded-full bg-white shadow-lg ring-0 transition-transform", [l.value ? "translate-x-4" : "translate-x-0"]])
+        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"]])
       }, null, 2)
-    ], 10, ol));
+    ], 10, al));
   }
-}), al = ["innerHTML"], qe = /* @__PURE__ */ A({
+}), rl = ["innerHTML"], Ge = /* @__PURE__ */ A({
   __name: "vs-input-static",
   props: {
     text: { default: "" },
@@ -436,14 +458,14 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
     placeholder: {}
   },
   setup(o) {
-    return (e, l) => (i(), u("div", {
-      class: B(e.customClass),
+    return (e, t) => (i(), u("div", {
+      class: S(e.customClass),
       innerHTML: e.html ? e.html : e.text
-    }, null, 10, al));
+    }, null, 10, rl));
   }
-}), rl = ["placeholder", "disabled", "name"], sl = /* @__PURE__ */ A({
+}), sl = ["placeholder", "disabled", "name"], nl = /* @__PURE__ */ A({
   __name: "vs-input-mask",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ K({
     name: {},
     mask: { default: "" },
     unmask: { type: Boolean, default: !1 },
@@ -459,9 +481,9 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: l } = me(e.style), n = G(o, "modelValue"), r = $(null);
+    const e = o, { inputClass: t } = ge(e.style), n = Z(o, "modelValue"), r = k(null);
     let a = null;
-    return ue(async () => {
+    return ne(async () => {
       if (r.value) {
         const { default: s } = await import("./index-W-qQIppj.js");
         a = s(r.value, {
@@ -499,15 +521,15 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
       placeholder: s.placeholder,
       disabled: s.disabled,
       name: s.name,
-      class: B(["py-1.5 px-3 block w-full placeholder:text[#767f8f]", [H(l)]]),
+      class: S(["py-1.5 px-3 block w-full placeholder:text[#767f8f]", [q(t)]]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, rl));
+    }, null, 10, sl));
   }
-}), nl = { class: "relative w-full bg-white rounded-lg" }, il = ["placeholder", "disabled"], ul = /* @__PURE__ */ A({
+}), il = { class: "relative w-full bg-white rounded-lg" }, ul = ["placeholder", "disabled"], dl = /* @__PURE__ */ A({
   __name: "vs-input-email",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ K({
     style: { default: () => ({}) },
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -521,26 +543,26 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: l } = me(e.style), n = G(o, "modelValue");
-    return (r, a) => (i(), u("div", nl, [
+    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)),
-      K(t("input", {
+      G(l("input", {
         type: "email",
         "onUpdate:modelValue": a[0] || (a[0] = (s) => n.value = s),
         placeholder: r.placeholder,
         disabled: r.disabled,
-        class: B(["!pl-8 py-1.5 px-3 block w-full placeholder:text[#767f8f]", [H(l), { "!border-red-600": r.error }]]),
+        class: S(["!pl-8 py-1.5 px-3 block w-full placeholder:text[#767f8f]", [q(t), { "!border-red-600": r.error }]]),
         style: {
           border: "1px solid #CFD9E0"
         }
-      }, null, 10, il), [
-        [ne, n.value]
+      }, null, 10, ul), [
+        [ie, n.value]
       ])
     ]));
   }
-}), dl = ["value", "disabled"], cl = { class: "text-[13px] text-gray-700" }, pl = /* @__PURE__ */ A({
+}), cl = ["value", "disabled"], pl = { class: "text-[13px] text-gray-700" }, fl = /* @__PURE__ */ A({
   __name: "vs-input-radio-default",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ K({
     style: {},
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -556,36 +578,36 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = G(o, "modelValue");
-    return (l, n) => (i(), u("label", {
-      class: B(["flex items-center gap-0", [l.customClass]])
+    const e = Z(o, "modelValue");
+    return (t, n) => (i(), u("label", {
+      class: S(["flex items-center gap-0", [t.customClass]])
     }, [
-      K(t("input", {
+      G(l("input", {
         "onUpdate:modelValue": n[0] || (n[0] = (r) => e.value = r),
         type: "radio",
-        value: l.value,
-        disabled: l.disabled,
+        value: t.value,
+        disabled: t.disabled,
         class: "hidden"
-      }, null, 8, dl), [
-        [Xe, e.value]
+      }, null, 8, cl), [
+        [Ye, e.value]
       ]),
-      t("span", {
-        class: B(["w-[16px] shrink-0 h-[16px] border rounded-full flex items-center justify-center mr-[10px]", [
-          `border-${l.style?.primaryColor || "blue"}-500`,
-          l.disabled ? "opacity-50 cursor-not-allowed" : ""
+      l("span", {
+        class: S(["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 == l.value ? (i(), u("span", {
+        e.value == t.value ? (i(), u("span", {
           key: 0,
-          class: B(["w-[12px] h-[12px] shrink-0 rounded-full", [`bg-${l.style?.primaryColor || "blue"}-500`]])
-        }, null, 2)) : S("", !0)
+          class: S(["w-[12px] h-[12px] shrink-0 rounded-full", [`bg-${t.style?.primaryColor || "blue"}-500`]])
+        }, null, 2)) : B("", !0)
       ], 2),
-      t("span", cl, E(l.text), 1)
+      l("span", pl, E(t.text), 1)
     ], 2));
   }
-}), fl = ["value", "disabled"], vl = { class: "text-[13px] text-gray-700" }, ml = /* @__PURE__ */ A({
+}), vl = ["value", "disabled"], ml = { class: "text-[13px] text-gray-700" }, hl = /* @__PURE__ */ A({
   __name: "vs-input-radio-buttons",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ K({
     style: {},
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -601,31 +623,31 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = G(o, "modelValue");
-    return (l, n) => (i(), u("label", {
-      class: B(["flex items-center border rounded-lg px-2 py-1", [
-        e.value == l.value ? `ring-2 ring-ring ring-${l.style?.primaryColor || "blue"}-500` : "",
-        l.customClass
+    const e = Z(o, "modelValue");
+    return (t, n) => (i(), u("label", {
+      class: S(["flex items-center border rounded-lg px-2 py-1", [
+        e.value == t.value ? `ring-2 ring-ring ring-${t.style?.primaryColor || "blue"}-500` : "",
+        t.customClass
       ]])
     }, [
-      K(t("input", {
+      G(l("input", {
         "onUpdate:modelValue": n[0] || (n[0] = (r) => e.value = r),
         type: "radio",
-        value: l.value,
-        disabled: l.disabled,
+        value: t.value,
+        disabled: t.disabled,
         class: "hidden"
-      }, null, 8, fl), [
-        [Xe, e.value]
+      }, null, 8, vl), [
+        [Ye, e.value]
       ]),
-      t("span", vl, E(l.text), 1)
+      l("span", ml, E(t.text), 1)
     ], 2));
   }
-}), hl = {
-  "vs-input-radio-default": pl,
-  "vs-input-radio-buttons": ml
-}, Ge = /* @__PURE__ */ A({
+}), gl = {
+  "vs-input-radio-default": fl,
+  "vs-input-radio-buttons": hl
+}, Je = /* @__PURE__ */ A({
   __name: "vs-input-radio",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ K({
     options: {},
     position: { default: "vertical" },
     view: { default: "default" },
@@ -642,21 +664,21 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, l = G(o, "modelValue"), n = D(() => hl[`vs-input-radio-${e.view}`]);
+    const e = o, t = Z(o, "modelValue"), n = O(() => gl[`vs-input-radio-${e.view}`]);
     return (r, a) => (i(), u("div", {
-      class: B([r.position === "horizontal" ? "flex items-center flex-wrap gap-2" : ""])
+      class: S([r.position === "horizontal" ? "flex items-center flex-wrap gap-2" : ""])
     }, [
-      (i(!0), u(Q, null, Y(r.options, (s) => (i(), X(xe(n.value), Ce({
+      (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: l.value === s.id,
-        modelValue: l.value,
-        "onUpdate:modelValue": a[0] || (a[0] = (d) => l.value = d)
+        checked: t.value === s.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))
     ], 2));
   }
-}), gl = /* @__PURE__ */ A({
+}), bl = /* @__PURE__ */ A({
   __name: "vs-input-checkbox",
   props: {
     options: { default: () => [] },
@@ -675,16 +697,16 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const l = o, n = e, r = $([]), 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, 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 () => {
       try {
-        const c = await fetch(`/api/suggest/${l.data}`).then((g) => g.json());
+        const c = await fetch(`/api/suggest/${t.data}`).then((g) => g.json());
         r.value = c?.data || c;
       } catch (c) {
         console.error(c);
       }
     };
     return se(
-      () => l.modelValue,
+      () => t.modelValue,
       (c) => {
         if (typeof c == "boolean" && r.value.length === 1) {
           const g = s(r.value[0]);
@@ -711,14 +733,14 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
         n("update:modelValue", c.length === 0 ? null : c);
       },
       { deep: !0 }
-    ), ue(() => {
-      if (l.data)
+    ), ne(() => {
+      if (t.data)
         f().then(() => {
-          if (typeof l.modelValue == "boolean" && r.value.length === 1) {
+          if (typeof t.modelValue == "boolean" && r.value.length === 1) {
             const c = s(r.value[0]);
-            a[c] = l.modelValue;
-          } else if (Array.isArray(l.modelValue)) {
-            const c = new Set(l.modelValue);
+            a[c] = t.modelValue;
+          } else if (Array.isArray(t.modelValue)) {
+            const c = new Set(t.modelValue);
             r.value.forEach((g) => {
               if (!g.disabled) {
                 const v = s(g);
@@ -727,11 +749,11 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
             });
           }
         });
-      else if (r.value = l.options, typeof l.modelValue == "boolean" && r.value.length === 1) {
+      else if (r.value = t.options, typeof t.modelValue == "boolean" && r.value.length === 1) {
         const c = s(r.value[0]);
-        a[c] = l.modelValue;
-      } else if (Array.isArray(l.modelValue)) {
-        const c = new Set(l.modelValue);
+        a[c] = t.modelValue;
+      } else if (Array.isArray(t.modelValue)) {
+        const c = new Set(t.modelValue);
         r.value.forEach((g) => {
           if (!g.disabled) {
             const v = s(g);
@@ -740,13 +762,13 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
         });
       }
     }), (c, g) => (i(), u("div", {
-      class: B(["p-0 w-full gap-[6px]", [c.position === "vertical" ? "flex-col" : "", c.colSpan ? "grid" : "flex justify-start"]])
+      class: S(["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: B(p(c.colSpan)),
+        class: S(p(c.colSpan)),
         disabled: v.disabled,
         label: d(v),
         key: s(v),
@@ -757,9 +779,9 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
       }, null, 8, ["modelValue", "onUpdate:modelValue", "value", "class", "disabled", "label", "icon", "imgUrl", "option", "view"]))), 128))
     ], 2));
   }
-}), bl = /* @__PURE__ */ R(gl, [["__scopeId", "data-v-54f9e19c"]]), yl = ["placeholder", "disabled"], xl = /* @__PURE__ */ A({
+}), yl = /* @__PURE__ */ R(bl, [["__scopeId", "data-v-54f9e19c"]]), xl = ["placeholder", "disabled"], wl = /* @__PURE__ */ A({
   __name: "vs-input-date1",
-  props: /* @__PURE__ */ q({
+  props: {
     style: { default: () => ({}) },
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -767,58 +789,59 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
     error: {},
     name: {},
     placeholder: { default: "" }
-  }, {
-    modelValue: { default: "" },
-    modelModifiers: {}
-  }),
+  },
   emits: ["update:modelValue"],
-  setup(o) {
-    const e = o, { inputClass: l } = me(e.style), n = G(o, "modelValue");
-    return (r, a) => K((i(), u("input", {
+  setup(o, { emit: e }) {
+    const t = o, { inputClass: n } = ge(t.style), r = e, a = O({
+      get: () => t.modelValue?.split(" ")[0],
+      set: (s) => r("update:modelValue", s)
+    });
+    return (s, d) => G((i(), u("input", {
       type: "date",
-      "onUpdate:modelValue": a[0] || (a[0] = (s) => n.value = s),
-      placeholder: r.placeholder,
-      disabled: r.disabled,
-      class: B(["py-1.5 px-3 block w-full placeholder:text[#767f8f]", [H(l)]]),
+      "onUpdate:modelValue": d[0] || (d[0] = (p) => a.value = p),
+      placeholder: s.placeholder,
+      disabled: s.disabled,
+      ref: "date",
+      class: S(["py-1.5 px-3 block w-full placeholder:text[#767f8f]", [s.modelValue ? "" : "text-opacity-50", q(n)].join(" ")]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, yl)), [
-      [ne, n.value]
+    }, null, 10, xl)), [
+      [ie, a.value]
     ]);
   }
-}), wl = async (o, e, l, n) => {
+}), kl = async (o, e, t, n) => {
   try {
     const r = new FormData();
     return r.append("unique", "true"), r.append("file", o), (await fetch(
-      `/file/upload/uploads?id=${e || ""}&form=${l || ""}&table=${n || ""}`,
+      `/file/upload/uploads?id=${e || ""}&form=${t || ""}&table=${n || ""}`,
       {
         method: "POST",
         body: r
       }
     ).then((s) => s.json()))?.result;
   } catch (r) {
-    return pe({
+    return ve({
       type: "error",
       title: "Помилка!",
       message: "Сталась помилка під час завантаження файлу",
       position: "right-bottom"
     }), console.error("Сталась помилка завантаження файлу", r), null;
   }
-}, kl = async (o) => {
+}, _l = async (o) => {
   try {
     return await fetch(`file/delete${o}`), !0;
   } catch (e) {
     return console.error(e), !1;
   }
-}, Je = async (o) => {
+}, Ke = async (o) => {
   try {
-    const e = await fetch(`file/download/files/uploads${o}`), l = await e.arrayBuffer(), n = e.headers["content-type"], r = new TextDecoder("utf-8").decode(l), a = new Blob([r], { type: n }), s = document.createElement("a");
+    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();
   } catch (e) {
     console.error(e.message);
   }
-}, _l = {}, $l = {
+}, $l = {}, Cl = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -829,13 +852,13 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Cl(o, e) {
-  return i(), u("svg", $l, e[0] || (e[0] = [
-    t("path", { d: "M5 12h14" }, null, -1),
-    t("path", { d: "M12 5v14" }, null, -1)
+function Vl(o, e) {
+  return i(), u("svg", Cl, e[0] || (e[0] = [
+    l("path", { d: "M5 12h14" }, null, -1),
+    l("path", { d: "M12 5v14" }, null, -1)
   ]));
 }
-const je = /* @__PURE__ */ R(_l, [["render", Cl]]), Vl = {}, Ml = {
+const je = /* @__PURE__ */ R($l, [["render", Vl]]), Ml = {}, Ll = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-text",
   width: "44",
@@ -847,12 +870,12 @@ const je = /* @__PURE__ */ R(_l, [["render", Cl]]), Vl = {}, Ml = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Ll(o, e, l, n, r, a) {
-  return i(), u("svg", Ml, e[0] || (e[0] = [
+function Sl(o, e, t, n, r, 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)
   ]));
 }
-const Bl = /* @__PURE__ */ R(Vl, [["render", Ll]]), Sl = {}, jl = {
+const Bl = /* @__PURE__ */ R(Ml, [["render", Sl]]), jl = {}, Il = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-table",
   width: "44",
@@ -864,27 +887,27 @@ const Bl = /* @__PURE__ */ R(Vl, [["render", Ll]]), Sl = {}, jl = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Il(o, e, l, n, r, a) {
-  return i(), u("svg", jl, e[0] || (e[0] = [
-    t("path", {
+function Al(o, e, t, n, r, a) {
+  return i(), u("svg", Il, e[0] || (e[0] = [
+    l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    t("rect", {
+    l("rect", {
       x: "4",
       y: "4",
       width: "16",
       height: "16",
       rx: "2"
     }, null, -1),
-    t("line", {
+    l("line", {
       x1: "4",
       y1: "10",
       x2: "20",
       y2: "10"
     }, null, -1),
-    t("line", {
+    l("line", {
       x1: "10",
       y1: "4",
       x2: "10",
@@ -892,7 +915,7 @@ function Il(o, e, l, n, r, a) {
     }, null, -1)
   ]));
 }
-const Al = /* @__PURE__ */ R(Sl, [["render", Il]]), zl = {}, Ol = {
+const zl = /* @__PURE__ */ R(jl, [["render", Al]]), El = {}, Fl = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -904,12 +927,12 @@ const Al = /* @__PURE__ */ R(Sl, [["render", Il]]), zl = {}, Ol = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-file-unknown"
 };
-function El(o, e, l, n, r, a) {
-  return i(), u("svg", Ol, e[0] || (e[0] = [
+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)
   ]));
 }
-const Fl = /* @__PURE__ */ R(zl, [["render", El]]), Dl = {}, Ul = {
+const Dl = /* @__PURE__ */ R(El, [["render", Ol]]), Ul = {}, Tl = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-zip",
   width: "44",
@@ -921,12 +944,12 @@ const Fl = /* @__PURE__ */ R(zl, [["render", El]]), Dl = {}, Ul = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Tl(o, e, l, n, r, a) {
-  return i(), u("svg", Ul, e[0] || (e[0] = [
+function Rl(o, e, t, n, r, 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)
   ]));
 }
-const Rl = /* @__PURE__ */ R(Dl, [["render", Tl]]), Pl = {}, Nl = {
+const Pl = /* @__PURE__ */ R(Ul, [["render", Rl]]), Nl = {}, Hl = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-code",
   width: "44",
@@ -938,25 +961,25 @@ const Rl = /* @__PURE__ */ R(Dl, [["render", Tl]]), Pl = {}, Nl = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Hl(o, e, l, n, r, a) {
-  return i(), u("svg", Nl, e[0] || (e[0] = [
+function ql(o, e, t, n, r, 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)
   ]));
 }
-const ql = /* @__PURE__ */ R(Pl, [["render", Hl]]), Gl = (o) => {
+const Gl = /* @__PURE__ */ R(Nl, [["render", ql]]), Jl = (o) => {
   if (!o) return "";
   const e = o?.split(".");
   return e[e.length - 1];
-}, Jl = (o) => {
-  const e = Gl(o), l = {
+}, Kl = (o) => {
+  const e = Jl(o), t = {
     imageFormat: ["tiff", "jpg", "jpeg", "png", "svg", "ico", "webp"],
     sheetsFormat: ["xls", "csv", "xlsx"],
     archivesFormat: ["zip", "rar"],
     textsFormat: ["json", "geojson", "txt", "yml", "yaml", "shp"],
     documentsFormat: ["pdf"]
   };
-  return l.imageFormat.includes(e) ? "img" : l.sheetsFormat.includes(e) ? Al : l.textsFormat.includes(e) ? ql : l.documentsFormat.includes(e) ? Bl : l.archivesFormat.includes(e) ? Rl : Fl;
-}, Kl = {}, Zl = {
+  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;
+}, Zl = {}, Wl = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -968,12 +991,12 @@ const ql = /* @__PURE__ */ R(Pl, [["render", Hl]]), Gl = (o) => {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-trash"
 };
-function Wl(o, e) {
-  return i(), u("svg", Zl, e[0] || (e[0] = [
+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)
   ]));
 }
-const Ie = /* @__PURE__ */ R(Kl, [["render", Wl]]), Ql = {}, Xl = {
+const Ie = /* @__PURE__ */ R(Zl, [["render", Ql]]), Xl = {}, Yl = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -985,21 +1008,21 @@ const Ie = /* @__PURE__ */ R(Kl, [["render", Wl]]), Ql = {}, Xl = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-download"
 };
-function Yl(o, e) {
-  return i(), u("svg", Xl, e[0] || (e[0] = [
-    t("path", {
+function eo(o, e) {
+  return i(), u("svg", Yl, e[0] || (e[0] = [
+    l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    t("path", { d: "M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2" }, null, -1),
-    t("path", { d: "M7 11l5 5l5 -5" }, null, -1),
-    t("path", { d: "M12 4l0 12" }, null, -1)
+    l("path", { d: "M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2" }, null, -1),
+    l("path", { d: "M7 11l5 5l5 -5" }, null, -1),
+    l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const ot = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[120px] border text-gray-300 border-dashed border-[#CFD9E0] rounded-lg overflow-hidden relative item-file" }, to = { class: "absolute hidden top-0 right-0 flex items-center gap-x-2 w-full h-full justify-center" }, lo = /* @__PURE__ */ A({
+const ot = /* @__PURE__ */ 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({
   __name: "vs-input-file-list-item",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ K({
     format: {},
     multiple: { type: Boolean },
     style: {},
@@ -1017,27 +1040,27 @@ const ot = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
   }),
   emits: ["update:value", "update:item"],
   setup(o) {
-    const e = G(o, "value"), l = G(o, "item"), n = o;
-    return (r, a) => (i(), u("div", eo, [
-      (i(), X(xe(H(Jl)(l.value)), {
-        src: l.value,
+    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)), {
+        src: t.value,
         alt: "file",
         class: "w-full h-full object-cover cursor-pointer",
-        onClick: a[0] || (a[0] = (s) => H(Je)(l.value))
+        onClick: a[0] || (a[0] = (s) => q(Ke)(t.value))
       }, null, 8, ["src"])),
-      t("div", to, [
-        t("button", {
+      l("div", lo, [
+        l("button", {
           type: "button",
           onClick: a[1] || (a[1] = (s) => {
-            H(kl)(l.value), e.value = n.multiple ? e.value?.filter((d) => d !== l.value) : "";
+            q(_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" })
         ]),
-        t("button", {
+        l("button", {
           type: "button",
-          onClick: a[2] || (a[2] = (s) => H(Je)(l.value)),
+          onClick: a[2] || (a[2] = (s) => q(Ke)(t.value)),
           class: "w-6 h-6 flex items-center justify-center text-gray-500 bg-gray-200 rounded-lg hover:text-blue-500"
         }, [
           j(ot, { class: "w-4 h-4" })
@@ -1045,12 +1068,12 @@ const ot = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
       ])
     ]));
   }
-}), Ke = /* @__PURE__ */ R(lo, [["__scopeId", "data-v-0ca886b3"]]), oo = { class: "flex items-center gap-x-2" }, ao = {
+}), Ze = /* @__PURE__ */ R(oo, [["__scopeId", "data-v-0ca886b3"]]), ao = { class: "flex items-center gap-x-2" }, ro = {
   key: 1,
   class: "flex items-center flex-wrap gap-2"
-}, ro = /* @__PURE__ */ A({
+}, so = /* @__PURE__ */ A({
   __name: "vs-input-file",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ K({
     format: {},
     multiple: { type: Boolean },
     style: {},
@@ -1066,7 +1089,7 @@ const ot = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, l = G(o, "modelValue"), n = $(null), r = (s) => Array.isArray(l.value) && l.value[s] || "", a = async (s) => {
+    const e = o, t = Z(o, "modelValue"), n = k(null), r = (s) => Array.isArray(t.value) && t.value[s] || "", a = async (s) => {
       if (e.format) {
         const f = s.target.files?.[0];
         if (!f || !f.name.endsWith(e.format))
@@ -1074,57 +1097,57 @@ const ot = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
       }
       const d = s.target.files?.[0];
       if (!d) return;
-      const p = await wl(d, "1", "form", "table");
-      l.value = e.multiple ? [...l.value || [], p?.file_path] : p?.file_path;
+      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", oo, [
-      t("input", {
+    return (s, d) => (i(), u("div", ao, [
+      l("input", {
         class: "hidden",
         ref_key: "fileInput",
         ref: n,
         type: "file",
         onChange: a
       }, null, 544),
-      !s.multiple && l.value ? (i(), X(Ke, {
+      !s.multiple && t.value ? (i(), X(Ze, {
         key: 0,
-        item: l.value,
-        "onUpdate:item": d[0] || (d[0] = (p) => l.value = p),
-        value: l.value,
-        "onUpdate:value": d[1] || (d[1] = (p) => l.value = p)
-      }, null, 8, ["item", "value"])) : s.multiple ? (i(), u("div", ao, [
-        (i(!0), u(Q, null, Y(l.value, (p, f) => (i(), X(Ke, {
+        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,
           key: f,
-          value: l.value,
-          "onUpdate:value": d[2] || (d[2] = (c) => l.value = c),
+          value: t.value,
+          "onUpdate:value": d[2] || (d[2] = (c) => t.value = c),
           item: r(f)
         }, null, 8, ["multiple", "value", "item"]))), 128)),
-        t("div", {
+        l("div", {
           onClick: d[3] || (d[3] = (p) => !s.disabled && n.value?.click()),
-          class: B([
+          class: S([
             "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"
           ])
         }, [
           j(je, { class: "w-6 h-6" })
         ], 2)
-      ])) : S("", !0),
-      s.multiple ? S("", !0) : (i(), u("div", {
+      ])) : B("", !0),
+      s.multiple ? B("", !0) : (i(), u("div", {
         key: 2,
         onClick: d[4] || (d[4] = (p) => n.value?.click()),
-        class: B([s.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500", "h-[120px] w-[120px] border text-gray-300 hover:text-blue-500 border-dashed border-gray-300 rounded-lg flex items-center justify-center cursor-pointer hover:border-blue-500 transition-all duration-300 hover:bg-blue-50"])
+        class: 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"])
       }, [
         j(je, { class: "w-6 h-6" })
       ], 2))
     ]));
   }
-}), so = { class: "max-w-[55vw]" }, no = { class: "text-sm font-semibold text-gray-800 truncate dark:text-neutral-200" }, io = { class: "flex items-center text-xs text-gray-500 truncate dark:text-neutral-500" }, uo = { class: "px-[5px]" }, co = { class: "" }, Be = /* @__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__ */ A({
   __name: "vs-widget-file-info",
   props: {
     item: { default: null }
   },
   setup(o) {
-    const e = o, l = D(() => {
+    const e = o, t = O(() => {
       try {
         return new Date(e.item.cdate).toLocaleDateString("uk-UA", {
           day: "2-digit",
@@ -1143,33 +1166,33 @@ const ot = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
     }
     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)),
-      t("div", so, [
-        t("p", no, E(r.item?.uploaded_name), 1),
-        t("p", io, [
-          t("span", null, E(r.item?.username), 1),
-          K(t("span", uo, "|", 512), [
-            [De, r.item?.username]
+      l("div", no, [
+        l("p", io, E(r.item?.uploaded_name), 1),
+        l("p", uo, [
+          l("span", null, E(r.item?.username), 1),
+          G(l("span", co, "|", 512), [
+            [Ue, r.item?.username]
           ]),
-          t("span", null, E(l.value), 1),
-          a[0] || (a[0] = t("span", { class: "px-[5px]" }, "|", -1)),
-          t("span", co, E(n(r.item?.size)), 1)
+          l("span", null, E(t.value), 1),
+          a[0] || (a[0] = l("span", { class: "px-[5px]" }, "|", -1)),
+          l("span", po, E(n(r.item?.size)), 1)
         ])
       ])
     ], 64));
   }
-}), po = { class: "p-3 relative group flex items-center gap-x-3 border border-gray-200 bg-white rounded-md w-full" }, fo = {
+}), fo = { class: "p-3 relative group flex items-center gap-x-3 border border-gray-200 bg-white rounded-md w-full" }, vo = {
   key: 0,
   class: "flex w-full gap-x-3 items-center"
-}, vo = {
+}, mo = {
   key: 1,
   class: "flex gap-x-3 w-full items-center"
-}, mo = {
+}, ho = {
   key: 2,
   class: "flex gap-x-3 w-full items-center"
-}, ho = ["href"], go = {
+}, go = ["href"], bo = {
   key: 3,
   class: "flex gap-x-3 w-full items-center"
-}, bo = { class: "lg:absolute lg:top-3 lg:end-1 opacity-100" }, yo = { class: "p-0.5 sm:p-1 inline-flex items-center gap-0.5 bg-white rounded-lg dark:bg-neutral-800 dark:border-neutral-700" }, xo = { class: "inline-block" }, wo = { class: "inline-block" }, ko = /* @__PURE__ */ A({
+}, yo = { class: "lg:absolute lg:top-3 lg:end-1 opacity-100" }, xo = { class: "p-0.5 sm:p-1 inline-flex items-center gap-0.5 bg-white rounded-lg dark:bg-neutral-800 dark:border-neutral-700" }, wo = { class: "inline-block" }, ko = { class: "inline-block" }, _o = /* @__PURE__ */ A({
   __name: "vs-widget-file-item",
   props: {
     item: { default: null },
@@ -1178,7 +1201,7 @@ const ot = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
   },
   emits: ["update", "openModal", "openLightbox"],
   setup(o, { emit: e }) {
-    const l = o, n = e;
+    const t = o, n = e;
     function r(c) {
       return ["pdf", "json"].includes(c.ext);
     }
@@ -1192,7 +1215,7 @@ const ot = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
     async function d() {
       try {
         await fetch(
-          `${l.prefix}/widget/file/${l.item.entity_id}/${l.item.file_id}`
+          `${t.prefix}/widget/file/${t.item.entity_id}/${t.item.file_id}`
         ), n("update");
       } catch (c) {
         console.error(c);
@@ -1209,33 +1232,33 @@ const ot = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
       });
     }
     function f(c) {
-      (l.item.ext === "jpg" || l.item.ext === "png") && n("openLightbox", { item: l.item, index: c });
+      (t.item.ext === "jpg" || t.item.ext === "png") && n("openLightbox", { item: t.item, index: c });
     }
-    return (c, g) => (i(), u("div", po, [
-      c.item.ext === "jpg" || c.item.ext === "png" ? (i(), u("div", fo, [
-        t("div", {
+    return (c, g) => (i(), u("div", fo, [
+      c.item.ext === "jpg" || c.item.ext === "png" ? (i(), u("div", vo, [
+        l("div", {
           class: "max-w-[55vw] cursor-pointer flex gap-x-3 w-full items-center",
           onClick: g[0] || (g[0] = (v) => f(c.index))
         }, [
-          j(Be, { item: c.item }, null, 8, ["item"])
+          j(Se, { item: c.item }, null, 8, ["item"])
         ])
-      ])) : r(c.item) ? (i(), u("div", vo, [
-        j(Be, { item: c.item }, null, 8, ["item"])
-      ])) : a(c.item) ? (i(), u("div", mo, [
-        t("a", {
+      ])) : r(c.item) ? (i(), u("div", mo, [
+        j(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(Be, { item: c.item }, null, 8, ["item"])
-        ], 8, ho)
-      ])) : (i(), u("div", go, [
-        j(Be, { item: c.item }, null, 8, ["item"])
+          j(Se, { item: c.item }, null, 8, ["item"])
+        ], 8, go)
+      ])) : (i(), u("div", bo, [
+        j(Se, { item: c.item }, null, 8, ["item"])
       ])),
-      t("div", bo, [
-        t("div", yo, [
-          t("div", xo, [
-            t("button", {
+      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))
             }, [
@@ -1245,9 +1268,9 @@ const ot = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
               })
             ])
           ]),
-          g[3] || (g[3] = t("div", { class: "w-px h-5 mx-1 bg-gray-200 dark:bg-neutral-700" }, null, -1)),
-          t("div", wo, [
-            t("button", {
+          g[3] || (g[3] = l("div", { class: "w-px h-5 mx-1 bg-gray-200 dark:bg-neutral-700" }, null, -1)),
+          l("div", ko, [
+            l("button", {
               type: "button",
               class: "size-[30px] inline-flex justify-center items-center gap-x-2 rounded-lg border border-transparent text-red-600 hover:bg-red-100 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-red-100 dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20",
               onClick: g[2] || (g[2] = (v) => p())
@@ -1262,7 +1285,7 @@ const ot = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
       ])
     ]));
   }
-}), _o = {}, $o = {
+}), $o = {}, Co = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1274,25 +1297,25 @@ const ot = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-download"
 };
-function Co(o, e) {
-  return i(), u("svg", $o, e[0] || (e[0] = [
-    t("path", {
+function Vo(o, e) {
+  return i(), u("svg", Co, e[0] || (e[0] = [
+    l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    t("path", { d: "M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2" }, null, -1),
-    t("path", { d: "M7 11l5 5l5 -5" }, null, -1),
-    t("path", { d: "M12 4l0 12" }, null, -1)
+    l("path", { d: "M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2" }, null, -1),
+    l("path", { d: "M7 11l5 5l5 -5" }, null, -1),
+    l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col widget-file xl:bg-white xl:rounded-xl dark:xl:bg-neutral-800 dark:xl:border-neutral-700 w-full" }, Lo = { class: "flex w-full mb-[12px] items-center gap-x-2" }, Bo = { class: "font-semibold text-gray-800 dark:text-neutral-200 text-[14px]" }, So = { class1: "ml-auto" }, jo = { class: "py-1.5 px-4 inline-flex items-center gap-x-2 text-sm font-medium rounded-lg bg-gray-100 cursor-pointer hover:bg-gray-200 text-gray-800 shadow-2xs hover:bg-gray-50 focus:outline-hidden focus:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" }, Io = {
+const Mo = /* @__PURE__ */ 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 = {
   key: 0,
   class: "py-4 mb-4 space-y-4 border-gray-200 border-y dark:border-neutral-700"
-}, Ao = { class: "relative" }, zo = {
+}, zo = { class: "relative" }, Eo = {
   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"
-}, Oo = { key: 0 }, Eo = /* @__PURE__ */ A({
+}, Fo = { key: 0 }, Oo = /* @__PURE__ */ A({
   __name: "vs-input-file-list",
   props: {
     id: { default: "" },
@@ -1307,57 +1330,57 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
   },
   emits: ["update"],
   setup(o, { emit: e }) {
-    const l = o, n = Se("form"), r = D(() => n.value.formId), a = $(!1), s = $(0), d = e, p = $(!1), f = $({}), c = $([]), g = $(""), v = D(() => Array.isArray(c.value) ? c.value.filter((x) => x.ext === "jpg" || x.ext === "png").map((x) => x?.file_path) : []), M = D(() => g.value === "" ? c.value : c.value.filter((x) => x?.uploaded_name?.includes(g.value))), I = (x) => {
+    const 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);
-    }, F = async () => {
+    }, D = async () => {
       try {
-        const x = await fetch(`${l.prefix}/widget/file/${r.value}`).then((h) => h.json());
+        const x = await fetch(`${t.prefix}/widget/file/${r.value}`).then((h) => h.json());
         c.value = x?.rows;
       } catch (x) {
         console.error(x);
       }
-    }, U = async (x) => {
+    }, T = async (x) => {
       await Promise.all(
         Array.from(x.target.files).map(async (h) => {
           const J = new FormData();
           J.append("file", h);
           try {
-            const C = `${l.prefix}/widget/file/${r.value}`;
+            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;
           }
         })
-      ), await F();
+      ), await D();
     }, P = (x) => {
       const h = { ...x };
       return x.cancel || (h.cancel = () => {
         p.value = !1;
       }), x.updateListOnConfirm && (h.confirm = async () => {
-        await x.confirm(), p.value = !1, F();
+        await x.confirm(), p.value = !1, D();
       }), h;
     }, _ = (x) => {
       f.value = P(x), p.value = !0;
     };
     return se(r, (x) => {
-      x && F();
-    }), ue(() => {
-      r.value && F();
+      x && D();
+    }), ne(() => {
+      r.value && D();
     }), (x, h) => {
-      const J = Pe("Lightbox"), C = Pe("MessageBox");
-      return i(), u("div", Mo, [
-        t("div", Lo, [
-          t("h2", Bo, " Файлів: " + E(c.value?.length), 1),
-          t("div", So, [
-            t("label", null, [
-              t("input", {
+      const J = Ne("Lightbox"), C = Ne("MessageBox");
+      return i(), u("div", Lo, [
+        l("div", So, [
+          l("h2", Bo, " Файлів: " + E(c.value?.length), 1),
+          l("div", jo, [
+            l("label", null, [
+              l("input", {
                 type: "file",
                 class: "hidden",
-                onChange: h[0] || (h[0] = (m) => U(m))
+                onChange: h[0] || (h[0] = (m) => T(m))
               }, null, 32),
-              t("div", jo, [
-                j(Vo, {
+              l("div", Io, [
+                j(Mo, {
                   height: "16",
                   width: "16"
                 })
@@ -1365,11 +1388,11 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
             ])
           ])
         ]),
-        c.value?.length > 4 ? (i(), u("div", Io, [
-          t("div", null, [
-            t("div", Ao, [
-              h[8] || (h[8] = t("div", { class: "absolute inset-y-0 start-0 flex items-center pointer-events-none z-[1] ps-3.5" }, [
-                t("svg", {
+        c.value?.length > 4 ? (i(), u("div", Ao, [
+          l("div", null, [
+            l("div", zo, [
+              h[8] || (h[8] = l("div", { class: "absolute inset-y-0 start-0 flex items-center pointer-events-none z-[1] ps-3.5" }, [
+                l("svg", {
                   class: "flex-shrink-0 text-gray-500 size-4 dark:text-neutral-400",
                   xmlns: "http://www.w3.org/2000/svg",
                   width: "24",
@@ -1381,22 +1404,22 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round"
                 }, [
-                  t("circle", {
+                  l("circle", {
                     cx: "11",
                     cy: "11",
                     r: "8"
                   }),
-                  t("path", { d: "m21 21-4.3-4.3" })
+                  l("path", { d: "m21 21-4.3-4.3" })
                 ])
               ], -1)),
-              K(t("input", {
+              G(l("input", {
                 type: "text",
                 "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), [
                 [
-                  ne,
+                  ie,
                   g.value,
                   void 0,
                   { trim: !0 }
@@ -1404,9 +1427,9 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
               ])
             ])
           ])
-        ])) : S("", !0),
-        c.value?.length ? (i(), u("div", zo, [
-          (i(!0), u(Q, null, Y(M.value, (m, V) => (i(), X(ko, {
+        ])) : 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,
@@ -1415,10 +1438,10 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
             onOpenModal: h[3] || (h[3] = (z) => _(z)),
             onOpenLightbox: h[4] || (h[4] = (z) => I(z))
           }, null, 8, ["prefix", "item", "index"]))), 128)),
-          M.value.length ? S("", !0) : (i(), u("div", Oo, h[9] || (h[9] = [
-            t("p", { class: "text-sm text-gray-600 font-sm" }, " Файлів з такою назвою не існує, введіть інше пошукове слово ", -1)
+          M.value.length ? B("", !0) : (i(), u("div", Fo, h[9] || (h[9] = [
+            l("p", { class: "text-sm text-gray-600 font-sm" }, " Файлів з такою назвою не існує, введіть інше пошукове слово ", -1)
           ])))
-        ])) : S("", !0),
+        ])) : B("", !0),
         j(J, {
           modelValue: a.value,
           "onUpdate:modelValue": h[5] || (h[5] = (m) => a.value = m),
@@ -1426,7 +1449,7 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
           "onUpdate:index": h[6] || (h[6] = (m) => s.value = m),
           images: v.value
         }, null, 8, ["modelValue", "startIndex", "images"]),
-        j(C, Ce({
+        j(C, Ve({
           modelValue: p.value,
           "onUpdate:modelValue": h[7] || (h[7] = (m) => p.value = m),
           onConfirm: f.value.confirm
@@ -1434,7 +1457,7 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
       ]);
     };
   }
-}), Fo = { class: "flex items-center justify-between" }, Do = { class: "text-[16px] text-gray-900 font-medium" }, Uo = { class: "grid gap-3" }, To = /* @__PURE__ */ A({
+}), Do = { class: "flex items-center justify-between" }, Uo = { class: "text-[16px] text-gray-900 font-medium" }, To = { class: "grid gap-3" }, Ro = /* @__PURE__ */ A({
   __name: "vs-container-switcher",
   props: {
     title: {
@@ -1451,34 +1474,34 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
     }
   },
   setup(o) {
-    const e = o, l = $(e.isOpen);
+    const e = o, t = k(e.isOpen);
     return se(
       () => e.isOpen,
       (n) => {
-        l.value = n;
+        t.value = n;
       }
     ), (n, r) => (i(), u("div", null, [
-      t("div", Fo, [
-        t("p", Do, E(o.title), 1),
+      l("div", Do, [
+        l("p", Uo, E(o.title), 1),
         j(lt, {
-          modelValue: l.value,
-          "onUpdate:modelValue": r[0] || (r[0] = (a) => l.value = a),
-          style: fe(o.style)
+          modelValue: t.value,
+          "onUpdate:modelValue": r[0] || (r[0] = (a) => t.value = a),
+          style: me(o.style)
         }, null, 8, ["modelValue", "style"])
       ]),
-      j(Ye, { name: "slide-fade" }, {
-        default: Me(() => [
-          K(t("div", Uo, [
-            ve(n.$slots, "default", {}, void 0, !0)
+      j(et, { name: "slide-fade" }, {
+        default: Le(() => [
+          G(l("div", To, [
+            he(n.$slots, "default", {}, void 0, !0)
           ], 512), [
-            [De, l.value]
+            [Ue, t.value]
           ])
         ]),
         _: 3
       })
     ]));
   }
-}), Ro = /* @__PURE__ */ R(To, [["__scopeId", "data-v-90320b87"]]), Po = { class: "text-[16px] text-gray-900 font-medium" }, No = { class: "grid gap-3" }, Ho = /* @__PURE__ */ A({
+}), Po = /* @__PURE__ */ R(Ro, [["__scopeId", "data-v-90320b87"]]), No = { class: "text-[16px] text-gray-900 font-medium" }, Ho = { class: "grid gap-3" }, qo = /* @__PURE__ */ A({
   __name: "vs-container-accordion",
   props: {
     title: {
@@ -1495,36 +1518,36 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
     }
   },
   setup(o) {
-    const e = o, l = $(e.isOpen);
+    const e = o, t = k(e.isOpen);
     return se(
       () => e.isOpen,
       (n) => {
-        l.value = n;
+        t.value = n;
       }
     ), (n, r) => (i(), u("div", null, [
-      t("button", {
+      l("button", {
         type: "button",
-        onClick: r[0] || (r[0] = (a) => l.value = !l.value),
+        onClick: r[0] || (r[0] = (a) => t.value = !t.value),
         class: "flex items-center gap-2"
       }, [
-        j(H(Zt), {
-          class: B(["h-4 w-4 duration-300", [l.value ? "-rotate-180" : ""]])
+        j(q(Wt), {
+          class: S(["h-4 w-4 duration-300", [t.value ? "-rotate-180" : ""]])
         }, null, 8, ["class"]),
-        t("span", Po, E(o.title), 1)
+        l("span", No, E(o.title), 1)
       ]),
-      j(Ye, { name: "slide-fade" }, {
-        default: Me(() => [
-          K(t("div", No, [
-            ve(n.$slots, "default", {}, void 0, !0)
+      j(et, { name: "slide-fade" }, {
+        default: Le(() => [
+          G(l("div", Ho, [
+            he(n.$slots, "default", {}, void 0, !0)
           ], 512), [
-            [De, l.value]
+            [Ue, t.value]
           ])
         ]),
         _: 3
       })
     ]));
   }
-}), qo = /* @__PURE__ */ R(Ho, [["__scopeId", "data-v-590eff11"]]), Go = { class: "flex items-center justify-between" }, Jo = /* @__PURE__ */ A({
+}), Go = /* @__PURE__ */ R(qo, [["__scopeId", "data-v-590eff11"]]), Jo = { class: "flex items-center justify-between" }, Ko = /* @__PURE__ */ A({
   __name: "vs-container-default",
   props: {
     title: {
@@ -1537,17 +1560,17 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
     }
   },
   setup(o) {
-    return (e, l) => (i(), u("div", null, [
-      t("div", Go, [
-        t("p", null, E(o.title), 1)
+    return (e, t) => (i(), u("div", null, [
+      l("div", Jo, [
+        l("p", null, E(o.title), 1)
       ]),
-      ve(e.$slots, "default")
+      he(e.$slots, "default")
     ]));
   }
-}), Ko = {
-  switcher: Ro,
-  accordion: qo,
-  default: Jo
+}), Zo = {
+  switcher: Po,
+  accordion: Go,
+  default: Ko
 }, le = {
   Equal: "==",
   Inequal: "!=",
@@ -1561,37 +1584,37 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
   Contain: "*",
   In: "in",
   NotIn: "not_in"
-}, Zo = (o, e) => String(o) === String(e), Wo = (o, e) => String(o) !== String(e), Qo = (o, e) => o > e, Xo = (o, e) => o >= e, Yo = (o, e) => o < e, ea = (o, e) => o <= e, ta = (o, e) => Array.isArray(e) && e.length === 2 ? o >= e[0] && o <= e[1] : !1, la = (o, e) => String(o).startsWith(String(e)), oa = (o, e) => String(o).endsWith(String(e)), aa = (o, e) => String(o).includes(String(e)), ra = (o, e) => Array.isArray(e) ? e.includes(o) : !1, sa = (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)), 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) => {
   if (!e) return !0;
   switch (e?.[1]) {
     case le.Equal:
-      return Zo(o, e?.[2]);
-    case le.Inequal:
       return Wo(o, e?.[2]);
-    case le.Higer:
+    case le.Inequal:
       return Qo(o, e?.[2]);
-    case le.HigerOrEqual:
+    case le.Higer:
       return Xo(o, e?.[2]);
-    case le.Lower:
+    case le.HigerOrEqual:
       return Yo(o, e?.[2]);
-    case le.LowerOrEqual:
+    case le.Lower:
       return ea(o, e?.[2]);
-    case le.Between:
+    case le.LowerOrEqual:
       return ta(o, e?.[2]);
-    case le.StartWith:
+    case le.Between:
       return la(o, e?.[2]);
-    case le.EndWith:
+    case le.StartWith:
       return oa(o, e?.[2]);
-    case le.Contain:
+    case le.EndWith:
       return aa(o, e?.[2]);
-    case le.In:
+    case le.Contain:
       return ra(o, e?.[2]);
-    case le.NotIn:
+    case le.In:
       return sa(o, e?.[2]);
+    case le.NotIn:
+      return na(o, e?.[2]);
     default:
       return !0;
   }
-}, na = /* @__PURE__ */ A({
+}, ia = /* @__PURE__ */ A({
   __name: "vs-input-container",
   props: {
     style: {
@@ -1612,32 +1635,32 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
     }
   },
   setup(o) {
-    const e = o, l = Se("formValues", { default: {} }), n = Se("form"), r = D(() => e.schema?.filter((s) => {
+    const e = o, t = Be("formValues", { default: {} }), n = Be("form"), r = O(() => e.schema?.filter((s) => {
       const d = s?.conditions;
       if (!d) return !0;
-      const p = Array.isArray(d) ? d[0] : d, f = l?.value?.[p];
+      const p = Array.isArray(d) ? d[0] : d, f = t?.value?.[p];
       return at(f, d);
-    })), a = D(() => Ko[e.view]);
-    return (s, d) => o.schema?.length ? (i(), X(xe(a.value), {
+    })), a = O(() => Zo[e.view]);
+    return (s, d) => o.schema?.length ? (i(), X(we(a.value), {
       key: 0,
       title: o.title,
-      style: fe(o.style)
+      style: me(o.style)
     }, {
-      default: Me(() => [
-        (i(!0), u(Q, null, Y(r.value, (p) => (i(), X(rt, Ce({
+      default: Le(() => [
+        (i(!0), u(Q, null, Y(r.value, (p) => (i(), X(rt, Ve({
           key: p.name
         }, { ref_for: !0 }, p, {
           item: p,
-          modelValue: H(l)[p.name],
-          "onUpdate:modelValue": (f) => H(l)[p.name] = f,
+          modelValue: q(t)[p.name],
+          "onUpdate:modelValue": (f) => q(t)[p.name] = f,
           style: o.style,
-          error: H(n)?.errors?.[p.name]
+          error: q(n)?.errors?.[p.name]
         }), null, 16, ["item", "modelValue", "onUpdate:modelValue", "style", "error"]))), 128))
       ]),
       _: 1
-    }, 8, ["title", "style"])) : S("", !0);
+    }, 8, ["title", "style"])) : B("", !0);
   }
-}), ia = { class: "relative" }, ua = { class: "w-full h-full fixed top-0 start-0 z-[1000] bg-black bg-opacity-50" }, da = { 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" }, ca = { class: "py-2.5 px-4 flex justify-between items-center border-0 border-b border-solid border-gray-200 dark:border-b-[#454545]" }, pa = { class: "font-medium text-gray-800 dark:text-[#ffffff]" }, fa = { class: "p-4 mim-h-0 h-full overflow-auto" }, va = /* @__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__ */ A({
   __name: "modal-edit",
   props: {
     schema: {},
@@ -1648,11 +1671,11 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
   },
   emits: ["close", "save", "edit"],
   setup(o, { emit: e }) {
-    const l = o, n = e, r = $(l.schema), a = $(l.defaultValue ? JSON.parse(JSON.stringify(l.defaultValue)) : {}), s = $({}), d = $(), p = $(l.mode);
+    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);
     async function f() {
       const g = s.value.validate();
       if (g) {
-        pe({ type: "warning", title: "Помилка валідації", message: Object.entries(g).map(([v, M]) => `${v}: ${M}`).join(`
+        ve({ type: "warning", title: "Помилка валідації", message: Object.entries(g).map(([v, M]) => `${v}: ${M}`).join(`
 `) });
         return;
       }
@@ -1666,29 +1689,29 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
             body: JSON.stringify(a.value)
           });
           if (v.ok)
-            await v.json(), pe({
+            await v.json(), ve({
               type: "success",
               title: "Успішно",
               message: `Дані успішно ${p.value === "add" ? "збережено" : "оновлено"}`
             }), n("save", a.value);
           else if (v.status === 400) {
             const M = await v.json().catch(() => ({}));
-            pe({
+            ve({
               type: "warning",
               title: "Помилка валідації",
               message: M.message || "Некоректні дані (400)"
             });
-          } else v.status === 500 ? pe({
+          } else v.status === 500 ? ve({
             type: "error",
             title: "Серверна помилка",
             message: "Виникла помилка на сервері (500)"
-          }) : pe({
+          }) : ve({
             type: "error",
             title: "Помилка",
             message: `Статус: ${v.status}`
           });
         } catch (v) {
-          pe({
+          ve({
             type: "error",
             title: "Помилка з’єднання",
             message: v.message || "Не вдалося виконати запит"
@@ -1698,27 +1721,27 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
     function c() {
       n("close");
     }
-    return ue(async () => {
-      if (l.form) {
-        const g = await fetch(`/api/template/form/${l.form}`).then((v) => v.json());
+    return ne(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;
-      } else if (l.token) {
-        d.value = l.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";
       }
-    }), (g, v) => (i(), u("div", ia, [
-      t("div", ua, [
-        t("div", da, [
-          t("div", ca, [
-            t("h3", pa, E(p.value === "add" ? "Додати" : "Змінити"), 1),
-            t("button", {
+    }), (g, v) => (i(), u("div", ua, [
+      l("div", da, [
+        l("div", ca, [
+          l("div", pa, [
+            l("h3", fa, E(p.value === "add" ? "Додати" : "Змінити"), 1),
+            l("button", {
               onClick: c,
               type: "button",
               class: "size-8 inline-flex justify-center items-center gap-x-2 rounded-full border border-transparent bg-gray-100 text-gray-800 hover:bg-gray-200 focus:outline-none focus:bg-gray-200 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600"
             }, v[2] || (v[2] = [
-              t("span", { class: "sr-only" }, "Close", -1),
-              t("svg", {
+              l("span", { class: "sr-only" }, "Close", -1),
+              l("svg", {
                 class: "flex-shrink-0 w-4 h-4",
                 xmlns: "http://www.w3.org/2000/svg",
                 width: "24",
@@ -1730,28 +1753,28 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round"
               }, [
-                t("path", { d: "M18 6 6 18" }),
-                t("path", { d: "m6 6 12 12" })
+                l("path", { d: "M18 6 6 18" }),
+                l("path", { d: "m6 6 12 12" })
               ], -1)
             ]))
           ]),
-          t("div", fa, [
-            r.value ? (i(), X(Oe, {
+          l("div", va, [
+            r.value ? (i(), X(Ee, {
               key: 0,
               schema: r.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"])) : S("", !0)
+            }, null, 8, ["schema", "values", "form"])) : B("", !0)
           ]),
-          t("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" }, [
-            t("button", {
+          l("div", { class: "vs-form__head mr-5 mb-5 mt-3 flex items-center justify-end sticky top-0 left-0 z-[60] bg-white" }, [
+            l("button", {
               type: "button",
               onClick: c,
               class: "vs-button inline-flex border-solid justify-center items-center gap-2 rounded-md font-semibold focus:outline-none text-sm transition-all border !border-gray-200 hover:text-white bg-white text-red-500 hover:border-red-500 hover:bg-red-500 focus:ring-red-500 py-1.5 px-5 focus:ring-1 focus:ring-offset-1 mr-2"
             }, " Скасувати "),
-            t("button", {
+            l("button", {
               onClick: f,
               type: "button",
               class: "vs-button inline-flex border-solid justify-center items-center gap-2 rounded-md font-semibold focus:outline-none text-sm transition-all border-1 border-transparent text-white bg-blue-500 hover:bg-blue-600 focus:ring-blue-500 py-1.5 px-5 focus:ring-1 focus:ring-offset-1"
@@ -1761,20 +1784,20 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
       ])
     ]));
   }
-}), Ve = (o = { mode: "edit", schema: null }) => new Promise((e) => {
-  const l = document.querySelector("body");
-  if (!l) {
+}), 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");
-  l.appendChild(n);
+  t.appendChild(n);
   function r() {
     a.unmount(), n.remove();
   }
   const a = ct({
     render() {
-      return pt(va, {
+      return pt(ma, {
         ...o,
         onClose: () => {
           e(null), r();
@@ -1786,31 +1809,30 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
     }
   });
   a.mount(n);
-}), ma = ["aria-expanded", "data-focus"], ha = { class: "flex items-center" }, ga = { class: "overflow-hidden text-ellipsis whitespace-nowrap rounded-sm text-[#333] text-[85%] px-0.5 py-[3px] pl-1.5 box-border" }, ba = ["onClick"], ya = {
-  key: 1,
-  class: /* @__PURE__ */ B(["flex items-center absolute truncate text-gray-900"])
-}, xa = {
+}), 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: "absolute text-gray-500 truncate"
-}, wa = { class: "flex-1 min-w-[2px]" }, ka = ["placeholder"], _a = { class: "flex items-center shrink-0" }, $a = ["disabled"], Ca = ["disabled"], Va = {
+  class: "text-gray-500 truncate"
+}, ka = { class: "flex-1 min-w-[2px]" }, _a = ["placeholder"], $a = { class: "flex items-center shrink-0" }, Ca = ["disabled"], Va = ["disabled"], Ma = {
   key: 0,
   class: "absolute z-10 w-full mt-2 rounded bg-white shadow-[0_0_0_1px_rgba(0,0,0,0.1),0_4px_11px_rgba(0,0,0,0.1)]",
   role: "listbox"
-}, Ma = ["aria-disabled", "onClick"], La = {
+}, La = ["aria-disabled", "onClick"], Sa = {
   key: 1,
   class: "px-3 py-2 text-center text-gray-500"
-}, Ba = ["disabled"], Sa = /* @__PURE__ */ A({
+}, Ba = ["disabled"], ja = /* @__PURE__ */ A({
   __name: "vs-input-select",
-  props: /* @__PURE__ */ q({
+  props: {
     multiple: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
     mode: {},
+    defaultValue: {},
     search: { type: Boolean, default: !0 },
     placeholder: { default: "Оберіть значення" },
     prefix: { default: "api" },
     host: { default: "" },
     data: {},
     options: { default: () => [] },
+    api: {},
     maxHeight: { default: 400 },
     add: {},
     style: { default: () => ({}) },
@@ -1818,326 +1840,341 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
     modelValue: {},
     error: { default: null },
     name: {}
-  }, {
-    modelValue: {
-      default: null
-    },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ q(["change"], ["update:modelValue"]),
+  },
+  emits: ["change", "update:modelValue"],
   setup(o, { emit: e }) {
-    const l = o, n = e, r = D(() => l.multiple), a = D(() => l.disabled);
-    me(l.style);
-    const s = G(o, "modelValue"), d = $(null), p = $(null), f = $(null), c = $(!1), g = $(!1), v = $(null), M = $([]), I = $(-1), F = $([]), U = $(""), P = $(null), _ = $([]), x = D(() => {
+    const t = o, n = e, r = O(() => t.multiple), a = O(() => t.disabled);
+    ge(t.style);
+    const s = O({
+      get: () => t.modelValue,
+      set: (y) => n("update:modelValue", y)
+    });
+    !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(() => {
       if (!_.value.length) return [];
-      const k = new Map(M.value.map((w) => [w.id?.toString(), w]));
-      return _.value.map((w) => k.get(w?.toString())).filter((w) => !!w);
-    }), h = D(() => l.placeholder || "Select..."), J = D(() => r.value ? !_.value.length && U.value === "" : !v.value?.text && U.value === ""), C = D(() => a.value ? !1 : r.value ? _.value.length > 0 : !!s.value), m = (k) => r.value ? _.value.some((w) => w?.toString() === k?.toString()) : s.value?.toString?.() === k?.toString?.(), V = D(() => {
-      let k = M.value ?? [];
-      if (U.value.trim() !== "") {
-        const w = U.value.toLowerCase();
-        k = k.filter((O) => O.text?.toLowerCase?.().includes(w));
+      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 ?? [];
+      if (T.value.trim() !== "") {
+        const w = T.value.toLowerCase();
+        y = y.filter((H) => H.text?.toLowerCase?.().includes(w));
       }
       if (r.value && _.value.length) {
-        const w = new Set(_.value.map((O) => O?.toString()));
-        k = k.filter((O) => !w.has(O.id?.toString()));
+        const w = new Set(_.value.map((H) => H?.toString()));
+        y = y.filter((H) => !w.has(H.id?.toString()));
       }
-      return k;
-    }), z = async (k) => {
-      if (!l.data || !k) return [];
+      return y;
+    }), z = async (y) => {
+      if (!t.data) return [];
       try {
-        const w = `${l.host}/${l.prefix}/suggest/${l.data}?json=1&val=${encodeURIComponent(k)}`;
-        return (await fetch(w).then((W) => W.json())).data ?? [];
+        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 ?? [];
       } catch {
         return [];
       }
-    }, Z = async () => {
-      l.options?.length ? M.value = [...l.options] : l.data && (M.value = await z(U.value));
-    }, te = async (k) => {
-      if (k == null) return null;
-      const w = M.value?.find((W) => W?.id?.toString() === String(k));
-      return w || ((await z(String(k)))?.[0] ?? null);
-    }, ye = async (k) => {
-      const w = new Set(M.value.map((W) => W.id?.toString())), O = k.filter((W) => !w.has(W?.toString()));
-      O.length && await O.reduce(async (W, be) => {
-        await W;
-        const Le = await te(be);
-        Le && M.value.push(Le);
+    }, 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);
       }, Promise.resolve());
-    }, we = async () => {
-      a.value || (c.value = !0, await Z(), await $e(() => {
+    }, ke = async () => {
+      a.value || (c.value = !0, await W(), await Ce(() => {
         P.value?.focus(), V.value.length ? I.value = 0 : I.value = -1;
       }));
-    }, ie = () => {
+    }, ue = () => {
       c.value = !1, I.value = -1;
-    }, Ae = async (k) => {
+    }, Ae = async (y) => {
       if (a.value) return;
-      !c.value ? await we() : ie();
-    }, ke = async () => {
-      c.value ? P.value?.focus() : await we();
+      !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)), U.value = "", $e(() => P.value?.focus());
-    }, y = (k) => {
-      r.value && (_.value = _.value.filter((w) => w?.toString() !== k?.toString()), s.value = [..._.value], n("change", s.value), $e(() => P.value?.focus()));
-    }, T = (k) => {
-      r.value ? (m(k.id) || (_.value = [..._.value, k.id], s.value = [..._.value], n("change", s.value)), U.value = "", $e(() => {
+      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 = k, s.value = k.id, n("change", s.value), U.value = "", ie());
-    }, N = (k) => {
-      m(k.id) || T(k);
-    }, ee = (k, w) => {
-      if (!k || !w) return;
-      const O = k.offsetTop, W = O + k.offsetHeight, be = w.scrollTop, Le = be + w.clientHeight;
+      })) : (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;
-      O < be ? ze = O - 80 : W > Le && (ze = W - w.clientHeight + 4);
+      H < de ? ze = H - 80 : U > ce && (ze = U - w.clientHeight + 4);
       const it = w;
       it.scrollTop = ze;
-    }, _e = async (k) => {
-      a.value || !c.value && (k.key === "ArrowDown" || k.key === "ArrowUp") && (k.preventDefault(), await we());
-    }, de = (k) => {
+    }, $e = async (y) => {
+      a.value || !c.value && (y.key === "ArrowDown" || y.key === "ArrowUp") && (y.preventDefault(), await ke());
+    }, pe = (y) => {
       if (!c.value) return;
-      const { key: w } = k;
+      const { key: w } = y;
       if (w === "ArrowDown")
-        k.preventDefault(), I.value + 1 < V.value.length && (I.value += 1, ee(F.value[I.value], f.value));
+        y.preventDefault(), I.value + 1 < V.value.length && (I.value += 1, ee(D.value[I.value], f.value));
       else if (w === "ArrowUp")
-        k.preventDefault(), I.value > 0 && (I.value -= 1, ee(F.value[I.value], f.value));
+        y.preventDefault(), I.value > 0 && (I.value -= 1, ee(D.value[I.value], f.value));
       else if (w === "Enter") {
-        k.preventDefault();
-        const O = V.value[I.value];
-        O && T(O);
-      } else w === "Escape" ? (k.preventDefault(), ie()) : w === "Backspace" ? r.value && U.value === "" && _.value.length && (_.value = _.value.slice(0, -1), s.value = [..._.value], n("change", s.value)) : w === "Home" ? (I.value = 0, ee(F.value[0], f.value)) : w === "End" ? (I.value = V.value.length - 1, ee(F.value[I.value], f.value)) : w === "Tab" && ie();
-    }, he = () => {
+        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);
-    }, ge = () => {
-      g.value = !1, U.value = "";
-    }, ce = (k) => {
-      k.key === "Escape" && c.value && ie();
-    }, Ue = (k) => {
-      d.value && (d.value.contains(k.target) || ie());
-    }, Te = (k) => {
-      c.value && f.value && !f.value.contains(k.target) && ie();
+    }, ye = () => {
+      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();
     };
-    se(() => l.options, (k) => {
-      k?.length && (M.value = [...k]);
+    se(() => t.options, (y) => {
+      y?.length && (M.value = [...y]);
     }, { immediate: !0 });
-    const Re = async () => {
+    const Pe = async () => {
       if (r.value)
-        Array.isArray(s.value) ? _.value = [...s.value] : (_.value = s.value == null ? [] : [s.value], s.value = [..._.value]), !l.options?.length && l.data && await ye(_.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);
       else {
         if (Array.isArray(s.value)) {
-          const k = s.value[0] ?? null;
-          s.value = k ?? null;
+          const y = s.value[0] ?? null;
+          s.value = y ?? null;
         }
         v.value = await te(s.value);
       }
     };
     se(s, () => {
-      Re();
-    }), ue(async () => {
-      addEventListener("keydown", ce), addEventListener("scroll", Te, !0), document.addEventListener("click", Ue, !0), l.options?.length ? M.value = [...l.options] : l.data && (M.value = await z("")), await Re();
-    }), et(() => {
-      removeEventListener("keydown", ce), removeEventListener("scroll", Te, !0), document.removeEventListener("click", Ue, !0);
+      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);
     });
     async function nt() {
-      if (!l.add) return;
-      const k = await Ve({ form: l.add.form, mode: "add" });
-      k && (await fetch(`/api/table/${l.add.token}`, {
+      if (!t.add) return;
+      const y = await Me({ form: t.add.form, mode: "add" });
+      y && (await fetch(`/api/table/${t.add.token}`, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify(k)
-      }).then((w) => w.json()), !l.options?.length && l.data && (M.value = await z(U.value)));
+        body: JSON.stringify(y)
+      }).then((w) => w.json()), !t.options?.length && t.data && (M.value = await z(T.value)));
     }
-    return (k, w) => (i(), u("div", {
-      class: "flex gap-1 w-full",
-      ref_key: "selectRoot",
-      ref: d,
-      onClick: w[2] || (w[2] = re(() => {
-      }, ["stop"]))
-    }, [
-      t("div", {
-        class: B(["relative w-full font-sans", l.customClass])
+    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"]))
       }, [
-        w[7] || (w[7] = t("span", {
-          id: "react-select-live-region",
-          class: "sr-only"
-        }, null, -1)),
-        w[8] || (w[8] = t("span", {
-          "aria-live": "polite",
-          "aria-atomic": "false",
-          "aria-relevant": "additions text",
-          role: "log",
-          class: "sr-only"
-        }, null, -1)),
-        t("div", {
-          class: B([
-            "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: ke,
-          "data-focus": c.value || g.value ? "true" : "false"
+        l("div", {
+          class: S(["relative w-full font-sans", t.customClass])
         }, [
-          t("div", {
-            class: "flex flex-1 flex-wrap items-center gap-1 py-0.5 pl-2 pr-0 overflow-hidden",
-            ref_key: "triggerRef",
-            ref: p
+          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"
           }, [
-            r.value && _.value.length ? (i(!0), u(Q, { key: 0 }, Y(x.value, (O) => (i(), u("div", {
-              class: "flex min-w-0 bg-[#e6e6e6] rounded-sm m-0.5 box-border",
-              key: O.id
+            l("div", {
+              class: "flex flex-1 items-center gap-1 py-0.5 pl-2 pr-0 overflow-hidden",
+              ref_key: "triggerRef",
+              ref: p
             }, [
-              t("div", ha, [
-                O?.color ? (i(), u("span", {
+              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", {
                   key: 0,
-                  class: "w-[16px] h-[16px] rounded-md block ml-1.5",
-                  style: fe({ backgroundColor: O?.color })
-                }, null, 4)) : S("", !0),
-                t("div", ga, E(O.text), 1)
-              ]),
-              t("div", {
-                role: "button",
-                class: "flex items-center rounded-sm px-1 box-border hover:bg-[#ffbdad] hover:text-[#de350b]",
-                onClick: re((W) => y(O.id), ["stop"])
-              }, w[3] || (w[3] = [
-                t("svg", {
-                  height: "14",
-                  width: "14",
+                  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] = [
+                l("svg", {
+                  height: "20",
+                  width: "20",
                   viewBox: "0 0 20 20",
-                  "aria-hidden": "true",
-                  focusable: "false",
-                  class: "inline-block fill-current stroke-current leading-none stroke-0"
+                  class: "fill-current"
                 }, [
-                  t("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" })
+                  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, ba)
-            ]))), 128)) : !r.value && v.value?.text && U.value === "" ? (i(), u("div", ya, [
-              v.value?.color ? (i(), u("span", {
-                key: 0,
-                class: "w-[14px] h-[14px] rounded-md block mr-1 mt-0.5",
-                style: fe({ backgroundColor: v.value?.color })
-              }, null, 4)) : S("", !0),
-              oe(" " + E(v.value.text), 1)
-            ])) : S("", !0),
-            J.value ? (i(), u("div", xa, E(h.value), 1)) : S("", !0),
-            t("div", wa, [
-              !a.value && k.search ? K((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 ? "" : void 0,
-                "onUpdate:modelValue": w[0] || (w[0] = (O) => U.value = O),
-                onFocus: he,
-                onBlur: ge,
-                onKeydown: de
-              }, null, 40, ka)), [
-                [ne, U.value]
-              ]) : S("", !0)
+              ]), 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)
             ])
-          ], 512),
-          t("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] = [
-              t("svg", {
-                height: "20",
-                width: "20",
-                viewBox: "0 0 20 20",
-                class: "fill-current"
-              }, [
-                t("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, $a)) : S("", !0),
-            w[6] || (w[6] = t("div", { class: "self-stretch w-px bg-[#ccc] my-[1px]" }, null, -1)),
-            t("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((O) => Ae(), ["stop"]))
-            }, w[5] || (w[5] = [
-              t("svg", {
-                height: "20",
-                width: "20",
-                viewBox: "0 0 20 20",
-                class: "fill-current"
-              }, [
-                t("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, Ca)
-          ])
-        ], 42, ma),
-        c.value ? (i(), u("div", Va, [
-          t("div", {
-            class: "max-h-[300px] overflow-y-auto py-1",
-            ref_key: "listRef",
-            ref: f
-          }, [
-            V.value.length ? (i(!0), u(Q, { key: 0 }, Y(V.value, (O, W) => (i(), u("div", {
-              key: O.id,
-              ref_for: !0,
-              ref: (be) => F.value[W] = be,
-              class: B([
-                "flex px-3 py-2 cursor-default select-none hover:bg-blue-300",
-                m(O.id) ? "text-white bg-blue-500" : "text-gray-900 bg-white"
-              ]),
-              "aria-disabled": m(O.id) ? "true" : "false",
-              role: "option",
-              tabindex: "-1",
-              onClick: (be) => N(O)
+          ], 42, ha),
+          c.value ? (i(), u("div", Ma, [
+            l("div", {
+              class: "max-h-[300px] overflow-y-auto py-1",
+              ref_key: "listRef",
+              ref: f
             }, [
-              O?.color ? (i(), u("span", {
-                key: 0,
-                class: "w-[11px] h-[11px] rounded-full block mr-1 mt-1.5",
-                style: fe({ backgroundColor: O?.color })
-              }, null, 4)) : S("", !0),
-              t("div", {
-                class: B([
-                  "leading-[19px]",
-                  I.value === O.id ? "text-white" : "",
-                  // active style like react-select
-                  (I.value === W, "")
-                ])
-              }, E(O.text), 3)
-            ], 10, Ma))), 128)) : (i(), u("div", La, " No options "))
-          ], 512)
-        ])) : S("", !0)
-      ], 2),
-      l.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] = t("span", null, "Додати", -1))
-      ], 8, Ba)) : S("", !0)
-    ], 512));
+              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)
+              }, [
+                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);
+    };
   }
-}), ja = ["placeholder", "disabled"], Ia = /* @__PURE__ */ A({
+}), Ia = ["placeholder", "disabled"], Aa = /* @__PURE__ */ A({
   __name: "vs-input-textarea",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ K({
     style: { default: () => ({}) },
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -2151,21 +2188,21 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: l } = me(e.style), n = G(o, "modelValue");
-    return (r, a) => K((i(), u("textarea", {
+    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,
       row: "2",
-      class: B(["py-1.5 px-3 block w-full placeholder:text[#767f8f] h-auto", [H(l)]]),
+      class: S(["py-1.5 px-3 block w-full placeholder:text[#767f8f] h-auto", [q(t)]]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, ja)), [
-      [ne, n.value]
+    }, null, 10, Ia)), [
+      [ie, n.value]
     ]);
   }
-}), Aa = {}, za = {
+}), za = {}, Ea = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2175,18 +2212,18 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-search stroke-gray-500 transition-all"
 };
-function Oa(o, e) {
-  return i(), u("svg", za, e[0] || (e[0] = [
-    t("path", {
+function Fa(o, e) {
+  return i(), u("svg", Ea, e[0] || (e[0] = [
+    l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    t("path", { d: "M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" }, null, -1),
-    t("path", { d: "M21 21l-6 -6" }, null, -1)
+    l("path", { d: "M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" }, null, -1),
+    l("path", { d: "M21 21l-6 -6" }, null, -1)
   ]));
 }
-const Ea = /* @__PURE__ */ R(Aa, [["render", Oa]]), Fa = {}, Da = {
+const Oa = /* @__PURE__ */ R(za, [["render", Fa]]), Da = {}, Ua = {
   class: "flex-shrink-0 mt-0.5 size-3.5",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
@@ -2196,15 +2233,15 @@ const Ea = /* @__PURE__ */ R(Aa, [["render", Oa]]), Fa = {}, Da = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Ua(o, e) {
-  return i(), u("svg", Da, e[0] || (e[0] = [
-    t("path", { d: "m3 16 4 4 4-4" }, null, -1),
-    t("path", { d: "M7 20V4" }, null, -1),
-    t("path", { d: "m21 8-4-4-4 4" }, null, -1),
-    t("path", { d: "M17 4v16" }, null, -1)
+function Ta(o, e) {
+  return i(), u("svg", Ua, e[0] || (e[0] = [
+    l("path", { d: "m3 16 4 4 4-4" }, null, -1),
+    l("path", { d: "M7 20V4" }, null, -1),
+    l("path", { d: "m21 8-4-4-4 4" }, null, -1),
+    l("path", { d: "M17 4v16" }, null, -1)
   ]));
 }
-const Ta = /* @__PURE__ */ R(Fa, [["render", Ua]]), Ra = {}, Pa = {
+const Ra = /* @__PURE__ */ R(Da, [["render", Ta]]), Pa = {}, Na = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "14",
   height: "14",
@@ -2215,19 +2252,19 @@ const Ta = /* @__PURE__ */ R(Fa, [["render", Ua]]), Ra = {}, Pa = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Na(o, e) {
-  return i(), u("svg", Pa, e[0] || (e[0] = [
-    t("path", {
+function Ha(o, e) {
+  return i(), u("svg", Na, e[0] || (e[0] = [
+    l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    t("path", { d: "M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2" }, null, -1),
-    t("path", { d: "M7 9l5 -5l5 5" }, null, -1),
-    t("path", { d: "M12 4l0 12" }, null, -1)
+    l("path", { d: "M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2" }, null, -1),
+    l("path", { d: "M7 9l5 -5l5 5" }, null, -1),
+    l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const Ha = /* @__PURE__ */ R(Ra, [["render", Na]]), qa = {}, Ga = {
+const qa = /* @__PURE__ */ R(Pa, [["render", Ha]]), Ga = {}, Ja = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2236,19 +2273,19 @@ const Ha = /* @__PURE__ */ R(Ra, [["render", Na]]), qa = {}, Ga = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Ja(o, e) {
-  return i(), u("svg", Ga, e[0] || (e[0] = [
-    t("path", {
+function Ka(o, e) {
+  return i(), u("svg", Ja, e[0] || (e[0] = [
+    l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    t("path", { d: "M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2" }, null, -1),
-    t("path", { d: "M7 11l5 5l5 -5" }, null, -1),
-    t("path", { d: "M12 4l0 12" }, null, -1)
+    l("path", { d: "M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2" }, null, -1),
+    l("path", { d: "M7 11l5 5l5 -5" }, null, -1),
+    l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const Ka = /* @__PURE__ */ R(qa, [["render", Ja]]), Za = {}, Wa = {
+const Za = /* @__PURE__ */ R(Ga, [["render", Ka]]), Wa = {}, Qa = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2257,22 +2294,22 @@ const Ka = /* @__PURE__ */ R(qa, [["render", Ja]]), Za = {}, Wa = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Qa(o, e) {
-  return i(), u("svg", Wa, e[0] || (e[0] = [
+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)
   ]));
 }
-const Ze = /* @__PURE__ */ R(Za, [["render", Qa]]), Xa = {}, Ya = {
+const We = /* @__PURE__ */ R(Wa, [["render", Xa]]), Ya = {}, er = {
   viewBox: "0 0 178 90",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function er(o, e) {
-  return i(), u("svg", Ya, e[0] || (e[0] = [
+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)
   ]));
 }
-const tr = /* @__PURE__ */ R(Xa, [["render", er]]), lr = {}, or = {
+const lr = /* @__PURE__ */ R(Ya, [["render", tr]]), or = {}, ar = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2281,18 +2318,18 @@ const tr = /* @__PURE__ */ R(Xa, [["render", er]]), lr = {}, or = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function ar(o, e) {
-  return i(), u("svg", or, e[0] || (e[0] = [
-    t("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)
+function rr(o, e) {
+  return i(), u("svg", ar, 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 rr = /* @__PURE__ */ R(lr, [["render", ar]]), sr = { class: "vs-datatable border rounded-xl w-full flex-grow" }, nr = { class: "flex items-center npm gap-[16px] justify-between p-[20px] pb-[16px]" }, ir = { class: "relative w-full" }, ur = { class: "table-wrapper flex gap-2" }, dr = { class: "vs-popover inline-block text-slate-700" }, cr = { class: "text-center" }, pr = { class: "" }, fr = { 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" }, vr = { class: "flex flex-col p-[1px] gap-[2px] w-[140px]" }, mr = { class: "text-sm items-center text-gray-800 flex gap-1" }, hr = { class: "w-full overflow-x-auto" }, gr = { class: "w-full table-auto caption-bottom text-sm" }, br = { class: "[&_tr]:border-b" }, yr = { 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" }, xr = { 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" }, wr = {
+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 = {
   key: 0,
   colspan: "100%",
   class: "text-center"
-}, kr = { class: "w-full" }, _r = { class: "p-5 min-h-[200px] flex flex-col justify-center items-center text-center" }, $r = ["onDragstart", "onDragover", "onDrop"], Cr = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] text-center" }, Vr = { class: "flex items-center justify-center" }, Mr = { 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" }, Lr = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]" }, Br = { class: "flex items-center justify-center gap-2" }, Sr = ["onClick"], jr = ["onClick"], Ir = /* @__PURE__ */ A({
+}, _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({
   __name: "vs-input-datatable",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ K({
     colModel: {},
     style: {},
     customClass: {},
@@ -2307,14 +2344,14 @@ const rr = /* @__PURE__ */ R(lr, [["render", ar]]), sr = { class: "vs-datatable
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, l = G(o, "modelValue"), n = $({}), r = $(""), a = D(() => {
-      if (!r.value) return l.value ?? [];
+    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 l.value.filter((m) => e.colModel?.some((V) => {
+      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;
       }));
-    }), s = $(null), d = $(null), p = $(!1), f = $(null), c = $({ top: 0, left: 0 }), g = (C) => {
+    }), 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;
@@ -2323,93 +2360,93 @@ const rr = /* @__PURE__ */ R(lr, [["render", ar]]), sr = { class: "vs-datatable
         s.value = null, d.value = null;
         return;
       }
-      const m = [...l.value], [V] = m.splice(s.value, 1);
-      m.splice(C, 0, V), l.value = m, s.value = null, d.value = null;
+      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;
-    }, F = () => {
+    }, D = () => {
       f.value && f.value.click();
-    }, U = (C) => {
+    }, T = (C) => {
       const V = C.target.files?.[0];
       if (!V) return;
       const z = new FileReader();
-      z.onload = (Z) => {
+      z.onload = (W) => {
         try {
-          const te = Z.target?.result;
+          const te = W.target?.result;
           if (typeof te == "string") {
-            const ye = JSON.parse(te);
-            Array.isArray(ye) && l.value.push(...ye);
+            const xe = JSON.parse(te);
+            Array.isArray(xe) && t.value.push(...xe);
           }
         } catch (te) {
           console.error("Error parsing file:", te);
         }
       }, z.readAsText(V);
     }, P = () => {
-      const C = JSON.stringify(l.value, null, 2), m = new Blob([C], { type: "application/json" }), V = URL.createObjectURL(m), z = document.createElement("a");
+      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);
     };
-    ue(async () => {
+    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());
       }));
     });
     async function _() {
-      const C = await Ve({
+      const C = await Me({
         schema: e.colModel,
         mode: "add"
       });
-      C && (Array.isArray(l.value) ? l.value = [...l.value, C] : l.value = [C]);
+      C && (Array.isArray(t.value) ? t.value = [...t.value, C] : t.value = [C]);
     }
     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] || "-";
     }
     async function h(C, m) {
-      const V = await Ve({
+      const V = await Me({
         schema: e.colModel,
         mode: "add",
         defaultValue: C
       });
-      V && (l.value = l.value.map((z, Z) => Z === m ? V : z));
+      V && (t.value = t.value.map((z, W) => W === m ? V : z));
     }
     function J(C) {
-      l.value = l.value.filter((m, V) => V !== C);
+      t.value = t.value.filter((m, V) => V !== C);
     }
-    return (C, m) => (i(), u("div", sr, [
-      t("div", nr, [
-        t("div", ir, [
-          j(Ea, {
+    return (C, m) => (i(), u("div", nr, [
+      l("div", ir, [
+        l("div", ur, [
+          j(Oa, {
             width: "14",
             height: "14",
             class: "absolute left-3 top-1/2 transform -translate-y-1/2 text-stone-500"
           }),
-          K(t("input", {
+          G(l("input", {
             type: "text",
             "onUpdate:modelValue": m[0] || (m[0] = (V) => r.value = V),
             placeholder: "Пошук",
             class: "py-2 px-3 pl-10 w-full bg-gray-100 h-[36px] rounded-[8px] text-[15px] leading-[18px] focus:border-1 text-stone-800 placeholder:text-[#6B7280] focus:outline-blue-500 focus:outline-2"
           }, null, 512), [
-            [ne, r.value]
+            [ie, r.value]
           ])
         ]),
-        t("div", ur, [
-          t("input", {
+        l("div", dr, [
+          l("input", {
             ref_key: "fileInput",
             ref: f,
-            onChange: U,
+            onChange: T,
             class: "hidden",
             accept: ".json",
             type: "file"
           }, null, 544),
-          t("div", dr, [
-            t("div", cr, [
-              t("div", pr, [
-                t("button", {
+          l("div", cr, [
+            l("div", pr, [
+              l("div", fr, [
+                l("button", {
                   onClick: I,
                   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(Ta, {
+                  j(Ra, {
                     height: "16",
                     width: "16"
                   })
@@ -2418,56 +2455,56 @@ const rr = /* @__PURE__ */ R(lr, [["render", ar]]), sr = { class: "vs-datatable
             ])
           ])
         ]),
-        (i(), X(ft, { to: "body" }, [
+        (i(), X(vt, { to: "body" }, [
           p.value ? (i(), u("div", {
             key: 0,
             class: "text-slate-700 vsTailwind vs-popover__content bottom",
-            style: fe([{ width: "fit-content", "z-index": "10002", position: "fixed" }, { position: "absolute", top: c.value.top + "px", left: c.value.left + "px" }])
+            style: me([{ width: "fit-content", "z-index": "10002", position: "fixed" }, { position: "absolute", top: c.value.top + "px", left: c.value.left + "px" }])
           }, [
-            t("div", fr, [
-              t("div", vr, [
-                t("button", {
-                  onClick: F,
+            l("div", vr, [
+              l("div", mr, [
+                l("button", {
+                  onClick: D,
                   class: "text-slate-700 flex items-center gap-1 px-3 py-2 rounded-md cursor-pointer group hover:bg-gray-100"
                 }, [
-                  j(Ha, {
+                  j(qa, {
                     class: "text-black",
                     width: "14",
                     height: "14"
                   }),
-                  m[1] || (m[1] = oe(" Імпортувати "))
+                  m[1] || (m[1] = oe(" Імпортувати ", -1))
                 ]),
-                t("button", {
+                l("button", {
                   onClick: P,
                   class: "text-slate-700 flex items-center px-3 py-2 rounded-md cursor-pointer group hover:bg-gray-100"
                 }, [
-                  t("span", mr, [
-                    j(Ka, {
+                  l("span", hr, [
+                    j(Za, {
                       class: "text-black",
                       width: "14",
                       height: "14"
                     }),
-                    m[2] || (m[2] = oe(" Експортувати "))
+                    m[2] || (m[2] = oe(" Експортувати ", -1))
                   ])
                 ])
               ])
             ])
-          ], 4)) : S("", !0)
+          ], 4)) : B("", !0)
         ])),
-        t("button", {
+        l("button", {
           onClick: _,
           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(" Додати "))
+          m[3] || (m[3] = oe(" Додати ", -1))
         ])
       ]),
-      t("div", hr, [
-        t("table", gr, [
-          t("thead", br, [
-            t("tr", yr, [
-              t("th", xr, [
-                j(Ze, {
+      l("div", gr, [
+        l("table", br, [
+          l("thead", yr, [
+            l("tr", xr, [
+              l("th", wr, [
+                j(We, {
                   width: "24",
                   height: "24",
                   class: "w-4 h-4 mx-auto text-slate-400 dark:text-slate-500"
@@ -2477,63 +2514,63 @@ const rr = /* @__PURE__ */ R(lr, [["render", ar]]), sr = { class: "vs-datatable
                 key: V.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] = t("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))
+              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))
             ])
           ]),
-          t("tbody", {
-            class: B({ "[&_tr:last-child]:border-0": !d.value })
+          l("tbody", {
+            class: S({ "[&_tr:last-child]:border-0": !d.value })
           }, [
-            a.value.length === 0 ? (i(), u("td", wr, [
-              t("div", kr, [
-                t("div", _r, [
-                  j(tr, { class: "w-48 mx-auto" }),
-                  m[5] || (m[5] = t("div", { class: "max-w-sm mx-auto mt-6" }, [
-                    t("p", { class: "font-medium text-gray-800 dark:text-neutral-200" }, "Нічого не знайдено"),
-                    t("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" })
+            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" }, [
+                    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))
                 ])
               ])
-            ])) : S("", !0),
+            ])) : B("", !0),
             (i(!0), u(Q, null, Y(a.value, (V, z) => (i(), u("tr", {
               key: V.id,
-              class: B(["border-b data-[state=selected]:bg-muted transition-all duration-200 hover:bg-slate-50/60 dark:hover:bg-slate-700/60 cursor-move", {
+              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
               }]),
               draggable: "true",
-              onDragstart: (Z) => g(z),
-              onDragover: re((Z) => v(z), ["prevent"]),
-              onDrop: (Z) => M(z)
+              onDragstart: (W) => g(z),
+              onDragover: re((W) => v(z), ["prevent"]),
+              onDrop: (W) => M(z)
             }, [
-              t("td", Cr, [
-                t("div", Vr, [
-                  j(Ze, {
+              l("td", Vr, [
+                l("div", Mr, [
+                  j(We, {
                     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, (Z) => (i(), u("td", {
-                key: Z.key,
+              (i(!0), u(Q, null, Y(C.colModel, (W) => (i(), u("td", {
+                key: W.key,
                 class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]"
               }, [
-                t("div", Mr, E(x(V, Z)), 1)
+                l("div", Lr, E(x(V, W)), 1)
               ]))), 128)),
-              t("td", Lr, [
-                t("div", Br, [
-                  t("button", {
-                    onClick: (Z) => h(V, z),
+              l("td", Sr, [
+                l("div", Br, [
+                  l("button", {
+                    onClick: (W) => h(V, z),
                     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(rr, {
+                    j(sr, {
                       width: "24",
                       height: "24",
                       class: "w-3 h-3"
                     })
-                  ], 8, Sr),
-                  t("button", {
-                    onClick: (Z) => J(z),
+                  ], 8, jr),
+                  l("button", {
+                    onClick: (W) => J(z),
                     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, {
@@ -2541,16 +2578,16 @@ const rr = /* @__PURE__ */ R(lr, [["render", ar]]), sr = { class: "vs-datatable
                       height: "24",
                       class: "w-3 h-3"
                     })
-                  ], 8, jr)
+                  ], 8, Ir)
                 ])
               ])
-            ], 42, $r))), 128))
+            ], 42, Cr))), 128))
           ], 2)
         ])
       ])
     ]));
   }
-}), Ar = {
+}), zr = {
   draw: {
     toolbar: {
       actions: {
@@ -2658,7 +2695,7 @@ const rr = /* @__PURE__ */ R(lr, [["render", ar]]), sr = { class: "vs-datatable
     }
   }
 };
-function zr(o) {
+function Er(o) {
   return o ? o.type === "FeatureCollection" || o.type === "Feature" ? o : o.geom ? {
     type: "Feature",
     geometry: {
@@ -2672,7 +2709,7 @@ function zr(o) {
     properties: {}
   } : null : null;
 }
-const Or = {}, Er = {
+const Fr = {}, Or = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   stroke: "currentColor",
@@ -2682,18 +2719,18 @@ const Or = {}, Er = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-map-pin"
 };
-function Fr(o, e) {
-  return i(), u("svg", Er, e[0] || (e[0] = [
-    t("path", {
+function Dr(o, e) {
+  return i(), u("svg", Or, e[0] || (e[0] = [
+    l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    t("path", { d: "M9 11a3 3 0 1 0 6 0a3 3 0 0 0 -6 0" }, null, -1),
-    t("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)
+    l("path", { d: "M9 11a3 3 0 1 0 6 0a3 3 0 0 0 -6 0" }, null, -1),
+    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 Dr = /* @__PURE__ */ R(Or, [["render", Fr]]), Ur = {}, Tr = {
+const Ur = /* @__PURE__ */ R(Fr, [["render", Dr]]), Tr = {}, Rr = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2703,19 +2740,19 @@ const Dr = /* @__PURE__ */ R(Or, [["render", Fr]]), Ur = {}, Tr = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-line"
 };
-function Rr(o, e) {
-  return i(), u("svg", Tr, e[0] || (e[0] = [
-    t("path", {
+function Pr(o, e) {
+  return i(), u("svg", Rr, e[0] || (e[0] = [
+    l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    t("path", { d: "M6 18m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" }, null, -1),
-    t("path", { d: "M18 6m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" }, null, -1),
-    t("path", { d: "M7.5 16.5l9 -9" }, null, -1)
+    l("path", { d: "M6 18m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" }, null, -1),
+    l("path", { d: "M18 6m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" }, null, -1),
+    l("path", { d: "M7.5 16.5l9 -9" }, null, -1)
   ]));
 }
-const Pr = /* @__PURE__ */ R(Ur, [["render", Rr]]), Nr = {}, Hr = {
+const Nr = /* @__PURE__ */ R(Tr, [["render", Pr]]), Hr = {}, qr = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2725,12 +2762,12 @@ const Pr = /* @__PURE__ */ R(Ur, [["render", Rr]]), Nr = {}, Hr = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-polygon"
 };
-function qr(o, e) {
-  return i(), u("svg", Hr, e[0] || (e[0] = [
+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)
   ]));
 }
-const Gr = /* @__PURE__ */ R(Nr, [["render", qr]]), Jr = {}, Kr = {
+const Jr = /* @__PURE__ */ R(Hr, [["render", Gr]]), Kr = {}, Zr = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2740,12 +2777,12 @@ const Gr = /* @__PURE__ */ R(Nr, [["render", qr]]), Jr = {}, Kr = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-topology-ring-3"
 };
-function Zr(o, e) {
-  return i(), u("svg", Kr, e[0] || (e[0] = [
+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)
   ]));
 }
-const Wr = /* @__PURE__ */ R(Jr, [["render", Zr]]), Qr = {}, Xr = {
+const Qr = /* @__PURE__ */ R(Kr, [["render", Wr]]), Xr = {}, Yr = {
   version: "1.1",
   viewBox: "0 0 14 14",
   xmlns: "http://www.w3.org/2000/svg",
@@ -2753,28 +2790,28 @@ const Wr = /* @__PURE__ */ R(Jr, [["render", Zr]]), Qr = {}, Xr = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   class: "fullscreen-icon"
 };
-function Yr(o, e) {
-  return i(), u("svg", Xr, e[0] || (e[0] = [
-    t("title", null, null, -1),
-    t("desc", null, null, -1),
-    t("defs", null, null, -1),
-    t("g", {
+function es(o, e) {
+  return i(), u("svg", Yr, e[0] || (e[0] = [
+    l("title", null, null, -1),
+    l("desc", null, null, -1),
+    l("defs", null, null, -1),
+    l("g", {
       fill: "none",
       "fill-rule": "evenodd",
       id: "Page-1",
       stroke: "none",
       "stroke-width": "1"
     }, [
-      t("g", {
+      l("g", {
         fill: "#000000",
         id: "Core",
         transform: "translate(-215.000000, -257.000000)"
       }, [
-        t("g", {
+        l("g", {
           id: "fullscreen",
           transform: "translate(215.000000, 257.000000)"
         }, [
-          t("path", {
+          l("path", {
             d: "M2,9 L0,9 L0,14 L5,14 L5,12 L2,12 L2,9 L2,9 Z M0,5 L2,5 L2,2 L5,2 L5,0 L0,0 L0,5 L0,5 Z M12,12 L9,12 L9,14 L14,14 L14,9 L12,9 L12,12 L12,12 Z M9,0 L9,2 L12,2 L12,5 L14,5 L14,0 L9,0 L9,0 Z",
             id: "Shape"
           })
@@ -2783,10 +2820,10 @@ function Yr(o, e) {
     ], -1)
   ]));
 }
-const es = /* @__PURE__ */ R(Qr, [["render", Yr]]), ts = { class: "form-geom__search" }, ls = { class: "map-search__input" }, os = { class: "flex flex-nowrap relative" }, as = { class: "form-autocomplete relative min-w-[6rem] vsTailwind map-search__select hidden" }, rs = { class: "flex items-center w-full" }, ss = { class: "max-w-[90%] truncate" }, ns = {
+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 = {
   key: 0,
   class: "absolute z-[3100] mt-0.5 left-0 right-0"
-}, is = { 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" }, us = { 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" }, ds = ["onClick"], cs = { class: "flex justify-between items-center w-full" }, ps = { class: "flex items-center" }, fs = {
+}, 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 = {
   key: 0,
   class: "flex-shrink-0 w-3.5 h-3.5 text-blue-600",
   width: "24",
@@ -2797,49 +2834,49 @@ const es = /* @__PURE__ */ R(Qr, [["render", Yr]]), ts = { class: "form-geom__se
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, vs = { class: "relative w-full" }, ms = { class: "vs-form-text relative bg-white rounded-lg" }, hs = {
+}, ms = { class: "relative w-full" }, hs = { class: "vs-form-text relative bg-white rounded-lg" }, gs = {
   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"
-}, gs = { key: 0 }, bs = ["onClick"], ys = {
+}, bs = { key: 0 }, ys = ["onClick"], xs = {
   key: 1,
   class: "px-3 py-2 text-xs text-gray-500"
-}, xs = {
+}, ws = {
   key: 2,
   class: "px-3 py-2 text-xs text-gray-400"
-}, ws = /* @__PURE__ */ A({
+}, ks = /* @__PURE__ */ A({
   __name: "map-search",
   props: {
     placeholder: { default: "50, 30" }
   },
   emits: ["goToCoordinates"],
   setup(o, { emit: e }) {
-    const l = e, n = $(!1), r = $("coordinates"), a = $(""), s = $([]), d = $(!1), p = $(!1);
+    const t = e, n = k(!1), r = k("coordinates"), a = k(""), s = k([]), d = k(!1), p = k(!1);
     let f;
     const c = [
       { value: "coordinates", label: "Пошук по кординатам" },
       { value: "atu", label: "АТУ" },
       { value: "address", label: "Адресса" },
       { value: "search_here", label: "Пошук HERE" }
-    ], g = D(() => c.find((_) => _.value === r.value)?.label ?? "АТУ");
+    ], g = O(() => c.find((_) => _.value === r.value)?.label ?? "АТУ");
     function v(_) {
-      r.value = _.value, n.value = !1, a.value = "", a.value && F();
+      r.value = _.value, n.value = !1, a.value = "", a.value && D();
     }
     function M(_) {
       _.target.closest(".map-search__input") || (n.value = !1);
     }
-    ue(() => document.addEventListener("click", M)), et(() => document.removeEventListener("click", M));
+    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();
     }
-    function F() {
+    function D() {
       if (d.value = !0, p.value = !0, r.value === "coordinates") {
         const _ = a.value.trim().split(",");
         if (_.length === 2) {
           const x = parseFloat(_[0]), h = parseFloat(_[1]);
-          !Number.isNaN(x) && !Number.isNaN(h) && l("goToCoordinates", [x, h]);
+          !Number.isNaN(x) && !Number.isNaN(h) && t("goToCoordinates", [x, h]);
         }
         return;
       }
@@ -2859,32 +2896,32 @@ const es = /* @__PURE__ */ R(Qr, [["render", Yr]]), ts = { class: "form-geom__se
         }
       }, 300);
     }
-    function U() {
+    function T() {
       a.value = "", s.value = [], d.value = !1, p.value = !1;
     }
     function P(_) {
-      l("goToCoordinates", _), d.value = !1, p.value = !1, s.value = [];
+      t("goToCoordinates", _), d.value = !1, p.value = !1, s.value = [];
     }
-    return (_, x) => (i(), u("div", ts, [
-      t("div", ls, [
-        t("div", os, [
-          t("div", as, [
-            t("button", {
+    return (_, x) => (i(), u("div", ls, [
+      l("div", os, [
+        l("div", as, [
+          l("div", rs, [
+            l("button", {
               type: "button",
               onClick: x[0] || (x[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"
             }, [
-              t("div", rs, [
-                t("span", ss, E(g.value), 1)
+              l("div", ss, [
+                l("span", ns, E(g.value), 1)
               ]),
-              x[3] || (x[3] = t("svg", {
+              x[3] || (x[3] = l("svg", {
                 class: "stroke-gray-500 absolute right-3 translate-y-1/2 bottom-1/2",
                 width: "15",
                 height: "15",
                 viewBox: "0 0 24 24",
                 fill: "none"
               }, [
-                t("path", {
+                l("path", {
                   d: "M6 9l6 6 6-6",
                   "stroke-width": "2",
                   "stroke-linecap": "round",
@@ -2892,44 +2929,44 @@ const es = /* @__PURE__ */ R(Qr, [["render", Yr]]), ts = { class: "form-geom__se
                 })
               ], -1))
             ]),
-            n.value ? (i(), u("div", ns, [
-              t("div", is, [
-                t("div", us, [
-                  (i(), u(Q, null, Y(c, (h) => t("div", {
+            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),
                     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"
                   }, [
-                    t("div", cs, [
-                      t("div", ps, [
-                        t("div", null, E(h.label), 1)
+                    l("div", ps, [
+                      l("div", fs, [
+                        l("div", null, E(h.label), 1)
                       ]),
-                      h.value === r.value ? (i(), u("svg", fs, x[4] || (x[4] = [
-                        t("polyline", { points: "20 6 9 17 4 12" }, null, -1)
-                      ]))) : S("", !0)
+                      h.value === r.value ? (i(), u("svg", vs, x[4] || (x[4] = [
+                        l("polyline", { points: "20 6 9 17 4 12" }, null, -1)
+                      ]))) : B("", !0)
                     ])
-                  ], 8, ds)), 64))
+                  ], 8, cs)), 64))
                 ])
               ])
-            ])) : S("", !0)
+            ])) : B("", !0)
           ]),
-          t("div", vs, [
-            t("div", ms, [
-              x[6] || (x[6] = t("i", { class: "absolute bottom-1/2 translate-y-1/2 left-3 text-gray-500" }, [
-                t("svg", {
+          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("svg", {
                   width: "16",
                   height: "16",
                   viewBox: "0 0 24 24",
                   fill: "none",
                   stroke: "currentColor"
                 }, [
-                  t("circle", {
+                  l("circle", {
                     cx: "11",
                     cy: "11",
                     r: "8",
                     "stroke-width": "2"
                   }),
-                  t("line", {
+                  l("line", {
                     x1: "21",
                     y1: "21",
                     x2: "16.65",
@@ -2938,24 +2975,24 @@ const es = /* @__PURE__ */ R(Qr, [["render", Yr]]), ts = { class: "form-geom__se
                   })
                 ])
               ], -1)),
-              K(t("input", {
+              G(l("input", {
                 type: "text",
                 "onUpdate:modelValue": x[1] || (x[1] = (h) => a.value = h),
-                onInput: F,
+                onInput: D,
                 onFocus: x[2] || (x[2] = (h) => d.value = !0),
-                placeholder: "Пошук...",
+                placeholder: "lat, lng ex. 50, 30",
                 class: "bg-white h-[38px] text-sm py-2 px-3 ps-9 pe-8 block w-full border border-solid placeholder:text-nowrap border-stone-200 rounded-lg text-stone-800 placeholder:text-stone-400 focus:outline focus:z-10 focus:border-blue-500 focus:ring-blue-500 focus:outline-blue-500"
               }, null, 544), [
-                [ne, a.value]
+                [ie, a.value]
               ]),
               a.value ? (i(), u("button", {
                 key: 0,
-                onClick: U,
+                onClick: T,
                 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] = [
-                t("svg", {
+                l("svg", {
                   width: "15",
                   height: "15",
                   viewBox: "0 0 24 24",
@@ -2963,29 +3000,29 @@ const es = /* @__PURE__ */ R(Qr, [["render", Yr]]), ts = { class: "form-geom__se
                   stroke: "currentColor",
                   "stroke-width": "2"
                 }, [
-                  t("path", {
+                  l("path", {
                     d: "M18 6L6 18M6 6l12 12",
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round"
                   })
                 ], -1)
-              ]))) : S("", !0),
-              d.value && r.value !== "coordinates" ? (i(), u("div", hs, [
-                s.value.length ? (i(), u("ul", gs, [
+              ]))) : 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", {
                     key: h.properties.place_id,
                     onClick: (J) => P(h),
                     class: "px-3 py-2 text-sm cursor-pointer hover:bg-gray-100"
-                  }, E(h.properties.display_name), 9, bs))), 128))
-                ])) : p.value ? (i(), u("div", ys, "Шукаю…")) : (i(), u("div", xs, "Нічого не знайдено"))
-              ])) : S("", !0)
+                  }, E(h.properties.display_name), 9, ys))), 128))
+                ])) : p.value ? (i(), u("div", xs, "Шукаю…")) : (i(), u("div", ws, "Нічого не знайдено"))
+              ])) : B("", !0)
             ])
           ])
         ])
       ])
     ]));
   }
-}), ks = { class: "bg-white/95 p-2 rounded-xl shadow border border-gray-200" }, _s = { class: "flex gap-2" }, $s = ["onClick", "title"], Cs = ["src"], Vs = /* @__PURE__ */ A({
+}), _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({
   __name: "map-layers",
   props: {
     basemaps: {},
@@ -2993,41 +3030,42 @@ const es = /* @__PURE__ */ R(Qr, [["render", Yr]]), ts = { class: "form-geom__se
   },
   emits: ["onLayerChange"],
   setup(o, { emit: e }) {
-    const n = $(o.defaultLayer ?? ""), r = e;
+    const n = k(o.defaultLayer ?? ""), r = e;
     function a(s) {
       r("onLayerChange", s), n.value = s;
     }
-    return (s, d) => (i(), u("div", ks, [
-      t("div", _s, [
+    return (s, d) => (i(), u("div", _s, [
+      l("div", $s, [
         (i(!0), u(Q, null, Y(s.basemaps, (p, f) => (i(), u("div", {
           key: f,
-          class: B(["cursor-pointer border rounded-lg overflow-hidden hover:shadow-sm", { "ring-2 ring-blue-500 border-blue-300": n.value === f }]),
+          class: S(["cursor-pointer border rounded-lg overflow-hidden hover:shadow-sm", { "ring-2 ring-blue-500 border-blue-300": n.value === f }]),
           onClick: (c) => a(f),
           title: f,
           role: "button",
           tabindex: "0"
         }, [
-          t("img", {
+          l("img", {
             src: p.preview,
             alt: "",
             class: "w-14 h-14 object-cover"
-          }, null, 8, Cs)
-        ], 10, $s))), 128))
+          }, null, 8, Vs)
+        ], 10, Cs))), 128))
       ])
     ]));
   }
-}), Ms = { class: "absolute top-4 left-4 z-[1000] w-[calc(100%-20px)] sm:w-[350px]" }, Ls = { class: "form-geom__panel flex gap-1 items-start mt-2" }, Bs = { class: "flex items-center gap-1" }, Ss = ["disabled"], js = { class: "absolute top-4 right-4 z-[1000]" }, Is = { class: "flex flex-col gap-[2px]" }, As = ["aria-pressed"], zs = ["aria-pressed"], Os = ["aria-pressed"], Es = ["aria-pressed"], Fs = { 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" }, Ds = {
+}), 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 = {
   key: 0,
   class: "form-geom__feature flex items-center text-xs transition-all gap-2 w-full"
-}, Us = { class: "mr-auto" }, Ts = { class: "font-bold" }, Rs = { class: "flex items-center" }, Ps = { class: "text-xs mr-2" }, Ns = {
+}, Ts = { class: "mr-auto" }, Rs = { class: "font-bold" }, Ps = { class: "flex items-center" }, Ns = { class: "text-xs mr-2" }, Hs = {
   key: 0,
   class: "text-xs"
-}, Hs = {
+}, qs = {
   key: 1,
   class: "text-xs"
-}, qs = /* @__PURE__ */ A({
+}, Gs = /* @__PURE__ */ A({
   __name: "vs-input-map",
   props: {
+    tools: {},
     style: {},
     customClass: {},
     disabled: { type: Boolean },
@@ -3038,9 +3076,11 @@ const es = /* @__PURE__ */ R(Qr, [["render", Yr]]), ts = { class: "form-geom__se
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const l = o, n = e, r = $(null);
+    const t = o;
+    console.log(t);
+    const n = e, r = k(null);
     let a, s, d;
-    const p = $(null), f = $(null), c = $(6), g = $(0), v = $(null), M = {
+    const p = k(null), f = k(null), c = k(6), g = k(0), v = k(null), M = {
       topo100: {
         url: "https://data.gki.com.ua/api-user/rtile/voyager/ua/{z}/{x}/{y}.png",
         preview: "https://data.gki.com.ua/api-user/rtile/voyager/ua/13/4790/2762.png"
@@ -3055,52 +3095,52 @@ const es = /* @__PURE__ */ R(Qr, [["render", Yr]]), ts = { class: "form-geom__se
       }
     };
     let I;
-    const F = $("topo100");
-    function U() {
-      return new Promise((b, y) => {
+    const D = k("topo100");
+    function T() {
+      return new Promise((b, $) => {
         window.L && window.L.Draw && b(0);
-        const T = (ee) => {
-          if (Array.from(document.styleSheets).some((he) => he?.href?.includes(ee))) return;
-          const de = document.createElement("link");
-          de.rel = "stylesheet", de.href = ee, document.head.appendChild(de);
-        }, N = (ee) => new Promise((_e, de) => {
-          const he = Array.from(document.scripts).find((ce) => ce.src === ee);
-          if (he) {
-            he.addEventListener("load", () => _e()), he.addEventListener("error", (ce) => de(ce));
+        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;
           }
-          const ge = document.createElement("script");
-          ge.src = ee, ge.async = !0, ge.onload = () => _e(), ge.onerror = (ce) => de(ce), document.body.appendChild(ge);
+          const ye = document.createElement("script");
+          ye.src = ee, ye.async = !0, ye.onload = () => $e(), ye.onerror = (fe) => pe(fe), document.body.appendChild(ye);
         });
-        T("https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"), T("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(y);
+        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($);
       });
     }
     function P() {
       const b = s.toGeoJSON();
-      let y = null;
-      b?.features?.length && (y = b.features[0].geometry), n("update:modelValue", y), g.value = s.getLayers().length;
+      let $ = null;
+      b?.features?.length && ($ = b.features[0].geometry), n("update:modelValue", $), g.value = s.getLayers().length;
     }
     function _(b = 30) {
-      const y = s.getLayers();
-      if (!y.length) return;
-      const N = L.featureGroup(y).getBounds();
+      const $ = s.getLayers();
+      if (!$.length) return;
+      const N = L.featureGroup($).getBounds();
       N && N.isValid() && a.fitBounds(N, { padding: [b, b] });
     }
     function x() {
       p.value?.click();
     }
-    const h = $("");
+    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";
     }
     function C(b) {
       if (b instanceof L.Circle) {
-        const y = b.getRadius();
-        return Math.PI * (y * y) / 1e6;
+        const $ = b.getRadius();
+        return Math.PI * ($ * $) / 1e6;
       }
       if (b instanceof L.Polygon || b instanceof L.Rectangle)
         try {
-          const y = b.getLatLngs(), T = Array.isArray(y[0]) ? y[0] : y, N = L.GeometryUtil?.geodesicArea ? L.GeometryUtil.geodesicArea(T) : 0;
+          const $ = b.getLatLngs(), F = Array.isArray($[0]) ? $[0] : $, N = L.GeometryUtil?.geodesicArea ? L.GeometryUtil.geodesicArea(F) : 0;
           return N ? N / 1e6 : 0;
         } catch {
           return null;
@@ -3116,39 +3156,41 @@ const es = /* @__PURE__ */ R(Qr, [["render", Yr]]), ts = { class: "form-geom__se
         v.value = null, g.value = 0;
         return;
       }
-      const y = b[b.length - 1], T = J(y), N = m(y), ee = C(y);
+      const $ = b[b.length - 1], F = J($), N = m($), ee = C($);
       v.value = {
-        type: T,
+        type: F,
         center: N,
         areaKm2: ee,
-        layer: y
+        layer: $
       }, g.value = b.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 Z() {
+    function W() {
       const b = v.value?.layer;
       b && (s.removeLayer(b), P(), V());
     }
-    ue(async () => {
-      await U(), L.drawLocal = Ar, 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), F.value = "topo100", s = new L.FeatureGroup().addTo(a), a.on(L.Draw.Event.CREATED, (y) => {
-        const { layer: T } = y;
-        s.clearLayers(), s.addLayer(T), P(), V(), _(), h.value = "";
+    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 = "";
       }), a.on(L.Draw.Event.EDITED, () => {
         P(), V(), _();
       }), a.on(L.Draw.Event.DELETED, () => {
         P(), V(), _();
-      }), a.on("mousemove", (y) => {
-        f.value = y.latlng;
+      });
+      let b = !1;
+      a.on("mousemove", (F) => {
+        b || (a.invalidateSize(), b = !0), f.value = F.latlng;
       }), a.on("zoomend", () => {
         c.value = a.getZoom();
       });
-      const b = zr(l.modelValue);
-      if (b) {
-        const y = [];
-        L.geoJSON(b).eachLayer((T) => y.push(T)), y.length && s.addLayer(y[0]), P(), V(), _();
+      const $ = Er(t.modelValue);
+      if ($) {
+        const F = [];
+        L.geoJSON($).eachLayer((N) => F.push(N)), F.length && s.addLayer(F[0]), P(), V(), _();
       }
     });
     function te(b) {
@@ -3173,174 +3215,176 @@ const es = /* @__PURE__ */ R(Qr, [["render", Yr]]), ts = { class: "form-geom__se
         d && (d.enable(), h.value = b);
       }
     }
-    function ye() {
-      const b = s.toGeoJSON(), y = new Blob([JSON.stringify(b, null, 2)], { type: "application/json" }), T = URL.createObjectURL(y), N = document.createElement("a");
-      N.href = T, N.download = "data.geojson", N.click(), URL.revokeObjectURL(T);
+    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 we(b) {
-      const y = b.target.files?.[0];
-      if (!y) return;
-      const T = new FileReader();
-      T.onload = () => {
-        if (typeof T.result == "string")
+    function ke(b) {
+      const $ = b.target.files?.[0];
+      if (!$) return;
+      const F = new FileReader();
+      F.onload = () => {
+        if (typeof F.result == "string")
           try {
-            const N = JSON.parse(T.result);
+            const N = JSON.parse(F.result);
             s.clearLayers(), N && L.geoJSON({ type: "Feature", geometry: N }).eachLayer((ee) => {
               s.addLayer(ee);
             }), P(), V(), _();
           } finally {
             b.target.value = "";
           }
-      }, T.readAsText(y);
+      }, F.readAsText($);
     }
-    function ie(b) {
-      a && (I && a.removeLayer(I), I = L.tileLayer(M[b].url, { maxZoom: 19, minZoom: 6 }).addTo(a), F.value = b);
+    function ue(b) {
+      a && (I && a.removeLayer(I), I = L.tileLayer(M[b].url, { maxZoom: 19, minZoom: 6 }).addTo(a), D.value = b);
     }
     function Ae(b) {
-      const y = L.latLng(b[0], b[1]);
-      a.setView(y, 13);
+      const $ = L.latLng(b[0], b[1]);
+      a.setView($, 13);
     }
     se(
-      () => l.modelValue,
+      () => t.modelValue,
       (b) => {
-        s.clearLayers(), b && L.geoJSON({ type: "Feature", geometry: b }).eachLayer((y) => {
-          s.addLayer(y);
+        s.clearLayers(), b && L.geoJSON({ type: "Feature", geometry: b }).eachLayer(($) => {
+          s.addLayer($);
         }), g.value = s.getLayers().length, V(), _();
       }
     );
-    const ke = $(!1);
-    return (b, y) => (i(), u("div", {
-      class: B(["leaflet-map-wrapper relative w-full h-[600px]", { fullscreen: ke.value }])
+    const _e = k(!1);
+    return (b, $) => (i(), u("div", {
+      class: S(["leaflet-map-wrapper relative w-full h-[400px]", { fullscreen: _e.value }])
     }, [
-      t("div", {
+      l("div", {
         ref_key: "mapContainer",
         ref: r,
         class: "w-full h-full"
       }, null, 512),
-      t("div", Ms, [
-        j(ws, { onGoToCoordinates: Ae }),
-        t("div", Ls, [
-          t("div", Bs, [
-            t("button", {
+      l("div", Ls, [
+        j(ks, { onGoToCoordinates: Ae }),
+        l("div", Ss, [
+          l("div", Bs, [
+            l("button", {
               type: "button",
               class: "vs-btn-row",
               onClick: x
-            }, "Імпорт"),
-            t("button", {
+            }, "Import"),
+            l("button", {
               type: "button",
               class: "vs-btn-row",
-              onClick: ye,
+              onClick: xe,
               disabled: g.value === 0
-            }, "Експорт ", 8, Ss)
+            }, "Export ", 8, js)
           ]),
-          t("input", {
+          l("input", {
             ref_key: "importRef",
             ref: p,
             type: "file",
-            onChange: we,
+            onChange: ke,
             accept: ".json,.geojson",
             class: "hidden"
           }, null, 544)
         ])
       ]),
-      t("div", js, [
-        t("div", Is, [
-          t("button", {
-            class: B(["vs-btn", { "vs-active": h.value === "marker" }]),
+      l("div", Is, [
+        l("div", As, [
+          l("button", {
+            class: S(["vs-btn", { "vs-active": h.value === "marker" }]),
             "aria-pressed": h.value === "marker",
             title: "Point (P)",
             "aria-label": "Draw point",
-            onClick: y[0] || (y[0] = (T) => te("marker"))
+            onClick: $[0] || ($[0] = (F) => te("marker"))
           }, [
-            j(Dr)
-          ], 10, As),
-          t("button", {
-            class: B(["vs-btn", { "vs-active": h.value === "polyline" }]),
+            j(Ur)
+          ], 10, zs),
+          l("button", {
+            class: S(["vs-btn", { "vs-active": h.value === "polyline" }]),
             "aria-pressed": h.value === "polyline",
             title: "Line (L)",
             "aria-label": "Draw polyline",
-            onClick: y[1] || (y[1] = (T) => te("polyline"))
+            onClick: $[1] || ($[1] = (F) => te("polyline"))
           }, [
-            j(Pr)
-          ], 10, zs),
-          t("button", {
-            class: B(["vs-btn", { "vs-active": h.value === "polygon" }]),
+            j(Nr)
+          ], 10, Es),
+          l("button", {
+            class: S(["vs-btn", { "vs-active": h.value === "polygon" }]),
             "aria-pressed": h.value === "polygon",
             title: "Polygon (G)",
             "aria-label": "Draw polygon",
-            onClick: y[2] || (y[2] = (T) => te("polygon"))
+            onClick: $[2] || ($[2] = (F) => te("polygon"))
           }, [
-            j(Gr)
-          ], 10, Os),
-          t("button", {
-            class: B(["vs-btn", { "vs-active": h.value === "rectangle" }]),
+            j(Jr)
+          ], 10, Fs),
+          l("button", {
+            class: S(["vs-btn", { "vs-active": h.value === "rectangle" }]),
             "aria-pressed": h.value === "rectangle",
             title: "Rectangle (R)",
             "aria-label": "Draw rectangle",
-            onClick: y[3] || (y[3] = (T) => te("rectangle"))
+            onClick: $[3] || ($[3] = (F) => te("rectangle"))
           }, [
-            j(Wr)
-          ], 10, Es),
-          t("button", {
-            class: "vs-btn",
-            onClick: y[4] || (y[4] = (T) => ke.value = !ke.value)
+            j(Qr)
+          ], 10, Os),
+          l("button", {
+            class: "vs-btn mt-5",
+            onClick: $[4] || ($[4] = (F) => _e.value = !_e.value),
+            title: "Full Screen",
+            "aria-label": "Full Screen"
           }, [
-            j(es, { style: { width: "12px", height: "12px" } })
+            j(ts, { style: { width: "12px", height: "12px" } })
           ])
         ])
       ]),
-      t("div", {
-        class: B(["absolute left-4 z-[1000]", v.value ? "bottom-8" : "bottom-4"])
+      l("div", {
+        class: S(["absolute left-4 z-[1000]", v.value ? "bottom-8" : "bottom-4"])
       }, [
-        j(Vs, {
+        j(Ms, {
           basemaps: M,
           "default-layer": "topo100",
-          onOnLayerChange: ie
+          onOnLayerChange: ue
         })
       ], 2),
-      t("div", Fs, [
-        v.value ? (i(), u("div", Ds, [
-          t("div", Us, [
-            y[7] || (y[7] = oe(" Тип: ")),
-            t("span", Ts, E(v.value.type), 1)
+      l("div", Ds, [
+        v.value ? (i(), u("div", Us, [
+          l("div", Ts, [
+            $[7] || ($[7] = oe(" Тип: ", -1)),
+            l("span", Rs, E(v.value.type), 1)
           ]),
-          t("div", Rs, [
-            t("div", Ps, [
-              y[8] || (y[8] = oe(" Центр: ")),
-              t("b", null, E(v.value.center.lat.toFixed(5)) + ", " + E(v.value.center.lng.toFixed(5)), 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)
             ]),
-            v.value.areaKm2 !== null ? (i(), u("div", Ns, [
-              y[9] || (y[9] = oe(" Площа: ")),
-              t("b", null, E(v.value.areaKm2.toFixed(1)) + "км²", 1)
-            ])) : (i(), u("div", Hs, y[10] || (y[10] = [
-              oe(" Площа: "),
-              t("b", null, "—", -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),
+              l("b", null, "—", -1)
             ]))),
-            t("button", {
+            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: y[5] || (y[5] = (T) => z())
-            }, y[11] || (y[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-d73d6cfa><path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" data-v-d73d6cfa></path><path d="M7 10l6 0" data-v-d73d6cfa></path><path d="M10 7l0 6" data-v-d73d6cfa></path><path d="M21 21l-6 -6" data-v-d73d6cfa></path></svg>', 1)
+              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)
             ])),
-            t("button", {
+            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: y[6] || (y[6] = (T) => Z())
+              onClick: $[6] || ($[6] = (F) => W())
             }, [
               j(Ie, { class: "w-3 h-3" })
             ])
           ])
-        ])) : S("", !0)
+        ])) : B("", !0)
       ])
     ], 2));
   }
-}), Gs = /* @__PURE__ */ R(qs, [["__scopeId", "data-v-d73d6cfa"]]), Js = ["data-focus"], Ks = { class: "flex items-center" }, Zs = { class: "overflow-hidden text-ellipsis whitespace-nowrap rounded-sm text-[#333] text-[85%] px-0.5 py-[3px] pl-1.5 box-border" }, Ws = ["onClick", "aria-label"], Qs = {
+}), 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 = {
   key: 0,
   class: "absolute text-gray-500 truncate pl-2"
-}, Xs = { class: "flex-1 min-w-[2px]" }, Ys = ["placeholder"], en = { class: "flex items-center shrink-0" }, tn = ["disabled"], ln = /* @__PURE__ */ A({
+}, Ys = { class: "flex-1 min-w-[2px]" }, en = ["placeholder"], tn = { class: "flex items-center shrink-0" }, ln = ["disabled"], on = /* @__PURE__ */ A({
   __name: "vs-input-tag",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ K({
     unique: { type: Boolean, default: !0 },
     style: { default: () => ({}) },
     customClass: { default: "" },
@@ -3353,18 +3397,18 @@ const es = /* @__PURE__ */ R(Qr, [["render", Yr]]), ts = { class: "form-geom__se
     modelValue: { default: [] },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ q(["update:modelValue"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ K(["update:modelValue"], ["update:modelValue"]),
   setup(o, { emit: e }) {
-    const l = o, n = e;
-    me(l.style);
-    const r = $(null), a = $(null), s = $(null), d = $(!1), p = $(""), f = G(o, "modelValue"), c = D(() => l.placeholder || "Add tag…"), g = D(() => f.value?.length === 0 && p.value === ""), v = D(() => !l.disabled && f.value?.length > 0), M = D(() => l.disabled), I = async () => {
-      M.value || await $e(() => s.value?.focus());
-    }, F = (C) => {
+    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] : l.unique ? f.value.includes(m) || (f.value = [...f.value, m]) : f.value = [...f.value, m], p.value = "");
-    }, U = () => {
+      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() !== "" && F(C), p.value = "";
+      C.trim() !== "" && D(C), p.value = "";
     }, P = (C) => {
       const m = f.value.slice();
       m.splice(C, 1), n("update:modelValue", m);
@@ -3376,7 +3420,7 @@ const es = /* @__PURE__ */ R(Qr, [["render", Yr]]), ts = { class: "form-geom__se
       d.value = !1;
     }, J = (C) => {
       const { key: m } = C;
-      m === "Enter" ? (C.preventDefault(), U()) : m === "Backspace" && p.value === "" && f.value.length > 0 && P(f.value.length - 1);
+      m === "Enter" ? (C.preventDefault(), T()) : m === "Backspace" && p.value === "" && f.value.length > 0 && P(f.value.length - 1);
     };
     return (C, m) => (i(), u("div", {
       class: "flex gap-1 w-full",
@@ -3385,13 +3429,13 @@ const es = /* @__PURE__ */ R(Qr, [["render", Yr]]), ts = { class: "form-geom__se
       onClick: m[1] || (m[1] = re(() => {
       }, ["stop"]))
     }, [
-      t("div", {
-        class: B(["relative w-full font-sans", l.customClass]),
+      l("div", {
+        class: S(["relative w-full font-sans", t.customClass]),
         role: "group",
         "aria-label": "Tag input"
       }, [
-        t("div", {
-          class: B([
+        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",
             d.value ? "border-blue-500 ring-1 ring-blue-500" : "",
@@ -3400,7 +3444,7 @@ const es = /* @__PURE__ */ R(Qr, [["render", Yr]]), ts = { class: "form-geom__se
           "data-focus": d.value ? "true" : "false",
           onClick: I
         }, [
-          t("div", {
+          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
@@ -3409,16 +3453,16 @@ const es = /* @__PURE__ */ R(Qr, [["render", Yr]]), ts = { class: "form-geom__se
               key: z,
               class: "flex min-w-0 bg-[#e6e6e6] rounded-sm m-0.5 box-border"
             }, [
-              t("div", Ks, [
-                t("div", Zs, E(V), 1)
+              l("div", Zs, [
+                l("div", Ws, E(V), 1)
               ]),
-              t("div", {
+              l("div", {
                 role: "button",
                 class: "flex items-center rounded-sm px-1 box-border hover:bg-[#ffbdad] hover:text-[#de350b]",
-                onClick: re((Z) => P(z), ["stop"]),
+                onClick: re((W) => P(z), ["stop"]),
                 "aria-label": `Remove ${V}`
               }, m[2] || (m[2] = [
-                t("svg", {
+                l("svg", {
                   height: "14",
                   width: "14",
                   viewBox: "0 0 20 20",
@@ -3426,13 +3470,13 @@ const es = /* @__PURE__ */ R(Qr, [["render", Yr]]), ts = { class: "form-geom__se
                   focusable: "false",
                   class: "inline-block fill-current stroke-current leading-none stroke-0"
                 }, [
-                  t("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" })
+                  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, Ws)
+              ]), 8, Qs)
             ]))), 128)),
-            g.value ? (i(), u("div", Qs, E(c.value), 1)) : S("", !0),
-            t("div", Xs, [
-              M.value ? S("", !0) : K((i(), u("input", {
+            g.value ? (i(), u("div", Xs, E(c.value), 1)) : B("", !0),
+            l("div", Ys, [
+              M.value ? B("", !0) : G((i(), u("input", {
                 key: 0,
                 ref_key: "inputRef",
                 ref: s,
@@ -3449,12 +3493,12 @@ const es = /* @__PURE__ */ R(Qr, [["render", Yr]]), ts = { class: "form-geom__se
                 onBlur: h,
                 onKeydown: J,
                 placeholder: f.value && f.value.length ? "" : void 0
-              }, null, 40, Ys)), [
-                [ne, p.value]
+              }, null, 40, en)), [
+                [ie, p.value]
               ])
             ])
           ], 512),
-          t("div", en, [
+          l("div", tn, [
             v.value ? (i(), u("button", {
               key: 0,
               type: "button",
@@ -3463,42 +3507,42 @@ const es = /* @__PURE__ */ R(Qr, [["render", Yr]]), ts = { class: "form-geom__se
               disabled: M.value,
               onClick: re(_, ["stop"])
             }, m[3] || (m[3] = [
-              t("svg", {
+              l("svg", {
                 height: "20",
                 width: "20",
                 viewBox: "0 0 20 20",
                 class: "fill-current"
               }, [
-                t("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" })
+                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, tn)) : S("", !0)
+            ]), 8, ln)) : B("", !0)
           ])
-        ], 10, Js)
+        ], 10, Ks)
       ], 2)
     ], 512));
   }
-}), on = {
-  VsInputText: He,
-  VsInputRadio: Ge,
-  "vs-input-text": He,
-  "vs-input-textarea": Ia,
-  "vs-input-mask": sl,
-  "vs-input-number": St,
-  "vs-input-radio": Ge,
-  "vs-input-select": Sa,
+}), an = {
+  VsInputText: qe,
+  VsInputRadio: Je,
+  "vs-input-text": qe,
+  "vs-input-textarea": Aa,
+  "vs-input-mask": nl,
+  "vs-input-number": jt,
+  "vs-input-radio": Je,
+  "vs-input-select": ja,
   "vs-input-switcher": lt,
-  "vs-input-static": qe,
-  "vs-input-container": na,
-  "vs-input-date": xl,
-  "vs-input-checkbox": bl,
-  "vs-input-file": ro,
-  "vs-input-html": qe,
-  "vs-input-email": ul,
-  "vs-input-datatable": Ir,
-  "vs-input-map": Gs,
-  "vs-input-file-list": Eo,
-  "vs-input-tag": ln
-}, an = /* @__PURE__ */ A({
+  "vs-input-static": Ge,
+  "vs-input-container": ia,
+  "vs-input-date": wl,
+  "vs-input-checkbox": yl,
+  "vs-input-file": so,
+  "vs-input-html": Ge,
+  "vs-input-email": dl,
+  "vs-input-datatable": Ar,
+  "vs-input-map": Js,
+  "vs-input-file-list": Oo,
+  "vs-input-tag": on
+}, rn = /* @__PURE__ */ A({
   __name: "behavior",
   props: {
     api: {},
@@ -3508,19 +3552,19 @@ const es = /* @__PURE__ */ R(Qr, [["render", Yr]]), ts = { class: "form-geom__se
     value: {}
   },
   setup(o) {
-    const e = o, l = Se("values");
+    const e = o, t = Be("values");
     async function n() {
       try {
         if (!e.api) return;
         const r = e.api.replace("{{value}}", e.value), a = await fetch(r);
         if (!a.ok) {
-          pe({ type: "warning", title: "Validation", message: "При спробі завантажити дані виникла помилка." });
+          ve({ type: "warning", title: "Validation", message: "При спробі завантажити дані виникла помилка." });
           return;
         }
         const s = await a.json();
-        if (!e.set || !l) return;
+        if (!e.set || !t) return;
         for (const [d, p] of Object.entries(e.set))
-          l.value[d] = s.result[p];
+          t.value[d] = s.result[p];
       } catch (r) {
         console.error(e.error, r);
       }
@@ -3530,9 +3574,9 @@ const es = /* @__PURE__ */ R(Qr, [["render", Yr]]), ts = { class: "form-geom__se
       class: "vs-button relative inline-flex border-solid justify-center items-center gap-2 rounded-md font-semibold focus:outline-none text-sm transition-all border !border-gray-200 hover:text-white bg-white text-blue-500 hover:border-blue-500 hover:bg-blue-500 focus:ring-blue-500 py-1.5 px-5 focus:ring-1 focus:ring-offset-1 ml-0 md:ml-2 mt-2 md:mt-0 py-[8px] md:w-2/4 whitespace-nowrap w-full"
     }, E(r.button), 1));
   }
-}), rn = { class: "flex w-full" }, rt = /* @__PURE__ */ A({
+}), sn = { class: "flex w-full" }, rt = /* @__PURE__ */ A({
   __name: "vs-compact-form-layout",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ K({
     item: { default: {} },
     layout: { default: "default" },
     style: { default: {} },
@@ -3544,30 +3588,30 @@ const es = /* @__PURE__ */ R(Qr, [["render", Yr]]), ts = { class: "form-geom__se
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, l = G(o, "modelValue"), n = D(() => Mt[`${e.layout}`]), r = D(() => on?.[`vs-input-${e.item.type}`]), a = D(() => {
-      const d = H(r);
+    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);
       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 = D(() => {
+    }), s = O(() => {
       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(xe(n.value), {
+    return (d, p) => (i(), X(we(n.value), {
       ua: e.item.ua,
       error: e.error || "",
       item: d.item,
       label: e.item.label
     }, {
-      default: Me(() => [
-        t("div", rn, [
-          (i(), X(xe(r.value), Ce(s.value, {
-            modelValue: l.value,
-            "onUpdate:modelValue": p[0] || (p[0] = (f) => l.value = f)
+      default: Le(() => [
+        l("div", sn, [
+          (i(), X(we(r.value), Ve(s.value, {
+            modelValue: t.value,
+            "onUpdate:modelValue": p[0] || (p[0] = (f) => t.value = f)
           }), null, 16, ["modelValue"])),
-          d.item.behavior ? (i(), X(an, Ce({ key: 0 }, d.item.behavior, { value: l.value }), null, 16, ["value"])) : S("", !0)
+          d.item.behavior ? (i(), X(rn, Ve({ key: 0 }, d.item.behavior, { value: t.value }), null, 16, ["value"])) : B("", !0)
         ])
       ]),
       _: 1
@@ -3576,23 +3620,23 @@ const es = /* @__PURE__ */ R(Qr, [["render", Yr]]), ts = { class: "form-geom__se
 }), st = {
   required: "Це поле є обов’язковим",
   email: "Неправильний email"
-}, sn = (o) => o ? !1 : st.required, nn = (o) => !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(o) && o ? st.email : !1, un = (o, e) => {
-  const l = e.pattern ?? e.regexp;
-  return !(typeof l == "string" ? new RegExp(l) : l).test(o) && o ? e.message : !1;
-}, dn = (o, e) => !1, cn = (o, e) => {
+}, nn = (o) => o ? !1 : st.required, un = (o) => !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(o) && o ? st.email : !1, dn = (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) => {
   switch (typeof e == "string" ? e : e.type) {
     case "required":
-      return sn(o);
-    case "email":
       return nn(o);
+    case "email":
+      return un(o);
     case "regexp":
-      return un(o, e);
+      return dn(o, e);
     case "custom":
-      return dn();
+      return cn();
     default:
       return !1;
   }
-}, pn = {
+}, fn = {
   autocomplete: "select",
   combobox: "select",
   datepicker: "date",
@@ -3604,51 +3648,51 @@ const es = /* @__PURE__ */ R(Qr, [["render", Yr]]), ts = { class: "form-geom__se
   file: "file"
   // mask: 'text',
 };
-function We(o) {
+function Qe(o) {
   const e = o.toLowerCase();
-  return pn[e] || e;
+  return fn[e] || e;
 }
-function fn(o) {
+function vn(o) {
   if (Array.isArray(o)) {
-    const l = [];
+    const t = [];
     return o.forEach((n) => {
       const r = { ...n };
-      r.name = (n.name || n.id || n.key || "").toString(), r.type = We(n.type), r.label = n.label || n.ua, r.rules = n.rules || n.validators, n.data && (r.api = `/api/suggest/${n.data}`), l.push(r);
-    }), l;
+      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);
+    }), t;
   }
   const e = [];
-  return Object.entries(o).forEach((l) => {
+  return Object.entries(o).forEach((t) => {
     const n = {
-      name: l[0],
-      ...l[1],
-      type: We(l[1].type),
-      label: l[1].label || l[1].ua,
-      rules: l[1].rules || l[1].validators
+      name: t[0],
+      ...t[1],
+      type: Qe(t[1].type),
+      label: t[1].label || t[1].ua,
+      rules: t[1].rules || t[1].validators
     };
-    l[1].type.includes("list") && (n.multiple = !0), l[1].data && (n.api = `/api/suggest/${l[1].data}`), e.push(n);
+    t[1].type.includes("list") && (n.multiple = !0), t[1].data && (n.api = `/api/suggest/${t[1].data}`), e.push(n);
   }), e;
 }
-function vn(o, e) {
-  const l = fn(e), n = $({});
+function mn(o, e) {
+  const t = vn(e), n = k({});
   function r(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);
   }
-  const a = (p = l, f = !0) => (p.forEach((c) => {
+  const a = (p = t, f = !0) => (p.forEach((c) => {
     if (c.rules) {
       if (!r(c)) {
         delete n.value[c.name];
         return;
       }
       c.rules.forEach((g) => {
-        const v = cn(o.value[c.name], g);
+        const v = pn(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 = D(() => l?.filter((p) => r(p)));
+  }), f && Object.values(n.value).some(Boolean) ? n.value : null), s = O(() => t?.filter((p) => r(p)));
   return {
     errors: n,
     validate: a,
@@ -3658,9 +3702,9 @@ function vn(o, e) {
     visibleSchema: s
   };
 }
-const Oe = /* @__PURE__ */ A({
+const Ee = /* @__PURE__ */ A({
   __name: "vs-compact-form",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ K({
     schema: { default: () => [] },
     style: { default: () => ({}) },
     modelValue: {},
@@ -3672,74 +3716,74 @@ const Oe = /* @__PURE__ */ A({
     values: { default: () => ({}) },
     valuesModifiers: {}
   }),
-  emits: /* @__PURE__ */ q(["handle-submit", "update:modelValue"], ["update:form", "update:values"]),
-  setup(o, { expose: e, emit: l }) {
-    const n = l, r = o, a = G(o, "form"), s = G(o, "values"), {
+  emits: /* @__PURE__ */ K(["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"), {
       errors: d,
       validate: p,
       reset: f,
       visibleSchema: c
-    } = vn(s, r.schema), g = () => {
+    } = mn(s, r.schema), g = () => {
       n("update:modelValue", s.value), p(), n("handle-submit", s.value);
     };
     e({
       validate: p,
       reset: f,
       errors: d
-    }), ue(() => {
+    }), 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;
     });
     function v(M, I) {
       if (M === I) return !0;
       if (typeof M != "object" || typeof I != "object" || !M || !I) return !1;
-      const F = Object.keys(M), U = Object.keys(I);
-      return F.length !== U.length ? !1 : F.every((P) => M[P] === I[P]);
+      const D = Object.keys(M), T = Object.keys(I);
+      return D.length !== T.length ? !1 : D.every((P) => M[P] === I[P]);
     }
-    return Ne("form", a), Ne("values", s), (M, I) => (i(), u("form", {
+    return He("form", a), He("values", s), (M, I) => (i(), u("form", {
       onSubmit: re(g, ["prevent"]),
-      class: B(["grid grid-cols-12", M.layout === "default" ? "gap-6" : "gap-4"])
+      class: S(["grid grid-cols-12", M.layout === "default" ? "gap-6" : "gap-4"])
     }, [
-      (i(!0), u(Q, null, Y(H(c), (F) => (i(), X(rt, {
-        key: F.name,
-        class: B(M.layout === "horizontal" ? "col-span-12" : `col-span-${F.col || 12} `),
-        style: fe(M.style),
-        item: F,
+      (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[F.name],
-        "onUpdate:modelValue": (U) => {
-          const P = s.value[F.name];
-          v(P, U) || (s.value[F.name] = U);
+        "model-value": s.value[D.name],
+        "onUpdate:modelValue": (T) => {
+          const P = s.value[D.name];
+          v(P, T) || (s.value[D.name] = T);
         },
-        error: H(d)[F.name]
+        error: q(d)[D.name]
       }, null, 8, ["class", "style", "item", "layout", "model-value", "onUpdate:modelValue", "error"]))), 128))
     ], 34));
   }
 });
-Oe.install = function(e) {
-  e.component("VForm", Oe), Object.assign(e.config.globalProperties, {
-    $form: Ve
-  }), e.provide("form", Ve), window.v3plugin || (window.v3plugin = {}), window.v3plugin.$form = e.config.globalProperties.$form;
+Ee.install = function(e) {
+  e.component("VForm", Ee), Object.assign(e.config.globalProperties, {
+    $form: Me
+  }), e.provide("form", Me), window.v3plugin || (window.v3plugin = {});
 };
 export {
-  va as ModalEdit,
-  Oe as VForm,
-  bl as VsInputCheckbox,
-  na as VsInputContainer,
-  xl as VsInputDate,
-  ul as VsInputEmail,
-  ro as VsInputFile,
-  Eo as VsInputFileList,
-  sl as VsInputMask,
-  St as VsInputNumber,
-  Ge as VsInputRadio,
-  Sa as VsInputSelect,
-  qe as VsInputStatic,
+  ma as ModalEdit,
+  Ee as VForm,
+  yl as VsInputCheckbox,
+  ia as VsInputContainer,
+  wl as VsInputDate,
+  dl as VsInputEmail,
+  so as VsInputFile,
+  Oo as VsInputFileList,
+  nl as VsInputMask,
+  jt as VsInputNumber,
+  Je as VsInputRadio,
+  ja as VsInputSelect,
+  Ge as VsInputStatic,
   lt as VsInputSwitcher,
-  ln as VsInputTag,
-  He as VsInputText,
-  Ia as VsInputTextarea,
-  Oe as default,
-  on as inputs,
-  Ir as vsInputDatatable,
-  Gs as vsInputMap
+  on as VsInputTag,
+  qe as VsInputText,
+  Aa as VsInputTextarea,
+  Ee as default,
+  an as inputs,
+  Ar as vsInputDatatable,
+  Js as vsInputMap
 };