@opengis/form 0.0.49 → 0.0.50

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as U, ref as w, onMounted as ke, onUnmounted as Ye, createElementBlock as d, openBlock as u, createCommentVNode as D, renderSlot as Le, createElementVNode as l, toDisplayString as W, mergeProps as Te, computed as S, normalizeStyle as be, createTextVNode as ge, normalizeProps as ot, guardReactiveProps as nt, normalizeClass as E, mergeModels as ie, useModel as ue, withDirectives as ne, unref as ee, vModelText as ve, vModelCheckbox as Ct, createVNode as A, createBlock as me, resolveDynamicComponent as Fe, withCtx as Be, withModifiers as we, onBeforeUnmount as at, watch as re, createStaticVNode as ye, vModelRadio as Vt, Fragment as se, renderList as ce, reactive as Nt, vModelDynamic as qt, vShow as Xe, inject as ze, resolveComponent as mt, Transition as st, Teleport as Mt, nextTick as Ie, getCurrentInstance as Wt, watchEffect as Gt, toRef as Zt, provide as vt } from "vue";
+import { defineComponent as U, ref as w, onMounted as ke, onUnmounted as Ye, createElementBlock as d, openBlock as i, createCommentVNode as D, renderSlot as Le, createElementVNode as l, toDisplayString as G, mergeProps as Te, computed as B, normalizeStyle as be, createTextVNode as ge, normalizeProps as ot, guardReactiveProps as nt, normalizeClass as E, mergeModels as re, useModel as ue, withDirectives as ne, unref as ee, vModelText as ve, vModelCheckbox as Ct, createVNode as A, createBlock as me, resolveDynamicComponent as Fe, withCtx as Be, withModifiers as we, onBeforeUnmount as at, watch as ie, createStaticVNode as ye, vModelRadio as Vt, Fragment as se, renderList as pe, reactive as Nt, vModelDynamic as qt, vShow as Xe, inject as ze, resolveComponent as mt, Transition as st, Teleport as Mt, nextTick as Ie, getCurrentInstance as Wt, watchEffect as Gt, toRef as Zt, provide as vt } from "vue";
 import { notify as de, VsModal as Lt, modal as Kt } from "@opengis/core";
 const Jt = { class: "w-full relative" }, Yt = {
   key: 0,
@@ -24,22 +24,22 @@ const Jt = { class: "w-full relative" }, Yt = {
     columns: {}
   },
   setup(o) {
-    const e = w("uk"), t = (s) => {
-      s.detail.key === "locale" && (e.value = s.detail.newValue);
+    const e = w("uk"), t = (a) => {
+      a.detail.key === "locale" && (e.value = a.detail.newValue);
     };
     return ke(() => {
       e.value = localStorage.locale, window.addEventListener("storage", t);
     }), Ye(() => {
       window.removeEventListener("resize", t);
-    }), (s, n) => (u(), d("div", Jt, [
-      s.ua || s.label ? (u(), d("div", Yt, [
-        l("span", Xt, W(s.item[e.value] || s.ua || s.label), 1),
-        s.item?.rules?.includes("required") ? (u(), d("span", Qt, "*")) : D("", !0)
+    }), (a, n) => (i(), d("div", Jt, [
+      a.ua || a.label ? (i(), d("div", Yt, [
+        l("span", Xt, G(a.item[e.value] || a.ua || a.label), 1),
+        a.item?.rules?.includes("required") ? (i(), d("span", Qt, "*")) : D("", !0)
       ])) : D("", !0),
-      Le(s.$slots, "default", Te(s.$attrs, {
-        class: { "opacity-60": s.item.disabled }
+      Le(a.$slots, "default", Te(a.$attrs, {
+        class: { "opacity-60": a.item.disabled }
       })),
-      s.error ? (u(), d("span", el, W(s.error), 1)) : D("", !0)
+      a.error ? (i(), d("span", el, G(a.error), 1)) : D("", !0)
     ]));
   }
 }), ll = { class: "w-full relative flex flex-row items-center gap-2" }, ol = {
@@ -63,39 +63,39 @@ const Jt = { class: "w-full relative" }, Yt = {
     columns: { default: () => ({ container: 12, label: 3 }) }
   },
   setup(o) {
-    const e = o, t = S(() => e.columns ?? { container: 12, label: 3 }), s = S(() => {
-      const { container: i, label: c } = t.value;
-      return !i || i <= 0 ? 0 : Math.min(Math.max(c ?? 0, 0), i) / i;
-    }), n = S(() => e.item?.type === "html" || s.value <= 0 ? !1 : !!(e.ua || e.label)), a = S(() => {
+    const e = o, t = B(() => e.columns ?? { container: 12, label: 3 }), a = B(() => {
+      const { container: u, label: c } = t.value;
+      return !u || u <= 0 ? 0 : Math.min(Math.max(c ?? 0, 0), u) / u;
+    }), n = B(() => e.item?.type === "html" || a.value <= 0 ? !1 : !!(e.ua || e.label)), s = B(() => {
       if (!n.value) return {};
-      const i = `${s.value * 100}%`;
-      return { flexBasis: i, maxWidth: i };
-    }), r = S(() => {
-      const { container: i, label: c } = t.value;
-      if (!i || i <= 0) return {};
+      const u = `${a.value * 100}%`;
+      return { flexBasis: u, maxWidth: u };
+    }), r = B(() => {
+      const { container: u, label: c } = t.value;
+      if (!u || u <= 0) return {};
       if (e.item?.type === "html") return { flexBasis: "100%", maxWidth: "100%" };
       if (!n.value) return { flexBasis: "100%", maxWidth: "100%" };
-      const p = Math.max(i - Math.max(c ?? 0, 0), 0) / i;
+      const p = Math.max(u - Math.max(c ?? 0, 0), 0) / u;
       if (!p) return {};
       const f = `${p * 100}%`;
       return { flexBasis: f, maxWidth: f };
     });
-    return (i, c) => (u(), d("div", ll, [
-      n.value ? (u(), d("span", {
+    return (u, c) => (i(), d("div", ll, [
+      n.value ? (i(), d("span", {
         key: 0,
         class: "text-sm text-gray-900 font-medium flex shrink-0",
-        style: be(a.value)
+        style: be(s.value)
       }, [
-        ge(W(i.ua || i.label) + " ", 1),
-        i.item?.rules?.includes("required") && (i.ua || i.label) ? (u(), d("span", ol, "*")) : D("", !0)
+        ge(G(u.ua || u.label) + " ", 1),
+        u.item?.rules?.includes("required") && (u.ua || u.label) ? (i(), d("span", ol, "*")) : D("", !0)
       ], 4)) : D("", !0),
       l("div", {
         class: "flex-1 min-w-0",
         style: be(r.value)
       }, [
-        Le(i.$slots, "default", ot(nt(i.$attrs)))
+        Le(u.$slots, "default", ot(nt(u.$attrs)))
       ], 4),
-      i.error ? (u(), d("span", nl, W(i.error), 1)) : D("", !0)
+      u.error ? (i(), d("span", nl, G(u.error), 1)) : D("", !0)
     ]));
   }
 }), sl = { class: "w-full relative" }, rl = {
@@ -116,9 +116,9 @@ const Jt = { class: "w-full relative" }, Yt = {
     columns: {}
   },
   setup(o) {
-    return (e, t) => (u(), d("div", sl, [
+    return (e, t) => (i(), d("div", sl, [
       Le(e.$slots, "default", ot(nt(e.$attrs))),
-      e.error ? (u(), d("span", rl, W(e.error), 1)) : D("", !0)
+      e.error ? (i(), d("span", rl, G(e.error), 1)) : D("", !0)
     ]));
   }
 }), ul = { class: "flex-1 min-w-0" }, dl = {
@@ -149,9 +149,9 @@ const Jt = { class: "w-full relative" }, Yt = {
   },
   setup(o) {
     const e = o, t = w("uk");
-    S(() => (e.item ?? {})?.[t.value] ?? e.ua ?? e.label ?? "");
-    const s = S(() => e.item?.description ?? ""), n = S(() => Array.isArray(e.item?.rules) && e.item.rules.includes("required")), a = S(() => (typeof e.error == "string" ? e.error : "") ?? ""), r = (i) => {
-      i.key === "locale" && (t.value = i.newValue ?? "uk");
+    B(() => (e.item ?? {})?.[t.value] ?? e.ua ?? e.label ?? "");
+    const a = B(() => e.item?.description ?? ""), n = B(() => Array.isArray(e.item?.rules) && e.item.rules.includes("required")), s = B(() => (typeof e.error == "string" ? e.error : "") ?? ""), r = (u) => {
+      u.key === "locale" && (t.value = u.newValue ?? "uk");
     };
     return ke(() => {
       try {
@@ -161,24 +161,24 @@ const Jt = { class: "w-full relative" }, Yt = {
       window.addEventListener("storage", r);
     }), Ye(() => {
       window.removeEventListener("storage", r);
-    }), (i, c) => (u(), d("div", {
-      class: E(["w-full relative", { "opacity-60": i.item?.disabled }])
+    }), (u, c) => (i(), d("div", {
+      class: E(["w-full relative", { "opacity-60": u.item?.disabled }])
     }, [
       l("div", {
-        class: E(["gap-2 md:flex-row md:items-center md:justify-between", [["switcher", "native-select"].includes(i.item.type) ? "flex flex-col" : ""]])
+        class: E(["gap-2 md:flex-row md:items-center md:justify-between", [["switcher", "native-select"].includes(u.item.type) ? "flex flex-col" : ""]])
       }, [
         l("div", ul, [
-          i.ua || i.label ? (u(), d("p", dl, [
-            l("span", cl, W(i.item[t.value] || i.ua || i.label), 1),
-            n.value ? (u(), d("span", pl, "*")) : D("", !0)
+          u.ua || u.label ? (i(), d("p", dl, [
+            l("span", cl, G(u.item[t.value] || u.ua || u.label), 1),
+            n.value ? (i(), d("span", pl, "*")) : D("", !0)
           ])) : D("", !0),
-          s.value ? (u(), d("p", fl, W(s.value), 1)) : D("", !0)
+          a.value ? (i(), d("p", fl, G(a.value), 1)) : D("", !0)
         ]),
         l("div", ml, [
-          Le(i.$slots, "default", ot(nt(i.$attrs)))
+          Le(u.$slots, "default", ot(nt(u.$attrs)))
         ])
       ], 2),
-      a.value ? (u(), d("p", vl, W(a.value), 1)) : D("", !0)
+      s.value ? (i(), d("p", vl, G(s.value), 1)) : D("", !0)
     ], 2));
   }
 }), gl = {
@@ -189,7 +189,7 @@ const Jt = { class: "w-full relative" }, Yt = {
 };
 function _e(o) {
   return {
-    inputClass: S(() => {
+    inputClass: B(() => {
       const t = `disabled:opacity-50 disabled:cursor-not-allowed outline-none focus:ring-2 focus:ring-ring focus:ring-${o?.primaryColor || "blue"}-500 border border-solid border-stone-200 rounded-md text-sm text-stone-800 placeholder:text-stone-400 `;
       return o?.size === "sm" ? `${t}h-[32px]` : `${t}h-[38px]`;
     })
@@ -197,7 +197,7 @@ function _e(o) {
 }
 const bl = ["placeholder", "disabled"], yl = /* @__PURE__ */ U({
   __name: "vs-input-password",
-  props: /* @__PURE__ */ ie({
+  props: /* @__PURE__ */ re({
     style: { default: () => ({}) },
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -211,10 +211,10 @@ const bl = ["placeholder", "disabled"], yl = /* @__PURE__ */ U({
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = _e(e.style), s = ue(o, "modelValue");
-    return (n, a) => ne((u(), d("input", {
+    const e = o, { inputClass: t } = _e(e.style), a = ue(o, "modelValue");
+    return (n, s) => ne((i(), d("input", {
       type: "password",
-      "onUpdate:modelValue": a[0] || (a[0] = (r) => s.value = r),
+      "onUpdate:modelValue": s[0] || (s[0] = (r) => a.value = r),
       placeholder: n.placeholder,
       disabled: n.disabled,
       class: E(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [ee(t), { "!border-red-600": n.error }]]),
@@ -222,12 +222,12 @@ const bl = ["placeholder", "disabled"], yl = /* @__PURE__ */ U({
         border: "1px solid #CFD9E0"
       }
     }, null, 10, bl)), [
-      [ve, s.value]
+      [ve, a.value]
     ]);
   }
 }), xl = ["placeholder", "disabled"], Je = /* @__PURE__ */ U({
   __name: "vs-input-text",
-  props: /* @__PURE__ */ ie({
+  props: /* @__PURE__ */ re({
     style: { default: () => ({}) },
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -241,10 +241,10 @@ const bl = ["placeholder", "disabled"], yl = /* @__PURE__ */ U({
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = _e(e.style), s = ue(o, "modelValue");
-    return (n, a) => ne((u(), d("input", {
+    const e = o, { inputClass: t } = _e(e.style), a = ue(o, "modelValue");
+    return (n, s) => ne((i(), d("input", {
       type: "text",
-      "onUpdate:modelValue": a[0] || (a[0] = (r) => s.value = r),
+      "onUpdate:modelValue": s[0] || (s[0] = (r) => a.value = r),
       placeholder: n.placeholder,
       disabled: n.disabled,
       class: E(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [ee(t), { "!border-red-600": n.error }]]),
@@ -252,12 +252,12 @@ const bl = ["placeholder", "disabled"], yl = /* @__PURE__ */ U({
         border: "1px solid #CFD9E0"
       }
     }, null, 10, xl)), [
-      [ve, s.value]
+      [ve, a.value]
     ]);
   }
 }), wl = ["placeholder", "min", "max"], kl = /* @__PURE__ */ U({
   __name: "vs-input-number",
-  props: /* @__PURE__ */ ie({
+  props: /* @__PURE__ */ re({
     min: {},
     max: {},
     style: { default: () => ({}) },
@@ -273,11 +273,11 @@ const bl = ["placeholder", "disabled"], yl = /* @__PURE__ */ U({
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = _e(e.style), s = ue(o, "modelValue");
-    return (n, a) => ne((u(), d("input", {
+    const e = o, { inputClass: t } = _e(e.style), a = ue(o, "modelValue");
+    return (n, s) => ne((i(), d("input", {
       type: "number",
       step: "any",
-      "onUpdate:modelValue": a[0] || (a[0] = (r) => s.value = r),
+      "onUpdate:modelValue": s[0] || (s[0] = (r) => a.value = r),
       placeholder: n.placeholder,
       class: E(["py-1.5 px-3 block w-full bg-white", [ee(t)]]),
       style: {
@@ -286,13 +286,13 @@ const bl = ["placeholder", "disabled"], yl = /* @__PURE__ */ U({
       min: n.min,
       max: n.max
     }, null, 10, wl)), [
-      [ve, s.value]
+      [ve, a.value]
     ]);
   }
 }), X = (o, e) => {
   const t = o.__vccOpts || o;
-  for (const [s, n] of e)
-    t[s] = n;
+  for (const [a, n] of e)
+    t[a] = n;
   return t;
 }, _l = {}, $l = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -305,7 +305,7 @@ const bl = ["placeholder", "disabled"], yl = /* @__PURE__ */ U({
   class: "icon icon-tabler icons-tabler-outline icon-tabler-check"
 };
 function Cl(o, e) {
-  return u(), d("svg", $l, e[0] || (e[0] = [
+  return i(), d("svg", $l, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -327,27 +327,27 @@ const Vl = /* @__PURE__ */ X(_l, [["render", Cl]]), Ml = { class: "flex items-ce
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = e, s = o, n = S({
-      get: () => s.modelValue,
-      set: (a) => t("update:modelValue", a)
+    const t = e, a = o, n = B({
+      get: () => a.modelValue,
+      set: (s) => t("update:modelValue", s)
     });
-    return (a, r) => (u(), d("div", Ml, [
+    return (s, r) => (i(), d("div", Ml, [
       ne(l("input", {
         type: "checkbox",
-        value: a.value,
-        "onUpdate:modelValue": r[0] || (r[0] = (i) => n.value = i),
-        class: E(["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
+        value: s.value,
+        "onUpdate:modelValue": r[0] || (r[0] = (u) => n.value = u),
+        class: E(["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": s.disabled }]),
+        id: s.id,
+        disabled: s.disabled
       }, null, 10, Ll), [
         [Ct, n.value]
       ]),
       l("label", {
-        for: a.id,
-        class: E(["flex flex-1 checkbox-label items-center gap-x-2 cursor-pointer text-sm text-gray-800 dark:text-neutral-300", { "!cursor-not-allowed": a.disabled }])
+        for: s.id,
+        class: E(["flex flex-1 checkbox-label items-center gap-x-2 cursor-pointer text-sm text-gray-800 dark:text-neutral-300", { "!cursor-not-allowed": s.disabled }])
       }, [
         l("div", {
-          class: E(["h-[16px] text-white w-[16px] flex items-center justify-center shrink-0 border rounded", [n.value ? "bg-blue-600 border-blue-600" : "bg-white border-gray-600", a.error ? "border-red-600" : ""]])
+          class: E(["h-[16px] text-white w-[16px] flex items-center justify-center shrink-0 border rounded", [n.value ? "bg-blue-600 border-blue-600" : "bg-white border-gray-600", s.error ? "border-red-600" : ""]])
         }, [
           A(Vl, {
             height: "12",
@@ -355,8 +355,8 @@ const Vl = /* @__PURE__ */ X(_l, [["render", Cl]]), Ml = { class: "flex items-ce
           })
         ], 2),
         l("span", Bl, [
-          Le(a.$slots, "default", {}, () => [
-            ge(W(a.label), 1)
+          Le(s.$slots, "default", {}, () => [
+            ge(G(s.label), 1)
           ])
         ])
       ], 10, Sl)
@@ -379,41 +379,41 @@ const Vl = /* @__PURE__ */ X(_l, [["render", Cl]]), Ml = { class: "flex items-ce
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, s = e, n = S({
+    const t = o, a = e, n = B({
       get: () => t.modelValue,
-      set: (i) => {
-        s("update:modelValue", i);
+      set: (u) => {
+        a("update:modelValue", u);
       }
-    }), a = S(() => Array.isArray(n.value) ? n.value.includes(t.value) : n.value === !0 || n.value === t.value), r = S(() => t.style?.size === "xs" ? "p-1.5 text-xs" : t.style?.size === "lg" ? "p-3.5 text-[20px]" : "p-2.5 text-xs");
-    return (i, c) => (u(), d("label", {
-      class: E(["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"]])
+    }), s = 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", {
+      class: E(["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, s.value ? "ring-blue-500" : "border border-gray-200 ring-transparent"]])
     }, [
       ne(l("input", {
         type: "checkbox",
         class: "hidden",
-        name: i.id,
-        value: i.value,
+        name: u.id,
+        value: u.value,
         "onUpdate:modelValue": c[0] || (c[0] = (p) => n.value = p),
-        disabled: i.disabled
+        disabled: u.disabled
       }, null, 8, El), [
         [Ct, n.value]
       ]),
       l("span", Il, [
-        i.icon || i.imgUrl ? (u(), d("span", zl, [
-          i.icon ? (u(), d("i", {
+        u.icon || u.imgUrl ? (i(), d("span", zl, [
+          u.icon ? (i(), d("i", {
             key: 0,
-            class: E(i.icon)
+            class: E(u.icon)
           }, null, 2)) : D("", !0),
-          i.imgUrl ? (u(), d("img", {
+          u.imgUrl ? (i(), d("img", {
             key: 1,
-            src: i.imgUrl,
+            src: u.imgUrl,
             width: "16",
             height: "16",
             alt: "icon"
           }, null, 8, Al)) : D("", !0)
         ])) : D("", !0),
-        Le(i.$slots, "default", {}, () => [
-          ge(W(i.label), 1)
+        Le(u.$slots, "default", {}, () => [
+          ge(G(u.label), 1)
         ])
       ])
     ], 2));
@@ -435,32 +435,32 @@ const Vl = /* @__PURE__ */ X(_l, [["render", Cl]]), Ml = { class: "flex items-ce
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, s = e, n = `radio-${Math.floor(Math.random() * 1e4)}`, a = S({
+    const t = o, a = e, n = `radio-${Math.floor(Math.random() * 1e4)}`, s = B({
       get: () => Array.isArray(t.modelValue) ? Array.isArray(t.modelValue) && t.modelValue.includes(t.value) : t.modelValue,
-      set: (i) => {
+      set: (u) => {
         if (Array.isArray(t.modelValue)) {
           let c = [...t.modelValue];
-          i ? c.includes(t.value) || c.push(t.value) : c = c.filter((p) => p !== t.value), s("update:modelValue", c);
+          u ? c.includes(t.value) || c.push(t.value) : c = c.filter((p) => p !== t.value), a("update:modelValue", c);
         } else
-          s("update:modelValue", i);
+          a("update:modelValue", u);
       }
     }), r = w(`vs-checkbox-${t.view || "default"}`);
-    return (i, c) => (u(), d("div", Fl, [
-      (u(), me(Fe(r.value === "vs-checkbox-buttons" ? ee(Tl) : ee(jl)), {
-        value: i.value,
-        label: i.label,
-        info: i.option?.info,
-        disabled: i.disabled,
-        modelValue: a.value,
-        "onUpdate:modelValue": c[0] || (c[0] = (p) => a.value = p),
+    return (u, c) => (i(), d("div", Fl, [
+      (i(), me(Fe(r.value === "vs-checkbox-buttons" ? ee(Tl) : ee(jl)), {
+        value: u.value,
+        label: u.label,
+        info: u.option?.info,
+        disabled: u.disabled,
+        modelValue: s.value,
+        "onUpdate:modelValue": c[0] || (c[0] = (p) => s.value = p),
         id: n,
-        icon: i.icon,
-        imgUrl: i.imgUrl,
-        style: be(i.style),
-        error: i.error
+        icon: u.icon,
+        imgUrl: u.imgUrl,
+        style: be(u.style),
+        error: u.error
       }, {
         default: Be(() => [
-          ge(W(i.label), 1)
+          ge(G(u.label), 1)
         ]),
         _: 1
       }, 8, ["value", "label", "info", "disabled", "modelValue", "icon", "imgUrl", "style", "error"]))
@@ -477,7 +477,7 @@ const Vl = /* @__PURE__ */ X(_l, [["render", Cl]]), Ml = { class: "flex items-ce
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down"
 };
 function Ul(o, e) {
-  return u(), d("svg", Dl, e[0] || (e[0] = [
+  return i(), d("svg", Dl, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -497,7 +497,7 @@ const Pl = /* @__PURE__ */ X(Ol, [["render", Ul]]), Rl = {}, Hl = {
   class: "icon icon-tabler icons-tabler-outline icon-tabler-x"
 };
 function Nl(o, e) {
-  return u(), d("svg", Hl, e[0] || (e[0] = [
+  return i(), d("svg", Hl, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -519,7 +519,7 @@ const ql = /* @__PURE__ */ X(Rl, [["render", Nl]]), Wl = {}, Gl = {
   "stroke-linejoin": "round"
 };
 function Zl(o, e) {
-  return u(), d("svg", Gl, e[0] || (e[0] = [
+  return i(), d("svg", Gl, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -538,7 +538,7 @@ const Kl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Jl = {
   class: "text-red-500 text-[14px]"
 }, Xl = ["title"], Ql = ["disabled"], Bt = /* @__PURE__ */ U({
   __name: "vs-input-switcher",
-  props: /* @__PURE__ */ ie({
+  props: /* @__PURE__ */ re({
     rules: { default: () => [] },
     view: { default: "checkbox" },
     label: { default: "" },
@@ -558,29 +558,29 @@ const Kl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Jl = {
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, t = ue(o, "modelValue");
-    return (s, n) => e.view === "checkbox" ? (u(), d("div", Jl, [
+    return (a, n) => e.view === "checkbox" ? (i(), d("div", Jl, [
       A(St, {
         modelValue: t.value,
-        "onUpdate:modelValue": n[0] || (n[0] = (a) => t.value = a),
-        label: s.text,
-        error: s.error || ""
+        "onUpdate:modelValue": n[0] || (n[0] = (s) => t.value = s),
+        label: a.text,
+        error: a.error || ""
       }, null, 8, ["modelValue", "label", "error"]),
-      s.rules?.includes("required") ? (u(), d("span", Yl, "*")) : D("", !0),
-      s.i ? (u(), d("button", {
+      a.rules?.includes("required") ? (i(), d("span", Yl, "*")) : D("", !0),
+      a.i ? (i(), d("button", {
         key: 1,
         class: "cursor-pointer",
-        title: s.i,
+        title: a.i,
         onClick: n[1] || (n[1] = we(() => {
         }, ["prevent"]))
       }, [
         A(ee(Kl), { class: "text-gray-500 w-[14px] h-[14px]" })
       ], 8, Xl)) : D("", !0)
-    ])) : (u(), d("button", {
+    ])) : (i(), d("button", {
       key: 1,
       type: "button",
-      class: E(["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]]),
-      disabled: s.disabled,
-      onClick: n[2] || (n[2] = (a) => t.value = !t.value)
+      class: E(["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-${a.style?.primaryColor || "blue"}-500` : "bg-stone-200", a.customClass]]),
+      disabled: a.disabled,
+      onClick: n[2] || (n[2] = (s) => t.value = !t.value)
     }, [
       l("span", {
         "data-state": "checked",
@@ -602,7 +602,7 @@ const Kl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Jl = {
     placeholder: {}
   },
   setup(o) {
-    return (e, t) => (u(), d("div", {
+    return (e, t) => (i(), d("div", {
       id: e.name,
       class: E(["text-gray-900", e.customClass]),
       innerHTML: e.html ? e.html : e.text
@@ -610,7 +610,7 @@ const Kl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Jl = {
   }
 }), to = ["placeholder", "disabled", "name"], lo = /* @__PURE__ */ U({
   __name: "vs-input-mask",
-  props: /* @__PURE__ */ ie({
+  props: /* @__PURE__ */ re({
     name: {},
     mask: { default: "" },
     unmask: { type: Boolean, default: !1 },
@@ -626,12 +626,12 @@ const Kl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Jl = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = _e(e.style), s = ue(o, "modelValue"), n = w(null);
-    let a = null;
+    const e = o, { inputClass: t } = _e(e.style), a = ue(o, "modelValue"), n = w(null);
+    let s = null;
     return ke(async () => {
       if (n.value) {
         const { default: r } = await import("./index-W-qQIppj.js");
-        a = r(n.value, {
+        s = r(n.value, {
           mask: e.mask || "",
           definitions: {
             9: /[0-9]/,
@@ -639,16 +639,16 @@ const Kl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Jl = {
             "*": /[a-zA-Z0-9]/
           },
           lazy: !1
-        }), a.on("accept", () => {
-          s.value = e.unmask ? a.unmaskedValue : a.value;
-        }), a.on("complete", () => {
-          s.value = e.unmask ? a.unmaskedValue : a.value;
-        }), a.value = s.value ?? "";
+        }), s.on("accept", () => {
+          a.value = e.unmask ? s.unmaskedValue : s.value;
+        }), s.on("complete", () => {
+          a.value = e.unmask ? s.unmaskedValue : s.value;
+        }), s.value = a.value ?? "";
       }
     }), at(() => {
-      a?.destroy();
-    }), re(() => e.mask, (r) => {
-      a && a.updateOptions({
+      s?.destroy();
+    }), ie(() => e.mask, (r) => {
+      s && s.updateOptions({
         mask: r,
         definitions: {
           9: /[0-9]/,
@@ -656,9 +656,9 @@ const Kl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Jl = {
           "*": /[a-zA-Z0-9]/
         }
       });
-    }), re(s, (r) => {
-      a && a.unmaskedValue !== r && (a.value = r || "");
-    }), (r, i) => (u(), d("input", {
+    }), ie(a, (r) => {
+      s && s.unmaskedValue !== r && (s.value = r || "");
+    }), (r, u) => (i(), d("input", {
       type: "text",
       ref_key: "inputEl",
       ref: n,
@@ -673,7 +673,7 @@ const Kl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Jl = {
   }
 }), oo = { class: "relative w-full bg-white rounded-lg" }, no = ["placeholder", "disabled"], ao = /* @__PURE__ */ U({
   __name: "vs-input-email",
-  props: /* @__PURE__ */ ie({
+  props: /* @__PURE__ */ re({
     style: { default: () => ({}) },
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -687,12 +687,12 @@ const Kl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Jl = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = _e(e.style), s = ue(o, "modelValue");
-    return (n, a) => (u(), d("div", oo, [
-      a[1] || (a[1] = ye('<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)),
+    const e = o, { inputClass: t } = _e(e.style), a = ue(o, "modelValue");
+    return (n, s) => (i(), d("div", oo, [
+      s[1] || (s[1] = ye('<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",
-        "onUpdate:modelValue": a[0] || (a[0] = (r) => s.value = r),
+        "onUpdate:modelValue": s[0] || (s[0] = (r) => a.value = r),
         placeholder: n.placeholder,
         disabled: n.disabled,
         class: E(["!pl-8 py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [ee(t), { "!border-red-600": n.error }]]),
@@ -700,13 +700,13 @@ const Kl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Jl = {
           border: "1px solid #CFD9E0"
         }
       }, null, 10, no), [
-        [ve, s.value]
+        [ve, a.value]
       ])
     ]));
   }
 }), so = ["value", "disabled"], ro = { class: "text-[13px] text-gray-700" }, io = /* @__PURE__ */ U({
   __name: "vs-input-radio-default",
-  props: /* @__PURE__ */ ie({
+  props: /* @__PURE__ */ re({
     style: {},
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -723,11 +723,11 @@ const Kl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Jl = {
   emits: ["update:modelValue"],
   setup(o) {
     const e = ue(o, "modelValue");
-    return (t, s) => (u(), d("label", {
+    return (t, a) => (i(), d("label", {
       class: E(["flex items-center gap-0", [t.customClass]])
     }, [
       ne(l("input", {
-        "onUpdate:modelValue": s[0] || (s[0] = (n) => e.value = n),
+        "onUpdate:modelValue": a[0] || (a[0] = (n) => e.value = n),
         type: "radio",
         value: t.value,
         disabled: t.disabled,
@@ -741,17 +741,17 @@ const Kl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Jl = {
           t.disabled ? "opacity-50 cursor-not-allowed" : ""
         ]])
       }, [
-        e.value == t.value ? (u(), d("span", {
+        e.value == t.value ? (i(), d("span", {
           key: 0,
           class: E(["w-[12px] h-[12px] shrink-0 rounded-full", [`bg-${t.style?.primaryColor || "blue"}-500`]])
         }, null, 2)) : D("", !0)
       ], 2),
-      l("span", ro, W(t.text), 1)
+      l("span", ro, G(t.text), 1)
     ], 2));
   }
 }), uo = ["value", "disabled"], co = { class: "text-[13px] text-gray-700" }, po = /* @__PURE__ */ U({
   __name: "vs-input-radio-buttons",
-  props: /* @__PURE__ */ ie({
+  props: /* @__PURE__ */ re({
     style: {},
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -768,14 +768,14 @@ const Kl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Jl = {
   emits: ["update:modelValue"],
   setup(o) {
     const e = ue(o, "modelValue");
-    return (t, s) => (u(), d("label", {
+    return (t, a) => (i(), d("label", {
       class: E(["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
       ]])
     }, [
       ne(l("input", {
-        "onUpdate:modelValue": s[0] || (s[0] = (n) => e.value = n),
+        "onUpdate:modelValue": a[0] || (a[0] = (n) => e.value = n),
         type: "radio",
         value: t.value,
         disabled: t.disabled,
@@ -783,7 +783,7 @@ const Kl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Jl = {
       }, null, 8, uo), [
         [Vt, e.value]
       ]),
-      l("span", co, W(t.text), 1)
+      l("span", co, G(t.text), 1)
     ], 2));
   }
 }), fo = {
@@ -791,7 +791,7 @@ const Kl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Jl = {
   "vs-input-radio-buttons": po
 }, gt = /* @__PURE__ */ U({
   __name: "vs-input-radio",
-  props: /* @__PURE__ */ ie({
+  props: /* @__PURE__ */ re({
     options: {},
     position: { default: "vertical" },
     view: { default: "default" },
@@ -808,17 +808,17 @@ const Kl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Jl = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = ue(o, "modelValue"), s = S(() => fo[`vs-input-radio-${e.view}`]);
-    return (n, a) => (u(), d("div", {
+    const e = o, t = ue(o, "modelValue"), a = B(() => fo[`vs-input-radio-${e.view}`]);
+    return (n, s) => (i(), d("div", {
       class: E([n.position === "horizontal" ? "flex items-center flex-wrap gap-2" : ""])
     }, [
-      (u(!0), d(se, null, ce(n.options, (r) => (u(), me(Fe(s.value), Te({
+      (i(!0), d(se, null, pe(n.options, (r) => (i(), me(Fe(a.value), Te({
         key: r?.id,
         text: r.text,
         value: r.id.toString(),
         checked: t.value === r.id,
         modelValue: t.value,
-        "onUpdate:modelValue": a[0] || (a[0] = (i) => t.value = i)
+        "onUpdate:modelValue": s[0] || (s[0] = (u) => t.value = u)
       }, { ref_for: !0 }, n.$attrs), null, 16, ["text", "value", "checked", "modelValue"]))), 128))
     ], 2));
   }
@@ -841,7 +841,7 @@ const Kl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Jl = {
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, s = e, n = w([]), a = Nt({}), r = (f) => f?.value || f?.id || f?.text || f, i = (f) => f.text || String(f), c = (f) => `lg:col-span-${f || 12}`, p = async () => {
+    const t = o, a = e, n = w([]), s = Nt({}), r = (f) => f?.value || f?.id || f?.text || f, u = (f) => f.text || String(f), c = (f) => `lg:col-span-${f || 12}`, p = async () => {
       try {
         const f = await fetch(`/api/suggest/${t.data}`).then((m) => m.json());
         n.value = f?.data || f;
@@ -849,32 +849,32 @@ const Kl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Jl = {
         console.error(f);
       }
     };
-    return re(
+    return ie(
       () => t.modelValue,
       (f) => {
         if (typeof f == "boolean" && n.value.length === 1) {
           const m = r(n.value[0]);
-          a[m] = f;
+          s[m] = f;
         } else if (Array.isArray(f)) {
           const m = new Set(f);
-          n.value.forEach((b) => {
-            if (!b.disabled) {
-              const B = r(b);
-              a[B] = m.has(B);
+          n.value.forEach((y) => {
+            if (!y.disabled) {
+              const S = r(y);
+              s[S] = m.has(S);
             }
           });
         }
       },
       { immediate: !0 }
-    ), re(
-      a,
+    ), ie(
+      s,
       () => {
         if (!n.value.length) {
-          s("update:modelValue", null);
+          a("update:modelValue", null);
           return;
         }
-        const f = Object.entries(a).filter(([, m]) => m).map(([m]) => m);
-        s("update:modelValue", f.length === 0 ? [] : f);
+        const f = Object.entries(s).filter(([, m]) => m).map(([m]) => m);
+        a("update:modelValue", f.length === 0 ? [] : f);
       },
       { deep: !0 }
     ), ke(() => {
@@ -882,43 +882,43 @@ const Kl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Jl = {
         p().then(() => {
           if (typeof t.modelValue == "boolean" && n.value.length === 1) {
             const f = r(n.value[0]);
-            a[f] = t.modelValue;
+            s[f] = t.modelValue;
           } else if (Array.isArray(t.modelValue)) {
             const f = new Set(t.modelValue);
             n.value.forEach((m) => {
               if (!m.disabled) {
-                const b = r(m);
-                a[b] = f.has(b);
+                const y = r(m);
+                s[y] = f.has(y);
               }
             });
           }
         });
       else if (n.value = t.options, typeof t.modelValue == "boolean" && n.value.length === 1) {
         const f = r(n.value[0]);
-        a[f] = t.modelValue;
+        s[f] = t.modelValue;
       } else if (Array.isArray(t.modelValue)) {
         const f = new Set(t.modelValue);
         n.value.forEach((m) => {
           if (!m.disabled) {
-            const b = r(m);
-            a[b] = f.has(b);
+            const y = r(m);
+            s[y] = f.has(y);
           }
         });
       }
-    }), (f, m) => (u(), d("div", {
+    }), (f, m) => (i(), d("div", {
       class: E(["p-0 w-full gap-[6px]", [f.position === "vertical" ? "flex-col" : "", f.colSpan ? "grid" : "flex justify-start"]])
     }, [
-      (u(!0), d(se, null, ce(n.value, (b) => (u(), me(St, {
-        modelValue: a[r(b)],
-        "onUpdate:modelValue": (B) => a[r(b)] = B,
-        value: r(b),
+      (i(!0), d(se, null, pe(n.value, (y) => (i(), me(St, {
+        modelValue: s[r(y)],
+        "onUpdate:modelValue": (S) => s[r(y)] = S,
+        value: r(y),
         class: E(c(f.colSpan)),
-        disabled: b.disabled,
-        label: i(b),
-        key: r(b),
-        icon: b?.icon,
-        imgUrl: b?.imgUrl,
-        option: b,
+        disabled: y.disabled,
+        label: u(y),
+        key: r(y),
+        icon: y?.icon,
+        imgUrl: y?.imgUrl,
+        option: y,
         view: f.view
       }, null, 8, ["modelValue", "onUpdate:modelValue", "value", "class", "disabled", "label", "icon", "imgUrl", "option", "view"]))), 128))
     ], 2));
@@ -938,15 +938,15 @@ const Kl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Jl = {
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
     const t = o;
-    function s(c) {
+    function a(c) {
       return c ? t.mode === "datetime" ? (c.includes("T") ? c : null) || c + (c.includes(" ") ? "" : "T00:00") : c?.split(" ")[0] : null;
     }
-    const { inputClass: n } = _e(t.style), a = e, r = S({
-      get: () => s(t.modelValue),
-      set: (c) => a("update:modelValue", c)
-    }), i = S(() => t.mode === "datetime" ? "datetime-local" : t.mode);
-    return (c, p) => ne((u(), d("input", {
-      type: i.value,
+    const { inputClass: n } = _e(t.style), s = e, r = B({
+      get: () => a(t.modelValue),
+      set: (c) => s("update:modelValue", c)
+    }), u = B(() => t.mode === "datetime" ? "datetime-local" : t.mode);
+    return (c, p) => ne((i(), d("input", {
+      type: u.value,
       "onUpdate:modelValue": p[0] || (p[0] = (f) => r.value = f),
       placeholder: c.placeholder,
       disabled: c.disabled,
@@ -959,11 +959,11 @@ const Kl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Jl = {
       [qt, r.value]
     ]);
   }
-}), bt = async (o, e, t, s) => {
+}), bt = async (o, e, t, a) => {
   try {
     const n = new FormData();
     return n.append("unique", "true"), n.append("file", o), (await fetch(
-      `/file/upload/uploads?id=${e || ""}&form=${t || ""}&table=${s || ""}`,
+      `/file/upload/uploads?id=${e || ""}&form=${t || ""}&table=${a || ""}`,
       {
         method: "POST",
         body: n
@@ -985,8 +985,8 @@ const Kl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Jl = {
   }
 }, yt = async (o) => {
   try {
-    const e = await fetch(`file/download/files/uploads${o}`), t = await e.arrayBuffer(), s = e.headers["content-type"], n = new TextDecoder("utf-8").decode(t), a = new Blob([n], { type: s }), r = document.createElement("a");
-    r.setAttribute("download", o), r.href = window.URL.createObjectURL(a), r.click();
+    const e = await fetch(`file/download/files/uploads${o}`), t = await e.arrayBuffer(), a = e.headers["content-type"], n = new TextDecoder("utf-8").decode(t), s = new Blob([n], { type: a }), r = document.createElement("a");
+    r.setAttribute("download", o), r.href = window.URL.createObjectURL(s), r.click();
   } catch (e) {
     console.error(e.message);
   }
@@ -1002,7 +1002,7 @@ const Kl = /* @__PURE__ */ X(Wl, [["render", Zl]]), Jl = {
   "stroke-linejoin": "round"
 };
 function wo(o, e) {
-  return u(), d("svg", xo, e[0] || (e[0] = [
+  return i(), d("svg", xo, e[0] || (e[0] = [
     l("path", { d: "M5 12h14" }, null, -1),
     l("path", { d: "M12 5v14" }, null, -1)
   ]));
@@ -1019,8 +1019,8 @@ const Re = /* @__PURE__ */ X(yo, [["render", wo]]), ko = {}, _o = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function $o(o, e, t, s, n, a) {
-  return u(), d("svg", _o, e[0] || (e[0] = [
+function $o(o, e, t, a, n, s) {
+  return i(), d("svg", _o, e[0] || (e[0] = [
     ye('<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)
   ]));
 }
@@ -1036,8 +1036,8 @@ const Co = /* @__PURE__ */ X(ko, [["render", $o]]), Vo = {}, Mo = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Lo(o, e, t, s, n, a) {
-  return u(), d("svg", Mo, e[0] || (e[0] = [
+function Lo(o, e, t, a, n, s) {
+  return i(), d("svg", Mo, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1076,7 +1076,7 @@ const So = /* @__PURE__ */ X(Vo, [["render", Lo]]), Bo = {}, jo = {
   "stroke-linejoin": "round"
 };
 function Eo(o, e) {
-  return u(), d("svg", jo, e[0] || (e[0] = [
+  return i(), d("svg", jo, e[0] || (e[0] = [
     ye('<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)
   ]));
 }
@@ -1092,8 +1092,8 @@ const jt = /* @__PURE__ */ X(Bo, [["render", Eo]]), Io = {}, zo = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Ao(o, e, t, s, n, a) {
-  return u(), d("svg", zo, e[0] || (e[0] = [
+function Ao(o, e, t, a, n, s) {
+  return i(), d("svg", zo, e[0] || (e[0] = [
     ye('<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)
   ]));
 }
@@ -1109,8 +1109,8 @@ const To = /* @__PURE__ */ X(Io, [["render", Ao]]), Fo = {}, Oo = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Do(o, e, t, s, n, a) {
-  return u(), d("svg", Oo, e[0] || (e[0] = [
+function Do(o, e, t, a, n, s) {
+  return i(), d("svg", Oo, e[0] || (e[0] = [
     ye('<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)
   ]));
 }
@@ -1140,7 +1140,7 @@ const Uo = /* @__PURE__ */ X(Fo, [["render", Do]]), Po = (o) => {
   class: "icon icon-tabler icons-tabler-outline icon-tabler-trash"
 };
 function qo(o, e) {
-  return u(), d("svg", No, e[0] || (e[0] = [
+  return i(), d("svg", No, e[0] || (e[0] = [
     ye('<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)
   ]));
 }
@@ -1157,7 +1157,7 @@ const Qe = /* @__PURE__ */ X(Ho, [["render", qo]]), Wo = {}, Go = {
   class: "icon icon-tabler icons-tabler-outline icon-tabler-download"
 };
 function Zo(o, e) {
-  return u(), d("svg", Go, e[0] || (e[0] = [
+  return i(), d("svg", Go, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1170,7 +1170,7 @@ function Zo(o, e) {
 }
 const Et = /* @__PURE__ */ X(Wo, [["render", Zo]]), Ko = { class: "h-[120px] w-[120px] border text-gray-300 border-dashed border-[#CFD9E0] rounded-lg overflow-hidden relative item-file" }, Jo = { class: "absolute hidden top-0 right-0 flex items-center gap-x-2 w-full h-full justify-center" }, Yo = /* @__PURE__ */ U({
   __name: "vs-input-file-list-item",
-  props: /* @__PURE__ */ ie({
+  props: /* @__PURE__ */ re({
     format: {},
     multiple: { type: Boolean },
     style: {},
@@ -1188,19 +1188,19 @@ const Et = /* @__PURE__ */ X(Wo, [["render", Zo]]), Ko = { class: "h-[120px] w-[
   }),
   emits: ["update:value", "update:item"],
   setup(o) {
-    const e = ue(o, "value"), t = ue(o, "item"), s = o;
-    return (n, a) => (u(), d("div", Ko, [
-      (u(), me(Fe(ee(Ro)(t.value)), {
+    const e = ue(o, "value"), t = ue(o, "item"), a = o;
+    return (n, s) => (i(), d("div", Ko, [
+      (i(), me(Fe(ee(Ro)(t.value)), {
         src: t.value,
         alt: "file",
         class: "w-full h-full object-cover cursor-pointer",
-        onClick: a[0] || (a[0] = (r) => ee(yt)(t.value))
+        onClick: s[0] || (s[0] = (r) => ee(yt)(t.value))
       }, null, 8, ["src"])),
       l("div", Jo, [
         l("button", {
           type: "button",
-          onClick: a[1] || (a[1] = (r) => {
-            ee(bo)(t.value), e.value = s.multiple ? e.value?.filter((i) => i !== t.value) : "";
+          onClick: s[1] || (s[1] = (r) => {
+            ee(bo)(t.value), e.value = a.multiple ? e.value?.filter((u) => u !== t.value) : "";
           }),
           class: "w-6 h-6 flex items-center justify-center text-gray-500 bg-gray-200 rounded-lg hover:text-red-500"
         }, [
@@ -1208,7 +1208,7 @@ const Et = /* @__PURE__ */ X(Wo, [["render", Zo]]), Ko = { class: "h-[120px] w-[
         ]),
         l("button", {
           type: "button",
-          onClick: a[2] || (a[2] = (r) => ee(yt)(t.value)),
+          onClick: s[2] || (s[2] = (r) => ee(yt)(t.value)),
           class: "w-6 h-6 flex items-center justify-center text-gray-500 bg-gray-200 rounded-lg hover:text-blue-500"
         }, [
           A(Et, { class: "w-4 h-4" })
@@ -1221,7 +1221,7 @@ const Et = /* @__PURE__ */ X(Wo, [["render", Zo]]), Ko = { class: "h-[120px] w-[
   class: "flex items-center flex-wrap gap-2"
 }, tn = /* @__PURE__ */ U({
   __name: "vs-input-file",
-  props: /* @__PURE__ */ ie({
+  props: /* @__PURE__ */ re({
     format: {},
     multiple: { type: Boolean },
     style: {},
@@ -1235,59 +1235,59 @@ const Et = /* @__PURE__ */ X(Wo, [["render", Zo]]), Ko = { class: "h-[120px] w-[
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: ["update:modelValue"],
-  setup(o) {
-    const e = o, t = ue(o, "modelValue"), s = w(null), n = (r) => Array.isArray(t.value) && t.value[r] || "", a = async (r) => {
-      const { files: i } = r.target;
-      if (!(!i || i.length === 0))
-        if (e.multiple) {
-          const c = Array.from(i).map(async (b) => e.format && !b.name.endsWith(e.format) ? null : await bt(b, "1", "form", "table")), m = (await Promise.all(c)).filter((b) => b !== null).map((b) => b?.file_path).filter(Boolean);
-          t.value = [...t.value || [], ...m];
+  emits: /* @__PURE__ */ re(["change"], ["update:modelValue"]),
+  setup(o, { emit: e }) {
+    const t = o, a = ue(o, "modelValue"), n = e, s = w(null), r = (c) => Array.isArray(a.value) && a.value[c] || "", u = async (c) => {
+      const { files: p } = c.target;
+      if (!(!p || p.length === 0))
+        if (t.multiple) {
+          const f = Array.from(p).map(async (q) => t.format && !q.name.endsWith(t.format) ? null : await bt(q, "1", "form", "table")), S = (await Promise.all(f)).filter((q) => q !== null).map((q) => q?.file_path).filter(Boolean);
+          a.value = [...a.value || [], ...S], n("change", a.value);
         } else {
-          const c = i[0];
-          if (e.format && !c.name.endsWith(e.format))
+          const f = p[0];
+          if (t.format && !f.name.endsWith(t.format))
             return;
-          const p = await bt(c, "1", "form", "table");
-          t.value = p?.file_path;
+          const m = await bt(f, "1", "form", "table");
+          a.value = m?.file_path, n("change", a.value || "");
         }
     };
-    return (r, i) => (u(), d("div", Xo, [
+    return (c, p) => (i(), d("div", Xo, [
       l("input", {
         class: "hidden",
         ref_key: "fileInput",
         ref: s,
         type: "file",
-        multiple: r.multiple,
-        onChange: a
+        multiple: c.multiple,
+        onChange: u
       }, null, 40, Qo),
-      !r.multiple && t.value ? (u(), me(xt, {
+      !c.multiple && a.value ? (i(), me(xt, {
         key: 0,
-        item: t.value,
-        "onUpdate:item": i[0] || (i[0] = (c) => t.value = c),
-        value: t.value,
-        "onUpdate:value": i[1] || (i[1] = (c) => t.value = c)
-      }, null, 8, ["item", "value"])) : r.multiple ? (u(), d("div", en, [
-        (u(!0), d(se, null, ce(t.value, (c, p) => (u(), me(xt, {
-          multiple: r.multiple,
-          key: p,
-          value: t.value,
-          "onUpdate:value": i[2] || (i[2] = (f) => t.value = f),
-          item: n(p)
+        item: a.value,
+        "onUpdate:item": p[0] || (p[0] = (f) => a.value = f),
+        value: a.value,
+        "onUpdate:value": p[1] || (p[1] = (f) => a.value = f)
+      }, null, 8, ["item", "value"])) : c.multiple ? (i(), d("div", en, [
+        (i(!0), d(se, null, pe(a.value, (f, m) => (i(), me(xt, {
+          multiple: c.multiple,
+          key: m,
+          value: a.value,
+          "onUpdate:value": p[2] || (p[2] = (y) => a.value = y),
+          item: r(m)
         }, null, 8, ["multiple", "value", "item"]))), 128)),
         l("div", {
-          onClick: i[3] || (i[3] = (c) => !r.disabled && s.value?.click()),
+          onClick: p[3] || (p[3] = (f) => !c.disabled && s.value?.click()),
           class: E([
             "h-[120px] w-[120px] border text-gray-300 hover:text-blue-500 border-dashed border-[#CFD9E0] rounded-lg flex items-center justify-center transition-all duration-300",
-            r.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500 hover:bg-blue-50"
+            c.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500 hover:bg-blue-50"
           ])
         }, [
           A(Re, { class: "w-6 h-6" })
         ], 2)
       ])) : D("", !0),
-      r.multiple ? D("", !0) : (u(), d("div", {
+      c.multiple ? D("", !0) : (i(), d("div", {
         key: 2,
-        onClick: i[4] || (i[4] = (c) => s.value?.click()),
-        class: E([r.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500", "h-[120px] w-[120px] border text-gray-300 hover:text-blue-500 border-dashed border-gray-300 rounded-lg flex items-center justify-center cursor-pointer hover:border-blue-500 transition-all duration-300 hover:bg-blue-50"])
+        onClick: p[4] || (p[4] = (f) => s.value?.click()),
+        class: E([c.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500", "h-[120px] w-[120px] border text-gray-300 hover:text-blue-500 border-dashed border-gray-300 rounded-lg flex items-center justify-center cursor-pointer hover:border-blue-500 transition-all duration-300 hover:bg-blue-50"])
       }, [
         A(Re, { class: "w-6 h-6" })
       ], 2))
@@ -1299,7 +1299,7 @@ const Et = /* @__PURE__ */ X(Wo, [["render", Zo]]), Ko = { class: "h-[120px] w-[
     item: { default: null }
   },
   setup(o) {
-    const e = o, t = S(() => {
+    const e = o, t = B(() => {
       try {
         return new Date(e.item.cdate).toLocaleDateString("uk-UA", {
           day: "2-digit",
@@ -1310,24 +1310,24 @@ const Et = /* @__PURE__ */ X(Wo, [["render", Zo]]), Ko = { class: "h-[120px] w-[
         return "";
       }
     });
-    function s(n) {
+    function a(n) {
       if (n < 1024)
         return `${n} B`;
-      const a = n / 1024;
-      return a < 1024 ? `${a.toFixed(2)} KB` : `${(a / 1024).toFixed(2)} MB`;
+      const s = n / 1024;
+      return s < 1024 ? `${s.toFixed(2)} KB` : `${(s / 1024).toFixed(2)} MB`;
     }
-    return (n, a) => (u(), d(se, null, [
-      a[1] || (a[1] = ye('<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)),
+    return (n, s) => (i(), d(se, null, [
+      s[1] || (s[1] = ye('<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", ln, [
-        l("p", on, W(n.item?.uploaded_name), 1),
+        l("p", on, G(n.item?.uploaded_name), 1),
         l("p", nn, [
-          l("span", null, W(n.item?.username), 1),
+          l("span", null, G(n.item?.username), 1),
           ne(l("span", an, "|", 512), [
             [Xe, n.item?.username]
           ]),
-          l("span", null, W(t.value), 1),
-          a[0] || (a[0] = l("span", { class: "px-[5px]" }, "|", -1)),
-          l("span", sn, W(s(n.item?.size)), 1)
+          l("span", null, G(t.value), 1),
+          s[0] || (s[0] = l("span", { class: "px-[5px]" }, "|", -1)),
+          l("span", sn, G(a(n.item?.size)), 1)
         ])
       ])
     ], 64));
@@ -1353,50 +1353,50 @@ const Et = /* @__PURE__ */ X(Wo, [["render", Zo]]), Ko = { class: "h-[120px] w-[
   },
   emits: ["update", "openModal", "openLightbox"],
   setup(o, { emit: e }) {
-    const t = o, s = e;
+    const t = o, a = e;
     function n(f) {
       return ["pdf", "json"].includes(f.ext);
     }
-    function a(f) {
+    function s(f) {
       return ["ppt", "pptx", "doc", "docx", "xls", "xlsx"].includes(f.ext);
     }
     function r(f) {
       const m = document.createElement("a");
       m.setAttribute("download", f?.uploaded_name), m.href = f?.file_path, m.click();
     }
-    async function i() {
+    async function u() {
       try {
         await fetch(
           `${t.prefix}/widget/file/${t.item.entity_id}/${t.item.file_id}`
-        ), s("update");
+        ), a("update");
       } catch (f) {
         console.error(f);
       }
     }
     function c() {
-      s("openModal", {
+      a("openModal", {
         title: "Ви впевнені?",
         message: "Ви впевнені, що хочете видалити цей файл?",
         confirmButtonText: "Так, я впевнена/ий",
         cancelButtonText: "Скасувати",
-        confirm: i,
+        confirm: u,
         updateListOnConfirm: !0
       });
     }
     function p(f) {
-      (t.item.ext === "jpg" || t.item.ext === "png") && s("openLightbox", { item: t.item, index: f });
+      (t.item.ext === "jpg" || t.item.ext === "png") && a("openLightbox", { item: t.item, index: f });
     }
-    return (f, m) => (u(), d("div", rn, [
-      f.item.ext === "jpg" || f.item.ext === "png" ? (u(), d("div", un, [
+    return (f, m) => (i(), d("div", rn, [
+      f.item.ext === "jpg" || f.item.ext === "png" ? (i(), d("div", un, [
         l("div", {
           class: "max-w-[55vw] cursor-pointer flex gap-x-3 w-full items-center",
-          onClick: m[0] || (m[0] = (b) => p(f.index))
+          onClick: m[0] || (m[0] = (y) => p(f.index))
         }, [
           A(Ke, { item: f.item }, null, 8, ["item"])
         ])
-      ])) : n(f.item) ? (u(), d("div", dn, [
+      ])) : n(f.item) ? (i(), d("div", dn, [
         A(Ke, { item: f.item }, null, 8, ["item"])
-      ])) : a(f.item) ? (u(), d("div", cn, [
+      ])) : s(f.item) ? (i(), d("div", cn, [
         l("a", {
           href: `/api/file-preview?id=${f.item.file_id}`,
           target: "_blank",
@@ -1404,7 +1404,7 @@ const Et = /* @__PURE__ */ X(Wo, [["render", Zo]]), Ko = { class: "h-[120px] w-[
         }, [
           A(Ke, { item: f.item }, null, 8, ["item"])
         ], 8, pn)
-      ])) : (u(), d("div", fn, [
+      ])) : (i(), d("div", fn, [
         A(Ke, { item: f.item }, null, 8, ["item"])
       ])),
       l("div", mn, [
@@ -1412,7 +1412,7 @@ const Et = /* @__PURE__ */ X(Wo, [["render", Zo]]), Ko = { class: "h-[120px] w-[
           l("div", hn, [
             l("button", {
               class: "inline-flex p-[6px] justify-center items-center gap-x-2 rounded-lg border border-transparent text-gray-500 hover:bg-gray-100 disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-none focus:bg-gray-100 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700",
-              onClick: m[1] || (m[1] = (b) => r(f.item))
+              onClick: m[1] || (m[1] = (y) => r(f.item))
             }, [
               A(Et, {
                 height: "14",
@@ -1425,7 +1425,7 @@ const Et = /* @__PURE__ */ X(Wo, [["render", Zo]]), Ko = { class: "h-[120px] w-[
             l("button", {
               type: "button",
               class: "size-[30px] inline-flex justify-center items-center gap-x-2 rounded-lg border border-transparent text-red-600 hover:bg-red-100 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-red-100 dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20",
-              onClick: m[2] || (m[2] = (b) => c())
+              onClick: m[2] || (m[2] = (y) => c())
             }, [
               A(Qe, {
                 height: "14",
@@ -1450,7 +1450,7 @@ const Et = /* @__PURE__ */ X(Wo, [["render", Zo]]), Ko = { class: "h-[120px] w-[
   class: "icon icon-tabler icons-tabler-outline icon-tabler-download"
 };
 function wn(o, e) {
-  return u(), d("svg", xn, e[0] || (e[0] = [
+  return i(), d("svg", xn, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1482,9 +1482,9 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
   },
   emits: ["update"],
   setup(o, { emit: e }) {
-    const t = o, s = ze("form"), n = S(() => s.value.formId), a = w(!1), r = w(0), i = e, c = w(!1), p = w({}), f = w([]), m = w(""), b = S(() => Array.isArray(f.value) ? f.value.filter((I) => I.ext === "jpg" || I.ext === "png").map((I) => I?.file_path) : []), B = S(() => m.value === "" ? f.value : f.value.filter((I) => I?.uploaded_name?.includes(m.value))), Y = (I) => {
-      const v = b.value.findIndex((x) => x === I.item.file_path);
-      v !== -1 && (a.value = !0, r.value = v);
+    const t = o, a = ze("form"), n = B(() => a.value.formId), s = w(!1), r = w(0), u = e, c = w(!1), p = w({}), f = w([]), m = w(""), y = B(() => Array.isArray(f.value) ? f.value.filter((I) => I.ext === "jpg" || I.ext === "png").map((I) => I?.file_path) : []), S = B(() => m.value === "" ? f.value : f.value.filter((I) => I?.uploaded_name?.includes(m.value))), q = (I) => {
+      const v = y.value.findIndex((x) => x === I.item.file_path);
+      v !== -1 && (s.value = !0, r.value = v);
     }, R = async () => {
       try {
         const I = await fetch(`${t.prefix}/widget/file/${n.value}`).then((v) => v.json());
@@ -1492,14 +1492,14 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
       } catch (I) {
         console.error(I);
       }
-    }, Z = async (I) => {
+    }, K = async (I) => {
       await Promise.all(
         Array.from(I.target.files).map(async (v) => {
           const x = new FormData();
           x.append("file", v);
           try {
             const V = `${t.prefix}/widget/file/${n.value}`, _ = await fetch(V, { method: "POST", body: x });
-            return _.ok ? (i("update", "file-list"), v) : (de({
+            return _.ok ? (u("update", "file-list"), v) : (de({
               type: _.status >= 400 && _.status < 500 ? "warning" : "error",
               title: "Error",
               message: `Error code: ${_.status}`
@@ -1523,21 +1523,21 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
     }, H = (I) => {
       p.value = T(I), c.value = !0;
     };
-    return re(n, (I) => {
+    return ie(n, (I) => {
       I && R();
     }), ke(() => {
       n.value && R();
     }), (I, v) => {
       const x = mt("Lightbox"), V = mt("MessageBox");
-      return u(), d("div", _n, [
+      return i(), d("div", _n, [
         l("div", $n, [
-          l("h2", Cn, " Файлів: " + W(f.value?.length), 1),
+          l("h2", Cn, " Файлів: " + G(f.value?.length), 1),
           l("div", Vn, [
             l("label", null, [
               l("input", {
                 type: "file",
                 class: "hidden",
-                onChange: v[0] || (v[0] = (_) => Z(_))
+                onChange: v[0] || (v[0] = (_) => K(_))
               }, null, 32),
               l("div", Mn, [
                 A(kn, {
@@ -1548,7 +1548,7 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
             ])
           ])
         ]),
-        f.value?.length > 4 ? (u(), d("div", Ln, [
+        f.value?.length > 4 ? (i(), d("div", Ln, [
           l("div", null, [
             l("div", Sn, [
               v[8] || (v[8] = l("div", { class: "absolute inset-y-0 start-0 flex items-center pointer-events-none z-[1] ps-3.5" }, [
@@ -1588,26 +1588,26 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
             ])
           ])
         ])) : D("", !0),
-        f.value?.length ? (u(), d("div", Bn, [
-          (u(!0), d(se, null, ce(B.value, (_, F) => (u(), me(bn, {
+        f.value?.length ? (i(), d("div", Bn, [
+          (i(!0), d(se, null, pe(S.value, (_, F) => (i(), me(bn, {
             key: F,
             prefix: I.prefix,
             item: _,
             index: F,
             onUpdate: v[2] || (v[2] = (te) => I.$emit("update", "file-list")),
             onOpenModal: v[3] || (v[3] = (te) => H(te)),
-            onOpenLightbox: v[4] || (v[4] = (te) => Y(te))
+            onOpenLightbox: v[4] || (v[4] = (te) => q(te))
           }, null, 8, ["prefix", "item", "index"]))), 128)),
-          B.value.length ? D("", !0) : (u(), d("div", jn, v[9] || (v[9] = [
+          S.value.length ? D("", !0) : (i(), d("div", jn, v[9] || (v[9] = [
             l("p", { class: "text-sm text-gray-600 font-sm" }, " Файлів з такою назвою не існує, введіть інше пошукове слово ", -1)
           ])))
         ])) : D("", !0),
         A(x, {
-          modelValue: a.value,
-          "onUpdate:modelValue": v[5] || (v[5] = (_) => a.value = _),
+          modelValue: s.value,
+          "onUpdate:modelValue": v[5] || (v[5] = (_) => s.value = _),
           startIndex: r.value,
           "onUpdate:index": v[6] || (v[6] = (_) => r.value = _),
-          images: b.value
+          images: y.value
         }, null, 8, ["modelValue", "startIndex", "images"]),
         A(V, Te({
           modelValue: c.value,
@@ -1635,24 +1635,24 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
   },
   setup(o) {
     const e = o, t = w(e.isOpen);
-    return re(
+    return ie(
       () => e.isOpen,
-      (s) => {
-        t.value = s;
+      (a) => {
+        t.value = a;
       }
-    ), (s, n) => (u(), d("div", null, [
+    ), (a, n) => (i(), d("div", null, [
       l("div", In, [
-        l("p", zn, W(o.title), 1),
+        l("p", zn, G(o.title), 1),
         A(Bt, {
           modelValue: t.value,
-          "onUpdate:modelValue": n[0] || (n[0] = (a) => t.value = a),
+          "onUpdate:modelValue": n[0] || (n[0] = (s) => t.value = s),
           style: be(o.style)
         }, null, 8, ["modelValue", "style"])
       ]),
       A(st, { name: "slide-fade" }, {
         default: Be(() => [
           ne(l("div", An, [
-            Le(s.$slots, "default", {}, void 0, !0)
+            Le(a.$slots, "default", {}, void 0, !0)
           ], 512), [
             [Xe, t.value]
           ])
@@ -1679,26 +1679,26 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
   },
   setup(o) {
     const e = o, t = w(e.isOpen);
-    return re(
+    return ie(
       () => e.isOpen,
-      (s) => {
-        t.value = s;
+      (a) => {
+        t.value = a;
       }
-    ), (s, n) => (u(), d("div", null, [
+    ), (a, n) => (i(), d("div", null, [
       l("button", {
         type: "button",
-        onClick: n[0] || (n[0] = (a) => t.value = !t.value),
+        onClick: n[0] || (n[0] = (s) => t.value = !t.value),
         class: "flex items-center gap-2"
       }, [
         A(ee(Pl), {
           class: E(["h-4 w-4 duration-300", [t.value ? "-rotate-180" : ""]])
         }, null, 8, ["class"]),
-        l("span", On, W(o.title), 1)
+        l("span", On, G(o.title), 1)
       ]),
       A(st, { name: "slide-fade" }, {
         default: Be(() => [
           ne(l("div", Dn, [
-            Le(s.$slots, "default", {}, void 0, !0)
+            Le(a.$slots, "default", {}, void 0, !0)
           ], 512), [
             [Xe, t.value]
           ])
@@ -1720,9 +1720,9 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
     }
   },
   setup(o) {
-    return (e, t) => (u(), d("div", null, [
+    return (e, t) => (i(), d("div", null, [
       l("div", Rn, [
-        l("p", null, W(o.title), 1)
+        l("p", null, G(o.title), 1)
       ]),
       Le(e.$slots, "default")
     ]));
@@ -1795,26 +1795,26 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
     }
   },
   setup(o) {
-    const e = o, t = ze("formValues", { default: {} }), s = ze("form"), n = S(() => e.schema?.filter((r) => {
-      const i = r?.conditions;
-      if (!i) return !0;
-      const c = Array.isArray(i) ? i[0] : i, p = t?.value?.[c];
-      return It(p, i);
-    })), a = S(() => Nn[e.view]);
-    return (r, i) => o.schema?.length ? (u(), me(Fe(a.value), {
+    const e = o, t = ze("formValues", { default: {} }), a = ze("form"), n = B(() => e.schema?.filter((r) => {
+      const u = r?.conditions;
+      if (!u) return !0;
+      const c = Array.isArray(u) ? u[0] : u, p = t?.value?.[c];
+      return It(p, u);
+    })), s = B(() => Nn[e.view]);
+    return (r, u) => o.schema?.length ? (i(), me(Fe(s.value), {
       key: 0,
       title: o.title,
       style: be(o.style)
     }, {
       default: Be(() => [
-        (u(!0), d(se, null, ce(n.value, (c) => (u(), me(zt, Te({
+        (i(!0), d(se, null, pe(n.value, (c) => (i(), me(zt, Te({
           key: c.name
         }, { ref_for: !0 }, c, {
           item: c,
           modelValue: ee(t)[c.name],
           "onUpdate:modelValue": (p) => ee(t)[c.name] = p,
           style: o.style,
-          error: ee(s)?.errors?.[c.name]
+          error: ee(a)?.errors?.[c.name]
         }), null, 16, ["item", "modelValue", "onUpdate:modelValue", "style", "error"]))), 128))
       ]),
       _: 1
@@ -1854,106 +1854,106 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
   },
   emits: ["change", "update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, s = e, n = S(() => t.multiple), a = S(() => t.disabled);
+    const t = o, a = e, n = B(() => t.multiple), s = B(() => t.disabled);
     _e(t.style);
-    const r = S({
+    const r = B({
       get: () => t.modelValue,
-      set: (h) => s("update:modelValue", h)
+      set: (h) => a("update:modelValue", h)
     });
     !r.value && t.defaultValue && (r.value = t.defaultValue);
-    const i = w(null), c = w(null), p = w(null), f = w(null), m = w(!1), b = w(!1), B = w(null), Y = w([]), R = w(-1), Z = w([]), T = w(""), H = w(null), I = w("bottom"), v = w({}), x = w([]), V = S(() => {
+    const u = w(null), c = w(null), p = w(null), f = w(null), m = w(!1), y = w(!1), S = w(null), q = w([]), R = w(-1), K = w([]), T = w(""), H = w(null), I = w("bottom"), v = w({}), x = w([]), V = B(() => {
       if (!x.value.length) return [];
-      const h = new Map(Y.value.map((g) => [g.id?.toString(), g]));
+      const h = new Map(q.value.map((g) => [g.id?.toString(), g]));
       return x.value.map((g) => h.get(g?.toString())).filter((g) => !!g);
-    }), _ = S(() => t.placeholder || "Select..."), F = S(() => q(B.value)), te = S(() => n.value ? !x.value.length && T.value === "" : !F.value && T.value === ""), K = S(() => a.value ? !1 : n.value ? x.value.length > 0 : !!r.value), M = (h) => n.value ? x.value.some((g) => g?.toString() === h?.toString()) : r.value?.toString() === h?.toString(), G = S(() => {
-      let h = Y.value ?? [];
+    }), _ = B(() => t.placeholder || "Select..."), F = B(() => W(S.value)), te = B(() => n.value ? !x.value.length && T.value === "" : !F.value && T.value === ""), J = B(() => s.value ? !1 : n.value ? x.value.length > 0 : !!r.value), M = (h) => n.value ? x.value.some((g) => g?.toString() === h?.toString()) : r.value?.toString() === h?.toString(), Z = B(() => {
+      let h = q.value ?? [];
       if (!t.data && T.value.trim() !== "") {
         const g = T.value.toLowerCase();
-        h = h.filter(($) => {
-          const P = q($).toLowerCase(), ae = $.text?.toLowerCase?.() || "";
+        h = h.filter((C) => {
+          const P = W(C).toLowerCase(), ae = C.text?.toLowerCase?.() || "";
           return P.includes(g) || ae.includes(g);
         });
       }
       if (n.value && x.value.length) {
-        const g = new Set(x.value.map(($) => $?.toString()));
-        h = h.filter(($) => !g.has($.id?.toString()));
+        const g = new Set(x.value.map((C) => C?.toString()));
+        h = h.filter((C) => !g.has(C.id?.toString()));
       }
       return h;
-    }), N = ze("values"), le = /\{\{\s*([^}]+?)\s*\}\}/g, z = (h) => (h ? String(h) : "").replace(/<[^>]*>/g, "").trim(), j = S(() => t.slot ?? t?.optionTemplate ?? ""), C = (h) => {
+    }), N = ze("values"), le = /\{\{\s*([^}]+?)\s*\}\}/g, z = (h) => (h ? String(h) : "").replace(/<[^>]*>/g, "").trim(), j = B(() => t.slot ?? t?.optionTemplate ?? ""), $ = (h) => {
       if (!h) return "";
       const g = j.value;
-      return g ? g.replace(le, ($, P) => {
+      return g ? g.replace(le, (C, P) => {
         const ae = P.trim(), fe = h[ae];
         return fe != null ? String(fe) : "";
       }) : h.text ?? "";
-    }, q = (h) => {
+    }, W = (h) => {
       if (!h) return "";
       if (!j.value) return h.text ?? "";
-      const $ = C(h);
-      return z($) || h.text || "";
+      const C = $(h);
+      return z(C) || h.text || "";
     }, oe = (h) => {
-      t.set && N?.value && Object.entries(t.set).forEach(([g, $]) => {
+      t.set && N?.value && Object.entries(t.set).forEach(([g, C]) => {
         if (!g) return;
-        const P = h ? h[$] : null;
+        const P = h ? h[C] : null;
         N.value[g] = P ?? null;
       });
-    }, pe = S(() => t.parent ? N?.value?.[t.parent] ?? null : null), Me = async (h) => {
+    }, ce = B(() => t.parent ? N?.value?.[t.parent] ?? null : null), Ve = async (h) => {
       if (!t.data) {
         let g = t.options ?? [];
         if (h?.trim()) {
-          const $ = h.toLowerCase();
+          const C = h.toLowerCase();
           g = g.filter((P) => {
-            const ae = q(P).toLowerCase(), fe = P.text?.toLowerCase?.() || "";
-            return ae.includes($) || fe.includes($);
+            const ae = W(P).toLowerCase(), fe = P.text?.toLowerCase?.() || "";
+            return ae.includes(C) || fe.includes(C);
           });
         }
         return g;
       }
       try {
-        const g = t.host ?? "", $ = t.prefix ?? "api", P = t.api ?? `/${$}/suggest/${t.data}`, ae = `${g}${P}`, fe = new URLSearchParams();
-        return fe.set("json", "1"), h && fe.set("key", h), pe.value !== void 0 && pe.value !== null && pe.value !== "" && fe.set("parent", String(pe.value)), (await fetch(`${ae}?${fe.toString()}`).then((Ae) => Ae.json()))?.data ?? [];
+        const g = t.host ?? "", C = t.prefix ?? "api", P = t.api ?? `/${C}/suggest/${t.data}`, ae = `${g}${P}`, fe = new URLSearchParams();
+        return fe.set("json", "1"), h && fe.set("key", h), ce.value !== void 0 && ce.value !== null && ce.value !== "" && fe.set("parent", String(ce.value)), (await fetch(`${ae}?${fe.toString()}`).then((Ae) => Ae.json()))?.data ?? [];
       } catch {
         return [];
       }
     }, Ne = async () => {
-      t.data ? Y.value = await Me(T.value) : Y.value = t.options ? [...t.options] : [];
+      t.data ? q.value = await Ve(T.value) : q.value = t.options ? [...t.options] : [];
     }, qe = async (h) => {
       if (h == null) return null;
-      const g = Y.value?.find((P) => P?.id?.toString() === String(h));
-      return g || ((await Me(String(h)))?.[0] ?? null);
+      const g = q.value?.find((P) => P?.id?.toString() === String(h));
+      return g || ((await Ve(String(h)))?.[0] ?? null);
     }, et = async (h) => {
-      const g = new Set(Y.value.map((P) => P.id?.toString())), $ = h.filter((P) => !g.has(P?.toString()));
-      $.length && await $.reduce(async (P, ae) => {
+      const g = new Set(q.value.map((P) => P.id?.toString())), C = h.filter((P) => !g.has(P?.toString()));
+      C.length && await C.reduce(async (P, ae) => {
         await P;
         const fe = await qe(ae);
-        fe && Y.value.push(fe);
+        fe && q.value.push(fe);
       }, Promise.resolve());
     }, Oe = async () => {
-      a.value || (m.value = !0, await Ne(), await Ie(() => {
-        Ve(), H.value?.focus(), G.value.length ? R.value = 0 : R.value = -1;
+      s.value || (m.value = !0, await Ne(), await Ie(() => {
+        Me(), H.value?.focus(), Z.value.length ? R.value = 0 : R.value = -1;
       }));
     }, $e = () => {
       m.value = !1, R.value = -1;
-    }, y = async (h) => {
-      if (a.value) return;
+    }, b = async (h) => {
+      if (s.value) return;
       !m.value ? await Oe() : $e();
     }, k = async () => {
       m.value ? H.value?.focus() : await Oe();
-    }, J = () => {
-      n.value ? (x.value = [], r.value = [], s("change", [])) : (B.value = null, r.value = null, s("change", null)), oe(null), T.value = "", Ie(() => H.value?.focus());
+    }, Y = () => {
+      n.value ? (x.value = [], r.value = [], a("change", [])) : (S.value = null, r.value = null, a("change", null)), oe(null), T.value = "", Ie(() => H.value?.focus());
     }, O = (h) => {
-      n.value && (x.value = x.value.filter((g) => g?.toString() !== h?.toString()), r.value = [...x.value], s("change", r.value), Ie(() => H.value?.focus()));
+      n.value && (x.value = x.value.filter((g) => g?.toString() !== h?.toString()), r.value = [...x.value], a("change", r.value), Ie(() => H.value?.focus()));
     }, Q = (h) => {
-      n.value ? (M(h.id) || (x.value = [...x.value, h.id], r.value = [...x.value], s("change", r.value)), T.value = "", Ie(() => {
-        H.value?.focus(), R.value = Math.min(R.value, G.value.length - 1);
-      }), oe(null)) : (B.value = h, r.value = h.id, s("change", r.value), T.value = "", $e(), oe(h));
+      n.value ? (M(h.id) || (x.value = [...x.value, h.id], r.value = [...x.value], a("change", r.value)), T.value = "", Ie(() => {
+        H.value?.focus(), R.value = Math.min(R.value, Z.value.length - 1);
+      }), oe(null)) : (S.value = h, r.value = h.id, a("change", r.value), T.value = "", $e(), oe(h));
     }, he = (h) => {
       M(h.id) || Q(h);
     }, Ce = (h, g) => {
       if (!h || !g) return;
-      const $ = h.offsetTop, P = $ + h.offsetHeight, ae = g.scrollTop, fe = ae + g.clientHeight;
+      const C = h.offsetTop, P = C + h.offsetHeight, ae = g.scrollTop, fe = ae + g.clientHeight;
       let Ee = g.scrollTop;
-      $ < ae ? Ee = $ - 80 : P > fe && (Ee = P - g.clientHeight + 4);
+      C < ae ? Ee = C - 80 : P > fe && (Ee = P - g.clientHeight + 4);
       const Ae = g;
       Ae.scrollTop = Ee;
     }, Se = (h) => {
@@ -1961,19 +1961,19 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
       for (; g; ) {
         if (g.classList.contains("ui-dialog__content"))
           return g;
-        const $ = window.getComputedStyle(g), P = $.overflow + $.overflowY + $.overflowX;
+        const C = window.getComputedStyle(g), P = C.overflow + C.overflowY + C.overflowX;
         if (P.includes("auto") || P.includes("scroll") || g === document.body || g === document.documentElement)
           return g;
         g = g.parentElement;
       }
       return document.body;
-    }, Ve = () => {
+    }, Me = () => {
       if (!c.value) return;
-      const h = c.value.getBoundingClientRect(), g = window.innerHeight || document.documentElement.clientHeight, $ = window.innerWidth || document.documentElement.clientWidth, P = 8, ae = 8, fe = t.maxHeight || 300, Ee = g - h.bottom - ae - P, Ae = h.top - ae - P, Ze = Ee >= Ae, lt = Math.max($ - P * 2, 0);
+      const h = c.value.getBoundingClientRect(), g = window.innerHeight || document.documentElement.clientHeight, C = window.innerWidth || document.documentElement.clientWidth, P = 8, ae = 8, fe = t.maxHeight || 300, Ee = g - h.bottom - ae - P, Ae = h.top - ae - P, Ze = Ee >= Ae, lt = Math.max(C - P * 2, 0);
       let { width: De } = h;
       lt > 0 && De > lt && (De = lt);
       let { left: Ue } = h;
-      Ue + De + P > $ && (Ue = $ - De - P), Ue = Math.max(Ue, P);
+      Ue + De + P > C && (Ue = C - De - P), Ue = Math.max(Ue, P);
       const Ht = Math.min(
         fe,
         Math.max(Ze ? Ee : Ae, 50)
@@ -1988,37 +1988,37 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
         top: Ze ? `${h.bottom + ae}px` : `${h.top - ae}px`
       };
     }, je = async (h) => {
-      a.value || !m.value && (h.key === "ArrowDown" || h.key === "ArrowUp") && (h.preventDefault(), await Oe());
+      s.value || !m.value && (h.key === "ArrowDown" || h.key === "ArrowUp") && (h.preventDefault(), await Oe());
     }, Tt = (h) => {
       if (!m.value) return;
       const { key: g } = h;
       if (g === "ArrowDown")
-        h.preventDefault(), R.value + 1 < G.value.length && (R.value += 1, Ce(Z.value[R.value], p.value));
+        h.preventDefault(), R.value + 1 < Z.value.length && (R.value += 1, Ce(K.value[R.value], p.value));
       else if (g === "ArrowUp")
-        h.preventDefault(), R.value > 0 && (R.value -= 1, Ce(Z.value[R.value], p.value));
+        h.preventDefault(), R.value > 0 && (R.value -= 1, Ce(K.value[R.value], p.value));
       else if (g === "Enter") {
         h.preventDefault();
-        const $ = G.value[R.value];
-        $ && Q($), H.value?.blur();
-      } else g === "Escape" ? (h.preventDefault(), $e()) : g === "Backspace" ? n.value && T.value === "" && x.value.length && (x.value = x.value.slice(0, -1), r.value = [...x.value], s("change", r.value)) : g === "Home" ? (R.value = 0, Ce(Z.value[0], p.value)) : g === "End" ? (R.value = G.value.length - 1, Ce(Z.value[R.value], p.value)) : g === "Tab" && $e();
+        const C = Z.value[R.value];
+        C && Q(C), H.value?.blur();
+      } else g === "Escape" ? (h.preventDefault(), $e()) : g === "Backspace" ? n.value && T.value === "" && x.value.length && (x.value = x.value.slice(0, -1), r.value = [...x.value], a("change", r.value)) : g === "Home" ? (R.value = 0, Ce(K.value[0], p.value)) : g === "End" ? (R.value = Z.value.length - 1, Ce(K.value[R.value], p.value)) : g === "Tab" && $e();
     }, Ft = () => {
-      a.value || (b.value = !0);
+      s.value || (y.value = !0);
     }, Ot = () => {
-      b.value = !1, T.value = "";
+      y.value = !1, T.value = "";
     }, rt = (h) => {
       h.key === "Escape" && m.value && $e();
     }, it = (h) => {
       const g = h.target;
-      i.value?.contains(g) || f.value?.contains(g) || $e();
+      u.value?.contains(g) || f.value?.contains(g) || $e();
     }, ut = (h) => {
-      m.value && p.value && !p.value.contains(h.target) && Ve();
+      m.value && p.value && !p.value.contains(h.target) && Me();
     }, dt = () => {
-      m.value && Ve();
+      m.value && Me();
     }, ct = () => {
-      m.value && Ve();
+      m.value && Me();
     };
-    re(() => t.options, (h) => {
-      h?.length && (Y.value = [...h], We());
+    ie(() => t.options, (h) => {
+      h?.length && (q.value = [...h], We());
     }, { immediate: !0 });
     async function We() {
       if (n.value)
@@ -2028,13 +2028,13 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
           const h = r.value[0] ?? null;
           r.value = h ?? null;
         }
-        B.value = await qe(r.value), oe(B.value ?? null);
+        S.value = await qe(r.value), oe(S.value ?? null);
       }
     }
-    re(r, () => {
+    ie(r, () => {
       We();
     }), ke(async () => {
-      addEventListener("keydown", rt), addEventListener("scroll", ut, !0), addEventListener("resize", dt), document.addEventListener("click", it, !0), c.value && Se(c.value).addEventListener("scroll", ct, !0), t.options?.length ? Y.value = [...t.options] : t.data && (Y.value = await Me("")), await We();
+      addEventListener("keydown", rt), addEventListener("scroll", ut, !0), addEventListener("resize", dt), document.addEventListener("click", it, !0), c.value && Se(c.value).addEventListener("scroll", ct, !0), t.options?.length ? q.value = [...t.options] : t.data && (q.value = await Ve("")), await We();
     }), Ye(() => {
       removeEventListener("keydown", rt), removeEventListener("scroll", ut, !0), removeEventListener("resize", dt), document.removeEventListener("click", it, !0), c.value && Se(c.value).removeEventListener("scroll", ct, !0);
     });
@@ -2042,14 +2042,14 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
     async function Dt() {
       if (!t.add?.token || ft?.value.validate())
         return;
-      const g = t.add.api ?? `/api/table/${t.add.token}`, { id: $ } = await fetch(g, {
+      const g = t.add.api ?? `/api/table/${t.add.token}`, { id: C } = await fetch(g, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify(tt.value)
       }).then((P) => P.json());
       if (!t.options?.length && t.data) {
-        const { data: P } = await fetch(`${t.api ?? `/api/suggest/${t.data}`}?val=${$}`).then((ae) => ae.json());
-        B.value = P[0], Y.value.push(P[0]), r.value = $;
+        const { data: P } = await fetch(`${t.api ?? `/api/suggest/${t.data}`}?val=${C}`).then((ae) => ae.json());
+        S.value = P[0], q.value.push(P[0]), r.value = C;
       }
       Ge.value = !1, de({ title: "Success!", message: "Object created." });
     }
@@ -2059,26 +2059,26 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
       return pt.value = h.schema, Ge.value = !0, null;
     }
     function Pt(h, g = 200) {
-      let $;
+      let C;
       return (...P) => {
-        $ && clearTimeout($), $ = window.setTimeout(() => h(...P), g);
+        C && clearTimeout(C), C = window.setTimeout(() => h(...P), g);
       };
     }
     const Rt = Pt(async (h) => {
-      Y.value = await Me(h);
+      q.value = await Ve(h);
     }, 200);
-    return re(T, (h) => {
+    return ie(T, (h) => {
       t.data && Rt(h.trim());
-    }), re(() => t.options, (h) => {
-      !t.data && h?.length && (Y.value = [...h], We());
-    }, { immediate: !0 }), re(() => t.parent ?? t.parentValue, () => {
+    }), ie(() => t.options, (h) => {
+      !t.data && h?.length && (q.value = [...h], We());
+    }, { immediate: !0 }), ie(() => t.parent ?? t.parentValue, () => {
       t.data && Ne();
-    }), re(pe, async () => {
-      t.data && (n.value ? (x.value = [], r.value = [], s("change", [])) : (B.value = null, r.value = null, s("change", null)));
-    }), (h, g) => (u(), d(se, null, [
+    }), ie(ce, async () => {
+      t.data && (n.value ? (x.value = [], r.value = [], a("change", [])) : (S.value = null, r.value = null, a("change", null)));
+    }), (h, g) => (i(), d(se, null, [
       A(ee(Lt), {
         visible: Ge.value,
-        "onUpdate:visible": g[1] || (g[1] = ($) => Ge.value = $),
+        "onUpdate:visible": g[1] || (g[1] = (C) => Ge.value = C),
         title: "Додати",
         buttonText: "Додати",
         onDone: Dt,
@@ -2088,7 +2088,7 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
           A(He, {
             schema: pt.value,
             modelValue: tt.value,
-            "onUpdate:modelValue": g[0] || (g[0] = ($) => tt.value = $),
+            "onUpdate:modelValue": g[0] || (g[0] = (C) => tt.value = C),
             ref_key: "addForm",
             ref: ft
           }, null, 8, ["schema", "modelValue"])
@@ -2098,7 +2098,7 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
       l("div", {
         class: "flex gap-1 w-full",
         ref_key: "selectRoot",
-        ref: i,
+        ref: u,
         onClick: g[4] || (g[4] = we(() => {
         }, ["stop"]))
       }, [
@@ -2120,47 +2120,47 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
             class: E([
               "flex min-h-[38px] items-center justify-between rounded border transition-colors bg-white",
               "border-gray-300 hover:border-gray-400",
-              m.value || b.value ? "border-blue-500 ring-1 ring-blue-500" : "",
-              a.value ? "bg-gray-100 text-gray-400 cursor-not-allowed hover:border-gray-300" : ""
+              m.value || y.value ? "border-blue-500 ring-1 ring-blue-500" : "",
+              s.value ? "bg-gray-100 text-gray-400 cursor-not-allowed hover:border-gray-300" : ""
             ]),
             role: "combobox",
             "aria-expanded": m.value,
             "aria-haspopup": "listbox",
             onKeydown: je,
             onClick: k,
-            "data-focus": m.value || b.value ? "true" : "false"
+            "data-focus": m.value || y.value ? "true" : "false"
           }, [
             l("div", {
               class: "flex flex-1 items-center gap-1 py-0.5 pl-2 pr-0 overflow-hidden",
               ref_key: "triggerRef",
               ref: c
             }, [
-              n.value && x.value.length ? (u(!0), d(se, { key: 0 }, ce(V.value, ($) => (u(), d("div", {
+              n.value && x.value.length ? (i(!0), d(se, { key: 0 }, pe(V.value, (C) => (i(), d("div", {
                 class: "flex min-w-0 bg-[#e6e6e6] rounded-sm m-0.5 box-border",
-                key: $.id
+                key: C.id
               }, [
                 l("div", aa, [
-                  $?.color ? (u(), d("span", {
+                  C?.color ? (i(), d("span", {
                     key: 0,
                     class: "w-[16px] h-[16px] rounded-md block ml-1.5",
-                    style: be({ backgroundColor: $?.color })
+                    style: be({ backgroundColor: C?.color })
                   }, null, 4)) : D("", !0),
                   l("div", {
                     class: "truncate text-gray-900 overflow-hidden",
-                    title: q($)
+                    title: W(C)
                   }, [
-                    j.value ? (u(), d("span", {
+                    j.value ? (i(), d("span", {
                       key: 0,
-                      innerHTML: C($)
-                    }, null, 8, ra)) : (u(), d(se, { key: 1 }, [
-                      ge(W($.text), 1)
+                      innerHTML: $(C)
+                    }, null, 8, ra)) : (i(), d(se, { key: 1 }, [
+                      ge(G(C.text), 1)
                     ], 64))
                   ], 8, sa)
                 ]),
                 l("div", {
                   role: "button",
                   class: "flex items-center rounded-sm px-1 box-border hover:bg-[#ffbdad] hover:text-[#de350b]",
-                  onClick: we((P) => O($.id), ["stop"])
+                  onClick: we((P) => O(C.id), ["stop"])
                 }, g[5] || (g[5] = [
                   l("svg", {
                     height: "14",
@@ -2173,28 +2173,28 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
                     l("path", { d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z" })
                   ], -1)
                 ]), 8, ia)
-              ]))), 128)) : !n.value && !b.value && F.value && T.value === "" ? (u(), d("div", {
+              ]))), 128)) : !n.value && !y.value && F.value && T.value === "" ? (i(), d("div", {
                 key: 1,
                 class: E(["truncate text-gray-900"]),
                 title: F.value
               }, [
-                B.value?.color ? (u(), d("span", {
+                S.value?.color ? (i(), d("span", {
                   key: 0,
                   class: "w-[14px] h-[14px] rounded-md block mr-1 mt-1 absolute",
-                  style: be({ backgroundColor: B.value?.color })
+                  style: be({ backgroundColor: S.value?.color })
                 }, null, 4)) : D("", !0),
-                j.value ? (u(), d("span", {
+                j.value ? (i(), d("span", {
                   key: 1,
-                  class: E({ "pl-5": B.value?.color }),
-                  innerHTML: C(B.value)
-                }, null, 10, da)) : (u(), d("span", {
+                  class: E({ "pl-5": S.value?.color }),
+                  innerHTML: $(S.value)
+                }, null, 10, da)) : (i(), d("span", {
                   key: 2,
-                  class: E({ "pl-5": B.value?.color })
-                }, W(B.value?.text), 3))
+                  class: E({ "pl-5": S.value?.color })
+                }, G(S.value?.text), 3))
               ], 8, ua)) : D("", !0),
-              te.value ? (u(), d("div", ca, W(_.value), 1)) : D("", !0),
+              te.value ? (i(), d("div", ca, G(_.value), 1)) : D("", !0),
               l("div", pa, [
-                !a.value && h.search ? ne((u(), d("input", {
+                !s.value && h.search ? ne((i(), d("input", {
                   key: 0,
                   ref_key: "inputRef",
                   ref: H,
@@ -2206,8 +2206,8 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
                   type: "text",
                   tabindex: "0",
                   "aria-autocomplete": "list",
-                  placeholder: (n.value && x.value.length ? " " : null) || b.value && !T.value?.length && F.value || " ",
-                  "onUpdate:modelValue": g[2] || (g[2] = ($) => T.value = $),
+                  placeholder: (n.value && x.value.length ? " " : null) || y.value && !T.value?.length && F.value || " ",
+                  "onUpdate:modelValue": g[2] || (g[2] = (C) => T.value = C),
                   onFocus: Ft,
                   onBlur: Ot,
                   onKeydown: Tt
@@ -2217,13 +2217,13 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
               ])
             ], 512),
             l("div", ma, [
-              K.value ? (u(), d("button", {
+              J.value ? (i(), d("button", {
                 key: 0,
                 type: "button",
                 class: "px-2 text-gray-400 hover:text-gray-500 transition-colors disabled:opacity-50",
                 "aria-hidden": "true",
-                disabled: a.value,
-                onClick: we(J, ["stop"])
+                disabled: s.value,
+                onClick: we(Y, ["stop"])
               }, g[6] || (g[6] = [
                 l("svg", {
                   height: "20",
@@ -2239,8 +2239,8 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
                 type: "button",
                 class: "px-2 text-gray-400 hover:text-gray-500 transition-colors disabled:opacity-50",
                 "aria-hidden": "true",
-                disabled: a.value,
-                onClick: g[3] || (g[3] = we(($) => y(), ["stop"])),
+                disabled: s.value,
+                onClick: g[3] || (g[3] = we((C) => b(), ["stop"])),
                 title: m.value ? "Закрити список" : "Відкрити список"
               }, g[7] || (g[7] = [
                 l("svg", {
@@ -2254,8 +2254,8 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
               ]), 8, ha)
             ])
           ], 42, na),
-          (u(), me(Mt, { to: "body" }, [
-            m.value ? (u(), d("div", {
+          (i(), me(Mt, { to: "body" }, [
+            m.value ? (i(), d("div", {
               key: 0,
               ref_key: "dropdownRef",
               ref: f,
@@ -2271,50 +2271,50 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
                 ref_key: "listRef",
                 ref: p
               }, [
-                G.value.length ? (u(!0), d(se, { key: 0 }, ce(G.value, ($, P) => (u(), d("div", {
-                  key: $.id,
+                Z.value.length ? (i(!0), d(se, { key: 0 }, pe(Z.value, (C, P) => (i(), d("div", {
+                  key: C.id,
                   ref_for: !0,
-                  ref: (ae) => Z.value[P] = ae,
+                  ref: (ae) => K.value[P] = ae,
                   class: E([
                     "flex px-3 py-2 cursor-default select-none text-gray-900 ",
-                    M($.id) ? "bg-blue-500 text-white" : "bg-white hover:bg-blue-100",
-                    R.value === P && !M($.id) ? "bg-blue-100" : ""
+                    M(C.id) ? "bg-blue-500 text-white" : "bg-white hover:bg-blue-100",
+                    R.value === P && !M(C.id) ? "bg-blue-100" : ""
                   ]),
-                  "aria-disabled": M($.id) ? "true" : "false",
+                  "aria-disabled": M(C.id) ? "true" : "false",
                   role: "option",
                   tabindex: "-1",
-                  onClick: (ae) => he($)
+                  onClick: (ae) => he(C)
                 }, [
-                  $?.color ? (u(), d("span", {
+                  C?.color ? (i(), d("span", {
                     key: 0,
                     class: "w-[11px] h-[11px] rounded-full block mr-1 mt-1.5",
-                    style: be({ backgroundColor: $?.color })
+                    style: be({ backgroundColor: C?.color })
                   }, null, 4)) : D("", !0),
                   l("div", {
                     class: E([
                       "leading-[19px]",
-                      R.value === $.id ? "text-white" : "",
+                      R.value === C.id ? "text-white" : "",
                       // active style like react-select
                       (R.value === P, "")
                     ])
                   }, [
-                    j.value ? (u(), d("span", {
+                    j.value ? (i(), d("span", {
                       key: 0,
-                      innerHTML: C($)
-                    }, null, 8, ba)) : (u(), d(se, { key: 1 }, [
-                      ge(W($.text), 1)
+                      innerHTML: $(C)
+                    }, null, 8, ba)) : (i(), d(se, { key: 1 }, [
+                      ge(G(C.text), 1)
                     ], 64))
                   ], 2)
-                ], 10, ga))), 128)) : (u(), d("div", ya, " No options "))
+                ], 10, ga))), 128)) : (i(), d("div", ya, " No options "))
               ], 4)
             ], 4)) : D("", !0)
           ]))
         ], 2),
-        t.add ? (u(), d("button", {
+        t.add ? (i(), d("button", {
           key: 0,
           onClick: Ut,
           class: "bg-white hover:bg-gray-100 text-sm text-gray-900 py-[10px] px-3 border border-stone-200 rounded-md h-[38px] flex items-center gap-2",
-          disabled: a.value,
+          disabled: s.value,
           type: "button"
         }, [
           A(Re, {
@@ -2328,7 +2328,7 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
   }
 }), wa = ["placeholder", "disabled"], ka = /* @__PURE__ */ U({
   __name: "vs-input-textarea",
-  props: /* @__PURE__ */ ie({
+  props: /* @__PURE__ */ re({
     style: { default: () => ({}) },
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -2342,9 +2342,9 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = _e(e.style), s = ue(o, "modelValue");
-    return (n, a) => ne((u(), d("textarea", {
-      "onUpdate:modelValue": a[0] || (a[0] = (r) => s.value = r),
+    const e = o, { inputClass: t } = _e(e.style), a = ue(o, "modelValue");
+    return (n, s) => ne((i(), d("textarea", {
+      "onUpdate:modelValue": s[0] || (s[0] = (r) => a.value = r),
       placeholder: n.placeholder,
       disabled: n.disabled,
       row: "2",
@@ -2353,7 +2353,7 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
         border: "1px solid #CFD9E0"
       }
     }, null, 10, wa)), [
-      [ve, s.value]
+      [ve, a.value]
     ]);
   }
 }), _a = {}, $a = {
@@ -2367,7 +2367,7 @@ const kn = /* @__PURE__ */ X(yn, [["render", wn]]), _n = { class: "flex flex-col
   class: "icon icon-tabler icons-tabler-outline icon-tabler-search stroke-gray-500 transition-all"
 };
 function Ca(o, e) {
-  return u(), d("svg", $a, e[0] || (e[0] = [
+  return i(), d("svg", $a, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2388,7 +2388,7 @@ const Va = /* @__PURE__ */ X(_a, [["render", Ca]]), Ma = {}, La = {
   "stroke-linejoin": "round"
 };
 function Sa(o, e) {
-  return u(), d("svg", La, e[0] || (e[0] = [
+  return i(), d("svg", La, 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),
@@ -2407,7 +2407,7 @@ const Ba = /* @__PURE__ */ X(Ma, [["render", Sa]]), ja = {}, Ea = {
   "stroke-linejoin": "round"
 };
 function Ia(o, e) {
-  return u(), d("svg", Ea, e[0] || (e[0] = [
+  return i(), d("svg", Ea, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2428,7 +2428,7 @@ const za = /* @__PURE__ */ X(ja, [["render", Ia]]), Aa = {}, Ta = {
   "stroke-linejoin": "round"
 };
 function Fa(o, e) {
-  return u(), d("svg", Ta, e[0] || (e[0] = [
+  return i(), d("svg", Ta, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2449,7 +2449,7 @@ const Oa = /* @__PURE__ */ X(Aa, [["render", Fa]]), Da = {}, Ua = {
   "stroke-linejoin": "round"
 };
 function Pa(o, e) {
-  return u(), d("svg", Ua, e[0] || (e[0] = [
+  return i(), d("svg", Ua, e[0] || (e[0] = [
     ye('<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)
   ]));
 }
@@ -2459,7 +2459,7 @@ const kt = /* @__PURE__ */ X(Da, [["render", Pa]]), Ra = {}, Ha = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 function Na(o, e) {
-  return u(), d("svg", Ha, e[0] || (e[0] = [
+  return i(), d("svg", Ha, e[0] || (e[0] = [
     ye('<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)
   ]));
 }
@@ -2473,7 +2473,7 @@ const qa = /* @__PURE__ */ X(Ra, [["render", Na]]), Wa = {}, Ga = {
   "stroke-linejoin": "round"
 };
 function Za(o, e) {
-  return u(), d("svg", Ga, e[0] || (e[0] = [
+  return i(), d("svg", Ga, 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)
   ]));
 }
@@ -2492,7 +2492,7 @@ const Ka = /* @__PURE__ */ X(Wa, [["render", Za]]), Ja = { class: "vs-datatable
   class: "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-slate-100 dark:bg-slate-700 text-slate-700 dark:text-slate-300 hover:bg-slate-200 dark:hover:bg-slate-600 transition-colors"
 }, _s = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]" }, $s = { class: "flex items-center justify-center gap-2" }, Cs = ["onClick"], Vs = ["onClick"], Ms = { class: "vs-form__head mr-5 mt-3 flex items-center justify-end sticky top-0 left-0 z-[60] bg-white" }, Ls = /* @__PURE__ */ U({
   __name: "vs-input-datatable",
-  props: /* @__PURE__ */ ie({
+  props: /* @__PURE__ */ re({
     colModel: {},
     style: {},
     customClass: {},
@@ -2507,56 +2507,56 @@ const Ka = /* @__PURE__ */ X(Wa, [["render", Za]]), Ja = { class: "vs-datatable
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = ue(o, "modelValue"), s = w({}), n = w(""), a = S(() => {
+    const e = o, t = ue(o, "modelValue"), a = w({}), n = w(""), s = B(() => {
       if (!n.value) return t.value ?? [];
       const z = n.value.toLowerCase();
-      return t.value.filter((j) => e.colModel?.some((C) => {
-        const q = j[C.key];
-        return q ? Array.isArray(q) ? q.join(", ").toLowerCase().includes(z) : String(q).toLowerCase().includes(z) : !1;
+      return t.value.filter((j) => e.colModel?.some(($) => {
+        const W = j[$.key];
+        return W ? Array.isArray(W) ? W.join(", ").toLowerCase().includes(z) : String(W).toLowerCase().includes(z) : !1;
       }));
-    }), r = w(null), i = w(null), c = w(!1), p = w(null), f = w({ top: 0, left: 0 }), m = (z) => {
+    }), r = w(null), u = w(null), c = w(!1), p = w(null), f = w({ top: 0, left: 0 }), m = (z) => {
       r.value = z;
-    }, b = (z) => {
-      i.value = z;
-    }, B = (z) => {
+    }, y = (z) => {
+      u.value = z;
+    }, S = (z) => {
       if (r.value === null || r.value === z) {
-        r.value = null, i.value = null;
+        r.value = null, u.value = null;
         return;
       }
-      const j = [...t.value], [C] = j.splice(r.value, 1);
-      j.splice(z, 0, C), t.value = j, r.value = null, i.value = null;
-    }, Y = (z) => {
-      const C = z.currentTarget.getBoundingClientRect();
-      f.value = { top: C.bottom + window.scrollY, left: C.left + window.scrollX }, c.value = !c.value;
+      const j = [...t.value], [$] = j.splice(r.value, 1);
+      j.splice(z, 0, $), t.value = j, r.value = null, u.value = null;
+    }, q = (z) => {
+      const $ = z.currentTarget.getBoundingClientRect();
+      f.value = { top: $.bottom + window.scrollY, left: $.left + window.scrollX }, c.value = !c.value;
     }, R = () => {
       p.value && p.value.click();
-    }, Z = (z) => {
-      const j = [".jpg", ".jpeg", ".png", ".gif", ".bmp", ".webp", ".svg", ".ico", ".tiff", ".tif"], C = z.toLowerCase();
-      return j.some((q) => C.endsWith(q));
+    }, K = (z) => {
+      const j = [".jpg", ".jpeg", ".png", ".gif", ".bmp", ".webp", ".svg", ".ico", ".tiff", ".tif"], $ = z.toLowerCase();
+      return j.some((W) => $.endsWith(W));
     }, T = (z) => {
-      const C = z.target.files?.[0];
-      if (!C) return;
-      const q = new FileReader();
-      q.onload = (oe) => {
+      const $ = z.target.files?.[0];
+      if (!$) return;
+      const W = new FileReader();
+      W.onload = (oe) => {
         try {
-          const pe = oe.target?.result;
-          if (typeof pe == "string") {
-            const Me = JSON.parse(pe);
-            Array.isArray(Me) && t.value.push(...Me);
+          const ce = oe.target?.result;
+          if (typeof ce == "string") {
+            const Ve = JSON.parse(ce);
+            Array.isArray(Ve) && t.value.push(...Ve);
           }
-        } catch (pe) {
-          console.error("Error parsing file:", pe);
+        } catch (ce) {
+          console.error("Error parsing file:", ce);
         }
-      }, q.readAsText(C);
+      }, W.readAsText($);
     }, H = () => {
-      const z = JSON.stringify(t.value, null, 2), j = new Blob([z], { type: "application/json" }), C = URL.createObjectURL(j), q = document.createElement("a");
-      q.href = C, q.download = "data.json", q.click(), URL.revokeObjectURL(C);
+      const z = JSON.stringify(t.value, null, 2), j = new Blob([z], { type: "application/json" }), $ = URL.createObjectURL(j), W = document.createElement("a");
+      W.href = $, W.download = "data.json", W.click(), URL.revokeObjectURL($);
     };
     ke(async () => {
       const z = e.colModel?.filter((j) => j.data);
       z?.length && Promise.all(z.map(async (j) => {
-        const q = await (await fetch(`/api/suggest/${j.data}`)).json();
-        s.value[j.key] = q.data;
+        const W = await (await fetch(`/api/suggest/${j.data}`)).json();
+        a.value[j.key] = W.data;
       }));
     });
     const I = w(""), v = w(!1);
@@ -2565,29 +2565,29 @@ const Ka = /* @__PURE__ */ X(Wa, [["render", Za]]), Ja = { class: "vs-datatable
     async function te() {
       I.value = "Додати", v.value = !0, x = "add", _.value = {};
     }
-    function K(z, j) {
-      const C = j.key || j.name;
-      return s.value[C] && z[C] ? s.value[C].find((q) => q.id.toString() === z[C].toString())?.text ?? z[C] : z[C] || "-";
+    function J(z, j) {
+      const $ = j.key || j.name;
+      return a.value[$] && z[$] ? a.value[$].find((W) => W.id.toString() === z[$].toString())?.text ?? z[$] : z[$] || "-";
     }
     async function M(z, j) {
       I.value = "Редагувати", v.value = !0, x = "edit", V = j, _.value = { ...z };
     }
-    function G() {
+    function Z() {
       const z = F.value.validate();
       if (z) {
-        de({ type: "warning", title: "Помилка валідації", message: Object.entries(z).map(([j, C]) => `${j}: ${C}`).join(`
+        de({ type: "warning", title: "Помилка валідації", message: Object.entries(z).map(([j, $]) => `${j}: ${$}`).join(`
 `) });
         return;
       }
-      x === "add" ? Array.isArray(t.value) ? t.value = [...t.value, _.value] : t.value = [_.value] : t.value = t.value.map((j, C) => C === V ? _.value : j), v.value = !1;
+      x === "add" ? Array.isArray(t.value) ? t.value = [...t.value, _.value] : t.value = [_.value] : t.value = t.value.map((j, $) => $ === V ? _.value : j), v.value = !1;
     }
     function N(z) {
-      t.value = t.value.filter((j, C) => C !== z);
+      t.value = t.value.filter((j, $) => $ !== z);
     }
     function le() {
       v.value = !1;
     }
-    return (z, j) => (u(), d("div", Ja, [
+    return (z, j) => (i(), d("div", Ja, [
       l("div", Ya, [
         l("div", Xa, [
           A(Va, {
@@ -2597,7 +2597,7 @@ const Ka = /* @__PURE__ */ X(Wa, [["render", Za]]), Ja = { class: "vs-datatable
           }),
           ne(l("input", {
             type: "text",
-            "onUpdate:modelValue": j[0] || (j[0] = (C) => n.value = C),
+            "onUpdate:modelValue": j[0] || (j[0] = ($) => n.value = $),
             placeholder: "Пошук",
             class: "py-2 px-3 pl-10 w-full bg-gray-100 h-[36px] rounded-[8px] text-[15px] leading-[18px] focus:border-1 text-stone-800 placeholder:text-[#6B7280] focus:outline-blue-500 focus:outline-2"
           }, null, 512), [
@@ -2617,7 +2617,7 @@ const Ka = /* @__PURE__ */ X(Wa, [["render", Za]]), Ja = { class: "vs-datatable
             l("div", ts, [
               l("div", ls, [
                 l("button", {
-                  onClick: Y,
+                  onClick: q,
                   class: "bg-white hover:bg-gray-100 font-semibold text-[15px] leadig-[18.5px] py-[10px] px-[12px] border border-[#E5E7EB] rounded-[8px] h-[38px] max-h-[38px] gap-[8px] flex items-center"
                 }, [
                   A(Ba, {
@@ -2629,8 +2629,8 @@ const Ka = /* @__PURE__ */ X(Wa, [["render", Za]]), Ja = { class: "vs-datatable
             ])
           ])
         ]),
-        (u(), me(Mt, { to: "body" }, [
-          c.value ? (u(), d("div", {
+        (i(), me(Mt, { to: "body" }, [
+          c.value ? (i(), d("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: f.value.top + "px", left: f.value.left + "px" }])
@@ -2646,7 +2646,7 @@ const Ka = /* @__PURE__ */ X(Wa, [["render", Za]]), Ja = { class: "vs-datatable
                     width: "14",
                     height: "14"
                   }),
-                  j[4] || (j[4] = ge(" Імпортувати "))
+                  j[4] || (j[4] = ge(" Імпортувати ", -1))
                 ]),
                 l("button", {
                   onClick: H,
@@ -2658,7 +2658,7 @@ const Ka = /* @__PURE__ */ X(Wa, [["render", Za]]), Ja = { class: "vs-datatable
                       width: "14",
                       height: "14"
                     }),
-                    j[5] || (j[5] = ge(" Експортувати "))
+                    j[5] || (j[5] = ge(" Експортувати ", -1))
                   ])
                 ])
               ])
@@ -2670,7 +2670,7 @@ const Ka = /* @__PURE__ */ X(Wa, [["render", Za]]), Ja = { class: "vs-datatable
           class: "text-slate-700 bg-white hover:bg-gray-100 font-semibold text-[15px] leadig-[18.5px] py-[10px] px-[12px] border border-[#E5E7EB] rounded-[8px] h-[38px] max-h-[38px] gap-[8px] flex items-center"
         }, [
           A(Re),
-          j[6] || (j[6] = ge(" Додати "))
+          j[6] || (j[6] = ge(" Додати ", -1))
         ])
       ]),
       l("div", ss, [
@@ -2684,17 +2684,17 @@ const Ka = /* @__PURE__ */ X(Wa, [["render", Za]]), Ja = { class: "vs-datatable
                   class: "w-4 h-4 mx-auto text-slate-400 dark:text-slate-500"
                 })
               ]),
-              (u(!0), d(se, null, ce(z.colModel, (C) => (u(), d("th", {
-                key: C.key,
+              (i(!0), d(se, null, pe(z.colModel, ($) => (i(), d("th", {
+                key: $.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]"
-              }, W(C.ua || C.label), 1))), 128)),
+              }, G($.ua || $.label), 1))), 128)),
               j[7] || (j[7] = l("th", { class: "h-10 px-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] font-semibold text-slate-700 dark:text-slate-300 text-center" }, " Дії ", -1))
             ])
           ]),
           l("tbody", {
-            class: E({ "[&_tr:last-child]:border-0": !i.value })
+            class: E({ "[&_tr:last-child]:border-0": !u.value })
           }, [
-            a.value.length === 0 ? (u(), d("td", cs, [
+            s.value.length === 0 ? (i(), d("td", cs, [
               l("div", ps, [
                 l("div", fs, [
                   A(qa, { class: "w-48 mx-auto" }),
@@ -2705,16 +2705,16 @@ const Ka = /* @__PURE__ */ X(Wa, [["render", Za]]), Ja = { class: "vs-datatable
                 ])
               ])
             ])) : D("", !0),
-            (u(!0), d(se, null, ce(a.value, (C, q) => (u(), d("tr", {
-              key: C.id,
+            (i(!0), d(se, null, pe(s.value, ($, W) => (i(), d("tr", {
+              key: $.id,
               class: E(["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 === q,
-                "border-t-2 border-b-2 border-blue-500 bg-blue-50 dark:bg-blue-900/20": i.value === q
+                "opacity-50": r.value === W,
+                "border-t-2 border-b-2 border-blue-500 bg-blue-50 dark:bg-blue-900/20": u.value === W
               }]),
               draggable: "true",
-              onDragstart: (oe) => m(q),
-              onDragover: we((oe) => b(q), ["prevent"]),
-              onDrop: (oe) => B(q)
+              onDragstart: (oe) => m(W),
+              onDragover: we((oe) => y(W), ["prevent"]),
+              onDrop: (oe) => S(W)
             }, [
               l("td", vs, [
                 l("div", hs, [
@@ -2725,31 +2725,31 @@ const Ka = /* @__PURE__ */ X(Wa, [["render", Za]]), Ja = { class: "vs-datatable
                   })
                 ])
               ]),
-              (u(!0), d(se, null, ce(z.colModel, (oe) => (u(), d("td", {
+              (i(!0), d(se, null, pe(z.colModel, (oe) => (i(), d("td", {
                 key: oe.key,
                 class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]"
               }, [
-                oe.type === "file" ? (u(), d("div", gs, [
-                  Z(K(C, oe)) ? (u(), d("div", bs, [
+                oe.type === "file" ? (i(), d("div", gs, [
+                  K(J($, oe)) ? (i(), d("div", bs, [
                     l("img", {
-                      src: K(C, oe),
+                      src: J($, oe),
                       alt: "alt",
                       width: "45",
                       class: "rounded-md max-w-[45px] h-[45px] object-cover"
                     }, null, 8, ys)
-                  ])) : (u(), d("div", xs, [
+                  ])) : (i(), d("div", xs, [
                     A(jt, { class: "w-[25px] min-w-[25px] h-[25px]" })
                   ]))
-                ])) : oe.type === "tiptap-editor" ? (u(), d("div", {
+                ])) : oe.type === "tiptap-editor" ? (i(), d("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: K(C, oe)
-                }, null, 8, ws)) : (u(), d("div", ks, W(K(C, oe)), 1))
+                  innerHTML: J($, oe)
+                }, null, 8, ws)) : (i(), d("div", ks, G(J($, oe)), 1))
               ]))), 128)),
               l("td", _s, [
                 l("div", $s, [
                   l("button", {
-                    onClick: (oe) => M(C, q),
+                    onClick: (oe) => M($, W),
                     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"
                   }, [
                     A(Ka, {
@@ -2759,7 +2759,7 @@ const Ka = /* @__PURE__ */ X(Wa, [["render", Za]]), Ja = { class: "vs-datatable
                     })
                   ], 8, Cs),
                   l("button", {
-                    onClick: (oe) => N(q),
+                    onClick: (oe) => N(W),
                     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"
                   }, [
                     A(Qe, {
@@ -2784,18 +2784,18 @@ const Ka = /* @__PURE__ */ X(Wa, [["render", Za]]), Ja = { class: "vs-datatable
           A(He, {
             schema: e.colModel,
             values: _.value,
-            "onUpdate:values": j[1] || (j[1] = (C) => _.value = C),
+            "onUpdate:values": j[1] || (j[1] = ($) => _.value = $),
             form: F.value,
-            "onUpdate:form": j[2] || (j[2] = (C) => F.value = C)
+            "onUpdate:form": j[2] || (j[2] = ($) => F.value = $)
           }, null, 8, ["schema", "values", "form"]),
           l("div", Ms, [
             l("button", {
               type: "button",
-              onClick: j[3] || (j[3] = (C) => v.value = !1),
+              onClick: j[3] || (j[3] = ($) => v.value = !1),
               class: "vs-button inline-flex border-solid justify-center items-center gap-2 rounded-md font-semibold focus:outline-none text-sm transition-all border !border-gray-200 hover:text-white bg-white text-red-500 hover:border-red-500 hover:bg-red-500 focus:ring-red-500 py-1.5 px-5 focus:ring-1 focus:ring-offset-1 mr-2"
             }, " Скасувати "),
             l("button", {
-              onClick: G,
+              onClick: Z,
               type: "button",
               class: "vs-button inline-flex border-solid justify-center items-center gap-2 rounded-md font-semibold focus:outline-none text-sm transition-all border-1 border-transparent text-white bg-blue-500 hover:bg-blue-600 focus:ring-blue-500 py-1.5 px-5 focus:ring-1 focus:ring-offset-1"
             }, " Зберегти ")
@@ -2950,7 +2950,7 @@ const js = {}, Es = {
   class: "icon icon-tabler icons-tabler-outline icon-tabler-map-pin"
 };
 function Is(o, e) {
-  return u(), d("svg", Es, e[0] || (e[0] = [
+  return i(), d("svg", Es, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2971,7 +2971,7 @@ const zs = /* @__PURE__ */ X(js, [["render", Is]]), As = {}, Ts = {
   class: "icon icon-tabler icons-tabler-outline icon-tabler-line"
 };
 function Fs(o, e) {
-  return u(), d("svg", Ts, e[0] || (e[0] = [
+  return i(), d("svg", Ts, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2993,7 +2993,7 @@ const Os = /* @__PURE__ */ X(As, [["render", Fs]]), Ds = {}, Us = {
   class: "icon icon-tabler icons-tabler-outline icon-tabler-polygon"
 };
 function Ps(o, e) {
-  return u(), d("svg", Us, e[0] || (e[0] = [
+  return i(), d("svg", Us, e[0] || (e[0] = [
     ye('<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)
   ]));
 }
@@ -3008,7 +3008,7 @@ const Rs = /* @__PURE__ */ X(Ds, [["render", Ps]]), Hs = {}, Ns = {
   class: "icon icon-tabler icons-tabler-outline icon-tabler-topology-ring-3"
 };
 function qs(o, e) {
-  return u(), d("svg", Ns, e[0] || (e[0] = [
+  return i(), d("svg", Ns, e[0] || (e[0] = [
     ye('<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)
   ]));
 }
@@ -3021,7 +3021,7 @@ const Ws = /* @__PURE__ */ X(Hs, [["render", qs]]), Gs = {}, Zs = {
   class: "fullscreen-icon"
 };
 function Ks(o, e) {
-  return u(), d("svg", Zs, e[0] || (e[0] = [
+  return i(), d("svg", Zs, e[0] || (e[0] = [
     l("title", null, null, -1),
     l("desc", null, null, -1),
     l("defs", null, null, -1),
@@ -3060,48 +3060,48 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
   },
   emits: ["goToCoordinates"],
   setup(o, { emit: e }) {
-    const t = o, s = e, n = ["here", "xy", "parcel"], a = S(() => {
+    const t = o, a = e, n = ["here", "xy", "parcel"], s = B(() => {
       const v = t.config?.tools?.filter((x) => n.includes(x));
       return v && v.length ? v : n;
-    }), r = S(() => t.config?.placeholder?.trim() || "Пошук…"), i = w(a.value[0] ?? n[0]);
-    re(a, (v) => {
-      v.includes(i.value) || (i.value = v[0]);
+    }), r = B(() => t.config?.placeholder?.trim() || "Пошук…"), u = w(s.value[0] ?? n[0]);
+    ie(s, (v) => {
+      v.includes(u.value) || (u.value = v[0]);
     });
     const c = w(""), p = w(!1), f = w(null);
-    re(i, () => {
+    ie(u, () => {
       c.value = "", p.value = !1;
     });
     function m(v) {
-      i.value = v;
+      u.value = v;
     }
-    function b(v) {
+    function y(v) {
       if (!p.value) return;
       const x = f.value;
       x && !x.contains(v.target) && (p.value = !1);
     }
     ke(() => {
-      window.addEventListener("click", b, !0);
+      window.addEventListener("click", y, !0);
     }), at(() => {
-      window.removeEventListener("click", b, !0);
+      window.removeEventListener("click", y, !0);
     });
-    function B(v) {
+    function S(v) {
       return v === "xy" ? "Координати" : v === "parcel" ? "Кадастр" : "Адреси";
     }
-    function Y(v) {
+    function q(v) {
       const x = v.replace(/[,]+/g, " ").trim();
       if (!x) return null;
       const V = x.split(/\s+/).filter(Boolean);
       if (V.length < 2) return null;
       const _ = V.slice(0, 2).map(Number);
       if (!_.every((le) => Number.isFinite(le))) return null;
-      let [F, te] = _, K = F, M = te;
-      const G = (le) => Math.abs(le) <= 90, N = (le) => Math.abs(le) <= 180;
-      if (!G(K) || !N(M))
-        if (G(M) && N(K))
-          K = te, M = F;
+      let [F, te] = _, J = F, M = te;
+      const Z = (le) => Math.abs(le) <= 90, N = (le) => Math.abs(le) <= 180;
+      if (!Z(J) || !N(M))
+        if (Z(M) && N(J))
+          J = te, M = F;
         else
           return null;
-      return { lat: K, lng: M };
+      return { lat: J, lng: M };
     }
     function R(v) {
       return (v?.items || []).map((V, _) => ({
@@ -3111,7 +3111,7 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
         lng: Number(V?.position?.lng)
       })).filter((V) => Number.isFinite(V.lat) && Number.isFinite(V.lng));
     }
-    function Z(v) {
+    function K(v) {
       const x = v?.result || v?.data || v;
       if (!x) return [];
       const V = x.geom_centroid;
@@ -3133,13 +3133,13 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
       return V.every((F, te) => F.length === _[te] && /^\d+$/.test(F));
     }
     function H(v) {
-      s("goToCoordinates", [v.lat, v.lng]);
+      a("goToCoordinates", [v.lat, v.lng]);
     }
     async function I() {
       const v = c.value.trim();
       if (v) {
-        if (i.value === "xy") {
-          const x = Y(v);
+        if (u.value === "xy") {
+          const x = q(v);
           if (!x) {
             de({ type: "warning", title: "Пошук координат", message: "Не знайдено або невірний формат координат" });
             return;
@@ -3148,8 +3148,8 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
           return;
         }
         try {
-          const x = new URL(i.value === "here" ? lr : or);
-          if (i.value === "here")
+          const x = new URL(u.value === "here" ? lr : or);
+          if (u.value === "here")
             x.searchParams.set("searchtext", v);
           else {
             if (!T(v)) {
@@ -3160,7 +3160,7 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
           }
           const V = await fetch(x.toString());
           if (!V.ok) throw new Error(`HTTP ${V.status}`);
-          const _ = await V.json(), F = i.value === "here" ? R(_) : Z(_);
+          const _ = await V.json(), F = u.value === "here" ? R(_) : K(_);
           if (!F.length)
             de({ type: "warning", title: "Пошук", message: "Не знайдено результатів" });
           else {
@@ -3173,12 +3173,12 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
         }
       }
     }
-    return (v, x) => (u(), d("div", Ys, [
+    return (v, x) => (i(), d("div", Ys, [
       l("form", {
         class: "flex gap-2",
         onSubmit: we(I, ["prevent"])
       }, [
-        a.value.length > 1 ? (u(), d("div", {
+        s.value.length > 1 ? (i(), d("div", {
           key: 0,
           ref_key: "dropdownRef",
           ref: f,
@@ -3189,8 +3189,8 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { 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] = (V) => p.value = !p.value)
           }, [
-            l("span", null, W(B(i.value)), 1),
-            (u(), d("svg", {
+            l("span", null, G(S(u.value)), 1),
+            (i(), d("svg", {
               class: E(["w-4 h-4 text-gray-500 transition-transform", { "rotate-180": p.value }]),
               viewBox: "0 0 24 24",
               fill: "none",
@@ -3205,13 +3205,13 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
               }, null, -1)
             ]), 2))
           ]),
-          p.value ? (u(), d("div", Xs, [
+          p.value ? (i(), d("div", Xs, [
             l("ul", null, [
-              (u(!0), d(se, null, ce(a.value, (V) => (u(), d("li", {
+              (i(!0), d(se, null, pe(s.value, (V) => (i(), d("li", {
                 key: V,
                 class: "px-3 py-2 cursor-pointer hover:bg-gray-100",
                 onClick: (_) => m(V)
-              }, W(B(V)), 9, Qs))), 128))
+              }, G(S(V)), 9, Qs))), 128))
             ])
           ])) : D("", !0)
         ], 512)) : D("", !0),
@@ -3260,16 +3260,16 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
   },
   emits: ["onLayerChange"],
   setup(o, { emit: e }) {
-    const s = w(Object.keys(o.basemaps)[0]), n = e;
-    function a(r) {
-      n("onLayerChange", r), s.value = r;
+    const a = w(Object.keys(o.basemaps)[0]), n = e;
+    function s(r) {
+      n("onLayerChange", r), a.value = r;
     }
-    return (r, i) => (u(), d("div", sr, [
+    return (r, u) => (i(), d("div", sr, [
       l("div", rr, [
-        (u(!0), d(se, null, ce(r.basemaps, (c, p) => (u(), d("div", {
+        (i(!0), d(se, null, pe(r.basemaps, (c, p) => (i(), d("div", {
           key: p,
-          class: E(["cursor-pointer border rounded-lg overflow-hidden hover:shadow-sm", { "ring-2 ring-blue-500 border-blue-300": s.value === p }]),
-          onClick: (f) => a(p),
+          class: E(["cursor-pointer border rounded-lg overflow-hidden hover:shadow-sm", { "ring-2 ring-blue-500 border-blue-300": a.value === p }]),
+          onClick: (f) => s(p),
           title: c.name || p,
           role: "button",
           tabindex: "0"
@@ -3310,59 +3310,59 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = Wt(), s = o, n = e, a = w(!1), r = w("");
-    function i() {
-      const y = navigator.platform.toUpperCase().indexOf("MAC") >= 0;
+    const t = Wt(), a = o, n = e, s = w(!1), r = w("");
+    function u() {
+      const b = navigator.platform.toUpperCase().indexOf("MAC") >= 0;
       return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ? "Використовуйте два пальці для зуму карти." : "Використовуйте Ctrl + прокрутка для зуму карти.";
     }
     const c = w(null);
-    let p, f, m, b = null;
-    const B = w(null), Y = (y) => {
-      y.ctrlKey && y.preventDefault();
+    let p, f, m, y = null;
+    const S = w(null), q = (b) => {
+      b.ctrlKey && b.preventDefault();
     };
     function R() {
-      if (!s.handleZoom) return null;
-      let y;
+      if (!a.handleZoom) return null;
+      let b;
       const k = (O) => {
         const Q = O.ctrlKey || O.metaKey, he = O.shiftKey;
         if (!Q && !he) {
-          a.value = !0, r.value = i(), clearTimeout(y), y = window.setTimeout(() => {
-            a.value = !1;
+          s.value = !0, r.value = u(), clearTimeout(b), b = window.setTimeout(() => {
+            s.value = !1;
           }, 1e3);
           return;
         }
-        a.value = !1, p.scrollWheelZoom.enable(), setTimeout(() => {
+        s.value = !1, p.scrollWheelZoom.enable(), setTimeout(() => {
           p.scrollWheelZoom.disable();
         }, 100);
-      }, J = (O) => {
+      }, Y = (O) => {
         if (O.touches.length === 1) {
-          a.value = !0, r.value = i(), clearTimeout(y), y = window.setTimeout(() => {
-            a.value = !1;
+          s.value = !0, r.value = u(), clearTimeout(b), b = window.setTimeout(() => {
+            s.value = !1;
           }, 3e3);
           return;
         }
-        a.value = !1;
+        s.value = !1;
       };
-      return c.value && (c.value.addEventListener("wheel", k, { passive: !1 }), c.value.addEventListener("touchstart", J, { passive: !0 })), p && p.on("wheel", (O) => {
+      return c.value && (c.value.addEventListener("wheel", k, { passive: !1 }), c.value.addEventListener("touchstart", Y, { passive: !0 })), p && p.on("wheel", (O) => {
         const Q = O.originalEvent.ctrlKey || O.originalEvent.metaKey, he = O.originalEvent.shiftKey;
         !Q && !he && (O.originalEvent.preventDefault(), O.originalEvent.stopPropagation());
       }), () => {
-        c.value && (c.value.removeEventListener("wheel", k), c.value.removeEventListener("touchstart", J)), p && p.off("wheel"), clearTimeout(y);
+        c.value && (c.value.removeEventListener("wheel", k), c.value.removeEventListener("touchstart", Y)), p && p.off("wheel"), clearTimeout(b);
       };
     }
-    const Z = w(null), T = w(6), H = w(0), I = w(t?.appContext.config.globalProperties.$settings?.center || [50, 30]), v = w(null), x = Oe();
+    const K = w(null), T = w(6), H = w(0), I = w(t?.appContext.config.globalProperties.$settings?.center || [50, 30]), v = w(null), x = Oe();
     let V;
     const _ = w("topo100");
-    function F(y) {
-      return y ? y.type === "Polygon" ? {
+    function F(b) {
+      return b ? b.type === "Polygon" ? {
         type: "MultiPolygon",
-        coordinates: [y.coordinates]
-      } : (y.type === "MultiPolygon", y) : null;
+        coordinates: [b.coordinates]
+      } : (b.type === "MultiPolygon", b) : null;
     }
     function te() {
-      return new Promise((y, k) => {
-        window.L && window.L.Draw && y(0);
-        const J = (Q) => {
+      return new Promise((b, k) => {
+        window.L && window.L.Draw && b(0);
+        const Y = (Q) => {
           if (Array.from(document.styleSheets).some((Se) => Se?.href?.includes(Q))) return;
           const Ce = document.createElement("link");
           Ce.rel = "stylesheet", Ce.href = Q, document.head.appendChild(Ce);
@@ -3372,14 +3372,14 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
             Se.addEventListener("load", () => he()), Se.addEventListener("error", (je) => Ce(je));
             return;
           }
-          const Ve = document.createElement("script");
-          Ve.src = Q, Ve.async = !0, Ve.onload = () => he(), Ve.onerror = (je) => Ce(je), document.body.appendChild(Ve);
+          const Me = document.createElement("script");
+          Me.src = Q, Me.async = !0, Me.onload = () => he(), Me.onerror = (je) => Ce(je), document.body.appendChild(Me);
         });
-        J("https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"), J("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.css"), O("https://unpkg.com/leaflet@1.9.4/dist/leaflet.js").then(() => O("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.js")).then(() => y(0)).catch(k);
+        Y("https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"), Y("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.css"), O("https://unpkg.com/leaflet@1.9.4/dist/leaflet.js").then(() => O("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.js")).then(() => b(0)).catch(k);
       });
     }
-    function K() {
-      const y = f.toGeoJSON(), k = [], J = (Q) => {
+    function J() {
+      const b = f.toGeoJSON(), k = [], Y = (Q) => {
         if (Q)
           switch (Q.type) {
             case "Polygon":
@@ -3389,99 +3389,99 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
               k.push(...Q.coordinates);
               break;
             case "GeometryCollection":
-              (Q.geometries || []).forEach(J);
+              (Q.geometries || []).forEach(Y);
               break;
           }
       };
-      (y?.features || []).forEach((Q) => J(Q.geometry));
+      (b?.features || []).forEach((Q) => Y(Q.geometry));
       const O = k.length ? { type: "MultiPolygon", coordinates: k } : null;
       n("update:modelValue", O ? F(O) : null), H.value = f.getLayers().length;
     }
-    function M(y = 30) {
+    function M(b = 30) {
       const k = f.getLayers();
       if (!k.length) return;
       const O = L.featureGroup(k).getBounds();
-      O && O.isValid() && p.fitBounds(O, { padding: [y, y] });
+      O && O.isValid() && p.fitBounds(O, { padding: [b, b] });
     }
-    function G() {
-      B.value?.click();
+    function Z() {
+      S.value?.click();
     }
     const N = w("");
-    function le(y) {
-      return y instanceof L.Circle ? "Circle" : y instanceof L.Rectangle ? "Rectangle" : y instanceof L.Polygon && !(y instanceof L.Rectangle) ? "Polygon" : y instanceof L.Polyline && !(y instanceof L.Polygon) ? "Polyline" : y instanceof L.Marker ? "Point" : "Feature";
+    function le(b) {
+      return b instanceof L.Circle ? "Circle" : b instanceof L.Rectangle ? "Rectangle" : b instanceof L.Polygon && !(b instanceof L.Rectangle) ? "Polygon" : b instanceof L.Polyline && !(b instanceof L.Polygon) ? "Polyline" : b instanceof L.Marker ? "Point" : "Feature";
     }
-    function z(y) {
-      if (y instanceof L.Circle) {
-        const k = y.getRadius();
+    function z(b) {
+      if (b instanceof L.Circle) {
+        const k = b.getRadius();
         return Math.PI * (k * k) / 1e6;
       }
-      if (y instanceof L.Polygon || y instanceof L.Rectangle)
+      if (b instanceof L.Polygon || b instanceof L.Rectangle)
         try {
-          const k = y.getLatLngs(), J = Array.isArray(k[0]) ? k[0] : k, O = L.GeometryUtil?.geodesicArea ? L.GeometryUtil.geodesicArea(J) : 0;
+          const k = b.getLatLngs(), Y = Array.isArray(k[0]) ? k[0] : k, O = L.GeometryUtil?.geodesicArea ? L.GeometryUtil.geodesicArea(Y) : 0;
           return O ? O / 1e6 : 0;
         } catch {
           return null;
         }
       return null;
     }
-    function j(y) {
-      return y instanceof L.Circle ? y.getLatLng() : y.getBounds ? y.getBounds().getCenter() : y.getLatLng ? y.getLatLng() : p.getCenter();
+    function j(b) {
+      return b instanceof L.Circle ? b.getLatLng() : b.getBounds ? b.getBounds().getCenter() : b.getLatLng ? b.getLatLng() : p.getCenter();
     }
-    function C() {
-      const y = f.getLayers();
-      if (!y.length) {
+    function $() {
+      const b = f.getLayers();
+      if (!b.length) {
         v.value = null, H.value = 0;
         return;
       }
-      const k = y[y.length - 1], J = le(k), O = j(k), Q = z(k);
+      const k = b[b.length - 1], Y = le(k), O = j(k), Q = z(k);
       v.value = {
-        type: J,
+        type: Y,
         center: O,
         areaKm2: Q,
         layer: k
-      }, H.value = y.length;
+      }, H.value = b.length;
     }
-    function q() {
-      const y = v.value?.layer;
-      y && (y instanceof L.Circle && y.getBounds ? p.fitBounds(y.getBounds(), { padding: [30, 30] }) : y.getBounds ? p.fitBounds(y.getBounds(), { padding: [30, 30] }) : y.getLatLng && p.setView(y.getLatLng(), Math.max(T.value, 14)));
+    function W() {
+      const b = v.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(T.value, 14)));
     }
     function oe() {
-      const y = v.value?.layer;
-      y && (f.removeLayer(y), K(), C());
+      const b = v.value?.layer;
+      b && (f.removeLayer(b), J(), $());
     }
     ke(async () => {
-      document.addEventListener("wheel", Y, { passive: !1 }), await te(), L.drawLocal = Ss;
-      const y = s.handleZoom;
+      document.addEventListener("wheel", q, { passive: !1 }), await te(), L.drawLocal = Ss;
+      const b = a.handleZoom;
       p = L.map(c.value, {
         zoomControl: !1,
-        scrollWheelZoom: !y
+        scrollWheelZoom: !b
       }).setView(I.value, 10), setTimeout(() => {
-        b = R();
+        y = R();
       }, 100), L.control.zoom({ position: "bottomright" }).addTo(p), _.value = Object.keys(x)[0], V = L.tileLayer(x[_.value].url, { maxZoom: 19, minZoom: 6 }).addTo(p), f = new L.FeatureGroup().addTo(p), p.on(L.Draw.Event.CREATED, (O) => {
         const { layer: Q } = O;
-        f.clearLayers(), f.addLayer(Q), K(), C(), M(), N.value = "";
+        f.clearLayers(), f.addLayer(Q), J(), $(), M(), N.value = "";
       }), p.on(L.Draw.Event.EDITED, () => {
-        K(), C(), M();
+        J(), $(), M();
       }), p.on(L.Draw.Event.DELETED, () => {
-        K(), C(), M();
+        J(), $(), M();
       });
       let k = !1;
       p.on("mousemove", (O) => {
-        k || (p.invalidateSize(), k = !0), Z.value = O.latlng;
+        k || (p.invalidateSize(), k = !0), K.value = O.latlng;
       }), p.on("zoomend", () => {
         T.value = p.getZoom();
       });
-      const J = Bs(s.modelValue);
-      if (J) {
+      const Y = Bs(a.modelValue);
+      if (Y) {
         const O = [];
-        L.geoJSON(J).eachLayer((Q) => O.push(Q)), O.length && f.addLayer(O[0]), K(), C(), M();
+        L.geoJSON(Y).eachLayer((Q) => O.push(Q)), O.length && f.addLayer(O[0]), J(), $(), M();
       }
     }), Ye(() => {
-      document.removeEventListener("wheel", Y), b && b();
+      document.removeEventListener("wheel", q), y && y();
     });
-    function pe(y) {
+    function ce(b) {
       if (p) {
-        switch (m && m.disable(), y) {
+        switch (m && m.disable(), b) {
           case "marker":
             m = new L.Draw.Marker(p);
             break;
@@ -3498,16 +3498,16 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
             m = new L.Draw.Rectangle(p);
             break;
         }
-        m && (m.enable(), N.value = y);
+        m && (m.enable(), N.value = b);
       }
     }
-    function Me() {
-      const y = f.toGeoJSON(), k = new Blob([JSON.stringify(y, null, 2)], { type: "application/json" }), J = URL.createObjectURL(k), O = document.createElement("a");
-      O.href = J, O.download = "data.geojson", O.click(), URL.revokeObjectURL(J);
+    function Ve() {
+      const b = f.toGeoJSON(), k = new Blob([JSON.stringify(b, null, 2)], { type: "application/json" }), Y = URL.createObjectURL(k), O = document.createElement("a");
+      O.href = Y, O.download = "data.geojson", O.click(), URL.revokeObjectURL(Y);
     }
-    function Ne(y) {
-      const k = y.target, J = k.files?.[0];
-      if (!J) return;
+    function Ne(b) {
+      const k = b.target, Y = k.files?.[0];
+      if (!Y) return;
       const O = new FileReader();
       O.onload = () => {
         if (typeof O.result == "string")
@@ -3515,37 +3515,37 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
             const Q = JSON.parse(O.result);
             f.clearLayers(), Q && L.geoJSON({ type: "Feature", geometry: Q }).eachLayer((he) => {
               f.addLayer(he);
-            }), K(), C(), M();
+            }), J(), $(), M();
           } finally {
             k.value = "";
           }
-      }, O.readAsText(J);
+      }, O.readAsText(Y);
     }
-    function qe(y) {
-      p && (V && p.removeLayer(V), V = L.tileLayer(x[y].url, { maxZoom: 19, minZoom: 6 }).addTo(p), _.value = y);
+    function qe(b) {
+      p && (V && p.removeLayer(V), V = L.tileLayer(x[b].url, { maxZoom: 19, minZoom: 6 }).addTo(p), _.value = b);
     }
-    function et(y) {
-      const k = L.latLng(y[0], y[1]);
+    function et(b) {
+      const k = L.latLng(b[0], b[1]);
       p.setView(k, 13);
     }
-    re(
-      () => s.modelValue,
-      (y) => {
-        const k = F(y);
-        if (y && k !== y) {
+    ie(
+      () => a.modelValue,
+      (b) => {
+        const k = F(b);
+        if (b && k !== b) {
           n("update:modelValue", k);
           return;
         }
-        f.clearLayers(), k && L.geoJSON({ type: "Feature", geometry: k }).eachLayer((J) => {
-          f.addLayer(J), J.dragging?.enable(), J.dragging?.enabled(), J.on("dragend", (O) => {
+        f.clearLayers(), k && L.geoJSON({ type: "Feature", geometry: k }).eachLayer((Y) => {
+          f.addLayer(Y), Y.dragging?.enable(), Y.dragging?.enabled(), Y.on("dragend", (O) => {
             const he = O.target.getLatLng();
             n("update:modelValue", { type: "Point", coordinates: [he.lng, he.lat] });
           });
-        }), H.value = f.getLayers().length, C(), M();
+        }), H.value = f.getLayers().length, $(), M();
       }
     );
     function Oe() {
-      return t?.appContext.config.globalProperties.$settings?.basemaps ? t?.appContext.config.globalProperties.$settings?.basemaps.map((y, k) => Object.assign(y, { key: `b${k}`, preview: y.preview || y.url.replace("{z}/{x}/{y}.png", "13/4790/2762.png") })).reduce((y, k) => ({ ...y, [k.key]: k }), {}) : {
+      return t?.appContext.config.globalProperties.$settings?.basemaps ? t?.appContext.config.globalProperties.$settings?.basemaps.map((b, k) => Object.assign(b, { key: `b${k}`, preview: b.preview || b.url.replace("{z}/{x}/{y}.png", "13/4790/2762.png") })).reduce((b, k) => ({ ...b, [k.key]: k }), {}) : {
         topo100: {
           url: "https://data.gki.com.ua/api-user/rtile/voyager/ua/{z}/{x}/{y}.png",
           preview: "https://data.gki.com.ua/api-user/rtile/voyager/ua/13/4790/2762.png"
@@ -3561,11 +3561,11 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
       };
     }
     const $e = w(!1);
-    return re($e, () => {
+    return ie($e, () => {
       setTimeout(() => {
         p.invalidateSize();
       }, 50);
-    }), (y, k) => (u(), d("div", {
+    }), (b, k) => (i(), d("div", {
       class: E(["leaflet-map-wrapper relative w-full h-[400px]", { fullscreen: $e.value }])
     }, [
       l("div", {
@@ -3583,9 +3583,9 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
         "leave-to-class": "opacity-0"
       }, {
         default: Be(() => [
-          a.value && s.handleZoom ? (u(), d("div", cr, [
+          s.value && a.handleZoom ? (i(), d("div", cr, [
             l("div", pr, [
-              l("p", fr, W(r.value), 1)
+              l("p", fr, G(r.value), 1)
             ])
           ])) : D("", !0)
         ]),
@@ -3598,18 +3598,18 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
             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: G
+              onClick: Z
             }, "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: Me,
+              onClick: Ve,
               disabled: H.value === 0
             }, "Export", 8, gr)
           ]),
           l("input", {
             ref_key: "importRef",
-            ref: B,
+            ref: S,
             type: "file",
             onChange: Ne,
             accept: ".json,.geojson",
@@ -3624,7 +3624,7 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
             "aria-pressed": N.value === "marker",
             title: "Point (P)",
             "aria-label": "Draw point",
-            onClick: k[0] || (k[0] = (J) => pe("marker"))
+            onClick: k[0] || (k[0] = (Y) => ce("marker"))
           }, [
             A(zs)
           ], 10, xr),
@@ -3633,7 +3633,7 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
             "aria-pressed": N.value === "polyline",
             title: "Line (L)",
             "aria-label": "Draw polyline",
-            onClick: k[1] || (k[1] = (J) => pe("polyline"))
+            onClick: k[1] || (k[1] = (Y) => ce("polyline"))
           }, [
             A(Os)
           ], 10, wr),
@@ -3642,7 +3642,7 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
             "aria-pressed": N.value === "polygon",
             title: "Polygon (G)",
             "aria-label": "Draw polygon",
-            onClick: k[2] || (k[2] = (J) => pe("polygon"))
+            onClick: k[2] || (k[2] = (Y) => ce("polygon"))
           }, [
             A(Rs)
           ], 10, kr),
@@ -3651,13 +3651,13 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
             "aria-pressed": N.value === "rectangle",
             title: "Rectangle (R)",
             "aria-label": "Draw rectangle",
-            onClick: k[3] || (k[3] = (J) => pe("rectangle"))
+            onClick: k[3] || (k[3] = (Y) => ce("rectangle"))
           }, [
             A(Ws)
           ], 10, _r),
           l("button", {
             class: "vs-btn mt-5",
-            onClick: k[4] || (k[4] = (J) => {
+            onClick: k[4] || (k[4] = (Y) => {
               $e.value = !$e.value;
             }),
             title: "Full Screen",
@@ -3676,34 +3676,34 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
         }, null, 8, ["basemaps"])
       ], 2),
       l("div", $r, [
-        v.value ? (u(), d("div", Cr, [
+        v.value ? (i(), d("div", Cr, [
           l("div", Vr, [
-            k[7] || (k[7] = ge(" Тип: ")),
-            l("span", Mr, W(v.value.type), 1)
+            k[7] || (k[7] = ge(" Тип: ", -1)),
+            l("span", Mr, G(v.value.type), 1)
           ]),
           l("div", Lr, [
             l("div", Sr, [
-              k[8] || (k[8] = ge(" Центр: ")),
-              l("b", null, W(v.value.center.lat.toFixed(5)) + ", " + W(v.value.center.lng.toFixed(5)), 1)
+              k[8] || (k[8] = ge(" Центр: ", -1)),
+              l("b", null, G(v.value.center.lat.toFixed(5)) + ", " + G(v.value.center.lng.toFixed(5)), 1)
             ]),
-            v.value.areaKm2 !== null ? (u(), d("div", Br, [
-              k[9] || (k[9] = ge(" Площа: ")),
-              l("b", null, W(v.value.areaKm2.toFixed(1)) + "км²", 1)
-            ])) : (u(), d("div", jr, k[10] || (k[10] = [
-              ge(" Площа: "),
+            v.value.areaKm2 !== null ? (i(), d("div", Br, [
+              k[9] || (k[9] = ge(" Площа: ", -1)),
+              l("b", null, G(v.value.areaKm2.toFixed(1)) + "км²", 1)
+            ])) : (i(), d("div", jr, k[10] || (k[10] = [
+              ge(" Площа: ", -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: k[5] || (k[5] = (J) => q())
+              onClick: k[5] || (k[5] = (Y) => W())
             }, k[11] || (k[11] = [
               ye('<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-66e4a27d><path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" data-v-66e4a27d></path><path d="M7 10l6 0" data-v-66e4a27d></path><path d="M10 7l0 6" data-v-66e4a27d></path><path d="M21 21l-6 -6" data-v-66e4a27d></path></svg>', 1)
             ])),
             l("button", {
               class: "tool bg-gray-100 py-1.5 px-2 rounded-lg text-md cursor-pointer hover:bg-blue-500 hover:text-white transition-all",
               title: "Видалити",
-              onClick: k[6] || (k[6] = (J) => oe())
+              onClick: k[6] || (k[6] = (Y) => oe())
             }, [
               A(Qe, { class: "w-3 h-3" })
             ])
@@ -3717,7 +3717,7 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
   class: "absolute text-gray-500 truncate pl-2"
 }, Dr = { class: "flex-1 min-w-[2px]" }, Ur = ["placeholder"], Pr = { class: "flex items-center shrink-0" }, Rr = ["disabled"], Hr = /* @__PURE__ */ U({
   __name: "vs-input-tag",
-  props: /* @__PURE__ */ ie({
+  props: /* @__PURE__ */ re({
     unique: { type: Boolean, default: !0 },
     style: { default: () => ({}) },
     customClass: { default: "" },
@@ -3730,32 +3730,32 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
     modelValue: { default: [] },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ ie(["update:modelValue"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ re(["update:modelValue"], ["update:modelValue"]),
   setup(o, { emit: e }) {
-    const t = o, s = e;
+    const t = o, a = e;
     _e(t.style);
-    const n = w(null), a = w(null), r = w(null), i = w(!1), c = w(""), p = ue(o, "modelValue"), f = S(() => t.placeholder || "Add tag…"), m = S(() => p.value?.length === 0 && c.value === ""), b = S(() => !t.disabled && p.value?.length > 0), B = S(() => t.disabled), Y = async () => {
-      B.value || await Ie(() => r.value?.focus());
+    const n = w(null), s = w(null), r = w(null), u = w(!1), c = w(""), p = ue(o, "modelValue"), f = B(() => t.placeholder || "Add tag…"), m = B(() => p.value?.length === 0 && c.value === ""), y = B(() => !t.disabled && p.value?.length > 0), S = B(() => t.disabled), q = async () => {
+      S.value || await Ie(() => r.value?.focus());
     }, R = (V) => {
       const _ = V.trim();
       _ !== "" && (!p.value || !Array.isArray(p.value) ? p.value = [_] : t.unique ? p.value.includes(_) || (p.value = [...p.value, _]) : p.value = [...p.value, _], c.value = "");
-    }, Z = () => {
+    }, K = () => {
       const V = c.value;
       V.trim() !== "" && R(V), c.value = "";
     }, T = (V) => {
       const _ = p.value.slice();
-      _.splice(V, 1), s("update:modelValue", _);
+      _.splice(V, 1), a("update:modelValue", _);
     }, H = () => {
-      s("update:modelValue", []);
+      a("update:modelValue", []);
     }, I = () => {
-      B.value || (i.value = !0);
+      S.value || (u.value = !0);
     }, v = () => {
-      i.value = !1;
+      u.value = !1;
     }, x = (V) => {
       const { key: _ } = V;
-      _ === "Enter" ? (V.preventDefault(), Z()) : _ === "Backspace" && c.value === "" && p.value.length > 0 && T(p.value.length - 1);
+      _ === "Enter" ? (V.preventDefault(), K()) : _ === "Backspace" && c.value === "" && p.value.length > 0 && T(p.value.length - 1);
     };
-    return (V, _) => (u(), d("div", {
+    return (V, _) => (i(), d("div", {
       class: "flex gap-1 w-full",
       ref_key: "root",
       ref: n,
@@ -3771,28 +3771,28 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
           class: E([
             "flex min-h-[38px] items-center justify-between rounded border transition-colors bg-white",
             "border-gray-300 hover:border-gray-400",
-            i.value ? "border-blue-500 ring-1 ring-blue-500" : "",
-            B.value ? "bg-gray-100 text-gray-400 cursor-not-allowed hover:border-gray-300" : ""
+            u.value ? "border-blue-500 ring-1 ring-blue-500" : "",
+            S.value ? "bg-gray-100 text-gray-400 cursor-not-allowed hover:border-gray-300" : ""
           ]),
-          "data-focus": i.value ? "true" : "false",
-          onClick: Y
+          "data-focus": u.value ? "true" : "false",
+          onClick: q
         }, [
           l("div", {
             class: "flex flex-1 flex-wrap items-center gap-1 py-0.5 pl-2 pr-0 overflow-hidden",
             ref_key: "chipsRef",
-            ref: a
+            ref: s
           }, [
-            (u(!0), d(se, null, ce(p.value, (F, te) => (u(), d("div", {
+            (i(!0), d(se, null, pe(p.value, (F, te) => (i(), d("div", {
               key: te,
               class: "flex min-w-0 bg-[#e6e6e6] rounded-sm m-0.5 box-border"
             }, [
               l("div", Ar, [
-                l("div", Tr, W(F), 1)
+                l("div", Tr, G(F), 1)
               ]),
               l("div", {
                 role: "button",
                 class: "flex items-center rounded-sm px-1 box-border hover:bg-[#ffbdad] hover:text-[#de350b]",
-                onClick: we((K) => T(te), ["stop"]),
+                onClick: we((J) => T(te), ["stop"]),
                 "aria-label": `Remove ${F}`
               }, _[2] || (_[2] = [
                 l("svg", {
@@ -3807,9 +3807,9 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
                 ], -1)
               ]), 8, Fr)
             ]))), 128)),
-            m.value ? (u(), d("div", Or, W(f.value), 1)) : D("", !0),
+            m.value ? (i(), d("div", Or, G(f.value), 1)) : D("", !0),
             l("div", Dr, [
-              B.value ? D("", !0) : ne((u(), d("input", {
+              S.value ? D("", !0) : ne((i(), d("input", {
                 key: 0,
                 ref_key: "inputRef",
                 ref: r,
@@ -3832,12 +3832,12 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
             ])
           ], 512),
           l("div", Pr, [
-            b.value ? (u(), d("button", {
+            y.value ? (i(), d("button", {
               key: 0,
               type: "button",
               class: "px-2 text-gray-400 hover:text-gray-500 transition-colors disabled:opacity-50",
               "aria-label": "Clear all tags",
-              disabled: B.value,
+              disabled: S.value,
               onClick: we(H, ["stop"])
             }, _[3] || (_[3] = [
               l("svg", {
@@ -3856,7 +3856,7 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
   }
 }), Nr = { class: "relative flex gap-1 bg-white w-full" }, qr = ["disabled", "placeholder"], Wr = /* @__PURE__ */ U({
   __name: "vs-input-slug",
-  props: /* @__PURE__ */ ie({
+  props: /* @__PURE__ */ re({
     disabled: { type: Boolean },
     placeholder: {},
     parent: {}
@@ -3866,9 +3866,9 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = ze("values"), t = o, s = ue(o, "modelValue");
+    const e = ze("values"), t = o, a = ue(o, "modelValue");
     function n(r) {
-      const i = {
+      const u = {
         а: "a",
         б: "b",
         в: "v",
@@ -3907,25 +3907,25 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
         ї: "yi",
         ґ: "g"
       };
-      return r.toLowerCase().split("").map((c) => i[c] || c).join("").replace(/[^a-z0-9\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-+|-+$/g, "");
+      return r.toLowerCase().split("").map((c) => u[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(), i = n(r);
-      s.value = i.toString();
+    const s = () => {
+      const r = e?.value?.[t.parent || ""]?.toString(), u = n(r);
+      a.value = u.toString();
     };
-    return (r, i) => (u(), d("div", Nr, [
+    return (r, u) => (i(), d("div", Nr, [
       ne(l("input", {
         ref: "vsText",
         disabled: r.disabled,
         placeholder: r.placeholder,
-        "onUpdate:modelValue": i[0] || (i[0] = (c) => s.value = c),
+        "onUpdate:modelValue": u[0] || (u[0] = (c) => a.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, qr), [
-        [ve, s.value]
+        [ve, a.value]
       ]),
       l("button", {
         class: "px-2 bg-gray-100 border rounded-lg hover:bg-gray-200",
-        onClick: a
+        onClick: s
       }, " Gen ")
     ]));
   }
@@ -3945,56 +3945,56 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = (Z) => `${Z}-${Math.random().toString(36).substring(2, 15)}`, s = ze("values"), n = o, a = e, r = n.addButtonText ?? "Додати", i = n.ignore ?? [], c = w([]), p = w(null);
+    const t = (K) => `${K}-${Math.random().toString(36).substring(2, 15)}`, a = ze("values"), n = o, s = e, r = n.addButtonText ?? "Додати", u = n.ignore ?? [], c = w([]), p = w(null);
     (() => {
-      const Z = n.parent && s?.value?.[n.parent] || n.modelValue || {};
-      c.value = Object.entries(Z).filter(([T]) => !i.includes(T)).map(([T, H]) => ({
+      const K = n.parent && a?.value?.[n.parent] || n.modelValue || {};
+      c.value = Object.entries(K).filter(([T]) => !u.includes(T)).map(([T, H]) => ({
         id: t("key-value-"),
         key: T,
         value: H
       }));
     })();
-    function m(Z) {
-      p.value = Z;
+    function m(K) {
+      p.value = K;
     }
-    function b(Z) {
-      if (p.value === null || p.value === Z) return;
+    function y(K) {
+      if (p.value === null || p.value === K) return;
       const T = c.value.splice(p.value, 1)[0];
-      c.value.splice(Z, 0, T), p.value = null;
+      c.value.splice(K, 0, T), p.value = null;
     }
-    const B = S(
-      () => c.value.some((Z) => Z.key && !Z.value || !Z.key && Z.value)
-    ), Y = () => {
+    const S = B(
+      () => c.value.some((K) => K.key && !K.value || !K.key && K.value)
+    ), q = () => {
       c.value.push({ id: t("key-value-"), key: "", value: "" });
-    }, R = (Z) => {
-      c.value = c.value.filter((T) => T.id !== Z);
+    }, R = (K) => {
+      c.value = c.value.filter((T) => T.id !== K);
     };
-    return re(
+    return ie(
       c,
-      (Z) => {
+      (K) => {
         const T = {};
-        Z.forEach((I) => {
+        K.forEach((I) => {
           I.key && I.value !== void 0 && (T[I.key] = I.value);
         });
         const H = {};
-        i.length && i.forEach((I) => {
-          H[I] = n.parent ? s?.value?.[n.parent]?.[I] : void 0;
-        }), s?.value && n.parent && (s.value[n.parent] = {
+        u.length && u.forEach((I) => {
+          H[I] = n.parent ? a?.value?.[n.parent]?.[I] : void 0;
+        }), a?.value && n.parent && (a.value[n.parent] = {
           ...H,
           ...T
-        }), a("update:modelValue", T);
+        }), s("update:modelValue", T);
       },
       { deep: !0 }
-    ), (Z, T) => (u(), d("div", Zr, [
+    ), (K, T) => (i(), d("div", Zr, [
       l("div", Kr, [
-        (u(!0), d(se, null, ce(c.value, (H, I) => (u(), d("div", {
+        (i(!0), d(se, null, pe(c.value, (H, I) => (i(), d("div", {
           key: H.id,
           class: E(["flex items-center gap-2 w-full", { "opacity-50": p.value === I }]),
           draggable: "true",
           onDragstart: (v) => m(I),
           onDragover: T[0] || (T[0] = we(() => {
           }, ["prevent"])),
-          onDrop: (v) => b(I)
+          onDrop: (v) => y(I)
         }, [
           T[1] || (T[1] = ye('<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", Yr, [
@@ -4022,19 +4022,19 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
           ], 8, Qr)
         ], 42, Jr))), 128))
       ], 512),
-      c.value.length ? D("", !0) : (u(), d("span", ei, " Дані для відображення відсутні ")),
+      c.value.length ? D("", !0) : (i(), d("span", ei, " Дані для відображення відсутні ")),
       l("div", ti, [
         l("button", {
           type: "button",
-          onClick: Y,
-          disabled: B.value,
+          onClick: q,
+          disabled: S.value,
           class: "py-1.5 px-2 flex items-center gap-x-1 text-xs font-medium rounded-full border border-dashed border-gray-200 bg-white text-gray-800 hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed"
         }, [
           A(Re, {
             height: "14",
             width: "14"
           }),
-          ge(" " + W(ee(r)), 1)
+          ge(" " + G(ee(r)), 1)
         ], 8, li)
       ])
     ]));
@@ -4052,26 +4052,26 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, { inputClass: s } = _e(t.style), n = e, a = S({
+    const t = o, { inputClass: a } = _e(t.style), n = e, s = B({
       get: () => t.modelValue || "#000000",
       set: (r) => n("update:modelValue", r)
     });
-    return (r, i) => (u(), d("div", ai, [
+    return (r, u) => (i(), d("div", ai, [
       ne(l("input", {
         type: "color",
-        "onUpdate:modelValue": i[0] || (i[0] = (c) => a.value = c),
+        "onUpdate:modelValue": u[0] || (u[0] = (c) => s.value = c),
         disabled: r.disabled,
         ref: "color",
-        class: E(["py-1.5 px-1 block w-full bg-white cursor-pointer max-w-[50px]", [r.modelValue ? "" : "text-opacity-50", ee(s)].join(" ")]),
+        class: E(["py-1.5 px-1 block w-full bg-white cursor-pointer max-w-[50px]", [r.modelValue ? "" : "text-opacity-50", ee(a)].join(" ")]),
         style: { border: "1px solid #CFD9E0" }
       }, null, 10, si), [
-        [ve, a.value]
+        [ve, s.value]
       ]),
       ne(l("input", {
         class: "text-sm text-gray-600 border border-solid border-stone-200 rounded-md p-2",
-        "onUpdate:modelValue": i[1] || (i[1] = (c) => a.value = c)
+        "onUpdate:modelValue": u[1] || (u[1] = (c) => s.value = c)
       }, null, 512), [
-        [ve, a.value]
+        [ve, s.value]
       ])
     ]));
   }
@@ -4091,35 +4091,35 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, { inputClass: s } = _e(t.style), n = e, a = S({
+    const t = o, { inputClass: a } = _e(t.style), n = e, s = B({
       get: () => Number(t.modelValue ?? t.min),
       set: (r) => n("update:modelValue", Number(r))
     });
-    return (r, i) => (u(), d("div", ii, [
+    return (r, u) => (i(), d("div", ii, [
       ne(l("input", {
         type: "range",
-        "onUpdate:modelValue": i[0] || (i[0] = (c) => a.value = c),
+        "onUpdate:modelValue": u[0] || (u[0] = (c) => s.value = c),
         min: r.min,
         max: r.max,
         step: r.step,
         disabled: r.disabled,
         ref: "range",
-        class: E(["w-full cursor-pointer accent-blue-500", [r.modelValue ? "" : "text-opacity-50", ee(s)].join(" ")])
+        class: E(["w-full cursor-pointer accent-blue-500", [r.modelValue ? "" : "text-opacity-50", ee(a)].join(" ")])
       }, null, 10, ui), [
-        [ve, a.value]
+        [ve, s.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": i[1] || (i[1] = (c) => a.value = c)
+        "onUpdate:modelValue": u[1] || (u[1] = (c) => s.value = c)
       }, null, 512), [
-        [ve, a.value]
+        [ve, s.value]
       ])
     ]));
   }
 }), ci = ["type", "value", "onInput", "placeholder", "disabled"], pi = /* @__PURE__ */ U({
   __name: "vs-input-array",
-  props: /* @__PURE__ */ ie({
+  props: /* @__PURE__ */ re({
     count: { default: 1 },
     limit: { default: (o) => o.count ?? 1 },
     inputType: { default: "text" },
@@ -4136,28 +4136,28 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = _e(e.style), s = ue(o, "modelValue");
+    const e = o, { inputClass: t } = _e(e.style), a = ue(o, "modelValue");
     Gt(() => {
-      const a = s.value?.length ?? 0;
-      a < e.count && (s.value = [
-        ...s.value ?? [],
-        ...Array(e.count - a)
+      const s = a.value?.length ?? 0;
+      s < e.count && (a.value = [
+        ...a.value ?? [],
+        ...Array(e.count - s)
       ]);
     });
-    function n(a, r) {
-      const i = a.target.value, c = [...s.value];
-      c[r] = e.inputType === "text" ? i : Number(i), s.value = c;
+    function n(s, r) {
+      const u = s.target.value, c = [...a.value];
+      c[r] = e.inputType === "text" ? u : Number(u), a.value = c;
     }
-    return (a, r) => (u(), d("div", {
-      class: E(["grid gap-2", `grid-cols-${a.limit}`])
+    return (s, r) => (i(), d("div", {
+      class: E(["grid gap-2", `grid-cols-${s.limit}`])
     }, [
-      (u(!0), d(se, null, ce(a.count, (i) => (u(), d("input", {
-        type: a.inputType,
-        value: s.value?.[i - 1] ?? "",
-        onInput: (c) => n(c, i - 1),
-        placeholder: a.placeholder,
-        disabled: a.disabled,
-        class: E(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [ee(t), { "!border-red-600": a.error }]]),
+      (i(!0), d(se, null, pe(s.count, (u) => (i(), d("input", {
+        type: s.inputType,
+        value: a.value?.[u - 1] ?? "",
+        onInput: (c) => n(c, u - 1),
+        placeholder: s.placeholder,
+        disabled: s.disabled,
+        class: E(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [ee(t), { "!border-red-600": s.error }]]),
         style: {
           border: "1px solid #CFD9E0"
         }
@@ -4203,33 +4203,33 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
   },
   setup(o) {
     const e = o, t = ze("values");
-    async function s() {
+    async function a() {
       try {
         if (!e.api) return;
-        const n = e.api.replace("{{value}}", e.value), a = await fetch(n);
-        if (!a.ok) {
+        const n = e.api.replace("{{value}}", e.value), s = await fetch(n);
+        if (!s.ok) {
           de({ type: "warning", title: "Validation", message: "При спробі завантажити дані виникла помилка." });
           return;
         }
-        const r = await a.json();
+        const r = await s.json();
         if (!e.set || !t) return;
-        for (const [i, c] of Object.entries(e.set))
-          t.value[i] = r.result[c];
+        for (const [u, c] of Object.entries(e.set))
+          t.value[u] = r.result[c];
       } catch (n) {
         console.error(e.error, n);
       }
     }
-    return (n, a) => (u(), d("button", {
-      onClick: s,
+    return (n, s) => (i(), d("button", {
+      onClick: a,
       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"
-    }, W(n.button), 1));
+    }, G(n.button), 1));
   }
 }), vi = { class: "flex flex-col gap-1 w-full" }, hi = {
   key: 0,
   class: "text-sm text-gray-500"
 }, zt = /* @__PURE__ */ U({
   __name: "vs-compact-form-layout",
-  props: /* @__PURE__ */ ie({
+  props: /* @__PURE__ */ re({
     item: { default: {} },
     layout: { default: "default" },
     style: { default: {} },
@@ -4242,21 +4242,21 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = ue(o, "modelValue"), s = S(() => gl[`${e.layout}`]), n = S(() => fi?.[`vs-input-${e.item.type}`]), a = S(() => {
-      const i = ee(n);
-      if (!i) return /* @__PURE__ */ new Set();
-      const c = i.props ?? i.__vccOpts?.props;
+    const e = o, t = ue(o, "modelValue"), a = B(() => gl[`${e.layout}`]), n = B(() => fi?.[`vs-input-${e.item.type}`]), s = B(() => {
+      const u = ee(n);
+      if (!u) return /* @__PURE__ */ new Set();
+      const c = u.props ?? u.__vccOpts?.props;
       if (!c) return /* @__PURE__ */ new Set();
       const p = Array.isArray(c) ? c : Object.keys(c);
       return new Set(p);
-    }), r = S(() => {
-      const i = e.item ?? {}, c = a.value;
-      return c.size ? Object.fromEntries(Object.entries(i).filter(([p]) => c.has(p))) : {};
+    }), r = B(() => {
+      const u = e.item ?? {}, c = s.value;
+      return c.size ? Object.fromEntries(Object.entries(u).filter(([p]) => c.has(p))) : {};
     });
-    return (i, c) => ne((u(), me(Fe(s.value), {
+    return (u, c) => ne((i(), me(Fe(a.value), {
       ua: e.item.ua,
       error: e.error || "",
-      item: i.item,
+      item: u.item,
       columns: e.columns,
       label: e.item.label
     }, {
@@ -4265,18 +4265,18 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
           class: E(["flex w-full", `${e.item.type}-component`])
         }, [
           l("div", vi, [
-            (u(), me(Fe(n.value), Te(r.value, {
+            (i(), me(Fe(n.value), Te(r.value, {
               modelValue: t.value,
               "onUpdate:modelValue": c[0] || (c[0] = (p) => t.value = p)
             }), null, 16, ["modelValue"])),
-            i.item.description && e.layout !== "settings" ? (u(), d("p", hi, W(i.item.description), 1)) : D("", !0)
+            u.item.description && e.layout !== "settings" ? (i(), d("p", hi, G(u.item.description), 1)) : D("", !0)
           ]),
-          i.item.behavior?.api && i.item.behavior?.button ? (u(), me(mi, Te({ key: 0 }, i.item.behavior, { value: t.value }), null, 16, ["value"])) : D("", !0)
+          u.item.behavior?.api && u.item.behavior?.button ? (i(), me(mi, Te({ key: 0 }, u.item.behavior, { value: t.value }), null, 16, ["value"])) : D("", !0)
         ], 2)
       ]),
       _: 1
     }, 8, ["ua", "error", "item", "columns", "label"])), [
-      [Xe, !i.item.hidden]
+      [Xe, !u.item.hidden]
     ]);
   }
 }), gi = { class: "text-sm text-gray-800 mb-[4px] font-medium dark:text-neutral-300" }, bi = { class: "vs-compact-form-navigation__rail mt-[6px]" }, yi = ["onClick"], xi = /* @__PURE__ */ U({
@@ -4284,38 +4284,38 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
   props: {
     target: {},
     scrollContainer: {},
-    title: { default: "Навігація по формі" },
+    title: { default: "Навігація" },
     enabled: { type: Boolean, default: !0 },
     width: { default: 400 }
   },
   setup(o, { expose: e }) {
-    const t = o, s = w([]), n = w(""), a = w(""), r = S(() => !!t.enabled), i = S(() => [
+    const t = o, a = w([]), n = w(""), s = w(""), r = B(() => !!t.enabled), u = 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"
-    ]), c = S(() => {
+    ]), c = B(() => {
       const M = t.width;
       if (M == null) return {};
-      const G = typeof M == "number" ? `${M}px` : `${M}`;
-      return { width: G, minWidth: G };
+      const Z = typeof M == "number" ? `${M}px` : `${M}`;
+      return { width: Z, minWidth: Z };
     });
-    let p = null, f = 0, m = 0, b = null, B = null, Y = null;
-    const R = () => te(), Z = () => H();
-    re(
+    let p = null, f = 0, m = 0, y = null, S = null, q = null;
+    const R = () => te(), K = () => H();
+    ie(
       () => t.target,
       async (M) => {
         if (V(), !M) {
-          b = null, s.value = [], n.value = "";
+          y = null, a.value = [], n.value = "";
           return;
         }
-        b = M, r.value && (await Ie(), x(M), H());
+        y = M, r.value && (await Ie(), x(M), H());
       },
       { immediate: !0 }
-    ), re(
+    ), ie(
       () => t.scrollContainer,
       (M) => {
         if (!r.value) {
-          B = M ?? null;
+          S = M ?? null;
           return;
         }
         T(M ?? null), Ie(() => H());
@@ -4324,21 +4324,21 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
     ), ke(() => {
       t.scrollContainer || T(null), H();
     }), at(() => {
-      V(), T(null, !0), b = null, typeof window < "u" && (f && window.cancelAnimationFrame(f), m && window.cancelAnimationFrame(m));
+      V(), T(null, !0), y = null, typeof window < "u" && (f && window.cancelAnimationFrame(f), m && window.cancelAnimationFrame(m));
     });
-    function T(M, G = !1) {
-      if (Y && (Y(), Y = null), G) {
-        B = null;
+    function T(M, Z = !1) {
+      if (q && (q(), q = null), Z) {
+        S = null;
         return;
       }
-      if (B = M ?? null, typeof window > "u") return;
+      if (S = M ?? null, typeof window > "u") return;
       const N = M ?? window, le = window;
-      N.addEventListener("scroll", R, { passive: !0 }), le.addEventListener("resize", Z), Y = () => {
-        N.removeEventListener("scroll", R), le.removeEventListener("resize", Z);
+      N.addEventListener("scroll", R, { passive: !0 }), le.addEventListener("resize", K), q = () => {
+        N.removeEventListener("scroll", R), le.removeEventListener("resize", K);
       };
     }
     function H() {
-      if (!r.value || !b) return;
+      if (!r.value || !y) return;
       f && typeof window < "u" && window.cancelAnimationFrame(f);
       const M = () => {
         I(), f = 0;
@@ -4346,22 +4346,22 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
       typeof window > "u" ? M() : f = window.requestAnimationFrame(M);
     }
     function I() {
-      if (!r.value || !b) return;
-      const M = Array.from(b.querySelectorAll("h1, h2")), G = /* @__PURE__ */ new Set(), N = [];
+      if (!r.value || !y) return;
+      const M = Array.from(y.querySelectorAll("h1, h2")), Z = /* @__PURE__ */ new Set(), N = [];
       M.forEach((le, z) => {
         const j = le.textContent?.trim() ?? "";
         if (!j) return;
-        let C = (le.getAttribute("id") ?? "").trim();
-        C || (C = v(j) || `heading-${z + 1}`);
-        let q = C, oe = 1;
-        for (; G.has(q); )
-          q = `${C}-${oe++}`;
-        le.id !== q && (le.id = q), G.add(q), N.push({
-          id: q,
+        let $ = (le.getAttribute("id") ?? "").trim();
+        $ || ($ = v(j) || `heading-${z + 1}`);
+        let W = $, oe = 1;
+        for (; Z.has(W); )
+          W = `${$}-${oe += 1}`;
+        le.id !== W && Object.assign(le, { id: W }), Z.add(W), N.push({
+          id: W,
           text: j,
           level: le.tagName.toLowerCase() === "h1" ? 1 : 2
         });
-      }), s.value = N, N.length || (n.value = ""), F();
+      }), a.value = N, N.length || (n.value = ""), F();
     }
     function v(M) {
       return M.toLowerCase().replace(/[^a-z0-9\s-]/g, "").trim().replace(/\s+/g, "-");
@@ -4373,46 +4373,47 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
       p && (p.disconnect(), p = null);
     }
     function _(M) {
-      const G = B;
-      if (!G)
+      const Z = S;
+      if (!Z)
         return typeof window > "u" ? M.offsetTop : M.getBoundingClientRect().top + window.scrollY;
-      const N = M.getBoundingClientRect(), le = G.getBoundingClientRect();
-      return N.top - le.top + G.scrollTop;
+      const N = M.getBoundingClientRect(), le = Z.getBoundingClientRect();
+      return N.top - le.top + Z.scrollTop;
     }
     function F() {
-      if (!r.value || !s.value.length) return;
-      const M = B, G = M ? M.scrollTop : typeof window < "u" ? window.scrollY : 0, N = M ? M.clientHeight : typeof window < "u" ? window.innerHeight : 0, le = G + N;
+      if (!r.value || !a.value.length) return;
+      const M = S, Z = (M ? M.scrollTop : null) || (typeof window < "u" ? window.scrollY : 0), N = (M ? M.clientHeight : null) || (typeof window < "u" ? window.innerHeight : 0), le = Z + N;
       let z = null;
-      for (const C of s.value) {
-        const q = document.getElementById(C.id);
-        if (!q) continue;
-        const oe = _(q);
-        oe + q.offsetHeight > G && oe < le && (z = C.id);
+      for (let $ = 0; $ < a.value.length; $ += 1) {
+        const W = a.value[$], oe = document.getElementById(W.id);
+        if (oe) {
+          const ce = _(oe);
+          ce + oe.offsetHeight > Z && ce < le && (z = W.id);
+        }
       }
-      !z && a.value && (z = a.value), z && (a.value = z);
+      !z && s.value && (z = s.value), z && (s.value = z);
       const j = M ? M.scrollHeight - M.clientHeight : document.documentElement.scrollHeight - window.innerHeight;
-      G + 5 >= j && (z = s.value[s.value.length - 1].id), z && (n.value = z);
+      Z + 5 >= j && (z = a.value[a.value.length - 1].id), z && (n.value = z);
     }
     function te() {
       r.value && (m && window.cancelAnimationFrame(m), m = window.requestAnimationFrame(() => {
         F(), m = 0;
       }));
     }
-    function K(M) {
+    function J(M) {
       if (!r.value) return;
-      const G = document.getElementById(M);
-      if (!G) return;
-      const N = B, le = Math.max(0, _(G));
+      const Z = document.getElementById(M);
+      if (!Z) return;
+      const N = S, le = Math.max(0, _(Z));
       N ? N.scrollTo({ top: le, behavior: "smooth" }) : typeof window < "u" && window.scrollTo({ top: le, behavior: "smooth" });
     }
-    return e({ refresh: H }), (M, G) => r.value && s.value.length ? (u(), d("div", {
+    return e({ refresh: H }), (M, Z) => r.value && a.value.length ? (i(), d("div", {
       key: 0,
-      class: E(i.value),
+      class: E(u.value),
       style: be(c.value)
     }, [
-      l("h2", gi, W(M.title), 1),
+      l("h2", gi, G(M.title), 1),
       l("div", bi, [
-        (u(!0), d(se, null, ce(s.value, (N) => (u(), d("div", {
+        (i(!0), d(se, null, pe(a.value, (N) => (i(), d("div", {
           key: N.id,
           class: E([
             "vs-compact-form-navigation__item relative",
@@ -4422,20 +4423,20 @@ const Js = /* @__PURE__ */ X(Gs, [["render", Ks]]), Ys = { class: "map-search-wi
         }, [
           l("button", {
             type: "button",
-            onClick: (le) => K(N.id),
+            onClick: (le) => J(N.id),
             class: E([
               "vs-compact-form-navigation__button flex gap-x-3 py-[6px] pr-3 text-sm duration-200 hover:text-gray-800",
-              N.level === 2 ? "pl-[12px]" : "pl-[16px]",
+              N.level === 2 ? "pl-[15px]" : "pl-[18px]",
               N.id === n.value ? "text-gray-800" : "text-gray-500"
             ])
           }, [
-            l("span", null, W(N.text), 1)
+            l("span", null, G(N.text), 1)
           ], 10, yi)
         ], 2))), 128))
       ])
     ], 6)) : D("", !0);
   }
-}), wi = /* @__PURE__ */ X(xi, [["__scopeId", "data-v-faeb2c41"]]), At = {
+}), wi = /* @__PURE__ */ X(xi, [["__scopeId", "data-v-1584a562"]]), At = {
   required: "Це поле є обов’язковим",
   email: "Неправильний email"
 }, ki = (o) => o ? !1 : At.required, _i = (o) => {
@@ -4476,57 +4477,57 @@ function _t(o) {
 }
 function Li(o, e = !1) {
   if (Array.isArray(o)) {
-    const s = [];
+    const a = [];
     return o.forEach((n) => {
-      const a = { ...n };
-      a.name = (n.name || n.id || n.key || "").toString(), a.type = _t(n.type), a.label = n.label || n.ua, a.rules = n.rules || n.validators, a.type === "email" && !a.rules && (a.rules = ["email"]), n.data && (a.api = `/api/suggest/${n.data}`), a.disabled = e || a.disabled, s.push(a);
-    }), s;
+      const s = { ...n };
+      s.name = (n.name || n.id || n.key || "").toString(), s.type = _t(n.type), s.label = n.label || n.ua, s.rules = n.rules || n.validators, s.type === "email" && !s.rules && (s.rules = ["email"]), n.data && (s.api = `/api/suggest/${n.data}`), s.disabled = e || s.disabled, a.push(s);
+    }), a;
   }
   const t = [];
-  return Object.entries(o).forEach((s) => {
+  return Object.entries(o).forEach((a) => {
     const n = {
-      name: s[0],
-      ...s[1],
-      type: _t(s[1].type),
-      label: s[1].label || s[1].ua,
-      rules: s[1].rules || s[1].validators,
+      name: a[0],
+      ...a[1],
+      type: _t(a[1].type),
+      label: a[1].label || a[1].ua,
+      rules: a[1].rules || a[1].validators,
       disabled: e
     };
-    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}`), t.push(n);
+    n.type === "email" && !n.rules && (n.rules = ["email"]), a[1].type.includes("list") && (n.multiple = !0), !n.api && a[1].data && (n.api = `/api/suggest/${a[1].data}`), t.push(n);
   }), t;
 }
 function Si(o, e, t = !1) {
-  const s = S(() => Li(
+  const a = B(() => Li(
     (Array.isArray(e), e),
     typeof t == "boolean" ? t : t.value
   )), n = w({});
-  function a(p) {
+  function s(p) {
     const f = p?.conditions;
     if (!f) return !0;
-    const m = Array.isArray(f) ? f[0] : f, b = o?.value?.[m];
-    return It(b, f);
+    const m = Array.isArray(f) ? f[0] : f, y = o?.value?.[m];
+    return It(y, f);
   }
-  const r = (p = s.value, f = !0) => (p.forEach((m) => {
+  const r = (p = a.value, f = !0) => (p.forEach((m) => {
     if (m.rules) {
-      if (!a(m)) {
+      if (!s(m)) {
         delete n.value[m.name];
         return;
       }
-      let b = !1, B = null;
-      m.rules.forEach((Y) => {
-        const R = Vi(o.value[m.name], Y);
-        R && (b = !0, !B && typeof R == "string" && (B = R));
-      }), b && B ? n.value[m.name] = B : delete n.value[m.name];
+      let y = !1, S = null;
+      m.rules.forEach((q) => {
+        const R = Vi(o.value[m.name], q);
+        R && (y = !0, !S && typeof R == "string" && (S = R));
+      }), y && S ? n.value[m.name] = S : delete n.value[m.name];
     }
     m.schema && r(m.schema, !1);
-  }), f && Object.values(n.value).some(Boolean) ? n.value : null), i = S(() => s.value?.filter((p) => a(p)));
+  }), f && Object.values(n.value).some(Boolean) ? n.value : null), u = B(() => a.value?.filter((p) => s(p)));
   return {
     errors: n,
     validate: r,
     reset: () => {
       o.value = {}, n.value = {};
     },
-    visibleSchema: i
+    visibleSchema: u
   };
 }
 const Bi = { class: "flex w-full h-full min-h-0 gap-6" }, ji = {
@@ -4536,7 +4537,7 @@ const Bi = { class: "flex w-full h-full min-h-0 gap-6" }, ji = {
   class: "mt-1 shrink-0 h-[1px] w-full bg-slate-100 dark:bg-slate-600"
 }, He = /* @__PURE__ */ U({
   __name: "vs-compact-form",
-  props: /* @__PURE__ */ ie({
+  props: /* @__PURE__ */ re({
     schema: { default: () => [] },
     style: { default: () => ({}) },
     modelValue: {},
@@ -4552,24 +4553,24 @@ const Bi = { class: "flex w-full h-full min-h-0 gap-6" }, ji = {
     values: { default: () => ({}) },
     valuesModifiers: {}
   }),
-  emits: /* @__PURE__ */ ie(["handle-submit", "update:modelValue"], ["update:form", "update:values"]),
+  emits: /* @__PURE__ */ re(["handle-submit", "update:modelValue"], ["update:form", "update:values"]),
   setup(o, { expose: e, emit: t }) {
-    const s = t, n = o, a = ue(o, "form"), r = ue(o, "values"), {
-      errors: i,
+    const a = t, n = o, s = ue(o, "form"), r = ue(o, "values"), {
+      errors: u,
       validate: c,
       reset: p,
       visibleSchema: f
-    } = Si(r, n.schema, Zt(n, "disabled")), m = w(null), b = w(null), B = S(() => n.navigation), Y = S(() => n.navWidth), R = S(() => n.style?.columns), Z = Object.freeze({ container: 12, label: 3 }), T = S(() => n.columns ?? R.value ?? Z), H = S(() => n.columns != null || R.value != null), I = S(() => H.value ? "horizontal" : n.layout), v = (F) => F?.columns ? "horizontal" : I.value, x = (F) => F?.columns ?? T.value, V = () => {
-      s("update:modelValue", r.value), c(), s("handle-submit", r.value);
+    } = Si(r, n.schema, Zt(n, "disabled")), m = w(null), y = w(null), S = B(() => n.navigation), q = B(() => n.navWidth), R = B(() => n.style?.columns), K = Object.freeze({ container: 12, label: 3 }), T = B(() => n.columns ?? R.value ?? K), H = B(() => n.columns != null || R.value != null), I = B(() => H.value ? "horizontal" : n.layout), v = (F) => F?.columns ? "horizontal" : I.value, x = (F) => F?.columns ?? T.value, V = () => {
+      a("update:modelValue", r.value), c(), a("handle-submit", r.value);
     };
     e({
       validate: c,
       reset: p,
-      errors: i
+      errors: u
     }), ke(() => {
-      n.modelValue && (r.value = n.modelValue), a.value = {
+      n.modelValue && (r.value = n.modelValue), s.value = {
         value: r.value,
-        errors: i.value,
+        errors: u.value,
         reset: p,
         validate: c,
         formId: n.formId
@@ -4578,14 +4579,14 @@ const Bi = { class: "flex w-full h-full min-h-0 gap-6" }, ji = {
     function _(F, te) {
       if (F === te) return !0;
       if (typeof F != "object" || typeof te != "object" || !F || !te) return !1;
-      const K = Object.keys(F), M = Object.keys(te);
-      return K.length !== M.length ? !1 : K.every((G) => F[G] === te[G]);
+      const J = Object.keys(F), M = Object.keys(te);
+      return J.length !== M.length ? !1 : J.every((Z) => F[Z] === te[Z]);
     }
-    return vt("form", a), vt("values", r), (F, te) => (u(), d("div", Bi, [
+    return vt("form", s), vt("values", r), (F, te) => (i(), d("div", Bi, [
       l("div", {
         class: "flex-1 min-h-0 overflow-y-auto",
         ref_key: "formScrollContainer",
-        ref: b
+        ref: y
       }, [
         l("form", {
           ref_key: "formRef",
@@ -4593,31 +4594,31 @@ const Bi = { class: "flex w-full h-full min-h-0 gap-6" }, ji = {
           onSubmit: we(V, ["prevent"]),
           class: E(["grid grid-cols-12 p-1", I.value === "default" ? "gap-6" : "gap-4"])
         }, [
-          (u(!0), d(se, null, ce(ee(f), (K, M) => (u(), d("div", {
-            key: K.name,
-            class: E(v(K) === "horizontal" ? "col-span-12" : `col-span-${K.col || 12}`)
+          (i(!0), d(se, null, pe(ee(f), (J, M) => (i(), d("div", {
+            key: J.name,
+            class: E(v(J) === "horizontal" ? "col-span-12" : `col-span-${J.col || 12}`)
           }, [
             A(zt, {
               style: be(F.style),
-              item: K,
-              layout: v(K),
-              columns: x(K),
-              "model-value": r.value[K.name],
-              "onUpdate:modelValue": (G) => {
-                const N = r.value[K.name];
-                _(N, G) || (r.value[K.name] = G);
+              item: J,
+              layout: v(J),
+              columns: x(J),
+              "model-value": r.value[J.name],
+              "onUpdate:modelValue": (Z) => {
+                const N = r.value[J.name];
+                _(N, Z) || (r.value[J.name] = Z);
               },
-              error: ee(i)[K.name]
+              error: ee(u)[J.name]
             }, null, 8, ["style", "item", "layout", "columns", "model-value", "onUpdate:modelValue", "error"]),
-            v(K) === "settings" && M + 1 !== ee(f).length ? (u(), d("div", ji)) : D("", !0)
+            v(J) === "settings" && M + 1 !== ee(f).length ? (i(), d("div", ji)) : D("", !0)
           ], 2))), 128))
         ], 34)
       ], 512),
       A(wi, {
         target: m.value,
-        "scroll-container": b.value,
-        enabled: B.value,
-        width: Y.value
+        "scroll-container": y.value,
+        enabled: S.value,
+        width: q.value
       }, null, 8, ["target", "scroll-container", "enabled", "width"])
     ]));
   }
@@ -4632,55 +4633,55 @@ const Bi = { class: "flex w-full h-full min-h-0 gap-6" }, ji = {
   },
   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({}), i = w(), c = w(t.mode);
+    const t = o, a = e, n = w(t.schema), s = w(t.defaultValue ? JSON.parse(JSON.stringify(t.defaultValue)) : {}), r = w({}), u = w(), c = w(t.mode);
     async function p() {
       const m = r.value.validate();
       if (m) {
-        de({ type: "warning", title: "Помилка валідації", message: Object.entries(m).map(([b, B]) => `${b}: ${B}`).join(`
+        de({ type: "warning", title: "Помилка валідації", message: Object.entries(m).map(([y, S]) => `${y}: ${S}`).join(`
 `) });
         return;
       }
-      if (i.value)
+      if (u.value)
         try {
-          const b = await fetch(`/api/table/${i.value}`, {
+          const y = await fetch(`/api/table/${u.value}`, {
             method: c.value === "add" ? "POST" : "PUT",
             headers: {
               "Content-Type": "application/json"
             },
-            body: JSON.stringify(a.value)
+            body: JSON.stringify(s.value)
           });
-          if (b.ok)
-            await b.json(), de({
+          if (y.ok)
+            await y.json(), de({
               type: "success",
               title: "Успішно",
               message: `Дані успішно ${c.value === "add" ? "збережено" : "оновлено"}`
-            }), s("save", a.value);
-          else if (b.status === 400) {
-            const B = await b.json().catch(() => ({}));
+            }), a("save", s.value);
+          else if (y.status === 400) {
+            const S = await y.json().catch(() => ({}));
             de({
               type: "warning",
               title: "Помилка валідації",
-              message: B.message || "Некоректні дані (400)"
+              message: S.message || "Некоректні дані (400)"
             });
-          } else b.status === 500 ? de({
+          } else y.status === 500 ? de({
             type: "error",
             title: "Серверна помилка",
             message: "Виникла помилка на сервері (500)"
           }) : de({
             type: "error",
             title: "Помилка",
-            message: `Статус: ${b.status}`
+            message: `Статус: ${y.status}`
           });
-        } catch (b) {
+        } catch (y) {
           de({
             type: "error",
             title: "Помилка з’єднання",
-            message: b.message || "Не вдалося виконати запит"
+            message: y.message || "Не вдалося виконати запит"
           });
         }
     }
     function f() {
-      s("close");
+      a("close");
     }
     return ke(async () => {
       try {
@@ -4694,11 +4695,11 @@ const Bi = { class: "flex w-full h-full min-h-0 gap-6" }, ji = {
             });
             return;
           }
-          const b = await m.json();
-          n.value = b.schema, i.value = b.token;
+          const y = await m.json();
+          n.value = y.schema, u.value = y.token;
         } else if (t.token) {
-          i.value = t.token;
-          const m = await fetch(`/api/form/${i.value}`);
+          u.value = t.token;
+          const m = await fetch(`/api/form/${u.value}`);
           if (!m.ok) {
             de({
               type: m.status >= 400 && m.status < 500 ? "warning" : "error",
@@ -4707,8 +4708,8 @@ const Bi = { class: "flex w-full h-full min-h-0 gap-6" }, ji = {
             });
             return;
           }
-          const b = await m.json();
-          n.value = b.schema, b.data ? a.value = b.data : c.value = "add";
+          const y = await m.json();
+          n.value = y.schema, y.data ? s.value = y.data : c.value = "add";
         }
       } catch (m) {
         de({
@@ -4717,16 +4718,16 @@ const Bi = { class: "flex w-full h-full min-h-0 gap-6" }, ji = {
           message: m.message || "Unexpected error"
         }), console.error(m);
       }
-    }), (m, b) => (u(), d("div", Ei, [
+    }), (m, y) => (i(), d("div", Ei, [
       l("div", Ii, [
         l("div", zi, [
           l("div", Ai, [
-            l("h3", Ti, W(c.value === "add" ? "Додати" : "Змінити"), 1),
+            l("h3", Ti, G(c.value === "add" ? "Додати" : "Змінити"), 1),
             l("button", {
               onClick: f,
               type: "button",
               class: "size-8 inline-flex justify-center items-center gap-x-2 rounded-full border border-transparent bg-gray-100 text-gray-800 hover:bg-gray-200 focus:outline-none focus:bg-gray-200 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600"
-            }, b[2] || (b[2] = [
+            }, y[2] || (y[2] = [
               l("span", { class: "sr-only" }, "Close", -1),
               l("svg", {
                 class: "flex-shrink-0 w-4 h-4",
@@ -4746,13 +4747,13 @@ const Bi = { class: "flex w-full h-full min-h-0 gap-6" }, ji = {
             ]))
           ]),
           l("div", Fi, [
-            n.value ? (u(), me(He, {
+            n.value ? (i(), me(He, {
               key: 0,
               schema: n.value,
-              values: a.value,
-              "onUpdate:values": b[0] || (b[0] = (B) => a.value = B),
+              values: s.value,
+              "onUpdate:values": y[0] || (y[0] = (S) => s.value = S),
               form: r.value,
-              "onUpdate:form": b[1] || (b[1] = (B) => r.value = B)
+              "onUpdate:form": y[1] || (y[1] = (S) => r.value = S)
             }, null, 8, ["schema", "values", "form"])) : D("", !0)
           ]),
           l("div", { class: "vs-form__head mr-5 mb-5 mt-3 flex items-center justify-end sticky top-0 left-0 z-[60] bg-white" }, [
@@ -4784,8 +4785,8 @@ const Bi = { class: "flex w-full h-full min-h-0 gap-6" }, ji = {
       onClose: () => {
         e(null), t();
       },
-      onSave: (s) => {
-        e(s), t();
+      onSave: (a) => {
+        e(a), t();
       }
     }
   });