npm - @opengis/form - Versions diffs - 0.0.20 → 0.0.22 - Mend

@opengis/form 0.0.20 → 0.0.22

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

Files changed (13) hide show

package/dist/components/inputs/base/vs-input-mask.vue.d.ts.map +1 -1
package/dist/components/inputs/date/vs-input-date.vue.d.ts.map +1 -1
package/dist/components/inputs/vs-input-select.vue.d.ts.map +1 -1
package/dist/components/layouts/vs-layout-default.vue.d.ts.map +1 -1
package/dist/components/modal/modal-edit.vue.d.ts.map +1 -1
package/dist/index.css +1 -1
package/dist/index.js +1095 -1130
package/dist/index.umd.cjs +2 -2
package/dist/plugin/form-plugin.d.ts +1 -1
package/dist/plugin/form-plugin.d.ts.map +1 -1
package/package.json +1 -1
package/dist/components/ui/vs-popover.vue.d.ts +0 -89
package/dist/components/ui/vs-popover.vue.d.ts.map +0 -1

package/dist/index.js CHANGED Viewed

@@ -1,15 +1,15 @@
-import { defineComponent as A, ref as k, onMounted as ne, onUnmounted as Fe, createElementBlock as u, openBlock as i, createCommentVNode as B, renderSlot as he, createElementVNode as l, toDisplayString as E, normalizeProps as Oe, guardReactiveProps as De, createTextVNode as oe, computed as O, mergeModels as K, useModel as Z, withDirectives as G, normalizeClass as S, unref as q, vModelText as ie, vModelCheckbox as Xe, createVNode as j, createBlock as X, resolveDynamicComponent as we, normalizeStyle as me, withCtx as Le, withModifiers as re, onBeforeUnmount as ut, watch as se, createStaticVNode as ae, vModelRadio as Ye, Fragment as Q, renderList as Y, mergeProps as Ve, reactive as dt, vShow as Ue, inject as Be, resolveComponent as Ne, Transition as et, createApp as ct, h as pt, resolveDirective as ft, nextTick as Ce, Teleport as vt, provide as He } from "vue";
-import { notify as ve } from "@opengis/core";
-const mt = { class: "w-full relative" }, ht = {
+import { defineComponent as 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"
-}, gt = {
+}, mt = { class: "opacity-100" }, ht = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, bt = {
+}, gt = {
   key: 1,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, yt = /* @__PURE__ */ A({
+}, bt = /* @__PURE__ */ A({
   __name: "vs-layout-default",
   props: {
     ua: { default: "" },
@@ -30,25 +30,27 @@ const mt = { class: "w-full relative" }, ht = {
       e.value = localStorage.locale, window.addEventListener("storage", t);
     }), Fe(() => {
       window.removeEventListener("resize", t);
-    }), (n, r) => (i(), u("div", mt, [
-      n.ua || n.label ? (i(), u("div", ht, [
-        l("span", null, E(n.item[e.value] || n.ua || n.label), 1),
-        n.item?.rules?.includes("required") ? (i(), u("span", gt, "*")) : B("", !0)
+    }), (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),
-      he(n.$slots, "default", Oe(De(n.$attrs))),
-      n.error ? (i(), u("span", bt, E(n.error), 1)) : B("", !0)
-    ]));
+      me(n.$slots, "default", Oe(De(n.$attrs))),
+      n.error ? (i(), u("span", gt, F(n.error), 1)) : B("", !0)
+    ], 2));
   }
-}), xt = { class: "w-full relative flex flex-row items-center gap-2" }, wt = {
+}), yt = { class: "w-full relative flex flex-row items-center gap-2" }, xt = {
   key: 0,
   class: "text-sm text-gray-900 font-medium flex shrink-0 w-3/12 max-w-[250px]"
-}, kt = {
+}, wt = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, _t = {
+}, kt = {
   key: 1,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, $t = /* @__PURE__ */ A({
+}, _t = /* @__PURE__ */ A({
   __name: "vs-layout-horizontal",
   props: {
     ua: { default: "" },
@@ -62,19 +64,19 @@ const mt = { class: "w-full relative" }, ht = {
     label: { default: "" }
   },
   setup(o) {
-    return (e, t) => (i(), u("div", xt, [
-      e.item?.type !== "html" ? (i(), u("span", wt, [
-        oe(E(e.ua || e.label) + " ", 1),
-        e.item?.rules?.includes("required") && (e.ua || e.label) ? (i(), u("span", kt, "*")) : B("", !0)
+    return (e, t) => (i(), u("div", yt, [
+      e.item?.type !== "html" ? (i(), u("span", xt, [
+        oe(F(e.ua || e.label) + " ", 1),
+        e.item?.rules?.includes("required") && (e.ua || e.label) ? (i(), u("span", wt, "*")) : B("", !0)
       ])) : B("", !0),
-      he(e.$slots, "default", Oe(De(e.$attrs))),
-      e.error ? (i(), u("span", _t, E(e.error), 1)) : B("", !0)
+      me(e.$slots, "default", Oe(De(e.$attrs))),
+      e.error ? (i(), u("span", kt, F(e.error), 1)) : B("", !0)
     ]));
   }
-}), Ct = { class: "w-full relative" }, Vt = {
+}), $t = { class: "w-full relative" }, Ct = {
   key: 0,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, Mt = /* @__PURE__ */ A({
+}, Vt = /* @__PURE__ */ A({
   __name: "vs-layout-inline",
   props: {
     ua: { default: "" },
@@ -88,27 +90,27 @@ const mt = { class: "w-full relative" }, ht = {
     label: { default: "" }
   },
   setup(o) {
-    return (e, t) => (i(), u("div", Ct, [
-      he(e.$slots, "default", Oe(De(e.$attrs))),
-      e.error ? (i(), u("span", Vt, E(e.error), 1)) : B("", !0)
+    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)
     ]));
   }
 }), Lt = {
-  default: yt,
-  horizontal: $t,
-  inline: Mt
+  default: bt,
+  horizontal: _t,
+  inline: Vt
 };
-function ge(o) {
+function he(o) {
   return {
-    inputClass: O(() => {
+    inputClass: D(() => {
       const t = `disabled:opacity-50 disabled:cursor-not-allowed outline-none focus:ring-2 focus:ring-ring focus:ring-${o?.primaryColor || "blue"}-500 border border-solid border-stone-200 rounded-md text-sm text-stone-800 placeholder:text-stone-400 `;
       return o?.size === "sm" ? `${t}h-[32px]` : `${t}h-[38px]`;
     })
   };
 }
-const St = ["placeholder", "disabled"], qe = /* @__PURE__ */ A({
+const Mt = ["placeholder", "disabled"], Ge = /* @__PURE__ */ A({
   __name: "vs-input-text",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ Z({
     style: { default: () => ({}) },
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -122,23 +124,23 @@ const St = ["placeholder", "disabled"], qe = /* @__PURE__ */ A({
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = ge(e.style), n = Z(o, "modelValue");
-    return (r, a) => G((i(), u("input", {
+    const e = o, { inputClass: t } = 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: S(["py-1.5 px-3 block w-full placeholder:text[#767f8f]", [q(t), { "!border-red-600": r.error }]]),
+      "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
+      placeholder: s.placeholder,
+      disabled: s.disabled,
+      class: 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, St)), [
+    }, null, 10, Mt)), [
       [ie, n.value]
     ]);
   }
-}), Bt = ["placeholder"], jt = /* @__PURE__ */ A({
+}), St = ["placeholder"], Bt = /* @__PURE__ */ A({
   __name: "vs-input-number",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ Z({
     style: { default: () => ({}) },
     customClass: {},
     disabled: { type: Boolean },
@@ -152,26 +154,26 @@ const St = ["placeholder", "disabled"], qe = /* @__PURE__ */ A({
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = ge(e.style), n = Z(o, "modelValue");
-    return (r, a) => G((i(), u("input", {
+    const e = o, { inputClass: t } = 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: S(["py-1.5 px-3 block w-full", [q(t)]]),
+      "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
+      placeholder: s.placeholder,
+      class: S(["py-1.5 px-3 block w-full", [H(t)]]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, Bt)), [
+    }, null, 10, St)), [
       [ie, n.value]
     ]);
   }
 }), R = (o, e) => {
   const t = o.__vccOpts || o;
-  for (const [n, r] of e)
-    t[n] = r;
+  for (const [n, s] of e)
+    t[n] = s;
   return t;
-}, It = {}, At = {
+}, jt = {}, It = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -182,7 +184,7 @@ const St = ["placeholder", "disabled"], qe = /* @__PURE__ */ A({
   class: "icon icon-tabler icons-tabler-outline icon-tabler-check"
 };
 function zt(o, e) {
-  return i(), u("svg", At, e[0] || (e[0] = [
+  return i(), u("svg", It, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -191,7 +193,7 @@ function zt(o, e) {
     l("path", { d: "M5 12l5 5l10 -10" }, null, -1)
   ]));
 }
-const Et = /* @__PURE__ */ R(It, [["render", zt]]), Ft = { class: "flex items-center gap-[4px]" }, Ot = ["value", "id", "disabled"], Dt = ["for"], Ut = { class: "text-[14px] text-gray-700 flex items-center gap-x-1 ml-1 dark:text-neutral-400" }, Tt = /* @__PURE__ */ A({
+const 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: "" },
@@ -204,45 +206,45 @@ const Et = /* @__PURE__ */ R(It, [["render", zt]]), Ft = { class: "flex items-ce
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = e, n = o, r = O({
+    const t = e, n = o, s = D({
       get: () => n.modelValue,
       set: (a) => t("update:modelValue", a)
     });
-    return (a, s) => (i(), u("div", Ft, [
-      G(l("input", {
+    return (a, r) => (i(), u("div", Et, [
+      q(l("input", {
         type: "checkbox",
         value: a.value,
-        "onUpdate:modelValue": s[0] || (s[0] = (d) => r.value = d),
+        "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, Ot), [
-        [Xe, r.value]
+      }, null, 10, Ft), [
+        [Ye, s.value]
       ]),
       l("label", {
         for: a.id,
         class: S(["flex flex-1 checkbox-label items-center gap-x-2 cursor-pointer text-sm text-gray-800 dark:text-neutral-300", { "!cursor-not-allowed": a.disabled }])
       }, [
         l("div", {
-          class: S(["h-[16px] text-white w-[16px] flex items-center justify-center shrink-0 border rounded", [r.value ? "bg-blue-600 border-blue-600" : "bg-white border-gray-600", a.error ? "border-red-600" : ""]])
+          class: 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(Et, {
+          j(At, {
             height: "12",
             width: "12"
           })
         ], 2),
-        l("span", Ut, [
-          he(a.$slots, "default", {}, () => [
-            oe(E(a.label), 1)
+        l("span", Dt, [
+          me(a.$slots, "default", {}, () => [
+            oe(F(a.label), 1)
           ])
         ])
-      ], 10, Dt)
+      ], 10, Ot)
     ]));
   }
-}), Rt = ["name", "value", "disabled"], Pt = { class: "flex items-center gap-[6px] text-[14px]" }, Nt = {
+}), Tt = ["name", "value", "disabled"], Rt = { class: "flex items-center gap-[6px] text-[14px]" }, Pt = {
   key: 0,
   class: "text-[16px]"
-}, Ht = ["src"], qt = /* @__PURE__ */ A({
+}, Nt = ["src"], Ht = /* @__PURE__ */ A({
   __name: "vs-checkbox-buttons",
   props: {
     value: { type: [String, Number, Boolean], default: "" },
@@ -256,27 +258,27 @@ const Et = /* @__PURE__ */ R(It, [["render", zt]]), Ft = { class: "flex items-ce
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, n = e, r = O({
+    const t = o, n = e, s = D({
       get: () => t.modelValue,
       set: (d) => {
         n("update:modelValue", d);
       }
-    }), a = O(() => Array.isArray(r.value) ? r.value.includes(t.value) : r.value === !0 || r.value === t.value), s = O(() => t.style?.size === "xs" ? "p-1.5 text-xs" : t.style?.size === "lg" ? "p-3.5 text-[20px]" : "p-2.5 text-xs");
+    }), a = D(() => Array.isArray(s.value) ? s.value.includes(t.value) : s.value === !0 || s.value === t.value), r = D(() => t.style?.size === "xs" ? "p-1.5 text-xs" : t.style?.size === "lg" ? "p-3.5 text-[20px]" : "p-2.5 text-xs");
     return (d, p) => (i(), u("label", {
-      class: S(["group relative flex justify-center items-center gap-x-3 text-center bg-white text-gray-800 ring-ring ring-2 cursor-pointer rounded-lg", [s.value, a.value ? "ring-blue-500" : "border border-gray-200 ring-transparent"]])
+      class: 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"]])
     }, [
-      G(l("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, Rt), [
-        [Xe, r.value]
+      }, null, 8, Tt), [
+        [Ye, s.value]
       ]),
-      l("span", Pt, [
-        d.icon || d.imgUrl ? (i(), u("span", Nt, [
+      l("span", Rt, [
+        d.icon || d.imgUrl ? (i(), u("span", Pt, [
           d.icon ? (i(), u("i", {
             key: 0,
             class: S(d.icon)
@@ -287,15 +289,15 @@ const Et = /* @__PURE__ */ R(It, [["render", zt]]), Ft = { class: "flex items-ce
             width: "16",
             height: "16",
             alt: "icon"
-          }, null, 8, Ht)) : B("", !0)
+          }, null, 8, Nt)) : B("", !0)
         ])) : B("", !0),
-        he(d.$slots, "default", {}, () => [
-          oe(E(d.label), 1)
+        me(d.$slots, "default", {}, () => [
+          oe(F(d.label), 1)
         ])
       ])
     ], 2));
   }
-}), Gt = { class: "flex items-center" }, tt = /* @__PURE__ */ A({
+}), qt = { class: "flex items-center" }, lt = /* @__PURE__ */ A({
   __name: "vs-input-checkbox-item",
   props: {
     value: { default: "" },
@@ -312,7 +314,7 @@ const Et = /* @__PURE__ */ R(It, [["render", zt]]), Ft = { class: "flex items-ce
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, n = e, r = `radio-${Math.floor(Math.random() * 1e4)}`, a = O({
+    const t = o, n = e, s = `radio-${Math.floor(Math.random() * 1e4)}`, a = D({
       get: () => Array.isArray(t.modelValue) ? Array.isArray(t.modelValue) && t.modelValue.includes(t.value) : t.modelValue,
       set: (d) => {
         if (Array.isArray(t.modelValue)) {
@@ -321,29 +323,29 @@ const Et = /* @__PURE__ */ R(It, [["render", zt]]), Ft = { class: "flex items-ce
         } else
           n("update:modelValue", d);
       }
-    }), s = k(`vs-checkbox-${t.view || "default"}`);
-    return (d, p) => (i(), u("div", Gt, [
-      (i(), X(we(s.value === "vs-checkbox-buttons" ? q(qt) : q(Tt)), {
+    }), r = k(`vs-checkbox-${t.view || "default"}`);
+    return (d, p) => (i(), u("div", qt, [
+      (i(), X(we(r.value === "vs-checkbox-buttons" ? H(Ht) : H(Ut)), {
         value: d.value,
         label: d.label,
         info: d.option?.info,
         disabled: d.disabled,
         modelValue: a.value,
         "onUpdate:modelValue": p[0] || (p[0] = (f) => a.value = f),
-        id: r,
+        id: s,
         icon: d.icon,
         imgUrl: d.imgUrl,
-        style: me(d.style),
+        style: ve(d.style),
         error: d.error
       }, {
-        default: Le(() => [
-          oe(E(d.label), 1)
+        default: Me(() => [
+          oe(F(d.label), 1)
         ]),
         _: 1
       }, 8, ["value", "label", "info", "disabled", "modelValue", "icon", "imgUrl", "style", "error"]))
     ]));
   }
-}), Jt = {}, Kt = {
+}), Gt = {}, Jt = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -353,8 +355,8 @@ const Et = /* @__PURE__ */ R(It, [["render", zt]]), Ft = { class: "flex items-ce
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down"
 };
-function Zt(o, e) {
-  return i(), u("svg", Kt, e[0] || (e[0] = [
+function Kt(o, e) {
+  return i(), u("svg", Jt, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -363,7 +365,7 @@ function Zt(o, e) {
     l("path", { d: "M6 9l6 6l6 -6" }, null, -1)
   ]));
 }
-const Wt = /* @__PURE__ */ R(Jt, [["render", Zt]]), Qt = {}, Xt = {
+const Zt = /* @__PURE__ */ R(Gt, [["render", Kt]]), Wt = {}, Qt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -374,8 +376,8 @@ const Wt = /* @__PURE__ */ R(Jt, [["render", Zt]]), Qt = {}, Xt = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Yt(o, e) {
-  return i(), u("svg", Xt, e[0] || (e[0] = [
+function Xt(o, e) {
+  return i(), u("svg", Qt, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -386,15 +388,15 @@ function Yt(o, e) {
     l("path", { d: "M12 3c7.2 0 9 1.8 9 9s-1.8 9 -9 9s-9 -1.8 -9 -9s1.8 -9 9 -9z" }, null, -1)
   ]));
 }
-const el = /* @__PURE__ */ R(Qt, [["render", Yt]]), tl = {
+const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
   key: 0,
   class: "flex items-start gap-x-1"
-}, ll = {
+}, tl = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, ol = ["title"], al = ["disabled"], lt = /* @__PURE__ */ A({
+}, ll = ["title"], ol = ["disabled"], ot = /* @__PURE__ */ A({
   __name: "vs-input-switcher",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ Z({
     rules: { default: () => [] },
     view: { default: "checkbox" },
     label: { default: "" },
@@ -413,38 +415,38 @@ const el = /* @__PURE__ */ R(Qt, [["render", Yt]]), tl = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = Z(o, "modelValue");
-    return (n, r) => e.view === "checkbox" ? (i(), u("div", tl, [
-      j(tt, {
+    const e = o, t = W(o, "modelValue");
+    return (n, s) => e.view === "checkbox" ? (i(), u("div", el, [
+      j(lt, {
         modelValue: t.value,
-        "onUpdate:modelValue": r[0] || (r[0] = (a) => t.value = a),
+        "onUpdate:modelValue": s[0] || (s[0] = (a) => t.value = a),
         label: n.text,
         error: n.error || ""
       }, null, 8, ["modelValue", "label", "error"]),
-      n.rules?.includes("required") ? (i(), u("span", ll, "*")) : B("", !0),
+      n.rules?.includes("required") ? (i(), u("span", 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(q(el), { class: "text-gray-500 w-[14px] h-[14px]" })
-      ], 8, ol)) : B("", !0)
+        j(H(Yt), { class: "text-gray-500 w-[14px] h-[14px]" })
+      ], 8, ll)) : B("", !0)
     ])) : (i(), u("button", {
       key: 1,
       type: "button",
       class: S(["inline-flex h-5 w-9 shrink-0 px-[2px] cursor-pointer items-center rounded-full shadow-sm disabled:cursor-not-allowed disabled:opacity-50", [t.value ? `bg-${n.style?.primaryColor || "blue"}-500` : "bg-stone-200", n.customClass]]),
       disabled: n.disabled,
-      onClick: r[2] || (r[2] = (a) => t.value = !t.value)
+      onClick: s[2] || (s[2] = (a) => t.value = !t.value)
     }, [
       l("span", {
         "data-state": "checked",
         class: S(["pointer-events-none block h-4 w-4 rounded-full bg-white shadow-lg ring-0 transition-transform", [t.value ? "translate-x-4" : "translate-x-0"]])
       }, null, 2)
-    ], 10, al));
+    ], 10, ol));
   }
-}), rl = ["innerHTML"], Ge = /* @__PURE__ */ A({
+}), al = ["innerHTML"], Je = /* @__PURE__ */ A({
   __name: "vs-input-static",
   props: {
     text: { default: "" },
@@ -461,11 +463,11 @@ const el = /* @__PURE__ */ R(Qt, [["render", Yt]]), tl = {
     return (e, t) => (i(), u("div", {
       class: S(e.customClass),
       innerHTML: e.html ? e.html : e.text
-    }, null, 10, rl));
+    }, null, 10, al));
   }
-}), sl = ["placeholder", "disabled", "name"], nl = /* @__PURE__ */ A({
+}), sl = ["placeholder", "disabled", "name"], rl = /* @__PURE__ */ A({
   __name: "vs-input-mask",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ Z({
     name: {},
     mask: { default: "" },
     unmask: { type: Boolean, default: !1 },
@@ -481,55 +483,54 @@ const el = /* @__PURE__ */ R(Qt, [["render", Yt]]), tl = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = ge(e.style), n = Z(o, "modelValue"), r = k(null);
+    const e = o, { inputClass: t } = he(e.style), n = W(o, "modelValue"), s = k(null);
     let a = null;
     return ne(async () => {
-      if (r.value) {
-        const { default: s } = await import("./index-W-qQIppj.js");
-        a = s(r.value, {
+      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: S(["py-1.5 px-3 block w-full placeholder:text[#767f8f]", [q(t)]]),
+      ref: s,
+      placeholder: r.placeholder,
+      disabled: r.disabled,
+      name: r.name,
+      class: S(["py-1.5 px-3 block w-full placeholder:text[#767f8f]", [H(t)]]),
       style: {
         border: "1px solid #CFD9E0"
       }
     }, null, 10, sl));
   }
-}), il = { class: "relative w-full bg-white rounded-lg" }, ul = ["placeholder", "disabled"], dl = /* @__PURE__ */ A({
+}), nl = { class: "relative w-full bg-white rounded-lg" }, il = ["placeholder", "disabled"], ul = /* @__PURE__ */ A({
   __name: "vs-input-email",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ Z({
     style: { default: () => ({}) },
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -543,26 +544,26 @@ const el = /* @__PURE__ */ R(Qt, [["render", Yt]]), tl = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = ge(e.style), n = Z(o, "modelValue");
-    return (r, a) => (i(), u("div", il, [
+    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)),
-      G(l("input", {
+      q(l("input", {
         type: "email",
-        "onUpdate:modelValue": a[0] || (a[0] = (s) => n.value = s),
-        placeholder: r.placeholder,
-        disabled: r.disabled,
-        class: S(["!pl-8 py-1.5 px-3 block w-full placeholder:text[#767f8f]", [q(t), { "!border-red-600": r.error }]]),
+        "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
+        placeholder: s.placeholder,
+        disabled: s.disabled,
+        class: 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, ul), [
+      }, null, 10, il), [
         [ie, n.value]
       ])
     ]));
   }
-}), cl = ["value", "disabled"], pl = { class: "text-[13px] text-gray-700" }, fl = /* @__PURE__ */ A({
+}), dl = ["value", "disabled"], cl = { class: "text-[13px] text-gray-700" }, pl = /* @__PURE__ */ A({
   __name: "vs-input-radio-default",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ Z({
     style: {},
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -578,18 +579,18 @@ const el = /* @__PURE__ */ R(Qt, [["render", Yt]]), tl = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = Z(o, "modelValue");
+    const e = W(o, "modelValue");
     return (t, n) => (i(), u("label", {
       class: S(["flex items-center gap-0", [t.customClass]])
     }, [
-      G(l("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: t.value,
         disabled: t.disabled,
         class: "hidden"
-      }, null, 8, cl), [
-        [Ye, e.value]
+      }, null, 8, dl), [
+        [et, e.value]
       ]),
       l("span", {
         class: S(["w-[16px] shrink-0 h-[16px] border rounded-full flex items-center justify-center mr-[10px]", [
@@ -602,12 +603,12 @@ const el = /* @__PURE__ */ R(Qt, [["render", Yt]]), tl = {
           class: S(["w-[12px] h-[12px] shrink-0 rounded-full", [`bg-${t.style?.primaryColor || "blue"}-500`]])
         }, null, 2)) : B("", !0)
       ], 2),
-      l("span", pl, E(t.text), 1)
+      l("span", cl, F(t.text), 1)
     ], 2));
   }
-}), vl = ["value", "disabled"], ml = { class: "text-[13px] text-gray-700" }, hl = /* @__PURE__ */ A({
+}), fl = ["value", "disabled"], vl = { class: "text-[13px] text-gray-700" }, ml = /* @__PURE__ */ A({
   __name: "vs-input-radio-buttons",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ Z({
     style: {},
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -623,31 +624,31 @@ const el = /* @__PURE__ */ R(Qt, [["render", Yt]]), tl = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = Z(o, "modelValue");
+    const e = 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
       ]])
     }, [
-      G(l("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: t.value,
         disabled: t.disabled,
         class: "hidden"
-      }, null, 8, vl), [
-        [Ye, e.value]
+      }, null, 8, fl), [
+        [et, e.value]
       ]),
-      l("span", ml, E(t.text), 1)
+      l("span", vl, F(t.text), 1)
     ], 2));
   }
-}), gl = {
-  "vs-input-radio-default": fl,
-  "vs-input-radio-buttons": hl
-}, Je = /* @__PURE__ */ A({
+}), hl = {
+  "vs-input-radio-default": pl,
+  "vs-input-radio-buttons": ml
+}, Ke = /* @__PURE__ */ A({
   __name: "vs-input-radio",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ Z({
     options: {},
     position: { default: "vertical" },
     view: { default: "default" },
@@ -664,21 +665,21 @@ const el = /* @__PURE__ */ R(Qt, [["render", Yt]]), tl = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = Z(o, "modelValue"), n = O(() => gl[`vs-input-radio-${e.view}`]);
-    return (r, a) => (i(), u("div", {
-      class: S([r.position === "horizontal" ? "flex items-center flex-wrap gap-2" : ""])
+    const e = o, t = 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(we(n.value), Ve({
-        key: s?.id,
-        text: s.text,
-        value: s.id.toString(),
-        checked: t.value === s.id,
+      (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 }, r.$attrs), null, 16, ["text", "value", "checked", "modelValue"]))), 128))
+      }, { ref_for: !0 }, s.$attrs), null, 16, ["text", "value", "checked", "modelValue"]))), 128))
     ], 2));
   }
-}), bl = /* @__PURE__ */ A({
+}), gl = /* @__PURE__ */ A({
   __name: "vs-input-checkbox",
   props: {
     options: { default: () => [] },
@@ -697,66 +698,66 @@ const el = /* @__PURE__ */ R(Qt, [["render", Yt]]), tl = {
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, n = e, r = k([]), a = dt({}), s = (c) => c?.value || c?.id || c?.text || c, d = (c) => c.text || String(c), p = (c) => `lg:col-span-${c || 12}`, f = async () => {
+    const t = o, n = e, s = 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/${t.data}`).then((g) => g.json());
-        r.value = c?.data || c;
+        s.value = c?.data || c;
       } catch (c) {
         console.error(c);
       }
     };
-    return se(
+    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 }
     ), ne(() => {
       if (t.data)
         f().then(() => {
-          if (typeof t.modelValue == "boolean" && r.value.length === 1) {
-            const c = s(r.value[0]);
+          if (typeof t.modelValue == "boolean" && s.value.length === 1) {
+            const c = r(s.value[0]);
             a[c] = t.modelValue;
           } else if (Array.isArray(t.modelValue)) {
             const c = new Set(t.modelValue);
-            r.value.forEach((g) => {
+            s.value.forEach((g) => {
               if (!g.disabled) {
-                const v = s(g);
+                const v = r(g);
                 a[v] = c.has(v);
               }
             });
           }
         });
-      else if (r.value = t.options, typeof t.modelValue == "boolean" && r.value.length === 1) {
-        const c = s(r.value[0]);
+      else if (s.value = t.options, typeof t.modelValue == "boolean" && s.value.length === 1) {
+        const c = r(s.value[0]);
         a[c] = t.modelValue;
       } else if (Array.isArray(t.modelValue)) {
         const c = new Set(t.modelValue);
-        r.value.forEach((g) => {
+        s.value.forEach((g) => {
           if (!g.disabled) {
-            const v = s(g);
+            const v = r(g);
             a[v] = c.has(v);
           }
         });
@@ -764,14 +765,14 @@ const el = /* @__PURE__ */ R(Qt, [["render", Yt]]), tl = {
     }), (c, g) => (i(), u("div", {
       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),
+      (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,
@@ -779,7 +780,7 @@ const el = /* @__PURE__ */ R(Qt, [["render", Yt]]), tl = {
       }, null, 8, ["modelValue", "onUpdate:modelValue", "value", "class", "disabled", "label", "icon", "imgUrl", "option", "view"]))), 128))
     ], 2));
   }
-}), yl = /* @__PURE__ */ R(bl, [["__scopeId", "data-v-54f9e19c"]]), xl = ["placeholder", "disabled"], wl = /* @__PURE__ */ A({
+}), bl = /* @__PURE__ */ R(gl, [["__scopeId", "data-v-91f3584a"]]), yl = ["placeholder", "disabled"], xl = /* @__PURE__ */ A({
   __name: "vs-input-date1",
   props: {
     style: { default: () => ({}) },
@@ -792,56 +793,56 @@ const el = /* @__PURE__ */ R(Qt, [["render", Yt]]), tl = {
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, { inputClass: n } = ge(t.style), r = e, a = O({
+    const t = o, { inputClass: n } = he(t.style), s = e, a = D({
       get: () => t.modelValue?.split(" ")[0],
-      set: (s) => r("update:modelValue", s)
+      set: (r) => s("update:modelValue", r)
     });
-    return (s, d) => G((i(), u("input", {
+    return (r, d) => q((i(), u("input", {
       type: "date",
       "onUpdate:modelValue": d[0] || (d[0] = (p) => a.value = p),
-      placeholder: s.placeholder,
-      disabled: s.disabled,
+      placeholder: r.placeholder,
+      disabled: r.disabled,
       ref: "date",
-      class: S(["py-1.5 px-3 block w-full placeholder:text[#767f8f]", [s.modelValue ? "" : "text-opacity-50", q(n)].join(" ")]),
+      class: 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, xl)), [
+    }, null, 10, yl)), [
       [ie, a.value]
     ]);
   }
-}), kl = async (o, e, t, n) => {
+}), wl = async (o, e, t, n) => {
   try {
-    const r = new FormData();
-    return r.append("unique", "true"), r.append("file", o), (await fetch(
+    const s = new FormData();
+    return s.append("unique", "true"), s.append("file", o), (await fetch(
       `/file/upload/uploads?id=${e || ""}&form=${t || ""}&table=${n || ""}`,
       {
         method: "POST",
-        body: r
+        body: s
       }
-    ).then((s) => s.json()))?.result;
-  } catch (r) {
-    return ve({
+    ).then((r) => r.json()))?.result;
+  } catch (s) {
+    return fe({
       type: "error",
       title: "Помилка!",
       message: "Сталась помилка під час завантаження файлу",
       position: "right-bottom"
-    }), console.error("Сталась помилка завантаження файлу", r), null;
+    }), console.error("Сталась помилка завантаження файлу", s), null;
   }
-}, _l = async (o) => {
+}, kl = async (o) => {
   try {
     return await fetch(`file/delete${o}`), !0;
   } catch (e) {
     return console.error(e), !1;
   }
-}, Ke = async (o) => {
+}, Ze = async (o) => {
   try {
-    const e = await fetch(`file/download/files/uploads${o}`), t = await e.arrayBuffer(), n = e.headers["content-type"], r = new TextDecoder("utf-8").decode(t), a = new Blob([r], { type: n }), s = document.createElement("a");
-    s.setAttribute("download", o), s.href = window.URL.createObjectURL(a), s.click();
+    const e = await fetch(`file/download/files/uploads${o}`), t = await e.arrayBuffer(), n = e.headers["content-type"], s = new TextDecoder("utf-8").decode(t), a = new Blob([s], { type: n }), r = document.createElement("a");
+    r.setAttribute("download", o), r.href = window.URL.createObjectURL(a), r.click();
   } catch (e) {
     console.error(e.message);
   }
-}, $l = {}, Cl = {
+}, _l = {}, $l = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -852,13 +853,13 @@ const el = /* @__PURE__ */ R(Qt, [["render", Yt]]), tl = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Vl(o, e) {
-  return i(), u("svg", Cl, e[0] || (e[0] = [
+function Cl(o, e) {
+  return i(), u("svg", $l, e[0] || (e[0] = [
     l("path", { d: "M5 12h14" }, null, -1),
     l("path", { d: "M12 5v14" }, null, -1)
   ]));
 }
-const je = /* @__PURE__ */ R($l, [["render", Vl]]), Ml = {}, Ll = {
+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",
@@ -870,12 +871,12 @@ const je = /* @__PURE__ */ R($l, [["render", Vl]]), Ml = {}, Ll = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Sl(o, e, t, n, r, a) {
+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(Ml, [["render", Sl]]), jl = {}, Il = {
+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",
@@ -887,8 +888,8 @@ const Bl = /* @__PURE__ */ R(Ml, [["render", Sl]]), jl = {}, Il = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Al(o, e, t, n, r, a) {
-  return i(), u("svg", Il, e[0] || (e[0] = [
+function Il(o, e, t, n, s, a) {
+  return i(), u("svg", jl, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -915,7 +916,7 @@ function Al(o, e, t, n, r, a) {
     }, null, -1)
   ]));
 }
-const zl = /* @__PURE__ */ R(jl, [["render", Al]]), El = {}, Fl = {
+const zl = /* @__PURE__ */ R(Bl, [["render", Il]]), Al = {}, El = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -927,12 +928,12 @@ const zl = /* @__PURE__ */ R(jl, [["render", Al]]), El = {}, Fl = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-file-unknown"
 };
-function Ol(o, e, t, n, r, a) {
-  return i(), u("svg", Fl, e[0] || (e[0] = [
+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 Dl = /* @__PURE__ */ R(El, [["render", Ol]]), Ul = {}, Tl = {
+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",
@@ -944,12 +945,12 @@ const Dl = /* @__PURE__ */ R(El, [["render", Ol]]), Ul = {}, Tl = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Rl(o, e, t, n, r, a) {
-  return i(), u("svg", Tl, e[0] || (e[0] = [
+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)
   ]));
 }
-const Pl = /* @__PURE__ */ R(Ul, [["render", Rl]]), Nl = {}, Hl = {
+const Rl = /* @__PURE__ */ R(Dl, [["render", Tl]]), Pl = {}, Nl = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-code",
   width: "44",
@@ -961,25 +962,25 @@ const Pl = /* @__PURE__ */ R(Ul, [["render", Rl]]), Nl = {}, Hl = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function ql(o, e, t, n, r, a) {
-  return i(), u("svg", Hl, e[0] || (e[0] = [
+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)
   ]));
 }
-const Gl = /* @__PURE__ */ R(Nl, [["render", ql]]), Jl = (o) => {
+const ql = /* @__PURE__ */ R(Pl, [["render", Hl]]), Gl = (o) => {
   if (!o) return "";
   const e = o?.split(".");
   return e[e.length - 1];
-}, Kl = (o) => {
-  const e = Jl(o), t = {
+}, Jl = (o) => {
+  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 t.imageFormat.includes(e) ? "img" : t.sheetsFormat.includes(e) ? zl : t.textsFormat.includes(e) ? Gl : t.documentsFormat.includes(e) ? Bl : t.archivesFormat.includes(e) ? Pl : Dl;
-}, Zl = {}, Wl = {
+  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",
   height: "24",
@@ -991,12 +992,12 @@ const Gl = /* @__PURE__ */ R(Nl, [["render", ql]]), Jl = (o) => {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-trash"
 };
-function Ql(o, e) {
-  return i(), u("svg", Wl, e[0] || (e[0] = [
+function Wl(o, e) {
+  return i(), u("svg", Zl, e[0] || (e[0] = [
     ae('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M4 7l16 0"></path><path d="M10 11l0 6"></path><path d="M14 11l0 6"></path><path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12"></path><path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3"></path>', 6)
   ]));
 }
-const Ie = /* @__PURE__ */ R(Zl, [["render", Ql]]), Xl = {}, Yl = {
+const Ie = /* @__PURE__ */ R(Kl, [["render", Wl]]), Ql = {}, Xl = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1008,8 +1009,8 @@ const Ie = /* @__PURE__ */ R(Zl, [["render", Ql]]), Xl = {}, Yl = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-download"
 };
-function eo(o, e) {
-  return i(), u("svg", Yl, e[0] || (e[0] = [
+function Yl(o, e) {
+  return i(), u("svg", Xl, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1020,9 +1021,9 @@ function eo(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const ot = /* @__PURE__ */ R(Xl, [["render", eo]]), to = { class: "h-[120px] w-[120px] border text-gray-300 border-dashed border-[#CFD9E0] rounded-lg overflow-hidden relative item-file" }, lo = { class: "absolute hidden top-0 right-0 flex items-center gap-x-2 w-full h-full justify-center" }, oo = /* @__PURE__ */ A({
+const at = /* @__PURE__ */ R(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__ */ K({
+  props: /* @__PURE__ */ Z({
     format: {},
     multiple: { type: Boolean },
     style: {},
@@ -1040,19 +1041,19 @@ const ot = /* @__PURE__ */ R(Xl, [["render", eo]]), to = { class: "h-[120px] w-[
   }),
   emits: ["update:value", "update:item"],
   setup(o) {
-    const e = Z(o, "value"), t = Z(o, "item"), n = o;
-    return (r, a) => (i(), u("div", to, [
-      (i(), X(we(q(Kl)(t.value)), {
+    const e = 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) => q(Ke)(t.value))
+        onClick: a[0] || (a[0] = (r) => H(Ze)(t.value))
       }, null, 8, ["src"])),
-      l("div", lo, [
+      l("div", to, [
         l("button", {
           type: "button",
-          onClick: a[1] || (a[1] = (s) => {
-            q(_l)(t.value), e.value = n.multiple ? e.value?.filter((d) => d !== t.value) : "";
+          onClick: a[1] || (a[1] = (r) => {
+            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"
         }, [
@@ -1060,20 +1061,20 @@ const ot = /* @__PURE__ */ R(Xl, [["render", eo]]), to = { class: "h-[120px] w-[
         ]),
         l("button", {
           type: "button",
-          onClick: a[2] || (a[2] = (s) => q(Ke)(t.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" })
         ])
       ])
     ]));
   }
-}), Ze = /* @__PURE__ */ R(oo, [["__scopeId", "data-v-0ca886b3"]]), ao = { class: "flex items-center gap-x-2" }, ro = {
+}), 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"
 }, so = /* @__PURE__ */ A({
   __name: "vs-input-file",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ Z({
     format: {},
     multiple: { type: Boolean },
     style: {},
@@ -1089,18 +1090,18 @@ const ot = /* @__PURE__ */ R(Xl, [["render", eo]]), to = { class: "h-[120px] w-[
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = Z(o, "modelValue"), n = k(null), r = (s) => Array.isArray(t.value) && t.value[s] || "", a = async (s) => {
+    const e = o, t = 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 kl(d, "1", "form", "table");
+      const p = await wl(d, "1", "form", "table");
       t.value = e.multiple ? [...t.value || [], p?.file_path] : p?.file_path;
     };
-    return (s, d) => (i(), u("div", ao, [
+    return (r, d) => (i(), u("div", oo, [
       l("input", {
         class: "hidden",
         ref_key: "fileInput",
@@ -1108,46 +1109,46 @@ const ot = /* @__PURE__ */ R(Xl, [["render", eo]]), to = { class: "h-[120px] w-[
         type: "file",
         onChange: a
       }, null, 544),
-      !s.multiple && t.value ? (i(), X(Ze, {
+      !r.multiple && t.value ? (i(), X(We, {
         key: 0,
         item: t.value,
         "onUpdate:item": d[0] || (d[0] = (p) => t.value = p),
         value: t.value,
         "onUpdate:value": d[1] || (d[1] = (p) => t.value = p)
-      }, null, 8, ["item", "value"])) : s.multiple ? (i(), u("div", ro, [
-        (i(!0), u(Q, null, Y(t.value, (p, f) => (i(), X(Ze, {
-          multiple: s.multiple,
+      }, null, 8, ["item", "value"])) : r.multiple ? (i(), u("div", ao, [
+        (i(!0), u(K, null, Y(t.value, (p, f) => (i(), X(We, {
+          multiple: r.multiple,
           key: f,
           value: t.value,
           "onUpdate:value": d[2] || (d[2] = (c) => t.value = c),
-          item: r(f)
+          item: s(f)
         }, null, 8, ["multiple", "value", "item"]))), 128)),
         l("div", {
-          onClick: d[3] || (d[3] = (p) => !s.disabled && n.value?.click()),
+          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)
       ])) : B("", !0),
-      s.multiple ? B("", !0) : (i(), u("div", {
+      r.multiple ? B("", !0) : (i(), u("div", {
         key: 2,
         onClick: d[4] || (d[4] = (p) => n.value?.click()),
-        class: S([s.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500", "h-[120px] w-[120px] border text-gray-300 hover:text-blue-500 border-dashed border-gray-300 rounded-lg flex items-center justify-center cursor-pointer hover:border-blue-500 transition-all duration-300 hover:bg-blue-50"])
+        class: 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))
     ]));
   }
-}), no = { class: "max-w-[55vw]" }, io = { class: "text-sm font-semibold text-gray-800 truncate dark:text-neutral-200" }, uo = { class: "flex items-center text-xs text-gray-500 truncate dark:text-neutral-500" }, co = { class: "px-[5px]" }, po = { class: "" }, Se = /* @__PURE__ */ A({
+}), 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, t = O(() => {
+    const e = o, t = D(() => {
       try {
         return new Date(e.item.cdate).toLocaleDateString("uk-UA", {
           day: "2-digit",
@@ -1158,41 +1159,41 @@ const ot = /* @__PURE__ */ R(Xl, [["render", eo]]), to = { class: "h-[120px] w-[
         return "";
       }
     });
-    function n(r) {
-      if (r < 1024)
-        return `${r} B`;
-      const a = r / 1024;
+    function n(s) {
+      if (s < 1024)
+        return `${s} B`;
+      const a = s / 1024;
       return a < 1024 ? `${a.toFixed(2)} KB` : `${(a / 1024).toFixed(2)} MB`;
     }
-    return (r, a) => (i(), u(Q, null, [
+    return (s, a) => (i(), u(K, null, [
       a[1] || (a[1] = ae('<div class="flex items-center justify-center h-[30px] w-[30px]"><svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-file"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path></svg></div>', 1)),
-      l("div", no, [
-        l("p", io, E(r.item?.uploaded_name), 1),
-        l("p", uo, [
-          l("span", null, E(r.item?.username), 1),
-          G(l("span", co, "|", 512), [
-            [Ue, r.item?.username]
+      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]
           ]),
-          l("span", null, E(t.value), 1),
+          l("span", null, F(t.value), 1),
           a[0] || (a[0] = l("span", { class: "px-[5px]" }, "|", -1)),
-          l("span", po, E(n(r.item?.size)), 1)
+          l("span", co, F(n(s.item?.size)), 1)
         ])
       ])
     ], 64));
   }
-}), fo = { class: "p-3 relative group flex items-center gap-x-3 border border-gray-200 bg-white rounded-md w-full" }, vo = {
+}), po = { class: "p-3 relative group flex items-center gap-x-3 border border-gray-200 bg-white rounded-md w-full" }, fo = {
   key: 0,
   class: "flex w-full gap-x-3 items-center"
-}, mo = {
+}, vo = {
   key: 1,
   class: "flex gap-x-3 w-full items-center"
-}, ho = {
+}, mo = {
   key: 2,
   class: "flex gap-x-3 w-full items-center"
-}, go = ["href"], bo = {
+}, ho = ["href"], go = {
   key: 3,
   class: "flex gap-x-3 w-full items-center"
-}, yo = { class: "lg:absolute lg:top-3 lg:end-1 opacity-100" }, xo = { class: "p-0.5 sm:p-1 inline-flex items-center gap-0.5 bg-white rounded-lg dark:bg-neutral-800 dark:border-neutral-700" }, wo = { class: "inline-block" }, ko = { class: "inline-block" }, _o = /* @__PURE__ */ A({
+}, bo = { class: "lg:absolute lg:top-3 lg:end-1 opacity-100" }, yo = { class: "p-0.5 sm:p-1 inline-flex items-center gap-0.5 bg-white rounded-lg dark:bg-neutral-800 dark:border-neutral-700" }, xo = { class: "inline-block" }, wo = { class: "inline-block" }, ko = /* @__PURE__ */ A({
   __name: "vs-widget-file-item",
   props: {
     item: { default: null },
@@ -1202,13 +1203,13 @@ const ot = /* @__PURE__ */ R(Xl, [["render", eo]]), to = { class: "h-[120px] w-[
   emits: ["update", "openModal", "openLightbox"],
   setup(o, { emit: e }) {
     const t = o, n = e;
-    function r(c) {
+    function s(c) {
       return ["pdf", "json"].includes(c.ext);
     }
     function a(c) {
       return ["ppt", "pptx", "doc", "docx", "xls", "xlsx"].includes(c.ext);
     }
-    function s(c) {
+    function r(c) {
       const g = document.createElement("a");
       g.setAttribute("download", c?.uploaded_name), g.href = c?.file_path, g.click();
     }
@@ -1234,42 +1235,42 @@ const ot = /* @__PURE__ */ R(Xl, [["render", eo]]), to = { class: "h-[120px] w-[
     function f(c) {
       (t.item.ext === "jpg" || t.item.ext === "png") && n("openLightbox", { item: t.item, index: c });
     }
-    return (c, g) => (i(), u("div", fo, [
-      c.item.ext === "jpg" || c.item.ext === "png" ? (i(), u("div", vo, [
+    return (c, g) => (i(), u("div", po, [
+      c.item.ext === "jpg" || c.item.ext === "png" ? (i(), u("div", fo, [
         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(Se, { item: c.item }, null, 8, ["item"])
         ])
-      ])) : r(c.item) ? (i(), u("div", mo, [
+      ])) : s(c.item) ? (i(), u("div", vo, [
         j(Se, { item: c.item }, null, 8, ["item"])
-      ])) : a(c.item) ? (i(), u("div", ho, [
+      ])) : a(c.item) ? (i(), u("div", mo, [
         l("a", {
           href: `/api/file-preview?id=${c.item.file_id}`,
           target: "_blank",
           class: "flex gap-x-3 w-full items-center"
         }, [
           j(Se, { item: c.item }, null, 8, ["item"])
-        ], 8, go)
-      ])) : (i(), u("div", bo, [
+        ], 8, ho)
+      ])) : (i(), u("div", go, [
         j(Se, { item: c.item }, null, 8, ["item"])
       ])),
-      l("div", yo, [
-        l("div", xo, [
-          l("div", wo, [
+      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] = l("div", { class: "w-px h-5 mx-1 bg-gray-200 dark:bg-neutral-700" }, null, -1)),
-          l("div", ko, [
+          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",
@@ -1285,7 +1286,7 @@ const ot = /* @__PURE__ */ R(Xl, [["render", eo]]), to = { class: "h-[120px] w-[
       ])
     ]));
   }
-}), $o = {}, Co = {
+}), _o = {}, $o = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1297,8 +1298,8 @@ const ot = /* @__PURE__ */ R(Xl, [["render", eo]]), to = { class: "h-[120px] w-[
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-download"
 };
-function Vo(o, e) {
-  return i(), u("svg", Co, e[0] || (e[0] = [
+function Co(o, e) {
+  return i(), u("svg", $o, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1309,13 +1310,13 @@ function Vo(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col widget-file xl:bg-white xl:rounded-xl dark:xl:bg-neutral-800 dark:xl:border-neutral-700 w-full" }, So = { class: "flex w-full mb-[12px] items-center gap-x-2" }, Bo = { class: "font-semibold text-gray-800 dark:text-neutral-200 text-[14px]" }, jo = { class1: "ml-auto" }, Io = { class: "py-1.5 px-4 inline-flex items-center gap-x-2 text-sm font-medium rounded-lg bg-gray-100 cursor-pointer hover:bg-gray-200 text-gray-800 shadow-2xs hover:bg-gray-50 focus:outline-hidden focus:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" }, Ao = {
+const 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"
-}, zo = { class: "relative" }, Eo = {
+}, 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"
-}, Fo = { key: 0 }, Oo = /* @__PURE__ */ A({
+}, Eo = { key: 0 }, Fo = /* @__PURE__ */ A({
   __name: "vs-input-file-list",
   props: {
     id: { default: "" },
@@ -1330,12 +1331,12 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
   },
   emits: ["update"],
   setup(o, { emit: e }) {
-    const t = o, n = Be("form"), r = O(() => n.value.formId), a = k(!1), s = k(0), d = e, p = k(!1), f = k({}), c = k([]), g = k(""), v = O(() => Array.isArray(c.value) ? c.value.filter((x) => x.ext === "jpg" || x.ext === "png").map((x) => x?.file_path) : []), M = O(() => g.value === "" ? c.value : c.value.filter((x) => x?.uploaded_name?.includes(g.value))), I = (x) => {
-      const h = v.value.findIndex((J) => J === x.item.file_path);
-      h !== -1 && (a.value = !0, s.value = h);
-    }, D = async () => {
+    const t = o, n = Be("form"), s = D(() => n.value.formId), a = 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(`${t.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);
@@ -1343,44 +1344,44 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
     }, 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 = `${t.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 D();
+      ), 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, D();
+        await x.confirm(), p.value = !1, U();
       }), h;
     }, _ = (x) => {
       f.value = P(x), p.value = !0;
     };
-    return se(r, (x) => {
-      x && D();
+    return re(s, (x) => {
+      x && U();
     }), ne(() => {
-      r.value && D();
+      s.value && U();
     }), (x, h) => {
-      const J = Ne("Lightbox"), C = Ne("MessageBox");
+      const G = Ne("Lightbox"), C = Ne("MessageBox");
       return i(), u("div", Lo, [
-        l("div", So, [
-          l("h2", Bo, " Файлів: " + E(c.value?.length), 1),
-          l("div", jo, [
+        l("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) => T(m))
               }, null, 32),
-              l("div", Io, [
-                j(Mo, {
+              l("div", jo, [
+                j(Vo, {
                   height: "16",
                   width: "16"
                 })
@@ -1388,7 +1389,7 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
             ])
           ])
         ]),
-        c.value?.length > 4 ? (i(), u("div", Ao, [
+        c.value?.length > 4 ? (i(), u("div", Io, [
           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" }, [
@@ -1412,7 +1413,7 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
                   l("path", { d: "m21 21-4.3-4.3" })
                 ])
               ], -1)),
-              G(l("input", {
+              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",
@@ -1428,25 +1429,25 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
             ])
           ])
         ])) : B("", !0),
-        c.value?.length ? (i(), u("div", Eo, [
-          (i(!0), u(Q, null, Y(M.value, (m, V) => (i(), X(_o, {
+        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 ? B("", !0) : (i(), u("div", Fo, h[9] || (h[9] = [
+          M.value.length ? B("", !0) : (i(), u("div", Eo, h[9] || (h[9] = [
             l("p", { class: "text-sm text-gray-600 font-sm" }, " Файлів з такою назвою не існує, введіть інше пошукове слово ", -1)
           ])))
         ])) : B("", !0),
-        j(J, {
+        j(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, Ve({
@@ -1457,7 +1458,7 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
       ]);
     };
   }
-}), Do = { class: "flex items-center justify-between" }, Uo = { class: "text-[16px] text-gray-900 font-medium" }, To = { class: "grid gap-3" }, Ro = /* @__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: {
@@ -1475,24 +1476,24 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
   },
   setup(o) {
     const e = o, t = k(e.isOpen);
-    return se(
+    return re(
       () => e.isOpen,
       (n) => {
         t.value = n;
       }
-    ), (n, r) => (i(), u("div", null, [
-      l("div", Do, [
-        l("p", Uo, E(o.title), 1),
-        j(lt, {
+    ), (n, s) => (i(), u("div", null, [
+      l("div", Oo, [
+        l("p", Do, F(o.title), 1),
+        j(ot, {
           modelValue: t.value,
-          "onUpdate:modelValue": r[0] || (r[0] = (a) => t.value = a),
-          style: me(o.style)
+          "onUpdate:modelValue": s[0] || (s[0] = (a) => t.value = a),
+          style: ve(o.style)
         }, null, 8, ["modelValue", "style"])
       ]),
-      j(et, { name: "slide-fade" }, {
-        default: Le(() => [
-          G(l("div", To, [
-            he(n.$slots, "default", {}, void 0, !0)
+      j(tt, { name: "slide-fade" }, {
+        default: Me(() => [
+          q(l("div", Uo, [
+            me(n.$slots, "default", {}, void 0, !0)
           ], 512), [
             [Ue, t.value]
           ])
@@ -1501,7 +1502,7 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
       })
     ]));
   }
-}), Po = /* @__PURE__ */ R(Ro, [["__scopeId", "data-v-90320b87"]]), No = { class: "text-[16px] text-gray-900 font-medium" }, Ho = { class: "grid gap-3" }, qo = /* @__PURE__ */ A({
+}), Ro = /* @__PURE__ */ R(To, [["__scopeId", "data-v-90320b87"]]), Po = { class: "text-[16px] text-gray-900 font-medium" }, No = { class: "grid gap-3" }, Ho = /* @__PURE__ */ A({
   __name: "vs-container-accordion",
   props: {
     title: {
@@ -1519,26 +1520,26 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
   },
   setup(o) {
     const e = o, t = k(e.isOpen);
-    return se(
+    return re(
       () => e.isOpen,
       (n) => {
         t.value = n;
       }
-    ), (n, r) => (i(), u("div", null, [
+    ), (n, s) => (i(), u("div", null, [
       l("button", {
         type: "button",
-        onClick: r[0] || (r[0] = (a) => t.value = !t.value),
+        onClick: s[0] || (s[0] = (a) => t.value = !t.value),
         class: "flex items-center gap-2"
       }, [
-        j(q(Wt), {
+        j(H(Zt), {
           class: S(["h-4 w-4 duration-300", [t.value ? "-rotate-180" : ""]])
         }, null, 8, ["class"]),
-        l("span", No, E(o.title), 1)
+        l("span", Po, F(o.title), 1)
       ]),
-      j(et, { name: "slide-fade" }, {
-        default: Le(() => [
-          G(l("div", Ho, [
-            he(n.$slots, "default", {}, void 0, !0)
+      j(tt, { name: "slide-fade" }, {
+        default: Me(() => [
+          q(l("div", No, [
+            me(n.$slots, "default", {}, void 0, !0)
           ], 512), [
             [Ue, t.value]
           ])
@@ -1547,7 +1548,7 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
       })
     ]));
   }
-}), Go = /* @__PURE__ */ R(qo, [["__scopeId", "data-v-590eff11"]]), Jo = { class: "flex items-center justify-between" }, Ko = /* @__PURE__ */ A({
+}), qo = /* @__PURE__ */ R(Ho, [["__scopeId", "data-v-590eff11"]]), Go = { class: "flex items-center justify-between" }, Jo = /* @__PURE__ */ A({
   __name: "vs-container-default",
   props: {
     title: {
@@ -1561,16 +1562,16 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
   },
   setup(o) {
     return (e, t) => (i(), u("div", null, [
-      l("div", Jo, [
-        l("p", null, E(o.title), 1)
+      l("div", Go, [
+        l("p", null, F(o.title), 1)
       ]),
-      he(e.$slots, "default")
+      me(e.$slots, "default")
     ]));
   }
-}), Zo = {
-  switcher: Po,
-  accordion: Go,
-  default: Ko
+}), Ko = {
+  switcher: Ro,
+  accordion: qo,
+  default: Jo
 }, le = {
   Equal: "==",
   Inequal: "!=",
@@ -1584,37 +1585,37 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
   Contain: "*",
   In: "in",
   NotIn: "not_in"
-}, Wo = (o, e) => String(o) === String(e), Qo = (o, e) => String(o) !== String(e), Xo = (o, e) => o > e, Yo = (o, e) => o >= e, ea = (o, e) => o < e, ta = (o, e) => o <= e, la = (o, e) => Array.isArray(e) && e.length === 2 ? o >= e[0] && o <= e[1] : !1, oa = (o, e) => String(o).startsWith(String(e)), aa = (o, e) => String(o).endsWith(String(e)), ra = (o, e) => String(o).includes(String(e)), sa = (o, e) => Array.isArray(e) ? e.includes(o) : !1, na = (o, e) => Array.isArray(e) ? !e.includes(o) : !0, at = (o, e) => {
+}, 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:
-      return Wo(o, e?.[2]);
+      return Zo(o, e?.[2]);
     case le.Inequal:
-      return Qo(o, e?.[2]);
+      return Wo(o, e?.[2]);
     case le.Higer:
-      return Xo(o, e?.[2]);
+      return Qo(o, e?.[2]);
     case le.HigerOrEqual:
-      return Yo(o, e?.[2]);
+      return Xo(o, e?.[2]);
     case le.Lower:
-      return ea(o, e?.[2]);
+      return Yo(o, e?.[2]);
     case le.LowerOrEqual:
-      return ta(o, e?.[2]);
+      return ea(o, e?.[2]);
     case le.Between:
-      return la(o, e?.[2]);
+      return ta(o, e?.[2]);
     case le.StartWith:
-      return oa(o, e?.[2]);
+      return la(o, e?.[2]);
     case le.EndWith:
-      return aa(o, e?.[2]);
+      return oa(o, e?.[2]);
     case le.Contain:
-      return ra(o, e?.[2]);
+      return aa(o, e?.[2]);
     case le.In:
       return sa(o, e?.[2]);
     case le.NotIn:
-      return na(o, e?.[2]);
+      return ra(o, e?.[2]);
     default:
       return !0;
   }
-}, ia = /* @__PURE__ */ A({
+}, na = /* @__PURE__ */ A({
   __name: "vs-input-container",
   props: {
     style: {
@@ -1635,32 +1636,32 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
     }
   },
   setup(o) {
-    const e = o, t = Be("formValues", { default: {} }), n = Be("form"), r = O(() => e.schema?.filter((s) => {
-      const d = s?.conditions;
+    const e = o, t = Be("formValues", { default: {} }), n = Be("form"), s = D(() => e.schema?.filter((r) => {
+      const d = r?.conditions;
       if (!d) return !0;
       const p = Array.isArray(d) ? d[0] : d, f = t?.value?.[p];
-      return at(f, d);
-    })), a = O(() => Zo[e.view]);
-    return (s, d) => o.schema?.length ? (i(), X(we(a.value), {
+      return st(f, d);
+    })), a = D(() => Ko[e.view]);
+    return (r, d) => o.schema?.length ? (i(), X(we(a.value), {
       key: 0,
       title: o.title,
-      style: me(o.style)
+      style: ve(o.style)
     }, {
-      default: Le(() => [
-        (i(!0), u(Q, null, Y(r.value, (p) => (i(), X(rt, Ve({
+      default: Me(() => [
+        (i(!0), u(K, null, Y(s.value, (p) => (i(), X(rt, Ve({
           key: p.name
         }, { ref_for: !0 }, p, {
           item: p,
-          modelValue: q(t)[p.name],
-          "onUpdate:modelValue": (f) => q(t)[p.name] = f,
+          modelValue: H(t)[p.name],
+          "onUpdate:modelValue": (f) => H(t)[p.name] = f,
           style: o.style,
-          error: q(n)?.errors?.[p.name]
+          error: H(n)?.errors?.[p.name]
         }), null, 16, ["item", "modelValue", "onUpdate:modelValue", "style", "error"]))), 128))
       ]),
       _: 1
     }, 8, ["title", "style"])) : B("", !0);
   }
-}), ua = { class: "relative" }, da = { class: "w-full h-full fixed top-0 start-0 z-[1000] bg-black bg-opacity-50" }, ca = { class: "m-[10px] fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 min-h-0 h-fit max-h-[80vh] overflow-hidden opacity-1 flex flex-col bg-white dark:bg-[#1A1A1A] border dark:border-[#454545] pointer-events-auto shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-xl lg:w-7/12 w-11/12" }, pa = { class: "py-2.5 px-4 flex justify-between items-center border-0 border-b border-solid border-gray-200 dark:border-b-[#454545]" }, fa = { class: "font-medium text-gray-800 dark:text-[#ffffff]" }, va = { class: "p-4 mim-h-0 h-full overflow-auto" }, ma = /* @__PURE__ */ A({
+}), ia = { class: "p-4 mim-h-0 h-full overflow-auto" }, ua = /* @__PURE__ */ A({
   __name: "modal-edit",
   props: {
     schema: {},
@@ -1671,11 +1672,11 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
   },
   emits: ["close", "save", "edit"],
   setup(o, { emit: e }) {
-    const t = o, n = e, r = k(t.schema), a = k(t.defaultValue ? JSON.parse(JSON.stringify(t.defaultValue)) : {}), s = k({}), d = k(), p = k(t.mode);
+    const t = o, n = e, s = 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) {
-        ve({ 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;
       }
@@ -1689,34 +1690,36 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
             body: JSON.stringify(a.value)
           });
           if (v.ok)
-            await v.json(), ve({
+            await v.json(), fe({
               type: "success",
               title: "Успішно",
               message: `Дані успішно ${p.value === "add" ? "збережено" : "оновлено"}`
             }), n("save", a.value);
           else if (v.status === 400) {
             const M = await v.json().catch(() => ({}));
-            ve({
+            fe({
               type: "warning",
               title: "Помилка валідації",
               message: M.message || "Некоректні дані (400)"
             });
-          } else v.status === 500 ? ve({
+          } else v.status === 500 ? fe({
             type: "error",
             title: "Серверна помилка",
             message: "Виникла помилка на сервері (500)"
-          }) : ve({
+          }) : fe({
             type: "error",
             title: "Помилка",
             message: `Статус: ${v.status}`
           });
         } catch (v) {
-          ve({
+          fe({
             type: "error",
             title: "Помилка з’єднання",
             message: v.message || "Не вдалося виконати запит"
           });
         }
+      else
+        n("save", a.value);
     }
     function c() {
       n("close");
@@ -1724,102 +1727,66 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
     return ne(async () => {
       if (t.form) {
         const g = await fetch(`/api/template/form/${t.form}`).then((v) => v.json());
-        r.value = g.schema, d.value = g.token;
+        s.value = g.schema, d.value = g.token;
       } else if (t.token) {
         d.value = t.token;
         const g = await fetch(`/api/form/${d.value}`).then((v) => v.json());
-        r.value = g.schema, g.data ? a.value = g.data : p.value = "add";
+        s.value = g.schema, g.data ? a.value = g.data : p.value = "add";
       }
-    }), (g, v) => (i(), u("div", ua, [
-      l("div", da, [
-        l("div", ca, [
-          l("div", pa, [
-            l("h3", fa, E(p.value === "add" ? "Додати" : "Змінити"), 1),
-            l("button", {
-              onClick: c,
-              type: "button",
-              class: "size-8 inline-flex justify-center items-center gap-x-2 rounded-full border border-transparent bg-gray-100 text-gray-800 hover:bg-gray-200 focus:outline-none focus:bg-gray-200 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600"
-            }, v[2] || (v[2] = [
-              l("span", { class: "sr-only" }, "Close", -1),
-              l("svg", {
-                class: "flex-shrink-0 w-4 h-4",
-                xmlns: "http://www.w3.org/2000/svg",
-                width: "24",
-                height: "24",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                "stroke-width": "2",
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round"
-              }, [
-                l("path", { d: "M18 6 6 18" }),
-                l("path", { d: "m6 6 12 12" })
-              ], -1)
-            ]))
-          ]),
-          l("div", va, [
-            r.value ? (i(), X(Ee, {
-              key: 0,
-              schema: r.value,
-              values: a.value,
-              "onUpdate:values": v[0] || (v[0] = (M) => a.value = M),
-              form: s.value,
-              "onUpdate:form": v[1] || (v[1] = (M) => s.value = M)
-            }, null, 8, ["schema", "values", "form"])) : B("", !0)
-          ]),
-          l("div", { class: "vs-form__head mr-5 mb-5 mt-3 flex items-center justify-end sticky top-0 left-0 z-[60] bg-white" }, [
-            l("button", {
-              type: "button",
-              onClick: c,
-              class: "vs-button inline-flex border-solid justify-center items-center gap-2 rounded-md font-semibold focus:outline-none text-sm transition-all border !border-gray-200 hover:text-white bg-white text-red-500 hover:border-red-500 hover:bg-red-500 focus:ring-red-500 py-1.5 px-5 focus:ring-1 focus:ring-offset-1 mr-2"
-            }, " Скасувати "),
-            l("button", {
-              onClick: f,
-              type: "button",
-              class: "vs-button inline-flex border-solid justify-center items-center gap-2 rounded-md font-semibold focus:outline-none text-sm transition-all border-1 border-transparent text-white bg-blue-500 hover:bg-blue-600 focus:ring-blue-500 py-1.5 px-5 focus:ring-1 focus:ring-offset-1"
-            }, " Зберегти ")
-          ])
-        ])
+    }), (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"
+        }, " Зберегти ")
       ])
-    ]));
-  }
-}), Me = (o = { mode: "edit", schema: null }) => new Promise((e) => {
-  const t = document.querySelector("body");
-  if (!t) {
-    console.error('Modal root element with id "#modal" not found!');
-    return;
-  }
-  const n = document.createElement("div");
-  t.appendChild(n);
-  function r() {
-    a.unmount(), n.remove();
+    ], 64));
   }
-  const a = ct({
-    render() {
-      return pt(ma, {
-        ...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);
-}), ha = ["aria-expanded", "data-focus"], ga = { class: "flex items-center" }, ba = { class: "truncate text-gray-900 overflow-hidden" }, ya = ["onClick"], xa = ["title"], wa = {
+}), 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: "text-gray-500 truncate"
-}, ka = { class: "flex-1 min-w-[2px]" }, _a = ["placeholder"], $a = { class: "flex items-center shrink-0" }, Ca = ["disabled"], Va = ["disabled"], Ma = {
+}, 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"
-}, La = ["aria-disabled", "onClick"], Sa = {
+}, ka = ["aria-disabled", "onClick"], _a = {
   key: 1,
   class: "px-3 py-2 text-center text-gray-500"
-}, Ba = ["disabled"], ja = /* @__PURE__ */ A({
+}, $a = ["disabled"], Ca = /* @__PURE__ */ A({
   __name: "vs-input-select",
   props: {
     multiple: { type: Boolean, default: !1 },
@@ -1843,338 +1810,336 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
   },
   emits: ["change", "update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, n = e, r = O(() => t.multiple), a = O(() => t.disabled);
-    ge(t.style);
-    const s = O({
+    const t = o, n = e, s = D(() => t.multiple), a = D(() => t.disabled);
+    he(t.style);
+    const r = D({
       get: () => t.modelValue,
       set: (y) => n("update:modelValue", y)
     });
-    !s.value && t.defaultValue && (s.value = t.defaultValue);
-    const d = k(null), p = k(null), f = k(null), c = k(!1), g = k(!1), v = k(null), M = k([]), I = k(-1), D = k([]), T = k(""), P = k(null), _ = k([]), x = O(() => {
+    !r.value && t.defaultValue && (r.value = t.defaultValue);
+    const d = k(null), p = k(null), f = k(null), c = k(!1), g = k(!1), v = k(null), M = k([]), I = k(-1), U = k([]), T = k(""), P = k(null), _ = k([]), x = D(() => {
       if (!_.value.length) return [];
       const y = new Map(M.value.map((w) => [w.id?.toString(), w]));
       return _.value.map((w) => y.get(w?.toString())).filter((w) => !!w);
-    }), h = O(() => t.placeholder || "Select..."), J = O(() => r.value ? !_.value.length && T.value === "" : !v.value?.text && T.value === ""), C = O(() => a.value ? !1 : r.value ? _.value.length > 0 : !!s.value), m = (y) => r.value ? _.value.some((w) => w?.toString() === y?.toString()) : s.value?.toString?.() === y?.toString?.(), V = O(() => {
+    }), 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((H) => H.text?.toLowerCase?.().includes(w));
+        y = y.filter((z) => z.text?.toLowerCase?.().includes(w));
       }
-      if (r.value && _.value.length) {
-        const w = new Set(_.value.map((H) => H?.toString()));
-        y = y.filter((H) => !w.has(H.id?.toString()));
+      if (s.value && _.value.length) {
+        const w = new Set(_.value.map((z) => z?.toString()));
+        y = y.filter((z) => !w.has(z.id?.toString()));
       }
       return y;
-    }), z = async (y) => {
+    }), E = async (y) => {
       if (!t.data) return [];
       try {
-        const w = t.api ? t.api : `/suggest/${t.data}`, H = "?json=1", U = y ? `&val=${encodeURIComponent(y)}` : "";
-        return (await fetch(w.concat(H, U)).then((ce) => ce.json())).data ?? [];
+        const 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 [];
       }
-    }, W = async () => {
-      t.options?.length ? M.value = [...t.options] : t.data && (M.value = await z(T.value));
+    }, 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((U) => U?.id?.toString() === String(y));
-      return w || ((await z(String(y)))?.[0] ?? null);
-    }, xe = async (y) => {
-      const w = new Set(M.value.map((U) => U.id?.toString())), H = y.filter((U) => !w.has(U?.toString()));
-      H.length && await H.reduce(async (U, de) => {
-        await U;
-        const ce = await te(de);
-        ce && M.value.push(ce);
+      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());
     }, ke = async () => {
-      a.value || (c.value = !0, await W(), await Ce(() => {
+      a.value || (c.value = !0, await Q(), await Ce(() => {
         P.value?.focus(), V.value.length ? I.value = 0 : I.value = -1;
       }));
     }, ue = () => {
       c.value = !1, I.value = -1;
-    }, Ae = async (y) => {
+    }, ze = async (y) => {
       if (a.value) return;
       !c.value ? await ke() : ue();
     }, _e = async () => {
       c.value ? P.value?.focus() : await ke();
     }, b = () => {
-      r.value ? (_.value = [], s.value = [], n("change", [])) : (v.value = null, s.value = null, n("change", null)), T.value = "", Ce(() => P.value?.focus());
+      s.value ? (_.value = [], r.value = [], n("change", [])) : (v.value = null, r.value = null, n("change", null)), T.value = "", Ce(() => P.value?.focus());
     }, $ = (y) => {
-      r.value && (_.value = _.value.filter((w) => w?.toString() !== y?.toString()), s.value = [..._.value], n("change", s.value), Ce(() => P.value?.focus()));
-    }, F = (y) => {
-      r.value ? (m(y.id) || (_.value = [..._.value, y.id], s.value = [..._.value], n("change", s.value)), T.value = "", Ce(() => {
+      s.value && (_.value = _.value.filter((w) => w?.toString() !== y?.toString()), r.value = [..._.value], n("change", r.value), Ce(() => P.value?.focus()));
+    }, O = (y) => {
+      s.value ? (m(y.id) || (_.value = [..._.value, y.id], r.value = [..._.value], n("change", r.value)), T.value = "", Ce(() => {
         P.value?.focus(), I.value = Math.min(I.value, V.value.length - 1);
-      })) : (v.value = y, s.value = y.id, n("change", s.value), T.value = "", ue());
+      })) : (v.value = y, r.value = y.id, n("change", r.value), T.value = "", ue());
     }, N = (y) => {
-      m(y.id) || F(y);
+      m(y.id) || O(y);
     }, ee = (y, w) => {
       if (!y || !w) return;
-      const H = y.offsetTop, U = H + y.offsetHeight, de = w.scrollTop, ce = de + w.clientHeight;
-      let ze = w.scrollTop;
-      H < de ? ze = H - 80 : U > ce && (ze = U - w.clientHeight + 4);
-      const it = w;
-      it.scrollTop = ze;
+      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());
-    }, pe = (y) => {
+    }, de = (y) => {
       if (!c.value) return;
       const { key: w } = y;
       if (w === "ArrowDown")
-        y.preventDefault(), I.value + 1 < V.value.length && (I.value += 1, ee(D.value[I.value], f.value));
+        y.preventDefault(), I.value + 1 < V.value.length && (I.value += 1, ee(U.value[I.value], f.value));
       else if (w === "ArrowUp")
-        y.preventDefault(), I.value > 0 && (I.value -= 1, ee(D.value[I.value], f.value));
+        y.preventDefault(), I.value > 0 && (I.value -= 1, ee(U.value[I.value], f.value));
       else if (w === "Enter") {
         y.preventDefault();
-        const H = V.value[I.value];
-        H && F(H);
-      } else w === "Escape" ? (y.preventDefault(), ue()) : w === "Backspace" ? r.value && T.value === "" && _.value.length && (_.value = _.value.slice(0, -1), s.value = [..._.value], n("change", s.value)) : w === "Home" ? (I.value = 0, ee(D.value[0], f.value)) : w === "End" ? (I.value = V.value.length - 1, ee(D.value[I.value], f.value)) : w === "Tab" && ue();
-    }, be = () => {
+        const z = V.value[I.value];
+        z && O(z);
+      } else w === "Escape" ? (y.preventDefault(), ue()) : w === "Backspace" ? s.value && T.value === "" && _.value.length && (_.value = _.value.slice(0, -1), r.value = [..._.value], n("change", r.value)) : w === "Home" ? (I.value = 0, ee(U.value[0], f.value)) : w === "End" ? (I.value = V.value.length - 1, ee(U.value[I.value], f.value)) : w === "Tab" && ue();
+    }, ge = () => {
       a.value || (g.value = !0);
-    }, ye = () => {
+    }, be = () => {
       g.value = !1, T.value = "";
-    }, fe = (y) => {
+    }, 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(() => t.options, (y) => {
+    re(() => t.options, (y) => {
       y?.length && (M.value = [...y]);
     }, { immediate: !0 });
     const Pe = async () => {
-      if (r.value)
-        Array.isArray(s.value) ? _.value = [...s.value] : (_.value = s.value == null ? [] : [s.value], s.value = [..._.value]), !t.options?.length && t.data && await xe(_.value);
+      if (s.value)
+        Array.isArray(r.value) ? _.value = [...r.value] : (_.value = r.value == null ? [] : [r.value], r.value = [..._.value]), !t.options?.length && t.data && await ye(_.value);
       else {
-        if (Array.isArray(s.value)) {
-          const y = s.value[0] ?? null;
-          s.value = y ?? 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(r, () => {
       Pe();
     }), ne(async () => {
-      addEventListener("keydown", fe), addEventListener("scroll", Re, !0), document.addEventListener("click", Te, !0), t.options?.length ? M.value = [...t.options] : t.data && (M.value = await z("")), await Pe();
+      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", fe), removeEventListener("scroll", Re, !0), document.removeEventListener("click", Te, !0);
+      removeEventListener("keydown", ce), removeEventListener("scroll", Re, !0), document.removeEventListener("click", Te, !0);
     });
-    async function nt() {
+    async function it() {
       if (!t.add) return;
-      const y = await Me({ form: t.add.form, mode: "add" });
+      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(y)
-      }).then((w) => w.json()), !t.options?.length && t.data && (M.value = await z(T.value)));
+      }).then((w) => w.json()), !t.options?.length && t.data && (M.value = await E(T.value)));
     }
-    return (y, w) => {
-      const H = ft("tooltip");
-      return i(), u("div", {
-        class: "flex gap-1 w-full",
-        ref_key: "selectRoot",
-        ref: d,
-        onClick: w[2] || (w[2] = re(() => {
-        }, ["stop"]))
+    return (y, w) => (i(), u("div", {
+      class: "flex gap-1 w-full",
+      ref_key: "selectRoot",
+      ref: d,
+      onClick: w[2] || (w[2] = se(() => {
+      }, ["stop"]))
+    }, [
+      l("div", {
+        class: S(["relative w-full font-sans", t.customClass])
       }, [
+        w[7] || (w[7] = l("span", {
+          id: "react-select-live-region",
+          class: "sr-only"
+        }, null, -1)),
+        w[8] || (w[8] = l("span", {
+          "aria-live": "polite",
+          "aria-atomic": "false",
+          "aria-relevant": "additions text",
+          role: "log",
+          class: "sr-only"
+        }, null, -1)),
         l("div", {
-          class: S(["relative w-full font-sans", t.customClass])
+          class: S([
+            "flex min-h-[38px] items-center justify-between rounded border transition-colors bg-white",
+            "border-gray-300 hover:border-gray-400",
+            c.value || g.value ? "border-blue-500 ring-1 ring-blue-500" : "",
+            a.value ? "bg-gray-100 text-gray-400 cursor-not-allowed hover:border-gray-300" : ""
+          ]),
+          role: "combobox",
+          "aria-expanded": c.value,
+          "aria-haspopup": "listbox",
+          onKeydown: $e,
+          onClick: _e,
+          "data-focus": c.value || g.value ? "true" : "false"
         }, [
-          w[7] || (w[7] = l("span", {
-            id: "react-select-live-region",
-            class: "sr-only"
-          }, null, -1)),
-          w[8] || (w[8] = l("span", {
-            "aria-live": "polite",
-            "aria-atomic": "false",
-            "aria-relevant": "additions text",
-            role: "log",
-            class: "sr-only"
-          }, null, -1)),
           l("div", {
-            class: S([
-              "flex min-h-[38px] items-center justify-between rounded border transition-colors bg-white",
-              "border-gray-300 hover:border-gray-400",
-              c.value || g.value ? "border-blue-500 ring-1 ring-blue-500" : "",
-              a.value ? "bg-gray-100 text-gray-400 cursor-not-allowed hover:border-gray-300" : ""
-            ]),
-            role: "combobox",
-            "aria-expanded": c.value,
-            "aria-haspopup": "listbox",
-            onKeydown: $e,
-            onClick: _e,
-            "data-focus": c.value || g.value ? "true" : "false"
+            class: "flex flex-1 items-center gap-1 py-0.5 pl-2 pr-0 overflow-hidden",
+            ref_key: "triggerRef",
+            ref: p
           }, [
-            l("div", {
-              class: "flex flex-1 items-center gap-1 py-0.5 pl-2 pr-0 overflow-hidden",
-              ref_key: "triggerRef",
-              ref: p
+            s.value && _.value.length ? (i(!0), u(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: z.id
             }, [
-              r.value && _.value.length ? (i(!0), u(Q, { key: 0 }, Y(x.value, (U) => (i(), u("div", {
-                class: "flex min-w-0 bg-[#e6e6e6] rounded-sm m-0.5 box-border",
-                key: U.id
-              }, [
-                l("div", ga, [
-                  U?.color ? (i(), u("span", {
-                    key: 0,
-                    class: "w-[16px] h-[16px] rounded-md block ml-1.5",
-                    style: me({ backgroundColor: U?.color })
-                  }, null, 4)) : B("", !0),
-                  G((i(), u("div", ba, [
-                    oe(E(U.text), 1)
-                  ])), [
-                    [H, U.text]
-                  ])
-                ]),
-                l("div", {
-                  role: "button",
-                  class: "flex items-center rounded-sm px-1 box-border hover:bg-[#ffbdad] hover:text-[#de350b]",
-                  onClick: re((de) => $(U.id), ["stop"])
-                }, w[3] || (w[3] = [
-                  l("svg", {
-                    height: "14",
-                    width: "14",
-                    viewBox: "0 0 20 20",
-                    "aria-hidden": "true",
-                    focusable: "false",
-                    class: "inline-block fill-current stroke-current leading-none stroke-0"
-                  }, [
-                    l("path", { d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z" })
-                  ], -1)
-                ]), 8, ya)
-              ]))), 128)) : !r.value && !g.value && v.value?.text && T.value === "" ? G((i(), u("div", {
-                key: 1,
-                class: S(["truncate text-gray-900"]),
-                title: v.value.text
-              }, [
-                v.value?.color ? (i(), u("span", {
+              l("div", ca, [
+                z?.color ? (i(), u("span", {
                   key: 0,
-                  class: "w-[14px] h-[14px] rounded-md block mr-1 mt-1 absolute",
-                  style: me({ backgroundColor: v.value?.color })
+                  class: "w-[16px] h-[16px] rounded-md block ml-1.5",
+                  style: ve({ backgroundColor: z?.color })
                 }, null, 4)) : B("", !0),
-                l("span", {
-                  class: S({ "pl-5": v.value?.color })
-                }, E(v.value.text), 3)
-              ], 8, xa)), [
-                [H, v.value.text]
-              ]) : B("", !0),
-              J.value ? (i(), u("div", wa, E(h.value), 1)) : B("", !0),
-              l("div", ka, [
-                !a.value && y.search ? G((i(), u("input", {
-                  key: 0,
-                  ref_key: "inputRef",
-                  ref: P,
-                  class: "w-full bg-transparent outline-none border-0 m-0 p-0 text-gray-900",
-                  autocapitalize: "none",
-                  autocomplete: "off",
-                  autocorrect: "off",
-                  spellcheck: "false",
-                  type: "text",
-                  tabindex: "0",
-                  "aria-autocomplete": "list",
-                  placeholder: (r.value && _.value.length ? " " : null) || (g.value && !T.value?.length ? v.value?.text : " "),
-                  "onUpdate:modelValue": w[0] || (w[0] = (U) => T.value = U),
-                  onFocus: be,
-                  onBlur: ye,
-                  onKeydown: pe
-                }, null, 40, _a)), [
-                  [ie, T.value]
-                ]) : B("", !0)
-              ])
-            ], 512),
-            l("div", $a, [
-              C.value ? (i(), u("button", {
-                key: 0,
-                type: "button",
-                class: "px-2 text-gray-400 hover:text-gray-500 transition-colors disabled:opacity-50",
-                "aria-hidden": "true",
-                disabled: a.value,
-                onClick: re(b, ["stop"])
-              }, w[4] || (w[4] = [
+                q((i(), u("div", pa, [
+                  oe(F(z.text), 1)
+                ])), [
+                  [H(qe), z.text]
+                ])
+              ]),
+              l("div", {
+                role: "button",
+                class: "flex items-center rounded-sm px-1 box-border hover:bg-[#ffbdad] hover:text-[#de350b]",
+                onClick: se((J) => $(z.id), ["stop"])
+              }, w[3] || (w[3] = [
                 l("svg", {
-                  height: "20",
-                  width: "20",
+                  height: "14",
+                  width: "14",
                   viewBox: "0 0 20 20",
-                  class: "fill-current"
+                  "aria-hidden": "true",
+                  focusable: "false",
+                  class: "inline-block fill-current stroke-current leading-none stroke-0"
                 }, [
                   l("path", { d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z" })
                 ], -1)
-              ]), 8, Ca)) : B("", !0),
-              w[6] || (w[6] = l("div", { class: "self-stretch w-px bg-[#ccc] my-[1px]" }, null, -1)),
-              l("button", {
-                type: "button",
-                class: "px-2 text-gray-400 hover:text-gray-500 transition-colors disabled:opacity-50",
-                "aria-hidden": "true",
-                disabled: a.value,
-                onClick: w[1] || (w[1] = re((U) => Ae(), ["stop"]))
-              }, w[5] || (w[5] = [
-                l("svg", {
-                  height: "20",
-                  width: "20",
-                  viewBox: "0 0 20 20",
-                  class: "fill-current"
-                }, [
-                  l("path", { d: "M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z" })
-                ], -1)
-              ]), 8, Va)
+              ]), 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-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,
+                class: "w-full bg-transparent outline-none border-0 m-0 p-0 text-gray-900",
+                autocapitalize: "none",
+                autocomplete: "off",
+                autocorrect: "off",
+                spellcheck: "false",
+                type: "text",
+                tabindex: "0",
+                "aria-autocomplete": "list",
+                placeholder: (s.value && _.value.length ? " " : null) || (g.value && !T.value?.length ? v.value?.text : " "),
+                "onUpdate:modelValue": w[0] || (w[0] = (z) => T.value = z),
+                onFocus: ge,
+                onBlur: be,
+                onKeydown: de
+              }, null, 40, ga)), [
+                [ie, T.value]
+              ]) : B("", !0)
             ])
-          ], 42, ha),
-          c.value ? (i(), u("div", Ma, [
-            l("div", {
-              class: "max-h-[300px] overflow-y-auto py-1",
-              ref_key: "listRef",
-              ref: f
+          ], 512),
+          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: se(b, ["stop"])
+            }, w[4] || (w[4] = [
+              l("svg", {
+                height: "20",
+                width: "20",
+                viewBox: "0 0 20 20",
+                class: "fill-current"
+              }, [
+                l("path", { d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z" })
+              ], -1)
+            ]), 8, ya)) : B("", !0),
+            w[6] || (w[6] = l("div", { class: "self-stretch w-px bg-[#ccc] my-[1px]" }, null, -1)),
+            l("button", {
+              type: "button",
+              class: "px-2 text-gray-400 hover:text-gray-500 transition-colors disabled:opacity-50",
+              "aria-hidden": "true",
+              disabled: a.value,
+              onClick: w[1] || (w[1] = se((z) => ze(), ["stop"]))
+            }, w[5] || (w[5] = [
+              l("svg", {
+                height: "20",
+                width: "20",
+                viewBox: "0 0 20 20",
+                class: "fill-current"
+              }, [
+                l("path", { d: "M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z" })
+              ], -1)
+            ]), 8, xa)
+          ])
+        ], 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(K, { key: 0 }, Y(V.value, (z, J) => (i(), u("div", {
+              key: z.id,
+              ref_for: !0,
+              ref: (pe) => U.value[J] = pe,
+              class: S([
+                "flex px-3 py-2 cursor-default select-none hover:bg-blue-300",
+                I.value === J ? "bg-blue-300" : "",
+                m(z.id) ? "text-white bg-blue-500" : "text-gray-900 bg-white"
+              ]),
+              "aria-disabled": m(z.id) ? "true" : "false",
+              role: "option",
+              tabindex: "-1",
+              onClick: (pe) => N(z)
             }, [
-              V.value.length ? (i(!0), u(Q, { key: 0 }, Y(V.value, (U, de) => (i(), u("div", {
-                key: U.id,
-                ref_for: !0,
-                ref: (ce) => D.value[de] = ce,
+              z?.color ? (i(), u("span", {
+                key: 0,
+                class: "w-[11px] h-[11px] rounded-full block mr-1 mt-1.5",
+                style: ve({ backgroundColor: z?.color })
+              }, null, 4)) : B("", !0),
+              l("div", {
                 class: S([
-                  "flex px-3 py-2 cursor-default select-none hover:bg-blue-300",
-                  m(U.id) ? "text-white bg-blue-500" : "text-gray-900 bg-white"
-                ]),
-                "aria-disabled": m(U.id) ? "true" : "false",
-                role: "option",
-                tabindex: "-1",
-                onClick: (ce) => N(U)
-              }, [
-                U?.color ? (i(), u("span", {
-                  key: 0,
-                  class: "w-[11px] h-[11px] rounded-full block mr-1 mt-1.5",
-                  style: me({ backgroundColor: U?.color })
-                }, null, 4)) : B("", !0),
-                l("div", {
-                  class: S([
-                    "leading-[19px]",
-                    I.value === U.id ? "text-white" : "",
-                    // active style like react-select
-                    (I.value === de, "")
-                  ])
-                }, E(U.text), 3)
-              ], 10, La))), 128)) : (i(), u("div", Sa, " No options "))
-            ], 512)
-          ])) : B("", !0)
-        ], 2),
-        t.add ? (i(), u("button", {
-          key: 0,
-          onClick: nt,
-          class: "bg-white hover:bg-gray-100 text-sm text-gray-900 py-[10px] px-3 border border-stone-200 rounded-md h-[38px] flex items-center gap-2",
-          disabled: a.value,
-          type: "button"
-        }, [
-          j(je, {
-            width: "16",
-            height: "16"
-          }),
-          w[9] || (w[9] = l("span", null, "Додати", -1))
-        ], 8, Ba)) : B("", !0)
-      ], 512);
-    };
+                  "leading-[19px]",
+                  I.value === z.id ? "text-white" : "",
+                  // active style like react-select
+                  (I.value === J, "")
+                ])
+              }, F(z.text), 3)
+            ], 10, ka))), 128)) : (i(), u("div", _a, " No options "))
+          ], 512)
+        ])) : B("", !0)
+      ], 2),
+      t.add ? (i(), u("button", {
+        key: 0,
+        onClick: it,
+        class: "bg-white hover:bg-gray-100 text-sm text-gray-900 py-[10px] px-3 border border-stone-200 rounded-md h-[38px] flex items-center gap-2",
+        disabled: a.value,
+        type: "button"
+      }, [
+        j(je, {
+          width: "16",
+          height: "16"
+        }),
+        w[9] || (w[9] = l("span", null, "Додати", -1))
+      ], 8, $a)) : B("", !0)
+    ], 512));
   }
-}), Ia = ["placeholder", "disabled"], Aa = /* @__PURE__ */ A({
+}), Va = ["placeholder", "disabled"], La = /* @__PURE__ */ A({
   __name: "vs-input-textarea",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ Z({
     style: { default: () => ({}) },
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -2188,21 +2153,21 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = ge(e.style), n = Z(o, "modelValue");
-    return (r, a) => G((i(), u("textarea", {
-      "onUpdate:modelValue": a[0] || (a[0] = (s) => n.value = s),
-      placeholder: r.placeholder,
-      disabled: r.disabled,
+    const e = o, { inputClass: t } = 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: S(["py-1.5 px-3 block w-full placeholder:text[#767f8f] h-auto", [q(t)]]),
+      class: S(["py-1.5 px-3 block w-full placeholder:text[#767f8f] h-auto", [H(t)]]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, Ia)), [
+    }, null, 10, Va)), [
       [ie, n.value]
     ]);
   }
-}), za = {}, Ea = {
+}), Ma = {}, Sa = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2212,8 +2177,8 @@ const Mo = /* @__PURE__ */ R($o, [["render", Vo]]), Lo = { class: "flex flex-col
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-search stroke-gray-500 transition-all"
 };
-function Fa(o, e) {
-  return i(), u("svg", Ea, e[0] || (e[0] = [
+function Ba(o, e) {
+  return i(), u("svg", Sa, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2223,7 +2188,7 @@ function Fa(o, e) {
     l("path", { d: "M21 21l-6 -6" }, null, -1)
   ]));
 }
-const Oa = /* @__PURE__ */ R(za, [["render", Fa]]), Da = {}, Ua = {
+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",
@@ -2233,15 +2198,15 @@ const Oa = /* @__PURE__ */ R(za, [["render", Fa]]), Da = {}, Ua = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Ta(o, e) {
-  return i(), u("svg", Ua, e[0] || (e[0] = [
+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 Ra = /* @__PURE__ */ R(Da, [["render", Ta]]), Pa = {}, Na = {
+const Ea = /* @__PURE__ */ R(Ia, [["render", Aa]]), Fa = {}, Oa = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "14",
   height: "14",
@@ -2252,8 +2217,8 @@ const Ra = /* @__PURE__ */ R(Da, [["render", Ta]]), Pa = {}, Na = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Ha(o, e) {
-  return i(), u("svg", Na, e[0] || (e[0] = [
+function Da(o, e) {
+  return i(), u("svg", Oa, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2264,7 +2229,7 @@ function Ha(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const qa = /* @__PURE__ */ R(Pa, [["render", Ha]]), Ga = {}, Ja = {
+const Ua = /* @__PURE__ */ R(Fa, [["render", Da]]), Ta = {}, Ra = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2273,8 +2238,8 @@ const qa = /* @__PURE__ */ R(Pa, [["render", Ha]]), Ga = {}, Ja = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Ka(o, e) {
-  return i(), u("svg", Ja, e[0] || (e[0] = [
+function Pa(o, e) {
+  return i(), u("svg", Ra, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2285,7 +2250,7 @@ function Ka(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const Za = /* @__PURE__ */ R(Ga, [["render", Ka]]), Wa = {}, Qa = {
+const Na = /* @__PURE__ */ R(Ta, [["render", Pa]]), Ha = {}, qa = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2294,22 +2259,22 @@ const Za = /* @__PURE__ */ R(Ga, [["render", Ka]]), Wa = {}, Qa = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Xa(o, e) {
-  return i(), u("svg", Qa, 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 We = /* @__PURE__ */ R(Wa, [["render", Xa]]), Ya = {}, er = {
+const Qe = /* @__PURE__ */ R(Ha, [["render", Ga]]), Ja = {}, Ka = {
   viewBox: "0 0 178 90",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function tr(o, e) {
-  return i(), u("svg", er, e[0] || (e[0] = [
+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 lr = /* @__PURE__ */ R(Ya, [["render", tr]]), or = {}, ar = {
+const Wa = /* @__PURE__ */ R(Ja, [["render", Za]]), Qa = {}, Xa = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2318,18 +2283,18 @@ const lr = /* @__PURE__ */ R(Ya, [["render", tr]]), or = {}, ar = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function rr(o, e) {
-  return i(), u("svg", ar, e[0] || (e[0] = [
+function 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 sr = /* @__PURE__ */ R(or, [["render", rr]]), nr = { class: "vs-datatable border rounded-xl w-full flex-grow" }, ir = { class: "flex items-center npm gap-[16px] justify-between p-[20px] pb-[16px]" }, ur = { class: "relative w-full" }, dr = { class: "table-wrapper flex gap-2" }, cr = { class: "vs-popover inline-block text-slate-700" }, pr = { class: "text-center" }, fr = { class: "" }, vr = { class: "py-1 px-0 w-full text-sm text-stone-800 bg-white shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-lg focus:outline-none focus:bg-stone-100 dark:bg-neutral-900 dark:text-neutral-200 dark:focus:bg-neutral-800 after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" }, mr = { class: "flex flex-col p-[1px] gap-[2px] w-[140px]" }, hr = { class: "text-sm items-center text-gray-800 flex gap-1" }, gr = { class: "w-full overflow-x-auto" }, br = { class: "w-full table-auto caption-bottom text-sm" }, yr = { class: "[&_tr]:border-b" }, xr = { class: "border-b data-[state=selected]:bg-muted bg-slate-50/50 dark:bg-slate-700/50 hover:bg-slate-50/80 dark:hover:bg-slate-700/80 transition-colors" }, wr = { class: "h-10 px-2 align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] w-12 text-center" }, kr = {
+const 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"
-}, _r = { class: "w-full" }, $r = { class: "p-5 min-h-[200px] flex flex-col justify-center items-center text-center" }, Cr = ["onDragstart", "onDragover", "onDrop"], Vr = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] text-center" }, Mr = { class: "flex items-center justify-center" }, Lr = { class: "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-slate-100 dark:bg-slate-700 text-slate-700 dark:text-slate-300 hover:bg-slate-200 dark:hover:bg-slate-600 transition-colors" }, Sr = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]" }, Br = { class: "flex items-center justify-center gap-2" }, jr = ["onClick"], Ir = ["onClick"], Ar = /* @__PURE__ */ A({
+}, 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__ */ K({
+  props: /* @__PURE__ */ Z({
     colModel: {},
     style: {},
     customClass: {},
@@ -2344,47 +2309,47 @@ const sr = /* @__PURE__ */ R(or, [["render", rr]]), nr = { class: "vs-datatable
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = Z(o, "modelValue"), n = k({}), r = k(""), a = O(() => {
-      if (!r.value) return t.value ?? [];
-      const C = r.value.toLowerCase();
+    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 z = m[V.key];
-        return z ? Array.isArray(z) ? z.join(", ").toLowerCase().includes(C) : String(z).toLowerCase().includes(C) : !1;
+        const E = m[V.key];
+        return E ? Array.isArray(E) ? E.join(", ").toLowerCase().includes(C) : String(E).toLowerCase().includes(C) : !1;
       }));
-    }), s = k(null), d = k(null), p = k(!1), f = k(null), c = k({ 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 = [...t.value], [V] = m.splice(s.value, 1);
-      m.splice(C, 0, V), t.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;
-    }, D = () => {
+    }, U = () => {
       f.value && f.value.click();
     }, T = (C) => {
       const V = C.target.files?.[0];
       if (!V) return;
-      const z = new FileReader();
-      z.onload = (W) => {
+      const E = new FileReader();
+      E.onload = (Q) => {
         try {
-          const te = W.target?.result;
+          const te = Q.target?.result;
           if (typeof te == "string") {
-            const xe = JSON.parse(te);
-            Array.isArray(xe) && t.value.push(...xe);
+            const ye = JSON.parse(te);
+            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(t.value, null, 2), m = new Blob([C], { type: "application/json" }), V = URL.createObjectURL(m), z = document.createElement("a");
-      z.href = V, z.download = "data.json", z.click(), URL.revokeObjectURL(V);
+      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);
     };
     ne(async () => {
       const C = e.colModel?.filter((m) => m.data);
@@ -2393,7 +2358,7 @@ const sr = /* @__PURE__ */ R(or, [["render", rr]]), nr = { class: "vs-datatable
       }));
     });
     async function _() {
-      const C = await Me({
+      const C = await Le({
         schema: e.colModel,
         mode: "add"
       });
@@ -2403,34 +2368,34 @@ const sr = /* @__PURE__ */ R(or, [["render", rr]]), nr = { class: "vs-datatable
       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 Me({
+      const V = await Le({
         schema: e.colModel,
         mode: "add",
         defaultValue: C
       });
-      V && (t.value = t.value.map((z, W) => W === m ? V : z));
+      V && (t.value = t.value.map((E, Q) => Q === m ? V : E));
     }
-    function J(C) {
+    function G(C) {
       t.value = t.value.filter((m, V) => V !== C);
     }
-    return (C, m) => (i(), u("div", nr, [
-      l("div", ir, [
-        l("div", ur, [
-          j(Oa, {
+    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"
           }),
-          G(l("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), [
-            [ie, r.value]
+            [ie, s.value]
           ])
         ]),
-        l("div", dr, [
+        l("div", as, [
           l("input", {
             ref_key: "fileInput",
             ref: f,
@@ -2439,14 +2404,14 @@ const sr = /* @__PURE__ */ R(or, [["render", rr]]), nr = { class: "vs-datatable
             accept: ".json",
             type: "file"
           }, null, 544),
-          l("div", cr, [
-            l("div", pr, [
-              l("div", fr, [
+          l("div", 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(Ra, {
+                  j(Ea, {
                     height: "16",
                     width: "16"
                   })
@@ -2455,36 +2420,36 @@ const sr = /* @__PURE__ */ R(or, [["render", rr]]), nr = { class: "vs-datatable
             ])
           ])
         ]),
-        (i(), X(vt, { to: "body" }, [
+        (i(), X(pt, { to: "body" }, [
           p.value ? (i(), u("div", {
             key: 0,
             class: "text-slate-700 vsTailwind vs-popover__content bottom",
-            style: me([{ width: "fit-content", "z-index": "10002", position: "fixed" }, { position: "absolute", top: c.value.top + "px", left: c.value.left + "px" }])
+            style: ve([{ width: "fit-content", "z-index": "10002", position: "fixed" }, { position: "absolute", top: c.value.top + "px", left: c.value.left + "px" }])
           }, [
-            l("div", vr, [
-              l("div", mr, [
+            l("div", is, [
+              l("div", us, [
                 l("button", {
-                  onClick: D,
+                  onClick: U,
                   class: "text-slate-700 flex items-center gap-1 px-3 py-2 rounded-md cursor-pointer group hover:bg-gray-100"
                 }, [
-                  j(qa, {
+                  j(Ua, {
                     class: "text-black",
                     width: "14",
                     height: "14"
                   }),
-                  m[1] || (m[1] = oe(" Імпортувати ", -1))
+                  m[1] || (m[1] = oe(" Імпортувати "))
                 ]),
                 l("button", {
                   onClick: P,
                   class: "text-slate-700 flex items-center px-3 py-2 rounded-md cursor-pointer group hover:bg-gray-100"
                 }, [
-                  l("span", hr, [
-                    j(Za, {
+                  l("span", ds, [
+                    j(Na, {
                       class: "text-black",
                       width: "14",
                       height: "14"
                     }),
-                    m[2] || (m[2] = oe(" Експортувати ", -1))
+                    m[2] || (m[2] = oe(" Експортувати "))
                   ])
                 ])
               ])
@@ -2496,34 +2461,34 @@ const sr = /* @__PURE__ */ R(or, [["render", rr]]), nr = { class: "vs-datatable
           class: "text-slate-700 bg-white hover:bg-gray-100 font-semibold text-[15px] leadig-[18.5px] py-[10px] px-[12px] border border-[#E5E7EB] rounded-[8px] h-[38px] max-h-[38px] gap-[8px] flex items-center"
         }, [
           j(je),
-          m[3] || (m[3] = oe(" Додати ", -1))
+          m[3] || (m[3] = oe(" Додати "))
         ])
       ]),
-      l("div", gr, [
-        l("table", br, [
-          l("thead", yr, [
-            l("tr", xr, [
-              l("th", wr, [
-                j(We, {
+      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)),
+              }, 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))
             ])
           ]),
           l("tbody", {
             class: S({ "[&_tr:last-child]:border-0": !d.value })
           }, [
-            a.value.length === 0 ? (i(), u("td", kr, [
-              l("div", _r, [
-                l("div", $r, [
-                  j(lr, { class: "w-48 mx-auto" }),
+            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" })
@@ -2531,46 +2496,46 @@ const sr = /* @__PURE__ */ R(or, [["render", rr]]), nr = { class: "vs-datatable
                 ])
               ])
             ])) : B("", !0),
-            (i(!0), u(Q, null, Y(a.value, (V, z) => (i(), u("tr", {
+            (i(!0), u(K, null, Y(a.value, (V, E) => (i(), u("tr", {
               key: V.id,
               class: S(["border-b data-[state=selected]:bg-muted transition-all duration-200 hover:bg-slate-50/60 dark:hover:bg-slate-700/60 cursor-move", {
-                "opacity-50": s.value === z,
-                "border-t-2 border-b-2 border-blue-500 bg-blue-50 dark:bg-blue-900/20": d.value === z
+                "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: (W) => g(z),
-              onDragover: re((W) => v(z), ["prevent"]),
-              onDrop: (W) => M(z)
+              onDragstart: (Q) => g(E),
+              onDragover: se((Q) => v(E), ["prevent"]),
+              onDrop: (Q) => M(E)
             }, [
-              l("td", Vr, [
-                l("div", Mr, [
-                  j(We, {
+              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, (W) => (i(), u("td", {
-                key: W.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]"
               }, [
-                l("div", Lr, E(x(V, W)), 1)
+                l("div", ks, F(x(V, Q)), 1)
               ]))), 128)),
-              l("td", Sr, [
-                l("div", Br, [
+              l("td", _s, [
+                l("div", $s, [
                   l("button", {
-                    onClick: (W) => h(V, z),
+                    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(sr, {
+                    j(es, {
                       width: "24",
                       height: "24",
                       class: "w-3 h-3"
                     })
-                  ], 8, jr),
+                  ], 8, Cs),
                   l("button", {
-                    onClick: (W) => J(z),
+                    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, {
@@ -2578,16 +2543,16 @@ const sr = /* @__PURE__ */ R(or, [["render", rr]]), nr = { class: "vs-datatable
                       height: "24",
                       class: "w-3 h-3"
                     })
-                  ], 8, Ir)
+                  ], 8, Vs)
                 ])
               ])
-            ], 42, Cr))), 128))
+            ], 42, ys))), 128))
           ], 2)
         ])
       ])
     ]));
   }
-}), zr = {
+}), Ms = {
   draw: {
     toolbar: {
       actions: {
@@ -2695,7 +2660,7 @@ const sr = /* @__PURE__ */ R(or, [["render", rr]]), nr = { class: "vs-datatable
     }
   }
 };
-function Er(o) {
+function Ss(o) {
   return o ? o.type === "FeatureCollection" || o.type === "Feature" ? o : o.geom ? {
     type: "Feature",
     geometry: {
@@ -2709,7 +2674,7 @@ function Er(o) {
     properties: {}
   } : null : null;
 }
-const Fr = {}, Or = {
+const Bs = {}, js = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   stroke: "currentColor",
@@ -2719,8 +2684,8 @@ const Fr = {}, Or = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-map-pin"
 };
-function Dr(o, e) {
-  return i(), u("svg", Or, e[0] || (e[0] = [
+function Is(o, e) {
+  return i(), u("svg", js, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2730,7 +2695,7 @@ function Dr(o, e) {
     l("path", { d: "M17.657 16.657l-4.243 4.243a2 2 0 0 1 -2.827 0l-4.244 -4.243a8 8 0 1 1 11.314 0z" }, null, -1)
   ]));
 }
-const Ur = /* @__PURE__ */ R(Fr, [["render", Dr]]), Tr = {}, Rr = {
+const zs = /* @__PURE__ */ R(Bs, [["render", Is]]), As = {}, Es = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2740,8 +2705,8 @@ const Ur = /* @__PURE__ */ R(Fr, [["render", Dr]]), Tr = {}, Rr = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-line"
 };
-function Pr(o, e) {
-  return i(), u("svg", Rr, e[0] || (e[0] = [
+function Fs(o, e) {
+  return i(), u("svg", Es, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2752,7 +2717,7 @@ function Pr(o, e) {
     l("path", { d: "M7.5 16.5l9 -9" }, null, -1)
   ]));
 }
-const Nr = /* @__PURE__ */ R(Tr, [["render", Pr]]), Hr = {}, qr = {
+const Os = /* @__PURE__ */ R(As, [["render", Fs]]), Ds = {}, Us = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2762,12 +2727,12 @@ const Nr = /* @__PURE__ */ R(Tr, [["render", Pr]]), Hr = {}, qr = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-polygon"
 };
-function Gr(o, e) {
-  return i(), u("svg", qr, e[0] || (e[0] = [
+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 Jr = /* @__PURE__ */ R(Hr, [["render", Gr]]), Kr = {}, Zr = {
+const Rs = /* @__PURE__ */ R(Ds, [["render", Ts]]), Ps = {}, Ns = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2777,12 +2742,12 @@ const Jr = /* @__PURE__ */ R(Hr, [["render", Gr]]), Kr = {}, Zr = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-topology-ring-3"
 };
-function Wr(o, e) {
-  return i(), u("svg", Zr, e[0] || (e[0] = [
+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 Qr = /* @__PURE__ */ R(Kr, [["render", Wr]]), Xr = {}, Yr = {
+const qs = /* @__PURE__ */ R(Ps, [["render", Hs]]), Gs = {}, Js = {
   version: "1.1",
   viewBox: "0 0 14 14",
   xmlns: "http://www.w3.org/2000/svg",
@@ -2790,8 +2755,8 @@ const Qr = /* @__PURE__ */ R(Kr, [["render", Wr]]), Xr = {}, Yr = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   class: "fullscreen-icon"
 };
-function es(o, e) {
-  return i(), u("svg", Yr, e[0] || (e[0] = [
+function 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),
@@ -2820,10 +2785,10 @@ function es(o, e) {
     ], -1)
   ]));
 }
-const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { class: "form-geom__search" }, os = { class: "map-search__input" }, as = { class: "flex flex-nowrap relative" }, rs = { class: "form-autocomplete relative min-w-[6rem] vsTailwind map-search__select hidden" }, ss = { class: "flex items-center w-full" }, ns = { class: "max-w-[90%] truncate" }, is = {
+const 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"
-}, us = { class: "form-autocomplete__wrapper mt-[10px] z-50 w-full min-w-36 max-h-72 p-0 space-y-0.5 bg-white rounded-xl shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:bg-neutral-900 top-full opened" }, ds = { class: "form-autocomplete__list vsTailwind px-2 pb-2 pt-0 max-h-200 relative [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:bg-gray-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900" }, cs = ["onClick"], ps = { class: "flex justify-between items-center w-full" }, fs = { class: "flex items-center" }, vs = {
+}, 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",
@@ -2834,32 +2799,32 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { class: "form-geom__se
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, ms = { class: "relative w-full" }, hs = { class: "vs-form-text relative bg-white rounded-lg" }, gs = {
+}, 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"
-}, bs = { key: 0 }, ys = ["onClick"], xs = {
+}, pr = { key: 0 }, fr = ["onClick"], vr = {
   key: 1,
   class: "px-3 py-2 text-xs text-gray-500"
-}, ws = {
+}, mr = {
   key: 2,
   class: "px-3 py-2 text-xs text-gray-400"
-}, ks = /* @__PURE__ */ A({
+}, hr = /* @__PURE__ */ A({
   __name: "map-search",
   props: {
     placeholder: { default: "50, 30" }
   },
   emits: ["goToCoordinates"],
   setup(o, { emit: e }) {
-    const t = e, n = k(!1), r = k("coordinates"), a = k(""), s = k([]), d = k(!1), p = k(!1);
+    const t = e, n = 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 = O(() => c.find((_) => _.value === r.value)?.label ?? "АТУ");
+    ], g = D(() => c.find((_) => _.value === s.value)?.label ?? "АТУ");
     function v(_) {
-      r.value = _.value, n.value = !1, a.value = "", a.value && D();
+      s.value = _.value, n.value = !1, a.value = "", a.value && U();
     }
     function M(_) {
       _.target.closest(".map-search__input") || (n.value = !1);
@@ -2867,12 +2832,12 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { class: "form-geom__se
     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 D() {
-      if (d.value = !0, p.value = !0, r.value === "coordinates") {
+    function U() {
+      if (d.value = !0, p.value = !0, s.value === "coordinates") {
         const _ = a.value.trim().split(",");
         if (_.length === 2) {
           const x = parseFloat(_[0]), h = parseFloat(_[1]);
@@ -2883,36 +2848,36 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { class: "form-geom__se
       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 T() {
-      a.value = "", s.value = [], d.value = !1, p.value = !1;
+      a.value = "", r.value = [], d.value = !1, p.value = !1;
     }
     function P(_) {
-      t("goToCoordinates", _), d.value = !1, p.value = !1, s.value = [];
+      t("goToCoordinates", _), d.value = !1, p.value = !1, r.value = [];
     }
-    return (_, x) => (i(), u("div", ls, [
-      l("div", os, [
-        l("div", as, [
-          l("div", rs, [
+    return (_, 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"
             }, [
-              l("div", ss, [
-                l("span", ns, E(g.value), 1)
+              l("div", er, [
+                l("span", tr, F(g.value), 1)
               ]),
               x[3] || (x[3] = l("svg", {
                 class: "stroke-gray-500 absolute right-3 translate-y-1/2 bottom-1/2",
@@ -2929,29 +2894,29 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { class: "form-geom__se
                 })
               ], -1))
             ]),
-            n.value ? (i(), u("div", is, [
-              l("div", us, [
-                l("div", ds, [
-                  (i(), u(Q, null, Y(c, (h) => l("div", {
-                    onClick: (J) => v(h),
+            n.value ? (i(), u("div", 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"
                   }, [
-                    l("div", ps, [
-                      l("div", fs, [
-                        l("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", vs, x[4] || (x[4] = [
+                      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, cs)), 64))
+                  ], 8, sr)), 64))
                 ])
               ])
             ])) : B("", !0)
           ]),
-          l("div", ms, [
-            l("div", hs, [
+          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",
@@ -2975,10 +2940,10 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { class: "form-geom__se
                   })
                 ])
               ], -1)),
-              G(l("input", {
+              q(l("input", {
                 type: "text",
                 "onUpdate:modelValue": x[1] || (x[1] = (h) => a.value = h),
-                onInput: D,
+                onInput: U,
                 onFocus: x[2] || (x[2] = (h) => d.value = !0),
                 placeholder: "lat, lng ex. 50, 30",
                 class: "bg-white h-[38px] text-sm py-2 px-3 ps-9 pe-8 block w-full border border-solid placeholder:text-nowrap border-stone-200 rounded-lg text-stone-800 placeholder:text-stone-400 focus:outline focus:z-10 focus:border-blue-500 focus:ring-blue-500 focus:outline-blue-500"
@@ -3007,14 +2972,14 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { class: "form-geom__se
                   })
                 ], -1)
               ]))) : B("", !0),
-              d.value && r.value !== "coordinates" ? (i(), u("div", gs, [
-                s.value.length ? (i(), u("ul", bs, [
-                  (i(!0), u(Q, null, Y(s.value, (h) => (i(), u("li", {
+              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, ys))), 128))
-                ])) : p.value ? (i(), u("div", xs, "Шукаю…")) : (i(), u("div", ws, "Нічого не знайдено"))
+                  }, F(h.properties.display_name), 9, fr))), 128))
+                ])) : p.value ? (i(), u("div", vr, "Шукаю…")) : (i(), u("div", mr, "Нічого не знайдено"))
               ])) : B("", !0)
             ])
           ])
@@ -3022,7 +2987,7 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { class: "form-geom__se
       ])
     ]));
   }
-}), _s = { class: "bg-white/95 p-2 rounded-xl shadow border border-gray-200" }, $s = { class: "flex gap-2" }, Cs = ["onClick", "title"], Vs = ["src"], Ms = /* @__PURE__ */ A({
+}), 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: {},
@@ -3030,13 +2995,13 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { class: "form-geom__se
   },
   emits: ["onLayerChange"],
   setup(o, { emit: e }) {
-    const n = k(o.defaultLayer ?? ""), r = e;
-    function a(s) {
-      r("onLayerChange", s), n.value = s;
+    const n = k(o.defaultLayer ?? ""), s = e;
+    function a(r) {
+      s("onLayerChange", r), n.value = r;
     }
-    return (s, d) => (i(), u("div", _s, [
-      l("div", $s, [
-        (i(!0), u(Q, null, Y(s.basemaps, (p, f) => (i(), u("div", {
+    return (r, d) => (i(), u("div", gr, [
+      l("div", br, [
+        (i(!0), u(K, null, Y(r.basemaps, (p, f) => (i(), u("div", {
           key: f,
           class: S(["cursor-pointer border rounded-lg overflow-hidden hover:shadow-sm", { "ring-2 ring-blue-500 border-blue-300": n.value === f }]),
           onClick: (c) => a(f),
@@ -3048,21 +3013,21 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { class: "form-geom__se
             src: p.preview,
             alt: "",
             class: "w-14 h-14 object-cover"
-          }, null, 8, Vs)
-        ], 10, Cs))), 128))
+          }, null, 8, xr)
+        ], 10, yr))), 128))
       ])
     ]));
   }
-}), Ls = { class: "absolute top-4 left-4 z-[1000] w-[calc(100%-20px)] sm:w-[350px]" }, Ss = { class: "form-geom__panel flex gap-1 items-start mt-2" }, Bs = { class: "flex items-center gap-1" }, js = ["disabled"], Is = { class: "absolute top-4 right-4 z-[1000]" }, As = { class: "flex flex-col gap-[2px]" }, zs = ["aria-pressed"], Es = ["aria-pressed"], Fs = ["aria-pressed"], Os = ["aria-pressed"], Ds = { class: "absolute bottom-0 left-0 right-0 z-[1000] bg-white/95 border-t border-gray-200 text-xs text-gray-700 flex items-center gap-4 pt-1" }, Us = {
+}), 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"
-}, Ts = { class: "mr-auto" }, Rs = { class: "font-bold" }, Ps = { class: "flex items-center" }, Ns = { class: "text-xs mr-2" }, Hs = {
+}, 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"
-}, qs = {
+}, Ur = {
   key: 1,
   class: "text-xs"
-}, Gs = /* @__PURE__ */ A({
+}, Tr = /* @__PURE__ */ A({
   __name: "vs-input-map",
   props: {
     tools: {},
@@ -3078,8 +3043,8 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { class: "form-geom__se
   setup(o, { emit: e }) {
     const t = o;
     console.log(t);
-    const n = e, r = k(null);
-    let a, s, d;
+    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",
@@ -3095,33 +3060,33 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { class: "form-geom__se
       }
     };
     let I;
-    const D = k("topo100");
+    const U = k("topo100");
     function T() {
       return new Promise((b, $) => {
         window.L && window.L.Draw && b(0);
-        const F = (ee) => {
-          if (Array.from(document.styleSheets).some((be) => be?.href?.includes(ee))) return;
-          const pe = document.createElement("link");
-          pe.rel = "stylesheet", pe.href = ee, document.head.appendChild(pe);
-        }, N = (ee) => new Promise(($e, pe) => {
-          const be = Array.from(document.scripts).find((fe) => fe.src === ee);
-          if (be) {
-            be.addEventListener("load", () => $e()), be.addEventListener("error", (fe) => pe(fe));
+        const O = (ee) => {
+          if (Array.from(document.styleSheets).some((ge) => ge?.href?.includes(ee))) return;
+          const de = document.createElement("link");
+          de.rel = "stylesheet", de.href = ee, document.head.appendChild(de);
+        }, N = (ee) => new Promise(($e, de) => {
+          const ge = Array.from(document.scripts).find((ce) => ce.src === ee);
+          if (ge) {
+            ge.addEventListener("load", () => $e()), ge.addEventListener("error", (ce) => de(ce));
             return;
           }
-          const ye = document.createElement("script");
-          ye.src = ee, ye.async = !0, ye.onload = () => $e(), ye.onerror = (fe) => pe(fe), document.body.appendChild(ye);
+          const be = document.createElement("script");
+          be.src = ee, be.async = !0, be.onload = () => $e(), be.onerror = (ce) => de(ce), document.body.appendChild(be);
         });
-        F("https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"), F("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.css"), N("https://unpkg.com/leaflet@1.9.4/dist/leaflet.js").then(() => N("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.js")).then(() => b(0)).catch($);
+        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();
+      const b = r.toGeoJSON();
       let $ = null;
-      b?.features?.length && ($ = b.features[0].geometry), n("update:modelValue", $), g.value = s.getLayers().length;
+      b?.features?.length && ($ = b.features[0].geometry), n("update:modelValue", $), g.value = r.getLayers().length;
     }
     function _(b = 30) {
-      const $ = s.getLayers();
+      const $ = r.getLayers();
       if (!$.length) return;
       const N = L.featureGroup($).getBounds();
       N && N.isValid() && a.fitBounds(N, { padding: [b, b] });
@@ -3130,7 +3095,7 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { class: "form-geom__se
       p.value?.click();
     }
     const h = k("");
-    function J(b) {
+    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) {
@@ -3140,7 +3105,7 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { class: "form-geom__se
       }
       if (b instanceof L.Polygon || b instanceof L.Rectangle)
         try {
-          const $ = b.getLatLngs(), F = Array.isArray($[0]) ? $[0] : $, N = L.GeometryUtil?.geodesicArea ? L.GeometryUtil.geodesicArea(F) : 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;
@@ -3151,46 +3116,46 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { 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 $ = b[b.length - 1], F = J($), N = m($), ee = C($);
+      const $ = b[b.length - 1], O = G($), N = m($), ee = C($);
       v.value = {
-        type: F,
+        type: O,
         center: N,
         areaKm2: ee,
         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 W() {
+    function Q() {
       const b = v.value?.layer;
-      b && (s.removeLayer(b), P(), V());
+      b && (r.removeLayer(b), P(), V());
     }
     ne(async () => {
-      await T(), L.drawLocal = zr, a = L.map(r.value, { zoomControl: !1 }).setView([50, 30], 10), L.control.zoom({ position: "bottomright" }).addTo(a), I = L.tileLayer(M.topo100.url, { maxZoom: 19, minZoom: 6 }).addTo(a), D.value = "topo100", s = new L.FeatureGroup().addTo(a), a.on(L.Draw.Event.CREATED, (F) => {
-        const { layer: N } = F;
-        s.clearLayers(), s.addLayer(N), P(), V(), _(), h.value = "";
+      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(), _();
       });
       let b = !1;
-      a.on("mousemove", (F) => {
-        b || (a.invalidateSize(), b = !0), f.value = F.latlng;
+      a.on("mousemove", (O) => {
+        b || (a.invalidateSize(), b = !0), f.value = O.latlng;
       }), a.on("zoomend", () => {
         c.value = a.getZoom();
       });
-      const $ = Er(t.modelValue);
+      const $ = Ss(t.modelValue);
       if ($) {
-        const F = [];
-        L.geoJSON($).eachLayer((N) => F.push(N)), F.length && s.addLayer(F[0]), P(), V(), _();
+        const O = [];
+        L.geoJSON($).eachLayer((N) => O.push(N)), O.length && r.addLayer(O[0]), P(), V(), _();
       }
     });
     function te(b) {
@@ -3215,39 +3180,39 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { class: "form-geom__se
         d && (d.enable(), h.value = b);
       }
     }
-    function xe() {
-      const b = s.toGeoJSON(), $ = new Blob([JSON.stringify(b, null, 2)], { type: "application/json" }), F = URL.createObjectURL($), N = document.createElement("a");
-      N.href = F, N.download = "data.geojson", N.click(), URL.revokeObjectURL(F);
+    function ye() {
+      const b = r.toGeoJSON(), $ = new Blob([JSON.stringify(b, null, 2)], { type: "application/json" }), O = URL.createObjectURL($), N = document.createElement("a");
+      N.href = O, N.download = "data.geojson", N.click(), URL.revokeObjectURL(O);
     }
     function ke(b) {
       const $ = b.target.files?.[0];
       if (!$) return;
-      const F = new FileReader();
-      F.onload = () => {
-        if (typeof F.result == "string")
+      const O = new FileReader();
+      O.onload = () => {
+        if (typeof O.result == "string")
           try {
-            const N = JSON.parse(F.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 = "";
           }
-      }, F.readAsText($);
+      }, O.readAsText($);
     }
     function ue(b) {
-      a && (I && a.removeLayer(I), I = L.tileLayer(M[b].url, { maxZoom: 19, minZoom: 6 }).addTo(a), D.value = b);
+      a && (I && a.removeLayer(I), I = L.tileLayer(M[b].url, { maxZoom: 19, minZoom: 6 }).addTo(a), U.value = b);
     }
-    function Ae(b) {
+    function ze(b) {
       const $ = L.latLng(b[0], b[1]);
       a.setView($, 13);
     }
-    se(
+    re(
       () => t.modelValue,
       (b) => {
-        s.clearLayers(), b && L.geoJSON({ type: "Feature", geometry: b }).eachLayer(($) => {
-          s.addLayer($);
-        }), 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 _e = k(!1);
@@ -3256,13 +3221,13 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { class: "form-geom__se
     }, [
       l("div", {
         ref_key: "mapContainer",
-        ref: r,
+        ref: s,
         class: "w-full h-full"
       }, null, 512),
-      l("div", Ls, [
-        j(ks, { onGoToCoordinates: Ae }),
-        l("div", Ss, [
-          l("div", Bs, [
+      l("div", kr, [
+        j(hr, { onGoToCoordinates: ze }),
+        l("div", _r, [
+          l("div", $r, [
             l("button", {
               type: "button",
               class: "vs-btn-row",
@@ -3271,9 +3236,9 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { class: "form-geom__se
             l("button", {
               type: "button",
               class: "vs-btn-row",
-              onClick: xe,
+              onClick: ye,
               disabled: g.value === 0
-            }, "Export ", 8, js)
+            }, "Export ", 8, Cr)
           ]),
           l("input", {
             ref_key: "importRef",
@@ -3285,92 +3250,92 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { class: "form-geom__se
           }, null, 544)
         ])
       ]),
-      l("div", Is, [
-        l("div", As, [
+      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: $[0] || ($[0] = (F) => te("marker"))
+            onClick: $[0] || ($[0] = (O) => te("marker"))
           }, [
-            j(Ur)
-          ], 10, zs),
+            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: $[1] || ($[1] = (F) => te("polyline"))
+            onClick: $[1] || ($[1] = (O) => te("polyline"))
           }, [
-            j(Nr)
-          ], 10, Es),
+            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: $[2] || ($[2] = (F) => te("polygon"))
+            onClick: $[2] || ($[2] = (O) => te("polygon"))
           }, [
-            j(Jr)
-          ], 10, Fs),
+            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: $[3] || ($[3] = (F) => te("rectangle"))
+            onClick: $[3] || ($[3] = (O) => te("rectangle"))
           }, [
-            j(Qr)
-          ], 10, Os),
+            j(qs)
+          ], 10, jr),
           l("button", {
             class: "vs-btn mt-5",
-            onClick: $[4] || ($[4] = (F) => _e.value = !_e.value),
+            onClick: $[4] || ($[4] = (O) => _e.value = !_e.value),
             title: "Full Screen",
             "aria-label": "Full Screen"
           }, [
-            j(ts, { style: { width: "12px", height: "12px" } })
+            j(Zs, { style: { width: "12px", height: "12px" } })
           ])
         ])
       ]),
       l("div", {
         class: S(["absolute left-4 z-[1000]", v.value ? "bottom-8" : "bottom-4"])
       }, [
-        j(Ms, {
+        j(wr, {
           basemaps: M,
           "default-layer": "topo100",
           onOnLayerChange: ue
         })
       ], 2),
-      l("div", Ds, [
-        v.value ? (i(), u("div", Us, [
-          l("div", Ts, [
-            $[7] || ($[7] = oe(" Тип: ", -1)),
-            l("span", Rs, E(v.value.type), 1)
+      l("div", Ir, [
+        v.value ? (i(), u("div", zr, [
+          l("div", Ar, [
+            $[7] || ($[7] = oe(" Тип: ")),
+            l("span", Er, F(v.value.type), 1)
           ]),
-          l("div", Ps, [
-            l("div", Ns, [
-              $[8] || ($[8] = oe(" Центр: ", -1)),
-              l("b", null, E(v.value.center.lat.toFixed(5)) + ", " + E(v.value.center.lng.toFixed(5)), 1)
+          l("div", 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", Hs, [
-              $[9] || ($[9] = oe(" Площа: ", -1)),
-              l("b", null, E(v.value.areaKm2.toFixed(1)) + "км²", 1)
-            ])) : (i(), u("div", qs, $[10] || ($[10] = [
-              oe(" Площа: ", -1),
+            v.value.areaKm2 !== null ? (i(), u("div", Dr, [
+              $[9] || ($[9] = oe(" Площа: ")),
+              l("b", null, F(v.value.areaKm2.toFixed(1)) + "км²", 1)
+            ])) : (i(), u("div", Ur, $[10] || ($[10] = [
+              oe(" Площа: "),
               l("b", null, "—", -1)
             ]))),
             l("button", {
               class: "tool bg-gray-100 py-1.5 px-2 rounded-lg text-md mr-1 cursor-pointer hover:bg-blue-500 hover:text-white transition-all",
               title: "Наблизити",
-              onClick: $[5] || ($[5] = (F) => z())
+              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)
             ])),
             l("button", {
               class: "tool bg-gray-100 py-1.5 px-2 rounded-lg text-md cursor-pointer hover:bg-blue-500 hover:text-white transition-all",
               title: "Видалити",
-              onClick: $[6] || ($[6] = (F) => W())
+              onClick: $[6] || ($[6] = (O) => Q())
             }, [
               j(Ie, { class: "w-3 h-3" })
             ])
@@ -3379,12 +3344,12 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { class: "form-geom__se
       ])
     ], 2));
   }
-}), Js = /* @__PURE__ */ R(Gs, [["__scopeId", "data-v-55d330eb"]]), Ks = ["data-focus"], Zs = { class: "flex items-center" }, Ws = { class: "overflow-hidden text-ellipsis whitespace-nowrap rounded-sm text-[#333] text-[85%] px-0.5 py-[3px] pl-1.5 box-border" }, Qs = ["onClick", "aria-label"], Xs = {
+}), 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"
-}, Ys = { class: "flex-1 min-w-[2px]" }, en = ["placeholder"], tn = { class: "flex items-center shrink-0" }, ln = ["disabled"], on = /* @__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__ */ K({
+  props: /* @__PURE__ */ Z({
     unique: { type: Boolean, default: !0 },
     style: { default: () => ({}) },
     customClass: { default: "" },
@@ -3397,18 +3362,18 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { class: "form-geom__se
     modelValue: { default: [] },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ K(["update:modelValue"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ Z(["update:modelValue"], ["update:modelValue"]),
   setup(o, { emit: e }) {
     const t = o, n = e;
-    ge(t.style);
-    const r = k(null), a = k(null), s = k(null), d = k(!1), p = k(""), f = Z(o, "modelValue"), c = O(() => t.placeholder || "Add tag…"), g = O(() => f.value?.length === 0 && p.value === ""), v = O(() => !t.disabled && f.value?.length > 0), M = O(() => t.disabled), I = async () => {
-      M.value || await Ce(() => s.value?.focus());
-    }, D = (C) => {
+    he(t.style);
+    const s = k(null), a = k(null), r = k(null), d = k(!1), p = k(""), f = W(o, "modelValue"), c = D(() => t.placeholder || "Add tag…"), g = D(() => f.value?.length === 0 && p.value === ""), v = D(() => !t.disabled && f.value?.length > 0), M = D(() => t.disabled), I = async () => {
+      M.value || await Ce(() => r.value?.focus());
+    }, U = (C) => {
       const m = C.trim();
       m !== "" && (!f.value || !Array.isArray(f.value) ? f.value = [m] : t.unique ? f.value.includes(m) || (f.value = [...f.value, m]) : f.value = [...f.value, m], p.value = "");
     }, T = () => {
       const C = p.value;
-      C.trim() !== "" && D(C), p.value = "";
+      C.trim() !== "" && U(C), p.value = "";
     }, P = (C) => {
       const m = f.value.slice();
       m.splice(C, 1), n("update:modelValue", m);
@@ -3418,15 +3383,15 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { 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(), 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"]))
     }, [
       l("div", {
@@ -3449,17 +3414,17 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { class: "form-geom__se
             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"
             }, [
-              l("div", Zs, [
-                l("div", Ws, E(V), 1)
+              l("div", Nr, [
+                l("div", Hr, F(V), 1)
               ]),
               l("div", {
                 role: "button",
                 class: "flex items-center rounded-sm px-1 box-border hover:bg-[#ffbdad] hover:text-[#de350b]",
-                onClick: re((W) => P(z), ["stop"]),
+                onClick: se((Q) => P(E), ["stop"]),
                 "aria-label": `Remove ${V}`
               }, m[2] || (m[2] = [
                 l("svg", {
@@ -3472,14 +3437,14 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { class: "form-geom__se
                 }, [
                   l("path", { d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z" })
                 ], -1)
-              ]), 8, Qs)
+              ]), 8, qr)
             ]))), 128)),
-            g.value ? (i(), u("div", Xs, E(c.value), 1)) : B("", !0),
-            l("div", Ys, [
-              M.value ? B("", !0) : G((i(), u("input", {
+            g.value ? (i(), u("div", 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",
@@ -3491,21 +3456,21 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { 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, en)), [
+              }, null, 40, Kr)), [
                 [ie, p.value]
               ])
             ])
           ], 512),
-          l("div", tn, [
+          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] = [
               l("svg", {
                 height: "20",
@@ -3515,34 +3480,34 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { class: "form-geom__se
               }, [
                 l("path", { d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z" })
               ], -1)
-            ]), 8, ln)) : B("", !0)
+            ]), 8, Wr)) : B("", !0)
           ])
-        ], 10, Ks)
+        ], 10, Pr)
       ], 2)
     ], 512));
   }
-}), an = {
-  VsInputText: qe,
-  VsInputRadio: Je,
-  "vs-input-text": qe,
-  "vs-input-textarea": Aa,
-  "vs-input-mask": nl,
-  "vs-input-number": jt,
-  "vs-input-radio": Je,
-  "vs-input-select": ja,
-  "vs-input-switcher": lt,
-  "vs-input-static": Ge,
-  "vs-input-container": ia,
-  "vs-input-date": wl,
-  "vs-input-checkbox": yl,
+}), Xr = {
+  VsInputText: Ge,
+  VsInputRadio: Ke,
+  "vs-input-text": Ge,
+  "vs-input-textarea": La,
+  "vs-input-mask": rl,
+  "vs-input-number": Bt,
+  "vs-input-radio": Ke,
+  "vs-input-select": Ca,
+  "vs-input-switcher": ot,
+  "vs-input-static": Je,
+  "vs-input-container": na,
+  "vs-input-date": xl,
+  "vs-input-checkbox": bl,
   "vs-input-file": so,
-  "vs-input-html": Ge,
-  "vs-input-email": dl,
-  "vs-input-datatable": Ar,
-  "vs-input-map": Js,
-  "vs-input-file-list": Oo,
-  "vs-input-tag": on
-}, rn = /* @__PURE__ */ A({
+  "vs-input-html": Je,
+  "vs-input-email": ul,
+  "vs-input-datatable": Ls,
+  "vs-input-map": Rr,
+  "vs-input-file-list": Fo,
+  "vs-input-tag": Qr
+}, Yr = /* @__PURE__ */ A({
   __name: "behavior",
   props: {
     api: {},
@@ -3556,27 +3521,27 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { class: "form-geom__se
     async function n() {
       try {
         if (!e.api) return;
-        const r = e.api.replace("{{value}}", e.value), a = await fetch(r);
+        const s = e.api.replace("{{value}}", e.value), a = await fetch(s);
         if (!a.ok) {
-          ve({ type: "warning", title: "Validation", message: "При спробі завантажити дані виникла помилка." });
+          fe({ type: "warning", title: "Validation", message: "При спробі завантажити дані виникла помилка." });
           return;
         }
-        const s = await a.json();
+        const r = await a.json();
         if (!e.set || !t) return;
         for (const [d, p] of Object.entries(e.set))
-          t.value[d] = s.result[p];
-      } catch (r) {
-        console.error(e.error, r);
+          t.value[d] = r.result[p];
+      } catch (s) {
+        console.error(e.error, s);
       }
     }
-    return (r, a) => (i(), u("button", {
+    return (s, a) => (i(), u("button", {
       onClick: n,
       class: "vs-button relative inline-flex border-solid justify-center items-center gap-2 rounded-md font-semibold focus:outline-none text-sm transition-all border !border-gray-200 hover:text-white bg-white text-blue-500 hover:border-blue-500 hover:bg-blue-500 focus:ring-blue-500 py-1.5 px-5 focus:ring-1 focus:ring-offset-1 ml-0 md:ml-2 mt-2 md:mt-0 py-[8px] md:w-2/4 whitespace-nowrap w-full"
-    }, E(r.button), 1));
+    }, F(s.button), 1));
   }
-}), sn = { class: "flex w-full" }, rt = /* @__PURE__ */ A({
+}), en = { class: "flex w-full" }, rt = /* @__PURE__ */ A({
   __name: "vs-compact-form-layout",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ Z({
     item: { default: {} },
     layout: { default: "default" },
     style: { default: {} },
@@ -3588,14 +3553,14 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { class: "form-geom__se
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = Z(o, "modelValue"), n = O(() => Lt[`${e.layout}`]), r = O(() => an?.[`vs-input-${e.item.type}`]), a = O(() => {
-      const d = q(r);
+    const e = o, t = 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 = O(() => {
+    }), r = D(() => {
       const d = e.item ?? {}, p = a.value;
       return p.size ? Object.fromEntries(Object.entries(d).filter(([f]) => p.has(f))) : {};
     });
@@ -3605,38 +3570,38 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { class: "form-geom__se
       item: d.item,
       label: e.item.label
     }, {
-      default: Le(() => [
-        l("div", sn, [
-          (i(), X(we(r.value), Ve(s.value, {
+      default: Me(() => [
+        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(rn, Ve({ key: 0 }, d.item.behavior, { value: t.value }), null, 16, ["value"])) : B("", !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"
-}, nn = (o) => o ? !1 : st.required, un = (o) => !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(o) && o ? st.email : !1, dn = (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;
-}, cn = (o, e) => !1, pn = (o, e) => {
+}, an = (o, e) => !1, sn = (o, e) => {
   switch (typeof e == "string" ? e : e.type) {
     case "required":
-      return nn(o);
+      return tn(o);
     case "email":
-      return un(o);
+      return ln(o);
     case "regexp":
-      return dn(o, e);
+      return on(o, e);
     case "custom":
-      return cn();
+      return an();
     default:
       return !1;
   }
-}, fn = {
+}, rn = {
   autocomplete: "select",
   combobox: "select",
   datepicker: "date",
@@ -3648,16 +3613,16 @@ const ts = /* @__PURE__ */ R(Xr, [["render", es]]), ls = { class: "form-geom__se
   file: "file"
   // mask: 'text',
 };
-function Qe(o) {
+function Xe(o) {
   const e = o.toLowerCase();
-  return fn[e] || e;
+  return rn[e] || e;
 }
-function vn(o) {
+function nn(o) {
   if (Array.isArray(o)) {
     const t = [];
     return o.forEach((n) => {
-      const r = { ...n };
-      r.name = (n.name || n.id || n.key || "").toString(), r.type = Qe(n.type), r.label = n.label || n.ua, r.rules = n.rules || n.validators, n.data && (r.api = `/api/suggest/${n.data}`), t.push(r);
+      const s = { ...n };
+      s.name = (n.name || n.id || n.key || "").toString(), s.type = Xe(n.type), s.label = n.label || n.ua, s.rules = n.rules || n.validators, n.data && (s.api = `/api/suggest/${n.data}`), t.push(s);
     }), t;
   }
   const e = [];
@@ -3665,46 +3630,46 @@ function vn(o) {
     const n = {
       name: t[0],
       ...t[1],
-      type: Qe(t[1].type),
+      type: Xe(t[1].type),
       label: t[1].label || t[1].ua,
       rules: t[1].rules || t[1].validators
     };
     t[1].type.includes("list") && (n.multiple = !0), t[1].data && (n.api = `/api/suggest/${t[1].data}`), e.push(n);
   }), e;
 }
-function mn(o, e) {
-  const t = vn(e), n = k({});
-  function r(p) {
+function 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 = t, f = !0) => (p.forEach((c) => {
     if (c.rules) {
-      if (!r(c)) {
+      if (!s(c)) {
         delete n.value[c.name];
         return;
       }
       c.rules.forEach((g) => {
-        const v = pn(o.value[c.name], g);
+        const v = 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 = O(() => t?.filter((p) => r(p)));
+  }), f && Object.values(n.value).some(Boolean) ? n.value : null), r = D(() => t?.filter((p) => s(p)));
   return {
     errors: n,
     validate: a,
     reset: () => {
       o.value = {}, n.value = {};
     },
-    visibleSchema: s
+    visibleSchema: r
   };
 }
 const Ee = /* @__PURE__ */ A({
   __name: "vs-compact-form",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ Z({
     schema: { default: () => [] },
     style: { default: () => ({}) },
     modelValue: {},
@@ -3716,74 +3681,74 @@ const Ee = /* @__PURE__ */ A({
     values: { default: () => ({}) },
     valuesModifiers: {}
   }),
-  emits: /* @__PURE__ */ K(["handle-submit", "update:modelValue"], ["update:form", "update:values"]),
+  emits: /* @__PURE__ */ Z(["handle-submit", "update:modelValue"], ["update:form", "update:values"]),
   setup(o, { expose: e, emit: t }) {
-    const n = t, r = o, a = Z(o, "form"), s = Z(o, "values"), {
+    const n = t, s = o, a = W(o, "form"), r = W(o, "values"), {
       errors: d,
       validate: p,
       reset: f,
       visibleSchema: c
-    } = mn(s, r.schema), g = () => {
-      n("update:modelValue", s.value), p(), n("handle-submit", s.value);
+    } = un(r, s.schema), g = () => {
+      n("update:modelValue", r.value), p(), n("handle-submit", r.value);
     };
     e({
       validate: p,
       reset: f,
       errors: d
     }), ne(() => {
-      r.modelValue && (s.value = r.modelValue), a.value.value = s.value, a.value.errors = d.value, a.value.reset = f, a.value.validate = p, a.value.formId = r.formId;
+      s.modelValue && (r.value = s.modelValue), a.value.value = r.value, a.value.errors = d.value, a.value.reset = f, a.value.validate = p, a.value.formId = s.formId;
     });
     function v(M, I) {
       if (M === I) return !0;
       if (typeof M != "object" || typeof I != "object" || !M || !I) return !1;
-      const D = Object.keys(M), T = Object.keys(I);
-      return D.length !== T.length ? !1 : D.every((P) => M[P] === I[P]);
+      const U = Object.keys(M), T = Object.keys(I);
+      return U.length !== T.length ? !1 : U.every((P) => M[P] === I[P]);
     }
-    return He("form", a), He("values", s), (M, I) => (i(), u("form", {
-      onSubmit: re(g, ["prevent"]),
+    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(q(c), (D) => (i(), X(rt, {
-        key: D.name,
-        class: S(M.layout === "horizontal" ? "col-span-12" : `col-span-${D.col || 12} `),
-        style: me(M.style),
-        item: D,
+      (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[D.name],
+        "model-value": r.value[U.name],
         "onUpdate:modelValue": (T) => {
-          const P = s.value[D.name];
-          v(P, T) || (s.value[D.name] = T);
+          const P = r.value[U.name];
+          v(P, T) || (r.value[U.name] = T);
         },
-        error: q(d)[D.name]
+        error: H(d)[U.name]
       }, null, 8, ["class", "style", "item", "layout", "model-value", "onUpdate:modelValue", "error"]))), 128))
     ], 34));
   }
 });
 Ee.install = function(e) {
   e.component("VForm", Ee), Object.assign(e.config.globalProperties, {
-    $form: Me
-  }), e.provide("form", Me), window.v3plugin || (window.v3plugin = {});
+    $form: Le
+  }), e.provide("form", Le), window.v3plugin || (window.v3plugin = {});
 };
 export {
-  ma as ModalEdit,
+  ua as ModalEdit,
   Ee as VForm,
-  yl as VsInputCheckbox,
-  ia as VsInputContainer,
-  wl as VsInputDate,
-  dl as VsInputEmail,
+  bl as VsInputCheckbox,
+  na as VsInputContainer,
+  xl as VsInputDate,
+  ul as VsInputEmail,
   so as VsInputFile,
-  Oo as VsInputFileList,
-  nl as VsInputMask,
-  jt as VsInputNumber,
-  Je as VsInputRadio,
-  ja as VsInputSelect,
-  Ge as VsInputStatic,
-  lt as VsInputSwitcher,
-  on as VsInputTag,
-  qe as VsInputText,
-  Aa as VsInputTextarea,
+  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,
-  an as inputs,
-  Ar as vsInputDatatable,
-  Js as vsInputMap
+  Xr as inputs,
+  Ls as vsInputDatatable,
+  Rr as vsInputMap
 };