@opengis/form 0.0.19 → 0.0.22

package/dist/index.js

@@ -1,9 +1,9 @@
-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, normalizeClass as S, createCommentVNode as B, renderSlot as me, createElementVNode as l, toDisplayString as F, normalizeProps as Oe, guardReactiveProps as De, createTextVNode as oe, computed as D, mergeModels as Z, useModel as W, withDirectives as q, unref as H, vModelText as ie, vModelCheckbox as Ye, createVNode as j, createBlock as X, resolveDynamicComponent as we, normalizeStyle as ve, withCtx as Me, withModifiers as se, onBeforeUnmount as dt, watch as re, createStaticVNode as ae, vModelRadio as et, Fragment as K, renderList as Y, mergeProps as Ve, reactive as ct, vShow as Ue, inject as Be, resolveComponent as Ne, Transition as tt, nextTick as Ce, Teleport as pt, provide as He } from "vue";
+import { notify as fe, modal as ft, TooltipDirective as qe } from "@opengis/core";
+const vt = {
   key: 0,
   class: "text-[14px] font-medium text-gray-900 mb-2"
-}, ht = {
+}, mt = { class: "opacity-100" }, ht = {
   key: 0,
   class: "text-red-500 text-[14px]"
 }, gt = {
@@ -13,19 +13,33 @@ const vt = { class: "w-full relative" }, mt = {
   __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, s) => (i(), u("div", {
+      class: S(["w-full relative", { "opacity-60": n.item.disabled }])
+    }, [
+      n.ua || n.label ? (i(), u("div", vt, [
+        l("span", mt, F(n.item[e.value] || n.ua || n.label), 1),
+        n.item?.rules?.includes("required") ? (i(), u("span", ht, "*")) : B("", !0)
+      ])) : B("", !0),
+      me(n.$slots, "default", Oe(De(n.$attrs))),
+      n.error ? (i(), u("span", gt, F(n.error), 1)) : B("", !0)
+    ], 2));
   }
 }), yt = { class: "w-full relative flex flex-row items-center gap-2" }, xt = {
   key: 0,
@@ -40,18 +54,23 @@ const vt = { class: "w-full relative" }, mt = {
   __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, [
+    return (e, t) => (i(), u("div", yt, [
       e.item?.type !== "html" ? (i(), u("span", xt, [
-        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)
+        oe(F(e.ua || e.label) + " ", 1),
+        e.item?.rules?.includes("required") && (e.ua || e.label) ? (i(), u("span", wt, "*")) : B("", !0)
+      ])) : B("", !0),
+      me(e.$slots, "default", Oe(De(e.$attrs))),
+      e.error ? (i(), u("span", kt, F(e.error), 1)) : B("", !0)
     ]));
   }
 }), $t = { class: "w-full relative" }, Ct = {
@@ -61,32 +80,37 @@ const vt = { class: "w-full relative" }, mt = {
   __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", $t, [
+      me(e.$slots, "default", Oe(De(e.$attrs))),
+      e.error ? (i(), u("span", Ct, F(e.error), 1)) : B("", !0)
     ]));
   }
-}), Mt = {
+}), Lt = {
   default: bt,
   horizontal: _t,
   inline: Vt
 };
