@opengis/form 0.0.24 → 0.0.25

package/dist/index.js

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