@opengis/form 0.0.64 → 0.0.65

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as G, ref as w, onMounted as ye, onUnmounted as Xe, createElementBlock as d, openBlock as i, createCommentVNode as D, renderSlot as Me, createElementVNode as l, toDisplayString as K, mergeProps as Fe, computed as B, normalizeStyle as be, createTextVNode as he, normalizeProps as at, guardReactiveProps as st, normalizeClass as T, mergeModels as ie, useModel as de, withDirectives as ne, unref as le, vModelText as me, vModelCheckbox as Bt, createVNode as R, createBlock as ve, resolveDynamicComponent as Oe, withCtx as Ee, withModifiers as $e, onBeforeUnmount as rt, watch as ue, createStaticVNode as xe, vModelRadio as jt, Fragment as re, renderList as pe, reactive as Gt, vModelDynamic as qt, vShow as it, inject as Ae, resolveComponent as yt, Transition as ut, nextTick as je, Teleport as Et, getCurrentInstance as Kt, watchEffect as Wt, toRef as Zt, provide as xt } from "vue";
+import { defineComponent as G, ref as w, onMounted as ye, onUnmounted as Xe, createElementBlock as u, openBlock as i, createCommentVNode as D, renderSlot as Me, createElementVNode as l, toDisplayString as K, mergeProps as Fe, computed as B, normalizeStyle as be, createTextVNode as he, normalizeProps as at, guardReactiveProps as st, normalizeClass as T, mergeModels as ie, useModel as de, withDirectives as ne, unref as le, vModelText as me, vModelCheckbox as Bt, createVNode as R, createBlock as ve, resolveDynamicComponent as Oe, withCtx as Ee, withModifiers as $e, onBeforeUnmount as rt, watch as ue, createStaticVNode as xe, vModelRadio as jt, Fragment as re, renderList as pe, reactive as Gt, vModelDynamic as qt, vShow as it, inject as Ae, resolveComponent as yt, Transition as ut, nextTick as je, Teleport as Et, getCurrentInstance as Kt, watchEffect as Wt, toRef as Zt, provide as xt } from "vue";
 import { notify as ce, VsModal as It, modal as Jt } from "@opengis/core";
 const Yt = { class: "w-full relative" }, Xt = {
   key: 0,
@@ -31,15 +31,15 @@ const Yt = { class: "w-full relative" }, Xt = {
       e.value = localStorage.locale, window.addEventListener("storage", t);
     }), Xe(() => {
       window.removeEventListener("resize", t);
-    }), (s, n) => (i(), d("div", Yt, [
-      s.ua || s.label ? (i(), d("div", Xt, [
+    }), (s, n) => (i(), u("div", Yt, [
+      s.ua || s.label ? (i(), u("div", Xt, [
         l("span", Qt, K(s.item[e.value] || s.ua || s.label), 1),
-        s.item?.rules?.includes("required") ? (i(), d("span", el, "*")) : D("", !0)
+        s.item?.rules?.includes("required") ? (i(), u("span", el, "*")) : D("", !0)
       ])) : D("", !0),
       Me(s.$slots, "default", Fe(s.$attrs, {
         class: { "opacity-60": s.item.disabled }
       })),
-      s.error ? (i(), d("span", tl, K(s.error), 1)) : D("", !0)
+      s.error ? (i(), u("span", tl, K(s.error), 1)) : D("", !0)
     ]));
   }
 }), ol = { class: "w-full relative flex flex-row items-center gap-2" }, nl = {
@@ -64,38 +64,38 @@ const Yt = { class: "w-full relative" }, Xt = {
   },
   setup(o) {
     const e = o, t = B(() => e.columns ?? { container: 12, label: 3 }), s = B(() => {
-      const { container: u, label: c } = t.value;
-      return !u || u <= 0 ? 0 : Math.min(Math.max(c ?? 0, 0), u) / u;
+      const { container: d, label: c } = t.value;
+      return !d || d <= 0 ? 0 : Math.min(Math.max(c ?? 0, 0), d) / d;
     }), n = B(() => e.item?.type === "html" || s.value <= 0 ? !1 : !!(e.ua || e.label)), a = B(() => {
       if (!n.value) return {};
-      const u = `${s.value * 100}%`;
-      return { flexBasis: u, maxWidth: u };
+      const d = `${s.value * 100}%`;
+      return { flexBasis: d, maxWidth: d };
     }), r = B(() => {
-      const { container: u, label: c } = t.value;
-      if (!u || u <= 0) return {};
+      const { container: d, label: c } = t.value;
+      if (!d || d <= 0) return {};
       if (e.item?.type === "html") return { flexBasis: "100%", maxWidth: "100%" };
       if (!n.value) return { flexBasis: "100%", maxWidth: "100%" };
-      const f = Math.max(u - Math.max(c ?? 0, 0), 0) / u;
+      const f = Math.max(d - Math.max(c ?? 0, 0), 0) / d;
       if (!f) return {};
       const p = `${f * 100}%`;
       return { flexBasis: p, maxWidth: p };
     });
-    return (u, c) => (i(), d("div", ol, [
-      n.value ? (i(), d("span", {
+    return (d, c) => (i(), u("div", ol, [
+      n.value ? (i(), u("span", {
         key: 0,
         class: "text-sm text-gray-900 font-medium flex shrink-0",
         style: be(a.value)
       }, [
-        he(K(u.ua || u.label) + " ", 1),
-        u.item?.rules?.includes("required") && (u.ua || u.label) ? (i(), d("span", nl, "*")) : D("", !0)
+        he(K(d.ua || d.label) + " ", 1),
+        d.item?.rules?.includes("required") && (d.ua || d.label) ? (i(), u("span", nl, "*")) : D("", !0)
       ], 4)) : D("", !0),
       l("div", {
         class: "flex-1 min-w-0",
         style: be(r.value)
       }, [
-        Me(u.$slots, "default", at(st(u.$attrs)))
+        Me(d.$slots, "default", at(st(d.$attrs)))
       ], 4),
-      u.error ? (i(), d("span", al, K(u.error), 1)) : D("", !0)
+      d.error ? (i(), u("span", al, K(d.error), 1)) : D("", !0)
     ]));
   }
 }), rl = { class: "w-full relative" }, il = {
@@ -116,9 +116,9 @@ const Yt = { class: "w-full relative" }, Xt = {
     columns: {}
   },
   setup(o) {
-    return (e, t) => (i(), d("div", rl, [
+    return (e, t) => (i(), u("div", rl, [
       Me(e.$slots, "default", at(st(e.$attrs))),
-      e.error ? (i(), d("span", il, K(e.error), 1)) : D("", !0)
+      e.error ? (i(), u("span", il, K(e.error), 1)) : D("", !0)
     ]));
   }
 }), dl = { class: "flex-1 min-w-0" }, cl = {
@@ -150,8 +150,8 @@ const Yt = { class: "w-full relative" }, Xt = {
   setup(o) {
     const e = o, t = w("uk");
     B(() => (e.item ?? {})?.[t.value] ?? e.ua ?? e.label ?? "");
-    const s = B(() => e.item?.description ?? ""), n = B(() => Array.isArray(e.item?.rules) && e.item.rules.includes("required")), a = B(() => (typeof e.error == "string" ? e.error : "") ?? ""), r = (u) => {
-      u.key === "locale" && (t.value = u.newValue ?? "uk");
+    const s = B(() => e.item?.description ?? ""), n = B(() => Array.isArray(e.item?.rules) && e.item.rules.includes("required")), a = B(() => (typeof e.error == "string" ? e.error : "") ?? ""), r = (d) => {
+      d.key === "locale" && (t.value = d.newValue ?? "uk");
     };
     return ye(() => {
       try {
@@ -161,24 +161,24 @@ const Yt = { class: "w-full relative" }, Xt = {
       window.addEventListener("storage", r);
     }), Xe(() => {
       window.removeEventListener("storage", r);
-    }), (u, c) => (i(), d("div", {
-      class: T(["w-full relative", { "opacity-60": u.item?.disabled }])
+    }), (d, c) => (i(), u("div", {
+      class: T(["w-full relative", { "opacity-60": d.item?.disabled }])
     }, [
       l("div", {
-        class: T(["gap-2 md:flex-row md:items-center md:justify-between", [["switcher", "native-select"].includes(u.item.type) ? "flex flex-col" : ""]])
+        class: T(["gap-2 md:flex-row md:items-center md:justify-between", [["switcher", "native-select"].includes(d.item.type) ? "flex flex-col" : ""]])
       }, [
         l("div", dl, [
-          u.ua || u.label ? (i(), d("p", cl, [
-            l("span", pl, K(u.item[t.value] || u.ua || u.label), 1),
-            n.value ? (i(), d("span", fl, "*")) : D("", !0)
+          d.ua || d.label ? (i(), u("p", cl, [
+            l("span", pl, K(d.item[t.value] || d.ua || d.label), 1),
+            n.value ? (i(), u("span", fl, "*")) : D("", !0)
           ])) : D("", !0),
-          s.value ? (i(), d("p", vl, K(s.value), 1)) : D("", !0)
+          s.value ? (i(), u("p", vl, K(s.value), 1)) : D("", !0)
         ]),
         l("div", ml, [
-          Me(u.$slots, "default", at(st(u.$attrs)))
+          Me(d.$slots, "default", at(st(d.$attrs)))
         ])
       ], 2),
-      a.value ? (i(), d("p", hl, K(a.value), 1)) : D("", !0)
+      a.value ? (i(), u("p", hl, K(a.value), 1)) : D("", !0)
     ], 2));
   }
 }), bl = {
@@ -212,7 +212,7 @@ const yl = ["placeholder", "disabled"], xl = /* @__PURE__ */ G({
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, { inputClass: t } = Ce(e.style), s = de(o, "modelValue");
-    return (n, a) => ne((i(), d("input", {
+    return (n, a) => ne((i(), u("input", {
       type: "password",
       "onUpdate:modelValue": a[0] || (a[0] = (r) => s.value = r),
       placeholder: n.placeholder,
@@ -242,7 +242,7 @@ const yl = ["placeholder", "disabled"], xl = /* @__PURE__ */ G({
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, { inputClass: t } = Ce(e.style), s = de(o, "modelValue");
-    return (n, a) => ne((i(), d("input", {
+    return (n, a) => ne((i(), u("input", {
       type: "text",
       "onUpdate:modelValue": a[0] || (a[0] = (r) => s.value = r),
       placeholder: n.placeholder,
@@ -274,7 +274,7 @@ const yl = ["placeholder", "disabled"], xl = /* @__PURE__ */ G({
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, { inputClass: t } = Ce(e.style), s = de(o, "modelValue");
-    return (n, a) => ne((i(), d("input", {
+    return (n, a) => ne((i(), u("input", {
       type: "number",
       step: "any",
       "onUpdate:modelValue": a[0] || (a[0] = (r) => s.value = r),
@@ -289,7 +289,7 @@ const yl = ["placeholder", "disabled"], xl = /* @__PURE__ */ G({
       [me, s.value]
     ]);
   }
-}), Y = (o, e) => {
+}), X = (o, e) => {
   const t = o.__vccOpts || o;
   for (const [s, n] of e)
     t[s] = n;
@@ -305,7 +305,7 @@ const yl = ["placeholder", "disabled"], xl = /* @__PURE__ */ G({
   class: "icon icon-tabler icons-tabler-outline icon-tabler-check"
 };
 function Vl(o, e) {
-  return i(), d("svg", Cl, e[0] || (e[0] = [
+  return i(), u("svg", Cl, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -314,7 +314,7 @@ function Vl(o, e) {
     l("path", { d: "M5 12l5 5l10 -10" }, null, -1)
   ]));
 }
-const Ml = /* @__PURE__ */ Y($l, [["render", Vl]]), Ll = { class: "flex items-center gap-[4px]" }, Sl = ["value", "id", "disabled"], Bl = ["for"], jl = { class: "text-[14px] text-gray-700 flex items-center dark:text-neutral-400" }, El = /* @__PURE__ */ G({
+const Ml = /* @__PURE__ */ X($l, [["render", Vl]]), Ll = { class: "flex items-center gap-[4px]" }, Sl = ["value", "id", "disabled"], Bl = ["for"], jl = { class: "text-[14px] text-gray-700 flex items-center dark:text-neutral-400" }, El = /* @__PURE__ */ G({
   __name: "vs-checkbox-default",
   props: {
     value: { default: "" },
@@ -331,11 +331,11 @@ const Ml = /* @__PURE__ */ Y($l, [["render", Vl]]), Ll = { class: "flex items-ce
       get: () => s.modelValue,
       set: (a) => t("update:modelValue", a)
     });
-    return (a, r) => (i(), d("div", Ll, [
+    return (a, r) => (i(), u("div", Ll, [
       ne(l("input", {
         type: "checkbox",
         value: a.value,
-        "onUpdate:modelValue": r[0] || (r[0] = (u) => n.value = u),
+        "onUpdate:modelValue": r[0] || (r[0] = (d) => n.value = d),
         class: T(["shrink-0 border border-solid hidden border-gray-700 w-3.5 h-3.5 rounded text-blue-600 focus:ring-offset-0 dark:bg-neutral-800 dark:border-neutral-700 cursor-pointer", { "!cursor-not-allowed": a.disabled }]),
         id: a.id,
         disabled: a.disabled
@@ -381,39 +381,39 @@ const Ml = /* @__PURE__ */ Y($l, [["render", Vl]]), Ll = { class: "flex items-ce
   setup(o, { emit: e }) {
     const t = o, s = e, n = B({
       get: () => t.modelValue,
-      set: (u) => {
-        s("update:modelValue", u);
+      set: (d) => {
+        s("update:modelValue", d);
       }
     }), a = B(() => Array.isArray(n.value) ? n.value.includes(t.value) : n.value === !0 || n.value === t.value), r = B(() => t.style?.size === "xs" ? "p-1.5 text-xs" : t.style?.size === "lg" ? "p-3.5 text-[20px]" : "p-2.5 text-xs");
-    return (u, c) => (i(), d("label", {
+    return (d, c) => (i(), u("label", {
       class: T(["group relative flex justify-center items-center gap-x-3 text-center bg-white text-gray-800 ring-ring ring-2 cursor-pointer rounded-lg", [r.value, a.value ? "ring-blue-500" : "border border-gray-200 ring-transparent"]])
     }, [
       ne(l("input", {
         type: "checkbox",
         class: "hidden",
-        name: u.id,
-        value: u.value,
+        name: d.id,
+        value: d.value,
         "onUpdate:modelValue": c[0] || (c[0] = (f) => n.value = f),
-        disabled: u.disabled
+        disabled: d.disabled
       }, null, 8, Il), [
         [Bt, n.value]
       ]),
       l("span", zl, [
-        u.icon || u.imgUrl ? (i(), d("span", Al, [
-          u.icon ? (i(), d("i", {
+        d.icon || d.imgUrl ? (i(), u("span", Al, [
+          d.icon ? (i(), u("i", {
             key: 0,
-            class: T(u.icon)
+            class: T(d.icon)
           }, null, 2)) : D("", !0),
-          u.imgUrl ? (i(), d("img", {
+          d.imgUrl ? (i(), u("img", {
             key: 1,
-            src: u.imgUrl,
+            src: d.imgUrl,
             width: "16",
             height: "16",
             alt: "icon"
           }, null, 8, Tl)) : D("", !0)
         ])) : D("", !0),
-        Me(u.$slots, "default", {}, () => [
-          he(K(u.label), 1)
+        Me(d.$slots, "default", {}, () => [
+          he(K(d.label), 1)
         ])
       ])
     ], 2));
@@ -437,30 +437,30 @@ const Ml = /* @__PURE__ */ Y($l, [["render", Vl]]), Ll = { class: "flex items-ce
   setup(o, { emit: e }) {
     const t = o, s = e, n = `radio-${Math.floor(Math.random() * 1e4)}`, a = B({
       get: () => Array.isArray(t.modelValue) ? Array.isArray(t.modelValue) && t.modelValue.includes(t.value) : t.modelValue,
-      set: (u) => {
+      set: (d) => {
         if (Array.isArray(t.modelValue)) {
           let c = [...t.modelValue];
-          u ? c.includes(t.value) || c.push(t.value) : c = c.filter((f) => f !== t.value), s("update:modelValue", c);
+          d ? c.includes(t.value) || c.push(t.value) : c = c.filter((f) => f !== t.value), s("update:modelValue", c);
         } else
-          s("update:modelValue", u);
+          s("update:modelValue", d);
       }
     }), r = w(`vs-checkbox-${t.view || "default"}`);
-    return (u, c) => (i(), d("div", Ol, [
+    return (d, c) => (i(), u("div", Ol, [
       (i(), ve(Oe(r.value === "vs-checkbox-buttons" ? le(Fl) : le(El)), {
-        value: u.value,
-        label: u.label,
-        info: u.option?.info,
-        disabled: u.disabled,
+        value: d.value,
+        label: d.label,
+        info: d.option?.info,
+        disabled: d.disabled,
         modelValue: a.value,
         "onUpdate:modelValue": c[0] || (c[0] = (f) => a.value = f),
         id: n,
-        icon: u.icon,
-        imgUrl: u.imgUrl,
-        style: be(u.style),
-        error: u.error
+        icon: d.icon,
+        imgUrl: d.imgUrl,
+        style: be(d.style),
+        error: d.error
       }, {
         default: Ee(() => [
-          he(K(u.label), 1)
+          he(K(d.label), 1)
         ]),
         _: 1
       }, 8, ["value", "label", "info", "disabled", "modelValue", "icon", "imgUrl", "style", "error"]))
@@ -477,7 +477,7 @@ const Ml = /* @__PURE__ */ Y($l, [["render", Vl]]), Ll = { class: "flex items-ce
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down"
 };
 function Rl(o, e) {
-  return i(), d("svg", Dl, e[0] || (e[0] = [
+  return i(), u("svg", Dl, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -486,7 +486,7 @@ function Rl(o, e) {
     l("path", { d: "M6 9l6 6l6 -6" }, null, -1)
   ]));
 }
-const Pl = /* @__PURE__ */ Y(Ul, [["render", Rl]]), Hl = {}, Nl = {
+const Pl = /* @__PURE__ */ X(Ul, [["render", Rl]]), Hl = {}, Nl = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -497,7 +497,7 @@ const Pl = /* @__PURE__ */ Y(Ul, [["render", Rl]]), Hl = {}, Nl = {
   class: "icon icon-tabler icons-tabler-outline icon-tabler-x"
 };
 function Gl(o, e) {
-  return i(), d("svg", Nl, e[0] || (e[0] = [
+  return i(), u("svg", Nl, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -507,7 +507,7 @@ function Gl(o, e) {
     l("path", { d: "M6 6l12 12" }, null, -1)
   ]));
 }
-const ql = /* @__PURE__ */ Y(Hl, [["render", Gl]]), Kl = {}, Wl = {
+const ql = /* @__PURE__ */ X(Hl, [["render", Gl]]), Kl = {}, Wl = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -519,7 +519,7 @@ const ql = /* @__PURE__ */ Y(Hl, [["render", Gl]]), Kl = {}, Wl = {
   "stroke-linejoin": "round"
 };
 function Zl(o, e) {
-  return i(), d("svg", Wl, e[0] || (e[0] = [
+  return i(), u("svg", Wl, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -530,7 +530,7 @@ function Zl(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 Jl = /* @__PURE__ */ Y(Kl, [["render", Zl]]), Yl = {
+const Jl = /* @__PURE__ */ X(Kl, [["render", Zl]]), Yl = {
   key: 0,
   class: "flex items-start gap-x-1"
 }, Xl = {
@@ -558,15 +558,15 @@ const Jl = /* @__PURE__ */ Y(Kl, [["render", Zl]]), Yl = {
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, t = de(o, "modelValue");
-    return (s, n) => e.view === "checkbox" ? (i(), d("div", Yl, [
+    return (s, n) => e.view === "checkbox" ? (i(), u("div", Yl, [
       R(ot, {
         modelValue: t.value,
         "onUpdate:modelValue": n[0] || (n[0] = (a) => t.value = a),
         label: s.text,
         error: s.error || ""
       }, null, 8, ["modelValue", "label", "error"]),
-      s.rules?.includes("required") ? (i(), d("span", Xl, "*")) : D("", !0),
-      s.i ? (i(), d("button", {
+      s.rules?.includes("required") ? (i(), u("span", Xl, "*")) : D("", !0),
+      s.i ? (i(), u("button", {
         key: 1,
         class: "cursor-pointer",
         title: s.i,
@@ -575,7 +575,7 @@ const Jl = /* @__PURE__ */ Y(Kl, [["render", Zl]]), Yl = {
       }, [
         R(le(Jl), { class: "text-gray-500 w-[14px] h-[14px]" })
       ], 8, Ql)) : D("", !0)
-    ])) : (i(), d("button", {
+    ])) : (i(), u("button", {
       key: 1,
       type: "button",
       class: T(["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-${s.style?.primaryColor || "blue"}-500` : "bg-stone-200", s.customClass]]),
@@ -602,7 +602,7 @@ const Jl = /* @__PURE__ */ Y(Kl, [["render", Zl]]), Yl = {
     placeholder: {}
   },
   setup(o) {
-    return (e, t) => (i(), d("div", {
+    return (e, t) => (i(), u("div", {
       id: e.name,
       class: T(["text-gray-900", e.customClass]),
       innerHTML: e.html ? e.html : e.text
@@ -658,7 +658,7 @@ const Jl = /* @__PURE__ */ Y(Kl, [["render", Zl]]), Yl = {
       });
     }), ue(s, (r) => {
       a && a.unmaskedValue !== r && (a.value = r || "");
-    }), (r, u) => (i(), d("input", {
+    }), (r, d) => (i(), u("input", {
       type: "text",
       ref_key: "inputEl",
       ref: n,
@@ -688,7 +688,7 @@ const Jl = /* @__PURE__ */ Y(Kl, [["render", Zl]]), Yl = {
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, { inputClass: t } = Ce(e.style), s = de(o, "modelValue");
-    return (n, a) => (i(), d("div", no, [
+    return (n, a) => (i(), u("div", no, [
       a[1] || (a[1] = xe('<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)),
       ne(l("input", {
         type: "email",
@@ -723,7 +723,7 @@ const Jl = /* @__PURE__ */ Y(Kl, [["render", Zl]]), Yl = {
   emits: ["update:modelValue"],
   setup(o) {
     const e = de(o, "modelValue");
-    return (t, s) => (i(), d("label", {
+    return (t, s) => (i(), u("label", {
       class: T(["flex items-center gap-0", [t.customClass]])
     }, [
       ne(l("input", {
@@ -741,7 +741,7 @@ const Jl = /* @__PURE__ */ Y(Kl, [["render", Zl]]), Yl = {
           t.disabled ? "opacity-50 cursor-not-allowed" : ""
         ]])
       }, [
-        e.value == t.value ? (i(), d("span", {
+        e.value == t.value ? (i(), u("span", {
           key: 0,
           class: T(["w-[12px] h-[12px] shrink-0 rounded-full", [`bg-${t.style?.primaryColor || "blue"}-500`]])
         }, null, 2)) : D("", !0)
@@ -768,7 +768,7 @@ const Jl = /* @__PURE__ */ Y(Kl, [["render", Zl]]), Yl = {
   emits: ["update:modelValue"],
   setup(o) {
     const e = de(o, "modelValue");
-    return (t, s) => (i(), d("label", {
+    return (t, s) => (i(), u("label", {
       class: T(["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
@@ -809,16 +809,16 @@ const Jl = /* @__PURE__ */ Y(Kl, [["render", Zl]]), Yl = {
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, t = de(o, "modelValue"), s = B(() => vo[`vs-input-radio-${e.view}`]);
-    return (n, a) => (i(), d("div", {
+    return (n, a) => (i(), u("div", {
       class: T([n.position === "horizontal" ? "flex items-center flex-wrap gap-2" : ""])
     }, [
-      (i(!0), d(re, null, pe(n.options, (r) => (i(), ve(Oe(s.value), Fe({
+      (i(!0), u(re, null, pe(n.options, (r) => (i(), ve(Oe(s.value), Fe({
         key: r?.id,
         text: r.text,
         value: r.id.toString(),
         checked: t.value === r.id,
         modelValue: t.value,
-        "onUpdate:modelValue": a[0] || (a[0] = (u) => t.value = u)
+        "onUpdate:modelValue": a[0] || (a[0] = (d) => t.value = d)
       }, { ref_for: !0 }, n.$attrs), null, 16, ["text", "value", "checked", "modelValue"]))), 128))
     ], 2));
   }
@@ -849,7 +849,7 @@ const Jl = /* @__PURE__ */ Y(Kl, [["render", Zl]]), Yl = {
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, s = e, n = w([]), a = Gt({}), r = (m) => m?.value || m?.id || m?.text || m, u = (m) => m.text || String(m), c = (m) => `lg:col-span-${m || 12}`, f = B(() => [
+    const t = o, s = e, n = w([]), a = Gt({}), r = (m) => m?.value || m?.id || m?.text || m, d = (m) => m.text || String(m), c = (m) => `lg:col-span-${m || 12}`, f = B(() => [
       t.position === "vertical" ? "flex flex-col" : "",
       t.colSpan ? "grid" : "flex justify-start"
     ]), p = (m) => m == null || m === "" ? null : typeof m == "string" || typeof m == "number" ? m : String(m), v = B(() => {
@@ -949,22 +949,22 @@ const Jl = /* @__PURE__ */ Y(Kl, [["render", Zl]]), Yl = {
           }
         });
       }
-    }), (m, I) => t.group ? (i(), d("div", mo, [
-      (i(!0), d(re, null, pe(v.value, ($) => (i(), d("div", {
+    }), (m, I) => t.group ? (i(), u("div", mo, [
+      (i(!0), u(re, null, pe(v.value, ($) => (i(), u("div", {
         key: $.key,
         class: "flex flex-col gap-2"
       }, [
-        $.label ? (i(), d("span", ho, K($.label), 1)) : D("", !0),
+        $.label ? (i(), u("span", ho, K($.label), 1)) : D("", !0),
         l("div", {
           class: T(["p-0 w-full gap-[12px]", f.value])
         }, [
-          (i(!0), d(re, null, pe($.options, (A) => (i(), ve(ot, {
+          (i(!0), u(re, null, pe($.options, (A) => (i(), ve(ot, {
             modelValue: a[r(A)],
             "onUpdate:modelValue": (E) => a[r(A)] = E,
             value: r(A),
             class: T(c(m.colSpan)),
             disabled: A.disabled,
-            label: u(A),
+            label: d(A),
             key: `${$.key}-${r(A)}`,
             icon: A?.icon,
             imgUrl: A?.imgUrl,
@@ -973,17 +973,17 @@ const Jl = /* @__PURE__ */ Y(Kl, [["render", Zl]]), Yl = {
           }, null, 8, ["modelValue", "onUpdate:modelValue", "value", "class", "disabled", "label", "icon", "imgUrl", "option", "view"]))), 128))
         ], 2)
       ]))), 128))
-    ])) : (i(), d("div", {
+    ])) : (i(), u("div", {
       key: 0,
       class: T(["p-0 w-full gap-[10px]", f.value])
     }, [
-      (i(!0), d(re, null, pe(n.value, ($) => (i(), ve(ot, {
+      (i(!0), u(re, null, pe(n.value, ($) => (i(), ve(ot, {
         modelValue: a[r($)],
         "onUpdate:modelValue": (A) => a[r($)] = A,
         value: r($),
         class: T(c(m.colSpan)),
         disabled: $.disabled,
-        label: u($),
+        label: d($),
         key: r($),
         icon: $?.icon,
         imgUrl: $?.imgUrl,
@@ -992,7 +992,7 @@ const Jl = /* @__PURE__ */ Y(Kl, [["render", Zl]]), Yl = {
       }, null, 8, ["modelValue", "onUpdate:modelValue", "value", "class", "disabled", "label", "icon", "imgUrl", "option", "view"]))), 128))
     ], 2));
   }
-}), yo = /* @__PURE__ */ Y(bo, [["__scopeId", "data-v-58e06c8a"]]), xo = ["type", "placeholder", "disabled"], wo = /* @__PURE__ */ G({
+}), yo = /* @__PURE__ */ X(bo, [["__scopeId", "data-v-58e06c8a"]]), xo = ["type", "placeholder", "disabled"], wo = /* @__PURE__ */ G({
   __name: "vs-input-date1",
   props: {
     style: { default: () => ({}) },
@@ -1013,9 +1013,9 @@ const Jl = /* @__PURE__ */ Y(Kl, [["render", Zl]]), Yl = {
     const { inputClass: n } = Ce(t.style), a = e, r = B({
       get: () => s(t.modelValue),
       set: (c) => a("update:modelValue", c)
-    }), u = B(() => t.mode === "datetime" ? "datetime-local" : t.mode);
-    return (c, f) => ne((i(), d("input", {
-      type: u.value,
+    }), d = B(() => t.mode === "datetime" ? "datetime-local" : t.mode);
+    return (c, f) => ne((i(), u("input", {
+      type: d.value,
       "onUpdate:modelValue": f[0] || (f[0] = (p) => r.value = p),
       placeholder: c.placeholder,
       disabled: c.disabled,
@@ -1071,12 +1071,12 @@ const Jl = /* @__PURE__ */ Y(Kl, [["render", Zl]]), Yl = {
   "stroke-linejoin": "round"
 };
 function Co(o, e) {
-  return i(), d("svg", $o, e[0] || (e[0] = [
+  return i(), u("svg", $o, e[0] || (e[0] = [
     l("path", { d: "M5 12h14" }, null, -1),
     l("path", { d: "M12 5v14" }, null, -1)
   ]));
 }
-const Ge = /* @__PURE__ */ Y(_o, [["render", Co]]), Vo = {}, Mo = {
+const Ge = /* @__PURE__ */ X(_o, [["render", Co]]), Vo = {}, Mo = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-text",
   width: "44",
@@ -1089,11 +1089,11 @@ const Ge = /* @__PURE__ */ Y(_o, [["render", Co]]), Vo = {}, Mo = {
   "stroke-linejoin": "round"
 };
 function Lo(o, e, t, s, n, a) {
-  return i(), d("svg", Mo, e[0] || (e[0] = [
+  return i(), u("svg", Mo, e[0] || (e[0] = [
     xe('<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 So = /* @__PURE__ */ Y(Vo, [["render", Lo]]), Bo = {}, jo = {
+const So = /* @__PURE__ */ X(Vo, [["render", Lo]]), Bo = {}, jo = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-table",
   width: "44",
@@ -1106,7 +1106,7 @@ const So = /* @__PURE__ */ Y(Vo, [["render", Lo]]), Bo = {}, jo = {
   "stroke-linejoin": "round"
 };
 function Eo(o, e, t, s, n, a) {
-  return i(), d("svg", jo, e[0] || (e[0] = [
+  return i(), u("svg", jo, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1133,7 +1133,7 @@ function Eo(o, e, t, s, n, a) {
     }, null, -1)
   ]));
 }
-const Io = /* @__PURE__ */ Y(Bo, [["render", Eo]]), zo = {}, Ao = {
+const Io = /* @__PURE__ */ X(Bo, [["render", Eo]]), zo = {}, Ao = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1145,11 +1145,11 @@ const Io = /* @__PURE__ */ Y(Bo, [["render", Eo]]), zo = {}, Ao = {
   "stroke-linejoin": "round"
 };
 function To(o, e) {
-  return i(), d("svg", Ao, e[0] || (e[0] = [
+  return i(), u("svg", Ao, e[0] || (e[0] = [
     xe('<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="M9 9l1 0"></path><path d="M9 13l6 0"></path><path d="M9 17l6 0"></path>', 6)
   ]));
 }
-const At = /* @__PURE__ */ Y(zo, [["render", To]]), Fo = {}, Oo = {
+const At = /* @__PURE__ */ X(zo, [["render", To]]), Fo = {}, Oo = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-zip",
   width: "44",
@@ -1162,11 +1162,11 @@ const At = /* @__PURE__ */ Y(zo, [["render", To]]), Fo = {}, Oo = {
   "stroke-linejoin": "round"
 };
 function Uo(o, e, t, s, n, a) {
-  return i(), d("svg", Oo, e[0] || (e[0] = [
+  return i(), u("svg", Oo, e[0] || (e[0] = [
     xe('<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 Do = /* @__PURE__ */ Y(Fo, [["render", Uo]]), Ro = {}, Po = {
+const Do = /* @__PURE__ */ X(Fo, [["render", Uo]]), Ro = {}, Po = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-code",
   width: "44",
@@ -1179,11 +1179,11 @@ const Do = /* @__PURE__ */ Y(Fo, [["render", Uo]]), Ro = {}, Po = {
   "stroke-linejoin": "round"
 };
 function Ho(o, e, t, s, n, a) {
-  return i(), d("svg", Po, e[0] || (e[0] = [
+  return i(), u("svg", Po, e[0] || (e[0] = [
     xe('<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 No = /* @__PURE__ */ Y(Ro, [["render", Ho]]), Go = (o) => {
+const No = /* @__PURE__ */ X(Ro, [["render", Ho]]), Go = (o) => {
   if (!o) return "";
   const e = o?.split(".");
   return e[e.length - 1];
@@ -1209,11 +1209,11 @@ const No = /* @__PURE__ */ Y(Ro, [["render", Ho]]), Go = (o) => {
   class: "icon icon-tabler icons-tabler-outline icon-tabler-trash"
 };
 function Zo(o, e) {
-  return i(), d("svg", Wo, e[0] || (e[0] = [
+  return i(), u("svg", Wo, e[0] || (e[0] = [
     xe('<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 Qe = /* @__PURE__ */ Y(Ko, [["render", Zo]]), Jo = {}, Yo = {
+const Qe = /* @__PURE__ */ X(Ko, [["render", Zo]]), Jo = {}, Yo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1226,7 +1226,7 @@ const Qe = /* @__PURE__ */ Y(Ko, [["render", Zo]]), Jo = {}, Yo = {
   class: "icon icon-tabler icons-tabler-outline icon-tabler-download"
 };
 function Xo(o, e) {
-  return i(), d("svg", Yo, e[0] || (e[0] = [
+  return i(), u("svg", Yo, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1237,7 +1237,7 @@ function Xo(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const Tt = /* @__PURE__ */ Y(Jo, [["render", Xo]]), Qo = { class: "h-[120px] w-[120px] border text-gray-300 border-dashed border-[#CFD9E0] rounded-lg overflow-hidden relative item-file" }, en = { class: "absolute hidden top-0 right-0 flex items-center gap-x-2 w-full h-full justify-center" }, tn = /* @__PURE__ */ G({
+const Tt = /* @__PURE__ */ X(Jo, [["render", Xo]]), Qo = { class: "h-[120px] w-[120px] border text-gray-300 border-dashed border-[#CFD9E0] rounded-lg overflow-hidden relative item-file" }, en = { class: "absolute hidden top-0 right-0 flex items-center gap-x-2 w-full h-full justify-center" }, tn = /* @__PURE__ */ G({
   __name: "vs-input-file-list-item",
   props: /* @__PURE__ */ ie({
     format: {},
@@ -1259,7 +1259,7 @@ const Tt = /* @__PURE__ */ Y(Jo, [["render", Xo]]), Qo = { class: "h-[120px] w-[
   emits: ["update:value", "update:item"],
   setup(o) {
     const e = de(o, "value"), t = de(o, "item"), s = o;
-    return (n, a) => (i(), d("div", Qo, [
+    return (n, a) => (i(), u("div", Qo, [
       (i(), ve(Oe(le(qo)(t.value)), {
         src: t.value,
         alt: "file",
@@ -1270,7 +1270,7 @@ const Tt = /* @__PURE__ */ Y(Jo, [["render", Xo]]), Qo = { class: "h-[120px] w-[
         l("button", {
           type: "button",
           onClick: a[1] || (a[1] = (r) => {
-            le(ko)(t.value), e.value = s.multiple ? e.value?.filter((u) => u !== t.value) : "";
+            le(ko)(t.value), e.value = s.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"
         }, [
@@ -1286,7 +1286,7 @@ const Tt = /* @__PURE__ */ Y(Jo, [["render", Xo]]), Qo = { class: "h-[120px] w-[
       ])
     ]));
   }
-}), Ct = /* @__PURE__ */ Y(tn, [["__scopeId", "data-v-0ca886b3"]]), ln = { class: "flex items-center gap-x-2" }, on = ["multiple", "disabled"], nn = {
+}), Ct = /* @__PURE__ */ X(tn, [["__scopeId", "data-v-0ca886b3"]]), ln = { class: "flex items-center gap-x-2" }, on = ["multiple", "disabled"], nn = {
   key: 1,
   class: "flex items-center flex-wrap gap-2"
 }, an = {
@@ -1314,7 +1314,7 @@ const Tt = /* @__PURE__ */ Y(Jo, [["render", Xo]]), Qo = { class: "h-[120px] w-[
   }),
   emits: /* @__PURE__ */ ie(["change"], ["update:modelValue"]),
   setup(o, { emit: e }) {
-    const t = o, s = de(o, "modelValue"), n = e, a = w(null), r = w(!1), u = (p) => Array.isArray(s.value) && s.value[p] || "", c = (p) => {
+    const t = o, s = de(o, "modelValue"), n = e, a = w(null), r = w(!1), d = (p) => Array.isArray(s.value) && s.value[p] || "", c = (p) => {
       if (t.max_size && p.size > t.max_size * 1024 * 1024) {
         const v = (p.size / 1048576).toFixed(2);
         return ce({
@@ -1349,7 +1349,7 @@ const Tt = /* @__PURE__ */ Y(Jo, [["render", Xo]]), Qo = { class: "h-[120px] w-[
         r.value = !1, a.value && (a.value.value = "");
       }
     };
-    return (p, v) => (i(), d("div", ln, [
+    return (p, v) => (i(), u("div", ln, [
       l("input", {
         class: "hidden",
         ref_key: "fileInput",
@@ -1365,13 +1365,13 @@ const Tt = /* @__PURE__ */ Y(Jo, [["render", Xo]]), Qo = { class: "h-[120px] w-[
         "onUpdate:item": v[0] || (v[0] = (k) => s.value = k),
         value: s.value,
         "onUpdate:value": v[1] || (v[1] = (k) => s.value = k)
-      }, null, 8, ["item", "value"])) : p.multiple ? (i(), d("div", nn, [
-        (i(!0), d(re, null, pe(s.value, (k, m) => (i(), ve(Ct, {
+      }, null, 8, ["item", "value"])) : p.multiple ? (i(), u("div", nn, [
+        (i(!0), u(re, null, pe(s.value, (k, m) => (i(), ve(Ct, {
           multiple: p.multiple,
           key: m,
           value: s.value,
           "onUpdate:value": v[2] || (v[2] = (I) => s.value = I),
-          item: u(m)
+          item: d(m)
         }, null, 8, ["multiple", "value", "item"]))), 128)),
         l("div", {
           onClick: v[3] || (v[3] = (k) => !p.disabled && !r.value && a.value?.click()),
@@ -1380,25 +1380,25 @@ const Tt = /* @__PURE__ */ Y(Jo, [["render", Xo]]), Qo = { class: "h-[120px] w-[
             p.disabled || r.value ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500 hover:bg-blue-50"
           ])
         }, [
-          r.value ? (i(), d("div", an)) : (i(), ve(Ge, {
+          r.value ? (i(), u("div", an)) : (i(), ve(Ge, {
             key: 0,
             class: "w-6 h-6"
           }))
         ], 2)
       ])) : D("", !0),
-      p.multiple ? D("", !0) : (i(), d("div", {
+      p.multiple ? D("", !0) : (i(), u("div", {
         key: 2,
         onClick: v[4] || (v[4] = (k) => a.value?.click()),
         class: T([p.disabled || r.value ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500", "relative 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"])
       }, [
-        r.value ? (i(), d("div", sn)) : (i(), ve(Ge, {
+        r.value ? (i(), u("div", sn)) : (i(), ve(Ge, {
           key: 0,
           class: "w-6 h-6"
         }))
       ], 2))
     ]));
   }
-}), un = /* @__PURE__ */ Y(rn, [["__scopeId", "data-v-e613a523"]]), dn = { class: "max-w-[55vw]" }, cn = { class: "text-sm font-semibold text-gray-800 truncate dark:text-neutral-200" }, pn = { class: "flex items-center text-xs text-gray-500 truncate dark:text-neutral-500" }, fn = { class: "px-[5px]" }, vn = { class: "" }, Je = /* @__PURE__ */ G({
+}), un = /* @__PURE__ */ X(rn, [["__scopeId", "data-v-e613a523"]]), dn = { class: "max-w-[55vw]" }, cn = { class: "text-sm font-semibold text-gray-800 truncate dark:text-neutral-200" }, pn = { class: "flex items-center text-xs text-gray-500 truncate dark:text-neutral-500" }, fn = { class: "px-[5px]" }, vn = { class: "" }, Je = /* @__PURE__ */ G({
   __name: "vs-widget-file-info",
   props: {
     item: { default: null }
@@ -1421,7 +1421,7 @@ const Tt = /* @__PURE__ */ Y(Jo, [["render", Xo]]), Qo = { class: "h-[120px] w-[
       const a = n / 1024;
       return a < 1024 ? `${a.toFixed(2)} KB` : `${(a / 1024).toFixed(2)} MB`;
     }
-    return (n, a) => (i(), d(re, null, [
+    return (n, a) => (i(), u(re, null, [
       a[1] || (a[1] = xe('<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", dn, [
         l("p", cn, K(n.item?.uploaded_name), 1),
@@ -1469,7 +1469,7 @@ const Tt = /* @__PURE__ */ Y(Jo, [["render", Xo]]), Qo = { class: "h-[120px] w-[
       const v = document.createElement("a");
       v.setAttribute("download", p?.uploaded_name), v.href = p?.file_path, v.click();
     }
-    async function u() {
+    async function d() {
       try {
         await fetch(
           `${t.prefix}/widget/file/${t.item.entity_id}/${t.item.file_id}`
@@ -1484,24 +1484,24 @@ const Tt = /* @__PURE__ */ Y(Jo, [["render", Xo]]), Qo = { class: "h-[120px] w-[
         message: "Ви впевнені, що хочете видалити цей файл?",
         confirmButtonText: "Так, я впевнена/ий",
         cancelButtonText: "Скасувати",
-        confirm: u,
+        confirm: d,
         updateListOnConfirm: !0
       });
     }
     function f(p) {
       (t.item.ext === "jpg" || t.item.ext === "png") && s("openLightbox", { item: t.item, index: p });
     }
-    return (p, v) => (i(), d("div", mn, [
-      p.item.ext === "jpg" || p.item.ext === "png" ? (i(), d("div", hn, [
+    return (p, v) => (i(), u("div", mn, [
+      p.item.ext === "jpg" || p.item.ext === "png" ? (i(), u("div", hn, [
         l("div", {
           class: "max-w-[55vw] cursor-pointer flex gap-x-3 w-full items-center",
           onClick: v[0] || (v[0] = (k) => f(p.index))
         }, [
           R(Je, { item: p.item }, null, 8, ["item"])
         ])
-      ])) : n(p.item) ? (i(), d("div", gn, [
+      ])) : n(p.item) ? (i(), u("div", gn, [
         R(Je, { item: p.item }, null, 8, ["item"])
-      ])) : a(p.item) ? (i(), d("div", bn, [
+      ])) : a(p.item) ? (i(), u("div", bn, [
         l("a", {
           href: `/api/file-preview?id=${p.item.file_id}`,
           target: "_blank",
@@ -1509,7 +1509,7 @@ const Tt = /* @__PURE__ */ Y(Jo, [["render", Xo]]), Qo = { class: "h-[120px] w-[
         }, [
           R(Je, { item: p.item }, null, 8, ["item"])
         ], 8, yn)
-      ])) : (i(), d("div", xn, [
+      ])) : (i(), u("div", xn, [
         R(Je, { item: p.item }, null, 8, ["item"])
       ])),
       l("div", wn, [
@@ -1555,7 +1555,7 @@ const Tt = /* @__PURE__ */ Y(Jo, [["render", Xo]]), Qo = { class: "h-[120px] w-[
   class: "icon icon-tabler icons-tabler-outline icon-tabler-download"
 };
 function Ln(o, e) {
-  return i(), d("svg", Mn, e[0] || (e[0] = [
+  return i(), u("svg", Mn, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1566,7 +1566,7 @@ function Ln(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const Sn = /* @__PURE__ */ Y(Vn, [["render", Ln]]), Bn = { class: "flex flex-col widget-file xl:bg-white xl:rounded-xl dark:xl:bg-neutral-800 dark:xl:border-neutral-700 w-full" }, jn = { class: "flex w-full mb-[12px] items-center gap-x-2" }, En = { class: "font-semibold text-gray-800 dark:text-neutral-200 text-[14px]" }, In = { class1: "ml-auto" }, zn = { 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" }, An = {
+const Sn = /* @__PURE__ */ X(Vn, [["render", Ln]]), Bn = { class: "flex flex-col widget-file xl:bg-white xl:rounded-xl dark:xl:bg-neutral-800 dark:xl:border-neutral-700 w-full" }, jn = { class: "flex w-full mb-[12px] items-center gap-x-2" }, En = { class: "font-semibold text-gray-800 dark:text-neutral-200 text-[14px]" }, In = { class1: "ml-auto" }, zn = { 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" }, An = {
   key: 0,
   class: "py-4 mb-4 space-y-4 border-gray-200 border-y dark:border-neutral-700"
 }, Tn = { class: "relative" }, Fn = {
@@ -1587,7 +1587,7 @@ const Sn = /* @__PURE__ */ Y(Vn, [["render", Ln]]), Bn = { class: "flex flex-col
   },
   emits: ["update"],
   setup(o, { emit: e }) {
-    const t = o, s = Ae("form"), n = B(() => s.value.formId), a = w(!1), r = w(0), u = e, c = w(!1), f = w({}), p = w([]), v = w(""), k = B(() => Array.isArray(p.value) ? p.value.filter((C) => C.ext === "jpg" || C.ext === "png").map((C) => C?.file_path) : []), m = B(() => v.value === "" ? p.value : p.value.filter((C) => C?.uploaded_name?.includes(v.value))), I = (C) => {
+    const t = o, s = Ae("form"), n = B(() => s.value.formId), a = w(!1), r = w(0), d = e, c = w(!1), f = w({}), p = w([]), v = w(""), k = B(() => Array.isArray(p.value) ? p.value.filter((C) => C.ext === "jpg" || C.ext === "png").map((C) => C?.file_path) : []), m = B(() => v.value === "" ? p.value : p.value.filter((C) => C?.uploaded_name?.includes(v.value))), I = (C) => {
       const h = k.value.findIndex((x) => x === C.item.file_path);
       h !== -1 && (a.value = !0, r.value = h);
     }, $ = async () => {
@@ -1604,7 +1604,7 @@ const Sn = /* @__PURE__ */ Y(Vn, [["render", Ln]]), Bn = { class: "flex flex-col
           x.append("file", h);
           try {
             const j = `${t.prefix}/widget/file/${n.value}`, M = await fetch(j, { method: "POST", body: x });
-            return M.ok ? (u("update", "file-list"), h) : (ce({
+            return M.ok ? (d("update", "file-list"), h) : (ce({
               type: M.status >= 400 && M.status < 500 ? "warning" : "error",
               title: "Error",
               message: `Error code: ${M.status}`
@@ -1634,7 +1634,7 @@ const Sn = /* @__PURE__ */ Y(Vn, [["render", Ln]]), Bn = { class: "flex flex-col
       n.value && $();
     }), (C, h) => {
       const x = yt("Lightbox"), j = yt("MessageBox");
-      return i(), d("div", Bn, [
+      return i(), u("div", Bn, [
         l("div", jn, [
           l("h2", En, " Файлів: " + K(p.value?.length), 1),
           l("div", In, [
@@ -1653,7 +1653,7 @@ const Sn = /* @__PURE__ */ Y(Vn, [["render", Ln]]), Bn = { class: "flex flex-col
             ])
           ])
         ]),
-        p.value?.length > 4 ? (i(), d("div", An, [
+        p.value?.length > 4 ? (i(), u("div", An, [
           l("div", null, [
             l("div", Tn, [
               h[8] || (h[8] = l("div", { class: "absolute inset-y-0 start-0 flex items-center pointer-events-none z-[1] ps-3.5" }, [
@@ -1693,8 +1693,8 @@ const Sn = /* @__PURE__ */ Y(Vn, [["render", Ln]]), Bn = { class: "flex flex-col
             ])
           ])
         ])) : D("", !0),
-        p.value?.length ? (i(), d("div", Fn, [
-          (i(!0), d(re, null, pe(m.value, (M, P) => (i(), ve(Cn, {
+        p.value?.length ? (i(), u("div", Fn, [
+          (i(!0), u(re, null, pe(m.value, (M, P) => (i(), ve(Cn, {
             key: P,
             prefix: C.prefix,
             item: M,
@@ -1703,7 +1703,7 @@ const Sn = /* @__PURE__ */ Y(Vn, [["render", Ln]]), Bn = { class: "flex flex-col
             onOpenModal: h[3] || (h[3] = (te) => O(te)),
             onOpenLightbox: h[4] || (h[4] = (te) => I(te))
           }, null, 8, ["prefix", "item", "index"]))), 128)),
-          m.value.length ? D("", !0) : (i(), d("div", On, h[9] || (h[9] = [
+          m.value.length ? D("", !0) : (i(), u("div", On, h[9] || (h[9] = [
             l("p", { class: "text-sm text-gray-600 font-sm" }, " Файлів з такою назвою не існує, введіть інше пошукове слово ", -1)
           ])))
         ])) : D("", !0),
@@ -1745,7 +1745,7 @@ const Sn = /* @__PURE__ */ Y(Vn, [["render", Ln]]), Bn = { class: "flex flex-col
       (s) => {
         t.value = s;
       }
-    ), (s, n) => (i(), d("div", null, [
+    ), (s, n) => (i(), u("div", null, [
       l("div", Dn, [
         l("p", Rn, K(o.title), 1),
         R(zt, {
@@ -1766,7 +1766,7 @@ const Sn = /* @__PURE__ */ Y(Vn, [["render", Ln]]), Bn = { class: "flex flex-col
       })
     ]));
   }
-}), Nn = /* @__PURE__ */ Y(Hn, [["__scopeId", "data-v-90320b87"]]), Gn = { class: "text-[16px] text-gray-900 font-medium" }, qn = { class: "grid gap-3" }, Kn = /* @__PURE__ */ G({
+}), Nn = /* @__PURE__ */ X(Hn, [["__scopeId", "data-v-90320b87"]]), Gn = { class: "text-[16px] text-gray-900 font-medium" }, qn = { class: "grid gap-3" }, Kn = /* @__PURE__ */ G({
   __name: "vs-container-accordion",
   props: {
     title: {
@@ -1789,7 +1789,7 @@ const Sn = /* @__PURE__ */ Y(Vn, [["render", Ln]]), Bn = { class: "flex flex-col
       (s) => {
         t.value = s;
       }
-    ), (s, n) => (i(), d("div", null, [
+    ), (s, n) => (i(), u("div", null, [
       l("button", {
         type: "button",
         onClick: n[0] || (n[0] = (a) => t.value = !t.value),
@@ -1812,7 +1812,7 @@ const Sn = /* @__PURE__ */ Y(Vn, [["render", Ln]]), Bn = { class: "flex flex-col
       })
     ]));
   }
-}), Wn = /* @__PURE__ */ Y(Kn, [["__scopeId", "data-v-590eff11"]]), Zn = { class: "flex items-center justify-between" }, Jn = /* @__PURE__ */ G({
+}), Wn = /* @__PURE__ */ X(Kn, [["__scopeId", "data-v-590eff11"]]), Zn = { class: "flex items-center justify-between" }, Jn = /* @__PURE__ */ G({
   __name: "vs-container-default",
   props: {
     title: {
@@ -1825,7 +1825,7 @@ const Sn = /* @__PURE__ */ Y(Vn, [["render", Ln]]), Bn = { class: "flex flex-col
     }
   },
   setup(o) {
-    return (e, t) => (i(), d("div", null, [
+    return (e, t) => (i(), u("div", null, [
       l("div", Zn, [
         l("p", null, K(o.title), 1)
       ]),
@@ -1904,28 +1904,28 @@ const Sn = /* @__PURE__ */ Y(Vn, [["render", Ln]]), Bn = { class: "flex flex-col
     }
   },
   setup(o) {
-    const e = o, t = Ae("values", w({})), s = Ae("form"), n = B(() => e.schema?.filter((u) => {
-      const c = u?.conditions;
+    const e = o, t = Ae("values", w({})), s = Ae("form"), n = B(() => e.schema?.filter((d) => {
+      const c = d?.conditions;
       if (!c) return !0;
       const f = Array.isArray(c) ? c[0] : c, p = e.name ? t.value?.[e.name]?.[f] ?? t.value?.[f] : t.value?.[f];
       return Ft(p, c);
     })), a = B(() => Yn[e.view]), r = B(() => {
       if (t.value || (t.value = {}), !e.name) return t.value;
-      const u = t.value[e.name];
-      if (u) return u;
+      const d = t.value[e.name];
+      if (d) return d;
       const c = {};
       return t.value = {
         ...t.value,
         [e.name]: c
       }, c;
     });
-    return (u, c) => o.schema?.length ? (i(), ve(Oe(a.value), {
+    return (d, c) => o.schema?.length ? (i(), ve(Oe(a.value), {
       key: 0,
       title: o.title,
       style: be(o.style)
     }, {
       default: Ee(() => [
-        (i(!0), d(re, null, pe(n.value, (f) => (i(), ve(Ot, Fe({
+        (i(!0), u(re, null, pe(n.value, (f) => (i(), ve(Ot, Fe({
           key: f.name
         }, { ref_for: !0 }, f, {
           item: f,
@@ -1982,13 +1982,13 @@ const Sn = /* @__PURE__ */ Y(Vn, [["render", Ln]]), Bn = { class: "flex flex-col
       set: (g) => s("update:modelValue", g)
     });
     !r.value && t.defaultValue && (r.value = t.defaultValue);
-    const u = w(null), c = w(null), f = w(null), p = w(null), v = w(!1), k = w(!1), m = w(null), I = w([]), $ = w(-1), A = w([]), E = w(""), O = w(null), C = w("bottom"), h = w({}), x = w([]), j = B(() => {
+    const d = w(null), c = w(null), f = w(null), p = w(null), v = w(!1), k = w(!1), m = w(null), I = w([]), $ = w(-1), A = w([]), E = w(""), O = w(null), C = w("bottom"), h = w({}), x = w([]), j = B(() => {
       if (!x.value.length) return [];
       const g = I.value, y = new Map(g.map((_) => [_.id?.toString(), _]));
       return x.value.map((_) => y.get(_?.toString())).filter((_) => !!_);
     }), M = B(() => t.placeholder || "Select..."), P = B(() => z(m.value));
     B(() => n.value ? !x.value.length && E.value === "" : !P.value && E.value === "");
-    const te = B(() => a.value ? !1 : n.value ? x.value.length > 0 : !!r.value), X = (g) => n.value ? x.value.some((y) => y?.toString() === g?.toString()) : r.value?.toString() === g?.toString(), S = B(() => {
+    const te = B(() => a.value ? !1 : n.value ? x.value.length > 0 : !!r.value), Y = (g) => n.value ? x.value.some((y) => y?.toString() === g?.toString()) : r.value?.toString() === g?.toString(), S = B(() => {
       let g = I.value ?? [];
       if (!t.data && E.value.trim() !== "") {
         const y = E.value.toLowerCase();
@@ -2002,10 +2002,10 @@ const Sn = /* @__PURE__ */ Y(Vn, [["render", Ln]]), Bn = { class: "flex flex-col
         g = g.filter((_) => !y.has(_.id?.toString()));
       }
       return g;
-    }), W = Ae("values"), Q = /\{\{\s*([^}]+?)\s*\}\}/g, Z = (g) => (g ? String(g) : "").replace(/<[^>]*>/g, "").trim(), U = B(() => t.slot ?? t?.optionTemplate ?? ""), F = (g) => {
+    }), W = Ae("values"), ee = /\{\{\s*([^}]+?)\s*\}\}/g, Z = (g) => (g ? String(g) : "").replace(/<[^>]*>/g, "").trim(), U = B(() => t.slot ?? t?.optionTemplate ?? ""), F = (g) => {
       if (!g) return "";
       const y = U.value;
-      return y ? y.replace(Q, (_, q) => {
+      return y ? y.replace(ee, (_, q) => {
         const se = q.trim(), fe = g[se];
         return fe != null ? String(fe) : "";
       }) : g.text ?? "";
@@ -2020,7 +2020,7 @@ const Sn = /* @__PURE__ */ Y(Vn, [["render", Ln]]), Bn = { class: "flex flex-col
         const q = g ? g[_] : null;
         W.value[y] = q ?? null;
       });
-    }, ee = B(() => t.parent ? W?.value?.[t.parent]?.toString() ?? null : null), ge = async (g) => {
+    }, Q = B(() => t.parent ? W?.value?.[t.parent]?.toString() ?? null : null), ge = async (g) => {
       if (!t.data) {
         let y = t.options ?? [];
         if (g?.trim()) {
@@ -2034,7 +2034,7 @@ const Sn = /* @__PURE__ */ Y(Vn, [["render", Ln]]), Bn = { class: "flex flex-col
       }
       try {
         const y = t.host ?? "", _ = t.prefix ?? "api", q = t.api ?? `/${_}/suggest/${t.data}`, se = `${y}${q}`, fe = new URLSearchParams();
-        return fe.set("json", "1"), g && fe.set("key", g), ee.value !== void 0 && ee.value !== null && ee.value !== "" && fe.set("parent", ee.value), (await fetch(`${se}?${fe.toString()}`).then((ze) => ze.json()))?.data ?? [];
+        return fe.set("json", "1"), g && fe.set("key", g), Q.value !== void 0 && Q.value !== null && Q.value !== "" && fe.set("parent", Q.value), (await fetch(`${se}?${fe.toString()}`).then((ze) => ze.json()))?.data ?? [];
       } catch {
         return [];
       }
@@ -2047,7 +2047,7 @@ const Sn = /* @__PURE__ */ Y(Vn, [["render", Ln]]), Bn = { class: "flex flex-col
       if (t.data)
         try {
           const _ = t.host ?? "", q = t.prefix ?? "api", se = t.api ?? `/${q}/suggest/${t.data}`, fe = `${_}${se}`, ke = new URLSearchParams();
-          return ke.set("json", "1"), ke.set("val", String(g)), ee.value !== void 0 && ee.value !== null && ee.value !== "" && ke.set("parent", ee.value), ((await fetch(`${fe}?${ke.toString()}`).then((Re) => Re.json()))?.data ?? [])?.[0] ?? null;
+          return ke.set("json", "1"), ke.set("val", String(g)), Q.value !== void 0 && Q.value !== null && Q.value !== "" && ke.set("parent", Q.value), ((await fetch(`${fe}?${ke.toString()}`).then((Re) => Re.json()))?.data ?? [])?.[0] ?? null;
         } catch {
           return null;
         }
@@ -2075,11 +2075,11 @@ const Sn = /* @__PURE__ */ Y(Vn, [["render", Ln]]), Bn = { class: "flex flex-col
     }, V = (g) => {
       n.value && (x.value = x.value.filter((y) => y?.toString() !== g?.toString()), r.value = [...x.value], s("change", r.value), je(() => O.value?.focus()));
     }, J = (g) => {
-      n.value ? (X(g.id) || (x.value = [...x.value, g.id], r.value = [...x.value], s("change", r.value)), E.value = "", je(() => {
+      n.value ? (Y(g.id) || (x.value = [...x.value, g.id], r.value = [...x.value], s("change", r.value)), E.value = "", je(() => {
         O.value?.focus(), $.value = Math.min($.value, S.value.length - 1);
       }), H(null)) : (m.value = g, r.value = g.id, s("change", r.value), E.value = "", Le(), H(g));
     }, N = (g) => {
-      X(g.id) || J(g);
+      Y(g.id) || J(g);
     }, oe = (g, y) => {
       if (!g || !y) return;
       const _ = g.offsetTop, q = _ + g.offsetHeight, se = y.scrollTop, fe = se + y.clientHeight;
@@ -2140,7 +2140,7 @@ const Sn = /* @__PURE__ */ Y(Vn, [["render", Ln]]), Bn = { class: "flex flex-col
       g.key === "Escape" && v.value && Le();
     }, pt = (g) => {
       const y = g.target;
-      u.value?.contains(y) || p.value?.contains(y) || Le();
+      d.value?.contains(y) || p.value?.contains(y) || Le();
     }, ft = (g) => {
       v.value && f.value && !f.value.contains(g.target) && Ve();
     }, vt = () => {
@@ -2206,9 +2206,9 @@ const Sn = /* @__PURE__ */ Y(Vn, [["render", Ln]]), Bn = { class: "flex flex-col
       t.data && we();
     });
     const bt = w(!0);
-    return ue(ee, async () => {
+    return ue(Q, async () => {
       t.data && (bt.value || (n.value ? (x.value = [], r.value = [], s("change", [])) : (m.value = null, r.value = null, s("change", null))), await we());
-    }), (g, y) => (i(), d(re, null, [
+    }), (g, y) => (i(), u(re, null, [
       R(le(It), {
         visible: Ze.value,
         "onUpdate:visible": y[1] || (y[1] = (_) => Ze.value = _),
@@ -2231,7 +2231,7 @@ const Sn = /* @__PURE__ */ Y(Vn, [["render", Ln]]), Bn = { class: "flex flex-col
       l("div", {
         class: "flex gap-1 w-full",
         ref_key: "selectRoot",
-        ref: u,
+        ref: d,
         onClick: y[5] || (y[5] = $e(() => {
         }, ["stop"]))
       }, [
@@ -2268,13 +2268,13 @@ const Sn = /* @__PURE__ */ Y(Vn, [["render", Ln]]), Bn = { class: "flex flex-col
               ref_key: "triggerRef",
               ref: c
             }, [
-              n.value ? (i(), d("div", pa, [
-                (i(!0), d(re, null, pe(j.value, (_) => (i(), d("div", {
+              n.value ? (i(), u("div", pa, [
+                (i(!0), u(re, null, pe(j.value, (_) => (i(), u("div", {
                   class: "flex min-w-0 bg-[#e6e6e6] rounded-sm m-0.5 box-border max-w-full",
                   key: _.id
                 }, [
                   l("div", fa, [
-                    _?.color ? (i(), d("span", {
+                    _?.color ? (i(), u("span", {
                       key: 0,
                       class: "w-[16px] h-[16px] rounded-md block ml-1.5 flex-shrink-0",
                       style: be({ backgroundColor: _?.color })
@@ -2283,10 +2283,10 @@ const Sn = /* @__PURE__ */ Y(Vn, [["render", Ln]]), Bn = { class: "flex flex-col
                       class: "truncate text-gray-900 overflow-hidden max-w-[200px] px-0.5 py-[2px] pl-1.5",
                       title: z(_)
                     }, [
-                      U.value ? (i(), d("span", {
+                      U.value ? (i(), u("span", {
                         key: 0,
                         innerHTML: F(_)
-                      }, null, 8, ma)) : (i(), d(re, { key: 1 }, [
+                      }, null, 8, ma)) : (i(), u(re, { key: 1 }, [
                         he(K(_.text), 1)
                       ], 64))
                     ], 8, va)
@@ -2309,7 +2309,7 @@ const Sn = /* @__PURE__ */ Y(Vn, [["render", Ln]]), Bn = { class: "flex flex-col
                   ]), 8, ha)
                 ]))), 128)),
                 l("div", ga, [
-                  !a.value && g.search ? ne((i(), d("input", {
+                  !a.value && g.search ? ne((i(), u("input", {
                     key: 0,
                     ref_key: "inputRef",
                     ref: O,
@@ -2330,27 +2330,27 @@ const Sn = /* @__PURE__ */ Y(Vn, [["render", Ln]]), Bn = { class: "flex flex-col
                     [me, E.value]
                   ]) : D("", !0)
                 ])
-              ])) : !n.value && !k.value && P.value && E.value === "" ? (i(), d("div", {
+              ])) : !n.value && !k.value && P.value && E.value === "" ? (i(), u("div", {
                 key: 1,
                 class: T(["truncate text-gray-900"]),
                 title: P.value
               }, [
-                m.value?.color ? (i(), d("span", {
+                m.value?.color ? (i(), u("span", {
                   key: 0,
                   class: "w-[14px] h-[14px] rounded-md block mr-1 mt-1 absolute",
                   style: be({ backgroundColor: m.value?.color })
                 }, null, 4)) : D("", !0),
-                U.value ? (i(), d("span", {
+                U.value ? (i(), u("span", {
                   key: 1,
                   class: T({ "pl-5": m.value?.color }),
                   innerHTML: F(m.value)
-                }, null, 10, xa)) : (i(), d("span", {
+                }, null, 10, xa)) : (i(), u("span", {
                   key: 2,
                   class: T({ "pl-5": m.value?.color })
                 }, K(m.value?.text), 3))
               ], 8, ya)) : D("", !0),
-              n.value ? D("", !0) : (i(), d("div", wa, [
-                !a.value && g.search ? ne((i(), d("input", {
+              n.value ? D("", !0) : (i(), u("div", wa, [
+                !a.value && g.search ? ne((i(), u("input", {
                   key: 0,
                   ref_key: "inputRef",
                   ref: O,
@@ -2373,7 +2373,7 @@ const Sn = /* @__PURE__ */ Y(Vn, [["render", Ln]]), Bn = { class: "flex flex-col
               ]))
             ], 512),
             l("div", _a, [
-              te.value ? (i(), d("button", {
+              te.value ? (i(), u("button", {
                 key: 0,
                 type: "button",
                 class: "px-2 text-gray-400 hover:text-gray-500 transition-colors disabled:opacity-50",
@@ -2411,7 +2411,7 @@ const Sn = /* @__PURE__ */ Y(Vn, [["render", Ln]]), Bn = { class: "flex flex-col
             ])
           ], 42, ca),
           (i(), ve(Et, { to: "body" }, [
-            v.value ? (i(), d("div", {
+            v.value ? (i(), u("div", {
               key: 0,
               ref_key: "dropdownRef",
               ref: p,
@@ -2427,21 +2427,21 @@ const Sn = /* @__PURE__ */ Y(Vn, [["render", Ln]]), Bn = { class: "flex flex-col
                 ref_key: "listRef",
                 ref: f
               }, [
-                S.value.length ? (i(!0), d(re, { key: 0 }, pe(S.value, (_, q) => (i(), d("div", {
+                S.value.length ? (i(!0), u(re, { key: 0 }, pe(S.value, (_, q) => (i(), u("div", {
                   key: _.id,
                   ref_for: !0,
                   ref: (se) => A.value[q] = se,
                   class: T([
                     "flex px-3 py-2 cursor-default select-none text-gray-900 ",
-                    X(_.id) ? "bg-blue-500 text-white" : "bg-white hover:bg-blue-100",
-                    $.value === q && !X(_.id) ? "bg-blue-100" : ""
+                    Y(_.id) ? "bg-blue-500 text-white" : "bg-white hover:bg-blue-100",
+                    $.value === q && !Y(_.id) ? "bg-blue-100" : ""
                   ]),
-                  "aria-disabled": X(_.id) ? "true" : "false",
+                  "aria-disabled": Y(_.id) ? "true" : "false",
                   role: "option",
                   tabindex: "-1",
                   onClick: (se) => N(_)
                 }, [
-                  _?.color ? (i(), d("span", {
+                  _?.color ? (i(), u("span", {
                     key: 0,
                     class: "w-[11px] h-[11px] rounded-full block mr-1 mt-1.5",
                     style: be({ backgroundColor: _?.color })
@@ -2454,19 +2454,19 @@ const Sn = /* @__PURE__ */ Y(Vn, [["render", Ln]]), Bn = { class: "flex flex-col
                       ($.value === q, "")
                     ])
                   }, [
-                    U.value ? (i(), d("span", {
+                    U.value ? (i(), u("span", {
                       key: 0,
                       innerHTML: F(_)
-                    }, null, 8, Ma)) : (i(), d(re, { key: 1 }, [
+                    }, null, 8, Ma)) : (i(), u(re, { key: 1 }, [
                       he(K(_.text), 1)
                     ], 64))
                   ], 2)
-                ], 10, Va))), 128)) : (i(), d("div", La, " No options "))
+                ], 10, Va))), 128)) : (i(), u("div", La, " No options "))
               ], 4)
             ], 4)) : D("", !0)
           ]))
         ], 2),
-        t.add ? (i(), d("button", {
+        t.add ? (i(), u("button", {
           key: 0,
           onClick: Rt,
           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",
@@ -2499,7 +2499,7 @@ const Sn = /* @__PURE__ */ Y(Vn, [["render", Ln]]), Bn = { class: "flex flex-col
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, { inputClass: t } = Ce(e.style), s = de(o, "modelValue");
-    return (n, a) => ne((i(), d("textarea", {
+    return (n, a) => ne((i(), u("textarea", {
       "onUpdate:modelValue": a[0] || (a[0] = (r) => s.value = r),
       placeholder: n.placeholder,
       disabled: n.disabled,
@@ -2523,7 +2523,7 @@ const Sn = /* @__PURE__ */ Y(Vn, [["render", Ln]]), Bn = { class: "flex flex-col
   class: "icon icon-tabler icons-tabler-outline icon-tabler-search stroke-gray-500 transition-all"
 };
 function za(o, e) {
-  return i(), d("svg", Ia, e[0] || (e[0] = [
+  return i(), u("svg", Ia, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2533,7 +2533,7 @@ function za(o, e) {
     l("path", { d: "M21 21l-6 -6" }, null, -1)
   ]));
 }
-const Aa = /* @__PURE__ */ Y(Ea, [["render", za]]), Ta = {}, Fa = {
+const Aa = /* @__PURE__ */ X(Ea, [["render", za]]), Ta = {}, Fa = {
   class: "flex-shrink-0 mt-0.5 size-3.5",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
@@ -2544,14 +2544,14 @@ const Aa = /* @__PURE__ */ Y(Ea, [["render", za]]), Ta = {}, Fa = {
   "stroke-linejoin": "round"
 };
 function Oa(o, e) {
-  return i(), d("svg", Fa, e[0] || (e[0] = [
+  return i(), u("svg", Fa, 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 Ua = /* @__PURE__ */ Y(Ta, [["render", Oa]]), Da = {}, Ra = {
+const Ua = /* @__PURE__ */ X(Ta, [["render", Oa]]), Da = {}, Ra = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "14",
   height: "14",
@@ -2563,7 +2563,7 @@ const Ua = /* @__PURE__ */ Y(Ta, [["render", Oa]]), Da = {}, Ra = {
   "stroke-linejoin": "round"
 };
 function Pa(o, e) {
-  return i(), d("svg", Ra, e[0] || (e[0] = [
+  return i(), u("svg", Ra, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2574,7 +2574,7 @@ function Pa(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const Ha = /* @__PURE__ */ Y(Da, [["render", Pa]]), Na = {}, Ga = {
+const Ha = /* @__PURE__ */ X(Da, [["render", Pa]]), Na = {}, Ga = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2584,7 +2584,7 @@ const Ha = /* @__PURE__ */ Y(Da, [["render", Pa]]), Na = {}, Ga = {
   "stroke-linejoin": "round"
 };
 function qa(o, e) {
-  return i(), d("svg", Ga, e[0] || (e[0] = [
+  return i(), u("svg", Ga, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2595,7 +2595,7 @@ function qa(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const Ka = /* @__PURE__ */ Y(Na, [["render", qa]]), Wa = {}, Za = {
+const Ka = /* @__PURE__ */ X(Na, [["render", qa]]), Wa = {}, Za = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2605,21 +2605,21 @@ const Ka = /* @__PURE__ */ Y(Na, [["render", qa]]), Wa = {}, Za = {
   "stroke-linejoin": "round"
 };
 function Ja(o, e) {
-  return i(), d("svg", Za, e[0] || (e[0] = [
+  return i(), u("svg", Za, e[0] || (e[0] = [
     xe('<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 Mt = /* @__PURE__ */ Y(Wa, [["render", Ja]]), Ya = {}, Xa = {
+const Mt = /* @__PURE__ */ X(Wa, [["render", Ja]]), Ya = {}, Xa = {
   viewBox: "0 0 178 90",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
 function Qa(o, e) {
-  return i(), d("svg", Xa, e[0] || (e[0] = [
+  return i(), u("svg", Xa, e[0] || (e[0] = [
     xe('<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 es = /* @__PURE__ */ Y(Ya, [["render", Qa]]), ts = {}, ls = {
+const es = /* @__PURE__ */ X(Ya, [["render", Qa]]), ts = {}, ls = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2629,11 +2629,11 @@ const es = /* @__PURE__ */ Y(Ya, [["render", Qa]]), ts = {}, ls = {
   "stroke-linejoin": "round"
 };
 function os(o, e) {
-  return i(), d("svg", ls, e[0] || (e[0] = [
+  return i(), u("svg", ls, 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 ns = /* @__PURE__ */ Y(ts, [["render", os]]), as = { class: "vs-datatable border rounded-xl w-full flex-grow" }, ss = { class: "flex items-center npm gap-[16px] justify-between p-[20px] pb-[16px]" }, rs = { class: "relative w-full" }, is = { class: "table-wrapper flex gap-2" }, us = { class: "vs-popover inline-block text-slate-700" }, ds = { class: "text-center" }, cs = { class: "" }, ps = { 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" }, fs = { class: "flex flex-col p-[1px] gap-[2px] w-[140px]" }, vs = { class: "text-sm items-center text-gray-800 flex gap-1" }, ms = { class: "w-full overflow-x-auto" }, hs = { class: "w-full table-auto caption-bottom text-sm" }, gs = { class: "[&_tr]:border-b" }, bs = { 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" }, ys = { 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" }, xs = {
+const ns = /* @__PURE__ */ X(ts, [["render", os]]), as = { class: "vs-datatable border rounded-xl w-full flex-grow" }, ss = { class: "flex items-center npm gap-[16px] justify-between p-[20px] pb-[16px]" }, rs = { class: "relative w-full" }, is = { class: "table-wrapper flex gap-2" }, us = { class: "vs-popover inline-block text-slate-700" }, ds = { class: "text-center" }, cs = { class: "" }, ps = { 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" }, fs = { class: "flex flex-col p-[1px] gap-[2px] w-[140px]" }, vs = { class: "text-sm items-center text-gray-800 flex gap-1" }, ms = { class: "w-full overflow-x-auto" }, hs = { class: "w-full table-auto caption-bottom text-sm" }, gs = { class: "[&_tr]:border-b" }, bs = { 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" }, ys = { 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" }, xs = {
   key: 0,
   colspan: "100%",
   class: "text-center"
@@ -2645,8 +2645,11 @@ const ns = /* @__PURE__ */ Y(ts, [["render", os]]), as = { class: "vs-datatable
   class: "rounded-md max-w-[45px] w-[45px] max-h-[45px] h-[45px] bg-gray-200 flex items-center justify-center"
 }, Bs = ["innerHTML"], js = {
   key: 2,
+  class: "line-clamp-2 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 = {
+  key: 3,
   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]" }, Is = { class: "flex items-center justify-center gap-2" }, zs = ["onClick"], As = ["onClick"], Ts = { class: "vs-form__head mr-5 mt-3 flex items-center justify-end sticky top-0 left-0 z-[60] bg-white" }, Fs = /* @__PURE__ */ G({
+}, Is = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]" }, zs = { class: "flex items-center justify-center gap-2" }, As = ["onClick"], Ts = ["onClick"], Fs = { class: "vs-form__head mr-5 mt-3 flex items-center justify-end sticky top-0 left-0 z-[60] bg-white" }, Os = /* @__PURE__ */ G({
   __name: "vs-input-datatable",
   props: /* @__PURE__ */ ie({
     colModel: {},
@@ -2670,17 +2673,17 @@ const ns = /* @__PURE__ */ Y(ts, [["render", os]]), as = { class: "vs-datatable
         const H = F[z.key];
         return H ? Array.isArray(H) ? H.join(", ").toLowerCase().includes(U) : String(H).toLowerCase().includes(U) : !1;
       }));
-    }), r = w(null), u = w(null), c = w(!1), f = w(null), p = w({ top: 0, left: 0 }), v = (U) => {
+    }), r = w(null), d = w(null), c = w(!1), f = w(null), p = w({ top: 0, left: 0 }), v = (U) => {
       r.value = U;
     }, k = (U) => {
-      u.value = U;
+      d.value = U;
     }, m = (U) => {
       if (r.value === null || r.value === U) {
-        r.value = null, u.value = null;
+        r.value = null, d.value = null;
         return;
       }
       const F = [...t.value], [z] = F.splice(r.value, 1);
-      F.splice(U, 0, z), t.value = F, r.value = null, u.value = null;
+      F.splice(U, 0, z), t.value = F, r.value = null, d.value = null;
     }, I = (U) => {
       const z = U.currentTarget.getBoundingClientRect();
       p.value = { top: z.bottom + window.scrollY, left: z.left + window.scrollX }, c.value = !c.value;
@@ -2693,9 +2696,9 @@ const ns = /* @__PURE__ */ Y(ts, [["render", os]]), as = { class: "vs-datatable
       const z = U.target.files?.[0];
       if (!z) return;
       const H = new FileReader();
-      H.onload = (ee) => {
+      H.onload = (Q) => {
         try {
-          const ge = ee.target?.result;
+          const ge = Q.target?.result;
           if (typeof ge == "string") {
             const we = JSON.parse(ge);
             Array.isArray(we) && t.value.push(...we);
@@ -2721,7 +2724,7 @@ const ns = /* @__PURE__ */ Y(ts, [["render", os]]), as = { class: "vs-datatable
     async function te() {
       C.value = "Додати", h.value = !0, x = "add", M.value = {};
     }
-    function X(U, F) {
+    function Y(U, F) {
       const z = F.key || F.name;
       return s.value[z] && U[z] ? s.value[z].find((H) => H.id.toString() === U[z].toString())?.text ?? U[z] : U[z] || "-";
     }
@@ -2737,13 +2740,13 @@ const ns = /* @__PURE__ */ Y(ts, [["render", os]]), as = { class: "vs-datatable
       }
       x === "add" ? Array.isArray(t.value) ? t.value = [...t.value, M.value] : t.value = [M.value] : t.value = t.value.map((F, z) => z === j ? M.value : F), h.value = !1;
     }
-    function Q(U) {
+    function ee(U) {
       t.value = t.value.filter((F, z) => z !== U);
     }
     function Z() {
       h.value = !1;
     }
-    return (U, F) => (i(), d("div", as, [
+    return (U, F) => (i(), u("div", as, [
       l("div", ss, [
         l("div", rs, [
           R(Aa, {
@@ -2786,7 +2789,7 @@ const ns = /* @__PURE__ */ Y(ts, [["render", os]]), as = { class: "vs-datatable
           ])
         ]),
         (i(), ve(Et, { to: "body" }, [
-          c.value ? (i(), d("div", {
+          c.value ? (i(), u("div", {
             key: 0,
             class: "text-slate-700 vsTailwind vs-popover__content bottom",
             style: be([{ width: "fit-content", "z-index": "10002", position: "fixed" }, { position: "absolute", top: p.value.top + "px", left: p.value.left + "px" }])
@@ -2840,7 +2843,7 @@ const ns = /* @__PURE__ */ Y(ts, [["render", os]]), as = { class: "vs-datatable
                   class: "w-4 h-4 mx-auto text-slate-400 dark:text-slate-500"
                 })
               ]),
-              (i(!0), d(re, null, pe(U.colModel, (z) => (i(), d("th", {
+              (i(!0), u(re, null, pe(U.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]"
               }, K(z.ua || z.label), 1))), 128)),
@@ -2848,9 +2851,9 @@ const ns = /* @__PURE__ */ Y(ts, [["render", os]]), as = { class: "vs-datatable
             ])
           ]),
           l("tbody", {
-            class: T({ "[&_tr:last-child]:border-0": !u.value })
+            class: T({ "[&_tr:last-child]:border-0": !d.value })
           }, [
-            a.value.length === 0 ? (i(), d("td", xs, [
+            a.value.length === 0 ? (i(), u("td", xs, [
               l("div", ws, [
                 l("div", ks, [
                   R(es, { class: "w-48 mx-auto" }),
@@ -2861,16 +2864,16 @@ const ns = /* @__PURE__ */ Y(ts, [["render", os]]), as = { class: "vs-datatable
                 ])
               ])
             ])) : D("", !0),
-            (i(!0), d(re, null, pe(a.value, (z, H) => (i(), d("tr", {
+            (i(!0), u(re, null, pe(a.value, (z, H) => (i(), u("tr", {
               key: z.id,
               class: T(["border-b data-[state=selected]:bg-muted transition-all duration-200 hover:bg-slate-50/60 dark:hover:bg-slate-700/60 cursor-move", {
                 "opacity-50": r.value === H,
-                "border-t-2 border-b-2 border-blue-500 bg-blue-50 dark:bg-blue-900/20": u.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: (ee) => v(H),
-              onDragover: $e((ee) => k(H), ["prevent"]),
-              onDrop: (ee) => m(H)
+              onDragstart: (Q) => v(H),
+              onDragover: $e((Q) => k(H), ["prevent"]),
+              onDrop: (Q) => m(H)
             }, [
               l("td", $s, [
                 l("div", Cs, [
@@ -2881,31 +2884,31 @@ const ns = /* @__PURE__ */ Y(ts, [["render", os]]), as = { class: "vs-datatable
                   })
                 ])
               ]),
-              (i(!0), d(re, null, pe(U.colModel, (ee) => (i(), d("td", {
-                key: ee.key,
+              (i(!0), u(re, null, pe(U.colModel, (Q) => (i(), u("td", {
+                key: Q.key,
                 class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]"
               }, [
-                ee.type === "file" ? (i(), d("div", Vs, [
-                  A(X(z, ee)) ? (i(), d("div", Ms, [
+                Q.type === "file" ? (i(), u("div", Vs, [
+                  A(Y(z, Q)) ? (i(), u("div", Ms, [
                     l("img", {
-                      src: X(z, ee),
+                      src: Y(z, Q),
                       alt: "alt",
                       width: "45",
                       class: "rounded-md max-w-[45px] h-[45px] object-cover"
                     }, null, 8, Ls)
-                  ])) : (i(), d("div", Ss, [
+                  ])) : (i(), u("div", Ss, [
                     R(At, { class: "w-[25px] min-w-[25px] h-[25px]" })
                   ]))
-                ])) : ee.type === "tiptap-editor" ? (i(), d("div", {
+                ])) : Q.type === "tiptap-editor" ? (i(), u("div", {
                   key: 1,
                   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",
-                  innerHTML: X(z, ee)
-                }, null, 8, Bs)) : (i(), d("div", js, K(X(z, ee)), 1))
+                  innerHTML: Y(z, Q)
+                }, null, 8, Bs)) : Q.type === "reference" ? (i(), u("div", js, K(Y(z, Q)), 1)) : (i(), u("div", Es, K(Y(z, Q)), 1))
               ]))), 128)),
-              l("td", Es, [
-                l("div", Is, [
+              l("td", Is, [
+                l("div", zs, [
                   l("button", {
-                    onClick: (ee) => S(z, H),
+                    onClick: (Q) => S(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"
                   }, [
                     R(ns, {
@@ -2913,9 +2916,9 @@ const ns = /* @__PURE__ */ Y(ts, [["render", os]]), as = { class: "vs-datatable
                       height: "24",
                       class: "w-3 h-3"
                     })
-                  ], 8, zs),
+                  ], 8, As),
                   l("button", {
-                    onClick: (ee) => Q(H),
+                    onClick: (Q) => ee(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"
                   }, [
                     R(Qe, {
@@ -2923,7 +2926,7 @@ const ns = /* @__PURE__ */ Y(ts, [["render", os]]), as = { class: "vs-datatable
                       height: "24",
                       class: "w-3 h-3"
                     })
-                  ], 8, As)
+                  ], 8, Ts)
                 ])
               ])
             ], 42, _s))), 128))
@@ -2945,7 +2948,7 @@ const ns = /* @__PURE__ */ Y(ts, [["render", os]]), as = { class: "vs-datatable
             form: P.value,
             "onUpdate:form": F[2] || (F[2] = (z) => P.value = z)
           }, null, 8, ["schema", "values", "form"]),
-          l("div", Ts, [
+          l("div", Fs, [
             l("button", {
               type: "button",
               onClick: F[3] || (F[3] = (z) => h.value = !1),
@@ -2962,7 +2965,7 @@ const ns = /* @__PURE__ */ Y(ts, [["render", os]]), as = { class: "vs-datatable
       }, 8, ["visible", "title"])
     ]));
   }
-}), Os = {
+}), Us = {
   draw: {
     toolbar: {
       actions: {
@@ -3082,7 +3085,7 @@ function Ne(o) {
     features: (o.features || []).map((e) => Ne(e)).filter(Boolean)
   } : o : null;
 }
-function Us(o) {
+function Ds(o) {
   return o ? o.type === "FeatureCollection" || o.type === "Feature" ? Ne(o) : o.geom ? {
     type: "Feature",
     geometry: Ne({
@@ -3096,7 +3099,7 @@ function Us(o) {
     properties: {}
   } : null : null;
 }
-const Ds = {}, Rs = {
+const Rs = {}, Ps = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   stroke: "currentColor",
@@ -3106,8 +3109,8 @@ const Ds = {}, Rs = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-map-pin"
 };
-function Ps(o, e) {
-  return i(), d("svg", Rs, e[0] || (e[0] = [
+function Hs(o, e) {
+  return i(), u("svg", Ps, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -3117,7 +3120,7 @@ function Ps(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 Hs = /* @__PURE__ */ Y(Ds, [["render", Ps]]), Ns = {}, Gs = {
+const Ns = /* @__PURE__ */ X(Rs, [["render", Hs]]), Gs = {}, qs = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -3127,8 +3130,8 @@ const Hs = /* @__PURE__ */ Y(Ds, [["render", Ps]]), Ns = {}, Gs = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-line"
 };
-function qs(o, e) {
-  return i(), d("svg", Gs, e[0] || (e[0] = [
+function Ks(o, e) {
+  return i(), u("svg", qs, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -3139,7 +3142,7 @@ function qs(o, e) {
     l("path", { d: "M7.5 16.5l9 -9" }, null, -1)
   ]));
 }
-const Ks = /* @__PURE__ */ Y(Ns, [["render", qs]]), Ws = {}, Zs = {
+const Ws = /* @__PURE__ */ X(Gs, [["render", Ks]]), Zs = {}, Js = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -3149,12 +3152,12 @@ const Ks = /* @__PURE__ */ Y(Ns, [["render", qs]]), Ws = {}, Zs = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-polygon"
 };
-function Js(o, e) {
-  return i(), d("svg", Zs, e[0] || (e[0] = [
+function Ys(o, e) {
+  return i(), u("svg", Js, e[0] || (e[0] = [
     xe('<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 Ys = /* @__PURE__ */ Y(Ws, [["render", Js]]), Xs = {}, Qs = {
+const Xs = /* @__PURE__ */ X(Zs, [["render", Ys]]), Qs = {}, er = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -3164,12 +3167,12 @@ const Ys = /* @__PURE__ */ Y(Ws, [["render", Js]]), Xs = {}, Qs = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-topology-ring-3"
 };
-function er(o, e) {
-  return i(), d("svg", Qs, e[0] || (e[0] = [
+function tr(o, e) {
+  return i(), u("svg", er, e[0] || (e[0] = [
     xe('<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 tr = /* @__PURE__ */ Y(Xs, [["render", er]]), lr = {}, or = {
+const lr = /* @__PURE__ */ X(Qs, [["render", tr]]), or = {}, nr = {
   version: "1.1",
   viewBox: "0 0 14 14",
   xmlns: "http://www.w3.org/2000/svg",
@@ -3177,8 +3180,8 @@ const tr = /* @__PURE__ */ Y(Xs, [["render", er]]), lr = {}, or = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   class: "fullscreen-icon"
 };
-function nr(o, e) {
-  return i(), d("svg", or, e[0] || (e[0] = [
+function ar(o, e) {
+  return i(), u("svg", nr, e[0] || (e[0] = [
     l("title", null, null, -1),
     l("desc", null, null, -1),
     l("defs", null, null, -1),
@@ -3207,10 +3210,10 @@ function nr(o, e) {
     ], -1)
   ]));
 }
-const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-widget flex flex-col gap-2 rounded-xl widget min-w-[200px]" }, rr = {
+const sr = /* @__PURE__ */ X(or, [["render", ar]]), rr = { class: "map-search-widget flex flex-col gap-2 rounded-xl widget min-w-[200px]" }, ir = {
   key: 0,
   class: "vs-select__options absolute z-50 mt-1 w-full bg-white border border-gray-300 shadow-lg rounded-lg text-sm"
-}, ir = ["onClick"], ur = { class: "relative flex-1 min-w-[140px]" }, dr = ["placeholder"], cr = "https://data.softpro.ua/api-user/gis-url-proxy", pr = "https://geo.rv.ua/api-user/dzk.api", fr = /* @__PURE__ */ G({
+}, ur = ["onClick"], dr = { class: "relative flex-1 min-w-[140px]" }, cr = ["placeholder"], pr = "https://data.softpro.ua/api-user/gis-url-proxy", fr = "https://geo.rv.ua/api-user/dzk.api", vr = /* @__PURE__ */ G({
   __name: "map-search",
   props: {
     config: {}
@@ -3220,16 +3223,16 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
     const t = o, s = e, n = ["here", "xy", "parcel"], a = B(() => {
       const h = t.config?.tools?.filter((x) => n.includes(x));
       return h && h.length ? h : n;
-    }), r = B(() => t.config?.placeholder?.trim() || "Пошук…"), u = w(a.value[0] ?? n[0]);
+    }), r = B(() => t.config?.placeholder?.trim() || "Пошук…"), d = w(a.value[0] ?? n[0]);
     ue(a, (h) => {
-      h.includes(u.value) || (u.value = h[0]);
+      h.includes(d.value) || (d.value = h[0]);
     });
     const c = w(""), f = w(!1), p = w(null);
-    ue(u, () => {
+    ue(d, () => {
       c.value = "", f.value = !1;
     });
     function v(h) {
-      u.value = h;
+      d.value = h;
     }
     function k(h) {
       if (!f.value) return;
@@ -3251,14 +3254,14 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
       if (j.length < 2) return null;
       const M = j.slice(0, 2).map(Number);
       if (!M.every((Z) => Number.isFinite(Z))) return null;
-      let [P, te] = M, X = P, S = te;
-      const W = (Z) => Math.abs(Z) <= 90, Q = (Z) => Math.abs(Z) <= 180;
-      if (!W(X) || !Q(S))
-        if (W(S) && Q(X))
-          X = te, S = P;
+      let [P, te] = M, Y = P, S = te;
+      const W = (Z) => Math.abs(Z) <= 90, ee = (Z) => Math.abs(Z) <= 180;
+      if (!W(Y) || !ee(S))
+        if (W(S) && ee(Y))
+          Y = te, S = P;
         else
           return null;
-      return { lat: X, lng: S };
+      return { lat: Y, lng: S };
     }
     function $(h) {
       return (h?.items || []).map((j, M) => ({
@@ -3295,7 +3298,7 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
     async function C() {
       const h = c.value.trim();
       if (h) {
-        if (u.value === "xy") {
+        if (d.value === "xy") {
           const x = I(h);
           if (!x) {
             ce({ type: "warning", title: "Пошук координат", message: "Не знайдено або невірний формат координат" });
@@ -3305,8 +3308,8 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
           return;
         }
         try {
-          const x = new URL(u.value === "here" ? cr : pr);
-          if (u.value === "here")
+          const x = new URL(d.value === "here" ? pr : fr);
+          if (d.value === "here")
             x.searchParams.set("searchtext", h);
           else {
             if (!E(h)) {
@@ -3317,7 +3320,7 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
           }
           const j = await fetch(x.toString());
           if (!j.ok) throw new Error(`HTTP ${j.status}`);
-          const M = await j.json(), P = u.value === "here" ? $(M) : A(M);
+          const M = await j.json(), P = d.value === "here" ? $(M) : A(M);
           if (!P.length)
             ce({ type: "warning", title: "Пошук", message: "Не знайдено результатів" });
           else {
@@ -3330,12 +3333,12 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
         }
       }
     }
-    return (h, x) => (i(), d("div", sr, [
+    return (h, x) => (i(), u("div", rr, [
       l("form", {
         class: "flex gap-2",
         onSubmit: $e(C, ["prevent"])
       }, [
-        a.value.length > 1 ? (i(), d("div", {
+        a.value.length > 1 ? (i(), u("div", {
           key: 0,
           ref_key: "dropdownRef",
           ref: p,
@@ -3346,8 +3349,8 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
             class: "vstSelect-input transition-all text-left bg-white border border-gray-200 text-gray-900 rounded-lg focus:ring-blue-500 focus:border-blue-100 block w-full py-1.5 px-3 text-sm cursor-pointer flex items-center justify-between gap-2",
             onClick: x[0] || (x[0] = (j) => f.value = !f.value)
           }, [
-            l("span", null, K(m(u.value)), 1),
-            (i(), d("svg", {
+            l("span", null, K(m(d.value)), 1),
+            (i(), u("svg", {
               class: T(["w-4 h-4 text-gray-500 transition-transform", { "rotate-180": f.value }]),
               viewBox: "0 0 24 24",
               fill: "none",
@@ -3362,23 +3365,23 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
               }, null, -1)
             ]), 2))
           ]),
-          f.value ? (i(), d("div", rr, [
+          f.value ? (i(), u("div", ir, [
             l("ul", null, [
-              (i(!0), d(re, null, pe(a.value, (j) => (i(), d("li", {
+              (i(!0), u(re, null, pe(a.value, (j) => (i(), u("li", {
                 key: j,
                 class: "px-3 py-2 cursor-pointer hover:bg-gray-100",
                 onClick: (M) => v(j)
-              }, K(m(j)), 9, ir))), 128))
+              }, K(m(j)), 9, ur))), 128))
             ])
           ])) : D("", !0)
         ], 512)) : D("", !0),
-        l("div", ur, [
+        l("div", dr, [
           ne(l("input", {
             "onUpdate:modelValue": x[1] || (x[1] = (j) => c.value = j),
             placeholder: r.value,
             type: "text",
             class: "vs-input transition-all border block w-full border-gray-200 rounded-md focus:border-blue-100 border-solid !pr-8 py-1.5 pl-3 text-sm"
-          }, null, 8, dr), [
+          }, null, 8, cr), [
             [
               me,
               c.value,
@@ -3410,7 +3413,7 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
       ], 32)
     ]));
   }
-}), vr = /* @__PURE__ */ Y(fr, [["__scopeId", "data-v-3048520a"]]), mr = { class: "bg-white/30 p-1 rounded-md shadow" }, hr = { class: "flex gap-2" }, gr = ["onClick", "title"], br = ["src"], yr = /* @__PURE__ */ G({
+}), mr = /* @__PURE__ */ X(vr, [["__scopeId", "data-v-3048520a"]]), hr = { class: "bg-white/30 p-1 rounded-md shadow" }, gr = { class: "flex gap-2" }, br = ["onClick", "title"], yr = ["src"], xr = /* @__PURE__ */ G({
   __name: "map-layers",
   props: {
     basemaps: {}
@@ -3421,9 +3424,9 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
     function a(r) {
       n("onLayerChange", r), s.value = r;
     }
-    return (r, u) => (i(), d("div", mr, [
-      l("div", hr, [
-        (i(!0), d(re, null, pe(r.basemaps, (c, f) => (i(), d("div", {
+    return (r, d) => (i(), u("div", hr, [
+      l("div", gr, [
+        (i(!0), u(re, null, pe(r.basemaps, (c, f) => (i(), u("div", {
           key: f,
           class: T(["cursor-pointer border rounded-lg overflow-hidden hover:shadow-sm", { "ring-2 ring-blue-500 border-blue-300": s.value === f }]),
           onClick: (p) => a(f),
@@ -3435,24 +3438,24 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
             src: c.preview,
             alt: "",
             class: "w-10 h-10 object-cover"
-          }, null, 8, br)
-        ], 10, gr))), 128))
+          }, null, 8, yr)
+        ], 10, br))), 128))
       ])
     ]));
   }
-}), xr = {
+}), wr = {
   key: 0,
   class: "absolute inset-0 z-[2000] flex items-center justify-center pointer-events-none bg-black/20"
-}, wr = { class: "bg-black/50 text-white px-6 py-2 rounded-lg text-center max-w-sm mx-4 backdrop-blur-sm" }, kr = { class: "text-sm font-medium" }, _r = { class: "absolute top-4 left-4 z-[1000] w-[calc(100%-20px)] sm:w-[350px]" }, $r = { class: "form-geom__panel flex gap-1 items-start mt-2" }, Cr = { class: "flex items-center gap-1" }, Vr = ["disabled"], Mr = { class: "absolute top-4 right-4 z-[1000]" }, Lr = { class: "flex flex-col gap-[2px]" }, Sr = ["aria-pressed"], Br = ["aria-pressed"], jr = ["aria-pressed"], Er = ["aria-pressed"], Ir = { class: "absolute bottom-0 left-0 right-0 z-[1000] bg-white/95 border-t border-gray-200 text-xs text-gray-700 flex items-center gap-4 pt-1" }, zr = {
+}, kr = { class: "bg-black/50 text-white px-6 py-2 rounded-lg text-center max-w-sm mx-4 backdrop-blur-sm" }, _r = { class: "text-sm font-medium" }, $r = { class: "absolute top-4 left-4 z-[1000] w-[calc(100%-20px)] sm:w-[350px]" }, Cr = { class: "form-geom__panel flex gap-1 items-start mt-2" }, Vr = { class: "flex items-center gap-1" }, Mr = ["disabled"], Lr = { class: "absolute top-4 right-4 z-[1000]" }, Sr = { class: "flex flex-col gap-[2px]" }, Br = ["aria-pressed"], jr = ["aria-pressed"], Er = ["aria-pressed"], Ir = ["aria-pressed"], zr = { 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" }, Ar = {
   key: 0,
   class: "form-geom__feature flex items-center text-xs transition-all gap-2 w-full"
-}, Ar = { class: "mr-auto" }, Tr = { class: "font-bold" }, Fr = { class: "flex items-center" }, Or = { class: "text-xs mr-2" }, Ur = {
+}, Tr = { class: "mr-auto" }, Fr = { class: "font-bold" }, Or = { class: "flex items-center" }, Ur = { class: "text-xs mr-2" }, Dr = {
   key: 0,
   class: "text-xs"
-}, Dr = {
+}, Rr = {
   key: 1,
   class: "text-xs"
-}, Rr = /* @__PURE__ */ G({
+}, Pr = /* @__PURE__ */ G({
   __name: "vs-input-map",
   props: {
     tools: {},
@@ -3468,7 +3471,7 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = Kt(), s = o, n = e, a = B(() => s.geomType ? s.geomType.map((b) => b.toLowerCase()).filter((b) => ["marker", "polyline", "polygon", "rectangle"].includes(b)) : ["marker", "polyline", "polygon", "rectangle"]), r = w(!1), u = w("");
+    const t = Kt(), s = o, n = e, a = B(() => s.geomType ? s.geomType.map((b) => b.toLowerCase()).filter((b) => ["marker", "polyline", "polygon", "rectangle"].includes(b)) : ["marker", "polyline", "polygon", "rectangle"]), r = w(!1), d = w("");
     function c() {
       const b = navigator.platform.toUpperCase().indexOf("MAC") >= 0;
       return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ? "Використовуйте два пальці для зуму карти." : "Використовуйте Ctrl + прокрутка для зуму карти.";
@@ -3484,7 +3487,7 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
       const V = (N) => {
         const oe = N.ctrlKey || N.metaKey, ae = N.shiftKey;
         if (!oe && !ae) {
-          r.value = !0, u.value = c(), clearTimeout(b), b = window.setTimeout(() => {
+          r.value = !0, d.value = c(), clearTimeout(b), b = window.setTimeout(() => {
             r.value = !1;
           }, 1e3);
           return;
@@ -3494,7 +3497,7 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
         }, 100);
       }, J = (N) => {
         if (N.touches.length === 1) {
-          r.value = !0, u.value = c(), clearTimeout(b), b = window.setTimeout(() => {
+          r.value = !0, d.value = c(), clearTimeout(b), b = window.setTimeout(() => {
             r.value = !1;
           }, 3e3);
           return;
@@ -3517,7 +3520,7 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
         coordinates: [b.coordinates]
       } : (b.type === "MultiPolygon", b) : null;
     }
-    function X() {
+    function Y() {
       return new Promise((b, V) => {
         window.L && window.L.Draw && b(0);
         const J = (oe) => {
@@ -3566,7 +3569,7 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
       const N = L.featureGroup(V).getBounds();
       N && N.isValid() && p.fitBounds(N, { padding: [b, b] });
     }
-    function Q() {
+    function ee() {
       I.value?.click();
     }
     const Z = w("");
@@ -3604,7 +3607,7 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
         layer: V
       }, C.value = b.length;
     }
-    function ee() {
+    function Q() {
       const b = x.value?.layer;
       b && (b instanceof L.Circle && b.getBounds ? p.fitBounds(b.getBounds(), { padding: [30, 30] }) : b.getBounds ? p.fitBounds(b.getBounds(), { padding: [30, 30] }) : b.getLatLng && p.setView(b.getLatLng(), Math.max(O.value, 14)));
     }
@@ -3613,7 +3616,7 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
       b && (v.removeLayer(b), S(), H());
     }
     ye(async () => {
-      document.addEventListener("wheel", $, { passive: !1 }), await X(), L.drawLocal = Os;
+      document.addEventListener("wheel", $, { passive: !1 }), await Y(), L.drawLocal = Us;
       const b = s.handleZoom;
       p = L.map(f.value, {
         zoomControl: !1,
@@ -3634,7 +3637,7 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
       }), p.on("zoomend", () => {
         O.value = p.getZoom();
       });
-      const J = Us(s.modelValue);
+      const J = Ds(s.modelValue);
       if (J) {
         const N = [];
         L.geoJSON(J).eachLayer((oe) => N.push(oe)), N.length && v.addLayer(N[0]), S(), H(), W();
@@ -3728,7 +3731,7 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
       setTimeout(() => {
         p.invalidateSize();
       }, 50);
-    }), (b, V) => (i(), d("div", {
+    }), (b, V) => (i(), u("div", {
       class: T(["leaflet-map-wrapper relative w-full h-[400px]", { fullscreen: Te.value }])
     }, [
       l("div", {
@@ -3746,29 +3749,29 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
         "leave-to-class": "opacity-0"
       }, {
         default: Ee(() => [
-          r.value && s.handleZoom ? (i(), d("div", xr, [
-            l("div", wr, [
-              l("p", kr, K(u.value), 1)
+          r.value && s.handleZoom ? (i(), u("div", wr, [
+            l("div", kr, [
+              l("p", _r, K(d.value), 1)
             ])
           ])) : D("", !0)
         ]),
         _: 1
       }),
-      l("div", _r, [
-        R(vr, { onGoToCoordinates: Le }),
-        l("div", $r, [
-          l("div", Cr, [
+      l("div", $r, [
+        R(mr, { onGoToCoordinates: Le }),
+        l("div", Cr, [
+          l("div", Vr, [
             l("button", {
               type: "button",
               class: "inline-flex items-center gap-2 text-sm font-medium border rounded-md px-3 py-2 bg-white text-blue-600 border-stone-200 hover:bg-blue-500 hover:text-white hover:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500 focus:ring-offset-1 transition",
-              onClick: Q
+              onClick: ee
             }, "Import"),
             l("button", {
               type: "button",
               class: "inline-flex items-center gap-2 text-sm font-medium border rounded-md px-3 py-2 bg-white text-blue-600 border-stone-200 hover:bg-blue-500 hover:text-white hover:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500 focus:ring-offset-1 transition disabled:opacity-50 disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-gray-400 disabled:border-gray-200 disabled:hover:bg-gray-100 disabled:hover:text-gray-400",
               onClick: Ke,
               disabled: C.value === 0
-            }, "Export", 8, Vr)
+            }, "Export", 8, Mr)
           ]),
           l("input", {
             ref_key: "importRef",
@@ -3780,9 +3783,9 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
           }, null, 544)
         ])
       ]),
-      l("div", Mr, [
-        l("div", Lr, [
-          a.value.includes("marker") ? (i(), d("button", {
+      l("div", Lr, [
+        l("div", Sr, [
+          a.value.includes("marker") ? (i(), u("button", {
             key: 0,
             class: T(["vs-btn", { "vs-active": Z.value === "marker" }]),
             "aria-pressed": Z.value === "marker",
@@ -3790,9 +3793,9 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
             "aria-label": "Draw point",
             onClick: V[0] || (V[0] = (J) => we("marker"))
           }, [
-            R(Hs)
-          ], 10, Sr)) : D("", !0),
-          a.value.includes("polyline") ? (i(), d("button", {
+            R(Ns)
+          ], 10, Br)) : D("", !0),
+          a.value.includes("polyline") ? (i(), u("button", {
             key: 1,
             class: T(["vs-btn", { "vs-active": Z.value === "polyline" }]),
             "aria-pressed": Z.value === "polyline",
@@ -3800,9 +3803,9 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
             "aria-label": "Draw polyline",
             onClick: V[1] || (V[1] = (J) => we("polyline"))
           }, [
-            R(Ks)
-          ], 10, Br)) : D("", !0),
-          a.value.includes("polygon") ? (i(), d("button", {
+            R(Ws)
+          ], 10, jr)) : D("", !0),
+          a.value.includes("polygon") ? (i(), u("button", {
             key: 2,
             class: T(["vs-btn", { "vs-active": Z.value === "polygon" }]),
             "aria-pressed": Z.value === "polygon",
@@ -3810,9 +3813,9 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
             "aria-label": "Draw polygon",
             onClick: V[2] || (V[2] = (J) => we("polygon"))
           }, [
-            R(Ys)
-          ], 10, jr)) : D("", !0),
-          a.value.includes("rectangle") ? (i(), d("button", {
+            R(Xs)
+          ], 10, Er)) : D("", !0),
+          a.value.includes("rectangle") ? (i(), u("button", {
             key: 3,
             class: T(["vs-btn", { "vs-active": Z.value === "rectangle" }]),
             "aria-pressed": Z.value === "rectangle",
@@ -3820,8 +3823,8 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
             "aria-label": "Draw rectangle",
             onClick: V[3] || (V[3] = (J) => we("rectangle"))
           }, [
-            R(tr)
-          ], 10, Er)) : D("", !0),
+            R(lr)
+          ], 10, Ir)) : D("", !0),
           l("button", {
             class: "vs-btn mt-5",
             onClick: V[4] || (V[4] = (J) => {
@@ -3830,40 +3833,40 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
             title: "Full Screen",
             "aria-label": "Full Screen"
           }, [
-            R(ar, { style: { width: "12px", height: "12px" } })
+            R(sr, { style: { width: "12px", height: "12px" } })
           ])
         ])
       ]),
       l("div", {
         class: T(["absolute left-4 z-[1000]", x.value ? "bottom-8" : "bottom-4"])
       }, [
-        R(yr, {
+        R(xr, {
           basemaps: le(j),
           onOnLayerChange: Ue
         }, null, 8, ["basemaps"])
       ], 2),
-      l("div", Ir, [
-        x.value ? (i(), d("div", zr, [
-          l("div", Ar, [
+      l("div", zr, [
+        x.value ? (i(), u("div", Ar, [
+          l("div", Tr, [
             V[7] || (V[7] = he(" Тип: ", -1)),
-            l("span", Tr, K(x.value.type), 1)
+            l("span", Fr, K(x.value.type), 1)
           ]),
-          l("div", Fr, [
-            l("div", Or, [
+          l("div", Or, [
+            l("div", Ur, [
               V[8] || (V[8] = he(" Центр: ", -1)),
               l("b", null, K(x.value.center.lat.toFixed(5)) + ", " + K(x.value.center.lng.toFixed(5)), 1)
             ]),
-            x.value.areaKm2 !== null ? (i(), d("div", Ur, [
+            x.value.areaKm2 !== null ? (i(), u("div", Dr, [
               V[9] || (V[9] = he(" Площа: ", -1)),
               l("b", null, K(x.value.areaKm2.toFixed(1)) + "км²", 1)
-            ])) : (i(), d("div", Dr, V[10] || (V[10] = [
+            ])) : (i(), u("div", Rr, V[10] || (V[10] = [
               he(" Площа: ", -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: V[5] || (V[5] = (J) => ee())
+              onClick: V[5] || (V[5] = (J) => Q())
             }, V[11] || (V[11] = [
               xe('<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-77633b64><path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" data-v-77633b64></path><path d="M7 10l6 0" data-v-77633b64></path><path d="M10 7l0 6" data-v-77633b64></path><path d="M21 21l-6 -6" data-v-77633b64></path></svg>', 1)
             ])),
@@ -3879,10 +3882,10 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
       ])
     ], 2));
   }
-}), Pr = /* @__PURE__ */ Y(Rr, [["__scopeId", "data-v-77633b64"]]), Hr = ["data-focus"], Nr = { class: "flex items-center" }, Gr = { class: "overflow-hidden text-ellipsis whitespace-nowrap rounded-sm text-[#333] text-[85%] px-0.5 py-[3px] pl-1.5 box-border" }, qr = ["onClick", "aria-label"], Kr = {
+}), Hr = /* @__PURE__ */ X(Pr, [["__scopeId", "data-v-77633b64"]]), Nr = ["data-focus"], Gr = { 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" }, Kr = ["onClick", "aria-label"], Wr = {
   key: 0,
   class: "absolute text-gray-500 truncate pl-2"
-}, Wr = { class: "flex-1 min-w-[2px]" }, Zr = ["placeholder"], Jr = { class: "flex items-center shrink-0" }, Yr = ["disabled"], Xr = /* @__PURE__ */ G({
+}, Zr = { class: "flex-1 min-w-[2px]" }, Jr = ["placeholder"], Yr = { class: "flex items-center shrink-0" }, Xr = ["disabled"], Qr = /* @__PURE__ */ G({
   __name: "vs-input-tag",
   props: /* @__PURE__ */ ie({
     unique: { type: Boolean, default: !0 },
@@ -3901,7 +3904,7 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
   setup(o, { emit: e }) {
     const t = o, s = e;
     Ce(t.style);
-    const n = w(null), a = w(null), r = w(null), u = w(!1), c = w(""), f = de(o, "modelValue"), p = B(() => t.placeholder || "Add tag…"), v = B(() => f.value?.length === 0 && c.value === ""), k = B(() => !t.disabled && f.value?.length > 0), m = B(() => t.disabled), I = async () => {
+    const n = w(null), a = w(null), r = w(null), d = w(!1), c = w(""), f = de(o, "modelValue"), p = B(() => t.placeholder || "Add tag…"), v = B(() => f.value?.length === 0 && c.value === ""), k = B(() => !t.disabled && f.value?.length > 0), m = B(() => t.disabled), I = async () => {
       m.value || await je(() => r.value?.focus());
     }, $ = (j) => {
       const M = j.trim();
@@ -3915,14 +3918,14 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
     }, O = () => {
       s("update:modelValue", []);
     }, C = () => {
-      m.value || (u.value = !0);
+      m.value || (d.value = !0);
     }, h = () => {
-      u.value = !1, !m.value && A();
+      d.value = !1, !m.value && A();
     }, x = (j) => {
       const { key: M } = j;
       M === "Enter" ? (j.preventDefault(), A()) : M === "Backspace" && c.value === "" && f.value.length > 0 && E(f.value.length - 1);
     };
-    return (j, M) => (i(), d("div", {
+    return (j, M) => (i(), u("div", {
       class: "flex gap-1 w-full",
       ref_key: "root",
       ref: n,
@@ -3938,10 +3941,10 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
           class: T([
             "flex min-h-[38px] items-center justify-between rounded border transition-colors bg-white",
             "border-gray-300 hover:border-gray-400",
-            u.value ? "border-blue-500 ring-1 ring-blue-500" : "",
+            d.value ? "border-blue-500 ring-1 ring-blue-500" : "",
             m.value ? "bg-gray-100 text-gray-400 cursor-not-allowed hover:border-gray-300" : ""
           ]),
-          "data-focus": u.value ? "true" : "false",
+          "data-focus": d.value ? "true" : "false",
           onClick: I
         }, [
           l("div", {
@@ -3949,17 +3952,17 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
             ref_key: "chipsRef",
             ref: a
           }, [
-            (i(!0), d(re, null, pe(f.value, (P, te) => (i(), d("div", {
+            (i(!0), u(re, null, pe(f.value, (P, te) => (i(), u("div", {
               key: te,
               class: "flex min-w-0 bg-[#e6e6e6] rounded-sm m-0.5 box-border"
             }, [
-              l("div", Nr, [
-                l("div", Gr, K(P), 1)
+              l("div", Gr, [
+                l("div", qr, K(P), 1)
               ]),
               l("div", {
                 role: "button",
                 class: "flex items-center rounded-sm px-1 box-border hover:bg-[#ffbdad] hover:text-[#de350b]",
-                onClick: $e((X) => E(te), ["stop"]),
+                onClick: $e((Y) => E(te), ["stop"]),
                 "aria-label": `Remove ${P}`
               }, M[2] || (M[2] = [
                 l("svg", {
@@ -3972,11 +3975,11 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
                 }, [
                   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, qr)
+              ]), 8, Kr)
             ]))), 128)),
-            v.value ? (i(), d("div", Kr, K(p.value), 1)) : D("", !0),
-            l("div", Wr, [
-              m.value ? D("", !0) : ne((i(), d("input", {
+            v.value ? (i(), u("div", Wr, K(p.value), 1)) : D("", !0),
+            l("div", Zr, [
+              m.value ? D("", !0) : ne((i(), u("input", {
                 key: 0,
                 ref_key: "inputRef",
                 ref: r,
@@ -3993,13 +3996,13 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
                 onBlur: h,
                 onKeydown: x,
                 placeholder: f.value && f.value.length ? "" : void 0
-              }, null, 40, Zr)), [
+              }, null, 40, Jr)), [
                 [me, c.value]
               ])
             ])
           ], 512),
-          l("div", Jr, [
-            k.value ? (i(), d("button", {
+          l("div", Yr, [
+            k.value ? (i(), u("button", {
               key: 0,
               type: "button",
               class: "px-2 text-gray-400 hover:text-gray-500 transition-colors disabled:opacity-50",
@@ -4015,13 +4018,13 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
               }, [
                 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, Yr)) : D("", !0)
+            ]), 8, Xr)) : D("", !0)
           ])
-        ], 10, Hr)
+        ], 10, Nr)
       ], 2)
     ], 512));
   }
-}), Qr = { class: "relative flex gap-1 bg-white w-full" }, ei = ["disabled", "placeholder"], ti = /* @__PURE__ */ G({
+}), ei = { class: "relative flex gap-1 bg-white w-full" }, ti = ["disabled", "placeholder"], li = /* @__PURE__ */ G({
   __name: "vs-input-slug",
   props: /* @__PURE__ */ ie({
     disabled: { type: Boolean },
@@ -4035,7 +4038,7 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
   setup(o) {
     const e = Ae("values"), t = o, s = de(o, "modelValue");
     function n(r) {
-      const u = {
+      const d = {
         а: "a",
         б: "b",
         в: "v",
@@ -4074,20 +4077,20 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
         ї: "yi",
         ґ: "g"
       };
-      return r.toLowerCase().split("").map((c) => u[c] || c).join("").replace(/[^a-z0-9\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-+|-+$/g, "");
+      return r.toLowerCase().split("").map((c) => d[c] || c).join("").replace(/[^a-z0-9\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-+|-+$/g, "");
     }
     const a = () => {
-      const r = e?.value?.[t.parent || ""]?.toString(), u = n(r);
-      s.value = u.toString();
+      const r = e?.value?.[t.parent || ""]?.toString(), d = n(r);
+      s.value = d.toString();
     };
-    return (r, u) => (i(), d("div", Qr, [
+    return (r, d) => (i(), u("div", ei, [
       ne(l("input", {
         ref: "vsText",
         disabled: r.disabled,
         placeholder: r.placeholder,
-        "onUpdate:modelValue": u[0] || (u[0] = (c) => s.value = c),
+        "onUpdate:modelValue": d[0] || (d[0] = (c) => s.value = c),
         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, ei), [
+      }, null, 8, ti), [
         [me, s.value]
       ]),
       l("button", {
@@ -4096,7 +4099,7 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
       }, " Gen ")
     ]));
   }
-}), li = /* @__PURE__ */ Y(ti, [["__scopeId", "data-v-b0eba370"]]), oi = { class: "relative flex gap-1 bg-white w-full" }, ni = ["disabled", "placeholder"], ai = ["disabled"], si = { key: 0 }, ri = { key: 1 }, ii = /* @__PURE__ */ G({
+}), oi = /* @__PURE__ */ X(li, [["__scopeId", "data-v-b0eba370"]]), ni = { class: "relative flex gap-1 bg-white w-full" }, ai = ["disabled", "placeholder"], si = ["disabled"], ri = { key: 0 }, ii = { key: 1 }, ui = /* @__PURE__ */ G({
   __name: "vs-input-codegen",
   props: /* @__PURE__ */ ie({
     table: {},
@@ -4121,7 +4124,7 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
       if (!a.value) return "";
       const f = encodeURIComponent(String(e.table)), p = encodeURIComponent(String(e.code));
       return `/api/code-gen/${f}/${p}`;
-    }, u = async () => {
+    }, d = async () => {
       if (!a.value || s.value) return;
       const f = r();
       if (f) {
@@ -4134,7 +4137,7 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
         }
       }
     }, c = () => {
-      n.value && (t.value || u());
+      n.value && (t.value || d());
     };
     return ye(() => {
       c();
@@ -4143,31 +4146,31 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
       () => {
         c();
       }
-    ), (f, p) => (i(), d("div", oi, [
+    ), (f, p) => (i(), u("div", ni, [
       ne(l("input", {
         disabled: f.disabled,
         placeholder: f.placeholder,
         "onUpdate:modelValue": p[0] || (p[0] = (v) => t.value = v),
         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, ni), [
+      }, null, 8, ai), [
         [me, t.value]
       ]),
       l("button", {
         class: "px-2 bg-gray-100 border rounded-lg hover:bg-gray-200 disabled:opacity-50 disabled:cursor-not-allowed",
         disabled: s.value || f.disabled || !a.value,
-        onClick: u
+        onClick: d
       }, [
-        s.value ? (i(), d("span", ri, "...")) : (i(), d("span", si, "Gen"))
-      ], 8, ai)
+        s.value ? (i(), u("span", ii, "...")) : (i(), u("span", ri, "Gen"))
+      ], 8, si)
     ]));
   }
-}), ui = /* @__PURE__ */ Y(ii, [["__scopeId", "data-v-6ee5237d"]]), di = { class: "w-full" }, ci = {
+}), di = /* @__PURE__ */ X(ui, [["__scopeId", "data-v-6ee5237d"]]), ci = { class: "w-full" }, pi = {
   ref: "sortableContainer",
   class: "flex flex-col gap-1"
-}, pi = ["onDragstart", "onDrop"], fi = { class: "w-1/3" }, vi = { class: "w-2/3" }, mi = ["onClick"], hi = {
+}, fi = ["onDragstart", "onDrop"], vi = { class: "w-1/3" }, mi = { class: "w-2/3" }, hi = ["onClick"], gi = {
   key: 0,
   class: "text-[14px] text-gray-700"
-}, gi = { class: "mt-2 w-full flex items-center" }, bi = ["disabled"], yi = /* @__PURE__ */ G({
+}, bi = { class: "mt-2 w-full flex items-center" }, yi = ["disabled"], xi = /* @__PURE__ */ G({
   __name: "vs-input-key-value",
   props: {
     parent: {},
@@ -4177,10 +4180,10 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = (A) => `${A}-${Math.random().toString(36).substring(2, 15)}`, s = Ae("values"), n = o, a = e, r = n.addButtonText ?? "Додати", u = n.ignore ?? [], c = w([]), f = w(null);
+    const t = (A) => `${A}-${Math.random().toString(36).substring(2, 15)}`, s = Ae("values"), n = o, a = e, r = n.addButtonText ?? "Додати", d = n.ignore ?? [], c = w([]), f = w(null);
     (() => {
       const A = n.parent && s?.value?.[n.parent] || n.modelValue || {};
-      c.value = Object.entries(A).filter(([E]) => !u.includes(E)).map(([E, O]) => ({
+      c.value = Object.entries(A).filter(([E]) => !d.includes(E)).map(([E, O]) => ({
         id: t("key-value-"),
         key: E,
         value: O
@@ -4209,7 +4212,7 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
           C.key && C.value !== void 0 && (E[C.key] = C.value);
         });
         const O = {};
-        u.length && u.forEach((C) => {
+        d.length && d.forEach((C) => {
           O[C] = n.parent ? s?.value?.[n.parent]?.[C] : void 0;
         }), s?.value && n.parent && (s.value[n.parent] = {
           ...O,
@@ -4217,9 +4220,9 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
         }), a("update:modelValue", E);
       },
       { deep: !0 }
-    ), (A, E) => (i(), d("div", di, [
-      l("div", ci, [
-        (i(!0), d(re, null, pe(c.value, (O, C) => (i(), d("div", {
+    ), (A, E) => (i(), u("div", ci, [
+      l("div", pi, [
+        (i(!0), u(re, null, pe(c.value, (O, C) => (i(), u("div", {
           key: O.id,
           class: T(["flex items-center gap-2 w-full", { "opacity-50": f.value === C }]),
           draggable: "true",
@@ -4229,14 +4232,14 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
           onDrop: (h) => k(C)
         }, [
           E[1] || (E[1] = xe('<button class="cursor-move" data-v-a0f7fbfc><svg fill="#000000" width="20" height="20" viewBox="0 0 36 36" data-v-a0f7fbfc><circle cx="15" cy="12" r="1.5" data-v-a0f7fbfc></circle><circle cx="15" cy="24" r="1.5" data-v-a0f7fbfc></circle><circle cx="21" cy="12" r="1.5" data-v-a0f7fbfc></circle><circle cx="21" cy="24" r="1.5" data-v-a0f7fbfc></circle><circle cx="21" cy="18" r="1.5" data-v-a0f7fbfc></circle><circle cx="15" cy="18" r="1.5" data-v-a0f7fbfc></circle></svg></button>', 1)),
-          l("div", fi, [
+          l("div", vi, [
             R(Ye, {
               modelValue: O.key,
               "onUpdate:modelValue": (h) => O.key = h,
               placeholder: "Ключ"
             }, null, 8, ["modelValue", "onUpdate:modelValue"])
           ]),
-          l("div", vi, [
+          l("div", mi, [
             R(Ye, {
               modelValue: O.value,
               "onUpdate:modelValue": (h) => O.value = h,
@@ -4251,11 +4254,11 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
               height: "16",
               width: "16"
             })
-          ], 8, mi)
-        ], 42, pi))), 128))
+          ], 8, hi)
+        ], 42, fi))), 128))
       ], 512),
-      c.value.length ? D("", !0) : (i(), d("span", hi, " Дані для відображення відсутні ")),
-      l("div", gi, [
+      c.value.length ? D("", !0) : (i(), u("span", gi, " Дані для відображення відсутні ")),
+      l("div", bi, [
         l("button", {
           type: "button",
           onClick: I,
@@ -4267,11 +4270,11 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
             width: "14"
           }),
           he(" " + K(le(r)), 1)
-        ], 8, bi)
+        ], 8, yi)
       ])
     ]));
   }
-}), xi = /* @__PURE__ */ Y(yi, [["__scopeId", "data-v-a0f7fbfc"]]), wi = { class: "flex items-center gap-2 w-full" }, ki = ["disabled"], _i = /* @__PURE__ */ G({
+}), wi = /* @__PURE__ */ X(xi, [["__scopeId", "data-v-a0f7fbfc"]]), ki = { class: "flex items-center gap-2 w-full" }, _i = ["disabled"], $i = /* @__PURE__ */ G({
   __name: "vs-input-color",
   props: {
     style: { default: () => ({}) },
@@ -4288,26 +4291,26 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
       get: () => t.modelValue || "#000000",
       set: (r) => n("update:modelValue", r)
     });
-    return (r, u) => (i(), d("div", wi, [
+    return (r, d) => (i(), u("div", ki, [
       ne(l("input", {
         type: "color",
-        "onUpdate:modelValue": u[0] || (u[0] = (c) => a.value = c),
+        "onUpdate:modelValue": d[0] || (d[0] = (c) => a.value = c),
         disabled: r.disabled,
         ref: "color",
         class: T(["py-1.5 px-1 block w-full bg-white cursor-pointer max-w-[50px]", [r.modelValue ? "" : "text-opacity-50", le(s)].join(" ")]),
         style: { border: "1px solid #CFD9E0" }
-      }, null, 10, ki), [
+      }, null, 10, _i), [
         [me, a.value]
       ]),
       ne(l("input", {
         class: "text-sm text-gray-600 border border-solid border-stone-200 rounded-md p-2",
-        "onUpdate:modelValue": u[1] || (u[1] = (c) => a.value = c)
+        "onUpdate:modelValue": d[1] || (d[1] = (c) => a.value = c)
       }, null, 512), [
         [me, a.value]
       ])
     ]));
   }
-}), $i = { class: "flex items-center gap-2 w-full" }, Ci = ["min", "max", "step", "disabled"], Vi = /* @__PURE__ */ G({
+}), Ci = { class: "flex items-center gap-2 w-full" }, Vi = ["min", "max", "step", "disabled"], Mi = /* @__PURE__ */ G({
   __name: "vs-input-range",
   props: {
     style: { default: () => ({}) },
@@ -4327,29 +4330,29 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
       get: () => Number(t.modelValue ?? t.min),
       set: (r) => n("update:modelValue", Number(r))
     });
-    return (r, u) => (i(), d("div", $i, [
+    return (r, d) => (i(), u("div", Ci, [
       ne(l("input", {
         type: "range",
-        "onUpdate:modelValue": u[0] || (u[0] = (c) => a.value = c),
+        "onUpdate:modelValue": d[0] || (d[0] = (c) => a.value = c),
         min: r.min,
         max: r.max,
         step: r.step,
         disabled: r.disabled,
         ref: "range",
         class: T(["w-full cursor-pointer accent-blue-500", [r.modelValue ? "" : "text-opacity-50", le(s)].join(" ")])
-      }, null, 10, Ci), [
+      }, null, 10, Vi), [
         [me, a.value]
       ]),
       ne(l("input", {
         class: "text-sm text-gray-600 border border-solid border-stone-200 rounded-md p-2 max-w-[100px]",
         type: "number",
-        "onUpdate:modelValue": u[1] || (u[1] = (c) => a.value = c)
+        "onUpdate:modelValue": d[1] || (d[1] = (c) => a.value = c)
       }, null, 512), [
         [me, a.value]
       ])
     ]));
   }
-}), Mi = ["type", "value", "onInput", "placeholder", "disabled"], Li = /* @__PURE__ */ G({
+}), Li = ["type", "value", "onInput", "placeholder", "disabled"], Si = /* @__PURE__ */ G({
   __name: "vs-input-array",
   props: /* @__PURE__ */ ie({
     count: { default: 1 },
@@ -4377,26 +4380,26 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
       ]);
     });
     function n(a, r) {
-      const u = a.target.value, c = [...s.value];
-      c[r] = e.inputType === "text" ? u : Number(u), s.value = c;
+      const d = a.target.value, c = [...s.value];
+      c[r] = e.inputType === "text" ? d : Number(d), s.value = c;
     }
-    return (a, r) => (i(), d("div", {
+    return (a, r) => (i(), u("div", {
       class: T(["grid gap-2", `grid-cols-${a.limit}`])
     }, [
-      (i(!0), d(re, null, pe(a.count, (u) => (i(), d("input", {
+      (i(!0), u(re, null, pe(a.count, (d) => (i(), u("input", {
         type: a.inputType,
-        value: s.value?.[u - 1] ?? "",
-        onInput: (c) => n(c, u - 1),
+        value: s.value?.[d - 1] ?? "",
+        onInput: (c) => n(c, d - 1),
         placeholder: a.placeholder,
         disabled: a.disabled,
         class: T(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [le(t), { "!border-red-600": a.error }]]),
         style: {
           border: "1px solid #CFD9E0"
         }
-      }, null, 42, Mi))), 256))
+      }, null, 42, Li))), 256))
     ], 2));
   }
-}), Si = {
+}), Bi = {
   VsInputText: Ye,
   VsInputRadio: kt,
   "vs-input-text": Ye,
@@ -4414,18 +4417,18 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
   "vs-input-file": un,
   "vs-input-html": wt,
   "vs-input-email": so,
-  "vs-input-datatable": Fs,
-  "vs-input-map": Pr,
+  "vs-input-datatable": Os,
+  "vs-input-map": Hr,
   "vs-input-file-list": Un,
-  "vs-input-tags": Xr,
-  "vs-input-slug": li,
-  "vs-input-codegen": ui,
-  "vs-input-key-value": xi,
-  "vs-input-range": Vi,
-  "vs-input-color": _i,
+  "vs-input-tags": Qr,
+  "vs-input-slug": oi,
+  "vs-input-codegen": di,
+  "vs-input-key-value": wi,
+  "vs-input-range": Mi,
+  "vs-input-color": $i,
   "vs-input-native-select": Vt,
-  "vs-input-array": Li
-}, Bi = /* @__PURE__ */ G({
+  "vs-input-array": Si
+}, ji = /* @__PURE__ */ G({
   __name: "behavior",
   props: {
     api: {},
@@ -4446,18 +4449,18 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
         }
         const r = await a.json();
         if (!e.set || !t) return;
-        for (const [u, c] of Object.entries(e.set))
-          t.value[u] = r.result[c];
+        for (const [d, c] of Object.entries(e.set))
+          t.value[d] = r.result[c];
       } catch (n) {
         console.error(e.error, n);
       }
     }
-    return (n, a) => (i(), d("button", {
+    return (n, a) => (i(), u("button", {
       onClick: s,
       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"
     }, K(n.button), 1));
   }
-}), ji = { class: "flex flex-col gap-1 w-full" }, Ei = {
+}), Ei = { class: "flex flex-col gap-1 w-full" }, Ii = {
   key: 0,
   class: "text-sm text-gray-500"
 }, Ot = /* @__PURE__ */ G({
@@ -4475,21 +4478,21 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = de(o, "modelValue"), s = B(() => bl[`${e.layout}`]), n = B(() => Si?.[`vs-input-${e.item.type}`]), a = B(() => {
-      const u = le(n);
-      if (!u) return /* @__PURE__ */ new Set();
-      const c = u.props ?? u.__vccOpts?.props;
+    const e = o, t = de(o, "modelValue"), s = B(() => bl[`${e.layout}`]), n = B(() => Bi?.[`vs-input-${e.item.type}`]), a = B(() => {
+      const d = le(n);
+      if (!d) return /* @__PURE__ */ new Set();
+      const c = d.props ?? d.__vccOpts?.props;
       if (!c) return /* @__PURE__ */ new Set();
       const f = Array.isArray(c) ? c : Object.keys(c);
       return new Set(f);
     }), r = B(() => {
-      const u = e.item ?? {}, c = a.value;
-      return c.size ? Object.fromEntries(Object.entries(u).filter(([f]) => c.has(f))) : {};
+      const d = e.item ?? {}, c = a.value;
+      return c.size ? Object.fromEntries(Object.entries(d).filter(([f]) => c.has(f))) : {};
     });
-    return (u, c) => (i(), ve(Oe(s.value), {
+    return (d, c) => (i(), ve(Oe(s.value), {
       ua: e.item.ua,
       error: e.error || "",
-      item: u.item,
+      item: d.item,
       columns: e.columns,
       label: e.item.label
     }, {
@@ -4497,20 +4500,20 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
         l("div", {
           class: T(["flex w-full", `${e.item.type}-component`])
         }, [
-          l("div", ji, [
+          l("div", Ei, [
             (i(), ve(Oe(n.value), Fe(r.value, {
               modelValue: t.value,
               "onUpdate:modelValue": c[0] || (c[0] = (f) => t.value = f)
             }), null, 16, ["modelValue"])),
-            u.item.description && e.layout !== "settings" ? (i(), d("p", Ei, K(u.item.description), 1)) : D("", !0)
+            d.item.description && e.layout !== "settings" ? (i(), u("p", Ii, K(d.item.description), 1)) : D("", !0)
           ]),
-          u.item.behavior?.api && u.item.behavior?.button ? (i(), ve(Bi, Fe({ key: 0 }, u.item.behavior, { value: t.value }), null, 16, ["value"])) : D("", !0)
+          d.item.behavior?.api && d.item.behavior?.button ? (i(), ve(ji, Fe({ key: 0 }, d.item.behavior, { value: t.value }), null, 16, ["value"])) : D("", !0)
         ], 2)
       ]),
       _: 1
     }, 8, ["ua", "error", "item", "columns", "label"]));
   }
-}), Ii = { class: "text-sm text-gray-800 mb-[4px] font-medium dark:text-neutral-300" }, zi = { class: "vs-compact-form-navigation__rail mt-[6px]" }, Ai = ["onClick"], Ti = /* @__PURE__ */ G({
+}), zi = { class: "text-sm text-gray-800 mb-[4px] font-medium dark:text-neutral-300" }, Ai = { class: "vs-compact-form-navigation__rail mt-[6px]" }, Ti = ["onClick"], Fi = /* @__PURE__ */ G({
   __name: "vs-compact-form-navigation",
   props: {
     target: {},
@@ -4520,7 +4523,7 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
     width: { default: 400 }
   },
   setup(o, { expose: e }) {
-    const t = o, s = w([]), n = w(""), a = w(""), r = B(() => !!t.enabled), u = B(() => [
+    const t = o, s = w([]), n = w(""), a = w(""), r = B(() => !!t.enabled), d = B(() => [
       "vs-compact-form-navigation flex flex-col pl-[6px] pt-[8px] pr-[8px]",
       "sticky top-0 self-start shrink-0",
       "max-h-full min-h-0 overflow-y-auto"
@@ -4563,9 +4566,9 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
         return;
       }
       if (m = S ?? null, typeof window > "u") return;
-      const Q = S ?? window, Z = window;
-      Q.addEventListener("scroll", $, { passive: !0 }), Z.addEventListener("resize", A), I = () => {
-        Q.removeEventListener("scroll", $), Z.removeEventListener("resize", A);
+      const ee = S ?? window, Z = window;
+      ee.addEventListener("scroll", $, { passive: !0 }), Z.addEventListener("resize", A), I = () => {
+        ee.removeEventListener("scroll", $), Z.removeEventListener("resize", A);
       };
     }
     function O() {
@@ -4578,21 +4581,21 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
     }
     function C() {
       if (!r.value || !k) return;
-      const S = Array.from(k.querySelectorAll("h1, h2")), W = /* @__PURE__ */ new Set(), Q = [];
+      const S = Array.from(k.querySelectorAll("h1, h2")), W = /* @__PURE__ */ new Set(), ee = [];
       S.forEach((Z, U) => {
         const F = Z.textContent?.trim() ?? "";
         if (!F) return;
         let z = (Z.getAttribute("id") ?? "").trim();
         z || (z = h(F) || `heading-${U + 1}`);
-        let H = z, ee = 1;
+        let H = z, Q = 1;
         for (; W.has(H); )
-          H = `${z}-${ee += 1}`;
-        Z.id !== H && Object.assign(Z, { id: H }), W.add(H), Q.push({
+          H = `${z}-${Q += 1}`;
+        Z.id !== H && Object.assign(Z, { id: H }), W.add(H), ee.push({
           id: H,
           text: F,
           level: Z.tagName.toLowerCase() === "h1" ? 1 : 2
         });
-      }), s.value = Q, Q.length || (n.value = ""), P();
+      }), s.value = ee, ee.length || (n.value = ""), P();
     }
     function h(S) {
       return S.toLowerCase().replace(/[^a-z0-9\s-]/g, "").trim().replace(/\s+/g, "-");
@@ -4607,18 +4610,18 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
       const W = m;
       if (!W)
         return typeof window > "u" ? S.offsetTop : S.getBoundingClientRect().top + window.scrollY;
-      const Q = S.getBoundingClientRect(), Z = W.getBoundingClientRect();
-      return Q.top - Z.top + W.scrollTop;
+      const ee = S.getBoundingClientRect(), Z = W.getBoundingClientRect();
+      return ee.top - Z.top + W.scrollTop;
     }
     function P() {
       if (!r.value || !s.value.length) return;
-      const S = m, W = (S ? S.scrollTop : null) || (typeof window < "u" ? window.scrollY : 0), Q = (S ? S.clientHeight : null) || (typeof window < "u" ? window.innerHeight : 0), Z = W + Q;
+      const S = m, W = (S ? S.scrollTop : null) || (typeof window < "u" ? window.scrollY : 0), ee = (S ? S.clientHeight : null) || (typeof window < "u" ? window.innerHeight : 0), Z = W + ee;
       let U = null;
       for (let z = 0; z < s.value.length; z += 1) {
-        const H = s.value[z], ee = document.getElementById(H.id);
-        if (ee) {
-          const ge = M(ee);
-          ge + ee.offsetHeight > W && ge < Z && (U = H.id);
+        const H = s.value[z], Q = document.getElementById(H.id);
+        if (Q) {
+          const ge = M(Q);
+          ge + Q.offsetHeight > W && ge < Z && (U = H.id);
         }
       }
       !U && a.value && (U = a.value), U && (a.value = U);
@@ -4630,66 +4633,66 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
         P(), v = 0;
       }));
     }
-    function X(S) {
+    function Y(S) {
       if (!r.value) return;
       const W = document.getElementById(S);
       if (!W) return;
-      const Q = m, Z = Math.max(0, M(W));
-      Q ? Q.scrollTo({ top: Z, behavior: "smooth" }) : typeof window < "u" && window.scrollTo({ top: Z, behavior: "smooth" });
+      const ee = m, Z = Math.max(0, M(W));
+      ee ? ee.scrollTo({ top: Z, behavior: "smooth" }) : typeof window < "u" && window.scrollTo({ top: Z, behavior: "smooth" });
     }
-    return e({ refresh: O }), (S, W) => r.value && s.value.length ? (i(), d("div", {
+    return e({ refresh: O }), (S, W) => r.value && s.value.length ? (i(), u("div", {
       key: 0,
-      class: T(u.value),
+      class: T(d.value),
       style: be(c.value)
     }, [
-      l("h2", Ii, K(S.title), 1),
-      l("div", zi, [
-        (i(!0), d(re, null, pe(s.value, (Q) => (i(), d("div", {
-          key: Q.id,
+      l("h2", zi, K(S.title), 1),
+      l("div", Ai, [
+        (i(!0), u(re, null, pe(s.value, (ee) => (i(), u("div", {
+          key: ee.id,
           class: T([
             "vs-compact-form-navigation__item relative",
-            Q.level === 2 ? "vs-compact-form-navigation__item--nested" : "",
-            Q.id === n.value ? "vs-compact-form-navigation__item--active" : ""
+            ee.level === 2 ? "vs-compact-form-navigation__item--nested" : "",
+            ee.id === n.value ? "vs-compact-form-navigation__item--active" : ""
           ])
         }, [
           l("button", {
             type: "button",
-            onClick: (Z) => X(Q.id),
+            onClick: (Z) => Y(ee.id),
             class: T([
               "vs-compact-form-navigation__button flex gap-x-3 py-[6px] pr-3 text-sm duration-200 hover:text-gray-800",
-              Q.level === 2 ? "pl-[15px]" : "pl-[18px]",
-              Q.id === n.value ? "text-gray-800" : "text-gray-500"
+              ee.level === 2 ? "pl-[15px]" : "pl-[18px]",
+              ee.id === n.value ? "text-gray-800" : "text-gray-500"
             ])
           }, [
-            l("span", null, K(Q.text), 1)
-          ], 10, Ai)
+            l("span", null, K(ee.text), 1)
+          ], 10, Ti)
         ], 2))), 128))
       ])
     ], 6)) : D("", !0);
   }
-}), Fi = /* @__PURE__ */ Y(Ti, [["__scopeId", "data-v-1584a562"]]), Ut = {
+}), Oi = /* @__PURE__ */ X(Fi, [["__scopeId", "data-v-1584a562"]]), Ut = {
   required: "Це поле є обов’язковим",
   email: "Неправильний email"
-}, Oi = (o) => o ? !1 : Ut.required, Ui = (o) => {
+}, Ui = (o) => o ? !1 : Ut.required, Di = (o) => {
   const e = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
   return o ? e.test(o) ? !1 : Ut.email : !1;
-}, Di = (o, e) => {
+}, Ri = (o, e) => {
   const t = e.pattern ?? e.regexp;
   return !(typeof t == "string" ? new RegExp(t) : t).test(o) && o ? e.message : !1;
-}, Ri = (o, e) => !1, Pi = (o, e) => {
+}, Pi = (o, e) => !1, Hi = (o, e) => {
   switch (typeof e == "string" ? e : e.type) {
     case "required":
-      return Oi(o);
-    case "email":
       return Ui(o);
+    case "email":
+      return Di(o);
     case "regexp":
-      return Di(o, e);
+      return Ri(o, e);
     case "custom":
-      return Ri();
+      return Pi();
     default:
       return !1;
   }
-}, Hi = {
+}, Ni = {
   autocomplete: "select",
   combobox: "select",
   datepicker: "date",
@@ -4704,7 +4707,7 @@ const ar = /* @__PURE__ */ Y(lr, [["render", nr]]), sr = { class: "map-search-wi
 };
 function Lt(o) {
   const e = o.toLowerCase();
-  return Hi[e] || e;
+  return Ni[e] || e;
 }
 function nt(o, e = !1) {
   if (Array.isArray(o)) {
@@ -4727,7 +4730,7 @@ function nt(o, e = !1) {
     n.type === "email" && !n.rules && (n.rules = ["email"]), s[1].type.includes("list") && (n.multiple = !0), !n.api && s[1].data && (n.api = `/api/suggest/${s[1].data}`), Array.isArray(n.schema) && (n.schema = nt(n.schema, n.disabled)), t.push(n);
   }), t;
 }
-function Ni(o, e, t = !1) {
+function Gi(o, e, t = !1) {
   const s = B(() => nt(
     (Array.isArray(e), e),
     typeof t == "boolean" ? t : t.value
@@ -4746,22 +4749,22 @@ function Ni(o, e, t = !1) {
       }
       let k = !1, m = null;
       v.rules.forEach((I) => {
-        const $ = Pi(o.value[v.name], I);
+        const $ = Hi(o.value[v.name], I);
         $ && (k = !0, !m && typeof $ == "string" && (m = $));
       }), k && m ? n.value[v.name] = m : delete n.value[v.name];
     }
     v.schema && r(v.schema, !1);
-  }), p && Object.values(n.value).some(Boolean) ? n.value : null), u = B(() => s.value?.filter((f) => f.hidden !== !0 && a(f)));
+  }), p && Object.values(n.value).some(Boolean) ? n.value : null), d = B(() => s.value?.filter((f) => f.hidden !== !0 && a(f)));
   return {
     errors: n,
     validate: r,
     reset: () => {
       o.value = {}, n.value = {};
     },
-    visibleSchema: u
+    visibleSchema: d
   };
 }
-const Gi = { class: "flex w-full h-full min-h-0 gap-6" }, qi = {
+const qi = { class: "flex w-full h-full min-h-0 gap-6" }, Ki = {
   key: 0,
   "data-orientation": "horizontal",
   role: "none",
@@ -4787,21 +4790,21 @@ const Gi = { class: "flex w-full h-full min-h-0 gap-6" }, qi = {
   emits: /* @__PURE__ */ ie(["handle-submit", "update:modelValue"], ["update:form", "update:values"]),
   setup(o, { expose: e, emit: t }) {
     const s = t, n = o, a = de(o, "form"), r = de(o, "values"), {
-      errors: u,
+      errors: d,
       validate: c,
       reset: f,
       visibleSchema: p
-    } = Ni(r, n.schema, Zt(n, "disabled")), v = w(null), k = w(null), m = B(() => n.navigation), I = B(() => n.navWidth), $ = B(() => n.style?.columns), A = Object.freeze({ container: 12, label: 3 }), E = B(() => n.columns ?? $.value ?? A), O = B(() => n.columns != null || $.value != null), C = B(() => O.value ? "horizontal" : n.layout), h = (P) => P?.columns ? "horizontal" : C.value, x = (P) => P?.columns ?? E.value, j = () => {
+    } = Gi(r, n.schema, Zt(n, "disabled")), v = w(null), k = w(null), m = B(() => n.navigation), I = B(() => n.navWidth), $ = B(() => n.style?.columns), A = Object.freeze({ container: 12, label: 3 }), E = B(() => n.columns ?? $.value ?? A), O = B(() => n.columns != null || $.value != null), C = B(() => O.value ? "horizontal" : n.layout), h = (P) => P?.columns ? "horizontal" : C.value, x = (P) => P?.columns ?? E.value, j = () => {
       s("update:modelValue", r.value), c(), s("handle-submit", r.value);
     };
     e({
       validate: c,
       reset: f,
-      errors: u
+      errors: d
     }), ye(() => {
       n.modelValue && (r.value = n.modelValue), a.value = {
         value: r.value,
-        errors: u.value,
+        errors: d.value,
         reset: f,
         validate: c,
         formId: n.formId
@@ -4810,10 +4813,10 @@ const Gi = { class: "flex w-full h-full min-h-0 gap-6" }, qi = {
     function M(P, te) {
       if (P === te) return !0;
       if (typeof P != "object" || typeof te != "object" || !P || !te) return !1;
-      const X = Object.keys(P), S = Object.keys(te);
-      return X.length !== S.length ? !1 : X.every((W) => P[W] === te[W]);
+      const Y = Object.keys(P), S = Object.keys(te);
+      return Y.length !== S.length ? !1 : Y.every((W) => P[W] === te[W]);
     }
-    return xt("form", a), xt("values", r), (P, te) => (i(), d("div", Gi, [
+    return xt("form", a), xt("values", r), (P, te) => (i(), u("div", qi, [
       l("div", {
         class: "flex-1 min-h-0 overflow-y-auto overflow-x-visible",
         ref_key: "formScrollContainer",
@@ -4825,27 +4828,27 @@ const Gi = { class: "flex w-full h-full min-h-0 gap-6" }, qi = {
           onSubmit: $e(j, ["prevent"]),
           class: T(["grid grid-cols-12 p-1", C.value === "default" ? "gap-6" : "gap-4"])
         }, [
-          (i(!0), d(re, null, pe(le(p), (X, S) => (i(), d("div", {
-            key: X.name,
-            class: T(h(X) === "horizontal" ? "col-span-12" : `col-span-${X.col || 12}`)
+          (i(!0), u(re, null, pe(le(p), (Y, S) => (i(), u("div", {
+            key: Y.name,
+            class: T(h(Y) === "horizontal" ? "col-span-12" : `col-span-${Y.col || 12}`)
           }, [
             R(Ot, {
               style: be(P.style),
-              item: X,
-              layout: h(X),
-              columns: x(X),
-              "model-value": r.value[X.name],
+              item: Y,
+              layout: h(Y),
+              columns: x(Y),
+              "model-value": r.value[Y.name],
               "onUpdate:modelValue": (W) => {
-                const Q = r.value[X.name];
-                M(Q, W) || (r.value[X.name] = W);
+                const ee = r.value[Y.name];
+                M(ee, W) || (r.value[Y.name] = W);
               },
-              error: le(u)[X.name]
+              error: le(d)[Y.name]
             }, null, 8, ["style", "item", "layout", "columns", "model-value", "onUpdate:modelValue", "error"]),
-            h(X) === "settings" && S + 1 !== le(p).length ? (i(), d("div", qi)) : D("", !0)
+            h(Y) === "settings" && S + 1 !== le(p).length ? (i(), u("div", Ki)) : D("", !0)
           ], 2))), 128))
         ], 34)
       ], 512),
-      R(Fi, {
+      R(Oi, {
         target: v.value,
         "scroll-container": k.value,
         enabled: m.value,
@@ -4853,7 +4856,7 @@ const Gi = { class: "flex w-full h-full min-h-0 gap-6" }, qi = {
       }, null, 8, ["target", "scroll-container", "enabled", "width"])
     ]));
   }
-}), Ki = { class: "relative" }, Wi = { class: "w-full h-full fixed top-0 start-0 z-[1000] bg-black bg-opacity-50" }, Zi = { 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" }, Ji = { class: "py-2.5 px-4 flex justify-between items-center border-0 border-b border-solid border-gray-200 dark:border-b-[#454545]" }, Yi = { class: "font-medium text-gray-800 dark:text-[#ffffff]" }, Xi = { class: "p-4 mim-h-0 h-full overflow-auto" }, Qi = /* @__PURE__ */ G({
+}), Wi = { class: "relative" }, Zi = { class: "w-full h-full fixed top-0 start-0 z-[1000] bg-black bg-opacity-50" }, Ji = { 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" }, Yi = { class: "py-2.5 px-4 flex justify-between items-center border-0 border-b border-solid border-gray-200 dark:border-b-[#454545]" }, Xi = { class: "font-medium text-gray-800 dark:text-[#ffffff]" }, Qi = { class: "p-4 mim-h-0 h-full overflow-auto" }, eu = /* @__PURE__ */ G({
   __name: "modal-edit",
   props: {
     schema: {},
@@ -4864,7 +4867,7 @@ const Gi = { class: "flex w-full h-full min-h-0 gap-6" }, qi = {
   },
   emits: ["close", "save", "edit"],
   setup(o, { emit: e }) {
-    const t = o, s = e, n = w(t.schema), a = w(t.defaultValue ? JSON.parse(JSON.stringify(t.defaultValue)) : {}), r = w({}), u = w(), c = w(t.mode);
+    const t = o, s = e, n = w(t.schema), a = w(t.defaultValue ? JSON.parse(JSON.stringify(t.defaultValue)) : {}), r = w({}), d = w(), c = w(t.mode);
     async function f() {
       const v = r.value.validate();
       if (v) {
@@ -4872,9 +4875,9 @@ const Gi = { class: "flex w-full h-full min-h-0 gap-6" }, qi = {
 `) });
         return;
       }
-      if (u.value)
+      if (d.value)
         try {
-          const k = await fetch(`/api/table/${u.value}`, {
+          const k = await fetch(`/api/table/${d.value}`, {
             method: c.value === "add" ? "POST" : "PUT",
             headers: {
               "Content-Type": "application/json"
@@ -4927,10 +4930,10 @@ const Gi = { class: "flex w-full h-full min-h-0 gap-6" }, qi = {
             return;
           }
           const k = await v.json();
-          n.value = k.schema, u.value = k.token;
+          n.value = k.schema, d.value = k.token;
         } else if (t.token) {
-          u.value = t.token;
-          const v = await fetch(`/api/form/${u.value}`);
+          d.value = t.token;
+          const v = await fetch(`/api/form/${d.value}`);
           if (!v.ok) {
             ce({
               type: v.status >= 400 && v.status < 500 ? "warning" : "error",
@@ -4949,11 +4952,11 @@ const Gi = { class: "flex w-full h-full min-h-0 gap-6" }, qi = {
           message: v.message || "Unexpected error"
         }), console.error(v);
       }
-    }), (v, k) => (i(), d("div", Ki, [
-      l("div", Wi, [
-        l("div", Zi, [
-          l("div", Ji, [
-            l("h3", Yi, K(c.value === "add" ? "Додати" : "Змінити"), 1),
+    }), (v, k) => (i(), u("div", Wi, [
+      l("div", Zi, [
+        l("div", Ji, [
+          l("div", Yi, [
+            l("h3", Xi, K(c.value === "add" ? "Додати" : "Змінити"), 1),
             l("button", {
               onClick: p,
               type: "button",
@@ -4977,7 +4980,7 @@ const Gi = { class: "flex w-full h-full min-h-0 gap-6" }, qi = {
               ], -1)
             ]))
           ]),
-          l("div", Xi, [
+          l("div", Qi, [
             n.value ? (i(), ve(qe, {
               key: 0,
               schema: n.value,
@@ -5010,7 +5013,7 @@ const Gi = { class: "flex w-full h-full min-h-0 gap-6" }, qi = {
     visible: !0,
     size: "medium",
     closeClickBack: !0,
-    content: Qi,
+    content: eu,
     contentProps: {
       ...o,
       onClose: () => {
@@ -5028,31 +5031,31 @@ qe.install = function(e) {
   }), e.provide("form", St), window.v3plugin || (window.v3plugin = {});
 };
 export {
-  Qi as ModalEdit,
+  eu as ModalEdit,
   qe as VForm,
-  Li as VsInputArray,
+  Si as VsInputArray,
   yo as VsInputCheckbox,
-  ui as VsInputCodegen,
-  _i as VsInputColor,
+  di as VsInputCodegen,
+  $i as VsInputColor,
   da as VsInputContainer,
   wo as VsInputDate,
   so as VsInputEmail,
   un as VsInputFile,
   Un as VsInputFileList,
-  xi as VsInputKeyValue,
+  wi as VsInputKeyValue,
   oo as VsInputMask,
   _l as VsInputNumber,
   kt as VsInputRadio,
-  Vi as VsInputRange,
+  Mi as VsInputRange,
   Vt as VsInputSelect,
-  li as VsInputSlug,
+  oi as VsInputSlug,
   wt as VsInputStatic,
   zt as VsInputSwitcher,
-  Xr as VsInputTag,
+  Qr as VsInputTag,
   Ye as VsInputText,
   ja as VsInputTextarea,
   qe as default,
-  Si as inputs,
-  Fs as vsInputDatatable,
-  Pr as vsInputMap
+  Bi as inputs,
+  Os as vsInputDatatable,
+  Hr as vsInputMap
 };