@opengis/form 0.0.63 → 0.0.65

package/dist/index.js

@@ -1,15 +1,15 @@
-import { defineComponent as G, ref as w, onMounted as ye, onUnmounted as Qe, createElementBlock as u, openBlock as i, createCommentVNode as U, renderSlot as Le, createElementVNode as l, toDisplayString as W, mergeProps as Fe, computed as S, normalizeStyle as be, createTextVNode as ge, normalizeProps as at, guardReactiveProps as st, normalizeClass as T, mergeModels as ie, useModel as de, withDirectives as ne, unref as te, vModelText as he, vModelCheckbox as jt, createVNode as R, createBlock as me, resolveDynamicComponent as Oe, withCtx as Ee, withModifiers as $e, onBeforeUnmount as rt, watch as ue, createStaticVNode as xe, vModelRadio as Et, Fragment as re, renderList as fe, reactive as qt, vModelDynamic as Kt, vShow as it, inject as Ae, resolveComponent as xt, Transition as ut, nextTick as je, Teleport as It, getCurrentInstance as Wt, watchEffect as Zt, toRef as Jt, provide as wt } from "vue";
-import { notify as ce, VsModal as zt, modal as Yt } from "@opengis/core";
-const Xt = { class: "w-full relative" }, Qt = {
+import { defineComponent as G, ref as w, onMounted as ye, onUnmounted as Xe, createElementBlock as u, openBlock as i, createCommentVNode as D, renderSlot as Me, createElementVNode as l, toDisplayString as K, mergeProps as Fe, computed as B, normalizeStyle as be, createTextVNode as he, normalizeProps as at, guardReactiveProps as st, normalizeClass as T, mergeModels as ie, useModel as de, withDirectives as ne, unref as le, vModelText as me, vModelCheckbox as Bt, createVNode as R, createBlock as ve, resolveDynamicComponent as Oe, withCtx as Ee, withModifiers as $e, onBeforeUnmount as rt, watch as ue, createStaticVNode as xe, vModelRadio as jt, Fragment as re, renderList as pe, reactive as Gt, vModelDynamic as qt, vShow as it, inject as Ae, resolveComponent as yt, Transition as ut, nextTick as je, Teleport as Et, getCurrentInstance as Kt, watchEffect as Wt, toRef as Zt, provide as xt } from "vue";
+import { notify as ce, VsModal as It, modal as Jt } from "@opengis/core";
+const Yt = { class: "w-full relative" }, Xt = {
   key: 0,
   class: "text-[14px] font-medium text-gray-900 mb-2"
-}, el = { class: "opacity-100" }, tl = {
+}, Qt = { class: "opacity-100" }, el = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, ll = {
+}, tl = {
   key: 1,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, ol = /* @__PURE__ */ G({
+}, ll = /* @__PURE__ */ G({
   __name: "vs-layout-default",
   props: {
     ua: { default: "" },
@@ -29,26 +29,26 @@ const Xt = { class: "w-full relative" }, Qt = {
     };
     return ye(() => {
       e.value = localStorage.locale, window.addEventListener("storage", t);
-    }), Qe(() => {
+    }), Xe(() => {
       window.removeEventListener("resize", t);
-    }), (s, n) => (i(), u("div", Xt, [
-      s.ua || s.label ? (i(), u("div", Qt, [
-        l("span", el, W(s.item[e.value] || s.ua || s.label), 1),
-        s.item?.rules?.includes("required") ? (i(), u("span", tl, "*")) : U("", !0)
-      ])) : U("", !0),
-      Le(s.$slots, "default", Fe(s.$attrs, {
+    }), (s, n) => (i(), u("div", Yt, [
+      s.ua || s.label ? (i(), u("div", Xt, [
+        l("span", Qt, K(s.item[e.value] || s.ua || s.label), 1),
+        s.item?.rules?.includes("required") ? (i(), u("span", el, "*")) : D("", !0)
+      ])) : D("", !0),
+      Me(s.$slots, "default", Fe(s.$attrs, {
         class: { "opacity-60": s.item.disabled }
       })),
-      s.error ? (i(), u("span", ll, W(s.error), 1)) : U("", !0)
+      s.error ? (i(), u("span", tl, K(s.error), 1)) : D("", !0)
     ]));
   }
-}), nl = { class: "w-full relative flex flex-row items-center gap-2" }, al = {
+}), ol = { class: "w-full relative flex flex-row items-center gap-2" }, nl = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, sl = {
+}, al = {
   key: 1,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, rl = /* @__PURE__ */ G({
+}, sl = /* @__PURE__ */ G({
   __name: "vs-layout-horizontal",
   props: {
     ua: { default: "" },
@@ -63,14 +63,14 @@ const Xt = { class: "w-full relative" }, Qt = {
     columns: { default: () => ({ container: 12, label: 3 }) }
   },
   setup(o) {
-    const e = o, t = S(() => e.columns ?? { container: 12, label: 3 }), s = S(() => {
+    const e = o, t = B(() => e.columns ?? { container: 12, label: 3 }), s = B(() => {
       const { container: d, label: c } = t.value;
       return !d || d <= 0 ? 0 : Math.min(Math.max(c ?? 0, 0), d) / d;
-    }), n = S(() => e.item?.type === "html" || s.value <= 0 ? !1 : !!(e.ua || e.label)), a = S(() => {
+    }), n = B(() => e.item?.type === "html" || s.value <= 0 ? !1 : !!(e.ua || e.label)), a = B(() => {
       if (!n.value) return {};
       const d = `${s.value * 100}%`;
       return { flexBasis: d, maxWidth: d };
-    }), r = S(() => {
+    }), r = B(() => {
       const { container: d, label: c } = t.value;
       if (!d || d <= 0) return {};
       if (e.item?.type === "html") return { flexBasis: "100%", maxWidth: "100%" };
@@ -80,28 +80,28 @@ const Xt = { class: "w-full relative" }, Qt = {
       const p = `${f * 100}%`;
       return { flexBasis: p, maxWidth: p };
     });
-    return (d, c) => (i(), u("div", nl, [
+    return (d, c) => (i(), u("div", ol, [
       n.value ? (i(), u("span", {
         key: 0,
         class: "text-sm text-gray-900 font-medium flex shrink-0",
         style: be(a.value)
       }, [
-        ge(W(d.ua || d.label) + " ", 1),
-        d.item?.rules?.includes("required") && (d.ua || d.label) ? (i(), u("span", al, "*")) : U("", !0)
-      ], 4)) : U("", !0),
+        he(K(d.ua || d.label) + " ", 1),
+        d.item?.rules?.includes("required") && (d.ua || d.label) ? (i(), u("span", nl, "*")) : D("", !0)
+      ], 4)) : D("", !0),
       l("div", {
         class: "flex-1 min-w-0",
         style: be(r.value)
       }, [
-        Le(d.$slots, "default", at(st(d.$attrs)))
+        Me(d.$slots, "default", at(st(d.$attrs)))
       ], 4),
-      d.error ? (i(), u("span", sl, W(d.error), 1)) : U("", !0)
+      d.error ? (i(), u("span", al, K(d.error), 1)) : D("", !0)
     ]));
   }
-}), il = { class: "w-full relative" }, ul = {
+}), rl = { class: "w-full relative" }, il = {
   key: 0,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, dl = /* @__PURE__ */ G({
+}, ul = /* @__PURE__ */ G({
   __name: "vs-layout-inline",
   props: {
     ua: { default: "" },
@@ -116,24 +116,24 @@ const Xt = { class: "w-full relative" }, Qt = {
     columns: {}
   },
   setup(o) {
-    return (e, t) => (i(), u("div", il, [
-      Le(e.$slots, "default", at(st(e.$attrs))),
-      e.error ? (i(), u("span", ul, W(e.error), 1)) : U("", !0)
+    return (e, t) => (i(), u("div", rl, [
+      Me(e.$slots, "default", at(st(e.$attrs))),
+      e.error ? (i(), u("span", il, K(e.error), 1)) : D("", !0)
     ]));
   }
-}), cl = { class: "flex-1 min-w-0" }, pl = {
+}), dl = { class: "flex-1 min-w-0" }, cl = {
   key: 0,
   class: "text-sm font-medium text-slate-700 dark:text-slate-200 flex items-center gap-1"
-}, fl = { class: "truncate" }, vl = {
+}, pl = { class: "truncate" }, fl = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, ml = {
+}, vl = {
   key: 1,
   class: "text-xs text-slate-500 dark:text-slate-400"
-}, hl = { class: "w-full md:w-auto" }, gl = {
+}, ml = { class: "w-full md:w-auto" }, hl = {
   key: 0,
   class: "mt-1 text-xs text-red-500"
-}, bl = /* @__PURE__ */ G({
+}, gl = /* @__PURE__ */ G({
   __name: "vs-layout-settings",
   props: {
     ua: { default: "" },
@@ -149,8 +149,8 @@ const Xt = { class: "w-full relative" }, Qt = {
   },
   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 = (d) => {
+    B(() => (e.item ?? {})?.[t.value] ?? e.ua ?? e.label ?? "");
+    const s = B(() => e.item?.description ?? ""), n = B(() => Array.isArray(e.item?.rules) && e.item.rules.includes("required")), a = B(() => (typeof e.error == "string" ? e.error : "") ?? ""), r = (d) => {
       d.key === "locale" && (t.value = d.newValue ?? "uk");
     };
     return ye(() => {
@@ -159,7 +159,7 @@ const Xt = { class: "w-full relative" }, Qt = {
       } catch {
       }
       window.addEventListener("storage", r);
-    }), Qe(() => {
+    }), Xe(() => {
       window.removeEventListener("storage", r);
     }), (d, c) => (i(), u("div", {
       class: T(["w-full relative", { "opacity-60": d.item?.disabled }])
@@ -167,35 +167,35 @@ const Xt = { class: "w-full relative" }, Qt = {
       l("div", {
         class: T(["gap-2 md:flex-row md:items-center md:justify-between", [["switcher", "native-select"].includes(d.item.type) ? "flex flex-col" : ""]])
       }, [
-        l("div", cl, [
-          d.ua || d.label ? (i(), u("p", pl, [
-            l("span", fl, W(d.item[t.value] || d.ua || d.label), 1),
-            n.value ? (i(), u("span", vl, "*")) : U("", !0)
-          ])) : U("", !0),
-          s.value ? (i(), u("p", ml, W(s.value), 1)) : U("", !0)
+        l("div", dl, [
+          d.ua || d.label ? (i(), u("p", cl, [
+            l("span", pl, K(d.item[t.value] || d.ua || d.label), 1),
+            n.value ? (i(), u("span", fl, "*")) : D("", !0)
+          ])) : D("", !0),
+          s.value ? (i(), u("p", vl, K(s.value), 1)) : D("", !0)
         ]),
-        l("div", hl, [
-          Le(d.$slots, "default", at(st(d.$attrs)))
+        l("div", ml, [
+          Me(d.$slots, "default", at(st(d.$attrs)))
         ])
       ], 2),
-      a.value ? (i(), u("p", gl, W(a.value), 1)) : U("", !0)
+      a.value ? (i(), u("p", hl, K(a.value), 1)) : D("", !0)
     ], 2));
   }
-}), yl = {
-  default: ol,
-  horizontal: rl,
-  inline: dl,
-  settings: bl
+}), bl = {
+  default: ll,
+  horizontal: sl,
+  inline: ul,
+  settings: gl
 };
 function Ce(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]`;
     })
   };
 }
-const xl = ["placeholder", "disabled"], wl = /* @__PURE__ */ G({
+const yl = ["placeholder", "disabled"], xl = /* @__PURE__ */ G({
   __name: "vs-input-password",
   props: /* @__PURE__ */ ie({
     style: { default: () => ({}) },
@@ -217,15 +217,15 @@ const xl = ["placeholder", "disabled"], wl = /* @__PURE__ */ G({
       "onUpdate:modelValue": a[0] || (a[0] = (r) => s.value = r),
       placeholder: n.placeholder,
       disabled: n.disabled,
-      class: T(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [te(t), { "!border-red-600": n.error }]]),
+      class: T(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [le(t), { "!border-red-600": n.error }]]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, xl)), [
-      [he, s.value]
+    }, null, 10, yl)), [
+      [me, s.value]
     ]);
   }
-}), kl = ["placeholder", "disabled"], Xe = /* @__PURE__ */ G({
+}), wl = ["placeholder", "disabled"], Ye = /* @__PURE__ */ G({
   __name: "vs-input-text",
   props: /* @__PURE__ */ ie({
     style: { default: () => ({}) },
@@ -247,15 +247,15 @@ const xl = ["placeholder", "disabled"], wl = /* @__PURE__ */ G({
       "onUpdate:modelValue": a[0] || (a[0] = (r) => s.value = r),
       placeholder: n.placeholder,
       disabled: n.disabled,
-      class: T(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [te(t), { "!border-red-600": n.error }]]),
+      class: T(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [le(t), { "!border-red-600": n.error }]]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, kl)), [
-      [he, s.value]
+    }, null, 10, wl)), [
+      [me, s.value]
     ]);
   }
-}), _l = ["placeholder", "min", "max"], $l = /* @__PURE__ */ G({
+}), kl = ["placeholder", "min", "max"], _l = /* @__PURE__ */ G({
   __name: "vs-input-number",
   props: /* @__PURE__ */ ie({
     min: {},
@@ -279,22 +279,22 @@ const xl = ["placeholder", "disabled"], wl = /* @__PURE__ */ G({
       step: "any",
       "onUpdate:modelValue": a[0] || (a[0] = (r) => s.value = r),
       placeholder: n.placeholder,
-      class: T(["py-1.5 px-3 block w-full bg-white", [te(t)]]),
+      class: T(["py-1.5 px-3 block w-full bg-white", [le(t)]]),
       style: {
         border: "1px solid #CFD9E0"
       },
       min: n.min,
       max: n.max
-    }, null, 10, _l)), [
-      [he, s.value]
+    }, null, 10, kl)), [
+      [me, s.value]
     ]);
   }
-}), Y = (o, e) => {
+}), X = (o, e) => {
   const t = o.__vccOpts || o;
   for (const [s, n] of e)
     t[s] = n;
   return t;
-}, Cl = {}, Vl = {
+}, $l = {}, Cl = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -304,8 +304,8 @@ const xl = ["placeholder", "disabled"], wl = /* @__PURE__ */ G({
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-check"
 };
-function Ml(o, e) {
-  return i(), u("svg", Vl, e[0] || (e[0] = [
+function Vl(o, e) {
+  return i(), u("svg", Cl, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -314,7 +314,7 @@ function Ml(o, e) {
     l("path", { d: "M5 12l5 5l10 -10" }, null, -1)
   ]));
 }
-const Ll = /* @__PURE__ */ Y(Cl, [["render", Ml]]), Sl = { class: "flex items-center gap-[4px]" }, Bl = ["value", "id", "disabled"], jl = ["for"], El = { class: "text-[14px] text-gray-700 flex items-center dark:text-neutral-400" }, Il = /* @__PURE__ */ G({
+const Ml = /* @__PURE__ */ X($l, [["render", Vl]]), Ll = { class: "flex items-center gap-[4px]" }, Sl = ["value", "id", "disabled"], Bl = ["for"], jl = { class: "text-[14px] text-gray-700 flex items-center dark:text-neutral-400" }, El = /* @__PURE__ */ G({
   __name: "vs-checkbox-default",
   props: {
     value: { default: "" },
@@ -327,11 +327,11 @@ const Ll = /* @__PURE__ */ Y(Cl, [["render", Ml]]), Sl = { class: "flex items-ce
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = e, s = o, n = S({
+    const t = e, s = o, n = B({
       get: () => s.modelValue,
       set: (a) => t("update:modelValue", a)
     });
-    return (a, r) => (i(), u("div", Sl, [
+    return (a, r) => (i(), u("div", Ll, [
       ne(l("input", {
         type: "checkbox",
         value: a.value,
@@ -339,8 +339,8 @@ const Ll = /* @__PURE__ */ Y(Cl, [["render", Ml]]), Sl = { class: "flex items-ce
         class: T(["shrink-0 border border-solid hidden border-gray-700 w-3.5 h-3.5 rounded text-blue-600 focus:ring-offset-0 dark:bg-neutral-800 dark:border-neutral-700 cursor-pointer", { "!cursor-not-allowed": a.disabled }]),
         id: a.id,
         disabled: a.disabled
-      }, null, 10, Bl), [
-        [jt, n.value]
+      }, null, 10, Sl), [
+        [Bt, n.value]
       ]),
       l("label", {
         for: a.id,
@@ -349,23 +349,23 @@ const Ll = /* @__PURE__ */ Y(Cl, [["render", Ml]]), Sl = { class: "flex items-ce
         l("div", {
           class: T(["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" : ""]])
         }, [
-          R(Ll, {
+          R(Ml, {
             height: "12",
             width: "12"
           })
         ], 2),
-        l("span", El, [
-          Le(a.$slots, "default", {}, () => [
-            ge(W(a.label), 1)
+        l("span", jl, [
+          Me(a.$slots, "default", {}, () => [
+            he(K(a.label), 1)
           ])
         ])
-      ], 10, jl)
+      ], 10, Bl)
     ]));
   }
-}), zl = ["name", "value", "disabled"], Al = { class: "flex items-center gap-[6px] text-[14px]" }, Tl = {
+}), Il = ["name", "value", "disabled"], zl = { class: "flex items-center gap-[6px] text-[14px]" }, Al = {
   key: 0,
   class: "text-[16px]"
-}, Fl = ["src"], Ol = /* @__PURE__ */ G({
+}, Tl = ["src"], Fl = /* @__PURE__ */ G({
   __name: "vs-checkbox-buttons",
   props: {
     value: { type: [String, Number, Boolean], default: "" },
@@ -379,12 +379,12 @@ const Ll = /* @__PURE__ */ Y(Cl, [["render", Ml]]), Sl = { class: "flex items-ce
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, s = e, n = S({
+    const t = o, s = e, n = B({
       get: () => t.modelValue,
       set: (d) => {
         s("update:modelValue", d);
       }
-    }), 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");
+    }), a = B(() => Array.isArray(n.value) ? n.value.includes(t.value) : n.value === !0 || n.value === t.value), r = B(() => t.style?.size === "xs" ? "p-1.5 text-xs" : t.style?.size === "lg" ? "p-3.5 text-[20px]" : "p-2.5 text-xs");
     return (d, c) => (i(), u("label", {
       class: T(["group relative flex justify-center items-center gap-x-3 text-center bg-white text-gray-800 ring-ring ring-2 cursor-pointer rounded-lg", [r.value, a.value ? "ring-blue-500" : "border border-gray-200 ring-transparent"]])
     }, [
@@ -395,30 +395,30 @@ const Ll = /* @__PURE__ */ Y(Cl, [["render", Ml]]), Sl = { class: "flex items-ce
         value: d.value,
         "onUpdate:modelValue": c[0] || (c[0] = (f) => n.value = f),
         disabled: d.disabled
-      }, null, 8, zl), [
-        [jt, n.value]
+      }, null, 8, Il), [
+        [Bt, n.value]
       ]),
-      l("span", Al, [
-        d.icon || d.imgUrl ? (i(), u("span", Tl, [
+      l("span", zl, [
+        d.icon || d.imgUrl ? (i(), u("span", Al, [
           d.icon ? (i(), u("i", {
             key: 0,
             class: T(d.icon)
-          }, null, 2)) : U("", !0),
+          }, null, 2)) : D("", !0),
           d.imgUrl ? (i(), u("img", {
             key: 1,
             src: d.imgUrl,
             width: "16",
             height: "16",
             alt: "icon"
-          }, null, 8, Fl)) : U("", !0)
-        ])) : U("", !0),
-        Le(d.$slots, "default", {}, () => [
-          ge(W(d.label), 1)
+          }, null, 8, Tl)) : D("", !0)
+        ])) : D("", !0),
+        Me(d.$slots, "default", {}, () => [
+          he(K(d.label), 1)
         ])
       ])
     ], 2));
   }
-}), Ul = { class: "flex items-center" }, ot = /* @__PURE__ */ G({
+}), Ol = { class: "flex items-center" }, ot = /* @__PURE__ */ G({
   __name: "vs-input-checkbox-item",
   props: {
     value: { default: "" },
@@ -435,7 +435,7 @@ const Ll = /* @__PURE__ */ Y(Cl, [["render", Ml]]), Sl = { 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, s = e, n = `radio-${Math.floor(Math.random() * 1e4)}`, a = B({
       get: () => Array.isArray(t.modelValue) ? Array.isArray(t.modelValue) && t.modelValue.includes(t.value) : t.modelValue,
       set: (d) => {
         if (Array.isArray(t.modelValue)) {
@@ -445,8 +445,8 @@ const Ll = /* @__PURE__ */ Y(Cl, [["render", Ml]]), Sl = { class: "flex items-ce
           s("update:modelValue", d);
       }
     }), r = w(`vs-checkbox-${t.view || "default"}`);
-    return (d, c) => (i(), u("div", Ul, [
-      (i(), me(Oe(r.value === "vs-checkbox-buttons" ? te(Ol) : te(Il)), {
+    return (d, c) => (i(), u("div", Ol, [
+      (i(), ve(Oe(r.value === "vs-checkbox-buttons" ? le(Fl) : le(El)), {
         value: d.value,
         label: d.label,
         info: d.option?.info,
@@ -460,13 +460,13 @@ const Ll = /* @__PURE__ */ Y(Cl, [["render", Ml]]), Sl = { class: "flex items-ce
         error: d.error
       }, {
         default: Ee(() => [
-          ge(W(d.label), 1)
+          he(K(d.label), 1)
         ]),
         _: 1
       }, 8, ["value", "label", "info", "disabled", "modelValue", "icon", "imgUrl", "style", "error"]))
     ]));
   }
-}), Dl = {}, Rl = {
+}), Ul = {}, Dl = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -476,8 +476,8 @@ const Ll = /* @__PURE__ */ Y(Cl, [["render", Ml]]), Sl = { class: "flex items-ce
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down"
 };
-function Pl(o, e) {
-  return i(), u("svg", Rl, e[0] || (e[0] = [
+function Rl(o, e) {
+  return i(), u("svg", Dl, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -486,7 +486,7 @@ function Pl(o, e) {
     l("path", { d: "M6 9l6 6l6 -6" }, null, -1)
   ]));
 }
-const Hl = /* @__PURE__ */ Y(Dl, [["render", Pl]]), Nl = {}, Gl = {
+const Pl = /* @__PURE__ */ X(Ul, [["render", Rl]]), Hl = {}, Nl = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -496,8 +496,8 @@ const Hl = /* @__PURE__ */ Y(Dl, [["render", Pl]]), Nl = {}, Gl = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-x"
 };
-function ql(o, e) {
-  return i(), u("svg", Gl, e[0] || (e[0] = [
+function Gl(o, e) {
+  return i(), u("svg", Nl, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -507,7 +507,7 @@ function ql(o, e) {
     l("path", { d: "M6 6l12 12" }, null, -1)
   ]));
 }
-const Kl = /* @__PURE__ */ Y(Nl, [["render", ql]]), Wl = {}, Zl = {
+const ql = /* @__PURE__ */ X(Hl, [["render", Gl]]), Kl = {}, Wl = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -518,8 +518,8 @@ const Kl = /* @__PURE__ */ Y(Nl, [["render", ql]]), Wl = {}, Zl = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Jl(o, e) {
-  return i(), u("svg", Zl, e[0] || (e[0] = [
+function Zl(o, e) {
+  return i(), u("svg", Wl, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -530,13 +530,13 @@ function Jl(o, e) {
     l("path", { d: "M12 3c7.2 0 9 1.8 9 9s-1.8 9 -9 9s-9 -1.8 -9 -9s1.8 -9 9 -9z" }, null, -1)
   ]));
 }
-const Yl = /* @__PURE__ */ Y(Wl, [["render", Jl]]), Xl = {
+const Jl = /* @__PURE__ */ X(Kl, [["render", Zl]]), Yl = {
   key: 0,
   class: "flex items-start gap-x-1"
-}, Ql = {
+}, Xl = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, eo = ["title"], to = ["disabled"], At = /* @__PURE__ */ G({
+}, Ql = ["title"], eo = ["disabled"], zt = /* @__PURE__ */ G({
   __name: "vs-input-switcher",
   props: /* @__PURE__ */ ie({
     rules: { default: () => [] },
@@ -558,14 +558,14 @@ const Yl = /* @__PURE__ */ Y(Wl, [["render", Jl]]), Xl = {
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, t = de(o, "modelValue");
-    return (s, n) => e.view === "checkbox" ? (i(), u("div", Xl, [
+    return (s, n) => e.view === "checkbox" ? (i(), u("div", Yl, [
       R(ot, {
         modelValue: t.value,
         "onUpdate:modelValue": n[0] || (n[0] = (a) => t.value = a),
         label: s.text,
         error: s.error || ""
       }, null, 8, ["modelValue", "label", "error"]),
-      s.rules?.includes("required") ? (i(), u("span", Ql, "*")) : U("", !0),
+      s.rules?.includes("required") ? (i(), u("span", Xl, "*")) : D("", !0),
       s.i ? (i(), u("button", {
         key: 1,
         class: "cursor-pointer",
@@ -573,8 +573,8 @@ const Yl = /* @__PURE__ */ Y(Wl, [["render", Jl]]), Xl = {
         onClick: n[1] || (n[1] = $e(() => {
         }, ["prevent"]))
       }, [
-        R(te(Yl), { class: "text-gray-500 w-[14px] h-[14px]" })
-      ], 8, eo)) : U("", !0)
+        R(le(Jl), { class: "text-gray-500 w-[14px] h-[14px]" })
+      ], 8, Ql)) : D("", !0)
     ])) : (i(), u("button", {
       key: 1,
       type: "button",
@@ -586,9 +586,9 @@ const Yl = /* @__PURE__ */ Y(Wl, [["render", Jl]]), Xl = {
         "data-state": "checked",
         class: T(["pointer-events-none block h-4 w-4 rounded-full bg-white shadow-lg ring-0 transition-transform", [t.value ? "translate-x-4" : "translate-x-0"]])
       }, null, 2)
-    ], 10, to));
+    ], 10, eo));
   }
-}), lo = ["id", "innerHTML"], kt = /* @__PURE__ */ G({
+}), to = ["id", "innerHTML"], wt = /* @__PURE__ */ G({
   __name: "vs-input-static",
   props: {
     text: { default: "" },
@@ -606,9 +606,9 @@ const Yl = /* @__PURE__ */ Y(Wl, [["render", Jl]]), Xl = {
       id: e.name,
       class: T(["text-gray-900", e.customClass]),
       innerHTML: e.html ? e.html : e.text
-    }, null, 10, lo));
+    }, null, 10, to));
   }
-}), oo = ["placeholder", "disabled", "name"], no = /* @__PURE__ */ G({
+}), lo = ["placeholder", "disabled", "name"], oo = /* @__PURE__ */ G({
   __name: "vs-input-mask",
   props: /* @__PURE__ */ ie({
     name: {},
@@ -665,13 +665,13 @@ const Yl = /* @__PURE__ */ Y(Wl, [["render", Jl]]), Xl = {
       placeholder: r.placeholder,
       disabled: r.disabled,
       name: r.name,
-      class: T(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [te(t)]]),
+      class: T(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [le(t)]]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, oo));
+    }, null, 10, lo));
   }
-}), ao = { class: "relative w-full bg-white rounded-lg" }, so = ["placeholder", "disabled"], ro = /* @__PURE__ */ G({
+}), no = { class: "relative w-full bg-white rounded-lg" }, ao = ["placeholder", "disabled"], so = /* @__PURE__ */ G({
   __name: "vs-input-email",
   props: /* @__PURE__ */ ie({
     style: { default: () => ({}) },
@@ -688,23 +688,23 @@ const Yl = /* @__PURE__ */ Y(Wl, [["render", Jl]]), Xl = {
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, { inputClass: t } = Ce(e.style), s = de(o, "modelValue");
-    return (n, a) => (i(), u("div", ao, [
+    return (n, a) => (i(), u("div", no, [
       a[1] || (a[1] = xe('<div class="absolute bottom-2/4 translate-y-2/4 left-[10px] cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="stroke-gray-500 transition-all"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10z"></path><path d="M3 7l9 6l9 -6"></path></svg></div>', 1)),
       ne(l("input", {
         type: "email",
         "onUpdate:modelValue": a[0] || (a[0] = (r) => s.value = r),
         placeholder: n.placeholder,
         disabled: n.disabled,
-        class: T(["!pl-8 py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [te(t), { "!border-red-600": n.error }]]),
+        class: T(["!pl-8 py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [le(t), { "!border-red-600": n.error }]]),
         style: {
           border: "1px solid #CFD9E0"
         }
-      }, null, 10, so), [
-        [he, s.value]
+      }, null, 10, ao), [
+        [me, s.value]
       ])
     ]));
   }
-}), io = ["value", "disabled"], uo = { class: "text-[13px] text-gray-700" }, co = /* @__PURE__ */ G({
+}), ro = ["value", "disabled"], io = { class: "text-[13px] text-gray-700" }, uo = /* @__PURE__ */ G({
   __name: "vs-input-radio-default",
   props: /* @__PURE__ */ ie({
     style: {},
@@ -732,8 +732,8 @@ const Yl = /* @__PURE__ */ Y(Wl, [["render", Jl]]), Xl = {
         value: t.value,
         disabled: t.disabled,
         class: "hidden"
-      }, null, 8, io), [
-        [Et, e.value]
+      }, null, 8, ro), [
+        [jt, e.value]
       ]),
       l("span", {
         class: T(["w-[16px] shrink-0 h-[16px] border rounded-full flex items-center justify-center mr-[10px]", [
@@ -744,12 +744,12 @@ const Yl = /* @__PURE__ */ Y(Wl, [["render", Jl]]), Xl = {
         e.value == t.value ? (i(), u("span", {
           key: 0,
           class: T(["w-[12px] h-[12px] shrink-0 rounded-full", [`bg-${t.style?.primaryColor || "blue"}-500`]])
-        }, null, 2)) : U("", !0)
+        }, null, 2)) : D("", !0)
       ], 2),
-      l("span", uo, W(t.text), 1)
+      l("span", io, K(t.text), 1)
     ], 2));
   }
-}), po = ["value", "disabled"], fo = { class: "text-[13px] text-gray-700" }, vo = /* @__PURE__ */ G({
+}), co = ["value", "disabled"], po = { class: "text-[13px] text-gray-700" }, fo = /* @__PURE__ */ G({
   __name: "vs-input-radio-buttons",
   props: /* @__PURE__ */ ie({
     style: {},
@@ -780,16 +780,16 @@ const Yl = /* @__PURE__ */ Y(Wl, [["render", Jl]]), Xl = {
         value: t.value,
         disabled: t.disabled,
         class: "hidden"
-      }, null, 8, po), [
-        [Et, e.value]
+      }, null, 8, co), [
+        [jt, e.value]
       ]),
-      l("span", fo, W(t.text), 1)
+      l("span", po, K(t.text), 1)
     ], 2));
   }
-}), mo = {
-  "vs-input-radio-default": co,
-  "vs-input-radio-buttons": vo
-}, _t = /* @__PURE__ */ G({
+}), vo = {
+  "vs-input-radio-default": uo,
+  "vs-input-radio-buttons": fo
+}, kt = /* @__PURE__ */ G({
   __name: "vs-input-radio",
   props: /* @__PURE__ */ ie({
     options: {},
@@ -808,11 +808,11 @@ const Yl = /* @__PURE__ */ Y(Wl, [["render", Jl]]), Xl = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = de(o, "modelValue"), s = S(() => mo[`vs-input-radio-${e.view}`]);
+    const e = o, t = de(o, "modelValue"), s = B(() => vo[`vs-input-radio-${e.view}`]);
     return (n, a) => (i(), u("div", {
       class: T([n.position === "horizontal" ? "flex items-center flex-wrap gap-2" : ""])
     }, [
-      (i(!0), u(re, null, fe(n.options, (r) => (i(), me(Oe(s.value), Fe({
+      (i(!0), u(re, null, pe(n.options, (r) => (i(), ve(Oe(s.value), Fe({
         key: r?.id,
         text: r.text,
         value: r.id.toString(),
@@ -822,13 +822,13 @@ const Yl = /* @__PURE__ */ Y(Wl, [["render", Jl]]), Xl = {
       }, { ref_for: !0 }, n.$attrs), null, 16, ["text", "value", "checked", "modelValue"]))), 128))
     ], 2));
   }
-}), ho = {
+}), mo = {
   key: 1,
   class: "w-full flex flex-col gap-4"
-}, go = {
+}, ho = {
   key: 0,
   class: "text-sm font-medium text-muted-foreground my-2"
-}, bo = "Без категорії", yo = /* @__PURE__ */ G({
+}, go = "Без категорії", bo = /* @__PURE__ */ G({
   __name: "vs-input-checkbox",
   props: {
     options: { default: () => [] },
@@ -849,10 +849,10 @@ const Yl = /* @__PURE__ */ Y(Wl, [["render", Jl]]), Xl = {
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, s = e, n = w([]), a = qt({}), r = (m) => m?.value || m?.id || m?.text || m, d = (m) => m.text || String(m), c = (m) => `lg:col-span-${m || 12}`, f = S(() => [
+    const t = o, s = e, n = w([]), a = Gt({}), r = (m) => m?.value || m?.id || m?.text || m, d = (m) => m.text || String(m), c = (m) => `lg:col-span-${m || 12}`, f = B(() => [
       t.position === "vertical" ? "flex flex-col" : "",
       t.colSpan ? "grid" : "flex justify-start"
-    ]), p = (m) => m == null || m === "" ? null : typeof m == "string" || typeof m == "number" ? m : String(m), v = S(() => {
+    ]), p = (m) => m == null || m === "" ? null : typeof m == "string" || typeof m == "number" ? m : String(m), v = B(() => {
       if (!t.group)
         return [];
       const m = /* @__PURE__ */ new Map();
@@ -869,7 +869,7 @@ const Yl = /* @__PURE__ */ Y(Wl, [["render", Jl]]), Xl = {
         const C = m.get(O) || [];
         if (!C.length)
           return null;
-        const h = O === null ? "group-null" : `group-${String(O)}`, x = O === null ? bo : String(O);
+        const h = O === null ? "group-null" : `group-${String(O)}`, x = O === null ? go : String(O);
         return $.add(O), {
           key: h,
           label: x,
@@ -949,16 +949,16 @@ const Yl = /* @__PURE__ */ Y(Wl, [["render", Jl]]), Xl = {
           }
         });
       }
-    }), (m, I) => t.group ? (i(), u("div", ho, [
-      (i(!0), u(re, null, fe(v.value, ($) => (i(), u("div", {
+    }), (m, I) => t.group ? (i(), u("div", mo, [
+      (i(!0), u(re, null, pe(v.value, ($) => (i(), u("div", {
         key: $.key,
         class: "flex flex-col gap-2"
       }, [
-        $.label ? (i(), u("span", go, W($.label), 1)) : U("", !0),
+        $.label ? (i(), u("span", ho, K($.label), 1)) : D("", !0),
         l("div", {
           class: T(["p-0 w-full gap-[12px]", f.value])
         }, [
-          (i(!0), u(re, null, fe($.options, (A) => (i(), me(ot, {
+          (i(!0), u(re, null, pe($.options, (A) => (i(), ve(ot, {
             modelValue: a[r(A)],
             "onUpdate:modelValue": (E) => a[r(A)] = E,
             value: r(A),
@@ -977,7 +977,7 @@ const Yl = /* @__PURE__ */ Y(Wl, [["render", Jl]]), Xl = {
       key: 0,
       class: T(["p-0 w-full gap-[10px]", f.value])
     }, [
-      (i(!0), u(re, null, fe(n.value, ($) => (i(), me(ot, {
+      (i(!0), u(re, null, pe(n.value, ($) => (i(), ve(ot, {
         modelValue: a[r($)],
         "onUpdate:modelValue": (A) => a[r($)] = A,
         value: r($),
@@ -992,7 +992,7 @@ const Yl = /* @__PURE__ */ Y(Wl, [["render", Jl]]), Xl = {
       }, null, 8, ["modelValue", "onUpdate:modelValue", "value", "class", "disabled", "label", "icon", "imgUrl", "option", "view"]))), 128))
     ], 2));
   }
-}), xo = /* @__PURE__ */ Y(yo, [["__scopeId", "data-v-58e06c8a"]]), wo = ["type", "placeholder", "disabled"], ko = /* @__PURE__ */ G({
+}), yo = /* @__PURE__ */ X(bo, [["__scopeId", "data-v-58e06c8a"]]), xo = ["type", "placeholder", "disabled"], wo = /* @__PURE__ */ G({
   __name: "vs-input-date1",
   props: {
     style: { default: () => ({}) },
@@ -1010,25 +1010,25 @@ const Yl = /* @__PURE__ */ Y(Wl, [["render", Jl]]), Xl = {
     function s(c) {
       return c ? t.mode === "datetime" ? (c.includes("T") ? c : null) || c + (c.includes(" ") ? "" : "T00:00") : c?.split(" ")[0] : null;
     }
-    const { inputClass: n } = Ce(t.style), a = e, r = S({
+    const { inputClass: n } = Ce(t.style), a = e, r = B({
       get: () => s(t.modelValue),
       set: (c) => a("update:modelValue", c)
-    }), d = S(() => t.mode === "datetime" ? "datetime-local" : t.mode);
+    }), d = B(() => t.mode === "datetime" ? "datetime-local" : t.mode);
     return (c, f) => ne((i(), u("input", {
       type: d.value,
       "onUpdate:modelValue": f[0] || (f[0] = (p) => r.value = p),
       placeholder: c.placeholder,
       disabled: c.disabled,
       ref: "date",
-      class: T(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [c.modelValue ? "" : "text-opacity-50", te(n)].join(" ")]),
+      class: T(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [c.modelValue ? "" : "text-opacity-50", le(n)].join(" ")]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, wo)), [
-      [Kt, r.value]
+    }, null, 10, xo)), [
+      [qt, r.value]
     ]);
   }
-}), $t = async (o, e, t, s) => {
+}), _t = async (o, e, t, s) => {
   try {
     const n = new FormData();
     return n.append("unique", "true"), n.append("file", o), (await fetch(
@@ -1046,20 +1046,20 @@ const Yl = /* @__PURE__ */ Y(Wl, [["render", Jl]]), Xl = {
       position: "right-bottom"
     }), console.error("Сталась помилка завантаження файлу", n), null;
   }
-}, _o = async (o) => {
+}, ko = async (o) => {
   try {
     return await fetch(`file/delete${o}`), !0;
   } catch (e) {
     return console.error(e), !1;
   }
-}, Ct = async (o) => {
+}, $t = 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();
   } catch (e) {
     console.error(e.message);
   }
-}, $o = {}, Co = {
+}, _o = {}, $o = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1070,13 +1070,13 @@ const Yl = /* @__PURE__ */ Y(Wl, [["render", Jl]]), Xl = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Vo(o, e) {
-  return i(), u("svg", Co, e[0] || (e[0] = [
+function Co(o, e) {
+  return i(), u("svg", $o, e[0] || (e[0] = [
     l("path", { d: "M5 12h14" }, null, -1),
     l("path", { d: "M12 5v14" }, null, -1)
   ]));
 }
-const qe = /* @__PURE__ */ Y($o, [["render", Vo]]), Mo = {}, Lo = {
+const Ge = /* @__PURE__ */ X(_o, [["render", Co]]), Vo = {}, Mo = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-text",
   width: "44",
@@ -1088,12 +1088,12 @@ const qe = /* @__PURE__ */ Y($o, [["render", Vo]]), Mo = {}, Lo = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function So(o, e, t, s, n, a) {
-  return i(), u("svg", Lo, e[0] || (e[0] = [
+function Lo(o, e, t, s, n, a) {
+  return i(), u("svg", Mo, e[0] || (e[0] = [
     xe('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><line x1="9" y1="9" x2="10" y2="9"></line><line x1="9" y1="13" x2="15" y2="13"></line><line x1="9" y1="17" x2="15" y2="17"></line>', 6)
   ]));
 }
-const Bo = /* @__PURE__ */ Y(Mo, [["render", So]]), jo = {}, Eo = {
+const So = /* @__PURE__ */ X(Vo, [["render", Lo]]), Bo = {}, jo = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-table",
   width: "44",
@@ -1105,8 +1105,8 @@ const Bo = /* @__PURE__ */ Y(Mo, [["render", So]]), jo = {}, Eo = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Io(o, e, t, s, n, a) {
-  return i(), u("svg", Eo, e[0] || (e[0] = [
+function Eo(o, e, t, s, n, a) {
+  return i(), u("svg", jo, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1133,7 +1133,7 @@ function Io(o, e, t, s, n, a) {
     }, null, -1)
   ]));
 }
-const zo = /* @__PURE__ */ Y(jo, [["render", Io]]), Ao = {}, To = {
+const Io = /* @__PURE__ */ X(Bo, [["render", Eo]]), zo = {}, Ao = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1144,12 +1144,12 @@ const zo = /* @__PURE__ */ Y(jo, [["render", Io]]), Ao = {}, To = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Fo(o, e) {
-  return i(), u("svg", To, e[0] || (e[0] = [
+function To(o, e) {
+  return i(), u("svg", Ao, e[0] || (e[0] = [
     xe('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><path d="M9 9l1 0"></path><path d="M9 13l6 0"></path><path d="M9 17l6 0"></path>', 6)
   ]));
 }
-const Tt = /* @__PURE__ */ Y(Ao, [["render", Fo]]), Oo = {}, Uo = {
+const At = /* @__PURE__ */ X(zo, [["render", To]]), Fo = {}, Oo = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-zip",
   width: "44",
@@ -1161,12 +1161,12 @@ const Tt = /* @__PURE__ */ Y(Ao, [["render", Fo]]), Oo = {}, Uo = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Do(o, e, t, s, n, a) {
-  return i(), u("svg", Uo, e[0] || (e[0] = [
+function Uo(o, e, t, s, n, a) {
+  return i(), u("svg", Oo, e[0] || (e[0] = [
     xe('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M6 20.735a2 2 0 0 1 -1 -1.735v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-1"></path><path d="M11 17a2 2 0 0 1 2 2v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-2a2 2 0 0 1 2 -2z"></path><line x1="11" y1="5" x2="10" y2="5"></line><line x1="13" y1="7" x2="12" y2="7"></line><line x1="11" y1="9" x2="10" y2="9"></line><line x1="13" y1="11" x2="12" y2="11"></line><line x1="11" y1="13" x2="10" y2="13"></line><line x1="13" y1="15" x2="12" y2="15"></line>', 9)
   ]));
 }
-const Ro = /* @__PURE__ */ Y(Oo, [["render", Do]]), Po = {}, Ho = {
+const Do = /* @__PURE__ */ X(Fo, [["render", Uo]]), Ro = {}, Po = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-code",
   width: "44",
@@ -1178,25 +1178,25 @@ const Ro = /* @__PURE__ */ Y(Oo, [["render", Do]]), Po = {}, Ho = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function No(o, e, t, s, n, a) {
-  return i(), u("svg", Ho, e[0] || (e[0] = [
+function Ho(o, e, t, s, n, a) {
+  return i(), u("svg", Po, e[0] || (e[0] = [
     xe('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><path d="M10 13l-1 2l1 2"></path><path d="M14 13l1 2l-1 2"></path>', 5)
   ]));
 }
-const Go = /* @__PURE__ */ Y(Po, [["render", No]]), qo = (o) => {
+const No = /* @__PURE__ */ X(Ro, [["render", Ho]]), Go = (o) => {
   if (!o) return "";
   const e = o?.split(".");
   return e[e.length - 1];
-}, Ko = (o) => {
-  const e = qo(o), t = {
+}, qo = (o) => {
+  const e = Go(o), t = {
     imageFormat: ["tiff", "jpg", "jpeg", "png", "svg", "ico", "webp"],
     sheetsFormat: ["xls", "csv", "xlsx"],
     archivesFormat: ["zip", "rar"],
     textsFormat: ["json", "geojson", "txt", "yml", "yaml", "shp"],
     documentsFormat: ["pdf"]
   };
-  return t.imageFormat.includes(e) ? "img" : t.sheetsFormat.includes(e) ? zo : t.textsFormat.includes(e) ? Go : t.documentsFormat.includes(e) ? Bo : t.archivesFormat.includes(e) ? Ro : Tt;
-}, Wo = {}, Zo = {
+  return t.imageFormat.includes(e) ? "img" : t.sheetsFormat.includes(e) ? Io : t.textsFormat.includes(e) ? No : t.documentsFormat.includes(e) ? So : t.archivesFormat.includes(e) ? Do : At;
+}, Ko = {}, Wo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1208,12 +1208,12 @@ const Go = /* @__PURE__ */ Y(Po, [["render", No]]), qo = (o) => {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-trash"
 };
-function Jo(o, e) {
-  return i(), u("svg", Zo, e[0] || (e[0] = [
+function Zo(o, e) {
+  return i(), u("svg", Wo, e[0] || (e[0] = [
     xe('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M4 7l16 0"></path><path d="M10 11l0 6"></path><path d="M14 11l0 6"></path><path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12"></path><path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3"></path>', 6)
   ]));
 }
-const et = /* @__PURE__ */ Y(Wo, [["render", Jo]]), Yo = {}, Xo = {
+const Qe = /* @__PURE__ */ X(Ko, [["render", Zo]]), Jo = {}, Yo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1225,8 +1225,8 @@ const et = /* @__PURE__ */ Y(Wo, [["render", Jo]]), Yo = {}, Xo = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-download"
 };
-function Qo(o, e) {
-  return i(), u("svg", Xo, e[0] || (e[0] = [
+function Xo(o, e) {
+  return i(), u("svg", Yo, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1237,7 +1237,7 @@ function Qo(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const Ft = /* @__PURE__ */ Y(Yo, [["render", Qo]]), en = { class: "h-[120px] w-[120px] border text-gray-300 border-dashed border-[#CFD9E0] rounded-lg overflow-hidden relative item-file" }, tn = { class: "absolute hidden top-0 right-0 flex items-center gap-x-2 w-full h-full justify-center" }, ln = /* @__PURE__ */ G({
+const Tt = /* @__PURE__ */ X(Jo, [["render", Xo]]), Qo = { class: "h-[120px] w-[120px] border text-gray-300 border-dashed border-[#CFD9E0] rounded-lg overflow-hidden relative item-file" }, en = { class: "absolute hidden top-0 right-0 flex items-center gap-x-2 w-full h-full justify-center" }, tn = /* @__PURE__ */ G({
   __name: "vs-input-file-list-item",
   props: /* @__PURE__ */ ie({
     format: {},
@@ -1259,43 +1259,43 @@ const Ft = /* @__PURE__ */ Y(Yo, [["render", Qo]]), en = { class: "h-[120px] w-[
   emits: ["update:value", "update:item"],
   setup(o) {
     const e = de(o, "value"), t = de(o, "item"), s = o;
-    return (n, a) => (i(), u("div", en, [
-      (i(), me(Oe(te(Ko)(t.value)), {
+    return (n, a) => (i(), u("div", Qo, [
+      (i(), ve(Oe(le(qo)(t.value)), {
         src: t.value,
         alt: "file",
         class: "w-full h-full object-cover cursor-pointer",
-        onClick: a[0] || (a[0] = (r) => te(Ct)(t.value))
+        onClick: a[0] || (a[0] = (r) => le($t)(t.value))
       }, null, 8, ["src"])),
-      l("div", tn, [
+      l("div", en, [
         l("button", {
           type: "button",
           onClick: a[1] || (a[1] = (r) => {
-            te(_o)(t.value), e.value = s.multiple ? e.value?.filter((d) => d !== t.value) : "";
+            le(ko)(t.value), e.value = s.multiple ? e.value?.filter((d) => d !== t.value) : "";
           }),
           class: "w-6 h-6 flex items-center justify-center text-gray-500 bg-gray-200 rounded-lg hover:text-red-500"
         }, [
-          R(et, { class: "w-4 h-4" })
+          R(Qe, { class: "w-4 h-4" })
         ]),
         l("button", {
           type: "button",
-          onClick: a[2] || (a[2] = (r) => te(Ct)(t.value)),
+          onClick: a[2] || (a[2] = (r) => le($t)(t.value)),
           class: "w-6 h-6 flex items-center justify-center text-gray-500 bg-gray-200 rounded-lg hover:text-blue-500"
         }, [
-          R(Ft, { class: "w-4 h-4" })
+          R(Tt, { class: "w-4 h-4" })
         ])
       ])
     ]));
   }
-}), Vt = /* @__PURE__ */ Y(ln, [["__scopeId", "data-v-0ca886b3"]]), on = { class: "flex items-center gap-x-2" }, nn = ["multiple", "disabled"], an = {
+}), Ct = /* @__PURE__ */ X(tn, [["__scopeId", "data-v-0ca886b3"]]), ln = { class: "flex items-center gap-x-2" }, on = ["multiple", "disabled"], nn = {
   key: 1,
   class: "flex items-center flex-wrap gap-2"
-}, sn = {
+}, an = {
   key: 1,
   class: "loader"
-}, rn = {
+}, sn = {
   key: 1,
   class: "loader"
-}, un = /* @__PURE__ */ G({
+}, rn = /* @__PURE__ */ G({
   __name: "vs-input-file",
   props: /* @__PURE__ */ ie({
     format: {},
@@ -1336,20 +1336,20 @@ const Ft = /* @__PURE__ */ Y(Yo, [["render", Qo]]), en = { class: "h-[120px] w-[
       r.value = !0;
       try {
         if (t.multiple) {
-          const m = Array.from(v).map(async (E) => t.format && !E.name.endsWith(t.format) ? null : await $t(E, "1", "form", "table")), A = (await Promise.all(m)).filter((E) => E !== null).map((E) => E?.file_path).filter(Boolean);
+          const m = Array.from(v).map(async (E) => t.format && !E.name.endsWith(t.format) ? null : await _t(E, "1", "form", "table")), A = (await Promise.all(m)).filter((E) => E !== null).map((E) => E?.file_path).filter(Boolean);
           s.value = [...s.value || [], ...A], n("change", s.value);
         } else {
           const m = v[0];
           if (t.format && !m.name.endsWith(t.format))
             return;
-          const I = await $t(m, "1", "form", "table");
+          const I = await _t(m, "1", "form", "table");
           s.value = I?.file_path, n("change", s.value || "");
         }
       } finally {
         r.value = !1, a.value && (a.value.value = "");
       }
     };
-    return (p, v) => (i(), u("div", on, [
+    return (p, v) => (i(), u("div", ln, [
       l("input", {
         class: "hidden",
         ref_key: "fileInput",
@@ -1358,15 +1358,15 @@ const Ft = /* @__PURE__ */ Y(Yo, [["render", Qo]]), en = { class: "h-[120px] w-[
         multiple: p.multiple,
         onChange: f,
         disabled: r.value || p.disabled
-      }, null, 40, nn),
-      !p.multiple && s.value ? (i(), me(Vt, {
+      }, null, 40, on),
+      !p.multiple && s.value ? (i(), ve(Ct, {
         key: 0,
         item: s.value,
         "onUpdate:item": v[0] || (v[0] = (k) => s.value = k),
         value: s.value,
         "onUpdate:value": v[1] || (v[1] = (k) => s.value = k)
-      }, null, 8, ["item", "value"])) : p.multiple ? (i(), u("div", an, [
-        (i(!0), u(re, null, fe(s.value, (k, m) => (i(), me(Vt, {
+      }, null, 8, ["item", "value"])) : p.multiple ? (i(), u("div", nn, [
+        (i(!0), u(re, null, pe(s.value, (k, m) => (i(), ve(Ct, {
           multiple: p.multiple,
           key: m,
           value: s.value,
@@ -1380,31 +1380,31 @@ const Ft = /* @__PURE__ */ Y(Yo, [["render", Qo]]), en = { class: "h-[120px] w-[
             p.disabled || r.value ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500 hover:bg-blue-50"
           ])
         }, [
-          r.value ? (i(), u("div", sn)) : (i(), me(qe, {
+          r.value ? (i(), u("div", an)) : (i(), ve(Ge, {
             key: 0,
             class: "w-6 h-6"
           }))
         ], 2)
-      ])) : U("", !0),
-      p.multiple ? U("", !0) : (i(), u("div", {
+      ])) : D("", !0),
+      p.multiple ? D("", !0) : (i(), u("div", {
         key: 2,
         onClick: v[4] || (v[4] = (k) => a.value?.click()),
         class: T([p.disabled || r.value ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500", "relative h-[120px] w-[120px] border text-gray-300 hover:text-blue-500 border-dashed border-gray-300 rounded-lg flex items-center justify-center cursor-pointer hover:border-blue-500 transition-all duration-300 hover:bg-blue-50"])
       }, [
-        r.value ? (i(), u("div", rn)) : (i(), me(qe, {
+        r.value ? (i(), u("div", sn)) : (i(), ve(Ge, {
           key: 0,
           class: "w-6 h-6"
         }))
       ], 2))
     ]));
   }
-}), dn = /* @__PURE__ */ Y(un, [["__scopeId", "data-v-70ddd946"]]), cn = { class: "max-w-[55vw]" }, pn = { class: "text-sm font-semibold text-gray-800 truncate dark:text-neutral-200" }, fn = { class: "flex items-center text-xs text-gray-500 truncate dark:text-neutral-500" }, vn = { class: "px-[5px]" }, mn = { class: "" }, Ye = /* @__PURE__ */ G({
+}), un = /* @__PURE__ */ X(rn, [["__scopeId", "data-v-e613a523"]]), dn = { class: "max-w-[55vw]" }, cn = { class: "text-sm font-semibold text-gray-800 truncate dark:text-neutral-200" }, pn = { class: "flex items-center text-xs text-gray-500 truncate dark:text-neutral-500" }, fn = { class: "px-[5px]" }, vn = { class: "" }, Je = /* @__PURE__ */ G({
   __name: "vs-widget-file-info",
   props: {
     item: { default: null }
   },
   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",
@@ -1423,33 +1423,33 @@ const Ft = /* @__PURE__ */ Y(Yo, [["render", Qo]]), en = { class: "h-[120px] w-[
     }
     return (n, a) => (i(), u(re, null, [
       a[1] || (a[1] = xe('<div class="flex items-center justify-center h-[30px] w-[30px]"><svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-file"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path></svg></div>', 1)),
-      l("div", cn, [
-        l("p", pn, W(n.item?.uploaded_name), 1),
-        l("p", fn, [
-          l("span", null, W(n.item?.username), 1),
-          ne(l("span", vn, "|", 512), [
+      l("div", dn, [
+        l("p", cn, K(n.item?.uploaded_name), 1),
+        l("p", pn, [
+          l("span", null, K(n.item?.username), 1),
+          ne(l("span", fn, "|", 512), [
             [it, n.item?.username]
           ]),
-          l("span", null, W(t.value), 1),
+          l("span", null, K(t.value), 1),
           a[0] || (a[0] = l("span", { class: "px-[5px]" }, "|", -1)),
-          l("span", mn, W(s(n.item?.size)), 1)
+          l("span", vn, K(s(n.item?.size)), 1)
         ])
       ])
     ], 64));
   }
-}), hn = { class: "p-3 relative group flex items-center gap-x-3 border border-gray-200 bg-white rounded-md w-full" }, gn = {
+}), mn = { class: "p-3 relative group flex items-center gap-x-3 border border-gray-200 bg-white rounded-md w-full" }, hn = {
   key: 0,
   class: "flex w-full gap-x-3 items-center"
-}, bn = {
+}, gn = {
   key: 1,
   class: "flex gap-x-3 w-full items-center"
-}, yn = {
+}, bn = {
   key: 2,
   class: "flex gap-x-3 w-full items-center"
-}, xn = ["href"], wn = {
+}, yn = ["href"], xn = {
   key: 3,
   class: "flex gap-x-3 w-full items-center"
-}, kn = { class: "lg:absolute lg:top-3 lg:end-1 opacity-100" }, _n = { class: "p-0.5 sm:p-1 inline-flex items-center gap-0.5 bg-white rounded-lg dark:bg-neutral-800 dark:border-neutral-700" }, $n = { class: "inline-block" }, Cn = { class: "inline-block" }, Vn = /* @__PURE__ */ G({
+}, wn = { class: "lg:absolute lg:top-3 lg:end-1 opacity-100" }, kn = { class: "p-0.5 sm:p-1 inline-flex items-center gap-0.5 bg-white rounded-lg dark:bg-neutral-800 dark:border-neutral-700" }, _n = { class: "inline-block" }, $n = { class: "inline-block" }, Cn = /* @__PURE__ */ G({
   __name: "vs-widget-file-item",
   props: {
     item: { default: null },
@@ -1491,48 +1491,48 @@ const Ft = /* @__PURE__ */ Y(Yo, [["render", Qo]]), en = { class: "h-[120px] w-[
     function f(p) {
       (t.item.ext === "jpg" || t.item.ext === "png") && s("openLightbox", { item: t.item, index: p });
     }
-    return (p, v) => (i(), u("div", hn, [
-      p.item.ext === "jpg" || p.item.ext === "png" ? (i(), u("div", gn, [
+    return (p, v) => (i(), u("div", mn, [
+      p.item.ext === "jpg" || p.item.ext === "png" ? (i(), u("div", hn, [
         l("div", {
           class: "max-w-[55vw] cursor-pointer flex gap-x-3 w-full items-center",
           onClick: v[0] || (v[0] = (k) => f(p.index))
         }, [
-          R(Ye, { item: p.item }, null, 8, ["item"])
+          R(Je, { item: p.item }, null, 8, ["item"])
         ])
-      ])) : n(p.item) ? (i(), u("div", bn, [
-        R(Ye, { item: p.item }, null, 8, ["item"])
-      ])) : a(p.item) ? (i(), u("div", yn, [
+      ])) : n(p.item) ? (i(), u("div", gn, [
+        R(Je, { item: p.item }, null, 8, ["item"])
+      ])) : a(p.item) ? (i(), u("div", bn, [
         l("a", {
           href: `/api/file-preview?id=${p.item.file_id}`,
           target: "_blank",
           class: "flex gap-x-3 w-full items-center"
         }, [
-          R(Ye, { item: p.item }, null, 8, ["item"])
-        ], 8, xn)
-      ])) : (i(), u("div", wn, [
-        R(Ye, { item: p.item }, null, 8, ["item"])
+          R(Je, { item: p.item }, null, 8, ["item"])
+        ], 8, yn)
+      ])) : (i(), u("div", xn, [
+        R(Je, { item: p.item }, null, 8, ["item"])
       ])),
-      l("div", kn, [
-        l("div", _n, [
-          l("div", $n, [
+      l("div", wn, [
+        l("div", kn, [
+          l("div", _n, [
             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: v[1] || (v[1] = (k) => r(p.item))
             }, [
-              R(Ft, {
+              R(Tt, {
                 height: "14",
                 width: "14"
               })
             ])
           ]),
           v[3] || (v[3] = l("div", { class: "w-px h-5 mx-1 bg-gray-200 dark:bg-neutral-700" }, null, -1)),
-          l("div", Cn, [
+          l("div", $n, [
             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: v[2] || (v[2] = (k) => c())
             }, [
-              R(et, {
+              R(Qe, {
                 height: "14",
                 width: "14"
               })
@@ -1542,7 +1542,7 @@ const Ft = /* @__PURE__ */ Y(Yo, [["render", Qo]]), en = { class: "h-[120px] w-[
       ])
     ]));
   }
-}), Mn = {}, Ln = {
+}), Vn = {}, Mn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1554,8 +1554,8 @@ const Ft = /* @__PURE__ */ Y(Yo, [["render", Qo]]), en = { class: "h-[120px] w-[
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-download"
 };
-function Sn(o, e) {
-  return i(), u("svg", Ln, e[0] || (e[0] = [
+function Ln(o, e) {
+  return i(), u("svg", Mn, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1566,13 +1566,13 @@ function Sn(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col widget-file xl:bg-white xl:rounded-xl dark:xl:bg-neutral-800 dark:xl:border-neutral-700 w-full" }, En = { class: "flex w-full mb-[12px] items-center gap-x-2" }, In = { class: "font-semibold text-gray-800 dark:text-neutral-200 text-[14px]" }, zn = { class1: "ml-auto" }, An = { class: "py-1.5 px-4 inline-flex items-center gap-x-2 text-sm font-medium rounded-lg bg-gray-100 cursor-pointer hover:bg-gray-200 text-gray-800 shadow-2xs hover:bg-gray-50 focus:outline-hidden focus:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" }, Tn = {
+const Sn = /* @__PURE__ */ X(Vn, [["render", Ln]]), Bn = { class: "flex flex-col widget-file xl:bg-white xl:rounded-xl dark:xl:bg-neutral-800 dark:xl:border-neutral-700 w-full" }, jn = { class: "flex w-full mb-[12px] items-center gap-x-2" }, En = { class: "font-semibold text-gray-800 dark:text-neutral-200 text-[14px]" }, In = { class1: "ml-auto" }, zn = { class: "py-1.5 px-4 inline-flex items-center gap-x-2 text-sm font-medium rounded-lg bg-gray-100 cursor-pointer hover:bg-gray-200 text-gray-800 shadow-2xs hover:bg-gray-50 focus:outline-hidden focus:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" }, An = {
   key: 0,
   class: "py-4 mb-4 space-y-4 border-gray-200 border-y dark:border-neutral-700"
-}, Fn = { class: "relative" }, On = {
+}, Tn = { class: "relative" }, Fn = {
   key: 1,
   class: "space-y-3 max-h-[300px] overflow-y-auto [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:bg-gray-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500"
-}, Un = { key: 0 }, Dn = /* @__PURE__ */ G({
+}, On = { key: 0 }, Un = /* @__PURE__ */ G({
   __name: "vs-input-file-list",
   props: {
     id: { default: "" },
@@ -1587,7 +1587,7 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
   },
   emits: ["update"],
   setup(o, { emit: e }) {
-    const t = o, s = Ae("form"), n = S(() => s.value.formId), a = w(!1), r = w(0), d = e, c = w(!1), f = w({}), p = w([]), v = w(""), k = S(() => Array.isArray(p.value) ? p.value.filter((C) => C.ext === "jpg" || C.ext === "png").map((C) => C?.file_path) : []), m = S(() => v.value === "" ? p.value : p.value.filter((C) => C?.uploaded_name?.includes(v.value))), I = (C) => {
+    const t = o, s = Ae("form"), n = B(() => s.value.formId), a = w(!1), r = w(0), d = e, c = w(!1), f = w({}), p = w([]), v = w(""), k = B(() => Array.isArray(p.value) ? p.value.filter((C) => C.ext === "jpg" || C.ext === "png").map((C) => C?.file_path) : []), m = B(() => v.value === "" ? p.value : p.value.filter((C) => C?.uploaded_name?.includes(v.value))), I = (C) => {
       const h = k.value.findIndex((x) => x === C.item.file_path);
       h !== -1 && (a.value = !0, r.value = h);
     }, $ = async () => {
@@ -1603,18 +1603,18 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
           const x = new FormData();
           x.append("file", h);
           try {
-            const B = `${t.prefix}/widget/file/${n.value}`, V = await fetch(B, { method: "POST", body: x });
-            return V.ok ? (d("update", "file-list"), h) : (ce({
-              type: V.status >= 400 && V.status < 500 ? "warning" : "error",
+            const j = `${t.prefix}/widget/file/${n.value}`, M = await fetch(j, { method: "POST", body: x });
+            return M.ok ? (d("update", "file-list"), h) : (ce({
+              type: M.status >= 400 && M.status < 500 ? "warning" : "error",
               title: "Error",
-              message: `Error code: ${V.status}`
+              message: `Error code: ${M.status}`
             }), null);
-          } catch (B) {
+          } catch (j) {
             return ce({
               type: "error",
               title: "Error",
-              message: B.message || "Unknown error"
-            }), console.error(B), null;
+              message: j.message || "Unknown error"
+            }), console.error(j), null;
           }
         })
       ), await $();
@@ -1633,19 +1633,19 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
     }), ye(() => {
       n.value && $();
     }), (C, h) => {
-      const x = xt("Lightbox"), B = xt("MessageBox");
-      return i(), u("div", jn, [
-        l("div", En, [
-          l("h2", In, " Файлів: " + W(p.value?.length), 1),
-          l("div", zn, [
+      const x = yt("Lightbox"), j = yt("MessageBox");
+      return i(), u("div", Bn, [
+        l("div", jn, [
+          l("h2", En, " Файлів: " + K(p.value?.length), 1),
+          l("div", In, [
             l("label", null, [
               l("input", {
                 type: "file",
                 class: "hidden",
-                onChange: h[0] || (h[0] = (V) => A(V))
+                onChange: h[0] || (h[0] = (M) => A(M))
               }, null, 32),
-              l("div", An, [
-                R(Bn, {
+              l("div", zn, [
+                R(Sn, {
                   height: "16",
                   width: "16"
                 })
@@ -1653,9 +1653,9 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
             ])
           ])
         ]),
-        p.value?.length > 4 ? (i(), u("div", Tn, [
+        p.value?.length > 4 ? (i(), u("div", An, [
           l("div", null, [
-            l("div", Fn, [
+            l("div", Tn, [
               h[8] || (h[8] = l("div", { class: "absolute inset-y-0 start-0 flex items-center pointer-events-none z-[1] ps-3.5" }, [
                 l("svg", {
                   class: "flex-shrink-0 text-gray-500 size-4 dark:text-neutral-400",
@@ -1679,12 +1679,12 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
               ], -1)),
               ne(l("input", {
                 type: "text",
-                "onUpdate:modelValue": h[1] || (h[1] = (V) => v.value = V),
+                "onUpdate:modelValue": h[1] || (h[1] = (M) => v.value = M),
                 class: "py-2 px-3 ps-10 pe-16 block w-full bg-gray-200 xl:bg-gray-100 rounded-lg text-sm focus:border-blue-500 h-[40px] focus:border-2 focus:outline-none disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700 dark:border-transparent dark:text-neutral-400 dark:placeholder:text-neutral-400 dark:focus:ring-neutral-600",
                 placeholder: "Введіть назву файлу"
               }, null, 512), [
                 [
-                  he,
+                  me,
                   v.value,
                   void 0,
                   { trim: !0 }
@@ -1692,37 +1692,37 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
               ])
             ])
           ])
-        ])) : U("", !0),
-        p.value?.length ? (i(), u("div", On, [
-          (i(!0), u(re, null, fe(m.value, (V, P) => (i(), me(Vn, {
+        ])) : D("", !0),
+        p.value?.length ? (i(), u("div", Fn, [
+          (i(!0), u(re, null, pe(m.value, (M, P) => (i(), ve(Cn, {
             key: P,
             prefix: C.prefix,
-            item: V,
+            item: M,
             index: P,
-            onUpdate: h[2] || (h[2] = (ee) => C.$emit("update", "file-list")),
-            onOpenModal: h[3] || (h[3] = (ee) => O(ee)),
-            onOpenLightbox: h[4] || (h[4] = (ee) => I(ee))
+            onUpdate: h[2] || (h[2] = (te) => C.$emit("update", "file-list")),
+            onOpenModal: h[3] || (h[3] = (te) => O(te)),
+            onOpenLightbox: h[4] || (h[4] = (te) => I(te))
           }, null, 8, ["prefix", "item", "index"]))), 128)),
-          m.value.length ? U("", !0) : (i(), u("div", Un, h[9] || (h[9] = [
+          m.value.length ? D("", !0) : (i(), u("div", On, h[9] || (h[9] = [
             l("p", { class: "text-sm text-gray-600 font-sm" }, " Файлів з такою назвою не існує, введіть інше пошукове слово ", -1)
           ])))
-        ])) : U("", !0),
+        ])) : D("", !0),
         R(x, {
           modelValue: a.value,
-          "onUpdate:modelValue": h[5] || (h[5] = (V) => a.value = V),
+          "onUpdate:modelValue": h[5] || (h[5] = (M) => a.value = M),
           startIndex: r.value,
-          "onUpdate:index": h[6] || (h[6] = (V) => r.value = V),
+          "onUpdate:index": h[6] || (h[6] = (M) => r.value = M),
           images: k.value
         }, null, 8, ["modelValue", "startIndex", "images"]),
-        R(B, Fe({
+        R(j, Fe({
           modelValue: c.value,
-          "onUpdate:modelValue": h[7] || (h[7] = (V) => c.value = V),
+          "onUpdate:modelValue": h[7] || (h[7] = (M) => c.value = M),
           onConfirm: f.value.confirm
         }, f.value), null, 16, ["modelValue", "onConfirm"])
       ]);
     };
   }
-}), Rn = { class: "flex items-center justify-between" }, Pn = { class: "text-[16px] text-gray-900 font-medium" }, Hn = { class: "grid gap-3" }, Nn = /* @__PURE__ */ G({
+}), Dn = { class: "flex items-center justify-between" }, Rn = { class: "text-[16px] text-gray-900 font-medium" }, Pn = { class: "grid gap-3" }, Hn = /* @__PURE__ */ G({
   __name: "vs-container-switcher",
   props: {
     title: {
@@ -1746,9 +1746,9 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
         t.value = s;
       }
     ), (s, n) => (i(), u("div", null, [
-      l("div", Rn, [
-        l("p", Pn, W(o.title), 1),
-        R(At, {
+      l("div", Dn, [
+        l("p", Rn, K(o.title), 1),
+        R(zt, {
           modelValue: t.value,
           "onUpdate:modelValue": n[0] || (n[0] = (a) => t.value = a),
           style: be(o.style)
@@ -1756,8 +1756,8 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
       ]),
       R(ut, { name: "slide-fade" }, {
         default: Ee(() => [
-          ne(l("div", Hn, [
-            Le(s.$slots, "default", {}, void 0, !0)
+          ne(l("div", Pn, [
+            Me(s.$slots, "default", {}, void 0, !0)
           ], 512), [
             [it, t.value]
           ])
@@ -1766,7 +1766,7 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
       })
     ]));
   }
-}), Gn = /* @__PURE__ */ Y(Nn, [["__scopeId", "data-v-90320b87"]]), qn = { class: "text-[16px] text-gray-900 font-medium" }, Kn = { class: "grid gap-3" }, Wn = /* @__PURE__ */ G({
+}), Nn = /* @__PURE__ */ X(Hn, [["__scopeId", "data-v-90320b87"]]), Gn = { class: "text-[16px] text-gray-900 font-medium" }, qn = { class: "grid gap-3" }, Kn = /* @__PURE__ */ G({
   __name: "vs-container-accordion",
   props: {
     title: {
@@ -1795,15 +1795,15 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
         onClick: n[0] || (n[0] = (a) => t.value = !t.value),
         class: "flex items-center gap-2"
       }, [
-        R(te(Hl), {
+        R(le(Pl), {
           class: T(["h-4 w-4 duration-300", [t.value ? "-rotate-180" : ""]])
         }, null, 8, ["class"]),
-        l("span", qn, W(o.title), 1)
+        l("span", Gn, K(o.title), 1)
       ]),
       R(ut, { name: "slide-fade" }, {
         default: Ee(() => [
-          ne(l("div", Kn, [
-            Le(s.$slots, "default", {}, void 0, !0)
+          ne(l("div", qn, [
+            Me(s.$slots, "default", {}, void 0, !0)
           ], 512), [
             [it, t.value]
           ])
@@ -1812,7 +1812,7 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
       })
     ]));
   }
-}), Zn = /* @__PURE__ */ Y(Wn, [["__scopeId", "data-v-590eff11"]]), Jn = { class: "flex items-center justify-between" }, Yn = /* @__PURE__ */ G({
+}), Wn = /* @__PURE__ */ X(Kn, [["__scopeId", "data-v-590eff11"]]), Zn = { class: "flex items-center justify-between" }, Jn = /* @__PURE__ */ G({
   __name: "vs-container-default",
   props: {
     title: {
@@ -1826,16 +1826,16 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
   },
   setup(o) {
     return (e, t) => (i(), u("div", null, [
-      l("div", Jn, [
-        l("p", null, W(o.title), 1)
+      l("div", Zn, [
+        l("p", null, K(o.title), 1)
       ]),
-      Le(e.$slots, "default")
+      Me(e.$slots, "default")
     ]));
   }
-}), Xn = {
-  switcher: Gn,
-  accordion: Zn,
-  default: Yn
+}), Yn = {
+  switcher: Nn,
+  accordion: Wn,
+  default: Jn
 }, _e = {
   Equal: "==",
   Inequal: "!=",
@@ -1849,37 +1849,37 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
   Contain: "*",
   In: "in",
   NotIn: "not_in"
-}, Qn = (o, e) => String(o) === String(e), ea = (o, e) => String(o) !== String(e), ta = (o, e) => o > e, la = (o, e) => o >= e, oa = (o, e) => o < e, na = (o, e) => o <= e, aa = (o, e) => Array.isArray(e) && e.length === 2 ? o >= e[0] && o <= e[1] : !1, sa = (o, e) => String(o).startsWith(String(e)), ra = (o, e) => String(o).endsWith(String(e)), ia = (o, e) => String(o).includes(String(e)), ua = (o, e) => Array.isArray(e) ? e.includes(o) : !1, da = (o, e) => Array.isArray(e) ? !e.includes(o) : !0, Ot = (o, e) => {
+}, Xn = (o, e) => String(o) === String(e), Qn = (o, e) => String(o) !== String(e), ea = (o, e) => o > e, ta = (o, e) => o >= e, la = (o, e) => o < e, oa = (o, e) => o <= e, na = (o, e) => Array.isArray(e) && e.length === 2 ? o >= e[0] && o <= e[1] : !1, aa = (o, e) => String(o).startsWith(String(e)), sa = (o, e) => String(o).endsWith(String(e)), ra = (o, e) => String(o).includes(String(e)), ia = (o, e) => Array.isArray(e) ? e.includes(o) : !1, ua = (o, e) => Array.isArray(e) ? !e.includes(o) : !0, Ft = (o, e) => {
   if (!e) return !0;
   switch (e?.[1]) {
     case _e.Equal:
-      return Qn(o, e?.[2]);
+      return Xn(o, e?.[2]);
     case _e.Inequal:
-      return ea(o, e?.[2]);
+      return Qn(o, e?.[2]);
     case _e.Higer:
-      return ta(o, e?.[2]);
+      return ea(o, e?.[2]);
     case _e.HigerOrEqual:
-      return la(o, e?.[2]);
+      return ta(o, e?.[2]);
     case _e.Lower:
-      return oa(o, e?.[2]);
+      return la(o, e?.[2]);
     case _e.LowerOrEqual:
-      return na(o, e?.[2]);
+      return oa(o, e?.[2]);
     case _e.Between:
-      return aa(o, e?.[2]);
+      return na(o, e?.[2]);
     case _e.StartWith:
-      return sa(o, e?.[2]);
+      return aa(o, e?.[2]);
     case _e.EndWith:
-      return ra(o, e?.[2]);
+      return sa(o, e?.[2]);
     case _e.Contain:
-      return ia(o, e?.[2]);
+      return ra(o, e?.[2]);
     case _e.In:
-      return ua(o, e?.[2]);
+      return ia(o, e?.[2]);
     case _e.NotIn:
-      return da(o, e?.[2]);
+      return ua(o, e?.[2]);
     default:
       return !0;
   }
-}, ca = /* @__PURE__ */ G({
+}, da = /* @__PURE__ */ G({
   __name: "vs-input-container",
   props: {
     style: {
@@ -1904,12 +1904,12 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
     }
   },
   setup(o) {
-    const e = o, t = Ae("values", w({})), s = Ae("form"), n = S(() => e.schema?.filter((d) => {
+    const e = o, t = Ae("values", w({})), s = Ae("form"), n = B(() => e.schema?.filter((d) => {
       const c = d?.conditions;
       if (!c) return !0;
       const f = Array.isArray(c) ? c[0] : c, p = e.name ? t.value?.[e.name]?.[f] ?? t.value?.[f] : t.value?.[f];
-      return Ot(p, c);
-    })), a = S(() => Xn[e.view]), r = S(() => {
+      return Ft(p, c);
+    })), a = B(() => Yn[e.view]), r = B(() => {
       if (t.value || (t.value = {}), !e.name) return t.value;
       const d = t.value[e.name];
       if (d) return d;
@@ -1919,38 +1919,35 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
         [e.name]: c
       }, c;
     });
-    return (d, c) => o.schema?.length ? (i(), me(Oe(a.value), {
+    return (d, c) => o.schema?.length ? (i(), ve(Oe(a.value), {
       key: 0,
       title: o.title,
       style: be(o.style)
     }, {
       default: Ee(() => [
-        (i(!0), u(re, null, fe(n.value, (f) => (i(), me(Ut, Fe({
+        (i(!0), u(re, null, pe(n.value, (f) => (i(), ve(Ot, Fe({
           key: f.name
         }, { ref_for: !0 }, f, {
           item: f,
           modelValue: r.value[f.name],
           "onUpdate:modelValue": (p) => r.value[f.name] = p,
           style: o.style,
-          error: te(s)?.errors?.[f.name]
+          error: le(s)?.errors?.[f.name]
         }), null, 16, ["item", "modelValue", "onUpdate:modelValue", "style", "error"]))), 128))
       ]),
       _: 1
-    }, 8, ["title", "style"])) : U("", !0);
+    }, 8, ["title", "style"])) : D("", !0);
   }
-}), pa = ["aria-expanded", "data-focus"], fa = {
+}), ca = ["aria-expanded", "data-focus"], pa = {
   key: 0,
   class: "flex flex-wrap items-center gap-1 max-h-20 overflow-y-auto min-w-0 flex-1"
-}, va = { class: "flex items-center min-w-0" }, ma = ["title"], ha = ["innerHTML"], ga = ["onClick"], ba = { class: "flex-1 min-w-[2px]" }, ya = ["placeholder"], xa = ["title"], wa = ["innerHTML"], ka = {
+}, fa = { class: "flex items-center min-w-0" }, va = ["title"], ma = ["innerHTML"], ha = ["onClick"], ga = { class: "flex-1 min-w-[2px]" }, ba = ["placeholder"], ya = ["title"], xa = ["innerHTML"], wa = {
   key: 2,
-  class: "text-gray-500 truncate"
-}, _a = {
-  key: 3,
   class: "flex-1 min-w-[2px]"
-}, $a = ["placeholder"], Ca = { class: "flex items-center shrink-0" }, Va = ["disabled"], Ma = ["disabled", "title"], La = ["aria-disabled", "onClick"], Sa = ["innerHTML"], Ba = {
+}, ka = ["placeholder"], _a = { class: "flex items-center shrink-0" }, $a = ["disabled"], Ca = ["disabled", "title"], Va = ["aria-disabled", "onClick"], Ma = ["innerHTML"], La = {
   key: 1,
   class: "px-3 py-2 text-center text-gray-500"
-}, ja = ["disabled"], Mt = /* @__PURE__ */ G({
+}, Sa = ["disabled"], Vt = /* @__PURE__ */ G({
   __name: "vs-input-select",
   props: {
     multiple: { type: Boolean, default: !1 },
@@ -1978,24 +1975,26 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { 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, s = e, n = B(() => t.multiple), a = B(() => t.disabled);
     Ce(t.style);
-    const r = S({
+    const r = B({
       get: () => t.modelValue,
       set: (g) => s("update:modelValue", g)
     });
     !r.value && t.defaultValue && (r.value = t.defaultValue);
-    const d = w(null), c = w(null), f = w(null), p = w(null), v = w(!1), k = w(!1), m = w(null), I = w([]), $ = w(-1), A = w([]), E = w(""), O = w(null), C = w("bottom"), h = w({}), x = w([]), B = S(() => {
+    const d = w(null), c = w(null), f = w(null), p = w(null), v = w(!1), k = w(!1), m = w(null), I = w([]), $ = w(-1), A = w([]), E = w(""), O = w(null), C = w("bottom"), h = w({}), x = w([]), j = B(() => {
       if (!x.value.length) return [];
       const g = I.value, y = new Map(g.map((_) => [_.id?.toString(), _]));
       return x.value.map((_) => y.get(_?.toString())).filter((_) => !!_);
-    }), V = S(() => t.placeholder || "Select..."), P = S(() => H(m.value)), ee = S(() => n.value ? !x.value.length && E.value === "" : !P.value && E.value === ""), Q = S(() => a.value ? !1 : n.value ? x.value.length > 0 : !!r.value), j = (g) => n.value ? x.value.some((y) => y?.toString() === g?.toString()) : r.value?.toString() === g?.toString(), q = S(() => {
+    }), M = B(() => t.placeholder || "Select..."), P = B(() => z(m.value));
+    B(() => n.value ? !x.value.length && E.value === "" : !P.value && E.value === "");
+    const te = B(() => a.value ? !1 : n.value ? x.value.length > 0 : !!r.value), Y = (g) => n.value ? x.value.some((y) => y?.toString() === g?.toString()) : r.value?.toString() === g?.toString(), S = B(() => {
       let g = I.value ?? [];
       if (!t.data && E.value.trim() !== "") {
         const y = E.value.toLowerCase();
         g = g.filter((_) => {
-          const K = H(_).toLowerCase(), se = _.text?.toLowerCase?.() || "";
-          return K.includes(y) || se.includes(y);
+          const q = z(_).toLowerCase(), se = _.text?.toLowerCase?.() || "";
+          return q.includes(y) || se.includes(y);
         });
       }
       if (n.value && x.value.length) {
@@ -2003,228 +2002,228 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
         g = g.filter((_) => !y.has(_.id?.toString()));
       }
       return g;
-    }), X = Ae("values"), Z = /\{\{\s*([^}]+?)\s*\}\}/g, D = (g) => (g ? String(g) : "").replace(/<[^>]*>/g, "").trim(), F = S(() => t.slot ?? t?.optionTemplate ?? ""), z = (g) => {
+    }), W = Ae("values"), ee = /\{\{\s*([^}]+?)\s*\}\}/g, Z = (g) => (g ? String(g) : "").replace(/<[^>]*>/g, "").trim(), U = B(() => t.slot ?? t?.optionTemplate ?? ""), F = (g) => {
       if (!g) return "";
-      const y = F.value;
-      return y ? y.replace(Z, (_, K) => {
-        const se = K.trim(), ve = g[se];
-        return ve != null ? String(ve) : "";
+      const y = U.value;
+      return y ? y.replace(ee, (_, q) => {
+        const se = q.trim(), fe = g[se];
+        return fe != null ? String(fe) : "";
       }) : g.text ?? "";
-    }, H = (g) => {
+    }, z = (g) => {
       if (!g) return "";
-      if (!F.value) return g.text ?? "";
-      const _ = z(g);
-      return D(_) || g.text || "";
-    }, le = (g) => {
-      t.set && X?.value && Object.entries(t.set).forEach(([y, _]) => {
+      if (!U.value) return g.text ?? "";
+      const _ = F(g);
+      return Z(_) || g.text || "";
+    }, H = (g) => {
+      t.set && W?.value && Object.entries(t.set).forEach(([y, _]) => {
         if (!y) return;
-        const K = g ? g[_] : null;
-        X.value[y] = K ?? null;
+        const q = g ? g[_] : null;
+        W.value[y] = q ?? null;
       });
-    }, pe = S(() => t.parent ? X?.value?.[t.parent]?.toString() ?? null : null), we = async (g) => {
+    }, Q = B(() => t.parent ? W?.value?.[t.parent]?.toString() ?? null : null), ge = async (g) => {
       if (!t.data) {
         let y = t.options ?? [];
         if (g?.trim()) {
           const _ = g.toLowerCase();
-          y = y.filter((K) => {
-            const se = H(K).toLowerCase(), ve = K.text?.toLowerCase?.() || "";
-            return se.includes(_) || ve.includes(_);
+          y = y.filter((q) => {
+            const se = z(q).toLowerCase(), fe = q.text?.toLowerCase?.() || "";
+            return se.includes(_) || fe.includes(_);
           });
         }
         return y;
       }
       try {
-        const y = t.host ?? "", _ = t.prefix ?? "api", K = t.api ?? `/${_}/suggest/${t.data}`, se = `${y}${K}`, ve = new URLSearchParams();
-        return ve.set("json", "1"), g && ve.set("key", g), pe.value !== void 0 && pe.value !== null && pe.value !== "" && ve.set("parent", pe.value), (await fetch(`${se}?${ve.toString()}`).then((ze) => ze.json()))?.data ?? [];
+        const y = t.host ?? "", _ = t.prefix ?? "api", q = t.api ?? `/${_}/suggest/${t.data}`, se = `${y}${q}`, fe = new URLSearchParams();
+        return fe.set("json", "1"), g && fe.set("key", g), Q.value !== void 0 && Q.value !== null && Q.value !== "" && fe.set("parent", Q.value), (await fetch(`${se}?${fe.toString()}`).then((ze) => ze.json()))?.data ?? [];
       } catch {
         return [];
       }
-    }, Ue = async () => {
-      t.data ? I.value = await we(E.value) : I.value = t.options ? [...t.options] : [];
-    }, We = async (g) => {
+    }, we = async () => {
+      t.data ? I.value = await ge(E.value) : I.value = t.options ? [...t.options] : [];
+    }, Ke = async (g) => {
       if (g == null) return null;
       const y = I.value?.find((_) => _?.id?.toString() === String(g));
       if (y) return y;
       if (t.data)
         try {
-          const _ = t.host ?? "", K = t.prefix ?? "api", se = t.api ?? `/${K}/suggest/${t.data}`, ve = `${_}${se}`, ke = new URLSearchParams();
-          return ke.set("json", "1"), ke.set("val", String(g)), pe.value !== void 0 && pe.value !== null && pe.value !== "" && ke.set("parent", pe.value), ((await fetch(`${ve}?${ke.toString()}`).then((Pe) => Pe.json()))?.data ?? [])?.[0] ?? null;
+          const _ = t.host ?? "", q = t.prefix ?? "api", se = t.api ?? `/${q}/suggest/${t.data}`, fe = `${_}${se}`, ke = new URLSearchParams();
+          return ke.set("json", "1"), ke.set("val", String(g)), Q.value !== void 0 && Q.value !== null && Q.value !== "" && ke.set("parent", Q.value), ((await fetch(`${fe}?${ke.toString()}`).then((Re) => Re.json()))?.data ?? [])?.[0] ?? null;
         } catch {
           return null;
         }
       return null;
-    }, tt = async (g) => {
-      const y = new Set(I.value.map((K) => K.id?.toString())), _ = g.filter((K) => !y.has(K?.toString()));
-      _.length && await _.reduce(async (K, se) => {
-        await K;
-        const ve = await We(se);
-        ve && I.value.push(ve);
+    }, et = async (g) => {
+      const y = new Set(I.value.map((q) => q.id?.toString())), _ = g.filter((q) => !y.has(q?.toString()));
+      _.length && await _.reduce(async (q, se) => {
+        await q;
+        const fe = await Ke(se);
+        fe && I.value.push(fe);
       }, Promise.resolve());
-    }, De = async () => {
-      a.value || (v.value = !0, await Ue(), await je(() => {
-        Ve(), O.value?.focus(), q.value.length ? $.value = 0 : $.value = -1;
+    }, Ue = async () => {
+      a.value || (v.value = !0, await we(), await je(() => {
+        Ve(), O.value?.focus(), S.value.length ? $.value = 0 : $.value = -1;
       }));
-    }, Se = () => {
+    }, Le = () => {
       v.value = !1, $.value = -1;
-    }, Te = async (g) => {
+    }, tt = async (g) => {
       if (a.value) return;
-      !v.value ? await De() : Se();
-    }, b = async () => {
-      v.value ? O.value?.focus() : await De();
-    }, M = () => {
-      n.value ? (x.value = [], r.value = [], s("change", [])) : (m.value = null, r.value = null, s("change", null)), le(null), E.value = "", je(() => O.value?.focus());
-    }, J = (g) => {
+      !v.value ? await Ue() : Le();
+    }, Te = async () => {
+      v.value ? O.value?.focus() : await Ue();
+    }, b = () => {
+      n.value ? (x.value = [], r.value = [], s("change", [])) : (m.value = null, r.value = null, s("change", null)), H(null), E.value = "", je(() => O.value?.focus());
+    }, V = (g) => {
       n.value && (x.value = x.value.filter((y) => y?.toString() !== g?.toString()), r.value = [...x.value], s("change", r.value), je(() => O.value?.focus()));
+    }, J = (g) => {
+      n.value ? (Y(g.id) || (x.value = [...x.value, g.id], r.value = [...x.value], s("change", r.value)), E.value = "", je(() => {
+        O.value?.focus(), $.value = Math.min($.value, S.value.length - 1);
+      }), H(null)) : (m.value = g, r.value = g.id, s("change", r.value), E.value = "", Le(), H(g));
     }, N = (g) => {
-      n.value ? (j(g.id) || (x.value = [...x.value, g.id], r.value = [...x.value], s("change", r.value)), E.value = "", je(() => {
-        O.value?.focus(), $.value = Math.min($.value, q.value.length - 1);
-      }), le(null)) : (m.value = g, r.value = g.id, s("change", r.value), E.value = "", Se(), le(g));
-    }, ae = (g) => {
-      j(g.id) || N(g);
+      Y(g.id) || J(g);
     }, oe = (g, y) => {
       if (!g || !y) return;
-      const _ = g.offsetTop, K = _ + g.offsetHeight, se = y.scrollTop, ve = se + y.clientHeight;
+      const _ = g.offsetTop, q = _ + g.offsetHeight, se = y.scrollTop, fe = se + y.clientHeight;
       let ke = y.scrollTop;
-      _ < se ? ke = _ - 80 : K > ve && (ke = K - y.clientHeight + 4);
+      _ < se ? ke = _ - 80 : q > fe && (ke = q - y.clientHeight + 4);
       const ze = y;
       ze.scrollTop = ke;
-    }, Me = (g) => {
+    }, ae = (g) => {
       let y = g.parentElement;
       for (; y; ) {
         if (y.classList.contains("ui-dialog__content"))
           return y;
-        const _ = window.getComputedStyle(y), K = _.overflow + _.overflowY + _.overflowX;
-        if (K.includes("auto") || K.includes("scroll") || y === document.body || y === document.documentElement)
+        const _ = window.getComputedStyle(y), q = _.overflow + _.overflowY + _.overflowX;
+        if (q.includes("auto") || q.includes("scroll") || y === document.body || y === document.documentElement)
           return y;
         y = y.parentElement;
       }
       return document.body;
     }, Ve = () => {
       if (!c.value) return;
-      const g = c.value.getBoundingClientRect(), y = window.innerHeight || document.documentElement.clientHeight, _ = window.innerWidth || document.documentElement.clientWidth, K = 8, se = 8, ve = t.maxHeight || 300, ke = y - g.bottom - se - K, ze = g.top - se - K, Re = ke >= ze, Pe = Math.max(_ - K * 2, 0);
-      let { width: He } = g;
-      Pe > 0 && He > Pe && (He = Pe);
-      let { left: Ne } = g;
-      Ne + He + K > _ && (Ne = _ - He - K), Ne = Math.max(Ne, K);
-      const Gt = Math.min(
-        ve,
-        Math.max(Re ? ke : ze, 50)
+      const g = c.value.getBoundingClientRect(), y = window.innerHeight || document.documentElement.clientHeight, _ = window.innerWidth || document.documentElement.clientWidth, q = 8, se = 8, fe = t.maxHeight || 300, ke = y - g.bottom - se - q, ze = g.top - se - q, De = ke >= ze, Re = Math.max(_ - q * 2, 0);
+      let { width: Pe } = g;
+      Re > 0 && Pe > Re && (Pe = Re);
+      let { left: He } = g;
+      He + Pe + q > _ && (He = _ - Pe - q), He = Math.max(He, q);
+      const Nt = Math.min(
+        fe,
+        Math.max(De ? ke : ze, 50)
       );
-      C.value = Re ? "bottom" : "top", h.value = {
+      C.value = De ? "bottom" : "top", h.value = {
         position: "fixed",
-        left: `${Ne}px`,
-        width: `${He}px`,
+        left: `${He}px`,
+        width: `${Pe}px`,
         minWidth: "300px",
-        maxHeight: `${Gt}px`,
-        transform: Re ? "none" : "translateY(-100%)",
-        top: Re ? `${g.bottom + se}px` : `${g.top - se}px`
+        maxHeight: `${Nt}px`,
+        transform: De ? "none" : "translateY(-100%)",
+        top: De ? `${g.bottom + se}px` : `${g.top - se}px`
       };
     }, Ie = async (g) => {
-      a.value || !v.value && (g.key === "ArrowDown" || g.key === "ArrowUp") && (g.preventDefault(), await De());
-    }, Be = (g) => {
+      a.value || !v.value && (g.key === "ArrowDown" || g.key === "ArrowUp") && (g.preventDefault(), await Ue());
+    }, Se = (g) => {
       if (!v.value) return;
       const { key: y } = g;
       if (y === "ArrowDown")
-        g.preventDefault(), $.value + 1 < q.value.length && ($.value += 1, oe(A.value[$.value], f.value));
+        g.preventDefault(), $.value + 1 < S.value.length && ($.value += 1, oe(A.value[$.value], f.value));
       else if (y === "ArrowUp")
         g.preventDefault(), $.value > 0 && ($.value -= 1, oe(A.value[$.value], f.value));
       else if (y === "Enter") {
         g.preventDefault();
-        const _ = q.value[$.value];
-        _ && N(_), O.value?.blur();
-      } else y === "Escape" ? (g.preventDefault(), Se()) : y === "Backspace" ? n.value && E.value === "" && x.value.length && (x.value = x.value.slice(0, -1), r.value = [...x.value], s("change", r.value)) : y === "Home" ? ($.value = 0, oe(A.value[0], f.value)) : y === "End" ? ($.value = q.value.length - 1, oe(A.value[$.value], f.value)) : y === "Tab" && Se();
-    }, dt = () => {
+        const _ = S.value[$.value];
+        _ && J(_), O.value?.blur();
+      } else y === "Escape" ? (g.preventDefault(), Le()) : y === "Backspace" ? n.value && E.value === "" && x.value.length && (x.value = x.value.slice(0, -1), r.value = [...x.value], s("change", r.value)) : y === "Home" ? ($.value = 0, oe(A.value[0], f.value)) : y === "End" ? ($.value = S.value.length - 1, oe(A.value[$.value], f.value)) : y === "Tab" && Le();
+    }, Be = () => {
       a.value || (k.value = !0);
-    }, ct = () => {
+    }, dt = () => {
       k.value = !1, E.value = "";
+    }, ct = (g) => {
+      g.key === "Escape" && v.value && Le();
     }, pt = (g) => {
-      g.key === "Escape" && v.value && Se();
-    }, ft = (g) => {
       const y = g.target;
-      d.value?.contains(y) || p.value?.contains(y) || Se();
-    }, vt = (g) => {
+      d.value?.contains(y) || p.value?.contains(y) || Le();
+    }, ft = (g) => {
       v.value && f.value && !f.value.contains(g.target) && Ve();
-    }, mt = () => {
+    }, vt = () => {
       v.value && Ve();
-    }, ht = () => {
+    }, mt = () => {
       v.value && Ve();
     };
     ue(() => t.options, (g) => {
-      g?.length && (I.value = [...g], Ze());
+      g?.length && (I.value = [...g], We());
     }, { immediate: !0 });
-    async function Ze() {
+    async function We() {
       if (n.value)
-        Array.isArray(r.value) ? x.value = [...r.value] : (x.value = r.value == null ? [] : [r.value], r.value = [...x.value]), t.data && x.value.length && (await tt(x.value), await je());
+        Array.isArray(r.value) ? x.value = [...r.value] : (x.value = r.value == null ? [] : [r.value], r.value = [...x.value]), t.data && x.value.length && (await et(x.value), await je());
       else {
         if (Array.isArray(r.value)) {
           const g = r.value[0] ?? null;
           r.value = g ?? null;
         }
-        r.value != null && (m.value = await We(r.value)), le(m.value ?? null);
+        r.value != null && (m.value = await Ke(r.value)), H(m.value ?? null);
       }
     }
     ue(r, () => {
-      Ze();
+      We();
     }), ye(async () => {
-      addEventListener("keydown", pt), addEventListener("scroll", vt, !0), addEventListener("resize", mt), document.addEventListener("click", ft, !0), c.value && Me(c.value).addEventListener("scroll", ht, !0), t.options?.length && !t.data ? I.value = [...t.options] : t.data && (I.value = await we("")), await Ze(), yt.value = !1;
-    }), Qe(() => {
-      removeEventListener("keydown", pt), removeEventListener("scroll", vt, !0), removeEventListener("resize", mt), document.removeEventListener("click", ft, !0), c.value && Me(c.value).removeEventListener("scroll", ht, !0);
+      addEventListener("keydown", ct), addEventListener("scroll", ft, !0), addEventListener("resize", vt), document.addEventListener("click", pt, !0), c.value && ae(c.value).addEventListener("scroll", mt, !0), t.options?.length && !t.data ? I.value = [...t.options] : t.data && (I.value = await ge("")), await We(), bt.value = !1;
+    }), Xe(() => {
+      removeEventListener("keydown", ct), removeEventListener("scroll", ft, !0), removeEventListener("resize", vt), document.removeEventListener("click", pt, !0), c.value && ae(c.value).removeEventListener("scroll", mt, !0);
     });
-    const Je = w(!1), lt = w({}), gt = w([]), bt = w(null);
-    async function Rt() {
-      if (!t.add?.token || bt?.value.validate())
+    const Ze = w(!1), lt = w({}), ht = w([]), gt = w(null);
+    async function Dt() {
+      if (!t.add?.token || gt?.value.validate())
         return;
       const y = t.add.api ?? `/api/table/${t.add.token}`, { id: _ } = await fetch(y, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify(lt.value)
-      }).then((K) => K.json());
+      }).then((q) => q.json());
       if (!t.options?.length && t.data) {
-        const { data: K } = await fetch(`${t.api ?? `/api/suggest/${t.data}`}?val=${_}`).then((se) => se.json());
-        m.value = K[0], I.value.push(K[0]), r.value = _;
+        const { data: q } = await fetch(`${t.api ?? `/api/suggest/${t.data}`}?val=${_}`).then((se) => se.json());
+        m.value = q[0], I.value.push(q[0]), r.value = _;
       }
-      Je.value = !1, ce({ title: "Success!", message: "Object created." });
+      Ze.value = !1, ce({ title: "Success!", message: "Object created." });
     }
-    async function Pt() {
+    async function Rt() {
       if (!t.add) return null;
       const g = await fetch(`/api/template/form/${t.add.form}`).then((y) => y.json());
-      return gt.value = g.schema, Je.value = !0, null;
+      return ht.value = g.schema, Ze.value = !0, null;
     }
-    function Ht(g, y = 200) {
+    function Pt(g, y = 200) {
       let _;
-      return (...K) => {
-        _ && clearTimeout(_), _ = window.setTimeout(() => g(...K), y);
+      return (...q) => {
+        _ && clearTimeout(_), _ = window.setTimeout(() => g(...q), y);
       };
     }
-    const Nt = Ht(async (g) => {
-      I.value = await we(g);
+    const Ht = Pt(async (g) => {
+      I.value = await ge(g);
     }, 200);
     ue(E, (g) => {
-      t.data && Nt(g.trim());
+      t.data && Ht(g.trim());
     }), ue(() => t.options, (g) => {
-      !t.data && g?.length && (I.value = [...g], Ze());
+      !t.data && g?.length && (I.value = [...g], We());
     }, { immediate: !0 }), ue(() => t.parent ?? t.parentValue, () => {
-      t.data && Ue();
+      t.data && we();
     });
-    const yt = w(!0);
-    return ue(pe, async () => {
-      t.data && (yt.value || (n.value ? (x.value = [], r.value = [], s("change", [])) : (m.value = null, r.value = null, s("change", null))), await Ue());
+    const bt = w(!0);
+    return ue(Q, async () => {
+      t.data && (bt.value || (n.value ? (x.value = [], r.value = [], s("change", [])) : (m.value = null, r.value = null, s("change", null))), await we());
     }), (g, y) => (i(), u(re, null, [
-      R(te(zt), {
-        visible: Je.value,
-        "onUpdate:visible": y[1] || (y[1] = (_) => Je.value = _),
+      R(le(It), {
+        visible: Ze.value,
+        "onUpdate:visible": y[1] || (y[1] = (_) => Ze.value = _),
         title: "Додати",
         buttonText: "Додати",
-        onDone: Rt,
+        onDone: Dt,
         teleport: g.teleport
       }, {
         default: Ee(() => [
-          R(Ke, {
-            schema: gt.value,
+          R(qe, {
+            schema: ht.value,
             modelValue: lt.value,
             "onUpdate:modelValue": y[0] || (y[0] = (_) => lt.value = _),
             ref_key: "addForm",
-            ref: bt
+            ref: gt
           }, null, 8, ["schema", "modelValue"])
         ]),
         _: 1
@@ -2261,7 +2260,7 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
             "aria-expanded": v.value,
             "aria-haspopup": "listbox",
             onKeydown: Ie,
-            onClick: b,
+            onClick: Te,
             "data-focus": v.value || k.value ? "true" : "false"
           }, [
             l("div", {
@@ -2269,33 +2268,33 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
               ref_key: "triggerRef",
               ref: c
             }, [
-              n.value ? (i(), u("div", fa, [
-                (i(!0), u(re, null, fe(B.value, (_) => (i(), u("div", {
+              n.value ? (i(), u("div", pa, [
+                (i(!0), u(re, null, pe(j.value, (_) => (i(), u("div", {
                   class: "flex min-w-0 bg-[#e6e6e6] rounded-sm m-0.5 box-border max-w-full",
                   key: _.id
                 }, [
-                  l("div", va, [
+                  l("div", fa, [
                     _?.color ? (i(), u("span", {
                       key: 0,
                       class: "w-[16px] h-[16px] rounded-md block ml-1.5 flex-shrink-0",
                       style: be({ backgroundColor: _?.color })
-                    }, null, 4)) : U("", !0),
+                    }, null, 4)) : D("", !0),
                     l("div", {
                       class: "truncate text-gray-900 overflow-hidden max-w-[200px] px-0.5 py-[2px] pl-1.5",
-                      title: H(_)
+                      title: z(_)
                     }, [
-                      F.value ? (i(), u("span", {
+                      U.value ? (i(), u("span", {
                         key: 0,
-                        innerHTML: z(_)
-                      }, null, 8, ha)) : (i(), u(re, { key: 1 }, [
-                        ge(W(_.text), 1)
+                        innerHTML: F(_)
+                      }, null, 8, ma)) : (i(), u(re, { key: 1 }, [
+                        he(K(_.text), 1)
                       ], 64))
-                    ], 8, ma)
+                    ], 8, va)
                   ]),
                   l("div", {
                     role: "button",
                     class: "flex items-center rounded-sm px-1 box-border hover:bg-[#ffbdad] hover:text-[#de350b] flex-shrink-0",
-                    onClick: $e((K) => J(_.id), ["stop"])
+                    onClick: $e((q) => V(_.id), ["stop"])
                   }, y[6] || (y[6] = [
                     l("svg", {
                       height: "14",
@@ -2307,9 +2306,9 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { 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, ga)
+                  ]), 8, ha)
                 ]))), 128)),
-                l("div", ba, [
+                l("div", ga, [
                   !a.value && g.search ? ne((i(), u("input", {
                     key: 0,
                     ref_key: "inputRef",
@@ -2322,14 +2321,14 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
                     type: "text",
                     tabindex: "0",
                     "aria-autocomplete": "list",
-                    placeholder: x.value.length ? " " : V.value,
+                    placeholder: x.value.length ? " " : M.value,
                     "onUpdate:modelValue": y[2] || (y[2] = (_) => E.value = _),
-                    onFocus: dt,
-                    onBlur: ct,
-                    onKeydown: Be
-                  }, null, 40, ya)), [
-                    [he, E.value]
-                  ]) : U("", !0)
+                    onFocus: Be,
+                    onBlur: dt,
+                    onKeydown: Se
+                  }, null, 40, ba)), [
+                    [me, E.value]
+                  ]) : D("", !0)
                 ])
               ])) : !n.value && !k.value && P.value && E.value === "" ? (i(), u("div", {
                 key: 1,
@@ -2340,18 +2339,17 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
                   key: 0,
                   class: "w-[14px] h-[14px] rounded-md block mr-1 mt-1 absolute",
                   style: be({ backgroundColor: m.value?.color })
-                }, null, 4)) : U("", !0),
-                F.value ? (i(), u("span", {
+                }, null, 4)) : D("", !0),
+                U.value ? (i(), u("span", {
                   key: 1,
                   class: T({ "pl-5": m.value?.color }),
-                  innerHTML: z(m.value)
-                }, null, 10, wa)) : (i(), u("span", {
+                  innerHTML: F(m.value)
+                }, null, 10, xa)) : (i(), u("span", {
                   key: 2,
                   class: T({ "pl-5": m.value?.color })
-                }, W(m.value?.text), 3))
-              ], 8, xa)) : U("", !0),
-              ee.value ? (i(), u("div", ka, W(V.value), 1)) : U("", !0),
-              n.value ? U("", !0) : (i(), u("div", _a, [
+                }, K(m.value?.text), 3))
+              ], 8, ya)) : D("", !0),
+              n.value ? D("", !0) : (i(), u("div", wa, [
                 !a.value && g.search ? ne((i(), u("input", {
                   key: 0,
                   ref_key: "inputRef",
@@ -2366,22 +2364,22 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
                   "aria-autocomplete": "list",
                   placeholder: k.value && !E.value?.length && P.value || " ",
                   "onUpdate:modelValue": y[3] || (y[3] = (_) => E.value = _),
-                  onFocus: dt,
-                  onBlur: ct,
-                  onKeydown: Be
-                }, null, 40, $a)), [
-                  [he, E.value]
-                ]) : U("", !0)
+                  onFocus: Be,
+                  onBlur: dt,
+                  onKeydown: Se
+                }, null, 40, ka)), [
+                  [me, E.value]
+                ]) : D("", !0)
               ]))
             ], 512),
-            l("div", Ca, [
-              Q.value ? (i(), u("button", {
+            l("div", _a, [
+              te.value ? (i(), u("button", {
                 key: 0,
                 type: "button",
                 class: "px-2 text-gray-400 hover:text-gray-500 transition-colors disabled:opacity-50",
                 "aria-hidden": "true",
                 disabled: a.value,
-                onClick: $e(M, ["stop"])
+                onClick: $e(b, ["stop"])
               }, y[7] || (y[7] = [
                 l("svg", {
                   height: "20",
@@ -2391,14 +2389,14 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { 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, Va)) : U("", !0),
+              ]), 8, $a)) : D("", !0),
               y[9] || (y[9] = l("div", { class: "self-stretch w-px bg-[#ccc] my-[1px]" }, null, -1)),
               l("button", {
                 type: "button",
                 class: "px-2 text-gray-400 hover:text-gray-500 transition-colors disabled:opacity-50",
                 "aria-hidden": "true",
                 disabled: a.value,
-                onClick: y[4] || (y[4] = $e((_) => Te(), ["stop"])),
+                onClick: y[4] || (y[4] = $e((_) => tt(), ["stop"])),
                 title: v.value ? "Закрити список" : "Відкрити список"
               }, y[8] || (y[8] = [
                 l("svg", {
@@ -2409,10 +2407,10 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
                 }, [
                   l("path", { d: "M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z" })
                 ], -1)
-              ]), 8, Ma)
+              ]), 8, Ca)
             ])
-          ], 42, pa),
-          (i(), me(It, { to: "body" }, [
+          ], 42, ca),
+          (i(), ve(Et, { to: "body" }, [
             v.value ? (i(), u("div", {
               key: 0,
               ref_key: "dropdownRef",
@@ -2429,62 +2427,62 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
                 ref_key: "listRef",
                 ref: f
               }, [
-                q.value.length ? (i(!0), u(re, { key: 0 }, fe(q.value, (_, K) => (i(), u("div", {
+                S.value.length ? (i(!0), u(re, { key: 0 }, pe(S.value, (_, q) => (i(), u("div", {
                   key: _.id,
                   ref_for: !0,
-                  ref: (se) => A.value[K] = se,
+                  ref: (se) => A.value[q] = se,
                   class: T([
                     "flex px-3 py-2 cursor-default select-none text-gray-900 ",
-                    j(_.id) ? "bg-blue-500 text-white" : "bg-white hover:bg-blue-100",
-                    $.value === K && !j(_.id) ? "bg-blue-100" : ""
+                    Y(_.id) ? "bg-blue-500 text-white" : "bg-white hover:bg-blue-100",
+                    $.value === q && !Y(_.id) ? "bg-blue-100" : ""
                   ]),
-                  "aria-disabled": j(_.id) ? "true" : "false",
+                  "aria-disabled": Y(_.id) ? "true" : "false",
                   role: "option",
                   tabindex: "-1",
-                  onClick: (se) => ae(_)
+                  onClick: (se) => N(_)
                 }, [
                   _?.color ? (i(), u("span", {
                     key: 0,
                     class: "w-[11px] h-[11px] rounded-full block mr-1 mt-1.5",
                     style: be({ backgroundColor: _?.color })
-                  }, null, 4)) : U("", !0),
+                  }, null, 4)) : D("", !0),
                   l("div", {
                     class: T([
                       "leading-[19px]",
                       $.value === _.id ? "text-white" : "",
                       // active style like react-select
-                      ($.value === K, "")
+                      ($.value === q, "")
                     ])
                   }, [
-                    F.value ? (i(), u("span", {
+                    U.value ? (i(), u("span", {
                       key: 0,
-                      innerHTML: z(_)
-                    }, null, 8, Sa)) : (i(), u(re, { key: 1 }, [
-                      ge(W(_.text), 1)
+                      innerHTML: F(_)
+                    }, null, 8, Ma)) : (i(), u(re, { key: 1 }, [
+                      he(K(_.text), 1)
                     ], 64))
                   ], 2)
-                ], 10, La))), 128)) : (i(), u("div", Ba, " No options "))
+                ], 10, Va))), 128)) : (i(), u("div", La, " No options "))
               ], 4)
-            ], 4)) : U("", !0)
+            ], 4)) : D("", !0)
           ]))
         ], 2),
         t.add ? (i(), u("button", {
           key: 0,
-          onClick: Pt,
+          onClick: Rt,
           class: "bg-white hover:bg-gray-100 text-sm text-gray-900 py-[10px] px-3 border border-stone-200 rounded-md h-[38px] flex items-center gap-2",
           disabled: a.value,
           type: "button"
         }, [
-          R(qe, {
+          R(Ge, {
             width: "16",
             height: "16"
           }),
           y[12] || (y[12] = l("span", null, "Додати", -1))
-        ], 8, ja)) : U("", !0)
+        ], 8, Sa)) : D("", !0)
       ], 512)
     ], 64));
   }
-}), Ea = ["placeholder", "disabled"], Ia = /* @__PURE__ */ G({
+}), Ba = ["placeholder", "disabled"], ja = /* @__PURE__ */ G({
   __name: "vs-input-textarea",
   props: /* @__PURE__ */ ie({
     style: { default: () => ({}) },
@@ -2506,15 +2504,15 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
       placeholder: n.placeholder,
       disabled: n.disabled,
       row: "2",
-      class: T(["py-1.5 px-3 block w-full placeholder:text[#767f8f] h-auto bg-white", [te(t)]]),
+      class: T(["py-1.5 px-3 block w-full placeholder:text[#767f8f] h-auto bg-white", [le(t)]]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, Ea)), [
-      [he, s.value]
+    }, null, 10, Ba)), [
+      [me, s.value]
     ]);
   }
-}), za = {}, Aa = {
+}), Ea = {}, Ia = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2524,8 +2522,8 @@ const Bn = /* @__PURE__ */ Y(Mn, [["render", Sn]]), jn = { class: "flex flex-col
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-search stroke-gray-500 transition-all"
 };
-function Ta(o, e) {
-  return i(), u("svg", Aa, e[0] || (e[0] = [
+function za(o, e) {
+  return i(), u("svg", Ia, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2535,7 +2533,7 @@ function Ta(o, e) {
     l("path", { d: "M21 21l-6 -6" }, null, -1)
   ]));
 }
-const Fa = /* @__PURE__ */ Y(za, [["render", Ta]]), Oa = {}, Ua = {
+const Aa = /* @__PURE__ */ X(Ea, [["render", za]]), Ta = {}, Fa = {
   class: "flex-shrink-0 mt-0.5 size-3.5",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
@@ -2545,15 +2543,15 @@ const Fa = /* @__PURE__ */ Y(za, [["render", Ta]]), Oa = {}, Ua = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Da(o, e) {
-  return i(), u("svg", Ua, e[0] || (e[0] = [
+function Oa(o, e) {
+  return i(), u("svg", Fa, e[0] || (e[0] = [
     l("path", { d: "m3 16 4 4 4-4" }, null, -1),
     l("path", { d: "M7 20V4" }, null, -1),
     l("path", { d: "m21 8-4-4-4 4" }, null, -1),
     l("path", { d: "M17 4v16" }, null, -1)
   ]));
 }
-const Ra = /* @__PURE__ */ Y(Oa, [["render", Da]]), Pa = {}, Ha = {
+const Ua = /* @__PURE__ */ X(Ta, [["render", Oa]]), Da = {}, Ra = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "14",
   height: "14",
@@ -2564,8 +2562,8 @@ const Ra = /* @__PURE__ */ Y(Oa, [["render", Da]]), Pa = {}, Ha = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Na(o, e) {
-  return i(), u("svg", Ha, e[0] || (e[0] = [
+function Pa(o, e) {
+  return i(), u("svg", Ra, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2576,7 +2574,7 @@ function Na(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const Ga = /* @__PURE__ */ Y(Pa, [["render", Na]]), qa = {}, Ka = {
+const Ha = /* @__PURE__ */ X(Da, [["render", Pa]]), Na = {}, Ga = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2585,8 +2583,8 @@ const Ga = /* @__PURE__ */ Y(Pa, [["render", Na]]), qa = {}, Ka = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Wa(o, e) {
-  return i(), u("svg", Ka, e[0] || (e[0] = [
+function qa(o, e) {
+  return i(), u("svg", Ga, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -2597,7 +2595,7 @@ function Wa(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const Za = /* @__PURE__ */ Y(qa, [["render", Wa]]), Ja = {}, Ya = {
+const Ka = /* @__PURE__ */ X(Na, [["render", qa]]), Wa = {}, Za = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2606,22 +2604,22 @@ const Za = /* @__PURE__ */ Y(qa, [["render", Wa]]), Ja = {}, Ya = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Xa(o, e) {
-  return i(), u("svg", Ya, e[0] || (e[0] = [
+function Ja(o, e) {
+  return i(), u("svg", Za, e[0] || (e[0] = [
     xe('<circle cx="9" cy="12" r="1"></circle><circle cx="9" cy="5" r="1"></circle><circle cx="9" cy="19" r="1"></circle><circle cx="15" cy="12" r="1"></circle><circle cx="15" cy="5" r="1"></circle><circle cx="15" cy="19" r="1"></circle>', 6)
   ]));
 }
-const Lt = /* @__PURE__ */ Y(Ja, [["render", Xa]]), Qa = {}, es = {
+const Mt = /* @__PURE__ */ X(Wa, [["render", Ja]]), Ya = {}, Xa = {
   viewBox: "0 0 178 90",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function ts(o, e) {
-  return i(), u("svg", es, e[0] || (e[0] = [
+function Qa(o, e) {
+  return i(), u("svg", Xa, e[0] || (e[0] = [
     xe('<rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-50 dark:stroke-neutral-700/10"></rect><rect x="34.5" y="58" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/30"></rect><rect x="27" y="36" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><g filter="url(#filter1)"><rect x="12" y="6" width="154" height="40" rx="8" fill="currentColor" class="fill-white dark:fill-neutral-800" shape-rendering="crispEdges"></rect><rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/60" shape-rendering="crispEdges"></rect><rect x="20" y="14" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect><rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect><rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect></g><defs><filter id="filter1" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="6"></feOffset><feGaussianBlur stdDeviation="6"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"></feBlend></filter></defs>', 12)
   ]));
 }
-const ls = /* @__PURE__ */ Y(Qa, [["render", ts]]), os = {}, ns = {
+const es = /* @__PURE__ */ X(Ya, [["render", Qa]]), ts = {}, ls = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2630,25 +2628,28 @@ const ls = /* @__PURE__ */ Y(Qa, [["render", ts]]), os = {}, ns = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function as(o, e) {
-  return i(), u("svg", ns, e[0] || (e[0] = [
+function os(o, e) {
+  return i(), u("svg", ls, e[0] || (e[0] = [
     l("path", { d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z" }, null, -1)
   ]));
 }
-const ss = /* @__PURE__ */ Y(os, [["render", as]]), rs = { class: "vs-datatable border rounded-xl w-full flex-grow" }, is = { class: "flex items-center npm gap-[16px] justify-between p-[20px] pb-[16px]" }, us = { class: "relative w-full" }, ds = { class: "table-wrapper flex gap-2" }, cs = { class: "vs-popover inline-block text-slate-700" }, ps = { class: "text-center" }, fs = { class: "" }, vs = { class: "py-1 px-0 w-full text-sm text-stone-800 bg-white shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-lg focus:outline-none focus:bg-stone-100 dark:bg-neutral-900 dark:text-neutral-200 dark:focus:bg-neutral-800 after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" }, ms = { class: "flex flex-col p-[1px] gap-[2px] w-[140px]" }, hs = { class: "text-sm items-center text-gray-800 flex gap-1" }, gs = { class: "w-full overflow-x-auto" }, bs = { class: "w-full table-auto caption-bottom text-sm" }, ys = { class: "[&_tr]:border-b" }, xs = { class: "border-b data-[state=selected]:bg-muted bg-slate-50/50 dark:bg-slate-700/50 hover:bg-slate-50/80 dark:hover:bg-slate-700/80 transition-colors" }, ws = { class: "h-10 px-2 align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] w-12 text-center" }, ks = {
+const ns = /* @__PURE__ */ X(ts, [["render", os]]), as = { class: "vs-datatable border rounded-xl w-full flex-grow" }, ss = { class: "flex items-center npm gap-[16px] justify-between p-[20px] pb-[16px]" }, rs = { class: "relative w-full" }, is = { class: "table-wrapper flex gap-2" }, us = { class: "vs-popover inline-block text-slate-700" }, ds = { class: "text-center" }, cs = { class: "" }, ps = { class: "py-1 px-0 w-full text-sm text-stone-800 bg-white shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-lg focus:outline-none focus:bg-stone-100 dark:bg-neutral-900 dark:text-neutral-200 dark:focus:bg-neutral-800 after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" }, fs = { class: "flex flex-col p-[1px] gap-[2px] w-[140px]" }, vs = { class: "text-sm items-center text-gray-800 flex gap-1" }, ms = { class: "w-full overflow-x-auto" }, hs = { class: "w-full table-auto caption-bottom text-sm" }, gs = { class: "[&_tr]:border-b" }, bs = { class: "border-b data-[state=selected]:bg-muted bg-slate-50/50 dark:bg-slate-700/50 hover:bg-slate-50/80 dark:hover:bg-slate-700/80 transition-colors" }, ys = { class: "h-10 px-2 align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] w-12 text-center" }, xs = {
   key: 0,
   colspan: "100%",
   class: "text-center"
-}, _s = { class: "w-full" }, $s = { class: "p-5 min-h-[200px] flex flex-col justify-center items-center text-center" }, Cs = ["onDragstart", "onDragover", "onDrop"], Vs = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] text-center" }, Ms = { class: "flex items-center justify-center" }, Ls = {
+}, ws = { class: "w-full" }, ks = { class: "p-5 min-h-[200px] flex flex-col justify-center items-center text-center" }, _s = ["onDragstart", "onDragover", "onDrop"], $s = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] text-center" }, Cs = { class: "flex items-center justify-center" }, Vs = {
   key: 0,
   class: "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-slate-100 dark:bg-slate-700 text-slate-700 dark:text-slate-300 hover:bg-slate-200 dark:hover:bg-slate-600 transition-colors"
-}, Ss = { key: 0 }, Bs = ["src"], js = {
+}, Ms = { key: 0 }, Ls = ["src"], Ss = {
   key: 1,
   class: "rounded-md max-w-[45px] w-[45px] max-h-[45px] h-[45px] bg-gray-200 flex items-center justify-center"
-}, Es = ["innerHTML"], Is = {
+}, Bs = ["innerHTML"], js = {
   key: 2,
+  class: "line-clamp-2 rounded-md border px-2.5 py-0.5 text-xs font-semibold focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-slate-100 dark:bg-slate-700 text-slate-700 dark:text-slate-300 hover:bg-slate-200 dark:hover:bg-slate-600 transition-colors"
+}, Es = {
+  key: 3,
   class: "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-slate-100 dark:bg-slate-700 text-slate-700 dark:text-slate-300 hover:bg-slate-200 dark:hover:bg-slate-600 transition-colors"
-}, zs = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]" }, As = { class: "flex items-center justify-center gap-2" }, Ts = ["onClick"], Fs = ["onClick"], Os = { class: "vs-form__head mr-5 mt-3 flex items-center justify-end sticky top-0 left-0 z-[60] bg-white" }, Us = /* @__PURE__ */ G({
+}, Is = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]" }, zs = { class: "flex items-center justify-center gap-2" }, As = ["onClick"], Ts = ["onClick"], Fs = { class: "vs-form__head mr-5 mt-3 flex items-center justify-end sticky top-0 left-0 z-[60] bg-white" }, Os = /* @__PURE__ */ G({
   __name: "vs-input-datatable",
   props: /* @__PURE__ */ ie({
     colModel: {},
@@ -2665,90 +2666,90 @@ const ss = /* @__PURE__ */ Y(os, [["render", as]]), rs = { class: "vs-datatable
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = de(o, "modelValue"), s = w({}), n = w(""), a = S(() => {
+    const e = o, t = de(o, "modelValue"), s = w({}), n = w(""), a = B(() => {
       if (!n.value) return t.value ?? [];
-      const D = n.value.toLowerCase();
+      const U = n.value.toLowerCase();
       return t.value.filter((F) => e.colModel?.some((z) => {
         const H = F[z.key];
-        return H ? Array.isArray(H) ? H.join(", ").toLowerCase().includes(D) : String(H).toLowerCase().includes(D) : !1;
+        return H ? Array.isArray(H) ? H.join(", ").toLowerCase().includes(U) : String(H).toLowerCase().includes(U) : !1;
       }));
-    }), r = w(null), d = w(null), c = w(!1), f = w(null), p = w({ top: 0, left: 0 }), v = (D) => {
-      r.value = D;
-    }, k = (D) => {
-      d.value = D;
-    }, m = (D) => {
-      if (r.value === null || r.value === D) {
+    }), r = w(null), d = w(null), c = w(!1), f = w(null), p = w({ top: 0, left: 0 }), v = (U) => {
+      r.value = U;
+    }, k = (U) => {
+      d.value = U;
+    }, m = (U) => {
+      if (r.value === null || r.value === U) {
         r.value = null, d.value = null;
         return;
       }
       const F = [...t.value], [z] = F.splice(r.value, 1);
-      F.splice(D, 0, z), t.value = F, r.value = null, d.value = null;
-    }, I = (D) => {
-      const z = D.currentTarget.getBoundingClientRect();
+      F.splice(U, 0, z), t.value = F, r.value = null, d.value = null;
+    }, I = (U) => {
+      const z = U.currentTarget.getBoundingClientRect();
       p.value = { top: z.bottom + window.scrollY, left: z.left + window.scrollX }, c.value = !c.value;
     }, $ = () => {
       f.value && f.value.click();
-    }, A = (D) => {
-      const F = [".jpg", ".jpeg", ".png", ".gif", ".bmp", ".webp", ".svg", ".ico", ".tiff", ".tif"], z = D.toLowerCase();
+    }, A = (U) => {
+      const F = [".jpg", ".jpeg", ".png", ".gif", ".bmp", ".webp", ".svg", ".ico", ".tiff", ".tif"], z = U.toLowerCase();
       return F.some((H) => z.endsWith(H));
-    }, E = (D) => {
-      const z = D.target.files?.[0];
+    }, E = (U) => {
+      const z = U.target.files?.[0];
       if (!z) return;
       const H = new FileReader();
-      H.onload = (le) => {
+      H.onload = (Q) => {
         try {
-          const pe = le.target?.result;
-          if (typeof pe == "string") {
-            const we = JSON.parse(pe);
+          const ge = Q.target?.result;
+          if (typeof ge == "string") {
+            const we = JSON.parse(ge);
             Array.isArray(we) && t.value.push(...we);
           }
-        } catch (pe) {
-          console.error("Error parsing file:", pe);
+        } catch (ge) {
+          console.error("Error parsing file:", ge);
         }
       }, H.readAsText(z);
     }, O = () => {
-      const D = JSON.stringify(t.value, null, 2), F = new Blob([D], { type: "application/json" }), z = URL.createObjectURL(F), H = document.createElement("a");
+      const U = JSON.stringify(t.value, null, 2), F = new Blob([U], { type: "application/json" }), z = URL.createObjectURL(F), H = document.createElement("a");
       H.href = z, H.download = "data.json", H.click(), URL.revokeObjectURL(z);
     };
     ye(async () => {
-      const D = e.colModel?.filter((F) => F.data);
-      D?.length && Promise.all(D.map(async (F) => {
+      const U = e.colModel?.filter((F) => F.data);
+      U?.length && Promise.all(U.map(async (F) => {
         const H = await (await fetch(`/api/suggest/${F.data}`)).json();
         s.value[F.key] = H.data;
       }));
     });
     const C = w(""), h = w(!1);
-    let x = "edit", B = 0;
-    const V = w({}), P = w({});
-    async function ee() {
-      C.value = "Додати", h.value = !0, x = "add", V.value = {};
+    let x = "edit", j = 0;
+    const M = w({}), P = w({});
+    async function te() {
+      C.value = "Додати", h.value = !0, x = "add", M.value = {};
     }
-    function Q(D, F) {
+    function Y(U, F) {
       const z = F.key || F.name;
-      return s.value[z] && D[z] ? s.value[z].find((H) => H.id.toString() === D[z].toString())?.text ?? D[z] : D[z] || "-";
+      return s.value[z] && U[z] ? s.value[z].find((H) => H.id.toString() === U[z].toString())?.text ?? U[z] : U[z] || "-";
     }
-    async function j(D, F) {
-      C.value = "Редагувати", h.value = !0, x = "edit", B = F, V.value = { ...D };
+    async function S(U, F) {
+      C.value = "Редагувати", h.value = !0, x = "edit", j = F, M.value = { ...U };
     }
-    function q() {
-      const D = P.value.validate();
-      if (D) {
-        ce({ type: "warning", title: "Помилка валідації", message: Object.entries(D).map(([F, z]) => `${F}: ${z}`).join(`
+    function W() {
+      const U = P.value.validate();
+      if (U) {
+        ce({ type: "warning", title: "Помилка валідації", message: Object.entries(U).map(([F, z]) => `${F}: ${z}`).join(`
 `) });
         return;
       }
-      x === "add" ? Array.isArray(t.value) ? t.value = [...t.value, V.value] : t.value = [V.value] : t.value = t.value.map((F, z) => z === B ? V.value : F), h.value = !1;
+      x === "add" ? Array.isArray(t.value) ? t.value = [...t.value, M.value] : t.value = [M.value] : t.value = t.value.map((F, z) => z === j ? M.value : F), h.value = !1;
     }
-    function X(D) {
-      t.value = t.value.filter((F, z) => z !== D);
+    function ee(U) {
+      t.value = t.value.filter((F, z) => z !== U);
     }
     function Z() {
       h.value = !1;
     }
-    return (D, F) => (i(), u("div", rs, [
-      l("div", is, [
-        l("div", us, [
-          R(Fa, {
+    return (U, F) => (i(), u("div", as, [
+      l("div", ss, [
+        l("div", rs, [
+          R(Aa, {
             width: "14",
             height: "14",
             class: "absolute left-3 top-1/2 transform -translate-y-1/2 text-stone-500"
@@ -2759,10 +2760,10 @@ const ss = /* @__PURE__ */ Y(os, [["render", as]]), rs = { class: "vs-datatable
             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), [
-            [he, n.value]
+            [me, n.value]
           ])
         ]),
-        l("div", ds, [
+        l("div", is, [
           l("input", {
             ref_key: "fileInput",
             ref: f,
@@ -2771,14 +2772,14 @@ const ss = /* @__PURE__ */ Y(os, [["render", as]]), rs = { class: "vs-datatable
             accept: ".json",
             type: "file"
           }, null, 544),
-          l("div", cs, [
-            l("div", ps, [
-              l("div", fs, [
+          l("div", us, [
+            l("div", ds, [
+              l("div", cs, [
                 l("button", {
                   onClick: I,
                   class: "bg-white hover:bg-gray-100 font-semibold text-[15px] leadig-[18.5px] py-[10px] px-[12px] border border-[#E5E7EB] rounded-[8px] h-[38px] max-h-[38px] gap-[8px] flex items-center"
                 }, [
-                  R(Ra, {
+                  R(Ua, {
                     height: "16",
                     width: "16"
                   })
@@ -2787,152 +2788,152 @@ const ss = /* @__PURE__ */ Y(os, [["render", as]]), rs = { class: "vs-datatable
             ])
           ])
         ]),
-        (i(), me(It, { to: "body" }, [
+        (i(), ve(Et, { to: "body" }, [
           c.value ? (i(), u("div", {
             key: 0,
             class: "text-slate-700 vsTailwind vs-popover__content bottom",
             style: be([{ width: "fit-content", "z-index": "10002", position: "fixed" }, { position: "absolute", top: p.value.top + "px", left: p.value.left + "px" }])
           }, [
-            l("div", vs, [
-              l("div", ms, [
+            l("div", ps, [
+              l("div", fs, [
                 l("button", {
                   onClick: $,
                   class: "text-slate-700 flex items-center gap-1 px-3 py-2 rounded-md cursor-pointer group hover:bg-gray-100"
                 }, [
-                  R(Ga, {
+                  R(Ha, {
                     class: "text-black",
                     width: "14",
                     height: "14"
                   }),
-                  F[4] || (F[4] = ge(" Імпортувати "))
+                  F[4] || (F[4] = he(" Імпортувати ", -1))
                 ]),
                 l("button", {
                   onClick: O,
                   class: "text-slate-700 flex items-center px-3 py-2 rounded-md cursor-pointer group hover:bg-gray-100"
                 }, [
-                  l("span", hs, [
-                    R(Za, {
+                  l("span", vs, [
+                    R(Ka, {
                       class: "text-black",
                       width: "14",
                       height: "14"
                     }),
-                    F[5] || (F[5] = ge(" Експортувати "))
+                    F[5] || (F[5] = he(" Експортувати ", -1))
                   ])
                 ])
               ])
             ])
-          ], 4)) : U("", !0)
+          ], 4)) : D("", !0)
         ])),
         l("button", {
-          onClick: ee,
+          onClick: te,
           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"
         }, [
-          R(qe),
-          F[6] || (F[6] = ge(" Додати "))
+          R(Ge),
+          F[6] || (F[6] = he(" Додати ", -1))
         ])
       ]),
-      l("div", gs, [
-        l("table", bs, [
-          l("thead", ys, [
-            l("tr", xs, [
-              l("th", ws, [
-                R(Lt, {
+      l("div", ms, [
+        l("table", hs, [
+          l("thead", gs, [
+            l("tr", bs, [
+              l("th", ys, [
+                R(Mt, {
                   width: "24",
                   height: "24",
                   class: "w-4 h-4 mx-auto text-slate-400 dark:text-slate-500"
                 })
               ]),
-              (i(!0), u(re, null, fe(D.colModel, (z) => (i(), u("th", {
+              (i(!0), u(re, null, pe(U.colModel, (z) => (i(), u("th", {
                 key: z.key,
                 class: "h-10 px-2 text-left align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] font-semibold text-slate-700 dark:text-slate-300 min-w-[150px]"
-              }, W(z.ua || z.label), 1))), 128)),
+              }, K(z.ua || z.label), 1))), 128)),
               F[7] || (F[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: T({ "[&_tr:last-child]:border-0": !d.value })
           }, [
-            a.value.length === 0 ? (i(), u("td", ks, [
-              l("div", _s, [
-                l("div", $s, [
-                  R(ls, { class: "w-48 mx-auto" }),
+            a.value.length === 0 ? (i(), u("td", xs, [
+              l("div", ws, [
+                l("div", ks, [
+                  R(es, { class: "w-48 mx-auto" }),
                   F[8] || (F[8] = l("div", { class: "max-w-sm mx-auto mt-6" }, [
                     l("p", { class: "font-medium text-gray-800 dark:text-neutral-200" }, "Нічого не знайдено"),
                     l("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" })
                   ], -1))
                 ])
               ])
-            ])) : U("", !0),
-            (i(!0), u(re, null, fe(a.value, (z, H) => (i(), u("tr", {
+            ])) : D("", !0),
+            (i(!0), u(re, null, pe(a.value, (z, H) => (i(), u("tr", {
               key: z.id,
               class: T(["border-b data-[state=selected]:bg-muted transition-all duration-200 hover:bg-slate-50/60 dark:hover:bg-slate-700/60 cursor-move", {
                 "opacity-50": r.value === H,
                 "border-t-2 border-b-2 border-blue-500 bg-blue-50 dark:bg-blue-900/20": d.value === H
               }]),
               draggable: "true",
-              onDragstart: (le) => v(H),
-              onDragover: $e((le) => k(H), ["prevent"]),
-              onDrop: (le) => m(H)
+              onDragstart: (Q) => v(H),
+              onDragover: $e((Q) => k(H), ["prevent"]),
+              onDrop: (Q) => m(H)
             }, [
-              l("td", Vs, [
-                l("div", Ms, [
-                  R(Lt, {
+              l("td", $s, [
+                l("div", Cs, [
+                  R(Mt, {
                     width: "24",
                     height: "24",
                     class: "w-4 h-4 mx-auto text-slate-400 dark:text-slate-500"
                   })
                 ])
               ]),
-              (i(!0), u(re, null, fe(D.colModel, (le) => (i(), u("td", {
-                key: le.key,
+              (i(!0), u(re, null, pe(U.colModel, (Q) => (i(), u("td", {
+                key: Q.key,
                 class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]"
               }, [
-                le.type === "file" ? (i(), u("div", Ls, [
-                  A(Q(z, le)) ? (i(), u("div", Ss, [
+                Q.type === "file" ? (i(), u("div", Vs, [
+                  A(Y(z, Q)) ? (i(), u("div", Ms, [
                     l("img", {
-                      src: Q(z, le),
+                      src: Y(z, Q),
                       alt: "alt",
                       width: "45",
                       class: "rounded-md max-w-[45px] h-[45px] object-cover"
-                    }, null, 8, Bs)
-                  ])) : (i(), u("div", js, [
-                    R(Tt, { class: "w-[25px] min-w-[25px] h-[25px]" })
+                    }, null, 8, Ls)
+                  ])) : (i(), u("div", Ss, [
+                    R(At, { class: "w-[25px] min-w-[25px] h-[25px]" })
                   ]))
-                ])) : le.type === "tiptap-editor" ? (i(), u("div", {
+                ])) : Q.type === "tiptap-editor" ? (i(), u("div", {
                   key: 1,
                   class: "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-slate-100 dark:bg-slate-700 text-slate-700 dark:text-slate-300 hover:bg-slate-200 dark:hover:bg-slate-600 transition-colors",
-                  innerHTML: Q(z, le)
-                }, null, 8, Es)) : (i(), u("div", Is, W(Q(z, le)), 1))
+                  innerHTML: Y(z, Q)
+                }, null, 8, Bs)) : Q.type === "reference" ? (i(), u("div", js, K(Y(z, Q)), 1)) : (i(), u("div", Es, K(Y(z, Q)), 1))
               ]))), 128)),
-              l("td", zs, [
-                l("div", As, [
+              l("td", Is, [
+                l("div", zs, [
                   l("button", {
-                    onClick: (le) => j(z, H),
+                    onClick: (Q) => S(z, H),
                     class: "text-slate-700 inline-flex items-center justify-center whitespace-nowrap font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border rounded-md text-xs h-7 w-7 p-0 border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-700 hover:bg-blue-50 dark:hover:bg-slate-600 hover:border-blue-300 dark:hover:border-slate-500 hover:text-blue-600 dark:hover:text-slate-200 transition-all duration-200 shadow-sm"
                   }, [
-                    R(ss, {
+                    R(ns, {
                       width: "24",
                       height: "24",
                       class: "w-3 h-3"
                     })
-                  ], 8, Ts),
+                  ], 8, As),
                   l("button", {
-                    onClick: (le) => X(H),
+                    onClick: (Q) => ee(H),
                     class: "text-slate-700 inline-flex items-center justify-center whitespace-nowrap font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border rounded-md text-xs h-7 w-7 p-0 border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-700 hover:bg-red-50 dark:hover:bg-slate-600 hover:border-red-300 dark:hover:border-slate-500 hover:text-red-600 dark:hover:text-slate-200 transition-all duration-200 shadow-sm"
                   }, [
-                    R(et, {
+                    R(Qe, {
                       width: "24",
                       height: "24",
                       class: "w-3 h-3"
                     })
-                  ], 8, Fs)
+                  ], 8, Ts)
                 ])
               ])
-            ], 42, Cs))), 128))
+            ], 42, _s))), 128))
           ], 2)
         ])
       ]),
-      R(te(zt), {
+      R(le(It), {
         teleport: "#modal",
         visible: h.value,
         title: C.value,
@@ -2940,21 +2941,21 @@ const ss = /* @__PURE__ */ Y(os, [["render", as]]), rs = { class: "vs-datatable
         onClose: Z
       }, {
         default: Ee(() => [
-          R(Ke, {
+          R(qe, {
             schema: e.colModel,
-            values: V.value,
-            "onUpdate:values": F[1] || (F[1] = (z) => V.value = z),
+            values: M.value,
+            "onUpdate:values": F[1] || (F[1] = (z) => M.value = z),
             form: P.value,
             "onUpdate:form": F[2] || (F[2] = (z) => P.value = z)
           }, null, 8, ["schema", "values", "form"]),
-          l("div", Os, [
+          l("div", Fs, [
             l("button", {
               type: "button",
               onClick: F[3] || (F[3] = (z) => h.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: q,
+              onClick: W,
               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"
             }, " Зберегти ")
@@ -2964,7 +2965,7 @@ const ss = /* @__PURE__ */ Y(os, [["render", as]]), rs = { class: "vs-datatable
       }, 8, ["visible", "title"])
     ]));
   }
-}), Ds = {
+}), Us = {
   draw: {
     toolbar: {
       actions: {
@@ -3072,33 +3073,33 @@ const ss = /* @__PURE__ */ Y(os, [["render", as]]), rs = { class: "vs-datatable
     }
   }
 };
-function Ge(o) {
+function Ne(o) {
   return o ? o.type === "Polygon" ? {
     type: "MultiPolygon",
     coordinates: [o.coordinates]
   } : o.type === "Feature" ? {
     ...o,
-    geometry: Ge(o.geometry)
+    geometry: Ne(o.geometry)
   } : o.type === "FeatureCollection" ? {
     ...o,
-    features: (o.features || []).map((e) => Ge(e)).filter(Boolean)
+    features: (o.features || []).map((e) => Ne(e)).filter(Boolean)
   } : o : null;
 }
-function Rs(o) {
-  return o ? o.type === "FeatureCollection" || o.type === "Feature" ? Ge(o) : o.geom ? {
+function Ds(o) {
+  return o ? o.type === "FeatureCollection" || o.type === "Feature" ? Ne(o) : o.geom ? {
     type: "Feature",
-    geometry: Ge({
+    geometry: Ne({
       type: o.geom.type,
       coordinates: o.geom.coordinates
     }),
     properties: {}
   } : o.type && o.coordinates ? {
     type: "Feature",
-    geometry: Ge(o),
+    geometry: Ne(o),
     properties: {}
   } : null : null;
 }
-const Ps = {}, Hs = {
+const Rs = {}, Ps = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   stroke: "currentColor",
@@ -3108,8 +3109,8 @@ const Ps = {}, Hs = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-map-pin"
 };
-function Ns(o, e) {
-  return i(), u("svg", Hs, e[0] || (e[0] = [
+function Hs(o, e) {
+  return i(), u("svg", Ps, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -3119,7 +3120,7 @@ function Ns(o, e) {
     l("path", { d: "M17.657 16.657l-4.243 4.243a2 2 0 0 1 -2.827 0l-4.244 -4.243a8 8 0 1 1 11.314 0z" }, null, -1)
   ]));
 }
-const Gs = /* @__PURE__ */ Y(Ps, [["render", Ns]]), qs = {}, Ks = {
+const Ns = /* @__PURE__ */ X(Rs, [["render", Hs]]), Gs = {}, qs = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -3129,8 +3130,8 @@ const Gs = /* @__PURE__ */ Y(Ps, [["render", Ns]]), qs = {}, Ks = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-line"
 };
-function Ws(o, e) {
-  return i(), u("svg", Ks, e[0] || (e[0] = [
+function Ks(o, e) {
+  return i(), u("svg", qs, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -3141,7 +3142,7 @@ function Ws(o, e) {
     l("path", { d: "M7.5 16.5l9 -9" }, null, -1)
   ]));
 }
-const Zs = /* @__PURE__ */ Y(qs, [["render", Ws]]), Js = {}, Ys = {
+const Ws = /* @__PURE__ */ X(Gs, [["render", Ks]]), Zs = {}, Js = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -3151,12 +3152,12 @@ const Zs = /* @__PURE__ */ Y(qs, [["render", Ws]]), Js = {}, Ys = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-polygon"
 };
-function Xs(o, e) {
-  return i(), u("svg", Ys, e[0] || (e[0] = [
+function Ys(o, e) {
+  return i(), u("svg", Js, e[0] || (e[0] = [
     xe('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M12 5m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M19 8m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M5 11m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M15 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M6.5 9.5l3.5 -3"></path><path d="M14 5.5l3 1.5"></path><path d="M18.5 10l-2.5 7"></path><path d="M13.5 17.5l-7 -5"></path>', 9)
   ]));
 }
-const Qs = /* @__PURE__ */ Y(Js, [["render", Xs]]), er = {}, tr = {
+const Xs = /* @__PURE__ */ X(Zs, [["render", Ys]]), Qs = {}, er = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -3166,12 +3167,12 @@ const Qs = /* @__PURE__ */ Y(Js, [["render", Xs]]), er = {}, tr = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-topology-ring-3"
 };
-function lr(o, e) {
-  return i(), u("svg", tr, e[0] || (e[0] = [
+function tr(o, e) {
+  return i(), u("svg", er, e[0] || (e[0] = [
     xe('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M8 18a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z"></path><path d="M20 18a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z"></path><path d="M20 6a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z"></path><path d="M8 6a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z"></path><path d="M6 8v8"></path><path d="M18 16v-8"></path><path d="M8 6h8"></path><path d="M16 18h-8"></path>', 9)
   ]));
 }
-const or = /* @__PURE__ */ Y(er, [["render", lr]]), nr = {}, ar = {
+const lr = /* @__PURE__ */ X(Qs, [["render", tr]]), or = {}, nr = {
   version: "1.1",
   viewBox: "0 0 14 14",
   xmlns: "http://www.w3.org/2000/svg",
@@ -3179,8 +3180,8 @@ const or = /* @__PURE__ */ Y(er, [["render", lr]]), nr = {}, ar = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   class: "fullscreen-icon"
 };
-function sr(o, e) {
-  return i(), u("svg", ar, e[0] || (e[0] = [
+function ar(o, e) {
+  return i(), u("svg", nr, e[0] || (e[0] = [
     l("title", null, null, -1),
     l("desc", null, null, -1),
     l("defs", null, null, -1),
@@ -3209,20 +3210,20 @@ function sr(o, e) {
     ], -1)
   ]));
 }
-const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-widget flex flex-col gap-2 rounded-xl widget min-w-[200px]" }, ur = {
+const sr = /* @__PURE__ */ X(or, [["render", ar]]), rr = { class: "map-search-widget flex flex-col gap-2 rounded-xl widget min-w-[200px]" }, ir = {
   key: 0,
   class: "vs-select__options absolute z-50 mt-1 w-full bg-white border border-gray-300 shadow-lg rounded-lg text-sm"
-}, dr = ["onClick"], cr = { class: "relative flex-1 min-w-[140px]" }, pr = ["placeholder"], fr = "https://data.softpro.ua/api-user/gis-url-proxy", vr = "https://geo.rv.ua/api-user/dzk.api", mr = /* @__PURE__ */ G({
+}, ur = ["onClick"], dr = { class: "relative flex-1 min-w-[140px]" }, cr = ["placeholder"], pr = "https://data.softpro.ua/api-user/gis-url-proxy", fr = "https://geo.rv.ua/api-user/dzk.api", vr = /* @__PURE__ */ G({
   __name: "map-search",
   props: {
     config: {}
   },
   emits: ["goToCoordinates"],
   setup(o, { emit: e }) {
-    const t = o, s = e, n = ["here", "xy", "parcel"], a = S(() => {
+    const t = o, s = e, n = ["here", "xy", "parcel"], a = B(() => {
       const h = t.config?.tools?.filter((x) => n.includes(x));
       return h && h.length ? h : n;
-    }), r = S(() => t.config?.placeholder?.trim() || "Пошук…"), d = w(a.value[0] ?? n[0]);
+    }), r = B(() => t.config?.placeholder?.trim() || "Пошук…"), d = w(a.value[0] ?? n[0]);
     ue(a, (h) => {
       h.includes(d.value) || (d.value = h[0]);
     });
@@ -3249,47 +3250,47 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
     function I(h) {
       const x = h.replace(/[,]+/g, " ").trim();
       if (!x) return null;
-      const B = x.split(/\s+/).filter(Boolean);
-      if (B.length < 2) return null;
-      const V = B.slice(0, 2).map(Number);
-      if (!V.every((Z) => Number.isFinite(Z))) return null;
-      let [P, ee] = V, Q = P, j = ee;
-      const q = (Z) => Math.abs(Z) <= 90, X = (Z) => Math.abs(Z) <= 180;
-      if (!q(Q) || !X(j))
-        if (q(j) && X(Q))
-          Q = ee, j = P;
+      const j = x.split(/\s+/).filter(Boolean);
+      if (j.length < 2) return null;
+      const M = j.slice(0, 2).map(Number);
+      if (!M.every((Z) => Number.isFinite(Z))) return null;
+      let [P, te] = M, Y = P, S = te;
+      const W = (Z) => Math.abs(Z) <= 90, ee = (Z) => Math.abs(Z) <= 180;
+      if (!W(Y) || !ee(S))
+        if (W(S) && ee(Y))
+          Y = te, S = P;
         else
           return null;
-      return { lat: Q, lng: j };
+      return { lat: Y, lng: S };
     }
     function $(h) {
-      return (h?.items || []).map((B, V) => ({
-        id: String(B?.id ?? V),
-        title: B?.title || B?.address?.label || "Знайдений обʼєкт",
-        lat: Number(B?.position?.lat),
-        lng: Number(B?.position?.lng)
-      })).filter((B) => Number.isFinite(B.lat) && Number.isFinite(B.lng));
+      return (h?.items || []).map((j, M) => ({
+        id: String(j?.id ?? M),
+        title: j?.title || j?.address?.label || "Знайдений обʼєкт",
+        lat: Number(j?.position?.lat),
+        lng: Number(j?.position?.lng)
+      })).filter((j) => Number.isFinite(j.lat) && Number.isFinite(j.lng));
     }
     function A(h) {
       const x = h?.result || h?.data || h;
       if (!x) return [];
-      const B = x.geom_centroid;
-      if (!B || !Array.isArray(B.coordinates)) return [];
-      const [V, P] = B.coordinates;
-      return !Number.isFinite(P) || !Number.isFinite(V) ? [] : [
+      const j = x.geom_centroid;
+      if (!j || !Array.isArray(j.coordinates)) return [];
+      const [M, P] = j.coordinates;
+      return !Number.isFinite(P) || !Number.isFinite(M) ? [] : [
         {
           id: "parcel",
           title: x.cadnum || x.cad_num || "Земельна ділянка",
           lat: P,
-          lng: V
+          lng: M
         }
       ];
     }
     function E(h) {
-      const B = h.replace(/\s+/g, "").split(":");
-      if (B.length !== 4) return !1;
-      const V = [10, 2, 3, 4];
-      return B.every((P, ee) => P.length === V[ee] && /^\d+$/.test(P));
+      const j = h.replace(/\s+/g, "").split(":");
+      if (j.length !== 4) return !1;
+      const M = [10, 2, 3, 4];
+      return j.every((P, te) => P.length === M[te] && /^\d+$/.test(P));
     }
     function O(h) {
       s("goToCoordinates", [h.lat, h.lng]);
@@ -3307,7 +3308,7 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
           return;
         }
         try {
-          const x = new URL(d.value === "here" ? fr : vr);
+          const x = new URL(d.value === "here" ? pr : fr);
           if (d.value === "here")
             x.searchParams.set("searchtext", h);
           else {
@@ -3317,22 +3318,22 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
             }
             x.searchParams.set("cad_num", h);
           }
-          const B = await fetch(x.toString());
-          if (!B.ok) throw new Error(`HTTP ${B.status}`);
-          const V = await B.json(), P = d.value === "here" ? $(V) : A(V);
+          const j = await fetch(x.toString());
+          if (!j.ok) throw new Error(`HTTP ${j.status}`);
+          const M = await j.json(), P = d.value === "here" ? $(M) : A(M);
           if (!P.length)
             ce({ type: "warning", title: "Пошук", message: "Не знайдено результатів" });
           else {
-            const ee = P[0];
-            O(ee), c.value = "";
+            const te = P[0];
+            O(te), c.value = "";
           }
         } catch (x) {
-          const B = x?.message || "Помилка пошуку";
-          ce({ type: "error", title: "Пошук", message: B });
+          const j = x?.message || "Помилка пошуку";
+          ce({ type: "error", title: "Пошук", message: j });
         }
       }
     }
-    return (h, x) => (i(), u("div", ir, [
+    return (h, x) => (i(), u("div", rr, [
       l("form", {
         class: "flex gap-2",
         onSubmit: $e(C, ["prevent"])
@@ -3346,9 +3347,9 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
           l("button", {
             type: "button",
             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] = (B) => f.value = !f.value)
+            onClick: x[0] || (x[0] = (j) => f.value = !f.value)
           }, [
-            l("span", null, W(m(d.value)), 1),
+            l("span", null, K(m(d.value)), 1),
             (i(), u("svg", {
               class: T(["w-4 h-4 text-gray-500 transition-transform", { "rotate-180": f.value }]),
               viewBox: "0 0 24 24",
@@ -3364,25 +3365,25 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
               }, null, -1)
             ]), 2))
           ]),
-          f.value ? (i(), u("div", ur, [
+          f.value ? (i(), u("div", ir, [
             l("ul", null, [
-              (i(!0), u(re, null, fe(a.value, (B) => (i(), u("li", {
-                key: B,
+              (i(!0), u(re, null, pe(a.value, (j) => (i(), u("li", {
+                key: j,
                 class: "px-3 py-2 cursor-pointer hover:bg-gray-100",
-                onClick: (V) => v(B)
-              }, W(m(B)), 9, dr))), 128))
+                onClick: (M) => v(j)
+              }, K(m(j)), 9, ur))), 128))
             ])
-          ])) : U("", !0)
-        ], 512)) : U("", !0),
-        l("div", cr, [
+          ])) : D("", !0)
+        ], 512)) : D("", !0),
+        l("div", dr, [
           ne(l("input", {
-            "onUpdate:modelValue": x[1] || (x[1] = (B) => c.value = B),
+            "onUpdate:modelValue": x[1] || (x[1] = (j) => c.value = j),
             placeholder: r.value,
             type: "text",
             class: "vs-input transition-all border block w-full border-gray-200 rounded-md focus:border-blue-100 border-solid !pr-8 py-1.5 pl-3 text-sm"
-          }, null, 8, pr), [
+          }, null, 8, cr), [
             [
-              he,
+              me,
               c.value,
               void 0,
               { trim: !0 }
@@ -3412,7 +3413,7 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
       ], 32)
     ]));
   }
-}), hr = /* @__PURE__ */ Y(mr, [["__scopeId", "data-v-3048520a"]]), gr = { class: "bg-white/30 p-1 rounded-md shadow" }, br = { class: "flex gap-2" }, yr = ["onClick", "title"], xr = ["src"], wr = /* @__PURE__ */ G({
+}), mr = /* @__PURE__ */ X(vr, [["__scopeId", "data-v-3048520a"]]), hr = { class: "bg-white/30 p-1 rounded-md shadow" }, gr = { class: "flex gap-2" }, br = ["onClick", "title"], yr = ["src"], xr = /* @__PURE__ */ G({
   __name: "map-layers",
   props: {
     basemaps: {}
@@ -3423,9 +3424,9 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
     function a(r) {
       n("onLayerChange", r), s.value = r;
     }
-    return (r, d) => (i(), u("div", gr, [
-      l("div", br, [
-        (i(!0), u(re, null, fe(r.basemaps, (c, f) => (i(), u("div", {
+    return (r, d) => (i(), u("div", hr, [
+      l("div", gr, [
+        (i(!0), u(re, null, pe(r.basemaps, (c, f) => (i(), u("div", {
           key: f,
           class: T(["cursor-pointer border rounded-lg overflow-hidden hover:shadow-sm", { "ring-2 ring-blue-500 border-blue-300": s.value === f }]),
           onClick: (p) => a(f),
@@ -3437,24 +3438,24 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
             src: c.preview,
             alt: "",
             class: "w-10 h-10 object-cover"
-          }, null, 8, xr)
-        ], 10, yr))), 128))
+          }, null, 8, yr)
+        ], 10, br))), 128))
       ])
     ]));
   }
-}), kr = {
+}), wr = {
   key: 0,
   class: "absolute inset-0 z-[2000] flex items-center justify-center pointer-events-none bg-black/20"
-}, _r = { class: "bg-black/50 text-white px-6 py-2 rounded-lg text-center max-w-sm mx-4 backdrop-blur-sm" }, $r = { class: "text-sm font-medium" }, Cr = { class: "absolute top-4 left-4 z-[1000] w-[calc(100%-20px)] sm:w-[350px]" }, Vr = { class: "form-geom__panel flex gap-1 items-start mt-2" }, Mr = { class: "flex items-center gap-1" }, Lr = ["disabled"], Sr = { class: "absolute top-4 right-4 z-[1000]" }, Br = { class: "flex flex-col gap-[2px]" }, jr = ["aria-pressed"], Er = ["aria-pressed"], Ir = ["aria-pressed"], zr = ["aria-pressed"], Ar = { class: "absolute bottom-0 left-0 right-0 z-[1000] bg-white/95 border-t border-gray-200 text-xs text-gray-700 flex items-center gap-4 pt-1" }, Tr = {
+}, kr = { class: "bg-black/50 text-white px-6 py-2 rounded-lg text-center max-w-sm mx-4 backdrop-blur-sm" }, _r = { class: "text-sm font-medium" }, $r = { class: "absolute top-4 left-4 z-[1000] w-[calc(100%-20px)] sm:w-[350px]" }, Cr = { class: "form-geom__panel flex gap-1 items-start mt-2" }, Vr = { class: "flex items-center gap-1" }, Mr = ["disabled"], Lr = { class: "absolute top-4 right-4 z-[1000]" }, Sr = { class: "flex flex-col gap-[2px]" }, Br = ["aria-pressed"], jr = ["aria-pressed"], Er = ["aria-pressed"], Ir = ["aria-pressed"], zr = { class: "absolute bottom-0 left-0 right-0 z-[1000] bg-white/95 border-t border-gray-200 text-xs text-gray-700 flex items-center gap-4 pt-1" }, Ar = {
   key: 0,
   class: "form-geom__feature flex items-center text-xs transition-all gap-2 w-full"
-}, Fr = { class: "mr-auto" }, Or = { class: "font-bold" }, Ur = { class: "flex items-center" }, Dr = { class: "text-xs mr-2" }, Rr = {
+}, Tr = { class: "mr-auto" }, Fr = { class: "font-bold" }, Or = { class: "flex items-center" }, Ur = { class: "text-xs mr-2" }, Dr = {
   key: 0,
   class: "text-xs"
-}, Pr = {
+}, Rr = {
   key: 1,
   class: "text-xs"
-}, Hr = /* @__PURE__ */ G({
+}, Pr = /* @__PURE__ */ G({
   __name: "vs-input-map",
   props: {
     tools: {},
@@ -3470,7 +3471,7 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = Wt(), s = o, n = e, a = S(() => s.geomType ? s.geomType.map((b) => b.toLowerCase()).filter((b) => ["marker", "polyline", "polygon", "rectangle"].includes(b)) : ["marker", "polyline", "polygon", "rectangle"]), r = w(!1), d = w("");
+    const t = Kt(), s = o, n = e, a = B(() => s.geomType ? s.geomType.map((b) => b.toLowerCase()).filter((b) => ["marker", "polyline", "polygon", "rectangle"].includes(b)) : ["marker", "polyline", "polygon", "rectangle"]), r = w(!1), d = w("");
     function c() {
       const b = navigator.platform.toUpperCase().indexOf("MAC") >= 0;
       return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ? "Використовуйте два пальці для зуму карти." : "Використовуйте Ctrl + прокрутка для зуму карти.";
@@ -3483,9 +3484,9 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
     function A() {
       if (!s.handleZoom) return null;
       let b;
-      const M = (N) => {
-        const ae = N.ctrlKey || N.metaKey, oe = N.shiftKey;
-        if (!ae && !oe) {
+      const V = (N) => {
+        const oe = N.ctrlKey || N.metaKey, ae = N.shiftKey;
+        if (!oe && !ae) {
           r.value = !0, d.value = c(), clearTimeout(b), b = window.setTimeout(() => {
             r.value = !1;
           }, 1e3);
@@ -3503,86 +3504,86 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
         }
         r.value = !1;
       };
-      return f.value && (f.value.addEventListener("wheel", M, { passive: !1 }), f.value.addEventListener("touchstart", J, { passive: !0 })), p && p.on("wheel", (N) => {
-        const ae = N.originalEvent.ctrlKey || N.originalEvent.metaKey, oe = N.originalEvent.shiftKey;
-        !ae && !oe && (N.originalEvent.preventDefault(), N.originalEvent.stopPropagation());
+      return f.value && (f.value.addEventListener("wheel", V, { passive: !1 }), f.value.addEventListener("touchstart", J, { passive: !0 })), p && p.on("wheel", (N) => {
+        const oe = N.originalEvent.ctrlKey || N.originalEvent.metaKey, ae = N.originalEvent.shiftKey;
+        !oe && !ae && (N.originalEvent.preventDefault(), N.originalEvent.stopPropagation());
       }), () => {
-        f.value && (f.value.removeEventListener("wheel", M), f.value.removeEventListener("touchstart", J)), p && p.off("wheel"), clearTimeout(b);
+        f.value && (f.value.removeEventListener("wheel", V), f.value.removeEventListener("touchstart", J)), p && p.off("wheel"), clearTimeout(b);
       };
     }
-    const E = w(null), O = w(6), C = w(0), h = w(t?.appContext.config.globalProperties.$settings?.center || [50, 30]), x = w(null), B = Se();
-    let V;
+    const E = w(null), O = w(6), C = w(0), h = w(t?.appContext.config.globalProperties.$settings?.center || [50, 30]), x = w(null), j = tt();
+    let M;
     const P = w("topo100");
-    function ee(b) {
+    function te(b) {
       return b ? b.type === "Polygon" ? {
         type: "MultiPolygon",
         coordinates: [b.coordinates]
       } : (b.type === "MultiPolygon", b) : null;
     }
-    function Q() {
-      return new Promise((b, M) => {
+    function Y() {
+      return new Promise((b, V) => {
         window.L && window.L.Draw && b(0);
-        const J = (ae) => {
-          if (Array.from(document.styleSheets).some((Ve) => Ve?.href?.includes(ae))) return;
-          const Me = document.createElement("link");
-          Me.rel = "stylesheet", Me.href = ae, document.head.appendChild(Me);
-        }, N = (ae) => new Promise((oe, Me) => {
-          const Ve = Array.from(document.scripts).find((Be) => Be.src === ae);
-          if (Ve) {
-            Ve.addEventListener("load", () => oe()), Ve.addEventListener("error", (Be) => Me(Be));
+        const J = (oe) => {
+          if (Array.from(document.styleSheets).some((Ie) => Ie?.href?.includes(oe))) return;
+          const Ve = document.createElement("link");
+          Ve.rel = "stylesheet", Ve.href = oe, document.head.appendChild(Ve);
+        }, N = (oe) => new Promise((ae, Ve) => {
+          const Ie = Array.from(document.scripts).find((Be) => Be.src === oe);
+          if (Ie) {
+            Ie.addEventListener("load", () => ae()), Ie.addEventListener("error", (Be) => Ve(Be));
             return;
           }
-          const Ie = document.createElement("script");
-          Ie.src = ae, Ie.async = !0, Ie.onload = () => oe(), Ie.onerror = (Be) => Me(Be), document.body.appendChild(Ie);
+          const Se = document.createElement("script");
+          Se.src = oe, Se.async = !0, Se.onload = () => ae(), Se.onerror = (Be) => Ve(Be), document.body.appendChild(Se);
         });
-        J("https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"), J("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.css"), N("https://unpkg.com/leaflet@1.9.4/dist/leaflet.js").then(() => N("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.js")).then(() => b(0)).catch(M);
+        J("https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"), J("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.css"), N("https://unpkg.com/leaflet@1.9.4/dist/leaflet.js").then(() => N("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.js")).then(() => b(0)).catch(V);
       });
     }
-    function j() {
-      const b = v.toGeoJSON(), M = [];
+    function S() {
+      const b = v.toGeoJSON(), V = [];
       let J = null;
-      const N = (oe) => {
-        if (oe)
-          switch (oe.type) {
+      const N = (ae) => {
+        if (ae)
+          switch (ae.type) {
             case "Point":
-              J = oe;
+              J = ae;
               break;
             case "Polygon":
-              M.push(oe.coordinates);
+              V.push(ae.coordinates);
               break;
             case "MultiPolygon":
-              M.push(...oe.coordinates);
+              V.push(...ae.coordinates);
               break;
             case "GeometryCollection":
-              (oe.geometries || []).forEach(N);
+              (ae.geometries || []).forEach(N);
               break;
           }
       };
-      (b?.features || []).forEach((oe) => N(oe.geometry));
-      const ae = J || (M.length ? { type: "MultiPolygon", coordinates: M } : null);
-      n("update:modelValue", ae ? ee(ae) : null), C.value = v.getLayers().length;
+      (b?.features || []).forEach((ae) => N(ae.geometry));
+      const oe = J || (V.length ? { type: "MultiPolygon", coordinates: V } : null);
+      n("update:modelValue", oe ? te(oe) : null), C.value = v.getLayers().length;
     }
-    function q(b = 30) {
-      const M = v.getLayers();
-      if (!M.length) return;
-      const N = L.featureGroup(M).getBounds();
+    function W(b = 30) {
+      const V = v.getLayers();
+      if (!V.length) return;
+      const N = L.featureGroup(V).getBounds();
       N && N.isValid() && p.fitBounds(N, { padding: [b, b] });
     }
-    function X() {
+    function ee() {
       I.value?.click();
     }
     const Z = w("");
-    function D(b) {
+    function U(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 F(b) {
       if (b instanceof L.Circle) {
-        const M = b.getRadius();
-        return Math.PI * (M * M) / 1e6;
+        const V = b.getRadius();
+        return Math.PI * (V * V) / 1e6;
       }
       if (b instanceof L.Polygon || b instanceof L.Rectangle)
         try {
-          const M = b.getLatLngs(), J = Array.isArray(M[0]) ? M[0] : M, N = L.GeometryUtil?.geodesicArea ? L.GeometryUtil.geodesicArea(J) : 0;
+          const V = b.getLatLngs(), J = Array.isArray(V[0]) ? V[0] : V, N = L.GeometryUtil?.geodesicArea ? L.GeometryUtil.geodesicArea(J) : 0;
           return N ? N / 1e6 : 0;
         } catch {
           return null;
@@ -3598,50 +3599,50 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
         x.value = null, C.value = 0;
         return;
       }
-      const M = b[b.length - 1], J = D(M), N = z(M), ae = F(M);
+      const V = b[b.length - 1], J = U(V), N = z(V), oe = F(V);
       x.value = {
         type: J,
         center: N,
-        areaKm2: ae,
-        layer: M
+        areaKm2: oe,
+        layer: V
       }, C.value = b.length;
     }
-    function le() {
+    function Q() {
       const b = x.value?.layer;
       b && (b instanceof L.Circle && b.getBounds ? p.fitBounds(b.getBounds(), { padding: [30, 30] }) : b.getBounds ? p.fitBounds(b.getBounds(), { padding: [30, 30] }) : b.getLatLng && p.setView(b.getLatLng(), Math.max(O.value, 14)));
     }
-    function pe() {
+    function ge() {
       const b = x.value?.layer;
-      b && (v.removeLayer(b), j(), H());
+      b && (v.removeLayer(b), S(), H());
     }
     ye(async () => {
-      document.addEventListener("wheel", $, { passive: !1 }), await Q(), L.drawLocal = Ds;
+      document.addEventListener("wheel", $, { passive: !1 }), await Y(), L.drawLocal = Us;
       const b = s.handleZoom;
       p = L.map(f.value, {
         zoomControl: !1,
         scrollWheelZoom: !b
       }).setView(h.value, 10), setTimeout(() => {
         m = A();
-      }, 100), L.control.zoom({ position: "bottomright" }).addTo(p), P.value = Object.keys(B)[0], V = L.tileLayer(B[P.value].url, { maxZoom: 19, minZoom: 6 }).addTo(p), v = new L.FeatureGroup().addTo(p), p.on(L.Draw.Event.CREATED, (N) => {
-        const { layer: ae } = N;
-        v.clearLayers(), v.addLayer(ae), j(), H(), q(), Z.value = "";
+      }, 100), L.control.zoom({ position: "bottomright" }).addTo(p), P.value = Object.keys(j)[0], M = L.tileLayer(j[P.value].url, { maxZoom: 19, minZoom: 6 }).addTo(p), v = new L.FeatureGroup().addTo(p), p.on(L.Draw.Event.CREATED, (N) => {
+        const { layer: oe } = N;
+        v.clearLayers(), v.addLayer(oe), S(), H(), W(), Z.value = "";
       }), p.on(L.Draw.Event.EDITED, () => {
-        j(), H(), q();
+        S(), H(), W();
       }), p.on(L.Draw.Event.DELETED, () => {
-        j(), H(), q();
+        S(), H(), W();
       });
-      let M = !1;
+      let V = !1;
       p.on("mousemove", (N) => {
-        M || (p.invalidateSize(), M = !0), E.value = N.latlng;
+        V || (p.invalidateSize(), V = !0), E.value = N.latlng;
       }), p.on("zoomend", () => {
         O.value = p.getZoom();
       });
-      const J = Rs(s.modelValue);
+      const J = Ds(s.modelValue);
       if (J) {
         const N = [];
-        L.geoJSON(J).eachLayer((ae) => N.push(ae)), N.length && v.addLayer(N[0]), j(), H(), q();
+        L.geoJSON(J).eachLayer((oe) => N.push(oe)), N.length && v.addLayer(N[0]), S(), H(), W();
       }
-    }), Qe(() => {
+    }), Xe(() => {
       document.removeEventListener("wheel", $), m && m();
     });
     function we(b) {
@@ -3666,51 +3667,51 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
         k && (k.enable(), Z.value = b);
       }
     }
-    function Ue() {
-      const b = v.toGeoJSON(), M = new Blob([JSON.stringify(b, null, 2)], { type: "application/json" }), J = URL.createObjectURL(M), N = document.createElement("a");
+    function Ke() {
+      const b = v.toGeoJSON(), V = new Blob([JSON.stringify(b, null, 2)], { type: "application/json" }), J = URL.createObjectURL(V), N = document.createElement("a");
       N.href = J, N.download = "data.geojson", N.click(), URL.revokeObjectURL(J);
     }
-    function We(b) {
-      const M = b.target, J = M.files?.[0];
+    function et(b) {
+      const V = b.target, J = V.files?.[0];
       if (!J) return;
       const N = new FileReader();
       N.onload = () => {
         if (typeof N.result == "string")
           try {
-            const ae = JSON.parse(N.result);
-            v.clearLayers(), ae && L.geoJSON({ type: "Feature", geometry: ae }).eachLayer((oe) => {
-              v.addLayer(oe);
-            }), j(), H(), q();
+            const oe = JSON.parse(N.result);
+            v.clearLayers(), oe && L.geoJSON({ type: "Feature", geometry: oe }).eachLayer((ae) => {
+              v.addLayer(ae);
+            }), S(), H(), W();
           } finally {
-            M.value = "";
+            V.value = "";
           }
       }, N.readAsText(J);
     }
-    function tt(b) {
-      p && (V && p.removeLayer(V), V = L.tileLayer(B[b].url, { maxZoom: 19, minZoom: 6 }).addTo(p), P.value = b);
+    function Ue(b) {
+      p && (M && p.removeLayer(M), M = L.tileLayer(j[b].url, { maxZoom: 19, minZoom: 6 }).addTo(p), P.value = b);
     }
-    function De(b) {
-      const M = L.latLng(b[0], b[1]);
-      p.setView(M, 13);
+    function Le(b) {
+      const V = L.latLng(b[0], b[1]);
+      p.setView(V, 13);
     }
     ue(
       () => s.modelValue,
       (b) => {
-        const M = ee(b);
-        if (b && M !== b) {
-          n("update:modelValue", M);
+        const V = te(b);
+        if (b && V !== b) {
+          n("update:modelValue", V);
           return;
         }
-        v.clearLayers(), M && L.geoJSON({ type: "Feature", geometry: M }).eachLayer((J) => {
+        v.clearLayers(), V && L.geoJSON({ type: "Feature", geometry: V }).eachLayer((J) => {
           v.addLayer(J), J.dragging?.enable(), J.dragging?.enabled(), J.on("dragend", (N) => {
-            const oe = N.target.getLatLng();
-            n("update:modelValue", { type: "Point", coordinates: [oe.lng, oe.lat] });
+            const ae = N.target.getLatLng();
+            n("update:modelValue", { type: "Point", coordinates: [ae.lng, ae.lat] });
           });
-        }), C.value = v.getLayers().length, H(), q();
+        }), C.value = v.getLayers().length, H(), W();
       }
     );
-    function Se() {
-      return t?.appContext.config.globalProperties.$settings?.basemaps ? t?.appContext.config.globalProperties.$settings?.basemaps.map((b, M) => Object.assign(b, { key: `b${M}`, preview: b.preview || b.url.replace("{z}/{x}/{y}.png", "13/4790/2762.png") })).reduce((b, M) => ({ ...b, [M.key]: M }), {}) : {
+    function tt() {
+      return t?.appContext.config.globalProperties.$settings?.basemaps ? t?.appContext.config.globalProperties.$settings?.basemaps.map((b, V) => Object.assign(b, { key: `b${V}`, preview: b.preview || b.url.replace("{z}/{x}/{y}.png", "13/4790/2762.png") })).reduce((b, V) => ({ ...b, [V.key]: V }), {}) : {
         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"
@@ -3730,7 +3731,7 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
       setTimeout(() => {
         p.invalidateSize();
       }, 50);
-    }), (b, M) => (i(), u("div", {
+    }), (b, V) => (i(), u("div", {
       class: T(["leaflet-map-wrapper relative w-full h-[400px]", { fullscreen: Te.value }])
     }, [
       l("div", {
@@ -3748,143 +3749,143 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
         "leave-to-class": "opacity-0"
       }, {
         default: Ee(() => [
-          r.value && s.handleZoom ? (i(), u("div", kr, [
-            l("div", _r, [
-              l("p", $r, W(d.value), 1)
+          r.value && s.handleZoom ? (i(), u("div", wr, [
+            l("div", kr, [
+              l("p", _r, K(d.value), 1)
             ])
-          ])) : U("", !0)
+          ])) : D("", !0)
         ]),
         _: 1
       }),
-      l("div", Cr, [
-        R(hr, { onGoToCoordinates: De }),
-        l("div", Vr, [
-          l("div", Mr, [
+      l("div", $r, [
+        R(mr, { onGoToCoordinates: Le }),
+        l("div", Cr, [
+          l("div", Vr, [
             l("button", {
               type: "button",
               class: "inline-flex items-center gap-2 text-sm font-medium border rounded-md px-3 py-2 bg-white text-blue-600 border-stone-200 hover:bg-blue-500 hover:text-white hover:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500 focus:ring-offset-1 transition",
-              onClick: X
+              onClick: ee
             }, "Import"),
             l("button", {
               type: "button",
               class: "inline-flex items-center gap-2 text-sm font-medium border rounded-md px-3 py-2 bg-white text-blue-600 border-stone-200 hover:bg-blue-500 hover:text-white hover:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500 focus:ring-offset-1 transition disabled:opacity-50 disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-gray-400 disabled:border-gray-200 disabled:hover:bg-gray-100 disabled:hover:text-gray-400",
-              onClick: Ue,
+              onClick: Ke,
               disabled: C.value === 0
-            }, "Export", 8, Lr)
+            }, "Export", 8, Mr)
           ]),
           l("input", {
             ref_key: "importRef",
             ref: I,
             type: "file",
-            onChange: We,
+            onChange: et,
             accept: ".json,.geojson",
             class: "hidden"
           }, null, 544)
         ])
       ]),
-      l("div", Sr, [
-        l("div", Br, [
+      l("div", Lr, [
+        l("div", Sr, [
           a.value.includes("marker") ? (i(), u("button", {
             key: 0,
             class: T(["vs-btn", { "vs-active": Z.value === "marker" }]),
             "aria-pressed": Z.value === "marker",
             title: "Point (P)",
             "aria-label": "Draw point",
-            onClick: M[0] || (M[0] = (J) => we("marker"))
+            onClick: V[0] || (V[0] = (J) => we("marker"))
           }, [
-            R(Gs)
-          ], 10, jr)) : U("", !0),
+            R(Ns)
+          ], 10, Br)) : D("", !0),
           a.value.includes("polyline") ? (i(), u("button", {
             key: 1,
             class: T(["vs-btn", { "vs-active": Z.value === "polyline" }]),
             "aria-pressed": Z.value === "polyline",
             title: "Line (L)",
             "aria-label": "Draw polyline",
-            onClick: M[1] || (M[1] = (J) => we("polyline"))
+            onClick: V[1] || (V[1] = (J) => we("polyline"))
           }, [
-            R(Zs)
-          ], 10, Er)) : U("", !0),
+            R(Ws)
+          ], 10, jr)) : D("", !0),
           a.value.includes("polygon") ? (i(), u("button", {
             key: 2,
             class: T(["vs-btn", { "vs-active": Z.value === "polygon" }]),
             "aria-pressed": Z.value === "polygon",
             title: "Polygon (G)",
             "aria-label": "Draw polygon",
-            onClick: M[2] || (M[2] = (J) => we("polygon"))
+            onClick: V[2] || (V[2] = (J) => we("polygon"))
           }, [
-            R(Qs)
-          ], 10, Ir)) : U("", !0),
+            R(Xs)
+          ], 10, Er)) : D("", !0),
           a.value.includes("rectangle") ? (i(), u("button", {
             key: 3,
             class: T(["vs-btn", { "vs-active": Z.value === "rectangle" }]),
             "aria-pressed": Z.value === "rectangle",
             title: "Rectangle (R)",
             "aria-label": "Draw rectangle",
-            onClick: M[3] || (M[3] = (J) => we("rectangle"))
+            onClick: V[3] || (V[3] = (J) => we("rectangle"))
           }, [
-            R(or)
-          ], 10, zr)) : U("", !0),
+            R(lr)
+          ], 10, Ir)) : D("", !0),
           l("button", {
             class: "vs-btn mt-5",
-            onClick: M[4] || (M[4] = (J) => {
+            onClick: V[4] || (V[4] = (J) => {
               Te.value = !Te.value;
             }),
             title: "Full Screen",
             "aria-label": "Full Screen"
           }, [
-            R(rr, { style: { width: "12px", height: "12px" } })
+            R(sr, { style: { width: "12px", height: "12px" } })
           ])
         ])
       ]),
       l("div", {
         class: T(["absolute left-4 z-[1000]", x.value ? "bottom-8" : "bottom-4"])
       }, [
-        R(wr, {
-          basemaps: te(B),
-          onOnLayerChange: tt
+        R(xr, {
+          basemaps: le(j),
+          onOnLayerChange: Ue
         }, null, 8, ["basemaps"])
       ], 2),
-      l("div", Ar, [
-        x.value ? (i(), u("div", Tr, [
-          l("div", Fr, [
-            M[7] || (M[7] = ge(" Тип: ")),
-            l("span", Or, W(x.value.type), 1)
+      l("div", zr, [
+        x.value ? (i(), u("div", Ar, [
+          l("div", Tr, [
+            V[7] || (V[7] = he(" Тип: ", -1)),
+            l("span", Fr, K(x.value.type), 1)
           ]),
-          l("div", Ur, [
-            l("div", Dr, [
-              M[8] || (M[8] = ge(" Центр: ")),
-              l("b", null, W(x.value.center.lat.toFixed(5)) + ", " + W(x.value.center.lng.toFixed(5)), 1)
+          l("div", Or, [
+            l("div", Ur, [
+              V[8] || (V[8] = he(" Центр: ", -1)),
+              l("b", null, K(x.value.center.lat.toFixed(5)) + ", " + K(x.value.center.lng.toFixed(5)), 1)
             ]),
-            x.value.areaKm2 !== null ? (i(), u("div", Rr, [
-              M[9] || (M[9] = ge(" Площа: ")),
-              l("b", null, W(x.value.areaKm2.toFixed(1)) + "км²", 1)
-            ])) : (i(), u("div", Pr, M[10] || (M[10] = [
-              ge(" Площа: "),
+            x.value.areaKm2 !== null ? (i(), u("div", Dr, [
+              V[9] || (V[9] = he(" Площа: ", -1)),
+              l("b", null, K(x.value.areaKm2.toFixed(1)) + "км²", 1)
+            ])) : (i(), u("div", Rr, V[10] || (V[10] = [
+              he(" Площа: ", -1),
               l("b", null, "—", -1)
             ]))),
             l("button", {
               class: "tool bg-gray-100 py-1.5 px-2 rounded-lg text-md mr-1 cursor-pointer hover:bg-blue-500 hover:text-white transition-all",
               title: "Наблизити",
-              onClick: M[5] || (M[5] = (J) => le())
-            }, M[11] || (M[11] = [
+              onClick: V[5] || (V[5] = (J) => Q())
+            }, V[11] || (V[11] = [
               xe('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-3 h-3" data-v-77633b64><path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" data-v-77633b64></path><path d="M7 10l6 0" data-v-77633b64></path><path d="M10 7l0 6" data-v-77633b64></path><path d="M21 21l-6 -6" data-v-77633b64></path></svg>', 1)
             ])),
             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: M[6] || (M[6] = (J) => pe())
+              onClick: V[6] || (V[6] = (J) => ge())
             }, [
-              R(et, { class: "w-3 h-3" })
+              R(Qe, { class: "w-3 h-3" })
             ])
           ])
-        ])) : U("", !0)
+        ])) : D("", !0)
       ])
     ], 2));
   }
-}), Nr = /* @__PURE__ */ Y(Hr, [["__scopeId", "data-v-77633b64"]]), Gr = ["data-focus"], qr = { class: "flex items-center" }, Kr = { class: "overflow-hidden text-ellipsis whitespace-nowrap rounded-sm text-[#333] text-[85%] px-0.5 py-[3px] pl-1.5 box-border" }, Wr = ["onClick", "aria-label"], Zr = {
+}), Hr = /* @__PURE__ */ X(Pr, [["__scopeId", "data-v-77633b64"]]), Nr = ["data-focus"], Gr = { class: "flex items-center" }, qr = { class: "overflow-hidden text-ellipsis whitespace-nowrap rounded-sm text-[#333] text-[85%] px-0.5 py-[3px] pl-1.5 box-border" }, Kr = ["onClick", "aria-label"], Wr = {
   key: 0,
   class: "absolute text-gray-500 truncate pl-2"
-}, Jr = { class: "flex-1 min-w-[2px]" }, Yr = ["placeholder"], Xr = { class: "flex items-center shrink-0" }, Qr = ["disabled"], ei = /* @__PURE__ */ G({
+}, Zr = { class: "flex-1 min-w-[2px]" }, Jr = ["placeholder"], Yr = { class: "flex items-center shrink-0" }, Xr = ["disabled"], Qr = /* @__PURE__ */ G({
   __name: "vs-input-tag",
   props: /* @__PURE__ */ ie({
     unique: { type: Boolean, default: !0 },
@@ -3903,32 +3904,32 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
   setup(o, { emit: e }) {
     const t = o, s = e;
     Ce(t.style);
-    const n = w(null), a = w(null), r = w(null), d = w(!1), c = w(""), f = de(o, "modelValue"), p = S(() => t.placeholder || "Add tag…"), v = S(() => f.value?.length === 0 && c.value === ""), k = S(() => !t.disabled && f.value?.length > 0), m = S(() => t.disabled), I = async () => {
+    const n = w(null), a = w(null), r = w(null), d = w(!1), c = w(""), f = de(o, "modelValue"), p = B(() => t.placeholder || "Add tag…"), v = B(() => f.value?.length === 0 && c.value === ""), k = B(() => !t.disabled && f.value?.length > 0), m = B(() => t.disabled), I = async () => {
       m.value || await je(() => r.value?.focus());
-    }, $ = (B) => {
-      const V = B.trim();
-      V !== "" && (!f.value || !Array.isArray(f.value) ? f.value = [V] : t.unique ? f.value.includes(V) || (f.value = [...f.value, V]) : f.value = [...f.value, V], c.value = "");
+    }, $ = (j) => {
+      const M = j.trim();
+      M !== "" && (!f.value || !Array.isArray(f.value) ? f.value = [M] : t.unique ? f.value.includes(M) || (f.value = [...f.value, M]) : f.value = [...f.value, M], c.value = "");
     }, A = () => {
-      const B = c.value;
-      B.trim() !== "" && $(B), c.value = "";
-    }, E = (B) => {
-      const V = f.value.slice();
-      V.splice(B, 1), s("update:modelValue", V);
+      const j = c.value;
+      j.trim() !== "" && $(j), c.value = "";
+    }, E = (j) => {
+      const M = f.value.slice();
+      M.splice(j, 1), s("update:modelValue", M);
     }, O = () => {
       s("update:modelValue", []);
     }, C = () => {
       m.value || (d.value = !0);
     }, h = () => {
       d.value = !1, !m.value && A();
-    }, x = (B) => {
-      const { key: V } = B;
-      V === "Enter" ? (B.preventDefault(), A()) : V === "Backspace" && c.value === "" && f.value.length > 0 && E(f.value.length - 1);
+    }, x = (j) => {
+      const { key: M } = j;
+      M === "Enter" ? (j.preventDefault(), A()) : M === "Backspace" && c.value === "" && f.value.length > 0 && E(f.value.length - 1);
     };
-    return (B, V) => (i(), u("div", {
+    return (j, M) => (i(), u("div", {
       class: "flex gap-1 w-full",
       ref_key: "root",
       ref: n,
-      onClick: V[1] || (V[1] = $e(() => {
+      onClick: M[1] || (M[1] = $e(() => {
       }, ["stop"]))
     }, [
       l("div", {
@@ -3951,19 +3952,19 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
             ref_key: "chipsRef",
             ref: a
           }, [
-            (i(!0), u(re, null, fe(f.value, (P, ee) => (i(), u("div", {
-              key: ee,
+            (i(!0), u(re, null, pe(f.value, (P, te) => (i(), u("div", {
+              key: te,
               class: "flex min-w-0 bg-[#e6e6e6] rounded-sm m-0.5 box-border"
             }, [
-              l("div", qr, [
-                l("div", Kr, W(P), 1)
+              l("div", Gr, [
+                l("div", qr, K(P), 1)
               ]),
               l("div", {
                 role: "button",
                 class: "flex items-center rounded-sm px-1 box-border hover:bg-[#ffbdad] hover:text-[#de350b]",
-                onClick: $e((Q) => E(ee), ["stop"]),
+                onClick: $e((Y) => E(te), ["stop"]),
                 "aria-label": `Remove ${P}`
-              }, V[2] || (V[2] = [
+              }, M[2] || (M[2] = [
                 l("svg", {
                   height: "14",
                   width: "14",
@@ -3974,11 +3975,11 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
                 }, [
                   l("path", { d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z" })
                 ], -1)
-              ]), 8, Wr)
+              ]), 8, Kr)
             ]))), 128)),
-            v.value ? (i(), u("div", Zr, W(p.value), 1)) : U("", !0),
-            l("div", Jr, [
-              m.value ? U("", !0) : ne((i(), u("input", {
+            v.value ? (i(), u("div", Wr, K(p.value), 1)) : D("", !0),
+            l("div", Zr, [
+              m.value ? D("", !0) : ne((i(), u("input", {
                 key: 0,
                 ref_key: "inputRef",
                 ref: r,
@@ -3990,17 +3991,17 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
                 type: "text",
                 tabindex: "0",
                 "aria-label": "Add tag",
-                "onUpdate:modelValue": V[0] || (V[0] = (P) => c.value = P),
+                "onUpdate:modelValue": M[0] || (M[0] = (P) => c.value = P),
                 onFocus: C,
                 onBlur: h,
                 onKeydown: x,
                 placeholder: f.value && f.value.length ? "" : void 0
-              }, null, 40, Yr)), [
-                [he, c.value]
+              }, null, 40, Jr)), [
+                [me, c.value]
               ])
             ])
           ], 512),
-          l("div", Xr, [
+          l("div", Yr, [
             k.value ? (i(), u("button", {
               key: 0,
               type: "button",
@@ -4008,7 +4009,7 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
               "aria-label": "Clear all tags",
               disabled: m.value,
               onClick: $e(O, ["stop"])
-            }, V[3] || (V[3] = [
+            }, M[3] || (M[3] = [
               l("svg", {
                 height: "20",
                 width: "20",
@@ -4017,13 +4018,13 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
               }, [
                 l("path", { d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z" })
               ], -1)
-            ]), 8, Qr)) : U("", !0)
+            ]), 8, Xr)) : D("", !0)
           ])
-        ], 10, Gr)
+        ], 10, Nr)
       ], 2)
     ], 512));
   }
-}), ti = { class: "relative flex gap-1 bg-white w-full" }, li = ["disabled", "placeholder"], oi = /* @__PURE__ */ G({
+}), ei = { class: "relative flex gap-1 bg-white w-full" }, ti = ["disabled", "placeholder"], li = /* @__PURE__ */ G({
   __name: "vs-input-slug",
   props: /* @__PURE__ */ ie({
     disabled: { type: Boolean },
@@ -4082,15 +4083,15 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
       const r = e?.value?.[t.parent || ""]?.toString(), d = n(r);
       s.value = d.toString();
     };
-    return (r, d) => (i(), u("div", ti, [
+    return (r, d) => (i(), u("div", ei, [
       ne(l("input", {
         ref: "vsText",
         disabled: r.disabled,
         placeholder: r.placeholder,
         "onUpdate:modelValue": d[0] || (d[0] = (c) => s.value = c),
         class: "block w-full px-3 py-2 text-sm border border-solid rounded-lg placeholder:text-nowrap border-stone-200 text-stone-800 placeholder:text-stone-400 focus:outline focus:z-10 focus:border-blue-500 focus:ring-blue-500 focus:outline-blue-500"
-      }, null, 8, li), [
-        [he, s.value]
+      }, null, 8, ti), [
+        [me, s.value]
       ]),
       l("button", {
         class: "px-2 bg-gray-100 border rounded-lg hover:bg-gray-200",
@@ -4098,7 +4099,7 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
       }, " Gen ")
     ]));
   }
-}), ni = /* @__PURE__ */ Y(oi, [["__scopeId", "data-v-b0eba370"]]), ai = { class: "relative flex gap-1 bg-white w-full" }, si = ["disabled", "placeholder"], ri = ["disabled"], ii = { key: 0 }, ui = { key: 1 }, di = /* @__PURE__ */ G({
+}), oi = /* @__PURE__ */ X(li, [["__scopeId", "data-v-b0eba370"]]), ni = { class: "relative flex gap-1 bg-white w-full" }, ai = ["disabled", "placeholder"], si = ["disabled"], ri = { key: 0 }, ii = { key: 1 }, ui = /* @__PURE__ */ G({
   __name: "vs-input-codegen",
   props: /* @__PURE__ */ ie({
     table: {},
@@ -4119,7 +4120,7 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = de(o, "modelValue"), s = w(!1), n = S(() => e.init !== !1), a = S(() => !!e.table && !!e.code), r = () => {
+    const e = o, t = de(o, "modelValue"), s = w(!1), n = B(() => e.init !== !1), a = B(() => !!e.table && !!e.code), r = () => {
       if (!a.value) return "";
       const f = encodeURIComponent(String(e.table)), p = encodeURIComponent(String(e.code));
       return `/api/code-gen/${f}/${p}`;
@@ -4145,31 +4146,31 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
       () => {
         c();
       }
-    ), (f, p) => (i(), u("div", ai, [
+    ), (f, p) => (i(), u("div", ni, [
       ne(l("input", {
         disabled: f.disabled,
         placeholder: f.placeholder,
         "onUpdate:modelValue": p[0] || (p[0] = (v) => t.value = v),
         class: "block w-full px-3 py-2 text-sm border border-solid rounded-lg placeholder:text-nowrap border-stone-200 text-stone-800 placeholder:text-stone-400 focus:outline focus:z-10 focus:border-blue-500 focus:ring-blue-500 focus:outline-blue-500"
-      }, null, 8, si), [
-        [he, t.value]
+      }, null, 8, ai), [
+        [me, t.value]
       ]),
       l("button", {
         class: "px-2 bg-gray-100 border rounded-lg hover:bg-gray-200 disabled:opacity-50 disabled:cursor-not-allowed",
         disabled: s.value || f.disabled || !a.value,
         onClick: d
       }, [
-        s.value ? (i(), u("span", ui, "...")) : (i(), u("span", ii, "Gen"))
-      ], 8, ri)
+        s.value ? (i(), u("span", ii, "...")) : (i(), u("span", ri, "Gen"))
+      ], 8, si)
     ]));
   }
-}), ci = /* @__PURE__ */ Y(di, [["__scopeId", "data-v-6ee5237d"]]), pi = { class: "w-full" }, fi = {
+}), di = /* @__PURE__ */ X(ui, [["__scopeId", "data-v-6ee5237d"]]), ci = { class: "w-full" }, pi = {
   ref: "sortableContainer",
   class: "flex flex-col gap-1"
-}, vi = ["onDragstart", "onDrop"], mi = { class: "w-1/3" }, hi = { class: "w-2/3" }, gi = ["onClick"], bi = {
+}, fi = ["onDragstart", "onDrop"], vi = { class: "w-1/3" }, mi = { class: "w-2/3" }, hi = ["onClick"], gi = {
   key: 0,
   class: "text-[14px] text-gray-700"
-}, yi = { class: "mt-2 w-full flex items-center" }, xi = ["disabled"], wi = /* @__PURE__ */ G({
+}, bi = { class: "mt-2 w-full flex items-center" }, yi = ["disabled"], xi = /* @__PURE__ */ G({
   __name: "vs-input-key-value",
   props: {
     parent: {},
@@ -4196,7 +4197,7 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
       const E = c.value.splice(f.value, 1)[0];
       c.value.splice(A, 0, E), f.value = null;
     }
-    const m = S(
+    const m = B(
       () => c.value.some((A) => A.key && !A.value || !A.key && A.value)
     ), I = () => {
       c.value.push({ id: t("key-value-"), key: "", value: "" });
@@ -4219,9 +4220,9 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
         }), a("update:modelValue", E);
       },
       { deep: !0 }
-    ), (A, E) => (i(), u("div", pi, [
-      l("div", fi, [
-        (i(!0), u(re, null, fe(c.value, (O, C) => (i(), u("div", {
+    ), (A, E) => (i(), u("div", ci, [
+      l("div", pi, [
+        (i(!0), u(re, null, pe(c.value, (O, C) => (i(), u("div", {
           key: O.id,
           class: T(["flex items-center gap-2 w-full", { "opacity-50": f.value === C }]),
           draggable: "true",
@@ -4231,15 +4232,15 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
           onDrop: (h) => k(C)
         }, [
           E[1] || (E[1] = xe('<button class="cursor-move" data-v-a0f7fbfc><svg fill="#000000" width="20" height="20" viewBox="0 0 36 36" data-v-a0f7fbfc><circle cx="15" cy="12" r="1.5" data-v-a0f7fbfc></circle><circle cx="15" cy="24" r="1.5" data-v-a0f7fbfc></circle><circle cx="21" cy="12" r="1.5" data-v-a0f7fbfc></circle><circle cx="21" cy="24" r="1.5" data-v-a0f7fbfc></circle><circle cx="21" cy="18" r="1.5" data-v-a0f7fbfc></circle><circle cx="15" cy="18" r="1.5" data-v-a0f7fbfc></circle></svg></button>', 1)),
-          l("div", mi, [
-            R(Xe, {
+          l("div", vi, [
+            R(Ye, {
               modelValue: O.key,
               "onUpdate:modelValue": (h) => O.key = h,
               placeholder: "Ключ"
             }, null, 8, ["modelValue", "onUpdate:modelValue"])
           ]),
-          l("div", hi, [
-            R(Xe, {
+          l("div", mi, [
+            R(Ye, {
               modelValue: O.value,
               "onUpdate:modelValue": (h) => O.value = h,
               placeholder: "Значення"
@@ -4249,31 +4250,31 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
             onClick: (h) => $(O.id),
             class: "shrink-0 w-[30px] text-gray-600 h-[30px] rounded-full flex items-center justify-center bg-gray-100 hover:bg-gray-200"
           }, [
-            R(te(Kl), {
+            R(le(ql), {
               height: "16",
               width: "16"
             })
-          ], 8, gi)
-        ], 42, vi))), 128))
+          ], 8, hi)
+        ], 42, fi))), 128))
       ], 512),
-      c.value.length ? U("", !0) : (i(), u("span", bi, " Дані для відображення відсутні ")),
-      l("div", yi, [
+      c.value.length ? D("", !0) : (i(), u("span", gi, " Дані для відображення відсутні ")),
+      l("div", bi, [
         l("button", {
           type: "button",
           onClick: I,
           disabled: m.value,
           class: "py-1.5 px-2 flex items-center gap-x-1 text-xs font-medium rounded-full border border-dashed border-gray-200 bg-white text-gray-800 hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed"
         }, [
-          R(qe, {
+          R(Ge, {
             height: "14",
             width: "14"
           }),
-          ge(" " + W(te(r)), 1)
-        ], 8, xi)
+          he(" " + K(le(r)), 1)
+        ], 8, yi)
       ])
     ]));
   }
-}), ki = /* @__PURE__ */ Y(wi, [["__scopeId", "data-v-a0f7fbfc"]]), _i = { class: "flex items-center gap-2 w-full" }, $i = ["disabled"], Ci = /* @__PURE__ */ G({
+}), wi = /* @__PURE__ */ X(xi, [["__scopeId", "data-v-a0f7fbfc"]]), ki = { class: "flex items-center gap-2 w-full" }, _i = ["disabled"], $i = /* @__PURE__ */ G({
   __name: "vs-input-color",
   props: {
     style: { default: () => ({}) },
@@ -4286,30 +4287,30 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, { inputClass: s } = Ce(t.style), n = e, a = S({
+    const t = o, { inputClass: s } = Ce(t.style), n = e, a = B({
       get: () => t.modelValue || "#000000",
       set: (r) => n("update:modelValue", r)
     });
-    return (r, d) => (i(), u("div", _i, [
+    return (r, d) => (i(), u("div", ki, [
       ne(l("input", {
         type: "color",
         "onUpdate:modelValue": d[0] || (d[0] = (c) => a.value = c),
         disabled: r.disabled,
         ref: "color",
-        class: T(["py-1.5 px-1 block w-full bg-white cursor-pointer max-w-[50px]", [r.modelValue ? "" : "text-opacity-50", te(s)].join(" ")]),
+        class: T(["py-1.5 px-1 block w-full bg-white cursor-pointer max-w-[50px]", [r.modelValue ? "" : "text-opacity-50", le(s)].join(" ")]),
         style: { border: "1px solid #CFD9E0" }
-      }, null, 10, $i), [
-        [he, a.value]
+      }, null, 10, _i), [
+        [me, a.value]
       ]),
       ne(l("input", {
         class: "text-sm text-gray-600 border border-solid border-stone-200 rounded-md p-2",
         "onUpdate:modelValue": d[1] || (d[1] = (c) => a.value = c)
       }, null, 512), [
-        [he, a.value]
+        [me, a.value]
       ])
     ]));
   }
-}), Vi = { class: "flex items-center gap-2 w-full" }, Mi = ["min", "max", "step", "disabled"], Li = /* @__PURE__ */ G({
+}), Ci = { class: "flex items-center gap-2 w-full" }, Vi = ["min", "max", "step", "disabled"], Mi = /* @__PURE__ */ G({
   __name: "vs-input-range",
   props: {
     style: { default: () => ({}) },
@@ -4325,11 +4326,11 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, { inputClass: s } = Ce(t.style), n = e, a = S({
+    const t = o, { inputClass: s } = Ce(t.style), n = e, a = B({
       get: () => Number(t.modelValue ?? t.min),
       set: (r) => n("update:modelValue", Number(r))
     });
-    return (r, d) => (i(), u("div", Vi, [
+    return (r, d) => (i(), u("div", Ci, [
       ne(l("input", {
         type: "range",
         "onUpdate:modelValue": d[0] || (d[0] = (c) => a.value = c),
@@ -4338,20 +4339,20 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
         step: r.step,
         disabled: r.disabled,
         ref: "range",
-        class: T(["w-full cursor-pointer accent-blue-500", [r.modelValue ? "" : "text-opacity-50", te(s)].join(" ")])
-      }, null, 10, Mi), [
-        [he, a.value]
+        class: T(["w-full cursor-pointer accent-blue-500", [r.modelValue ? "" : "text-opacity-50", le(s)].join(" ")])
+      }, null, 10, Vi), [
+        [me, a.value]
       ]),
       ne(l("input", {
         class: "text-sm text-gray-600 border border-solid border-stone-200 rounded-md p-2 max-w-[100px]",
         type: "number",
         "onUpdate:modelValue": d[1] || (d[1] = (c) => a.value = c)
       }, null, 512), [
-        [he, a.value]
+        [me, a.value]
       ])
     ]));
   }
-}), Si = ["type", "value", "onInput", "placeholder", "disabled"], Bi = /* @__PURE__ */ G({
+}), Li = ["type", "value", "onInput", "placeholder", "disabled"], Si = /* @__PURE__ */ G({
   __name: "vs-input-array",
   props: /* @__PURE__ */ ie({
     count: { default: 1 },
@@ -4371,7 +4372,7 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
   emits: ["update:modelValue"],
   setup(o) {
     const e = o, { inputClass: t } = Ce(e.style), s = de(o, "modelValue");
-    Zt(() => {
+    Wt(() => {
       const a = s.value?.length ?? 0;
       a < e.count && (s.value = [
         ...s.value ?? [],
@@ -4385,49 +4386,49 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
     return (a, r) => (i(), u("div", {
       class: T(["grid gap-2", `grid-cols-${a.limit}`])
     }, [
-      (i(!0), u(re, null, fe(a.count, (d) => (i(), u("input", {
+      (i(!0), u(re, null, pe(a.count, (d) => (i(), u("input", {
         type: a.inputType,
         value: s.value?.[d - 1] ?? "",
         onInput: (c) => n(c, d - 1),
         placeholder: a.placeholder,
         disabled: a.disabled,
-        class: T(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [te(t), { "!border-red-600": a.error }]]),
+        class: T(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [le(t), { "!border-red-600": a.error }]]),
         style: {
           border: "1px solid #CFD9E0"
         }
-      }, null, 42, Si))), 256))
+      }, null, 42, Li))), 256))
     ], 2));
   }
-}), ji = {
-  VsInputText: Xe,
-  VsInputRadio: _t,
-  "vs-input-text": Xe,
-  "vs-input-password": wl,
-  "vs-input-textarea": Ia,
-  "vs-input-mask": no,
-  "vs-input-number": $l,
-  "vs-input-radio": _t,
-  "vs-input-select": Mt,
-  "vs-input-switcher": At,
-  "vs-input-static": kt,
-  "vs-input-container": ca,
-  "vs-input-date": ko,
-  "vs-input-checkbox": xo,
-  "vs-input-file": dn,
-  "vs-input-html": kt,
-  "vs-input-email": ro,
-  "vs-input-datatable": Us,
-  "vs-input-map": Nr,
-  "vs-input-file-list": Dn,
-  "vs-input-tags": ei,
-  "vs-input-slug": ni,
-  "vs-input-codegen": ci,
-  "vs-input-key-value": ki,
-  "vs-input-range": Li,
-  "vs-input-color": Ci,
-  "vs-input-native-select": Mt,
-  "vs-input-array": Bi
-}, Ei = /* @__PURE__ */ G({
+}), Bi = {
+  VsInputText: Ye,
+  VsInputRadio: kt,
+  "vs-input-text": Ye,
+  "vs-input-password": xl,
+  "vs-input-textarea": ja,
+  "vs-input-mask": oo,
+  "vs-input-number": _l,
+  "vs-input-radio": kt,
+  "vs-input-select": Vt,
+  "vs-input-switcher": zt,
+  "vs-input-static": wt,
+  "vs-input-container": da,
+  "vs-input-date": wo,
+  "vs-input-checkbox": yo,
+  "vs-input-file": un,
+  "vs-input-html": wt,
+  "vs-input-email": so,
+  "vs-input-datatable": Os,
+  "vs-input-map": Hr,
+  "vs-input-file-list": Un,
+  "vs-input-tags": Qr,
+  "vs-input-slug": oi,
+  "vs-input-codegen": di,
+  "vs-input-key-value": wi,
+  "vs-input-range": Mi,
+  "vs-input-color": $i,
+  "vs-input-native-select": Vt,
+  "vs-input-array": Si
+}, ji = /* @__PURE__ */ G({
   __name: "behavior",
   props: {
     api: {},
@@ -4457,12 +4458,12 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
     return (n, a) => (i(), u("button", {
       onClick: s,
       class: "vs-button relative inline-flex border-solid justify-center items-center gap-2 rounded-md font-semibold focus:outline-none text-sm transition-all border !border-gray-200 hover:text-white bg-white text-blue-500 hover:border-blue-500 hover:bg-blue-500 focus:ring-blue-500 py-1.5 px-5 focus:ring-1 focus:ring-offset-1 ml-0 md:ml-2 mt-2 md:mt-0 py-[8px] md:w-2/4 whitespace-nowrap w-full"
-    }, W(n.button), 1));
+    }, K(n.button), 1));
   }
-}), Ii = { class: "flex flex-col gap-1 w-full" }, zi = {
+}), Ei = { class: "flex flex-col gap-1 w-full" }, Ii = {
   key: 0,
   class: "text-sm text-gray-500"
-}, Ut = /* @__PURE__ */ G({
+}, Ot = /* @__PURE__ */ G({
   __name: "vs-compact-form-layout",
   props: /* @__PURE__ */ ie({
     item: { default: {} },
@@ -4477,18 +4478,18 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = de(o, "modelValue"), s = S(() => yl[`${e.layout}`]), n = S(() => ji?.[`vs-input-${e.item.type}`]), a = S(() => {
-      const d = te(n);
+    const e = o, t = de(o, "modelValue"), s = B(() => bl[`${e.layout}`]), n = B(() => Bi?.[`vs-input-${e.item.type}`]), a = B(() => {
+      const d = le(n);
       if (!d) return /* @__PURE__ */ new Set();
       const c = d.props ?? d.__vccOpts?.props;
       if (!c) return /* @__PURE__ */ new Set();
       const f = Array.isArray(c) ? c : Object.keys(c);
       return new Set(f);
-    }), r = S(() => {
+    }), r = B(() => {
       const d = e.item ?? {}, c = a.value;
       return c.size ? Object.fromEntries(Object.entries(d).filter(([f]) => c.has(f))) : {};
     });
-    return (d, c) => (i(), me(Oe(s.value), {
+    return (d, c) => (i(), ve(Oe(s.value), {
       ua: e.item.ua,
       error: e.error || "",
       item: d.item,
@@ -4499,20 +4500,20 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
         l("div", {
           class: T(["flex w-full", `${e.item.type}-component`])
         }, [
-          l("div", Ii, [
-            (i(), me(Oe(n.value), Fe(r.value, {
+          l("div", Ei, [
+            (i(), ve(Oe(n.value), Fe(r.value, {
               modelValue: t.value,
               "onUpdate:modelValue": c[0] || (c[0] = (f) => t.value = f)
             }), null, 16, ["modelValue"])),
-            d.item.description && e.layout !== "settings" ? (i(), u("p", zi, W(d.item.description), 1)) : U("", !0)
+            d.item.description && e.layout !== "settings" ? (i(), u("p", Ii, K(d.item.description), 1)) : D("", !0)
           ]),
-          d.item.behavior?.api && d.item.behavior?.button ? (i(), me(Ei, Fe({ key: 0 }, d.item.behavior, { value: t.value }), null, 16, ["value"])) : U("", !0)
+          d.item.behavior?.api && d.item.behavior?.button ? (i(), ve(ji, Fe({ key: 0 }, d.item.behavior, { value: t.value }), null, 16, ["value"])) : D("", !0)
         ], 2)
       ]),
       _: 1
     }, 8, ["ua", "error", "item", "columns", "label"]));
   }
-}), Ai = { class: "text-sm text-gray-800 mb-[4px] font-medium dark:text-neutral-300" }, Ti = { class: "vs-compact-form-navigation__rail mt-[6px]" }, Fi = ["onClick"], Oi = /* @__PURE__ */ G({
+}), zi = { class: "text-sm text-gray-800 mb-[4px] font-medium dark:text-neutral-300" }, Ai = { class: "vs-compact-form-navigation__rail mt-[6px]" }, Ti = ["onClick"], Fi = /* @__PURE__ */ G({
   __name: "vs-compact-form-navigation",
   props: {
     target: {},
@@ -4522,176 +4523,176 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
     width: { default: 400 }
   },
   setup(o, { expose: e }) {
-    const t = o, s = w([]), n = w(""), a = w(""), r = S(() => !!t.enabled), d = S(() => [
+    const t = o, s = w([]), n = w(""), a = w(""), r = B(() => !!t.enabled), d = B(() => [
       "vs-compact-form-navigation flex flex-col pl-[6px] pt-[8px] pr-[8px]",
       "sticky top-0 self-start shrink-0",
       "max-h-full min-h-0 overflow-y-auto"
-    ]), c = S(() => {
-      const j = t.width;
-      if (j == null) return {};
-      const q = typeof j == "number" ? `${j}px` : `${j}`;
-      return { width: q, minWidth: q };
+    ]), c = B(() => {
+      const S = t.width;
+      if (S == null) return {};
+      const W = typeof S == "number" ? `${S}px` : `${S}`;
+      return { width: W, minWidth: W };
     });
     let f = null, p = 0, v = 0, k = null, m = null, I = null;
-    const $ = () => ee(), A = () => O();
+    const $ = () => te(), A = () => O();
     ue(
       () => t.target,
-      async (j) => {
-        if (B(), !j) {
+      async (S) => {
+        if (j(), !S) {
           k = null, s.value = [], n.value = "";
           return;
         }
-        k = j, r.value && (await je(), x(j), O());
+        k = S, r.value && (await je(), x(S), O());
       },
       { immediate: !0 }
     ), ue(
       () => t.scrollContainer,
-      (j) => {
+      (S) => {
         if (!r.value) {
-          m = j ?? null;
+          m = S ?? null;
           return;
         }
-        E(j ?? null), je(() => O());
+        E(S ?? null), je(() => O());
       },
       { immediate: !0 }
     ), ye(() => {
       t.scrollContainer || E(null), O();
     }), rt(() => {
-      B(), E(null, !0), k = null, typeof window < "u" && (p && window.cancelAnimationFrame(p), v && window.cancelAnimationFrame(v));
+      j(), E(null, !0), k = null, typeof window < "u" && (p && window.cancelAnimationFrame(p), v && window.cancelAnimationFrame(v));
     });
-    function E(j, q = !1) {
-      if (I && (I(), I = null), q) {
+    function E(S, W = !1) {
+      if (I && (I(), I = null), W) {
         m = null;
         return;
       }
-      if (m = j ?? null, typeof window > "u") return;
-      const X = j ?? window, Z = window;
-      X.addEventListener("scroll", $, { passive: !0 }), Z.addEventListener("resize", A), I = () => {
-        X.removeEventListener("scroll", $), Z.removeEventListener("resize", A);
+      if (m = S ?? null, typeof window > "u") return;
+      const ee = S ?? window, Z = window;
+      ee.addEventListener("scroll", $, { passive: !0 }), Z.addEventListener("resize", A), I = () => {
+        ee.removeEventListener("scroll", $), Z.removeEventListener("resize", A);
       };
     }
     function O() {
       if (!r.value || !k) return;
       p && typeof window < "u" && window.cancelAnimationFrame(p);
-      const j = () => {
+      const S = () => {
         C(), p = 0;
       };
-      typeof window > "u" ? j() : p = window.requestAnimationFrame(j);
+      typeof window > "u" ? S() : p = window.requestAnimationFrame(S);
     }
     function C() {
       if (!r.value || !k) return;
-      const j = Array.from(k.querySelectorAll("h1, h2")), q = /* @__PURE__ */ new Set(), X = [];
-      j.forEach((Z, D) => {
+      const S = Array.from(k.querySelectorAll("h1, h2")), W = /* @__PURE__ */ new Set(), ee = [];
+      S.forEach((Z, U) => {
         const F = Z.textContent?.trim() ?? "";
         if (!F) return;
         let z = (Z.getAttribute("id") ?? "").trim();
-        z || (z = h(F) || `heading-${D + 1}`);
-        let H = z, le = 1;
-        for (; q.has(H); )
-          H = `${z}-${le += 1}`;
-        Z.id !== H && Object.assign(Z, { id: H }), q.add(H), X.push({
+        z || (z = h(F) || `heading-${U + 1}`);
+        let H = z, Q = 1;
+        for (; W.has(H); )
+          H = `${z}-${Q += 1}`;
+        Z.id !== H && Object.assign(Z, { id: H }), W.add(H), ee.push({
           id: H,
           text: F,
           level: Z.tagName.toLowerCase() === "h1" ? 1 : 2
         });
-      }), s.value = X, X.length || (n.value = ""), P();
+      }), s.value = ee, ee.length || (n.value = ""), P();
     }
-    function h(j) {
-      return j.toLowerCase().replace(/[^a-z0-9\s-]/g, "").trim().replace(/\s+/g, "-");
+    function h(S) {
+      return S.toLowerCase().replace(/[^a-z0-9\s-]/g, "").trim().replace(/\s+/g, "-");
     }
-    function x(j) {
-      !j || !r.value || typeof MutationObserver > "u" || (B(), f = new MutationObserver(() => O()), f.observe(j, { childList: !0, subtree: !0 }));
+    function x(S) {
+      !S || !r.value || typeof MutationObserver > "u" || (j(), f = new MutationObserver(() => O()), f.observe(S, { childList: !0, subtree: !0 }));
     }
-    function B() {
+    function j() {
       f && (f.disconnect(), f = null);
     }
-    function V(j) {
-      const q = m;
-      if (!q)
-        return typeof window > "u" ? j.offsetTop : j.getBoundingClientRect().top + window.scrollY;
-      const X = j.getBoundingClientRect(), Z = q.getBoundingClientRect();
-      return X.top - Z.top + q.scrollTop;
+    function M(S) {
+      const W = m;
+      if (!W)
+        return typeof window > "u" ? S.offsetTop : S.getBoundingClientRect().top + window.scrollY;
+      const ee = S.getBoundingClientRect(), Z = W.getBoundingClientRect();
+      return ee.top - Z.top + W.scrollTop;
     }
     function P() {
       if (!r.value || !s.value.length) return;
-      const j = m, q = (j ? j.scrollTop : null) || (typeof window < "u" ? window.scrollY : 0), X = (j ? j.clientHeight : null) || (typeof window < "u" ? window.innerHeight : 0), Z = q + X;
-      let D = null;
+      const S = m, W = (S ? S.scrollTop : null) || (typeof window < "u" ? window.scrollY : 0), ee = (S ? S.clientHeight : null) || (typeof window < "u" ? window.innerHeight : 0), Z = W + ee;
+      let U = null;
       for (let z = 0; z < s.value.length; z += 1) {
-        const H = s.value[z], le = document.getElementById(H.id);
-        if (le) {
-          const pe = V(le);
-          pe + le.offsetHeight > q && pe < Z && (D = H.id);
+        const H = s.value[z], Q = document.getElementById(H.id);
+        if (Q) {
+          const ge = M(Q);
+          ge + Q.offsetHeight > W && ge < Z && (U = H.id);
         }
       }
-      !D && a.value && (D = a.value), D && (a.value = D);
-      const F = j ? j.scrollHeight - j.clientHeight : document.documentElement.scrollHeight - window.innerHeight;
-      q + 5 >= F && (D = s.value[s.value.length - 1].id), D && (n.value = D);
+      !U && a.value && (U = a.value), U && (a.value = U);
+      const F = S ? S.scrollHeight - S.clientHeight : document.documentElement.scrollHeight - window.innerHeight;
+      W + 5 >= F && (U = s.value[s.value.length - 1].id), U && (n.value = U);
     }
-    function ee() {
+    function te() {
       r.value && (v && window.cancelAnimationFrame(v), v = window.requestAnimationFrame(() => {
         P(), v = 0;
       }));
     }
-    function Q(j) {
+    function Y(S) {
       if (!r.value) return;
-      const q = document.getElementById(j);
-      if (!q) return;
-      const X = m, Z = Math.max(0, V(q));
-      X ? X.scrollTo({ top: Z, behavior: "smooth" }) : typeof window < "u" && window.scrollTo({ top: Z, behavior: "smooth" });
+      const W = document.getElementById(S);
+      if (!W) return;
+      const ee = m, Z = Math.max(0, M(W));
+      ee ? ee.scrollTo({ top: Z, behavior: "smooth" }) : typeof window < "u" && window.scrollTo({ top: Z, behavior: "smooth" });
     }
-    return e({ refresh: O }), (j, q) => r.value && s.value.length ? (i(), u("div", {
+    return e({ refresh: O }), (S, W) => r.value && s.value.length ? (i(), u("div", {
       key: 0,
       class: T(d.value),
       style: be(c.value)
     }, [
-      l("h2", Ai, W(j.title), 1),
-      l("div", Ti, [
-        (i(!0), u(re, null, fe(s.value, (X) => (i(), u("div", {
-          key: X.id,
+      l("h2", zi, K(S.title), 1),
+      l("div", Ai, [
+        (i(!0), u(re, null, pe(s.value, (ee) => (i(), u("div", {
+          key: ee.id,
           class: T([
             "vs-compact-form-navigation__item relative",
-            X.level === 2 ? "vs-compact-form-navigation__item--nested" : "",
-            X.id === n.value ? "vs-compact-form-navigation__item--active" : ""
+            ee.level === 2 ? "vs-compact-form-navigation__item--nested" : "",
+            ee.id === n.value ? "vs-compact-form-navigation__item--active" : ""
           ])
         }, [
           l("button", {
             type: "button",
-            onClick: (Z) => Q(X.id),
+            onClick: (Z) => Y(ee.id),
             class: T([
               "vs-compact-form-navigation__button flex gap-x-3 py-[6px] pr-3 text-sm duration-200 hover:text-gray-800",
-              X.level === 2 ? "pl-[15px]" : "pl-[18px]",
-              X.id === n.value ? "text-gray-800" : "text-gray-500"
+              ee.level === 2 ? "pl-[15px]" : "pl-[18px]",
+              ee.id === n.value ? "text-gray-800" : "text-gray-500"
             ])
           }, [
-            l("span", null, W(X.text), 1)
-          ], 10, Fi)
+            l("span", null, K(ee.text), 1)
+          ], 10, Ti)
         ], 2))), 128))
       ])
-    ], 6)) : U("", !0);
+    ], 6)) : D("", !0);
   }
-}), Ui = /* @__PURE__ */ Y(Oi, [["__scopeId", "data-v-1584a562"]]), Dt = {
+}), Oi = /* @__PURE__ */ X(Fi, [["__scopeId", "data-v-1584a562"]]), Ut = {
   required: "Це поле є обов’язковим",
   email: "Неправильний email"
-}, Di = (o) => o ? !1 : Dt.required, Ri = (o) => {
+}, Ui = (o) => o ? !1 : Ut.required, Di = (o) => {
   const e = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-  return o ? e.test(o) ? !1 : Dt.email : !1;
-}, Pi = (o, e) => {
+  return o ? e.test(o) ? !1 : Ut.email : !1;
+}, Ri = (o, e) => {
   const t = e.pattern ?? e.regexp;
   return !(typeof t == "string" ? new RegExp(t) : t).test(o) && o ? e.message : !1;
-}, Hi = (o, e) => !1, Ni = (o, e) => {
+}, Pi = (o, e) => !1, Hi = (o, e) => {
   switch (typeof e == "string" ? e : e.type) {
     case "required":
-      return Di(o);
+      return Ui(o);
     case "email":
-      return Ri(o);
+      return Di(o);
     case "regexp":
-      return Pi(o, e);
+      return Ri(o, e);
     case "custom":
-      return Hi();
+      return Pi();
     default:
       return !1;
   }
-}, Gi = {
+}, Ni = {
   autocomplete: "select",
   combobox: "select",
   datepicker: "date",
@@ -4704,16 +4705,16 @@ const rr = /* @__PURE__ */ Y(nr, [["render", sr]]), ir = { class: "map-search-wi
   dropzone: "file"
   // mask: 'text',
 };
-function St(o) {
+function Lt(o) {
   const e = o.toLowerCase();
-  return Gi[e] || e;
+  return Ni[e] || e;
 }
 function nt(o, e = !1) {
   if (Array.isArray(o)) {
     const s = [];
     return o.forEach((n) => {
       const a = { ...n };
-      a.name = (n.name || n.id || n.key || "").toString(), a.type = St(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, Array.isArray(a.schema) && (a.schema = nt(a.schema, a.disabled)), s.push(a);
+      a.name = (n.name || n.id || n.key || "").toString(), a.type = Lt(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, Array.isArray(a.schema) && (a.schema = nt(a.schema, a.disabled)), s.push(a);
     }), s;
   }
   const t = [];
@@ -4721,7 +4722,7 @@ function nt(o, e = !1) {
     const n = {
       name: s[0],
       ...s[1],
-      type: St(s[1].type),
+      type: Lt(s[1].type),
       label: s[1].label || s[1].ua,
       rules: s[1].rules || s[1].validators,
       disabled: e
@@ -4729,8 +4730,8 @@ function nt(o, e = !1) {
     n.type === "email" && !n.rules && (n.rules = ["email"]), s[1].type.includes("list") && (n.multiple = !0), !n.api && s[1].data && (n.api = `/api/suggest/${s[1].data}`), Array.isArray(n.schema) && (n.schema = nt(n.schema, n.disabled)), t.push(n);
   }), t;
 }
-function qi(o, e, t = !1) {
-  const s = S(() => nt(
+function Gi(o, e, t = !1) {
+  const s = B(() => nt(
     (Array.isArray(e), e),
     typeof t == "boolean" ? t : t.value
   )), n = w({});
@@ -4738,7 +4739,7 @@ function qi(o, e, t = !1) {
     const p = f?.conditions;
     if (!p) return !0;
     const v = Array.isArray(p) ? p[0] : p, k = o?.value?.[v];
-    return Ot(k, p);
+    return Ft(k, p);
   }
   const r = (f = s.value, p = !0) => (f.forEach((v) => {
     if (v.rules) {
@@ -4748,12 +4749,12 @@ function qi(o, e, t = !1) {
       }
       let k = !1, m = null;
       v.rules.forEach((I) => {
-        const $ = Ni(o.value[v.name], I);
+        const $ = Hi(o.value[v.name], I);
         $ && (k = !0, !m && typeof $ == "string" && (m = $));
       }), k && m ? n.value[v.name] = m : delete n.value[v.name];
     }
     v.schema && r(v.schema, !1);
-  }), p && Object.values(n.value).some(Boolean) ? n.value : null), d = S(() => s.value?.filter((f) => f.hidden !== !0 && a(f)));
+  }), p && Object.values(n.value).some(Boolean) ? n.value : null), d = B(() => s.value?.filter((f) => f.hidden !== !0 && a(f)));
   return {
     errors: n,
     validate: r,
@@ -4763,12 +4764,12 @@ function qi(o, e, t = !1) {
     visibleSchema: d
   };
 }
-const Ki = { class: "flex w-full h-full min-h-0 gap-6" }, Wi = {
+const qi = { class: "flex w-full h-full min-h-0 gap-6" }, Ki = {
   key: 0,
   "data-orientation": "horizontal",
   role: "none",
   class: "mt-1 shrink-0 h-[1px] w-full bg-slate-100 dark:bg-slate-600"
-}, Ke = /* @__PURE__ */ G({
+}, qe = /* @__PURE__ */ G({
   __name: "vs-compact-form",
   props: /* @__PURE__ */ ie({
     schema: { default: () => [] },
@@ -4793,7 +4794,7 @@ const Ki = { class: "flex w-full h-full min-h-0 gap-6" }, Wi = {
       validate: c,
       reset: f,
       visibleSchema: p
-    } = qi(r, n.schema, Jt(n, "disabled")), v = w(null), k = w(null), m = S(() => n.navigation), I = S(() => n.navWidth), $ = S(() => n.style?.columns), A = Object.freeze({ container: 12, label: 3 }), E = S(() => n.columns ?? $.value ?? A), O = S(() => n.columns != null || $.value != null), C = S(() => O.value ? "horizontal" : n.layout), h = (P) => P?.columns ? "horizontal" : C.value, x = (P) => P?.columns ?? E.value, B = () => {
+    } = Gi(r, n.schema, Zt(n, "disabled")), v = w(null), k = w(null), m = B(() => n.navigation), I = B(() => n.navWidth), $ = B(() => n.style?.columns), A = Object.freeze({ container: 12, label: 3 }), E = B(() => n.columns ?? $.value ?? A), O = B(() => n.columns != null || $.value != null), C = B(() => O.value ? "horizontal" : n.layout), h = (P) => P?.columns ? "horizontal" : C.value, x = (P) => P?.columns ?? E.value, j = () => {
       s("update:modelValue", r.value), c(), s("handle-submit", r.value);
     };
     e({
@@ -4809,13 +4810,13 @@ const Ki = { class: "flex w-full h-full min-h-0 gap-6" }, Wi = {
         formId: n.formId
       };
     });
-    function V(P, ee) {
-      if (P === ee) return !0;
-      if (typeof P != "object" || typeof ee != "object" || !P || !ee) return !1;
-      const Q = Object.keys(P), j = Object.keys(ee);
-      return Q.length !== j.length ? !1 : Q.every((q) => P[q] === ee[q]);
+    function M(P, te) {
+      if (P === te) return !0;
+      if (typeof P != "object" || typeof te != "object" || !P || !te) return !1;
+      const Y = Object.keys(P), S = Object.keys(te);
+      return Y.length !== S.length ? !1 : Y.every((W) => P[W] === te[W]);
     }
-    return wt("form", a), wt("values", r), (P, ee) => (i(), u("div", Ki, [
+    return xt("form", a), xt("values", r), (P, te) => (i(), u("div", qi, [
       l("div", {
         class: "flex-1 min-h-0 overflow-y-auto overflow-x-visible",
         ref_key: "formScrollContainer",
@@ -4824,30 +4825,30 @@ const Ki = { class: "flex w-full h-full min-h-0 gap-6" }, Wi = {
         l("form", {
           ref_key: "formRef",
           ref: v,
-          onSubmit: $e(B, ["prevent"]),
+          onSubmit: $e(j, ["prevent"]),
           class: T(["grid grid-cols-12 p-1", C.value === "default" ? "gap-6" : "gap-4"])
         }, [
-          (i(!0), u(re, null, fe(te(p), (Q, j) => (i(), u("div", {
-            key: Q.name,
-            class: T(h(Q) === "horizontal" ? "col-span-12" : `col-span-${Q.col || 12}`)
+          (i(!0), u(re, null, pe(le(p), (Y, S) => (i(), u("div", {
+            key: Y.name,
+            class: T(h(Y) === "horizontal" ? "col-span-12" : `col-span-${Y.col || 12}`)
           }, [
-            R(Ut, {
+            R(Ot, {
               style: be(P.style),
-              item: Q,
-              layout: h(Q),
-              columns: x(Q),
-              "model-value": r.value[Q.name],
-              "onUpdate:modelValue": (q) => {
-                const X = r.value[Q.name];
-                V(X, q) || (r.value[Q.name] = q);
+              item: Y,
+              layout: h(Y),
+              columns: x(Y),
+              "model-value": r.value[Y.name],
+              "onUpdate:modelValue": (W) => {
+                const ee = r.value[Y.name];
+                M(ee, W) || (r.value[Y.name] = W);
               },
-              error: te(d)[Q.name]
+              error: le(d)[Y.name]
             }, null, 8, ["style", "item", "layout", "columns", "model-value", "onUpdate:modelValue", "error"]),
-            h(Q) === "settings" && j + 1 !== te(p).length ? (i(), u("div", Wi)) : U("", !0)
+            h(Y) === "settings" && S + 1 !== le(p).length ? (i(), u("div", Ki)) : D("", !0)
           ], 2))), 128))
         ], 34)
       ], 512),
-      R(Ui, {
+      R(Oi, {
         target: v.value,
         "scroll-container": k.value,
         enabled: m.value,
@@ -4855,7 +4856,7 @@ const Ki = { class: "flex w-full h-full min-h-0 gap-6" }, Wi = {
       }, null, 8, ["target", "scroll-container", "enabled", "width"])
     ]));
   }
-}), Zi = { class: "relative" }, Ji = { class: "w-full h-full fixed top-0 start-0 z-[1000] bg-black bg-opacity-50" }, Yi = { class: "m-[10px] fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 min-h-0 h-fit max-h-[80vh] overflow-hidden opacity-1 flex flex-col bg-white dark:bg-[#1A1A1A] border dark:border-[#454545] pointer-events-auto shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-xl lg:w-7/12 w-11/12" }, Xi = { class: "py-2.5 px-4 flex justify-between items-center border-0 border-b border-solid border-gray-200 dark:border-b-[#454545]" }, Qi = { class: "font-medium text-gray-800 dark:text-[#ffffff]" }, eu = { class: "p-4 mim-h-0 h-full overflow-auto" }, tu = /* @__PURE__ */ G({
+}), Wi = { class: "relative" }, Zi = { class: "w-full h-full fixed top-0 start-0 z-[1000] bg-black bg-opacity-50" }, Ji = { class: "m-[10px] fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 min-h-0 h-fit max-h-[80vh] overflow-hidden opacity-1 flex flex-col bg-white dark:bg-[#1A1A1A] border dark:border-[#454545] pointer-events-auto shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-xl lg:w-7/12 w-11/12" }, Yi = { class: "py-2.5 px-4 flex justify-between items-center border-0 border-b border-solid border-gray-200 dark:border-b-[#454545]" }, Xi = { class: "font-medium text-gray-800 dark:text-[#ffffff]" }, Qi = { class: "p-4 mim-h-0 h-full overflow-auto" }, eu = /* @__PURE__ */ G({
   __name: "modal-edit",
   props: {
     schema: {},
@@ -4951,11 +4952,11 @@ const Ki = { class: "flex w-full h-full min-h-0 gap-6" }, Wi = {
           message: v.message || "Unexpected error"
         }), console.error(v);
       }
-    }), (v, k) => (i(), u("div", Zi, [
-      l("div", Ji, [
-        l("div", Yi, [
-          l("div", Xi, [
-            l("h3", Qi, W(c.value === "add" ? "Додати" : "Змінити"), 1),
+    }), (v, k) => (i(), u("div", Wi, [
+      l("div", Zi, [
+        l("div", Ji, [
+          l("div", Yi, [
+            l("h3", Xi, K(c.value === "add" ? "Додати" : "Змінити"), 1),
             l("button", {
               onClick: p,
               type: "button",
@@ -4979,15 +4980,15 @@ const Ki = { class: "flex w-full h-full min-h-0 gap-6" }, Wi = {
               ], -1)
             ]))
           ]),
-          l("div", eu, [
-            n.value ? (i(), me(Ke, {
+          l("div", Qi, [
+            n.value ? (i(), ve(qe, {
               key: 0,
               schema: n.value,
               values: a.value,
               "onUpdate:values": k[0] || (k[0] = (m) => a.value = m),
               form: r.value,
               "onUpdate:form": k[1] || (k[1] = (m) => r.value = m)
-            }, null, 8, ["schema", "values", "form"])) : U("", !0)
+            }, 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" }, [
             l("button", {
@@ -5005,14 +5006,14 @@ const Ki = { class: "flex w-full h-full min-h-0 gap-6" }, Wi = {
       ])
     ]));
   }
-}), Bt = (o = { mode: "edit", schema: null }) => new Promise((e) => {
-  const { close: t } = Yt({
+}), St = (o = { mode: "edit", schema: null }) => new Promise((e) => {
+  const { close: t } = Jt({
     title: o.mode === "add" ? "Додати" : "Редагувати",
     template: "",
     visible: !0,
     size: "medium",
     closeClickBack: !0,
-    content: tu,
+    content: eu,
     contentProps: {
       ...o,
       onClose: () => {
@@ -5024,37 +5025,37 @@ const Ki = { class: "flex w-full h-full min-h-0 gap-6" }, Wi = {
     }
   });
 });
-Ke.install = function(e) {
-  e.component("VForm", Ke), Object.assign(e.config.globalProperties, {
-    $form: Bt
-  }), e.provide("form", Bt), window.v3plugin || (window.v3plugin = {});
+qe.install = function(e) {
+  e.component("VForm", qe), Object.assign(e.config.globalProperties, {
+    $form: St
+  }), e.provide("form", St), window.v3plugin || (window.v3plugin = {});
 };
 export {
-  tu as ModalEdit,
-  Ke as VForm,
-  Bi as VsInputArray,
-  xo as VsInputCheckbox,
-  ci as VsInputCodegen,
-  Ci as VsInputColor,
-  ca as VsInputContainer,
-  ko as VsInputDate,
-  ro as VsInputEmail,
-  dn as VsInputFile,
-  Dn as VsInputFileList,
-  ki as VsInputKeyValue,
-  no as VsInputMask,
-  $l as VsInputNumber,
-  _t as VsInputRadio,
-  Li as VsInputRange,
-  Mt as VsInputSelect,
-  ni as VsInputSlug,
-  kt as VsInputStatic,
-  At as VsInputSwitcher,
-  ei as VsInputTag,
-  Xe as VsInputText,
-  Ia as VsInputTextarea,
-  Ke as default,
-  ji as inputs,
-  Us as vsInputDatatable,
-  Nr as vsInputMap
+  eu as ModalEdit,
+  qe as VForm,
+  Si as VsInputArray,
+  yo as VsInputCheckbox,
+  di as VsInputCodegen,
+  $i as VsInputColor,
+  da as VsInputContainer,
+  wo as VsInputDate,
+  so as VsInputEmail,
+  un as VsInputFile,
+  Un as VsInputFileList,
+  wi as VsInputKeyValue,
+  oo as VsInputMask,
+  _l as VsInputNumber,
+  kt as VsInputRadio,
+  Mi as VsInputRange,
+  Vt as VsInputSelect,
+  oi as VsInputSlug,
+  wt as VsInputStatic,
+  zt as VsInputSwitcher,
+  Qr as VsInputTag,
+  Ye as VsInputText,
+  ja as VsInputTextarea,
+  qe as default,
+  Bi as inputs,
+  Os as vsInputDatatable,
+  Hr as vsInputMap
 };