-function me(o) {
+function he(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]`;
+      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 Mt = ["placeholder", "disabled"], Ge = /* @__PURE__ */ A({
   __name: "vs-input-text",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ Z({
     style: { default: () => ({}) },
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -100,23 +124,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 } = he(e.style), n = W(o, "modelValue");
+    return (s, a) => q((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 }]]),
+      "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
+      placeholder: s.placeholder,
+      disabled: s.disabled,
+      class: S(["py-1.5 px-3 block w-full placeholder:text[#767f8f]", [H(t), { "!border-red-600": s.error }]]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, Lt)), [
-      [ne, n.value]
+    }, null, 10, Mt)), [
+      [ie, n.value]
     ]);
   }
-}), Bt = ["placeholder"], St = /* @__PURE__ */ A({
+}), St = ["placeholder"], Bt = /* @__PURE__ */ A({
   __name: "vs-input-number",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ Z({
     style: { default: () => ({}) },
     customClass: {},
     disabled: { type: Boolean },
@@ -130,25 +154,25 @@ 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 } = he(e.style), n = W(o, "modelValue");
+    return (s, a) => q((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)]]),
+      "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
+      placeholder: s.placeholder,
+      class: S(["py-1.5 px-3 block w-full", [H(t)]]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, Bt)), [
-      [ne, n.value]
+    }, null, 10, St)), [
+      [ie, n.value]
     ]);
   }
 }), R = (o, e) => {
-  const l = o.__vccOpts || o;
-  for (const [n, r] of e)
-    l[n] = r;
-  return l;
+  const t = o.__vccOpts || o;
+  for (const [n, s] of e)
+    t[n] = s;
+  return t;
 }, jt = {}, It = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
@@ -159,17 +183,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) {
+function zt(o, e) {
   return i(), u("svg", It, e[0] || (e[0] = [
-    t("path", {
+    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 At = /* @__PURE__ */ R(jt, [["render", zt]]), Et = { class: "flex items-center gap-[4px]" }, Ft = ["value", "id", "disabled"], Ot = ["for"], Dt = { class: "text-[14px] text-gray-700 flex items-center gap-x-1 ml-1 dark:text-neutral-400" }, Ut = /* @__PURE__ */ A({
   __name: "vs-checkbox-default",
   props: {
     value: { default: "" },
@@ -182,39 +206,39 @@ 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, s = D({
       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, r) => (i(), u("div", Et, [
+      q(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 }]),
+        "onUpdate:modelValue": r[0] || (r[0] = (d) => s.value = d),
+        class: S(["shrink-0 border border-solid hidden border-gray-700 w-3.5 h-3.5 rounded text-blue-600 focus:ring-offset-0 dark:bg-neutral-800 dark:border-neutral-700 cursor-pointer", { "!cursor-not-allowed": a.disabled }]),
         id: a.id,
         disabled: a.disabled
-      }, null, 10, Et), [
-        [Qe, r.value]
+      }, null, 10, Ft), [
+        [Ye, s.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", [s.value ? "bg-blue-600 border-blue-600" : "bg-white border-gray-600", a.error ? "border-red-600" : ""]])
         }, [
-          j(zt, {
+          j(At, {
             height: "12",
             width: "12"
           })
         ], 2),
-        t("span", Dt, [
-          ve(a.$slots, "default", {}, () => [
-            oe(E(a.label), 1)
+        l("span", Dt, [
+          me(a.$slots, "default", {}, () => [
+            oe(F(a.label), 1)
           ])
         ])
-      ], 10, Ft)
+      ], 10, Ot)
     ]));
   }
 }), Tt = ["name", "value", "disabled"], Rt = { class: "flex items-center gap-[6px] text-[14px]" }, Pt = {
@@ -234,46 +258,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, s = D({
+      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 = D(() => Array.isArray(s.value) ? s.value.includes(t.value) : s.value === !0 || s.value === t.value), r = D(() => t.style?.size === "xs" ? "p-1.5 text-xs" : t.style?.size === "lg" ? "p-3.5 text-[20px]" : "p-2.5 text-xs");
     return (d, p) => (i(), u("label", {
-      class: 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", [r.value, a.value ? "ring-blue-500" : "border border-gray-200 ring-transparent"]])
     }, [
-      K(t("input", {
+      q(l("input", {
         type: "checkbox",
         class: "hidden",
         name: d.id,
         value: d.value,
-        "onUpdate:modelValue": p[0] || (p[0] = (f) => r.value = f),
+        "onUpdate:modelValue": p[0] || (p[0] = (f) => s.value = f),
         disabled: d.disabled
       }, null, 8, Tt), [
-        [Qe, r.value]
+        [Ye, s.value]
       ]),
-      t("span", Rt, [
+      l("span", Rt, [
         d.icon || d.imgUrl ? (i(), u("span", Pt, [
           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", {}, () => [
-          oe(E(d.label), 1)
+          }, null, 8, Nt)) : B("", !0)
+        ])) : B("", !0),
+        me(d.$slots, "default", {}, () => [
+          oe(F(d.label), 1)
         ])
       ])
     ], 2));
   }
-}), qt = { class: "flex items-center" }, tt = /* @__PURE__ */ A({
+}), qt = { class: "flex items-center" }, lt = /* @__PURE__ */ A({
   __name: "vs-input-checkbox-item",
   props: {
     value: { default: "" },
@@ -290,32 +314,32 @@ 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, s = `radio-${Math.floor(Math.random() * 1e4)}`, a = D({
+      get: () => Array.isArray(t.modelValue) ? Array.isArray(t.modelValue) && t.modelValue.includes(t.value) : t.modelValue,
       set: (d) => {
-        if (Array.isArray(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"}`);
+    }), r = k(`vs-checkbox-${t.view || "default"}`);
     return (d, p) => (i(), u("div", qt, [
-      (i(), X(xe(s.value === "vs-checkbox-buttons" ? H(Ht) : H(Ut)), {
+      (i(), X(we(r.value === "vs-checkbox-buttons" ? H(Ht) : H(Ut)), {
         value: d.value,
         label: d.label,
         info: d.option?.info,
         disabled: d.disabled,
         modelValue: a.value,
         "onUpdate:modelValue": p[0] || (p[0] = (f) => a.value = f),
-        id: r,
+        id: s,
         icon: d.icon,
         imgUrl: d.imgUrl,
-        style: fe(d.style),
+        style: ve(d.style),
         error: d.error
       }, {
         default: Me(() => [
-          oe(E(d.label), 1)
+          oe(F(d.label), 1)
         ]),
         _: 1
       }, 8, ["value", "label", "info", "disabled", "modelValue", "icon", "imgUrl", "style", "error"]))
@@ -333,12 +357,12 @@ const zt = /* @__PURE__ */ R(jt, [["render", At]]), Ot = { class: "flex items-ce
 };
 function Kt(o, e) {
   return i(), u("svg", Jt, e[0] || (e[0] = [
-    t("path", {
+    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 = {
@@ -354,14 +378,14 @@ const Zt = /* @__PURE__ */ R(Gt, [["render", Kt]]), Wt = {}, Qt = {
 };
 function Xt(o, e) {
   return i(), u("svg", Qt, e[0] || (e[0] = [
-    t("path", {
+    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 = {
@@ -370,9 +394,9 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
 }, tl = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, ll = ["title"], ol = ["disabled"], lt = /* @__PURE__ */ A({
+}, ll = ["title"], ol = ["disabled"], ot = /* @__PURE__ */ A({
   __name: "vs-input-switcher",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ Z({
     rules: { default: () => [] },
     view: { default: "checkbox" },
     label: { default: "" },
@@ -391,38 +415,38 @@ 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, [
-      j(tt, {
-        modelValue: l.value,
-        "onUpdate:modelValue": r[0] || (r[0] = (a) => l.value = a),
+    const e = o, t = W(o, "modelValue");
+    return (n, s) => e.view === "checkbox" ? (i(), u("div", el, [
+      j(lt, {
+        modelValue: t.value,
+        "onUpdate:modelValue": s[0] || (s[0] = (a) => t.value = a),
         label: n.text,
         error: n.error || ""
       }, null, 8, ["modelValue", "label", "error"]),
-      n.rules?.includes("required") ? (i(), u("span", tl, "*")) : S("", !0),
+      n.rules?.includes("required") ? (i(), u("span", tl, "*")) : B("", !0),
       n.i ? (i(), u("button", {
         key: 1,
         class: "cursor-pointer",
         title: n.i,
-        onClick: r[1] || (r[1] = re(() => {
+        onClick: s[1] || (s[1] = se(() => {
         }, ["prevent"]))
       }, [
         j(H(Yt), { class: "text-gray-500 w-[14px] h-[14px]" })
-      ], 8, ll)) : S("", !0)
+      ], 8, ll)) : 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: s[2] || (s[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));
   }
-}), al = ["innerHTML"], qe = /* @__PURE__ */ A({
+}), al = ["innerHTML"], Je = /* @__PURE__ */ A({
   __name: "vs-input-static",
   props: {
     text: { default: "" },
@@ -436,14 +460,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));
   }
-}), rl = ["placeholder", "disabled", "name"], sl = /* @__PURE__ */ A({
+}), sl = ["placeholder", "disabled", "name"], rl = /* @__PURE__ */ A({
   __name: "vs-input-mask",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ Z({
     name: {},
     mask: { default: "" },
     unmask: { type: Boolean, default: !1 },
@@ -459,55 +483,54 @@ 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 } = he(e.style), n = W(o, "modelValue"), s = k(null);
     let a = null;
-    return ue(async () => {
-      if (r.value) {
-        const { default: s } = await import("./index-W-qQIppj.js");
-        a = s(r.value, {
+    return ne(async () => {
+      if (s.value) {
+        const { default: r } = await import("./index-W-qQIppj.js");
+        a = r(s.value, {
           mask: e.mask || "",
           definitions: {
             9: /[0-9]/,
             A: /[a-zA-Z]/,
             "*": /[a-zA-Z0-9]/
           },
-          lazy: !1,
-          placeholderChar: e.placeholder
+          lazy: !1
         }), a.on("accept", () => {
           n.value = e.unmask ? a.unmaskedValue : a.value;
         }), a.on("complete", () => {
           n.value = e.unmask ? a.unmaskedValue : a.value;
         }), a.value = n.value ?? "";
       }
-    }), ut(() => {
+    }), dt(() => {
       a?.destroy();
-    }), se(() => e.mask, (s) => {
+    }), re(() => e.mask, (r) => {
       a && a.updateOptions({
-        mask: s,
+        mask: r,
         definitions: {
           9: /[0-9]/,
           A: /[a-zA-Z]/,
           "*": /[a-zA-Z0-9]/
         }
       });
-    }), se(n, (s) => {
-      a && a.unmaskedValue !== s && (a.value = s || "");
-    }), (s, d) => (i(), u("input", {
+    }), re(n, (r) => {
+      a && a.unmaskedValue !== r && (a.value = r || "");
+    }), (r, d) => (i(), u("input", {
       type: "text",
       ref_key: "inputEl",
-      ref: r,
-      placeholder: s.placeholder,
-      disabled: s.disabled,
-      name: s.name,
-      class: B(["py-1.5 px-3 block w-full placeholder:text[#767f8f]", [H(l)]]),
+      ref: s,
+      placeholder: r.placeholder,
+      disabled: r.disabled,
+      name: r.name,
+      class: S(["py-1.5 px-3 block w-full placeholder:text[#767f8f]", [H(t)]]),
       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({
   __name: "vs-input-email",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ Z({
     style: { default: () => ({}) },
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -521,26 +544,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 } = he(e.style), n = W(o, "modelValue");
+    return (s, a) => (i(), u("div", nl, [
       a[1] || (a[1] = ae('<div class="absolute bottom-2/4 translate-y-2/4 left-[10px] cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="stroke-gray-500 transition-all"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10z"></path><path d="M3 7l9 6l9 -6"></path></svg></div>', 1)),
-      K(t("input", {
+      q(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 }]]),
+        "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
+        placeholder: s.placeholder,
+        disabled: s.disabled,
+        class: S(["!pl-8 py-1.5 px-3 block w-full placeholder:text[#767f8f]", [H(t), { "!border-red-600": s.error }]]),
         style: {
           border: "1px solid #CFD9E0"
         }
       }, null, 10, il), [
-        [ne, n.value]
+        [ie, n.value]
       ])
     ]));
   }
 }), dl = ["value", "disabled"], cl = { class: "text-[13px] text-gray-700" }, pl = /* @__PURE__ */ A({
   __name: "vs-input-radio-default",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ Z({
     style: {},
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -556,36 +579,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 = W(o, "modelValue");
+    return (t, n) => (i(), u("label", {
+      class: S(["flex items-center gap-0", [t.customClass]])
     }, [
-      K(t("input", {
-        "onUpdate:modelValue": n[0] || (n[0] = (r) => e.value = r),
+      q(l("input", {
+        "onUpdate:modelValue": n[0] || (n[0] = (s) => e.value = s),
         type: "radio",
-        value: l.value,
-        disabled: l.disabled,
+        value: t.value,
+        disabled: t.disabled,
         class: "hidden"
       }, null, 8, dl), [
-        [Xe, e.value]
+        [et, 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", cl, F(t.text), 1)
     ], 2));
   }
 }), fl = ["value", "disabled"], vl = { class: "text-[13px] text-gray-700" }, ml = /* @__PURE__ */ A({
   __name: "vs-input-radio-buttons",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ Z({
     style: {},
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -601,31 +624,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 = W(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", {
-        "onUpdate:modelValue": n[0] || (n[0] = (r) => e.value = r),
+      q(l("input", {
+        "onUpdate:modelValue": n[0] || (n[0] = (s) => e.value = s),
         type: "radio",
-        value: l.value,
-        disabled: l.disabled,
+        value: t.value,
+        disabled: t.disabled,
         class: "hidden"
       }, null, 8, fl), [
-        [Xe, e.value]
+        [et, e.value]
       ]),
-      t("span", vl, E(l.text), 1)
+      l("span", vl, F(t.text), 1)
     ], 2));
   }
 }), hl = {
   "vs-input-radio-default": pl,
   "vs-input-radio-buttons": ml
-}, Ge = /* @__PURE__ */ A({
+}, Ke = /* @__PURE__ */ A({
   __name: "vs-input-radio",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ Z({
     options: {},
     position: { default: "vertical" },
     view: { default: "default" },
@@ -642,18 +665,18 @@ 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}`]);
-    return (r, a) => (i(), u("div", {
-      class: B([r.position === "horizontal" ? "flex items-center flex-wrap gap-2" : ""])
+    const e = o, t = W(o, "modelValue"), n = D(() => hl[`vs-input-radio-${e.view}`]);
+    return (s, a) => (i(), u("div", {
+      class: S([s.position === "horizontal" ? "flex items-center flex-wrap gap-2" : ""])
     }, [
-      (i(!0), u(Q, null, Y(r.options, (s) => (i(), X(xe(n.value), Ce({
-        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)
-      }, { ref_for: !0 }, r.$attrs), null, 16, ["text", "value", "checked", "modelValue"]))), 128))
+      (i(!0), u(K, null, Y(s.options, (r) => (i(), X(we(n.value), Ve({
+        key: r?.id,
+        text: r.text,
+        value: r.id.toString(),
+        checked: t.value === r.id,
+        modelValue: t.value,
+        "onUpdate:modelValue": a[0] || (a[0] = (d) => t.value = d)
+      }, { ref_for: !0 }, s.$attrs), null, 16, ["text", "value", "checked", "modelValue"]))), 128))
     ], 2));
   }
 }), gl = /* @__PURE__ */ A({
@@ -675,81 +698,81 @@ 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, s = k([]), a = ct({}), r = (c) => c?.value || c?.id || c?.text || c, d = (c) => c.text || String(c), p = (c) => `lg:col-span-${c || 12}`, f = async () => {
       try {
-        const c = await fetch(`/api/suggest/${l.data}`).then((g) => g.json());
-        r.value = c?.data || c;
+        const c = await fetch(`/api/suggest/${t.data}`).then((g) => g.json());
+        s.value = c?.data || c;
       } catch (c) {
         console.error(c);
       }
     };
-    return se(
-      () => l.modelValue,
+    return re(
+      () => t.modelValue,
       (c) => {
-        if (typeof c == "boolean" && r.value.length === 1) {
-          const g = s(r.value[0]);
+        if (typeof c == "boolean" && s.value.length === 1) {
+          const g = r(s.value[0]);
           a[g] = c;
         } else if (Array.isArray(c)) {
           const g = new Set(c);
-          r.value.forEach((v) => {
+          s.value.forEach((v) => {
             if (!v.disabled) {
-              const M = s(v);
+              const M = r(v);
               a[M] = g.has(M);
             }
           });
         }
       },
       { immediate: !0 }
-    ), se(
+    ), re(
       a,
       () => {
-        if (!r.value.length) {
+        if (!s.value.length) {
           n("update:modelValue", null);
           return;
         }
         const c = Object.entries(a).filter(([, g]) => g).map(([g]) => g);
-        n("update:modelValue", c.length === 0 ? null : c);
+        n("update:modelValue", c.length === 0 ? [] : c);
       },
       { deep: !0 }
-    ), ue(() => {
-      if (l.data)
+    ), ne(() => {
+      if (t.data)
         f().then(() => {
-          if (typeof l.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);
-            r.value.forEach((g) => {
+          if (typeof t.modelValue == "boolean" && s.value.length === 1) {
+            const c = r(s.value[0]);
+            a[c] = t.modelValue;
+          } else if (Array.isArray(t.modelValue)) {
+            const c = new Set(t.modelValue);
+            s.value.forEach((g) => {
               if (!g.disabled) {
-                const v = s(g);
+                const v = r(g);
                 a[v] = c.has(v);
               }
             });
           }
         });
-      else if (r.value = l.options, typeof l.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);
-        r.value.forEach((g) => {
+      else if (s.value = t.options, typeof t.modelValue == "boolean" && s.value.length === 1) {
+        const c = r(s.value[0]);
+        a[c] = t.modelValue;
+      } else if (Array.isArray(t.modelValue)) {
+        const c = new Set(t.modelValue);
+        s.value.forEach((g) => {
           if (!g.disabled) {
-            const v = s(g);
+            const v = r(g);
             a[v] = c.has(v);
           }
         });
       }
     }), (c, g) => (i(), u("div", {
-      class: 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)),
+      (i(!0), u(K, null, Y(s.value, (v) => (i(), X(lt, {
+        modelValue: a[r(v)],
+        "onUpdate:modelValue": (M) => a[r(v)] = M,
+        value: r(v),
+        class: S(p(c.colSpan)),
         disabled: v.disabled,
         label: d(v),
-        key: s(v),
+        key: r(v),
         icon: v?.icon,
         imgUrl: v?.imgUrl,
         option: v,
@@ -757,9 +780,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({
+}), bl = /* @__PURE__ */ R(gl, [["__scopeId", "data-v-91f3584a"]]), yl = ["placeholder", "disabled"], xl = /* @__PURE__ */ A({
   __name: "vs-input-date1",
-  props: /* @__PURE__ */ q({
+  props: {
     style: { default: () => ({}) },
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -767,43 +790,44 @@ 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 } = he(t.style), s = e, a = D({
+      get: () => t.modelValue?.split(" ")[0],
+      set: (r) => s("update:modelValue", r)
+    });
+    return (r, d) => q((i(), u("input", {
       type: "date",
-      "onUpdate:modelValue": a[0] || (a[0] = (s) => n.value = s),
+      "onUpdate:modelValue": d[0] || (d[0] = (p) => a.value = p),
       placeholder: r.placeholder,
       disabled: r.disabled,
-      class: B(["py-1.5 px-3 block w-full placeholder:text[#767f8f]", [H(l)]]),
+      ref: "date",
+      class: S(["py-1.5 px-3 block w-full placeholder:text[#767f8f]", [r.modelValue ? "" : "text-opacity-50", H(n)].join(" ")]),
       style: {
         border: "1px solid #CFD9E0"
       }
     }, null, 10, yl)), [
-      [ne, n.value]
+      [ie, a.value]
     ]);
   }
-}), wl = async (o, e, l, n) => {
+}), wl = 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 || ""}`,
+    const s = new FormData();
+    return s.append("unique", "true"), s.append("file", o), (await fetch(
+      `/file/upload/uploads?id=${e || ""}&form=${t || ""}&table=${n || ""}`,
       {
         method: "POST",
-        body: r
+        body: s
       }
-    ).then((s) => s.json()))?.result;
-  } catch (r) {
-    return pe({
+    ).then((r) => r.json()))?.result;
+  } catch (s) {
+    return fe({
       type: "error",
       title: "Помилка!",
       message: "Сталась помилка під час завантаження файлу",
       position: "right-bottom"
-    }), console.error("Сталась помилка завантаження файлу", r), null;
+    }), console.error("Сталась помилка завантаження файлу", s), null;
   }
 }, kl = async (o) => {
   try {
@@ -811,10 +835,10 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
   } catch (e) {
     return console.error(e), !1;
   }
-}, Je = async (o) => {
+}, Ze = 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");
-    s.setAttribute("download", o), s.href = window.URL.createObjectURL(a), s.click();
+    const e = await fetch(`file/download/files/uploads${o}`), t = await e.arrayBuffer(), n = e.headers["content-type"], s = new TextDecoder("utf-8").decode(t), a = new Blob([s], { type: n }), r = document.createElement("a");
+    r.setAttribute("download", o), r.href = window.URL.createObjectURL(a), r.click();
   } catch (e) {
     console.error(e.message);
   }
@@ -831,11 +855,11 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
 };
 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)
+    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", Cl]]), Vl = {}, Ll = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-text",
   width: "44",
@@ -847,12 +871,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 Ml(o, e, t, n, s, a) {
+  return i(), u("svg", Ll, e[0] || (e[0] = [
     ae('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><line x1="9" y1="9" x2="10" y2="9"></line><line x1="9" y1="13" x2="15" y2="13"></line><line x1="9" y1="17" x2="15" y2="17"></line>', 6)
   ]));
 }
-const Bl = /* @__PURE__ */ R(Vl, [["render", Ll]]), Sl = {}, jl = {
+const Sl = /* @__PURE__ */ R(Vl, [["render", Ml]]), Bl = {}, jl = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-table",
   width: "44",
@@ -864,27 +888,27 @@ const Bl = /* @__PURE__ */ R(Vl, [["render", Ll]]), Sl = {}, jl = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Il(o, e, l, n, r, a) {
+function Il(o, e, t, n, s, a) {
   return i(), u("svg", jl, e[0] || (e[0] = [
-    t("path", {
+    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 +916,7 @@ function Il(o, e, l, n, r, a) {
     }, null, -1)
   ]));
 }
-const Al = /* @__PURE__ */ R(Sl, [["render", Il]]), zl = {}, Ol = {
+const zl = /* @__PURE__ */ R(Bl, [["render", Il]]), Al = {}, El = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -904,12 +928,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 Fl(o, e, t, n, s, a) {
+  return i(), u("svg", El, e[0] || (e[0] = [
     ae('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><path d="M12 17v.01"></path><path d="M12 14a1.5 1.5 0 1 0 -1.14 -2.474"></path>', 5)
   ]));
 }
-const Fl = /* @__PURE__ */ R(zl, [["render", El]]), Dl = {}, Ul = {
+const Ol = /* @__PURE__ */ R(Al, [["render", Fl]]), Dl = {}, Ul = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-zip",
   width: "44",
@@ -921,7 +945,7 @@ const Fl = /* @__PURE__ */ R(zl, [["render", El]]), Dl = {}, Ul = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Tl(o, e, l, n, r, a) {
+function Tl(o, e, t, n, s, a) {
   return i(), u("svg", Ul, e[0] || (e[0] = [
     ae('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M6 20.735a2 2 0 0 1 -1 -1.735v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-1"></path><path d="M11 17a2 2 0 0 1 2 2v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-2a2 2 0 0 1 2 -2z"></path><line x1="11" y1="5" x2="10" y2="5"></line><line x1="13" y1="7" x2="12" y2="7"></line><line x1="11" y1="9" x2="10" y2="9"></line><line x1="13" y1="11" x2="12" y2="11"></line><line x1="11" y1="13" x2="10" y2="13"></line><line x1="13" y1="15" x2="12" y2="15"></line>', 9)
   ]));
@@ -938,7 +962,7 @@ const Rl = /* @__PURE__ */ R(Dl, [["render", Tl]]), Pl = {}, Nl = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Hl(o, e, l, n, r, a) {
+function Hl(o, e, t, n, s, a) {
   return i(), u("svg", Nl, e[0] || (e[0] = [
     ae('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><path d="M10 13l-1 2l1 2"></path><path d="M14 13l1 2l-1 2"></path>', 5)
   ]));
@@ -948,14 +972,14 @@ const ql = /* @__PURE__ */ R(Pl, [["render", Hl]]), Gl = (o) => {
   const e = o?.split(".");
   return e[e.length - 1];
 }, Jl = (o) => {
-  const e = Gl(o), l = {
+  const e = Gl(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;
+  return t.imageFormat.includes(e) ? "img" : t.sheetsFormat.includes(e) ? zl : t.textsFormat.includes(e) ? ql : t.documentsFormat.includes(e) ? Sl : t.archivesFormat.includes(e) ? Rl : Ol;
 }, Kl = {}, Zl = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -987,19 +1011,19 @@ const Ie = /* @__PURE__ */ R(Kl, [["render", Wl]]), Ql = {}, Xl = {
 };
 function Yl(o, e) {
   return i(), u("svg", Xl, e[0] || (e[0] = [
-    t("path", {
+    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 at = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[120px] border text-gray-300 border-dashed border-[#CFD9E0] rounded-lg overflow-hidden relative item-file" }, to = { class: "absolute hidden top-0 right-0 flex items-center gap-x-2 w-full h-full justify-center" }, lo = /* @__PURE__ */ A({
   __name: "vs-input-file-list-item",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ Z({
     format: {},
     multiple: { type: Boolean },
     style: {},
@@ -1017,40 +1041,40 @@ 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 = W(o, "value"), t = W(o, "item"), n = o;
+    return (s, a) => (i(), u("div", eo, [
+      (i(), X(we(H(Jl)(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] = (r) => H(Ze)(t.value))
       }, null, 8, ["src"])),
-      t("div", to, [
-        t("button", {
+      l("div", to, [
+        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) : "";
+          onClick: a[1] || (a[1] = (r) => {
+            H(kl)(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] = (r) => H(Ze)(t.value)),
           class: "w-6 h-6 flex items-center justify-center text-gray-500 bg-gray-200 rounded-lg hover:text-blue-500"
         }, [
-          j(ot, { class: "w-4 h-4" })
+          j(at, { class: "w-4 h-4" })
         ])
       ])
     ]));
   }
-}), Ke = /* @__PURE__ */ R(lo, [["__scopeId", "data-v-0ca886b3"]]), oo = { class: "flex items-center gap-x-2" }, ao = {
+}), We = /* @__PURE__ */ R(lo, [["__scopeId", "data-v-0ca886b3"]]), oo = { class: "flex items-center gap-x-2" }, ao = {
   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__ */ Z({
     format: {},
     multiple: { type: Boolean },
     style: {},
@@ -1066,65 +1090,65 @@ 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 = W(o, "modelValue"), n = k(null), s = (r) => Array.isArray(t.value) && t.value[r] || "", a = async (r) => {
       if (e.format) {
-        const f = s.target.files?.[0];
+        const f = r.target.files?.[0];
         if (!f || !f.name.endsWith(e.format))
           return;
       }
-      const d = s.target.files?.[0];
+      const d = r.target.files?.[0];
       if (!d) return;
       const p = await wl(d, "1", "form", "table");
-      l.value = e.multiple ? [...l.value || [], p?.file_path] : p?.file_path;
+      t.value = e.multiple ? [...t.value || [], p?.file_path] : p?.file_path;
     };
-    return (s, d) => (i(), u("div", oo, [
-      t("input", {
+    return (r, d) => (i(), u("div", oo, [
+      l("input", {
         class: "hidden",
         ref_key: "fileInput",
         ref: n,
         type: "file",
         onChange: a
       }, null, 544),
-      !s.multiple && l.value ? (i(), X(Ke, {
+      !r.multiple && t.value ? (i(), X(We, {
         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, {
-          multiple: s.multiple,
+        item: t.value,
+        "onUpdate:item": d[0] || (d[0] = (p) => t.value = p),
+        value: t.value,
+        "onUpdate:value": d[1] || (d[1] = (p) => t.value = p)
+      }, null, 8, ["item", "value"])) : r.multiple ? (i(), u("div", ao, [
+        (i(!0), u(K, null, Y(t.value, (p, f) => (i(), X(We, {
+          multiple: r.multiple,
           key: f,
-          value: l.value,
-          "onUpdate:value": d[2] || (d[2] = (c) => l.value = c),
-          item: r(f)
+          value: t.value,
+          "onUpdate:value": d[2] || (d[2] = (c) => t.value = c),
+          item: s(f)
         }, null, 8, ["multiple", "value", "item"]))), 128)),
-        t("div", {
-          onClick: d[3] || (d[3] = (p) => !s.disabled && n.value?.click()),
-          class: B([
+        l("div", {
+          onClick: d[3] || (d[3] = (p) => !r.disabled && n.value?.click()),
+          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"
+            r.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),
+      r.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([r.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500", "h-[120px] w-[120px] border text-gray-300 hover:text-blue-500 border-dashed border-gray-300 rounded-lg flex items-center justify-center cursor-pointer hover:border-blue-500 transition-all duration-300 hover:bg-blue-50"])
       }, [
         j(je, { class: "w-6 h-6" })
       ], 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({
+}), ro = { class: "max-w-[55vw]" }, no = { class: "text-sm font-semibold text-gray-800 truncate dark:text-neutral-200" }, io = { class: "flex items-center text-xs text-gray-500 truncate dark:text-neutral-500" }, uo = { class: "px-[5px]" }, co = { class: "" }, Se = /* @__PURE__ */ A({
   __name: "vs-widget-file-info",
   props: {
     item: { default: null }
   },
   setup(o) {
-    const e = o, l = D(() => {
+    const e = o, t = D(() => {
       try {
         return new Date(e.item.cdate).toLocaleDateString("uk-UA", {
           day: "2-digit",
@@ -1135,24 +1159,24 @@ const ot = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
         return "";
       }
     });
-    function n(r) {
-      if (r < 1024)
-        return `${r} B`;
-      const a = r / 1024;
+    function n(s) {
+      if (s < 1024)
+        return `${s} B`;
+      const a = s / 1024;
       return a < 1024 ? `${a.toFixed(2)} KB` : `${(a / 1024).toFixed(2)} MB`;
     }
-    return (r, a) => (i(), u(Q, null, [
+    return (s, a) => (i(), u(K, null, [
       a[1] || (a[1] = ae('<div class="flex items-center justify-center h-[30px] w-[30px]"><svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-file"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path></svg></div>', 1)),
-      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", ro, [
+        l("p", no, F(s.item?.uploaded_name), 1),
+        l("p", io, [
+          l("span", null, F(s.item?.username), 1),
+          q(l("span", uo, "|", 512), [
+            [Ue, s.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, F(t.value), 1),
+          a[0] || (a[0] = l("span", { class: "px-[5px]" }, "|", -1)),
+          l("span", co, F(n(s.item?.size)), 1)
         ])
       ])
     ], 64));
@@ -1178,21 +1202,21 @@ 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;
-    function r(c) {
+    const t = o, n = e;
+    function s(c) {
       return ["pdf", "json"].includes(c.ext);
     }
     function a(c) {
       return ["ppt", "pptx", "doc", "docx", "xls", "xlsx"].includes(c.ext);
     }
-    function s(c) {
+    function r(c) {
       const g = document.createElement("a");
       g.setAttribute("download", c?.uploaded_name), g.href = c?.file_path, g.click();
     }
     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,45 +1233,45 @@ 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", {
+        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"])
+      ])) : s(c.item) ? (i(), u("div", vo, [
+        j(Se, { item: c.item }, null, 8, ["item"])
       ])) : a(c.item) ? (i(), u("div", mo, [
-        t("a", {
+        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"])
+          j(Se, { 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"])
       ])),
-      t("div", bo, [
-        t("div", yo, [
-          t("div", xo, [
-            t("button", {
+      l("div", bo, [
+        l("div", yo, [
+          l("div", xo, [
+            l("button", {
               class: "inline-flex p-[6px] justify-center items-center gap-x-2 rounded-lg border border-transparent text-gray-500 hover:bg-gray-100 disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-none focus:bg-gray-100 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700",
-              onClick: g[1] || (g[1] = (v) => s(c.item))
+              onClick: g[1] || (g[1] = (v) => r(c.item))
             }, [
-              j(ot, {
+              j(at, {
                 height: "14",
                 width: "14"
               })
             ])
           ]),
-          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", wo, [
+            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())
@@ -1276,23 +1300,23 @@ const ot = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
 };
 function Co(o, e) {
   return i(), u("svg", $o, e[0] || (e[0] = [
-    t("path", {
+    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 Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Lo = { class: "flex flex-col widget-file xl:bg-white xl:rounded-xl dark:xl:bg-neutral-800 dark:xl:border-neutral-700 w-full" }, Mo = { class: "flex w-full mb-[12px] items-center gap-x-2" }, So = { class: "font-semibold text-gray-800 dark:text-neutral-200 text-[14px]" }, Bo = { class1: "ml-auto" }, jo = { class: "py-1.5 px-4 inline-flex items-center gap-x-2 text-sm font-medium rounded-lg bg-gray-100 cursor-pointer hover:bg-gray-200 text-gray-800 shadow-2xs hover:bg-gray-50 focus:outline-hidden focus:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" }, Io = {
   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" }, Ao = {
   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({
+}, Eo = { key: 0 }, Fo = /* @__PURE__ */ A({
   __name: "vs-input-file-list",
   props: {
     id: { default: "" },
@@ -1307,56 +1331,56 @@ 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 h = v.value.findIndex((J) => J === x.item.file_path);
-      h !== -1 && (a.value = !0, s.value = h);
-    }, F = async () => {
+    const t = o, n = Be("form"), s = D(() => n.value.formId), a = k(!1), r = k(0), d = e, p = k(!1), f = k({}), c = k([]), g = k(""), v = D(() => Array.isArray(c.value) ? c.value.filter((x) => x.ext === "jpg" || x.ext === "png").map((x) => x?.file_path) : []), M = D(() => g.value === "" ? c.value : c.value.filter((x) => x?.uploaded_name?.includes(g.value))), I = (x) => {
+      const h = v.value.findIndex((G) => G === x.item.file_path);
+      h !== -1 && (a.value = !0, r.value = h);
+    }, U = async () => {
       try {
-        const x = await fetch(`${l.prefix}/widget/file/${r.value}`).then((h) => h.json());
+        const x = await fetch(`${t.prefix}/widget/file/${s.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);
+          const G = new FormData();
+          G.append("file", h);
           try {
-            const C = `${l.prefix}/widget/file/${r.value}`;
-            return await fetch(C, { method: "POST", body: J }), d("update", "file-list"), h;
+            const C = `${t.prefix}/widget/file/${s.value}`;
+            return await fetch(C, { method: "POST", body: G }), d("update", "file-list"), h;
           } catch (C) {
             return console.error(C), null;
           }
         })
-      ), await F();
+      ), await U();
     }, 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, U();
       }), h;
     }, _ = (x) => {
       f.value = P(x), p.value = !0;
     };
-    return se(r, (x) => {
-      x && F();
-    }), ue(() => {
-      r.value && F();
+    return re(s, (x) => {
+      x && U();
+    }), ne(() => {
+      s.value && U();
     }), (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 G = Ne("Lightbox"), C = Ne("MessageBox");
+      return i(), u("div", Lo, [
+        l("div", Mo, [
+          l("h2", So, " Файлів: " + F(c.value?.length), 1),
+          l("div", Bo, [
+            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, [
+              l("div", jo, [
                 j(Vo, {
                   height: "16",
                   width: "16"
@@ -1366,10 +1390,10 @@ 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", {
+          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 +1405,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", {
+              q(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,29 +1428,29 @@ 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", Ao, [
+          (i(!0), u(K, null, Y(M.value, (m, V) => (i(), X(ko, {
             key: V,
             prefix: x.prefix,
             item: m,
             index: V,
-            onUpdate: h[2] || (h[2] = (z) => x.$emit("update", "file-list")),
-            onOpenModal: h[3] || (h[3] = (z) => _(z)),
-            onOpenLightbox: h[4] || (h[4] = (z) => I(z))
+            onUpdate: h[2] || (h[2] = (E) => x.$emit("update", "file-list")),
+            onOpenModal: h[3] || (h[3] = (E) => _(E)),
+            onOpenLightbox: h[4] || (h[4] = (E) => I(E))
           }, 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", Eo, h[9] || (h[9] = [
+            l("p", { class: "text-sm text-gray-600 font-sm" }, " Файлів з такою назвою не існує, введіть інше пошукове слово ", -1)
           ])))
-        ])) : S("", !0),
-        j(J, {
+        ])) : B("", !0),
+        j(G, {
           modelValue: a.value,
           "onUpdate:modelValue": h[5] || (h[5] = (m) => a.value = m),
-          startIndex: s.value,
-          "onUpdate:index": h[6] || (h[6] = (m) => s.value = m),
+          startIndex: r.value,
+          "onUpdate:index": h[6] || (h[6] = (m) => r.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 +1458,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({
+}), Oo = { class: "flex items-center justify-between" }, Do = { class: "text-[16px] text-gray-900 font-medium" }, Uo = { class: "grid gap-3" }, To = /* @__PURE__ */ A({
   __name: "vs-container-switcher",
   props: {
     title: {
@@ -1451,27 +1475,27 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
     }
   },
   setup(o) {
-    const e = o, l = $(e.isOpen);
-    return se(
+    const e = o, t = k(e.isOpen);
+    return re(
       () => 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),
-        j(lt, {
-          modelValue: l.value,
-          "onUpdate:modelValue": r[0] || (r[0] = (a) => l.value = a),
-          style: fe(o.style)
+    ), (n, s) => (i(), u("div", null, [
+      l("div", Oo, [
+        l("p", Do, F(o.title), 1),
+        j(ot, {
+          modelValue: t.value,
+          "onUpdate:modelValue": s[0] || (s[0] = (a) => t.value = a),
+          style: ve(o.style)
         }, null, 8, ["modelValue", "style"])
       ]),
-      j(Ye, { name: "slide-fade" }, {
+      j(tt, { name: "slide-fade" }, {
         default: Me(() => [
-          K(t("div", Uo, [
-            ve(n.$slots, "default", {}, void 0, !0)
+          q(l("div", Uo, [
+            me(n.$slots, "default", {}, void 0, !0)
           ], 512), [
-            [De, l.value]
+            [Ue, t.value]
           ])
         ]),
         _: 3
@@ -1495,29 +1519,29 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
     }
   },
   setup(o) {
-    const e = o, l = $(e.isOpen);
-    return se(
+    const e = o, t = k(e.isOpen);
+    return re(
       () => e.isOpen,
       (n) => {
-        l.value = n;
+        t.value = n;
       }
-    ), (n, r) => (i(), u("div", null, [
-      t("button", {
+    ), (n, s) => (i(), u("div", null, [
+      l("button", {
         type: "button",
-        onClick: r[0] || (r[0] = (a) => l.value = !l.value),
+        onClick: s[0] || (s[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" : ""]])
+          class: S(["h-4 w-4 duration-300", [t.value ? "-rotate-180" : ""]])
         }, null, 8, ["class"]),
-        t("span", Po, E(o.title), 1)
+        l("span", Po, F(o.title), 1)
       ]),
-      j(Ye, { name: "slide-fade" }, {
+      j(tt, { name: "slide-fade" }, {
         default: Me(() => [
-          K(t("div", No, [
-            ve(n.$slots, "default", {}, void 0, !0)
+          q(l("div", No, [
+            me(n.$slots, "default", {}, void 0, !0)
           ], 512), [
-            [De, l.value]
+            [Ue, t.value]
           ])
         ]),
         _: 3
@@ -1537,11 +1561,11 @@ 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", Go, [
+        l("p", null, F(o.title), 1)
       ]),
-      ve(e.$slots, "default")
+      me(e.$slots, "default")
     ]));
   }
 }), Ko = {
@@ -1561,7 +1585,7 @@ 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) => {
+}, Zo = (o, e) => String(o) === String(e), Wo = (o, e) => String(o) !== String(e), Qo = (o, e) => o > e, Xo = (o, e) => o >= e, Yo = (o, e) => o < e, ea = (o, e) => o <= e, ta = (o, e) => Array.isArray(e) && e.length === 2 ? o >= e[0] && o <= e[1] : !1, la = (o, e) => String(o).startsWith(String(e)), oa = (o, e) => String(o).endsWith(String(e)), aa = (o, e) => String(o).includes(String(e)), sa = (o, e) => Array.isArray(e) ? e.includes(o) : !1, ra = (o, e) => Array.isArray(e) ? !e.includes(o) : !0, st = (o, e) => {
   if (!e) return !0;
   switch (e?.[1]) {
     case le.Equal:
@@ -1585,9 +1609,9 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
     case le.Contain:
       return aa(o, e?.[2]);
     case le.In:
-      return ra(o, e?.[2]);
-    case le.NotIn:
       return sa(o, e?.[2]);
+    case le.NotIn:
+      return ra(o, e?.[2]);
     default:
       return !0;
   }
@@ -1612,32 +1636,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 d = s?.conditions;
+    const e = o, t = Be("formValues", { default: {} }), n = Be("form"), s = D(() => e.schema?.filter((r) => {
+      const d = r?.conditions;
       if (!d) return !0;
-      const p = Array.isArray(d) ? d[0] : d, f = l?.value?.[p];
-      return at(f, d);
+      const p = Array.isArray(d) ? d[0] : d, f = t?.value?.[p];
+      return st(f, d);
     })), a = D(() => Ko[e.view]);
-    return (s, d) => o.schema?.length ? (i(), X(xe(a.value), {
+    return (r, d) => o.schema?.length ? (i(), X(we(a.value), {
       key: 0,
       title: o.title,
-      style: fe(o.style)
+      style: ve(o.style)
     }, {
       default: Me(() => [
-        (i(!0), u(Q, null, Y(r.value, (p) => (i(), X(rt, Ce({
+        (i(!0), u(K, null, Y(s.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: H(t)[p.name],
+          "onUpdate:modelValue": (f) => H(t)[p.name] = f,
           style: o.style,
           error: H(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({
+}), ia = { class: "p-4 mim-h-0 h-full overflow-auto" }, ua = /* @__PURE__ */ A({
   __name: "modal-edit",
   props: {
     schema: {},
@@ -1648,11 +1672,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, s = k(t.schema), a = k(t.defaultValue ? JSON.parse(JSON.stringify(t.defaultValue)) : {}), r = k({}), d = k(), p = k(t.mode);
     async function f() {
-      const g = s.value.validate();
+      const g = r.value.validate();
       if (g) {
-        pe({ type: "warning", title: "Помилка валідації", message: Object.entries(g).map(([v, M]) => `${v}: ${M}`).join(`
+        fe({ type: "warning", title: "Помилка валідації", message: Object.entries(g).map(([v, M]) => `${v}: ${M}`).join(`
 `) });
         return;
       }
@@ -1666,151 +1690,116 @@ 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(), fe({
               type: "success",
               title: "Успішно",
               message: `Дані успішно ${p.value === "add" ? "збережено" : "оновлено"}`
             }), n("save", a.value);
           else if (v.status === 400) {
             const M = await v.json().catch(() => ({}));
-            pe({
+            fe({
               type: "warning",
               title: "Помилка валідації",
               message: M.message || "Некоректні дані (400)"
             });
-          } else v.status === 500 ? pe({
+          } else v.status === 500 ? fe({
             type: "error",
             title: "Серверна помилка",
             message: "Виникла помилка на сервері (500)"
-          }) : pe({
+          }) : fe({
             type: "error",
             title: "Помилка",
             message: `Статус: ${v.status}`
           });
         } catch (v) {
-          pe({
+          fe({
             type: "error",
             title: "Помилка з’єднання",
             message: v.message || "Не вдалося виконати запит"
           });
         }
+      else
+        n("save", a.value);
     }
     function c() {
       n("close");
     }
-    return ue(async () => {
-      if (l.form) {
-        const g = await fetch(`/api/template/form/${l.form}`).then((v) => v.json());
-        r.value = g.schema, d.value = g.token;
-      } else if (l.token) {
-        d.value = l.token;
+    return ne(async () => {
+      if (t.form) {
+        const g = await fetch(`/api/template/form/${t.form}`).then((v) => v.json());
+        s.value = g.schema, d.value = g.token;
+      } else if (t.token) {
+        d.value = t.token;
         const g = await fetch(`/api/form/${d.value}`).then((v) => v.json());
-        r.value = g.schema, g.data ? a.value = g.data : p.value = "add";
+        s.value = g.schema, g.data ? a.value = g.data : p.value = "add";
       }
-    }), (g, v) => (i(), u("div", ia, [
-      t("div", ua, [
-        t("div", da, [
-          t("div", ca, [
-            t("h3", pa, E(p.value === "add" ? "Додати" : "Змінити"), 1),
-            t("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", {
-                class: "flex-shrink-0 w-4 h-4",
-                xmlns: "http://www.w3.org/2000/svg",
-                width: "24",
-                height: "24",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                "stroke-width": "2",
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round"
-              }, [
-                t("path", { d: "M18 6 6 18" }),
-                t("path", { d: "m6 6 12 12" })
-              ], -1)
-            ]))
-          ]),
-          t("div", fa, [
-            r.value ? (i(), X(Oe, {
-              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)
-          ]),
-          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", {
-              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", {
-              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"
-            }, " Зберегти ")
-          ])
-        ])
+    }), (g, v) => (i(), u(K, null, [
+      l("div", ia, [
+        s.value ? (i(), X(Ee, {
+          key: 0,
+          schema: s.value,
+          values: a.value,
+          "onUpdate:values": v[0] || (v[0] = (M) => a.value = M),
+          form: r.value,
+          "onUpdate:form": v[1] || (v[1] = (M) => r.value = M)
+        }, null, 8, ["schema", "values", "form"])) : B("", !0)
+      ]),
+      l("div", { class: "vs-form__head mt-3 flex items-center justify-end sticky top-0 left-0 z-[60] bg-white" }, [
+        l("button", {
+          type: "button",
+          onClick: c,
+          class: "vs-button inline-flex border-solid justify-center items-center gap-2 rounded-md font-semibold focus:outline-none text-sm transition-all border !border-gray-200 hover:text-white bg-white text-red-500 hover:border-red-500 hover:bg-red-500 focus:ring-red-500 py-1.5 px-5 focus:ring-1 focus:ring-offset-1 mr-2"
+        }, " Скасувати "),
+        l("button", {
+          onClick: f,
+          type: "button",
+          class: "vs-button inline-flex border-solid justify-center items-center gap-2 rounded-md font-semibold focus:outline-none text-sm transition-all border-1 border-transparent text-white bg-blue-500 hover:bg-blue-600 focus:ring-blue-500 py-1.5 px-5 focus:ring-1 focus:ring-offset-1"
+        }, " Зберегти ")
       ])
-    ]));
-  }
-}), Ve = (o = { mode: "edit", schema: null }) => new Promise((e) => {
-  const l = document.querySelector("body");
-  if (!l) {
-    console.error('Modal root element with id "#modal" not found!');
-    return;
-  }
-  const n = document.createElement("div");
-  l.appendChild(n);
-  function r() {
-    a.unmount(), n.remove();
+    ], 64));
   }
-  const a = ct({
-    render() {
-      return pt(va, {
-        ...o,
-        onClose: () => {
-          e(null), r();
-        },
-        onSave: (s) => {
-          e(s), r();
-        }
-      });
+}), Le = (o = { mode: "edit", schema: null }) => new Promise((e) => {
+  const { close: t } = ft({
+    title: o.mode === "add" ? "Додати" : "Редагувати",
+    template: "",
+    visible: !0,
+    size: "medium",
+    closeClickBack: !0,
+    content: ua,
+    contentProps: {
+      ...o,
+      onClose: () => {
+        e(null), t();
+      },
+      onSave: (n) => {
+        e(n), t();
+      }
     }
   });
-  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 = {
+}), da = ["aria-expanded", "data-focus"], ca = { class: "flex items-center" }, pa = { class: "truncate text-gray-900 overflow-hidden" }, fa = ["onClick"], va = ["title"], ma = {
   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"
+}, ha = { class: "flex-1 min-w-[2px]" }, ga = ["placeholder"], ba = { class: "flex items-center shrink-0" }, ya = ["disabled"], xa = ["disabled"], wa = {
   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 = {
+}, ka = ["aria-disabled", "onClick"], _a = {
   key: 1,
   class: "px-3 py-2 text-center text-gray-500"
-}, Ba = ["disabled"], Sa = /* @__PURE__ */ A({
+}, $a = ["disabled"], Ca = /* @__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,158 +1807,158 @@ 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, s = D(() => t.multiple), a = D(() => t.disabled);
+    he(t.style);
+    const r = D({
+      get: () => t.modelValue,
+      set: (y) => n("update:modelValue", y)
+    });
+    !r.value && t.defaultValue && (r.value = t.defaultValue);
+    const d = k(null), p = k(null), f = k(null), c = k(!1), g = k(!1), v = k(null), M = k([]), I = k(-1), U = k([]), T = k(""), P = k(null), _ = k([]), x = D(() => {
       if (!_.value.length) return [];
-      const 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 = D(() => t.placeholder || "Select..."), G = D(() => s.value ? !_.value.length && T.value === "" : !v.value?.text && T.value === ""), C = D(() => a.value ? !1 : s.value ? _.value.length > 0 : !!r.value), m = (y) => s.value ? _.value.some((w) => w?.toString() === y?.toString()) : r.value?.toString() === y?.toString(), V = D(() => {
+      let y = M.value ?? [];
+      if (T.value.trim() !== "") {
+        const w = T.value.toLowerCase();
+        y = y.filter((z) => z.text?.toLowerCase?.().includes(w));
       }
-      if (r.value && _.value.length) {
-        const w = new Set(_.value.map((O) => O?.toString()));
-        k = k.filter((O) => !w.has(O.id?.toString()));
+      if (s.value && _.value.length) {
+        const w = new Set(_.value.map((z) => z?.toString()));
+        y = y.filter((z) => !w.has(z.id?.toString()));
       }
-      return k;
-    }), z = async (k) => {
-      if (!l.data || !k) return [];
+      return y;
+    }), E = 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}`, z = "?json=1", J = y ? `&val=${encodeURIComponent(y)}` : "";
+        return (await fetch(w.concat(z, J)).then((xe) => xe.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);
+    }, Q = async () => {
+      t.options?.length ? M.value = [...t.options] : t.data && (M.value = await E(T.value));
+    }, te = async (y) => {
+      if (y == null) return null;
+      const w = M.value?.find((J) => J?.id?.toString() === String(y));
+      return w || ((await E(String(y)))?.[0] ?? null);
+    }, ye = async (y) => {
+      const w = new Set(M.value.map((J) => J.id?.toString())), z = y.filter((J) => !w.has(J?.toString()));
+      z.length && await z.reduce(async (J, pe) => {
+        await J;
+        const xe = await te(pe);
+        xe && M.value.push(xe);
       }, Promise.resolve());
-    }, we = async () => {
-      a.value || (c.value = !0, await Z(), await $e(() => {
+    }, ke = async () => {
+      a.value || (c.value = !0, await Q(), 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) => {
+    }, ze = 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(() => {
+      s.value ? (_.value = [], r.value = [], n("change", [])) : (v.value = null, r.value = null, n("change", null)), T.value = "", Ce(() => P.value?.focus());
+    }, $ = (y) => {
+      s.value && (_.value = _.value.filter((w) => w?.toString() !== y?.toString()), r.value = [..._.value], n("change", r.value), Ce(() => P.value?.focus()));
+    }, O = (y) => {
+      s.value ? (m(y.id) || (_.value = [..._.value, y.id], r.value = [..._.value], n("change", r.value)), T.value = "", Ce(() => {
         P.value?.focus(), I.value = Math.min(I.value, V.value.length - 1);
-      })) : (v.value = 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;
-      let ze = w.scrollTop;
-      O < be ? ze = O - 80 : W > Le && (ze = W - 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) => {
+      })) : (v.value = y, r.value = y.id, n("change", r.value), T.value = "", ue());
+    }, N = (y) => {
+      m(y.id) || O(y);
+    }, ee = (y, w) => {
+      if (!y || !w) return;
+      const z = y.offsetTop, J = z + y.offsetHeight, pe = w.scrollTop, xe = pe + w.clientHeight;
+      let Ae = w.scrollTop;
+      z < pe ? Ae = z - 80 : J > xe && (Ae = J - w.clientHeight + 4);
+      const ut = w;
+      ut.scrollTop = Ae;
+    }, $e = async (y) => {
+      a.value || !c.value && (y.key === "ArrowDown" || y.key === "ArrowUp") && (y.preventDefault(), await ke());
+    }, de = (y) => {
       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(U.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(U.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 = () => {
-      a.value || (g.value = !0);
+        y.preventDefault();
+        const z = V.value[I.value];
+        z && O(z);
+      } else w === "Escape" ? (y.preventDefault(), ue()) : w === "Backspace" ? s.value && T.value === "" && _.value.length && (_.value = _.value.slice(0, -1), r.value = [..._.value], n("change", r.value)) : w === "Home" ? (I.value = 0, ee(U.value[0], f.value)) : w === "End" ? (I.value = V.value.length - 1, ee(U.value[I.value], f.value)) : w === "Tab" && ue();
     }, ge = () => {
-      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();
+      a.value || (g.value = !0);
+    }, be = () => {
+      g.value = !1, T.value = "";
+    }, ce = (y) => {
+      y.key === "Escape" && c.value && ue();
+    }, Te = (y) => {
+      d.value && (d.value.contains(y.target) || ue());
+    }, Re = (y) => {
+      c.value && f.value && !f.value.contains(y.target) && ue();
     };
-    se(() => l.options, (k) => {
-      k?.length && (M.value = [...k]);
+    re(() => t.options, (y) => {
+      y?.length && (M.value = [...y]);
     }, { immediate: !0 });
-    const Re = 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);
+    const Pe = async () => {
+      if (s.value)
+        Array.isArray(r.value) ? _.value = [...r.value] : (_.value = r.value == null ? [] : [r.value], r.value = [..._.value]), !t.options?.length && t.data && await ye(_.value);
       else {
-        if (Array.isArray(s.value)) {
-          const k = s.value[0] ?? null;
-          s.value = k ?? null;
+        if (Array.isArray(r.value)) {
+          const y = r.value[0] ?? null;
+          r.value = y ?? null;
         }
-        v.value = await te(s.value);
+        v.value = await te(r.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);
+    re(r, () => {
+      Pe();
+    }), ne(async () => {
+      addEventListener("keydown", ce), addEventListener("scroll", Re, !0), document.addEventListener("click", Te, !0), t.options?.length ? M.value = [...t.options] : t.data && (M.value = await E("")), await Pe();
+    }), Fe(() => {
+      removeEventListener("keydown", ce), removeEventListener("scroll", Re, !0), document.removeEventListener("click", Te, !0);
     });
-    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}`, {
+    async function it() {
+      if (!t.add) return;
+      const y = await Le({ 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 E(T.value)));
     }
-    return (k, w) => (i(), u("div", {
+    return (y, w) => (i(), u("div", {
       class: "flex gap-1 w-full",
       ref_key: "selectRoot",
       ref: d,
-      onClick: w[2] || (w[2] = re(() => {
+      onClick: w[2] || (w[2] = se(() => {
       }, ["stop"]))
     }, [
-      t("div", {
-        class: B(["relative w-full font-sans", l.customClass])
+      l("div", {
+        class: S(["relative w-full font-sans", t.customClass])
       }, [
-        w[7] || (w[7] = t("span", {
+        w[7] || (w[7] = l("span", {
           id: "react-select-live-region",
           class: "sr-only"
         }, null, -1)),
-        w[8] || (w[8] = t("span", {
+        w[8] || (w[8] = l("span", {
           "aria-live": "polite",
           "aria-atomic": "false",
           "aria-relevant": "additions text",
           role: "log",
           class: "sr-only"
         }, null, -1)),
-        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",
             c.value || g.value ? "border-blue-500 ring-1 ring-blue-500" : "",
@@ -1978,33 +1967,37 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
           role: "combobox",
           "aria-expanded": c.value,
           "aria-haspopup": "listbox",
-          onKeydown: _e,
-          onClick: ke,
+          onKeydown: $e,
+          onClick: _e,
           "data-focus": c.value || g.value ? "true" : "false"
         }, [
-          t("div", {
-            class: "flex flex-1 flex-wrap items-center gap-1 py-0.5 pl-2 pr-0 overflow-hidden",
+          l("div", {
+            class: "flex flex-1 items-center gap-1 py-0.5 pl-2 pr-0 overflow-hidden",
             ref_key: "triggerRef",
             ref: p
           }, [
-            r.value && _.value.length ? (i(!0), u(Q, { key: 0 }, Y(x.value, (O) => (i(), u("div", {
+            s.value && _.value.length ? (i(!0), u(K, { key: 0 }, Y(x.value, (z) => (i(), u("div", {
               class: "flex min-w-0 bg-[#e6e6e6] rounded-sm m-0.5 box-border",
-              key: O.id
+              key: z.id
             }, [
-              t("div", ha, [
-                O?.color ? (i(), u("span", {
+              l("div", ca, [
+                z?.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)
+                  style: ve({ backgroundColor: z?.color })
+                }, null, 4)) : B("", !0),
+                q((i(), u("div", pa, [
+                  oe(F(z.text), 1)
+                ])), [
+                  [H(qe), z.text]
+                ])
               ]),
-              t("div", {
+              l("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"])
+                onClick: se((J) => $(z.id), ["stop"])
               }, w[3] || (w[3] = [
-                t("svg", {
+                l("svg", {
                   height: "14",
                   width: "14",
                   viewBox: "0 0 20 20",
@@ -2012,20 +2005,28 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
                   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, ba)
-            ]))), 128)) : !r.value && v.value?.text && U.value === "" ? (i(), u("div", ya, [
+              ]), 8, fa)
+            ]))), 128)) : !s.value && !g.value && v.value?.text && T.value === "" ? q((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-[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", {
+                class: "w-[14px] h-[14px] rounded-md block mr-1 mt-1 absolute",
+                style: ve({ backgroundColor: v.value?.color })
+              }, null, 4)) : B("", !0),
+              l("span", {
+                class: S({ "pl-5": v.value?.color })
+              }, F(v.value.text), 3)
+            ], 8, va)), [
+              [H(qe), v.value.text]
+            ]) : B("", !0),
+            G.value ? (i(), u("div", ma, F(h.value), 1)) : B("", !0),
+            l("div", ha, [
+              !a.value && y.search ? q((i(), u("input", {
                 key: 0,
                 ref_key: "inputRef",
                 ref: P,
@@ -2037,92 +2038,93 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
                 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,
+                placeholder: (s.value && _.value.length ? " " : null) || (g.value && !T.value?.length ? v.value?.text : " "),
+                "onUpdate:modelValue": w[0] || (w[0] = (z) => T.value = z),
+                onFocus: ge,
+                onBlur: be,
                 onKeydown: de
-              }, null, 40, ka)), [
-                [ne, U.value]
-              ]) : S("", !0)
+              }, null, 40, ga)), [
+                [ie, T.value]
+              ]) : B("", !0)
             ])
           ], 512),
-          t("div", _a, [
+          l("div", ba, [
             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"])
+              onClick: se(b, ["stop"])
             }, w[4] || (w[4] = [
-              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, $a)) : S("", !0),
-            w[6] || (w[6] = t("div", { class: "self-stretch w-px bg-[#ccc] my-[1px]" }, null, -1)),
-            t("button", {
+            ]), 8, ya)) : 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((O) => Ae(), ["stop"]))
+              onClick: w[1] || (w[1] = se((z) => ze(), ["stop"]))
             }, w[5] || (w[5] = [
-              t("svg", {
+              l("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" })
+                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, Ca)
+            ]), 8, xa)
           ])
-        ], 42, ma),
-        c.value ? (i(), u("div", Va, [
-          t("div", {
+        ], 42, da),
+        c.value ? (i(), u("div", wa, [
+          l("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,
+            V.value.length ? (i(!0), u(K, { key: 0 }, Y(V.value, (z, J) => (i(), u("div", {
+              key: z.id,
               ref_for: !0,
-              ref: (be) => F.value[W] = be,
-              class: B([
+              ref: (pe) => U.value[J] = pe,
+              class: S([
                 "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"
+                I.value === J ? "bg-blue-300" : "",
+                m(z.id) ? "text-white bg-blue-500" : "text-gray-900 bg-white"
               ]),
-              "aria-disabled": m(O.id) ? "true" : "false",
+              "aria-disabled": m(z.id) ? "true" : "false",
               role: "option",
               tabindex: "-1",
-              onClick: (be) => N(O)
+              onClick: (pe) => N(z)
             }, [
-              O?.color ? (i(), u("span", {
+              z?.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([
+                style: ve({ backgroundColor: z?.color })
+              }, null, 4)) : B("", !0),
+              l("div", {
+                class: S([
                   "leading-[19px]",
-                  I.value === O.id ? "text-white" : "",
+                  I.value === z.id ? "text-white" : "",
                   // active style like react-select
-                  (I.value === W, "")
+                  (I.value === J, "")
                 ])
-              }, E(O.text), 3)
-            ], 10, Ma))), 128)) : (i(), u("div", La, " No options "))
+              }, F(z.text), 3)
+            ], 10, ka))), 128)) : (i(), u("div", _a, " No options "))
           ], 512)
-        ])) : S("", !0)
+        ])) : B("", !0)
       ], 2),
-      l.add ? (i(), u("button", {
+      t.add ? (i(), u("button", {
         key: 0,
-        onClick: nt,
+        onClick: it,
         class: "bg-white hover:bg-gray-100 text-sm text-gray-900 py-[10px] px-3 border border-stone-200 rounded-md h-[38px] flex items-center gap-2",
         disabled: a.value,
         type: "button"
@@ -2131,13 +2133,13 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
           width: "16",
           height: "16"
         }),
-        w[9] || (w[9] = t("span", null, "Додати", -1))
-      ], 8, Ba)) : S("", !0)
+        w[9] || (w[9] = l("span", null, "Додати", -1))
+      ], 8, $a)) : B("", !0)
     ], 512));
   }
-}), ja = ["placeholder", "disabled"], Ia = /* @__PURE__ */ A({
+}), Va = ["placeholder", "disabled"], La = /* @__PURE__ */ A({
   __name: "vs-input-textarea",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ Z({
     style: { default: () => ({}) },
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -2151,21 +2153,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", {
-      "onUpdate:modelValue": a[0] || (a[0] = (s) => n.value = s),
-      placeholder: r.placeholder,
-      disabled: r.disabled,
+    const e = o, { inputClass: t } = he(e.style), n = W(o, "modelValue");
+    return (s, a) => q((i(), u("textarea", {
+      "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
+      placeholder: s.placeholder,
+      disabled: s.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", [H(t)]]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, ja)), [
-      [ne, n.value]
+    }, null, 10, Va)), [
+      [ie, n.value]
     ]);
   }
-}), Aa = {}, za = {
+}), Ma = {}, Sa = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2175,18 +2177,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 Ba(o, e) {
+  return i(), u("svg", Sa, 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 ja = /* @__PURE__ */ R(Ma, [["render", Ba]]), Ia = {}, za = {
   class: "flex-shrink-0 mt-0.5 size-3.5",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
@@ -2196,15 +2198,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 Aa(o, e) {
+  return i(), u("svg", za, 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 Ea = /* @__PURE__ */ R(Ia, [["render", Aa]]), Fa = {}, Oa = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "14",
   height: "14",
@@ -2215,19 +2217,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 Da(o, e) {
+  return i(), u("svg", Oa, 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 Ua = /* @__PURE__ */ R(Fa, [["render", Da]]), Ta = {}, Ra = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2236,19 +2238,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 Pa(o, e) {
+  return i(), u("svg", Ra, 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 Na = /* @__PURE__ */ R(Ta, [["render", Pa]]), Ha = {}, qa = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2257,22 +2259,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 Ga(o, e) {
+  return i(), u("svg", qa, e[0] || (e[0] = [
     ae('<circle cx="9" cy="12" r="1"></circle><circle cx="9" cy="5" r="1"></circle><circle cx="9" cy="19" r="1"></circle><circle cx="15" cy="12" r="1"></circle><circle cx="15" cy="5" r="1"></circle><circle cx="15" cy="19" r="1"></circle>', 6)
   ]));
 }
-const Ze = /* @__PURE__ */ R(Za, [["render", Qa]]), Xa = {}, Ya = {
+const Qe = /* @__PURE__ */ R(Ha, [["render", Ga]]), Ja = {}, Ka = {
   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 Za(o, e) {
+  return i(), u("svg", Ka, e[0] || (e[0] = [
     ae('<rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-50 dark:stroke-neutral-700/10"></rect><rect x="34.5" y="58" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/30"></rect><rect x="27" y="36" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><g filter="url(#filter1)"><rect x="12" y="6" width="154" height="40" rx="8" fill="currentColor" class="fill-white dark:fill-neutral-800" shape-rendering="crispEdges"></rect><rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/60" shape-rendering="crispEdges"></rect><rect x="20" y="14" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect><rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect><rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect></g><defs><filter id="filter1" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="6"></feOffset><feGaussianBlur stdDeviation="6"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"></feBlend></filter></defs>', 12)
   ]));
 }
-const tr = /* @__PURE__ */ R(Xa, [["render", er]]), lr = {}, or = {
+const Wa = /* @__PURE__ */ R(Ja, [["render", Za]]), Qa = {}, Xa = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2281,18 +2283,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 Ya(o, e) {
+  return i(), u("svg", Xa, 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 es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "vs-datatable border rounded-xl w-full flex-grow" }, ls = { class: "flex items-center npm gap-[16px] justify-between p-[20px] pb-[16px]" }, os = { class: "relative w-full" }, as = { class: "table-wrapper flex gap-2" }, ss = { class: "vs-popover inline-block text-slate-700" }, rs = { class: "text-center" }, ns = { class: "" }, is = { class: "py-1 px-0 w-full text-sm text-stone-800 bg-white shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-lg focus:outline-none focus:bg-stone-100 dark:bg-neutral-900 dark:text-neutral-200 dark:focus:bg-neutral-800 after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" }, us = { class: "flex flex-col p-[1px] gap-[2px] w-[140px]" }, ds = { class: "text-sm items-center text-gray-800 flex gap-1" }, cs = { class: "w-full overflow-x-auto" }, ps = { class: "w-full table-auto caption-bottom text-sm" }, fs = { class: "[&_tr]:border-b" }, vs = { class: "border-b data-[state=selected]:bg-muted bg-slate-50/50 dark:bg-slate-700/50 hover:bg-slate-50/80 dark:hover:bg-slate-700/80 transition-colors" }, ms = { class: "h-10 px-2 align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] w-12 text-center" }, hs = {
   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({
+}, gs = { class: "w-full" }, bs = { class: "p-5 min-h-[200px] flex flex-col justify-center items-center text-center" }, ys = ["onDragstart", "onDragover", "onDrop"], xs = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] text-center" }, ws = { class: "flex items-center justify-center" }, ks = { class: "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-slate-100 dark:bg-slate-700 text-slate-700 dark:text-slate-300 hover:bg-slate-200 dark:hover:bg-slate-600 transition-colors" }, _s = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]" }, $s = { class: "flex items-center justify-center gap-2" }, Cs = ["onClick"], Vs = ["onClick"], Ls = /* @__PURE__ */ A({
   __name: "vs-input-datatable",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ Z({
     colModel: {},
     style: {},
     customClass: {},
@@ -2307,109 +2309,109 @@ 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 C = r.value.toLowerCase();
-      return l.value.filter((m) => e.colModel?.some((V) => {
-        const z = m[V.key];
-        return z ? Array.isArray(z) ? z.join(", ").toLowerCase().includes(C) : String(z).toLowerCase().includes(C) : !1;
+    const e = o, t = W(o, "modelValue"), n = k({}), s = k(""), a = D(() => {
+      if (!s.value) return t.value ?? [];
+      const C = s.value.toLowerCase();
+      return t.value.filter((m) => e.colModel?.some((V) => {
+        const E = m[V.key];
+        return E ? Array.isArray(E) ? E.join(", ").toLowerCase().includes(C) : String(E).toLowerCase().includes(C) : !1;
       }));
-    }), s = $(null), d = $(null), p = $(!1), f = $(null), c = $({ top: 0, left: 0 }), g = (C) => {
-      s.value = C;
+    }), r = k(null), d = k(null), p = k(!1), f = k(null), c = k({ top: 0, left: 0 }), g = (C) => {
+      r.value = C;
     }, v = (C) => {
       d.value = C;
     }, M = (C) => {
-      if (s.value === null || s.value === C) {
-        s.value = null, d.value = null;
+      if (r.value === null || r.value === C) {
+        r.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(r.value, 1);
+      m.splice(C, 0, V), t.value = m, r.value = null, d.value = null;
     }, I = (C) => {
       const V = C.currentTarget.getBoundingClientRect();
       c.value = { top: V.bottom + window.scrollY, left: V.left + window.scrollX }, p.value = !p.value;
-    }, F = () => {
+    }, U = () => {
       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) => {
+      const E = new FileReader();
+      E.onload = (Q) => {
         try {
-          const te = Z.target?.result;
+          const te = Q.target?.result;
           if (typeof te == "string") {
             const ye = JSON.parse(te);
-            Array.isArray(ye) && l.value.push(...ye);
+            Array.isArray(ye) && t.value.push(...ye);
           }
         } catch (te) {
           console.error("Error parsing file:", te);
         }
-      }, z.readAsText(V);
+      }, E.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");
-      z.href = V, z.download = "data.json", z.click(), URL.revokeObjectURL(V);
+      const C = JSON.stringify(t.value, null, 2), m = new Blob([C], { type: "application/json" }), V = URL.createObjectURL(m), E = document.createElement("a");
+      E.href = V, E.download = "data.json", E.click(), URL.revokeObjectURL(V);
     };
-    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 Le({
         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 Le({
         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((E, Q) => Q === m ? V : E));
     }
-    function J(C) {
-      l.value = l.value.filter((m, V) => V !== C);
+    function G(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", ts, [
+      l("div", ls, [
+        l("div", os, [
+          j(ja, {
             width: "14",
             height: "14",
             class: "absolute left-3 top-1/2 transform -translate-y-1/2 text-stone-500"
           }),
-          K(t("input", {
+          q(l("input", {
             type: "text",
-            "onUpdate:modelValue": m[0] || (m[0] = (V) => r.value = V),
+            "onUpdate:modelValue": m[0] || (m[0] = (V) => s.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, s.value]
           ])
         ]),
-        t("div", ur, [
-          t("input", {
+        l("div", as, [
+          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", ss, [
+            l("div", rs, [
+              l("div", ns, [
+                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(Ea, {
                     height: "16",
                     width: "16"
                   })
@@ -2418,31 +2420,31 @@ const rr = /* @__PURE__ */ R(lr, [["render", ar]]), sr = { class: "vs-datatable
             ])
           ])
         ]),
-        (i(), X(ft, { to: "body" }, [
+        (i(), X(pt, { 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: ve([{ 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", is, [
+              l("div", us, [
+                l("button", {
+                  onClick: U,
                   class: "text-slate-700 flex items-center gap-1 px-3 py-2 rounded-md cursor-pointer group hover:bg-gray-100"
                 }, [
-                  j(Ha, {
+                  j(Ua, {
                     class: "text-black",
                     width: "14",
                     height: "14"
                   }),
                   m[1] || (m[1] = oe(" Імпортувати "))
                 ]),
-                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", ds, [
+                    j(Na, {
                       class: "text-black",
                       width: "14",
                       height: "14"
@@ -2452,9 +2454,9 @@ const rr = /* @__PURE__ */ R(lr, [["render", ar]]), sr = { class: "vs-datatable
                 ])
               ])
             ])
-          ], 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"
         }, [
@@ -2462,78 +2464,78 @@ const rr = /* @__PURE__ */ R(lr, [["render", ar]]), sr = { class: "vs-datatable
           m[3] || (m[3] = oe(" Додати "))
         ])
       ]),
-      t("div", hr, [
-        t("table", gr, [
-          t("thead", br, [
-            t("tr", yr, [
-              t("th", xr, [
-                j(Ze, {
+      l("div", cs, [
+        l("table", ps, [
+          l("thead", fs, [
+            l("tr", vs, [
+              l("th", ms, [
+                j(Qe, {
                   width: "24",
                   height: "24",
                   class: "w-4 h-4 mx-auto text-slate-400 dark:text-slate-500"
                 })
               ]),
-              (i(!0), u(Q, null, Y(C.colModel, (V) => (i(), u("th", {
+              (i(!0), u(K, null, Y(C.colModel, (V) => (i(), u("th", {
                 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))
+              }, F(V.ua || V.label), 1))), 128)),
+              m[4] || (m[4] = l("th", { class: "h-10 px-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] font-semibold text-slate-700 dark:text-slate-300 text-center" }, " Дії ", -1))
             ])
           ]),
-          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", hs, [
+              l("div", gs, [
+                l("div", bs, [
+                  j(Wa, { class: "w-48 mx-auto" }),
+                  m[5] || (m[5] = l("div", { class: "max-w-sm mx-auto mt-6" }, [
+                    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),
-            (i(!0), u(Q, null, Y(a.value, (V, z) => (i(), u("tr", {
+            ])) : B("", !0),
+            (i(!0), u(K, null, Y(a.value, (V, E) => (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", {
-                "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
+              class: S(["border-b data-[state=selected]:bg-muted transition-all duration-200 hover:bg-slate-50/60 dark:hover:bg-slate-700/60 cursor-move", {
+                "opacity-50": r.value === E,
+                "border-t-2 border-b-2 border-blue-500 bg-blue-50 dark:bg-blue-900/20": d.value === E
               }]),
               draggable: "true",
-              onDragstart: (Z) => g(z),
-              onDragover: re((Z) => v(z), ["prevent"]),
-              onDrop: (Z) => M(z)
+              onDragstart: (Q) => g(E),
+              onDragover: se((Q) => v(E), ["prevent"]),
+              onDrop: (Q) => M(E)
             }, [
-              t("td", Cr, [
-                t("div", Vr, [
-                  j(Ze, {
+              l("td", xs, [
+                l("div", ws, [
+                  j(Qe, {
                     width: "24",
                     height: "24",
                     class: "w-4 h-4 mx-auto text-slate-400 dark:text-slate-500"
                   })
                 ])
               ]),
-              (i(!0), u(Q, null, Y(C.colModel, (Z) => (i(), u("td", {
-                key: Z.key,
+              (i(!0), u(K, null, Y(C.colModel, (Q) => (i(), u("td", {
+                key: Q.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", ks, F(x(V, Q)), 1)
               ]))), 128)),
-              t("td", Lr, [
-                t("div", Br, [
-                  t("button", {
-                    onClick: (Z) => h(V, z),
+              l("td", _s, [
+                l("div", $s, [
+                  l("button", {
+                    onClick: (Q) => h(V, E),
                     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(es, {
                       width: "24",
                       height: "24",
                       class: "w-3 h-3"
                     })
-                  ], 8, Sr),
-                  t("button", {
-                    onClick: (Z) => J(z),
+                  ], 8, Cs),
+                  l("button", {
+                    onClick: (Q) => G(E),
                     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 +2543,16 @@ const rr = /* @__PURE__ */ R(lr, [["render", ar]]), sr = { class: "vs-datatable
                       height: "24",
                       class: "w-3 h-3"
                     })
-                  ], 8, jr)
+                  ], 8, Vs)
                 ])
               ])
-            ], 42, $r))), 128))
+            ], 42, ys))), 128))
           ], 2)
         ])
       ])
     ]));
   }
-}), Ar = {
+}), Ms = {
   draw: {
     toolbar: {
       actions: {
@@ -2658,7 +2660,7 @@ const rr = /* @__PURE__ */ R(lr, [["render", ar]]), sr = { class: "vs-datatable
     }
   }
 };
-function zr(o) {
+function Ss(o) {
   return o ? o.type === "FeatureCollection" || o.type === "Feature" ? o : o.geom ? {
     type: "Feature",
     geometry: {
@@ -2672,7 +2674,7 @@ function zr(o) {
     properties: {}
   } : null : null;
 }
-const Or = {}, Er = {
+const Bs = {}, js = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   stroke: "currentColor",
@@ -2682,18 +2684,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 Is(o, e) {
+  return i(), u("svg", js, 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 zs = /* @__PURE__ */ R(Bs, [["render", Is]]), As = {}, Es = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2703,19 +2705,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 Fs(o, e) {
+  return i(), u("svg", Es, 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 Os = /* @__PURE__ */ R(As, [["render", Fs]]), Ds = {}, Us = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2725,12 +2727,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 Ts(o, e) {
+  return i(), u("svg", Us, e[0] || (e[0] = [
     ae('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M12 5m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M19 8m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M5 11m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M15 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M6.5 9.5l3.5 -3"></path><path d="M14 5.5l3 1.5"></path><path d="M18.5 10l-2.5 7"></path><path d="M13.5 17.5l-7 -5"></path>', 9)
   ]));
 }
-const Gr = /* @__PURE__ */ R(Nr, [["render", qr]]), Jr = {}, Kr = {
+const Rs = /* @__PURE__ */ R(Ds, [["render", Ts]]), Ps = {}, Ns = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2740,12 +2742,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 Hs(o, e) {
+  return i(), u("svg", Ns, e[0] || (e[0] = [
     ae('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M8 18a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z"></path><path d="M20 18a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z"></path><path d="M20 6a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z"></path><path d="M8 6a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z"></path><path d="M6 8v8"></path><path d="M18 16v-8"></path><path d="M8 6h8"></path><path d="M16 18h-8"></path>', 9)
   ]));
 }
-const Wr = /* @__PURE__ */ R(Jr, [["render", Zr]]), Qr = {}, Xr = {
+const qs = /* @__PURE__ */ R(Ps, [["render", Hs]]), Gs = {}, Js = {
   version: "1.1",
   viewBox: "0 0 14 14",
   xmlns: "http://www.w3.org/2000/svg",
@@ -2753,28 +2755,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 Ks(o, e) {
+  return i(), u("svg", Js, 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 +2785,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 Zs = /* @__PURE__ */ R(Gs, [["render", Ks]]), Ws = { class: "form-geom__search" }, Qs = { class: "map-search__input" }, Xs = { class: "flex flex-nowrap relative" }, Ys = { class: "form-autocomplete relative min-w-[6rem] vsTailwind map-search__select hidden" }, er = { class: "flex items-center w-full" }, tr = { class: "max-w-[90%] truncate" }, lr = {
   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 = {
+}, or = { class: "form-autocomplete__wrapper mt-[10px] z-50 w-full min-w-36 max-h-72 p-0 space-y-0.5 bg-white rounded-xl shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:bg-neutral-900 top-full opened" }, ar = { class: "form-autocomplete__list vsTailwind px-2 pb-2 pt-0 max-h-200 relative [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:bg-gray-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900" }, sr = ["onClick"], rr = { class: "flex justify-between items-center w-full" }, nr = { class: "flex items-center" }, ir = {
   key: 0,
   class: "flex-shrink-0 w-3.5 h-3.5 text-blue-600",
   width: "24",
@@ -2797,94 +2799,94 @@ 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 = {
+}, ur = { class: "relative w-full" }, dr = { class: "vs-form-text relative bg-white rounded-lg" }, cr = {
   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 = {
+}, pr = { key: 0 }, fr = ["onClick"], vr = {
   key: 1,
   class: "px-3 py-2 text-xs text-gray-500"
-}, xs = {
+}, mr = {
   key: 2,
   class: "px-3 py-2 text-xs text-gray-400"
-}, ws = /* @__PURE__ */ A({
+}, hr = /* @__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), s = k("coordinates"), a = k(""), r = 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 = D(() => c.find((_) => _.value === s.value)?.label ?? "АТУ");
     function v(_) {
-      r.value = _.value, n.value = !1, a.value = "", a.value && F();
+      s.value = _.value, n.value = !1, a.value = "", a.value && U();
     }
     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");
+      s.value === "atu" ? x = "/api/suggest/atu.nsdi.ato_level" : s.value === "address" ? x = "/api/suggest/map.address_id" : s.value === "search_here" && (x = "/api/gis-url-proxy");
       const h = new URL(x || "");
-      return 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();
+      return s.value === "search_here" ? h.searchParams.set("searchtext", _) : (s.value === "atu" || s.value === "address") && h.searchParams.set("key", _), h.searchParams.set("limit", "20"), h.searchParams.set("q", _), (await fetch(h.toString())).json();
     }
-    function F() {
-      if (d.value = !0, p.value = !0, r.value === "coordinates") {
+    function U() {
+      if (d.value = !0, p.value = !0, s.value === "coordinates") {
         const _ = a.value.trim().split(",");
         if (_.length === 2) {
           const x = parseFloat(_[0]), h = parseFloat(_[1]);
-          !Number.isNaN(x) && !Number.isNaN(h) && l("goToCoordinates", [x, h]);
+          !Number.isNaN(x) && !Number.isNaN(h) && t("goToCoordinates", [x, h]);
         }
         return;
       }
       f && window.clearTimeout(f), f = window.setTimeout(async () => {
         const _ = a.value.trim();
         if (!_) {
-          s.value = [], p.value = !1;
+          r.value = [], p.value = !1;
           return;
         }
         try {
           const x = await I(_);
-          s.value = Array.isArray(x.features) ? x.features : [];
+          r.value = Array.isArray(x.features) ? x.features : [];
         } catch {
-          s.value = [];
+          r.value = [];
         } finally {
           p.value = !1;
         }
       }, 300);
     }
-    function U() {
-      a.value = "", s.value = [], d.value = !1, p.value = !1;
+    function T() {
+      a.value = "", r.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, r.value = [];
     }
-    return (_, x) => (i(), u("div", ts, [
-      t("div", ls, [
-        t("div", os, [
-          t("div", as, [
-            t("button", {
+    return (_, x) => (i(), u("div", Ws, [
+      l("div", Qs, [
+        l("div", Xs, [
+          l("div", Ys, [
+            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", er, [
+                l("span", tr, F(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 +2894,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", {
-                    onClick: (J) => v(h),
+            n.value ? (i(), u("div", lr, [
+              l("div", or, [
+                l("div", ar, [
+                  (i(), u(K, null, Y(c, (h) => l("div", {
+                    onClick: (G) => v(h),
                     key: h.value,
                     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", rr, [
+                      l("div", nr, [
+                        l("div", null, F(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 === s.value ? (i(), u("svg", ir, x[4] || (x[4] = [
+                        l("polyline", { points: "20 6 9 17 4 12" }, null, -1)
+                      ]))) : B("", !0)
                     ])
-                  ], 8, ds)), 64))
+                  ], 8, sr)), 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", ur, [
+            l("div", dr, [
+              x[6] || (x[6] = l("i", { class: "absolute bottom-1/2 translate-y-1/2 left-3 text-gray-500" }, [
+                l("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 +2940,24 @@ const es = /* @__PURE__ */ R(Qr, [["render", Yr]]), ts = { class: "form-geom__se
                   })
                 ])
               ], -1)),
-              K(t("input", {
+              q(l("input", {
                 type: "text",
                 "onUpdate:modelValue": x[1] || (x[1] = (h) => a.value = h),
-                onInput: F,
+                onInput: U,
                 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 +2965,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, [
-                  (i(!0), u(Q, null, Y(s.value, (h) => (i(), u("li", {
+              ]))) : B("", !0),
+              d.value && s.value !== "coordinates" ? (i(), u("div", cr, [
+                r.value.length ? (i(), u("ul", pr, [
+                  (i(!0), u(K, null, Y(r.value, (h) => (i(), u("li", {
                     key: h.properties.place_id,
-                    onClick: (J) => P(h),
+                    onClick: (G) => 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)
+                  }, F(h.properties.display_name), 9, fr))), 128))
+                ])) : p.value ? (i(), u("div", vr, "Шукаю…")) : (i(), u("div", mr, "Нічого не знайдено"))
+              ])) : 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({
+}), gr = { class: "bg-white/95 p-2 rounded-xl shadow border border-gray-200" }, br = { class: "flex gap-2" }, yr = ["onClick", "title"], xr = ["src"], wr = /* @__PURE__ */ A({
   __name: "map-layers",
   props: {
     basemaps: {},
@@ -2993,41 +2995,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;
-    function a(s) {
-      r("onLayerChange", s), n.value = s;
+    const n = k(o.defaultLayer ?? ""), s = e;
+    function a(r) {
+      s("onLayerChange", r), n.value = r;
     }
-    return (s, d) => (i(), u("div", ks, [
-      t("div", _s, [
-        (i(!0), u(Q, null, Y(s.basemaps, (p, f) => (i(), u("div", {
+    return (r, d) => (i(), u("div", gr, [
+      l("div", br, [
+        (i(!0), u(K, null, Y(r.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, xr)
+        ], 10, yr))), 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 = {
+}), kr = { class: "absolute top-4 left-4 z-[1000] w-[calc(100%-20px)] sm:w-[350px]" }, _r = { class: "form-geom__panel flex gap-1 items-start mt-2" }, $r = { class: "flex items-center gap-1" }, Cr = ["disabled"], Vr = { class: "absolute top-4 right-4 z-[1000]" }, Lr = { class: "flex flex-col gap-[2px]" }, Mr = ["aria-pressed"], Sr = ["aria-pressed"], Br = ["aria-pressed"], jr = ["aria-pressed"], Ir = { class: "absolute bottom-0 left-0 right-0 z-[1000] bg-white/95 border-t border-gray-200 text-xs text-gray-700 flex items-center gap-4 pt-1" }, zr = {
   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 = {
+}, Ar = { class: "mr-auto" }, Er = { class: "font-bold" }, Fr = { class: "flex items-center" }, Or = { class: "text-xs mr-2" }, Dr = {
   key: 0,
   class: "text-xs"
-}, Hs = {
+}, Ur = {
   key: 1,
   class: "text-xs"
-}, qs = /* @__PURE__ */ A({
+}, Tr = /* @__PURE__ */ A({
   __name: "vs-input-map",
   props: {
+    tools: {},
     style: {},
     customClass: {},
     disabled: { type: Boolean },
@@ -3038,9 +3041,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);
-    let a, s, d;
-    const p = $(null), f = $(null), c = $(6), g = $(0), v = $(null), M = {
+    const t = o;
+    console.log(t);
+    const n = e, s = k(null);
+    let a, r, d;
+    const p = k(null), f = k(null), c = k(6), g = k(0), v = k(null), M = {
       topo100: {
         url: "https://data.gki.com.ua/api-user/rtile/voyager/ua/{z}/{x}/{y}.png",
         preview: "https://data.gki.com.ua/api-user/rtile/voyager/ua/13/4790/2762.png"
@@ -3055,52 +3060,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 U = 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 O = (ee) => {
+          if (Array.from(document.styleSheets).some((ge) => ge?.href?.includes(ee))) return;
           const de = document.createElement("link");
           de.rel = "stylesheet", de.href = ee, document.head.appendChild(de);
-        }, N = (ee) => new Promise((_e, de) => {
-          const he = Array.from(document.scripts).find((ce) => ce.src === ee);
-          if (he) {
-            he.addEventListener("load", () => _e()), he.addEventListener("error", (ce) => de(ce));
+        }, N = (ee) => new Promise(($e, de) => {
+          const ge = Array.from(document.scripts).find((ce) => ce.src === ee);
+          if (ge) {
+            ge.addEventListener("load", () => $e()), ge.addEventListener("error", (ce) => de(ce));
             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 be = document.createElement("script");
+          be.src = ee, be.async = !0, be.onload = () => $e(), be.onerror = (ce) => de(ce), document.body.appendChild(be);
         });
-        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);
+        O("https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"), O("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.css"), N("https://unpkg.com/leaflet@1.9.4/dist/leaflet.js").then(() => N("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.js")).then(() => b(0)).catch($);
       });
     }
     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;
+      const b = r.toGeoJSON();
+      let $ = null;
+      b?.features?.length && ($ = b.features[0].geometry), n("update:modelValue", $), g.value = r.getLayers().length;
     }
     function _(b = 30) {
-      const y = s.getLayers();
-      if (!y.length) return;
-      const N = L.featureGroup(y).getBounds();
+      const $ = r.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 = $("");
-    function J(b) {
+    const h = k("");
+    function G(b) {
       return b instanceof L.Circle ? "Circle" : b instanceof L.Rectangle ? "Rectangle" : b instanceof L.Polygon && !(b instanceof L.Rectangle) ? "Polygon" : b instanceof L.Polyline && !(b instanceof L.Polygon) ? "Polyline" : b instanceof L.Marker ? "Point" : "Feature";
     }
     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(), O = Array.isArray($[0]) ? $[0] : $, N = L.GeometryUtil?.geodesicArea ? L.GeometryUtil.geodesicArea(O) : 0;
           return N ? N / 1e6 : 0;
         } catch {
           return null;
@@ -3111,44 +3116,46 @@ const es = /* @__PURE__ */ R(Qr, [["render", Yr]]), ts = { class: "form-geom__se
       return b instanceof L.Circle ? b.getLatLng() : b.getBounds ? b.getBounds().getCenter() : b.getLatLng ? b.getLatLng() : a.getCenter();
     }
     function V() {
-      const b = s.getLayers();
+      const b = r.getLayers();
       if (!b.length) {
         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], O = G($), N = m($), ee = C($);
       v.value = {
-        type: T,
+        type: O,
         center: N,
         areaKm2: ee,
-        layer: y
+        layer: $
       }, g.value = b.length;
     }
-    function z() {
+    function E() {
       const b = v.value?.layer;
       b && (b instanceof L.Circle && b.getBounds ? a.fitBounds(b.getBounds(), { padding: [30, 30] }) : b.getBounds ? a.fitBounds(b.getBounds(), { padding: [30, 30] }) : b.getLatLng && a.setView(b.getLatLng(), Math.max(c.value, 14)));
     }
-    function Z() {
+    function Q() {
       const b = v.value?.layer;
-      b && (s.removeLayer(b), P(), V());
+      b && (r.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 = Ms, a = L.map(s.value, { zoomControl: !1 }).setView([50, 30], 10), L.control.zoom({ position: "bottomright" }).addTo(a), I = L.tileLayer(M.topo100.url, { maxZoom: 19, minZoom: 6 }).addTo(a), U.value = "topo100", r = new L.FeatureGroup().addTo(a), a.on(L.Draw.Event.CREATED, (O) => {
+        const { layer: N } = O;
+        r.clearLayers(), r.addLayer(N), P(), V(), _(), h.value = "";
       }), 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", (O) => {
+        b || (a.invalidateSize(), b = !0), f.value = O.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 $ = Ss(t.modelValue);
+      if ($) {
+        const O = [];
+        L.geoJSON($).eachLayer((N) => O.push(N)), O.length && r.addLayer(O[0]), P(), V(), _();
       }
     });
     function te(b) {
@@ -3174,173 +3181,175 @@ const es = /* @__PURE__ */ R(Qr, [["render", Yr]]), ts = { class: "form-geom__se
       }
     }
     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);
+      const b = r.toGeoJSON(), $ = new Blob([JSON.stringify(b, null, 2)], { type: "application/json" }), O = URL.createObjectURL($), N = document.createElement("a");
+      N.href = O, N.download = "data.geojson", N.click(), URL.revokeObjectURL(O);
     }
-    function 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 O = new FileReader();
+      O.onload = () => {
+        if (typeof O.result == "string")
           try {
-            const N = JSON.parse(T.result);
-            s.clearLayers(), N && L.geoJSON({ type: "Feature", geometry: N }).eachLayer((ee) => {
-              s.addLayer(ee);
+            const N = JSON.parse(O.result);
+            r.clearLayers(), N && L.geoJSON({ type: "Feature", geometry: N }).eachLayer((ee) => {
+              r.addLayer(ee);
             }), P(), V(), _();
           } finally {
             b.target.value = "";
           }
-      }, T.readAsText(y);
+      }, O.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), U.value = b);
     }
-    function Ae(b) {
-      const y = L.latLng(b[0], b[1]);
-      a.setView(y, 13);
+    function ze(b) {
+      const $ = L.latLng(b[0], b[1]);
+      a.setView($, 13);
     }
-    se(
-      () => l.modelValue,
+    re(
+      () => t.modelValue,
       (b) => {
-        s.clearLayers(), b && L.geoJSON({ type: "Feature", geometry: b }).eachLayer((y) => {
-          s.addLayer(y);
-        }), g.value = s.getLayers().length, V(), _();
+        r.clearLayers(), b && L.geoJSON({ type: "Feature", geometry: b }).eachLayer(($) => {
+          r.addLayer($);
+        }), g.value = r.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,
+        ref: s,
         class: "w-full h-full"
       }, null, 512),
-      t("div", Ms, [
-        j(ws, { onGoToCoordinates: Ae }),
-        t("div", Ls, [
-          t("div", Bs, [
-            t("button", {
+      l("div", kr, [
+        j(hr, { onGoToCoordinates: ze }),
+        l("div", _r, [
+          l("div", $r, [
+            l("button", {
               type: "button",
               class: "vs-btn-row",
               onClick: x
-            }, "Імпорт"),
-            t("button", {
+            }, "Import"),
+            l("button", {
               type: "button",
               class: "vs-btn-row",
               onClick: ye,
               disabled: g.value === 0
-            }, "Експорт ", 8, Ss)
+            }, "Export ", 8, Cr)
           ]),
-          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", Vr, [
+        l("div", Lr, [
+          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] = (O) => te("marker"))
           }, [
-            j(Dr)
-          ], 10, As),
-          t("button", {
-            class: B(["vs-btn", { "vs-active": h.value === "polyline" }]),
+            j(zs)
+          ], 10, Mr),
+          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] = (O) => te("polyline"))
           }, [
-            j(Pr)
-          ], 10, zs),
-          t("button", {
-            class: B(["vs-btn", { "vs-active": h.value === "polygon" }]),
+            j(Os)
+          ], 10, Sr),
+          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] = (O) => te("polygon"))
           }, [
-            j(Gr)
-          ], 10, Os),
-          t("button", {
-            class: B(["vs-btn", { "vs-active": h.value === "rectangle" }]),
+            j(Rs)
+          ], 10, Br),
+          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] = (O) => te("rectangle"))
           }, [
-            j(Wr)
-          ], 10, Es),
-          t("button", {
-            class: "vs-btn",
-            onClick: y[4] || (y[4] = (T) => ke.value = !ke.value)
+            j(qs)
+          ], 10, jr),
+          l("button", {
+            class: "vs-btn mt-5",
+            onClick: $[4] || ($[4] = (O) => _e.value = !_e.value),
+            title: "Full Screen",
+            "aria-label": "Full Screen"
           }, [
-            j(es, { style: { width: "12px", height: "12px" } })
+            j(Zs, { 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(wr, {
           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", Ir, [
+        v.value ? (i(), u("div", zr, [
+          l("div", Ar, [
+            $[7] || ($[7] = oe(" Тип: ")),
+            l("span", Er, F(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", Fr, [
+            l("div", Or, [
+              $[8] || ($[8] = oe(" Центр: ")),
+              l("b", null, F(v.value.center.lat.toFixed(5)) + ", " + F(v.value.center.lng.toFixed(5)), 1)
             ]),
-            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] = [
+            v.value.areaKm2 !== null ? (i(), u("div", Dr, [
+              $[9] || ($[9] = oe(" Площа: ")),
+              l("b", null, F(v.value.areaKm2.toFixed(1)) + "км²", 1)
+            ])) : (i(), u("div", Ur, $[10] || ($[10] = [
               oe(" Площа: "),
-              t("b", null, "—", -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] = (O) => E())
+            }, $[11] || ($[11] = [
+              ae('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-3 h-3" data-v-55d330eb><path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" data-v-55d330eb></path><path d="M7 10l6 0" data-v-55d330eb></path><path d="M10 7l0 6" data-v-55d330eb></path><path d="M21 21l-6 -6" data-v-55d330eb></path></svg>', 1)
             ])),
-            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] = (O) => Q())
             }, [
               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 = {
+}), Rr = /* @__PURE__ */ R(Tr, [["__scopeId", "data-v-55d330eb"]]), Pr = ["data-focus"], Nr = { class: "flex items-center" }, Hr = { class: "overflow-hidden text-ellipsis whitespace-nowrap rounded-sm text-[#333] text-[85%] px-0.5 py-[3px] pl-1.5 box-border" }, qr = ["onClick", "aria-label"], Gr = {
   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({
+}, Jr = { class: "flex-1 min-w-[2px]" }, Kr = ["placeholder"], Zr = { class: "flex items-center shrink-0" }, Wr = ["disabled"], Qr = /* @__PURE__ */ A({
   __name: "vs-input-tag",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ Z({
     unique: { type: Boolean, default: !0 },
     style: { default: () => ({}) },
     customClass: { default: "" },
@@ -3353,18 +3362,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__ */ Z(["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;
+    he(t.style);
+    const s = k(null), a = k(null), r = k(null), d = k(!1), p = k(""), f = W(o, "modelValue"), c = D(() => t.placeholder || "Add tag…"), g = D(() => f.value?.length === 0 && p.value === ""), v = D(() => !t.disabled && f.value?.length > 0), M = D(() => t.disabled), I = async () => {
+      M.value || await Ce(() => r.value?.focus());
+    }, U = (C) => {
       const m = C.trim();
-      m !== "" && (!f.value || !Array.isArray(f.value) ? f.value = [m] : 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() !== "" && U(C), p.value = "";
     }, P = (C) => {
       const m = f.value.slice();
       m.splice(C, 1), n("update:modelValue", m);
@@ -3374,24 +3383,24 @@ const es = /* @__PURE__ */ R(Qr, [["render", Yr]]), ts = { class: "form-geom__se
       M.value || (d.value = !0);
     }, h = () => {
       d.value = !1;
-    }, J = (C) => {
+    }, G = (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",
       ref_key: "root",
-      ref: r,
-      onClick: m[1] || (m[1] = re(() => {
+      ref: s,
+      onClick: m[1] || (m[1] = se(() => {
       }, ["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,25 +3409,25 @@ 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
           }, [
-            (i(!0), u(Q, null, Y(f.value, (V, z) => (i(), u("div", {
-              key: z,
+            (i(!0), u(K, null, Y(f.value, (V, E) => (i(), u("div", {
+              key: E,
               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", Nr, [
+                l("div", Hr, F(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: se((Q) => P(E), ["stop"]),
                 "aria-label": `Remove ${V}`
               }, m[2] || (m[2] = [
-                t("svg", {
+                l("svg", {
                   height: "14",
                   width: "14",
                   viewBox: "0 0 20 20",
@@ -3426,16 +3435,16 @@ 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, qr)
             ]))), 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", Gr, F(c.value), 1)) : B("", !0),
+            l("div", Jr, [
+              M.value ? B("", !0) : q((i(), u("input", {
                 key: 0,
                 ref_key: "inputRef",
-                ref: s,
+                ref: r,
                 class: "pl-2 w-full bg-transparent outline-none border-0 m-0 p-0 text-gray-900",
                 autocapitalize: "none",
                 autocomplete: "off",
@@ -3447,58 +3456,58 @@ const es = /* @__PURE__ */ R(Qr, [["render", Yr]]), ts = { class: "form-geom__se
                 "onUpdate:modelValue": m[0] || (m[0] = (V) => p.value = V),
                 onFocus: x,
                 onBlur: h,
-                onKeydown: J,
+                onKeydown: G,
                 placeholder: f.value && f.value.length ? "" : void 0
-              }, null, 40, Ys)), [
-                [ne, p.value]
+              }, null, 40, Kr)), [
+                [ie, p.value]
               ])
             ])
           ], 512),
-          t("div", en, [
+          l("div", Zr, [
             v.value ? (i(), u("button", {
               key: 0,
               type: "button",
               class: "px-2 text-gray-400 hover:text-gray-500 transition-colors disabled:opacity-50",
               "aria-label": "Clear all tags",
               disabled: M.value,
-              onClick: re(_, ["stop"])
+              onClick: se(_, ["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, Wr)) : B("", !0)
           ])
-        ], 10, Js)
+        ], 10, Pr)
       ], 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,
-  "vs-input-switcher": lt,
-  "vs-input-static": qe,
+}), Xr = {
+  VsInputText: Ge,
+  VsInputRadio: Ke,
+  "vs-input-text": Ge,
+  "vs-input-textarea": La,
+  "vs-input-mask": rl,
+  "vs-input-number": Bt,
+  "vs-input-radio": Ke,
+  "vs-input-select": Ca,
+  "vs-input-switcher": ot,
+  "vs-input-static": Je,
   "vs-input-container": na,
   "vs-input-date": xl,
   "vs-input-checkbox": bl,
-  "vs-input-file": ro,
-  "vs-input-html": qe,
+  "vs-input-file": so,
+  "vs-input-html": Je,
   "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-datatable": Ls,
+  "vs-input-map": Rr,
+  "vs-input-file-list": Fo,
+  "vs-input-tag": Qr
+}, Yr = /* @__PURE__ */ A({
   __name: "behavior",
   props: {
     api: {},
@@ -3508,31 +3517,31 @@ 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);
+        const s = e.api.replace("{{value}}", e.value), a = await fetch(s);
         if (!a.ok) {
-          pe({ type: "warning", title: "Validation", message: "При спробі завантажити дані виникла помилка." });
+          fe({ type: "warning", title: "Validation", message: "При спробі завантажити дані виникла помилка." });
           return;
         }
-        const s = await a.json();
-        if (!e.set || !l) return;
+        const r = await a.json();
+        if (!e.set || !t) return;
         for (const [d, p] of Object.entries(e.set))
-          l.value[d] = s.result[p];
-      } catch (r) {
-        console.error(e.error, r);
+          t.value[d] = r.result[p];
+      } catch (s) {
+        console.error(e.error, s);
       }
     }
-    return (r, a) => (i(), u("button", {
+    return (s, a) => (i(), u("button", {
       onClick: n,
       class: "vs-button relative inline-flex border-solid justify-center items-center gap-2 rounded-md font-semibold focus:outline-none text-sm transition-all border !border-gray-200 hover:text-white bg-white text-blue-500 hover:border-blue-500 hover:bg-blue-500 focus:ring-blue-500 py-1.5 px-5 focus:ring-1 focus:ring-offset-1 ml-0 md:ml-2 mt-2 md:mt-0 py-[8px] md:w-2/4 whitespace-nowrap w-full"
-    }, E(r.button), 1));
+    }, F(s.button), 1));
   }
-}), rn = { class: "flex w-full" }, rt = /* @__PURE__ */ A({
+}), en = { class: "flex w-full" }, rt = /* @__PURE__ */ A({
   __name: "vs-compact-form-layout",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ Z({
     item: { default: {} },
     layout: { default: "default" },
     style: { default: {} },
@@ -3544,55 +3553,55 @@ 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 = W(o, "modelValue"), n = D(() => Lt[`${e.layout}`]), s = D(() => Xr?.[`vs-input-${e.item.type}`]), a = D(() => {
+      const d = H(s);
       if (!d) return /* @__PURE__ */ new Set();
       const p = d.props ?? d.__vccOpts?.props;
       if (!p) return /* @__PURE__ */ new Set();
       const f = Array.isArray(p) ? p : Object.keys(p);
       return new Set(f);
-    }), s = D(() => {
+    }), r = D(() => {
       const d = e.item ?? {}, p = a.value;
       return p.size ? Object.fromEntries(Object.entries(d).filter(([f]) => p.has(f))) : {};
     });
-    return (d, p) => (i(), X(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)
+        l("div", en, [
+          (i(), X(we(s.value), Ve(r.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(Yr, Ve({ key: 0 }, d.item.behavior, { value: t.value }), null, 16, ["value"])) : B("", !0)
         ])
       ]),
       _: 1
     }, 8, ["ua", "error", "item", "label"]));
   }
-}), st = {
+}), nt = {
   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) => {
+}, tn = (o) => o ? !1 : nt.required, ln = (o) => !o && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(o) ? nt.email : !1, on = (o, e) => {
+  const t = e.pattern ?? e.regexp;
+  return !(typeof t == "string" ? new RegExp(t) : t).test(o) && o ? e.message : !1;
+}, an = (o, e) => !1, sn = (o, e) => {
   switch (typeof e == "string" ? e : e.type) {
     case "required":
-      return sn(o);
+      return tn(o);
     case "email":
-      return nn(o);
+      return ln(o);
     case "regexp":
-      return un(o, e);
+      return on(o, e);
     case "custom":
-      return dn();
+      return an();
     default:
       return !1;
   }
-}, pn = {
+}, rn = {
   autocomplete: "select",
   combobox: "select",
   datepicker: "date",
@@ -3604,63 +3613,63 @@ const es = /* @__PURE__ */ R(Qr, [["render", Yr]]), ts = { class: "form-geom__se
   file: "file"
   // mask: 'text',
 };
-function We(o) {
+function Xe(o) {
   const e = o.toLowerCase();
-  return pn[e] || e;
+  return rn[e] || e;
 }
-function fn(o) {
+function nn(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;
+      const s = { ...n };
+      s.name = (n.name || n.id || n.key || "").toString(), s.type = Xe(n.type), s.label = n.label || n.ua, s.rules = n.rules || n.validators, n.data && (s.api = `/api/suggest/${n.data}`), t.push(s);
+    }), t;
   }
   const e = [];
-  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: Xe(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 r(p) {
+function un(o, e) {
+  const t = nn(e), n = k({});
+  function s(p) {
     const f = p?.conditions;
     if (!f) return !0;
     const c = Array.isArray(f) ? f[0] : f, g = o?.value?.[c];
-    return at(g, f);
+    return st(g, f);
   }
-  const a = (p = l, f = !0) => (p.forEach((c) => {
+  const a = (p = t, f = !0) => (p.forEach((c) => {
     if (c.rules) {
-      if (!r(c)) {
+      if (!s(c)) {
         delete n.value[c.name];
         return;
       }
       c.rules.forEach((g) => {
-        const v = cn(o.value[c.name], g);
+        const v = sn(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), r = D(() => t?.filter((p) => s(p)));
   return {
     errors: n,
     validate: a,
     reset: () => {
       o.value = {}, n.value = {};
     },
-    visibleSchema: s
+    visibleSchema: r
   };
 }
-const Oe = /* @__PURE__ */ A({
+const Ee = /* @__PURE__ */ A({
   __name: "vs-compact-form",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ Z({
     schema: { default: () => [] },
     style: { default: () => ({}) },
     modelValue: {},
@@ -3672,74 +3681,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__ */ Z(["handle-submit", "update:modelValue"], ["update:form", "update:values"]),
+  setup(o, { expose: e, emit: t }) {
+    const n = t, s = o, a = W(o, "form"), r = W(o, "values"), {
       errors: d,
       validate: p,
       reset: f,
       visibleSchema: c
-    } = vn(s, r.schema), g = () => {
-      n("update:modelValue", s.value), p(), n("handle-submit", s.value);
+    } = un(r, s.schema), g = () => {
+      n("update:modelValue", r.value), p(), n("handle-submit", r.value);
     };
     e({
       validate: p,
       reset: f,
       errors: d
-    }), ue(() => {
-      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;
+    }), ne(() => {
+      s.modelValue && (r.value = s.modelValue), a.value.value = r.value, a.value.errors = d.value, a.value.reset = f, a.value.validate = p, a.value.formId = s.formId;
     });
     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 U = Object.keys(M), T = Object.keys(I);
+      return U.length !== T.length ? !1 : U.every((P) => M[P] === I[P]);
     }
-    return Ne("form", a), Ne("values", s), (M, I) => (i(), u("form", {
-      onSubmit: re(g, ["prevent"]),
-      class: B(["grid grid-cols-12", M.layout === "default" ? "gap-6" : "gap-4"])
+    return He("form", a), He("values", r), (M, I) => (i(), u("form", {
+      onSubmit: se(g, ["prevent"]),
+      class: S(["grid grid-cols-12", M.layout === "default" ? "gap-6" : "gap-4"])
     }, [
-      (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(K, null, Y(H(c), (U) => (i(), X(rt, {
+        key: U.name,
+        class: S(M.layout === "horizontal" ? "col-span-12" : `col-span-${U.col || 12} `),
+        style: ve(M.style),
+        item: U,
         layout: M.layout,
-        "model-value": s.value[F.name],
-        "onUpdate:modelValue": (U) => {
-          const P = s.value[F.name];
-          v(P, U) || (s.value[F.name] = U);
+        "model-value": r.value[U.name],
+        "onUpdate:modelValue": (T) => {
+          const P = r.value[U.name];
+          v(P, T) || (r.value[U.name] = T);
         },
-        error: H(d)[F.name]
+        error: H(d)[U.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 = {});
+Ee.install = function(e) {
+  e.component("VForm", Ee), Object.assign(e.config.globalProperties, {
+    $form: Le
+  }), e.provide("form", Le), window.v3plugin || (window.v3plugin = {});
 };
 export {
-  va as ModalEdit,
-  Oe as VForm,
+  ua as ModalEdit,
+  Ee 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,
-  lt as VsInputSwitcher,
-  ln as VsInputTag,
-  He as VsInputText,
-  Ia as VsInputTextarea,
-  Oe as default,
-  on as inputs,
-  Ir as vsInputDatatable,
-  Gs as vsInputMap
+  so as VsInputFile,
+  Fo as VsInputFileList,
+  rl as VsInputMask,
+  Bt as VsInputNumber,
+  Ke as VsInputRadio,
+  Ca as VsInputSelect,
+  Je as VsInputStatic,
+  ot as VsInputSwitcher,
+  Qr as VsInputTag,
+  Ge as VsInputText,
+  La as VsInputTextarea,
+  Ee as default,
+  Xr as inputs,
+  Ls as vsInputDatatable,
+  Rr as vsInputMap
 };