npm - @opengis/form - Versions diffs - 0.0.27 → 0.0.29 - Mend

@opengis/form 0.0.27 → 0.0.29

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

Files changed (13) hide show

package/dist/components/inputs/base/vs-input-password.vue.d.ts +18 -0
package/dist/components/inputs/base/vs-input-password.vue.d.ts.map +1 -0
package/dist/components/inputs/index.d.ts +15 -0
package/dist/components/inputs/index.d.ts.map +1 -1
package/dist/components/inputs/map/vs-input-map.vue.d.ts.map +1 -1
package/dist/components/inputs/table/vs-input-datatable.vue.d.ts.map +1 -1
package/dist/components/inputs/vs-input-select.vue.d.ts.map +1 -1
package/dist/components/layouts/vs-compact-form-layout.vue.d.ts.map +1 -1
package/dist/index.css +1 -1
package/dist/index.js +1331 -1267
package/dist/index.umd.cjs +3 -3
package/dist/plugin/form-plugin.d.ts.map +1 -1
package/package.json +2 -2

package/dist/index.js CHANGED Viewed

@@ -1,15 +1,15 @@
-import { defineComponent as F, ref as w, onMounted as be, onUnmounted as He, createElementBlock as d, openBlock as i, normalizeClass as M, createCommentVNode as A, renderSlot as $e, createElementVNode as l, toDisplayString as T, normalizeProps as Ne, guardReactiveProps as qe, createTextVNode as pe, computed as O, mergeModels as Q, useModel as X, withDirectives as K, unref as q, vModelText as re, vModelCheckbox as ut, createVNode as j, createBlock as ae, resolveDynamicComponent as Se, normalizeStyle as ge, withCtx as Be, withModifiers as ve, onBeforeUnmount as _t, watch as te, createStaticVNode as de, vModelRadio as dt, Fragment as Y, renderList as le, mergeProps as Ee, reactive as $t, vModelDynamic as Ct, vShow as Ge, inject as Me, resolveComponent as tt, Transition as ct, nextTick as ze, Teleport as Vt, getCurrentInstance as Mt, provide as lt } from "vue";
-import { notify as ke, modal as Lt, VsModal as St } from "@opengis/core";
-const Bt = {
+import { defineComponent as F, ref as x, onMounted as xe, onUnmounted as Ne, createElementBlock as d, openBlock as i, normalizeClass as V, createCommentVNode as D, renderSlot as $e, createElementVNode as l, toDisplayString as T, normalizeProps as qe, guardReactiveProps as Ge, createTextVNode as fe, computed as A, mergeModels as Z, useModel as W, withDirectives as K, unref as q, vModelText as se, vModelCheckbox as ft, createVNode as B, createBlock as ae, resolveDynamicComponent as Be, normalizeStyle as ye, withCtx as Le, withModifiers as ve, onBeforeUnmount as St, watch as te, createStaticVNode as ce, vModelRadio as vt, Fragment as Y, renderList as le, mergeProps as Ee, reactive as Bt, vModelDynamic as jt, vShow as Je, inject as Me, resolveComponent as at, Transition as mt, nextTick as ze, Teleport as It, getCurrentInstance as zt, provide as st } from "vue";
+import { notify as be, VsModal as ht, modal as Et } from "@opengis/core";
+const Ft = {
   key: 0,
   class: "text-[14px] font-medium text-gray-900 mb-2"
-}, jt = { class: "opacity-100" }, It = {
+}, Dt = { class: "opacity-100" }, Ot = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, zt = {
+}, At = {
   key: 1,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, Et = /* @__PURE__ */ F({
+}, Ut = /* @__PURE__ */ F({
   __name: "vs-layout-default",
   props: {
     ua: { default: "" },
@@ -23,34 +23,34 @@ const Bt = {
     label: { default: "" }
   },
   setup(o) {
-    const e = w("uk"), t = (n) => {
+    const e = x("uk"), t = (n) => {
       n.detail.key === "locale" && (e.value = n.detail.newValue);
     };
-    return be(() => {
+    return xe(() => {
       e.value = localStorage.locale, window.addEventListener("storage", t);
-    }), He(() => {
+    }), Ne(() => {
       window.removeEventListener("resize", t);
     }), (n, s) => (i(), d("div", {
-      class: M(["w-full relative", { "opacity-60": n.item.disabled }])
+      class: V(["w-full relative", { "opacity-60": n.item.disabled }])
     }, [
-      n.ua || n.label ? (i(), d("div", Bt, [
-        l("span", jt, T(n.item[e.value] || n.ua || n.label), 1),
-        n.item?.rules?.includes("required") ? (i(), d("span", It, "*")) : A("", !0)
-      ])) : A("", !0),
-      $e(n.$slots, "default", Ne(qe(n.$attrs))),
-      n.error ? (i(), d("span", zt, T(n.error), 1)) : A("", !0)
+      n.ua || n.label ? (i(), d("div", Ft, [
+        l("span", Dt, T(n.item[e.value] || n.ua || n.label), 1),
+        n.item?.rules?.includes("required") ? (i(), d("span", Ot, "*")) : D("", !0)
+      ])) : D("", !0),
+      $e(n.$slots, "default", qe(Ge(n.$attrs))),
+      n.error ? (i(), d("span", At, T(n.error), 1)) : D("", !0)
     ], 2));
   }
-}), At = { class: "w-full relative flex flex-row items-center gap-2" }, Ft = {
+}), Tt = { class: "w-full relative flex flex-row items-center gap-2" }, Rt = {
   key: 0,
   class: "text-sm text-gray-900 font-medium flex shrink-0 w-3/12 max-w-[250px]"
-}, Dt = {
+}, Pt = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, Ot = {
+}, Ht = {
   key: 1,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, Ut = /* @__PURE__ */ F({
+}, Nt = /* @__PURE__ */ F({
   __name: "vs-layout-horizontal",
   props: {
     ua: { default: "" },
@@ -64,19 +64,19 @@ const Bt = {
     label: { default: "" }
   },
   setup(o) {
-    return (e, t) => (i(), d("div", At, [
-      e.item?.type !== "html" ? (i(), d("span", Ft, [
-        pe(T(e.ua || e.label) + " ", 1),
-        e.item?.rules?.includes("required") && (e.ua || e.label) ? (i(), d("span", Dt, "*")) : A("", !0)
-      ])) : A("", !0),
-      $e(e.$slots, "default", Ne(qe(e.$attrs))),
-      e.error ? (i(), d("span", Ot, T(e.error), 1)) : A("", !0)
+    return (e, t) => (i(), d("div", Tt, [
+      e.item?.type !== "html" ? (i(), d("span", Rt, [
+        fe(T(e.ua || e.label) + " ", 1),
+        e.item?.rules?.includes("required") && (e.ua || e.label) ? (i(), d("span", Pt, "*")) : D("", !0)
+      ])) : D("", !0),
+      $e(e.$slots, "default", qe(Ge(e.$attrs))),
+      e.error ? (i(), d("span", Ht, T(e.error), 1)) : D("", !0)
     ]));
   }
-}), Tt = { class: "w-full relative" }, Rt = {
+}), qt = { class: "w-full relative" }, Gt = {
   key: 0,
   class: "text-red-500 text-[10px] absolute bottom-[-14px]"
-}, Pt = /* @__PURE__ */ F({
+}, Jt = /* @__PURE__ */ F({
   __name: "vs-layout-inline",
   props: {
     ua: { default: "" },
@@ -90,27 +90,57 @@ const Bt = {
     label: { default: "" }
   },
   setup(o) {
-    return (e, t) => (i(), d("div", Tt, [
-      $e(e.$slots, "default", Ne(qe(e.$attrs))),
-      e.error ? (i(), d("span", Rt, T(e.error), 1)) : A("", !0)
+    return (e, t) => (i(), d("div", qt, [
+      $e(e.$slots, "default", qe(Ge(e.$attrs))),
+      e.error ? (i(), d("span", Gt, T(e.error), 1)) : D("", !0)
     ]));
   }
-}), Ht = {
-  default: Et,
-  horizontal: Ut,
-  inline: Pt
+}), Kt = {
+  default: Ut,
+  horizontal: Nt,
+  inline: Jt
 };
-function ye(o) {
+function me(o) {
   return {
-    inputClass: O(() => {
+    inputClass: A(() => {
       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 Nt = ["placeholder", "disabled"], De = /* @__PURE__ */ F({
+const Zt = ["placeholder", "disabled"], Wt = /* @__PURE__ */ F({
+  __name: "vs-input-password",
+  props: /* @__PURE__ */ Z({
+    style: { default: () => ({}) },
+    customClass: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    modelValue: {},
+    error: { default: "" },
+    name: {},
+    placeholder: { default: "" }
+  }, {
+    modelValue: { default: "" },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(o) {
+    const e = o, { inputClass: t } = me(e.style), n = W(o, "modelValue");
+    return (s, r) => K((i(), d("input", {
+      type: "password",
+      "onUpdate:modelValue": r[0] || (r[0] = (a) => n.value = a),
+      placeholder: s.placeholder,
+      disabled: s.disabled,
+      class: V(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [q(t), { "!border-red-600": s.error }]]),
+      style: {
+        border: "1px solid #CFD9E0"
+      }
+    }, null, 10, Zt)), [
+      [se, n.value]
+    ]);
+  }
+}), Qt = ["placeholder", "disabled"], Ue = /* @__PURE__ */ F({
   __name: "vs-input-text",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ Z({
     style: { default: () => ({}) },
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -124,23 +154,23 @@ const Nt = ["placeholder", "disabled"], De = /* @__PURE__ */ F({
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = ye(e.style), n = X(o, "modelValue");
+    const e = o, { inputClass: t } = me(e.style), n = W(o, "modelValue");
     return (s, r) => K((i(), d("input", {
       type: "text",
       "onUpdate:modelValue": r[0] || (r[0] = (a) => n.value = a),
       placeholder: s.placeholder,
       disabled: s.disabled,
-      class: M(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [q(t), { "!border-red-600": s.error }]]),
+      class: V(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [q(t), { "!border-red-600": s.error }]]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, Nt)), [
-      [re, n.value]
+    }, null, 10, Qt)), [
+      [se, n.value]
     ]);
   }
-}), qt = ["placeholder"], Gt = /* @__PURE__ */ F({
+}), Xt = ["placeholder"], Yt = /* @__PURE__ */ F({
   __name: "vs-input-number",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ Z({
     style: { default: () => ({}) },
     customClass: {},
     disabled: { type: Boolean },
@@ -154,18 +184,18 @@ const Nt = ["placeholder", "disabled"], De = /* @__PURE__ */ F({
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = ye(e.style), n = X(o, "modelValue");
+    const e = o, { inputClass: t } = me(e.style), n = W(o, "modelValue");
     return (s, r) => K((i(), d("input", {
       type: "number",
       step: "any",
       "onUpdate:modelValue": r[0] || (r[0] = (a) => n.value = a),
       placeholder: s.placeholder,
-      class: M(["py-1.5 px-3 block w-full bg-white", [q(t)]]),
+      class: V(["py-1.5 px-3 block w-full bg-white", [q(t)]]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, qt)), [
-      [re, n.value]
+    }, null, 10, Xt)), [
+      [se, n.value]
     ]);
   }
 }), H = (o, e) => {
@@ -173,7 +203,7 @@ const Nt = ["placeholder", "disabled"], De = /* @__PURE__ */ F({
   for (const [n, s] of e)
     t[n] = s;
   return t;
-}, Jt = {}, Kt = {
+}, el = {}, tl = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -183,8 +213,8 @@ const Nt = ["placeholder", "disabled"], De = /* @__PURE__ */ F({
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-check"
 };
-function Zt(o, e) {
-  return i(), d("svg", Kt, e[0] || (e[0] = [
+function ll(o, e) {
+  return i(), d("svg", tl, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -193,7 +223,7 @@ function Zt(o, e) {
     l("path", { d: "M5 12l5 5l10 -10" }, null, -1)
   ]));
 }
-const Wt = /* @__PURE__ */ H(Jt, [["render", Zt]]), Qt = { class: "flex items-center gap-[4px]" }, Xt = ["value", "id", "disabled"], Yt = ["for"], el = { class: "text-[14px] text-gray-700 flex items-center gap-x-1 ml-1 dark:text-neutral-400" }, tl = /* @__PURE__ */ F({
+const ol = /* @__PURE__ */ H(el, [["render", ll]]), al = { class: "flex items-center gap-[4px]" }, sl = ["value", "id", "disabled"], nl = ["for"], rl = { class: "text-[14px] text-gray-700 flex items-center gap-x-1 ml-1 dark:text-neutral-400" }, il = /* @__PURE__ */ F({
   __name: "vs-checkbox-default",
   props: {
     value: { default: "" },
@@ -206,45 +236,45 @@ const Wt = /* @__PURE__ */ H(Jt, [["render", Zt]]), Qt = { class: "flex items-ce
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = e, n = o, s = O({
+    const t = e, n = o, s = A({
       get: () => n.modelValue,
       set: (r) => t("update:modelValue", r)
     });
-    return (r, a) => (i(), d("div", Qt, [
+    return (r, a) => (i(), d("div", al, [
       K(l("input", {
         type: "checkbox",
         value: r.value,
         "onUpdate:modelValue": a[0] || (a[0] = (u) => s.value = u),
-        class: M(["shrink-0 border border-solid hidden border-gray-700 w-3.5 h-3.5 rounded text-blue-600 focus:ring-offset-0 dark:bg-neutral-800 dark:border-neutral-700 cursor-pointer", { "!cursor-not-allowed": r.disabled }]),
+        class: V(["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": r.disabled }]),
         id: r.id,
         disabled: r.disabled
-      }, null, 10, Xt), [
-        [ut, s.value]
+      }, null, 10, sl), [
+        [ft, s.value]
       ]),
       l("label", {
         for: r.id,
-        class: M(["flex flex-1 checkbox-label items-center gap-x-2 cursor-pointer text-sm text-gray-800 dark:text-neutral-300", { "!cursor-not-allowed": r.disabled }])
+        class: V(["flex flex-1 checkbox-label items-center gap-x-2 cursor-pointer text-sm text-gray-800 dark:text-neutral-300", { "!cursor-not-allowed": r.disabled }])
       }, [
         l("div", {
-          class: M(["h-[16px] text-white w-[16px] flex items-center justify-center shrink-0 border rounded", [s.value ? "bg-blue-600 border-blue-600" : "bg-white border-gray-600", r.error ? "border-red-600" : ""]])
+          class: V(["h-[16px] text-white w-[16px] flex items-center justify-center shrink-0 border rounded", [s.value ? "bg-blue-600 border-blue-600" : "bg-white border-gray-600", r.error ? "border-red-600" : ""]])
         }, [
-          j(Wt, {
+          B(ol, {
             height: "12",
             width: "12"
           })
         ], 2),
-        l("span", el, [
+        l("span", rl, [
           $e(r.$slots, "default", {}, () => [
-            pe(T(r.label), 1)
+            fe(T(r.label), 1)
           ])
         ])
-      ], 10, Yt)
+      ], 10, nl)
     ]));
   }
-}), ll = ["name", "value", "disabled"], ol = { class: "flex items-center gap-[6px] text-[14px]" }, al = {
+}), ul = ["name", "value", "disabled"], dl = { class: "flex items-center gap-[6px] text-[14px]" }, cl = {
   key: 0,
   class: "text-[16px]"
-}, sl = ["src"], nl = /* @__PURE__ */ F({
+}, pl = ["src"], fl = /* @__PURE__ */ F({
   __name: "vs-checkbox-buttons",
   props: {
     value: { type: [String, Number, Boolean], default: "" },
@@ -258,14 +288,14 @@ const Wt = /* @__PURE__ */ H(Jt, [["render", Zt]]), Qt = { class: "flex items-ce
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, n = e, s = O({
+    const t = o, n = e, s = A({
       get: () => t.modelValue,
       set: (u) => {
         n("update:modelValue", u);
       }
-    }), r = O(() => Array.isArray(s.value) ? s.value.includes(t.value) : s.value === !0 || s.value === t.value), a = O(() => t.style?.size === "xs" ? "p-1.5 text-xs" : t.style?.size === "lg" ? "p-3.5 text-[20px]" : "p-2.5 text-xs");
+    }), r = A(() => Array.isArray(s.value) ? s.value.includes(t.value) : s.value === !0 || s.value === t.value), a = A(() => t.style?.size === "xs" ? "p-1.5 text-xs" : t.style?.size === "lg" ? "p-3.5 text-[20px]" : "p-2.5 text-xs");
     return (u, c) => (i(), d("label", {
-      class: M(["group relative flex justify-center items-center gap-x-3 text-center bg-white text-gray-800 ring-ring ring-2 cursor-pointer rounded-lg", [a.value, r.value ? "ring-blue-500" : "border border-gray-200 ring-transparent"]])
+      class: V(["group relative flex justify-center items-center gap-x-3 text-center bg-white text-gray-800 ring-ring ring-2 cursor-pointer rounded-lg", [a.value, r.value ? "ring-blue-500" : "border border-gray-200 ring-transparent"]])
     }, [
       K(l("input", {
         type: "checkbox",
@@ -274,30 +304,30 @@ const Wt = /* @__PURE__ */ H(Jt, [["render", Zt]]), Qt = { class: "flex items-ce
         value: u.value,
         "onUpdate:modelValue": c[0] || (c[0] = (v) => s.value = v),
         disabled: u.disabled
-      }, null, 8, ll), [
-        [ut, s.value]
+      }, null, 8, ul), [
+        [ft, s.value]
       ]),
-      l("span", ol, [
-        u.icon || u.imgUrl ? (i(), d("span", al, [
+      l("span", dl, [
+        u.icon || u.imgUrl ? (i(), d("span", cl, [
           u.icon ? (i(), d("i", {
             key: 0,
-            class: M(u.icon)
-          }, null, 2)) : A("", !0),
+            class: V(u.icon)
+          }, null, 2)) : D("", !0),
           u.imgUrl ? (i(), d("img", {
             key: 1,
             src: u.imgUrl,
             width: "16",
             height: "16",
             alt: "icon"
-          }, null, 8, sl)) : A("", !0)
-        ])) : A("", !0),
+          }, null, 8, pl)) : D("", !0)
+        ])) : D("", !0),
         $e(u.$slots, "default", {}, () => [
-          pe(T(u.label), 1)
+          fe(T(u.label), 1)
         ])
       ])
     ], 2));
   }
-}), rl = { class: "flex items-center" }, pt = /* @__PURE__ */ F({
+}), vl = { class: "flex items-center" }, gt = /* @__PURE__ */ F({
   __name: "vs-input-checkbox-item",
   props: {
     value: { default: "" },
@@ -314,7 +344,7 @@ const Wt = /* @__PURE__ */ H(Jt, [["render", Zt]]), Qt = { class: "flex items-ce
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, n = e, s = `radio-${Math.floor(Math.random() * 1e4)}`, r = O({
+    const t = o, n = e, s = `radio-${Math.floor(Math.random() * 1e4)}`, r = A({
       get: () => Array.isArray(t.modelValue) ? Array.isArray(t.modelValue) && t.modelValue.includes(t.value) : t.modelValue,
       set: (u) => {
         if (Array.isArray(t.modelValue)) {
@@ -323,9 +353,9 @@ const Wt = /* @__PURE__ */ H(Jt, [["render", Zt]]), Qt = { class: "flex items-ce
         } else
           n("update:modelValue", u);
       }
-    }), a = w(`vs-checkbox-${t.view || "default"}`);
-    return (u, c) => (i(), d("div", rl, [
-      (i(), ae(Se(a.value === "vs-checkbox-buttons" ? q(nl) : q(tl)), {
+    }), a = x(`vs-checkbox-${t.view || "default"}`);
+    return (u, c) => (i(), d("div", vl, [
+      (i(), ae(Be(a.value === "vs-checkbox-buttons" ? q(fl) : q(il)), {
         value: u.value,
         label: u.label,
         info: u.option?.info,
@@ -335,17 +365,17 @@ const Wt = /* @__PURE__ */ H(Jt, [["render", Zt]]), Qt = { class: "flex items-ce
         id: s,
         icon: u.icon,
         imgUrl: u.imgUrl,
-        style: ge(u.style),
+        style: ye(u.style),
         error: u.error
       }, {
-        default: Be(() => [
-          pe(T(u.label), 1)
+        default: Le(() => [
+          fe(T(u.label), 1)
         ]),
         _: 1
       }, 8, ["value", "label", "info", "disabled", "modelValue", "icon", "imgUrl", "style", "error"]))
     ]));
   }
-}), il = {}, ul = {
+}), ml = {}, hl = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -355,8 +385,8 @@ const Wt = /* @__PURE__ */ H(Jt, [["render", Zt]]), Qt = { class: "flex items-ce
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down"
 };
-function dl(o, e) {
-  return i(), d("svg", ul, e[0] || (e[0] = [
+function gl(o, e) {
+  return i(), d("svg", hl, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -365,7 +395,7 @@ function dl(o, e) {
     l("path", { d: "M6 9l6 6l6 -6" }, null, -1)
   ]));
 }
-const cl = /* @__PURE__ */ H(il, [["render", dl]]), pl = {}, fl = {
+const bl = /* @__PURE__ */ H(ml, [["render", gl]]), yl = {}, xl = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -375,8 +405,8 @@ const cl = /* @__PURE__ */ H(il, [["render", dl]]), pl = {}, fl = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-x"
 };
-function vl(o, e) {
-  return i(), d("svg", fl, e[0] || (e[0] = [
+function wl(o, e) {
+  return i(), d("svg", xl, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -386,7 +416,7 @@ function vl(o, e) {
     l("path", { d: "M6 6l12 12" }, null, -1)
   ]));
 }
-const ml = /* @__PURE__ */ H(pl, [["render", vl]]), hl = {}, gl = {
+const kl = /* @__PURE__ */ H(yl, [["render", wl]]), _l = {}, $l = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -397,8 +427,8 @@ const ml = /* @__PURE__ */ H(pl, [["render", vl]]), hl = {}, gl = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function bl(o, e) {
-  return i(), d("svg", gl, e[0] || (e[0] = [
+function Cl(o, e) {
+  return i(), d("svg", $l, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -409,15 +439,15 @@ function bl(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__ */ H(hl, [["render", bl]]), xl = {
+const Vl = /* @__PURE__ */ H(_l, [["render", Cl]]), Ml = {
   key: 0,
   class: "flex items-start gap-x-1"
-}, wl = {
+}, Ll = {
   key: 0,
   class: "text-red-500 text-[14px]"
-}, kl = ["title"], _l = ["disabled"], ft = /* @__PURE__ */ F({
+}, Sl = ["title"], Bl = ["disabled"], bt = /* @__PURE__ */ F({
   __name: "vs-input-switcher",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ Z({
     rules: { default: () => [] },
     view: { default: "checkbox" },
     label: { default: "" },
@@ -436,15 +466,15 @@ const yl = /* @__PURE__ */ H(hl, [["render", bl]]), xl = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = X(o, "modelValue");
-    return (n, s) => e.view === "checkbox" ? (i(), d("div", xl, [
-      j(pt, {
+    const e = o, t = W(o, "modelValue");
+    return (n, s) => e.view === "checkbox" ? (i(), d("div", Ml, [
+      B(gt, {
         modelValue: t.value,
         "onUpdate:modelValue": s[0] || (s[0] = (r) => t.value = r),
         label: n.text,
         error: n.error || ""
       }, null, 8, ["modelValue", "label", "error"]),
-      n.rules?.includes("required") ? (i(), d("span", wl, "*")) : A("", !0),
+      n.rules?.includes("required") ? (i(), d("span", Ll, "*")) : D("", !0),
       n.i ? (i(), d("button", {
         key: 1,
         class: "cursor-pointer",
@@ -452,22 +482,22 @@ const yl = /* @__PURE__ */ H(hl, [["render", bl]]), xl = {
         onClick: s[1] || (s[1] = ve(() => {
         }, ["prevent"]))
       }, [
-        j(q(yl), { class: "text-gray-500 w-[14px] h-[14px]" })
-      ], 8, kl)) : A("", !0)
+        B(q(Vl), { class: "text-gray-500 w-[14px] h-[14px]" })
+      ], 8, Sl)) : D("", !0)
     ])) : (i(), d("button", {
       key: 1,
       type: "button",
-      class: M(["inline-flex h-5 w-9 shrink-0 px-[2px] cursor-pointer items-center rounded-full shadow-sm disabled:cursor-not-allowed disabled:opacity-50", [t.value ? `bg-${n.style?.primaryColor || "blue"}-500` : "bg-stone-200", n.customClass]]),
+      class: V(["inline-flex h-5 w-9 shrink-0 px-[2px] cursor-pointer items-center rounded-full shadow-sm disabled:cursor-not-allowed disabled:opacity-50", [t.value ? `bg-${n.style?.primaryColor || "blue"}-500` : "bg-stone-200", n.customClass]]),
       disabled: n.disabled,
       onClick: s[2] || (s[2] = (r) => t.value = !t.value)
     }, [
       l("span", {
         "data-state": "checked",
-        class: M(["pointer-events-none block h-4 w-4 rounded-full bg-white shadow-lg ring-0 transition-transform", [t.value ? "translate-x-4" : "translate-x-0"]])
+        class: V(["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, _l));
+    ], 10, Bl));
   }
-}), $l = ["innerHTML"], ot = /* @__PURE__ */ F({
+}), jl = ["innerHTML"], nt = /* @__PURE__ */ F({
   __name: "vs-input-static",
   props: {
     text: { default: "" },
@@ -482,13 +512,13 @@ const yl = /* @__PURE__ */ H(hl, [["render", bl]]), xl = {
   },
   setup(o) {
     return (e, t) => (i(), d("div", {
-      class: M(e.customClass),
+      class: V(e.customClass),
       innerHTML: e.html ? e.html : e.text
-    }, null, 10, $l));
+    }, null, 10, jl));
   }
-}), Cl = ["placeholder", "disabled", "name"], Vl = /* @__PURE__ */ F({
+}), Il = ["placeholder", "disabled", "name"], zl = /* @__PURE__ */ F({
   __name: "vs-input-mask",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ Z({
     name: {},
     mask: { default: "" },
     unmask: { type: Boolean, default: !1 },
@@ -504,9 +534,9 @@ const yl = /* @__PURE__ */ H(hl, [["render", bl]]), xl = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = ye(e.style), n = X(o, "modelValue"), s = w(null);
+    const e = o, { inputClass: t } = me(e.style), n = W(o, "modelValue"), s = x(null);
     let r = null;
-    return be(async () => {
+    return xe(async () => {
       if (s.value) {
         const { default: a } = await import("./index-W-qQIppj.js");
         r = a(s.value, {
@@ -523,7 +553,7 @@ const yl = /* @__PURE__ */ H(hl, [["render", bl]]), xl = {
           n.value = e.unmask ? r.unmaskedValue : r.value;
         }), r.value = n.value ?? "";
       }
-    }), _t(() => {
+    }), St(() => {
       r?.destroy();
     }), te(() => e.mask, (a) => {
       r && r.updateOptions({
@@ -543,15 +573,15 @@ const yl = /* @__PURE__ */ H(hl, [["render", bl]]), xl = {
       placeholder: a.placeholder,
       disabled: a.disabled,
       name: a.name,
-      class: M(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [q(t)]]),
+      class: V(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [q(t)]]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, Cl));
+    }, null, 10, Il));
   }
-}), Ml = { class: "relative w-full bg-white rounded-lg" }, Ll = ["placeholder", "disabled"], Sl = /* @__PURE__ */ F({
+}), El = { class: "relative w-full bg-white rounded-lg" }, Fl = ["placeholder", "disabled"], Dl = /* @__PURE__ */ F({
   __name: "vs-input-email",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ Z({
     style: { default: () => ({}) },
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -565,26 +595,26 @@ const yl = /* @__PURE__ */ H(hl, [["render", bl]]), xl = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = ye(e.style), n = X(o, "modelValue");
-    return (s, r) => (i(), d("div", Ml, [
-      r[1] || (r[1] = de('<div class="absolute bottom-2/4 translate-y-2/4 left-[10px] cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="stroke-gray-500 transition-all"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10z"></path><path d="M3 7l9 6l9 -6"></path></svg></div>', 1)),
+    const e = o, { inputClass: t } = me(e.style), n = W(o, "modelValue");
+    return (s, r) => (i(), d("div", El, [
+      r[1] || (r[1] = ce('<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)),
       K(l("input", {
         type: "email",
         "onUpdate:modelValue": r[0] || (r[0] = (a) => n.value = a),
         placeholder: s.placeholder,
         disabled: s.disabled,
-        class: M(["!pl-8 py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [q(t), { "!border-red-600": s.error }]]),
+        class: V(["!pl-8 py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [q(t), { "!border-red-600": s.error }]]),
         style: {
           border: "1px solid #CFD9E0"
         }
-      }, null, 10, Ll), [
-        [re, n.value]
+      }, null, 10, Fl), [
+        [se, n.value]
       ])
     ]));
   }
-}), Bl = ["value", "disabled"], jl = { class: "text-[13px] text-gray-700" }, Il = /* @__PURE__ */ F({
+}), Ol = ["value", "disabled"], Al = { class: "text-[13px] text-gray-700" }, Ul = /* @__PURE__ */ F({
   __name: "vs-input-radio-default",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ Z({
     style: {},
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -600,9 +630,9 @@ const yl = /* @__PURE__ */ H(hl, [["render", bl]]), xl = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = X(o, "modelValue");
+    const e = W(o, "modelValue");
     return (t, n) => (i(), d("label", {
-      class: M(["flex items-center gap-0", [t.customClass]])
+      class: V(["flex items-center gap-0", [t.customClass]])
     }, [
       K(l("input", {
         "onUpdate:modelValue": n[0] || (n[0] = (s) => e.value = s),
@@ -610,26 +640,26 @@ const yl = /* @__PURE__ */ H(hl, [["render", bl]]), xl = {
         value: t.value,
         disabled: t.disabled,
         class: "hidden"
-      }, null, 8, Bl), [
-        [dt, e.value]
+      }, null, 8, Ol), [
+        [vt, e.value]
       ]),
       l("span", {
-        class: M(["w-[16px] shrink-0 h-[16px] border rounded-full flex items-center justify-center mr-[10px]", [
+        class: V(["w-[16px] shrink-0 h-[16px] border rounded-full flex items-center justify-center mr-[10px]", [
           `border-${t.style?.primaryColor || "blue"}-500`,
           t.disabled ? "opacity-50 cursor-not-allowed" : ""
         ]])
       }, [
         e.value == t.value ? (i(), d("span", {
           key: 0,
-          class: M(["w-[12px] h-[12px] shrink-0 rounded-full", [`bg-${t.style?.primaryColor || "blue"}-500`]])
-        }, null, 2)) : A("", !0)
+          class: V(["w-[12px] h-[12px] shrink-0 rounded-full", [`bg-${t.style?.primaryColor || "blue"}-500`]])
+        }, null, 2)) : D("", !0)
       ], 2),
-      l("span", jl, T(t.text), 1)
+      l("span", Al, T(t.text), 1)
     ], 2));
   }
-}), zl = ["value", "disabled"], El = { class: "text-[13px] text-gray-700" }, Al = /* @__PURE__ */ F({
+}), Tl = ["value", "disabled"], Rl = { class: "text-[13px] text-gray-700" }, Pl = /* @__PURE__ */ F({
   __name: "vs-input-radio-buttons",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ Z({
     style: {},
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -645,9 +675,9 @@ const yl = /* @__PURE__ */ H(hl, [["render", bl]]), xl = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = X(o, "modelValue");
+    const e = W(o, "modelValue");
     return (t, n) => (i(), d("label", {
-      class: M(["flex items-center border rounded-lg px-2 py-1", [
+      class: V(["flex items-center border rounded-lg px-2 py-1", [
         e.value == t.value ? `ring-2 ring-ring ring-${t.style?.primaryColor || "blue"}-500` : "",
         t.customClass
       ]])
@@ -658,18 +688,18 @@ const yl = /* @__PURE__ */ H(hl, [["render", bl]]), xl = {
         value: t.value,
         disabled: t.disabled,
         class: "hidden"
-      }, null, 8, zl), [
-        [dt, e.value]
+      }, null, 8, Tl), [
+        [vt, e.value]
       ]),
-      l("span", El, T(t.text), 1)
+      l("span", Rl, T(t.text), 1)
     ], 2));
   }
-}), Fl = {
-  "vs-input-radio-default": Il,
-  "vs-input-radio-buttons": Al
-}, at = /* @__PURE__ */ F({
+}), Hl = {
+  "vs-input-radio-default": Ul,
+  "vs-input-radio-buttons": Pl
+}, rt = /* @__PURE__ */ F({
   __name: "vs-input-radio",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ Z({
     options: {},
     position: { default: "vertical" },
     view: { default: "default" },
@@ -686,11 +716,11 @@ const yl = /* @__PURE__ */ H(hl, [["render", bl]]), xl = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = X(o, "modelValue"), n = O(() => Fl[`vs-input-radio-${e.view}`]);
+    const e = o, t = W(o, "modelValue"), n = A(() => Hl[`vs-input-radio-${e.view}`]);
     return (s, r) => (i(), d("div", {
-      class: M([s.position === "horizontal" ? "flex items-center flex-wrap gap-2" : ""])
+      class: V([s.position === "horizontal" ? "flex items-center flex-wrap gap-2" : ""])
     }, [
-      (i(!0), d(Y, null, le(s.options, (a) => (i(), ae(Se(n.value), Ee({
+      (i(!0), d(Y, null, le(s.options, (a) => (i(), ae(Be(n.value), Ee({
         key: a?.id,
         text: a.text,
         value: a.id.toString(),
@@ -700,7 +730,7 @@ const yl = /* @__PURE__ */ H(hl, [["render", bl]]), xl = {
       }, { ref_for: !0 }, s.$attrs), null, 16, ["text", "value", "checked", "modelValue"]))), 128))
     ], 2));
   }
-}), Dl = /* @__PURE__ */ F({
+}), Nl = /* @__PURE__ */ F({
   __name: "vs-input-checkbox",
   props: {
     options: { default: () => [] },
@@ -719,9 +749,9 @@ const yl = /* @__PURE__ */ H(hl, [["render", bl]]), xl = {
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, n = e, s = w([]), r = $t({}), a = (p) => p?.value || p?.id || p?.text || p, u = (p) => p.text || String(p), c = (p) => `lg:col-span-${p || 12}`, v = async () => {
+    const t = o, n = e, s = x([]), r = Bt({}), a = (p) => p?.value || p?.id || p?.text || p, u = (p) => p.text || String(p), c = (p) => `lg:col-span-${p || 12}`, v = async () => {
       try {
-        const p = await fetch(`/api/suggest/${t.data}`).then((x) => x.json());
+        const p = await fetch(`/api/suggest/${t.data}`).then((w) => w.json());
         s.value = p?.data || p;
       } catch (p) {
         console.error(p);
@@ -731,14 +761,14 @@ const yl = /* @__PURE__ */ H(hl, [["render", bl]]), xl = {
       () => t.modelValue,
       (p) => {
         if (typeof p == "boolean" && s.value.length === 1) {
-          const x = a(s.value[0]);
-          r[x] = p;
+          const w = a(s.value[0]);
+          r[w] = p;
         } else if (Array.isArray(p)) {
-          const x = new Set(p);
-          s.value.forEach((g) => {
-            if (!g.disabled) {
-              const _ = a(g);
-              r[_] = x.has(_);
+          const w = new Set(p);
+          s.value.forEach((b) => {
+            if (!b.disabled) {
+              const $ = a(b);
+              r[$] = w.has($);
             }
           });
         }
@@ -751,11 +781,11 @@ const yl = /* @__PURE__ */ H(hl, [["render", bl]]), xl = {
           n("update:modelValue", null);
           return;
         }
-        const p = Object.entries(r).filter(([, x]) => x).map(([x]) => x);
+        const p = Object.entries(r).filter(([, w]) => w).map(([w]) => w);
         n("update:modelValue", p.length === 0 ? [] : p);
       },
       { deep: !0 }
-    ), be(() => {
+    ), xe(() => {
       if (t.data)
         v().then(() => {
           if (typeof t.modelValue == "boolean" && s.value.length === 1) {
@@ -763,10 +793,10 @@ const yl = /* @__PURE__ */ H(hl, [["render", bl]]), xl = {
             r[p] = t.modelValue;
           } else if (Array.isArray(t.modelValue)) {
             const p = new Set(t.modelValue);
-            s.value.forEach((x) => {
-              if (!x.disabled) {
-                const g = a(x);
-                r[g] = p.has(g);
+            s.value.forEach((w) => {
+              if (!w.disabled) {
+                const b = a(w);
+                r[b] = p.has(b);
               }
             });
           }
@@ -776,32 +806,32 @@ const yl = /* @__PURE__ */ H(hl, [["render", bl]]), xl = {
         r[p] = t.modelValue;
       } else if (Array.isArray(t.modelValue)) {
         const p = new Set(t.modelValue);
-        s.value.forEach((x) => {
-          if (!x.disabled) {
-            const g = a(x);
-            r[g] = p.has(g);
+        s.value.forEach((w) => {
+          if (!w.disabled) {
+            const b = a(w);
+            r[b] = p.has(b);
           }
         });
       }
-    }), (p, x) => (i(), d("div", {
-      class: M(["p-0 w-full gap-[6px]", [p.position === "vertical" ? "flex-col" : "", p.colSpan ? "grid" : "flex justify-start"]])
+    }), (p, w) => (i(), d("div", {
+      class: V(["p-0 w-full gap-[6px]", [p.position === "vertical" ? "flex-col" : "", p.colSpan ? "grid" : "flex justify-start"]])
     }, [
-      (i(!0), d(Y, null, le(s.value, (g) => (i(), ae(pt, {
-        modelValue: r[a(g)],
-        "onUpdate:modelValue": (_) => r[a(g)] = _,
-        value: a(g),
-        class: M(c(p.colSpan)),
-        disabled: g.disabled,
-        label: u(g),
-        key: a(g),
-        icon: g?.icon,
-        imgUrl: g?.imgUrl,
-        option: g,
+      (i(!0), d(Y, null, le(s.value, (b) => (i(), ae(gt, {
+        modelValue: r[a(b)],
+        "onUpdate:modelValue": ($) => r[a(b)] = $,
+        value: a(b),
+        class: V(c(p.colSpan)),
+        disabled: b.disabled,
+        label: u(b),
+        key: a(b),
+        icon: b?.icon,
+        imgUrl: b?.imgUrl,
+        option: b,
         view: p.view
       }, null, 8, ["modelValue", "onUpdate:modelValue", "value", "class", "disabled", "label", "icon", "imgUrl", "option", "view"]))), 128))
     ], 2));
   }
-}), Ol = /* @__PURE__ */ H(Dl, [["__scopeId", "data-v-91f3584a"]]), Ul = ["type", "placeholder", "disabled"], Tl = /* @__PURE__ */ F({
+}), ql = /* @__PURE__ */ H(Nl, [["__scopeId", "data-v-91f3584a"]]), Gl = ["type", "placeholder", "disabled"], Jl = /* @__PURE__ */ F({
   __name: "vs-input-date1",
   props: {
     style: { default: () => ({}) },
@@ -815,27 +845,25 @@ const yl = /* @__PURE__ */ H(hl, [["render", bl]]), xl = {
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o;
-    console.log(t.mode);
-    const { inputClass: n } = ye(t.style), s = e, r = O({
+    const t = o, { inputClass: n } = me(t.style), s = e, r = A({
       get: () => t.modelValue?.split(" ")[0],
       set: (u) => s("update:modelValue", u)
-    }), a = O(() => t.mode === "datetime" ? "datetime-local" : t.mode);
+    }), a = A(() => t.mode === "datetime" ? "datetime-local" : t.mode);
     return (u, c) => K((i(), d("input", {
       type: a.value,
       "onUpdate:modelValue": c[0] || (c[0] = (v) => r.value = v),
       placeholder: u.placeholder,
       disabled: u.disabled,
       ref: "date",
-      class: M(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [u.modelValue ? "" : "text-opacity-50", q(n)].join(" ")]),
+      class: V(["py-1.5 px-3 block w-full placeholder:text[#767f8f] bg-white", [u.modelValue ? "" : "text-opacity-50", q(n)].join(" ")]),
       style: {
         border: "1px solid #CFD9E0"
       }
-    }, null, 10, Ul)), [
-      [Ct, r.value]
+    }, null, 10, Gl)), [
+      [jt, r.value]
     ]);
   }
-}), Rl = async (o, e, t, n) => {
+}), Kl = async (o, e, t, n) => {
   try {
     const s = new FormData();
     return s.append("unique", "true"), s.append("file", o), (await fetch(
@@ -846,27 +874,27 @@ const yl = /* @__PURE__ */ H(hl, [["render", bl]]), xl = {
       }
     ).then((a) => a.json()))?.result;
   } catch (s) {
-    return ke({
+    return be({
       type: "error",
       title: "Помилка!",
       message: "Сталась помилка під час завантаження файлу",
       position: "right-bottom"
     }), console.error("Сталась помилка завантаження файлу", s), null;
   }
-}, Pl = async (o) => {
+}, Zl = async (o) => {
   try {
     return await fetch(`file/delete${o}`), !0;
   } catch (e) {
     return console.error(e), !1;
   }
-}, st = async (o) => {
+}, it = async (o) => {
   try {
     const e = await fetch(`file/download/files/uploads${o}`), t = await e.arrayBuffer(), n = e.headers["content-type"], s = new TextDecoder("utf-8").decode(t), r = new Blob([s], { type: n }), a = document.createElement("a");
     a.setAttribute("download", o), a.href = window.URL.createObjectURL(r), a.click();
   } catch (e) {
     console.error(e.message);
   }
-}, Hl = {}, Nl = {
+}, Wl = {}, Ql = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -877,13 +905,13 @@ const yl = /* @__PURE__ */ H(hl, [["render", bl]]), xl = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function ql(o, e) {
-  return i(), d("svg", Nl, e[0] || (e[0] = [
+function Xl(o, e) {
+  return i(), d("svg", Ql, e[0] || (e[0] = [
     l("path", { d: "M5 12h14" }, null, -1),
     l("path", { d: "M12 5v14" }, null, -1)
   ]));
 }
-const Ae = /* @__PURE__ */ H(Hl, [["render", ql]]), Gl = {}, Jl = {
+const Fe = /* @__PURE__ */ H(Wl, [["render", Xl]]), Yl = {}, eo = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-text",
   width: "44",
@@ -895,12 +923,12 @@ const Ae = /* @__PURE__ */ H(Hl, [["render", ql]]), Gl = {}, Jl = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Kl(o, e, t, n, s, r) {
-  return i(), d("svg", Jl, e[0] || (e[0] = [
-    de('<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)
+function to(o, e, t, n, s, r) {
+  return i(), d("svg", eo, e[0] || (e[0] = [
+    ce('<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 Zl = /* @__PURE__ */ H(Gl, [["render", Kl]]), Wl = {}, Ql = {
+const lo = /* @__PURE__ */ H(Yl, [["render", to]]), oo = {}, ao = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-table",
   width: "44",
@@ -912,8 +940,8 @@ const Zl = /* @__PURE__ */ H(Gl, [["render", Kl]]), Wl = {}, Ql = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Xl(o, e, t, n, s, r) {
-  return i(), d("svg", Ql, e[0] || (e[0] = [
+function so(o, e, t, n, s, r) {
+  return i(), d("svg", ao, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -940,7 +968,7 @@ function Xl(o, e, t, n, s, r) {
     }, null, -1)
   ]));
 }
-const Yl = /* @__PURE__ */ H(Wl, [["render", Xl]]), eo = {}, to = {
+const no = /* @__PURE__ */ H(oo, [["render", so]]), ro = {}, io = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -952,12 +980,12 @@ const Yl = /* @__PURE__ */ H(Wl, [["render", Xl]]), eo = {}, to = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-file-unknown"
 };
-function lo(o, e, t, n, s, r) {
-  return i(), d("svg", to, e[0] || (e[0] = [
-    de('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><path d="M12 17v.01"></path><path d="M12 14a1.5 1.5 0 1 0 -1.14 -2.474"></path>', 5)
+function uo(o, e, t, n, s, r) {
+  return i(), d("svg", io, e[0] || (e[0] = [
+    ce('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><path d="M12 17v.01"></path><path d="M12 14a1.5 1.5 0 1 0 -1.14 -2.474"></path>', 5)
   ]));
 }
-const oo = /* @__PURE__ */ H(eo, [["render", lo]]), ao = {}, so = {
+const co = /* @__PURE__ */ H(ro, [["render", uo]]), po = {}, fo = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-zip",
   width: "44",
@@ -969,12 +997,12 @@ const oo = /* @__PURE__ */ H(eo, [["render", lo]]), ao = {}, so = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function no(o, e, t, n, s, r) {
-  return i(), d("svg", so, e[0] || (e[0] = [
-    de('<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)
+function vo(o, e, t, n, s, r) {
+  return i(), d("svg", fo, e[0] || (e[0] = [
+    ce('<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__ */ H(ao, [["render", no]]), io = {}, uo = {
+const mo = /* @__PURE__ */ H(po, [["render", vo]]), ho = {}, go = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-code",
   width: "44",
@@ -986,25 +1014,25 @@ const ro = /* @__PURE__ */ H(ao, [["render", no]]), io = {}, uo = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function co(o, e, t, n, s, r) {
-  return i(), d("svg", uo, e[0] || (e[0] = [
-    de('<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)
+function bo(o, e, t, n, s, r) {
+  return i(), d("svg", go, e[0] || (e[0] = [
+    ce('<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 po = /* @__PURE__ */ H(io, [["render", co]]), fo = (o) => {
+const yo = /* @__PURE__ */ H(ho, [["render", bo]]), xo = (o) => {
   if (!o) return "";
   const e = o?.split(".");
   return e[e.length - 1];
-}, vo = (o) => {
-  const e = fo(o), t = {
+}, wo = (o) => {
+  const e = xo(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) ? Yl : t.textsFormat.includes(e) ? po : t.documentsFormat.includes(e) ? Zl : t.archivesFormat.includes(e) ? ro : oo;
-}, mo = {}, ho = {
+  return t.imageFormat.includes(e) ? "img" : t.sheetsFormat.includes(e) ? no : t.textsFormat.includes(e) ? yo : t.documentsFormat.includes(e) ? lo : t.archivesFormat.includes(e) ? mo : co;
+}, ko = {}, _o = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1016,12 +1044,12 @@ const po = /* @__PURE__ */ H(io, [["render", co]]), fo = (o) => {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-trash"
 };
-function go(o, e) {
-  return i(), d("svg", ho, e[0] || (e[0] = [
-    de('<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)
+function $o(o, e) {
+  return i(), d("svg", _o, e[0] || (e[0] = [
+    ce('<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 Ue = /* @__PURE__ */ H(mo, [["render", go]]), bo = {}, yo = {
+const Te = /* @__PURE__ */ H(ko, [["render", $o]]), Co = {}, Vo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1033,8 +1061,8 @@ const Ue = /* @__PURE__ */ H(mo, [["render", go]]), bo = {}, yo = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-download"
 };
-function xo(o, e) {
-  return i(), d("svg", yo, e[0] || (e[0] = [
+function Mo(o, e) {
+  return i(), d("svg", Vo, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1045,9 +1073,9 @@ function xo(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const vt = /* @__PURE__ */ H(bo, [["render", xo]]), wo = { class: "h-[120px] w-[120px] border text-gray-300 border-dashed border-[#CFD9E0] rounded-lg overflow-hidden relative item-file" }, ko = { class: "absolute hidden top-0 right-0 flex items-center gap-x-2 w-full h-full justify-center" }, _o = /* @__PURE__ */ F({
+const yt = /* @__PURE__ */ H(Co, [["render", Mo]]), Lo = { class: "h-[120px] w-[120px] border text-gray-300 border-dashed border-[#CFD9E0] rounded-lg overflow-hidden relative item-file" }, So = { class: "absolute hidden top-0 right-0 flex items-center gap-x-2 w-full h-full justify-center" }, Bo = /* @__PURE__ */ F({
   __name: "vs-input-file-list-item",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ Z({
     format: {},
     multiple: { type: Boolean },
     style: {},
@@ -1065,40 +1093,40 @@ const vt = /* @__PURE__ */ H(bo, [["render", xo]]), wo = { class: "h-[120px] w-[
   }),
   emits: ["update:value", "update:item"],
   setup(o) {
-    const e = X(o, "value"), t = X(o, "item"), n = o;
-    return (s, r) => (i(), d("div", wo, [
-      (i(), ae(Se(q(vo)(t.value)), {
+    const e = W(o, "value"), t = W(o, "item"), n = o;
+    return (s, r) => (i(), d("div", Lo, [
+      (i(), ae(Be(q(wo)(t.value)), {
         src: t.value,
         alt: "file",
         class: "w-full h-full object-cover cursor-pointer",
-        onClick: r[0] || (r[0] = (a) => q(st)(t.value))
+        onClick: r[0] || (r[0] = (a) => q(it)(t.value))
       }, null, 8, ["src"])),
-      l("div", ko, [
+      l("div", So, [
         l("button", {
           type: "button",
           onClick: r[1] || (r[1] = (a) => {
-            q(Pl)(t.value), e.value = n.multiple ? e.value?.filter((u) => u !== t.value) : "";
+            q(Zl)(t.value), e.value = n.multiple ? e.value?.filter((u) => u !== t.value) : "";
           }),
           class: "w-6 h-6 flex items-center justify-center text-gray-500 bg-gray-200 rounded-lg hover:text-red-500"
         }, [
-          j(Ue, { class: "w-4 h-4" })
+          B(Te, { class: "w-4 h-4" })
         ]),
         l("button", {
           type: "button",
-          onClick: r[2] || (r[2] = (a) => q(st)(t.value)),
+          onClick: r[2] || (r[2] = (a) => q(it)(t.value)),
           class: "w-6 h-6 flex items-center justify-center text-gray-500 bg-gray-200 rounded-lg hover:text-blue-500"
         }, [
-          j(vt, { class: "w-4 h-4" })
+          B(yt, { class: "w-4 h-4" })
         ])
       ])
     ]));
   }
-}), nt = /* @__PURE__ */ H(_o, [["__scopeId", "data-v-0ca886b3"]]), $o = { class: "flex items-center gap-x-2" }, Co = {
+}), ut = /* @__PURE__ */ H(Bo, [["__scopeId", "data-v-0ca886b3"]]), jo = { class: "flex items-center gap-x-2" }, Io = {
   key: 1,
   class: "flex items-center flex-wrap gap-2"
-}, Vo = /* @__PURE__ */ F({
+}, zo = /* @__PURE__ */ F({
   __name: "vs-input-file",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ Z({
     format: {},
     multiple: { type: Boolean },
     style: {},
@@ -1114,7 +1142,7 @@ const vt = /* @__PURE__ */ H(bo, [["render", xo]]), wo = { class: "h-[120px] w-[
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = X(o, "modelValue"), n = w(null), s = (a) => Array.isArray(t.value) && t.value[a] || "", r = async (a) => {
+    const e = o, t = W(o, "modelValue"), n = x(null), s = (a) => Array.isArray(t.value) && t.value[a] || "", r = async (a) => {
       if (e.format) {
         const v = a.target.files?.[0];
         if (!v || !v.name.endsWith(e.format))
@@ -1122,10 +1150,10 @@ const vt = /* @__PURE__ */ H(bo, [["render", xo]]), wo = { class: "h-[120px] w-[
       }
       const u = a.target.files?.[0];
       if (!u) return;
-      const c = await Rl(u, "1", "form", "table");
+      const c = await Kl(u, "1", "form", "table");
       t.value = e.multiple ? [...t.value || [], c?.file_path] : c?.file_path;
     };
-    return (a, u) => (i(), d("div", $o, [
+    return (a, u) => (i(), d("div", jo, [
       l("input", {
         class: "hidden",
         ref_key: "fileInput",
@@ -1133,14 +1161,14 @@ const vt = /* @__PURE__ */ H(bo, [["render", xo]]), wo = { class: "h-[120px] w-[
         type: "file",
         onChange: r
       }, null, 544),
-      !a.multiple && t.value ? (i(), ae(nt, {
+      !a.multiple && t.value ? (i(), ae(ut, {
         key: 0,
         item: t.value,
         "onUpdate:item": u[0] || (u[0] = (c) => t.value = c),
         value: t.value,
         "onUpdate:value": u[1] || (u[1] = (c) => t.value = c)
-      }, null, 8, ["item", "value"])) : a.multiple ? (i(), d("div", Co, [
-        (i(!0), d(Y, null, le(t.value, (c, v) => (i(), ae(nt, {
+      }, null, 8, ["item", "value"])) : a.multiple ? (i(), d("div", Io, [
+        (i(!0), d(Y, null, le(t.value, (c, v) => (i(), ae(ut, {
           multiple: a.multiple,
           key: v,
           value: t.value,
@@ -1149,30 +1177,30 @@ const vt = /* @__PURE__ */ H(bo, [["render", xo]]), wo = { class: "h-[120px] w-[
         }, null, 8, ["multiple", "value", "item"]))), 128)),
         l("div", {
           onClick: u[3] || (u[3] = (c) => !a.disabled && n.value?.click()),
-          class: M([
+          class: V([
             "h-[120px] w-[120px] border text-gray-300 hover:text-blue-500 border-dashed border-[#CFD9E0] rounded-lg flex items-center justify-center transition-all duration-300",
             a.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500 hover:bg-blue-50"
           ])
         }, [
-          j(Ae, { class: "w-6 h-6" })
+          B(Fe, { class: "w-6 h-6" })
         ], 2)
-      ])) : A("", !0),
-      a.multiple ? A("", !0) : (i(), d("div", {
+      ])) : D("", !0),
+      a.multiple ? D("", !0) : (i(), d("div", {
         key: 2,
         onClick: u[4] || (u[4] = (c) => n.value?.click()),
-        class: M([a.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500", "h-[120px] w-[120px] border text-gray-300 hover:text-blue-500 border-dashed border-gray-300 rounded-lg flex items-center justify-center cursor-pointer hover:border-blue-500 transition-all duration-300 hover:bg-blue-50"])
+        class: V([a.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500", "h-[120px] w-[120px] border text-gray-300 hover:text-blue-500 border-dashed border-gray-300 rounded-lg flex items-center justify-center cursor-pointer hover:border-blue-500 transition-all duration-300 hover:bg-blue-50"])
       }, [
-        j(Ae, { class: "w-6 h-6" })
+        B(Fe, { class: "w-6 h-6" })
       ], 2))
     ]));
   }
-}), Mo = { class: "max-w-[55vw]" }, Lo = { class: "text-sm font-semibold text-gray-800 truncate dark:text-neutral-200" }, So = { class: "flex items-center text-xs text-gray-500 truncate dark:text-neutral-500" }, Bo = { class: "px-[5px]" }, jo = { class: "" }, Fe = /* @__PURE__ */ F({
+}), Eo = { class: "max-w-[55vw]" }, Fo = { class: "text-sm font-semibold text-gray-800 truncate dark:text-neutral-200" }, Do = { class: "flex items-center text-xs text-gray-500 truncate dark:text-neutral-500" }, Oo = { class: "px-[5px]" }, Ao = { class: "" }, Ae = /* @__PURE__ */ F({
   __name: "vs-widget-file-info",
   props: {
     item: { default: null }
   },
   setup(o) {
-    const e = o, t = O(() => {
+    const e = o, t = A(() => {
       try {
         return new Date(e.item.cdate).toLocaleDateString("uk-UA", {
           day: "2-digit",
@@ -1190,34 +1218,34 @@ const vt = /* @__PURE__ */ H(bo, [["render", xo]]), wo = { class: "h-[120px] w-[
       return r < 1024 ? `${r.toFixed(2)} KB` : `${(r / 1024).toFixed(2)} MB`;
     }
     return (s, r) => (i(), d(Y, null, [
-      r[1] || (r[1] = de('<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", Mo, [
-        l("p", Lo, T(s.item?.uploaded_name), 1),
-        l("p", So, [
+      r[1] || (r[1] = ce('<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", Eo, [
+        l("p", Fo, T(s.item?.uploaded_name), 1),
+        l("p", Do, [
           l("span", null, T(s.item?.username), 1),
-          K(l("span", Bo, "|", 512), [
-            [Ge, s.item?.username]
+          K(l("span", Oo, "|", 512), [
+            [Je, s.item?.username]
           ]),
           l("span", null, T(t.value), 1),
           r[0] || (r[0] = l("span", { class: "px-[5px]" }, "|", -1)),
-          l("span", jo, T(n(s.item?.size)), 1)
+          l("span", Ao, T(n(s.item?.size)), 1)
         ])
       ])
     ], 64));
   }
-}), Io = { class: "p-3 relative group flex items-center gap-x-3 border border-gray-200 bg-white rounded-md w-full" }, zo = {
+}), Uo = { class: "p-3 relative group flex items-center gap-x-3 border border-gray-200 bg-white rounded-md w-full" }, To = {
   key: 0,
   class: "flex w-full gap-x-3 items-center"
-}, Eo = {
+}, Ro = {
   key: 1,
   class: "flex gap-x-3 w-full items-center"
-}, Ao = {
+}, Po = {
   key: 2,
   class: "flex gap-x-3 w-full items-center"
-}, Fo = ["href"], Do = {
+}, Ho = ["href"], No = {
   key: 3,
   class: "flex gap-x-3 w-full items-center"
-}, Oo = { class: "lg:absolute lg:top-3 lg:end-1 opacity-100" }, Uo = { 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" }, To = { class: "inline-block" }, Ro = { class: "inline-block" }, Po = /* @__PURE__ */ F({
+}, qo = { class: "lg:absolute lg:top-3 lg:end-1 opacity-100" }, Go = { 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" }, Jo = { class: "inline-block" }, Ko = { class: "inline-block" }, Zo = /* @__PURE__ */ F({
   __name: "vs-widget-file-item",
   props: {
     item: { default: null },
@@ -1234,8 +1262,8 @@ const vt = /* @__PURE__ */ H(bo, [["render", xo]]), wo = { class: "h-[120px] w-[
       return ["ppt", "pptx", "doc", "docx", "xls", "xlsx"].includes(p.ext);
     }
     function a(p) {
-      const x = document.createElement("a");
-      x.setAttribute("download", p?.uploaded_name), x.href = p?.file_path, x.click();
+      const w = document.createElement("a");
+      w.setAttribute("download", p?.uploaded_name), w.href = p?.file_path, w.click();
     }
     async function u() {
       try {
@@ -1259,48 +1287,48 @@ const vt = /* @__PURE__ */ H(bo, [["render", xo]]), wo = { class: "h-[120px] w-[
     function v(p) {
       (t.item.ext === "jpg" || t.item.ext === "png") && n("openLightbox", { item: t.item, index: p });
     }
-    return (p, x) => (i(), d("div", Io, [
-      p.item.ext === "jpg" || p.item.ext === "png" ? (i(), d("div", zo, [
+    return (p, w) => (i(), d("div", Uo, [
+      p.item.ext === "jpg" || p.item.ext === "png" ? (i(), d("div", To, [
         l("div", {
           class: "max-w-[55vw] cursor-pointer flex gap-x-3 w-full items-center",
-          onClick: x[0] || (x[0] = (g) => v(p.index))
+          onClick: w[0] || (w[0] = (b) => v(p.index))
         }, [
-          j(Fe, { item: p.item }, null, 8, ["item"])
+          B(Ae, { item: p.item }, null, 8, ["item"])
         ])
-      ])) : s(p.item) ? (i(), d("div", Eo, [
-        j(Fe, { item: p.item }, null, 8, ["item"])
-      ])) : r(p.item) ? (i(), d("div", Ao, [
+      ])) : s(p.item) ? (i(), d("div", Ro, [
+        B(Ae, { item: p.item }, null, 8, ["item"])
+      ])) : r(p.item) ? (i(), d("div", Po, [
         l("a", {
           href: `/api/file-preview?id=${p.item.file_id}`,
           target: "_blank",
           class: "flex gap-x-3 w-full items-center"
         }, [
-          j(Fe, { item: p.item }, null, 8, ["item"])
-        ], 8, Fo)
-      ])) : (i(), d("div", Do, [
-        j(Fe, { item: p.item }, null, 8, ["item"])
+          B(Ae, { item: p.item }, null, 8, ["item"])
+        ], 8, Ho)
+      ])) : (i(), d("div", No, [
+        B(Ae, { item: p.item }, null, 8, ["item"])
       ])),
-      l("div", Oo, [
-        l("div", Uo, [
-          l("div", To, [
+      l("div", qo, [
+        l("div", Go, [
+          l("div", Jo, [
             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: x[1] || (x[1] = (g) => a(p.item))
+              onClick: w[1] || (w[1] = (b) => a(p.item))
             }, [
-              j(vt, {
+              B(yt, {
                 height: "14",
                 width: "14"
               })
             ])
           ]),
-          x[3] || (x[3] = l("div", { class: "w-px h-5 mx-1 bg-gray-200 dark:bg-neutral-700" }, null, -1)),
-          l("div", Ro, [
+          w[3] || (w[3] = l("div", { class: "w-px h-5 mx-1 bg-gray-200 dark:bg-neutral-700" }, null, -1)),
+          l("div", Ko, [
             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: x[2] || (x[2] = (g) => c())
+              onClick: w[2] || (w[2] = (b) => c())
             }, [
-              j(Ue, {
+              B(Te, {
                 height: "14",
                 width: "14"
               })
@@ -1310,7 +1338,7 @@ const vt = /* @__PURE__ */ H(bo, [["render", xo]]), wo = { class: "h-[120px] w-[
       ])
     ]));
   }
-}), Ho = {}, No = {
+}), Wo = {}, Qo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -1322,8 +1350,8 @@ const vt = /* @__PURE__ */ H(bo, [["render", xo]]), wo = { class: "h-[120px] w-[
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-download"
 };
-function qo(o, e) {
-  return i(), d("svg", No, e[0] || (e[0] = [
+function Xo(o, e) {
+  return i(), d("svg", Qo, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -1334,13 +1362,13 @@ function qo(o, e) {
     l("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const Go = /* @__PURE__ */ H(Ho, [["render", qo]]), Jo = { class: "flex flex-col widget-file xl:bg-white xl:rounded-xl dark:xl:bg-neutral-800 dark:xl:border-neutral-700 w-full" }, Ko = { class: "flex w-full mb-[12px] items-center gap-x-2" }, Zo = { class: "font-semibold text-gray-800 dark:text-neutral-200 text-[14px]" }, Wo = { class1: "ml-auto" }, Qo = { 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" }, Xo = {
+const Yo = /* @__PURE__ */ H(Wo, [["render", Xo]]), ea = { class: "flex flex-col widget-file xl:bg-white xl:rounded-xl dark:xl:bg-neutral-800 dark:xl:border-neutral-700 w-full" }, ta = { class: "flex w-full mb-[12px] items-center gap-x-2" }, la = { class: "font-semibold text-gray-800 dark:text-neutral-200 text-[14px]" }, oa = { class1: "ml-auto" }, aa = { 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" }, sa = {
   key: 0,
   class: "py-4 mb-4 space-y-4 border-gray-200 border-y dark:border-neutral-700"
-}, Yo = { class: "relative" }, ea = {
+}, na = { class: "relative" }, ra = {
   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"
-}, ta = { key: 0 }, la = /* @__PURE__ */ F({
+}, ia = { key: 0 }, ua = /* @__PURE__ */ F({
   __name: "vs-input-file-list",
   props: {
     id: { default: "" },
@@ -1355,8 +1383,8 @@ const Go = /* @__PURE__ */ H(Ho, [["render", qo]]), Jo = { class: "flex flex-col
   },
   emits: ["update"],
   setup(o, { emit: e }) {
-    const t = o, n = Me("form"), s = O(() => n.value.formId), r = w(!1), a = w(0), u = e, c = w(!1), v = w({}), p = w([]), x = w(""), g = O(() => Array.isArray(p.value) ? p.value.filter((m) => m.ext === "jpg" || m.ext === "png").map((m) => m?.file_path) : []), _ = O(() => x.value === "" ? p.value : p.value.filter((m) => m?.uploaded_name?.includes(x.value))), S = (m) => {
-      const f = g.value.findIndex((Z) => Z === m.item.file_path);
+    const t = o, n = Me("form"), s = A(() => n.value.formId), r = x(!1), a = x(0), u = e, c = x(!1), v = x({}), p = x([]), w = x(""), b = A(() => Array.isArray(p.value) ? p.value.filter((m) => m.ext === "jpg" || m.ext === "png").map((m) => m?.file_path) : []), $ = A(() => w.value === "" ? p.value : p.value.filter((m) => m?.uploaded_name?.includes(w.value))), S = (m) => {
+      const f = b.value.findIndex((Q) => Q === m.item.file_path);
       f !== -1 && (r.value = !0, a.value = f);
     }, R = async () => {
       try {
@@ -1365,47 +1393,47 @@ const Go = /* @__PURE__ */ H(Ho, [["render", qo]]), Jo = { class: "flex flex-col
       } catch (m) {
         console.error(m);
       }
-    }, $ = async (m) => {
+    }, C = async (m) => {
       await Promise.all(
         Array.from(m.target.files).map(async (f) => {
-          const Z = new FormData();
-          Z.append("file", f);
+          const Q = new FormData();
+          Q.append("file", f);
           try {
             const U = `${t.prefix}/widget/file/${s.value}`;
-            return await fetch(U, { method: "POST", body: Z }), u("update", "file-list"), f;
+            return await fetch(U, { method: "POST", body: Q }), u("update", "file-list"), f;
           } catch (U) {
             return console.error(U), null;
           }
         })
       ), await R();
-    }, z = (m) => {
+    }, E = (m) => {
       const f = { ...m };
       return m.cancel || (f.cancel = () => {
         c.value = !1;
       }), m.updateListOnConfirm && (f.confirm = async () => {
         await m.confirm(), c.value = !1, R();
       }), f;
-    }, B = (m) => {
-      v.value = z(m), c.value = !0;
+    }, j = (m) => {
+      v.value = E(m), c.value = !0;
     };
     return te(s, (m) => {
       m && R();
-    }), be(() => {
+    }), xe(() => {
       s.value && R();
     }), (m, f) => {
-      const Z = tt("Lightbox"), U = tt("MessageBox");
-      return i(), d("div", Jo, [
-        l("div", Ko, [
-          l("h2", Zo, " Файлів: " + T(p.value?.length), 1),
-          l("div", Wo, [
+      const Q = at("Lightbox"), U = at("MessageBox");
+      return i(), d("div", ea, [
+        l("div", ta, [
+          l("h2", la, " Файлів: " + T(p.value?.length), 1),
+          l("div", oa, [
             l("label", null, [
               l("input", {
                 type: "file",
                 class: "hidden",
-                onChange: f[0] || (f[0] = (D) => $(D))
+                onChange: f[0] || (f[0] = (O) => C(O))
               }, null, 32),
-              l("div", Qo, [
-                j(Go, {
+              l("div", aa, [
+                B(Yo, {
                   height: "16",
                   width: "16"
                 })
@@ -1413,9 +1441,9 @@ const Go = /* @__PURE__ */ H(Ho, [["render", qo]]), Jo = { class: "flex flex-col
             ])
           ])
         ]),
-        p.value?.length > 4 ? (i(), d("div", Xo, [
+        p.value?.length > 4 ? (i(), d("div", sa, [
           l("div", null, [
-            l("div", Yo, [
+            l("div", na, [
               f[8] || (f[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",
@@ -1439,50 +1467,50 @@ const Go = /* @__PURE__ */ H(Ho, [["render", qo]]), Jo = { class: "flex flex-col
               ], -1)),
               K(l("input", {
                 type: "text",
-                "onUpdate:modelValue": f[1] || (f[1] = (D) => x.value = D),
+                "onUpdate:modelValue": f[1] || (f[1] = (O) => w.value = O),
                 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), [
                 [
-                  re,
-                  x.value,
+                  se,
+                  w.value,
                   void 0,
                   { trim: !0 }
                 ]
               ])
             ])
           ])
-        ])) : A("", !0),
-        p.value?.length ? (i(), d("div", ea, [
-          (i(!0), d(Y, null, le(_.value, (D, ie) => (i(), ae(Po, {
-            key: ie,
+        ])) : D("", !0),
+        p.value?.length ? (i(), d("div", ra, [
+          (i(!0), d(Y, null, le($.value, (O, ue) => (i(), ae(Zo, {
+            key: ue,
             prefix: m.prefix,
-            item: D,
-            index: ie,
+            item: O,
+            index: ue,
             onUpdate: f[2] || (f[2] = (ee) => m.$emit("update", "file-list")),
-            onOpenModal: f[3] || (f[3] = (ee) => B(ee)),
+            onOpenModal: f[3] || (f[3] = (ee) => j(ee)),
             onOpenLightbox: f[4] || (f[4] = (ee) => S(ee))
           }, null, 8, ["prefix", "item", "index"]))), 128)),
-          _.value.length ? A("", !0) : (i(), d("div", ta, f[9] || (f[9] = [
+          $.value.length ? D("", !0) : (i(), d("div", ia, f[9] || (f[9] = [
             l("p", { class: "text-sm text-gray-600 font-sm" }, " Файлів з такою назвою не існує, введіть інше пошукове слово ", -1)
           ])))
-        ])) : A("", !0),
-        j(Z, {
+        ])) : D("", !0),
+        B(Q, {
           modelValue: r.value,
-          "onUpdate:modelValue": f[5] || (f[5] = (D) => r.value = D),
+          "onUpdate:modelValue": f[5] || (f[5] = (O) => r.value = O),
           startIndex: a.value,
-          "onUpdate:index": f[6] || (f[6] = (D) => a.value = D),
-          images: g.value
+          "onUpdate:index": f[6] || (f[6] = (O) => a.value = O),
+          images: b.value
         }, null, 8, ["modelValue", "startIndex", "images"]),
-        j(U, Ee({
+        B(U, Ee({
           modelValue: c.value,
-          "onUpdate:modelValue": f[7] || (f[7] = (D) => c.value = D),
+          "onUpdate:modelValue": f[7] || (f[7] = (O) => c.value = O),
           onConfirm: v.value.confirm
         }, v.value), null, 16, ["modelValue", "onConfirm"])
       ]);
     };
   }
-}), oa = { class: "flex items-center justify-between" }, aa = { class: "text-[16px] text-gray-900 font-medium" }, sa = { class: "grid gap-3" }, na = /* @__PURE__ */ F({
+}), da = { class: "flex items-center justify-between" }, ca = { class: "text-[16px] text-gray-900 font-medium" }, pa = { class: "grid gap-3" }, fa = /* @__PURE__ */ F({
   __name: "vs-container-switcher",
   props: {
     title: {
@@ -1499,34 +1527,34 @@ const Go = /* @__PURE__ */ H(Ho, [["render", qo]]), Jo = { class: "flex flex-col
     }
   },
   setup(o) {
-    const e = o, t = w(e.isOpen);
+    const e = o, t = x(e.isOpen);
     return te(
       () => e.isOpen,
       (n) => {
         t.value = n;
       }
     ), (n, s) => (i(), d("div", null, [
-      l("div", oa, [
-        l("p", aa, T(o.title), 1),
-        j(ft, {
+      l("div", da, [
+        l("p", ca, T(o.title), 1),
+        B(bt, {
           modelValue: t.value,
           "onUpdate:modelValue": s[0] || (s[0] = (r) => t.value = r),
-          style: ge(o.style)
+          style: ye(o.style)
         }, null, 8, ["modelValue", "style"])
       ]),
-      j(ct, { name: "slide-fade" }, {
-        default: Be(() => [
-          K(l("div", sa, [
+      B(mt, { name: "slide-fade" }, {
+        default: Le(() => [
+          K(l("div", pa, [
             $e(n.$slots, "default", {}, void 0, !0)
           ], 512), [
-            [Ge, t.value]
+            [Je, t.value]
           ])
         ]),
         _: 3
       })
     ]));
   }
-}), ra = /* @__PURE__ */ H(na, [["__scopeId", "data-v-90320b87"]]), ia = { class: "text-[16px] text-gray-900 font-medium" }, ua = { class: "grid gap-3" }, da = /* @__PURE__ */ F({
+}), va = /* @__PURE__ */ H(fa, [["__scopeId", "data-v-90320b87"]]), ma = { class: "text-[16px] text-gray-900 font-medium" }, ha = { class: "grid gap-3" }, ga = /* @__PURE__ */ F({
   __name: "vs-container-accordion",
   props: {
     title: {
@@ -1543,7 +1571,7 @@ const Go = /* @__PURE__ */ H(Ho, [["render", qo]]), Jo = { class: "flex flex-col
     }
   },
   setup(o) {
-    const e = o, t = w(e.isOpen);
+    const e = o, t = x(e.isOpen);
     return te(
       () => e.isOpen,
       (n) => {
@@ -1555,24 +1583,24 @@ const Go = /* @__PURE__ */ H(Ho, [["render", qo]]), Jo = { class: "flex flex-col
         onClick: s[0] || (s[0] = (r) => t.value = !t.value),
         class: "flex items-center gap-2"
       }, [
-        j(q(cl), {
-          class: M(["h-4 w-4 duration-300", [t.value ? "-rotate-180" : ""]])
+        B(q(bl), {
+          class: V(["h-4 w-4 duration-300", [t.value ? "-rotate-180" : ""]])
         }, null, 8, ["class"]),
-        l("span", ia, T(o.title), 1)
+        l("span", ma, T(o.title), 1)
       ]),
-      j(ct, { name: "slide-fade" }, {
-        default: Be(() => [
-          K(l("div", ua, [
+      B(mt, { name: "slide-fade" }, {
+        default: Le(() => [
+          K(l("div", ha, [
             $e(n.$slots, "default", {}, void 0, !0)
           ], 512), [
-            [Ge, t.value]
+            [Je, t.value]
           ])
         ]),
         _: 3
       })
     ]));
   }
-}), ca = /* @__PURE__ */ H(da, [["__scopeId", "data-v-590eff11"]]), pa = { class: "flex items-center justify-between" }, fa = /* @__PURE__ */ F({
+}), ba = /* @__PURE__ */ H(ga, [["__scopeId", "data-v-590eff11"]]), ya = { class: "flex items-center justify-between" }, xa = /* @__PURE__ */ F({
   __name: "vs-container-default",
   props: {
     title: {
@@ -1586,17 +1614,17 @@ const Go = /* @__PURE__ */ H(Ho, [["render", qo]]), Jo = { class: "flex flex-col
   },
   setup(o) {
     return (e, t) => (i(), d("div", null, [
-      l("div", pa, [
+      l("div", ya, [
         l("p", null, T(o.title), 1)
       ]),
       $e(e.$slots, "default")
     ]));
   }
-}), va = {
-  switcher: ra,
-  accordion: ca,
-  default: fa
-}, ce = {
+}), wa = {
+  switcher: va,
+  accordion: ba,
+  default: xa
+}, pe = {
   Equal: "==",
   Inequal: "!=",
   Higer: ">",
@@ -1609,37 +1637,37 @@ const Go = /* @__PURE__ */ H(Ho, [["render", qo]]), Jo = { class: "flex flex-col
   Contain: "*",
   In: "in",
   NotIn: "not_in"
-}, ma = (o, e) => String(o) === String(e), ha = (o, e) => String(o) !== String(e), ga = (o, e) => o > e, ba = (o, e) => o >= e, ya = (o, e) => o < e, xa = (o, e) => o <= e, wa = (o, e) => Array.isArray(e) && e.length === 2 ? o >= e[0] && o <= e[1] : !1, ka = (o, e) => String(o).startsWith(String(e)), _a = (o, e) => String(o).endsWith(String(e)), $a = (o, e) => String(o).includes(String(e)), Ca = (o, e) => Array.isArray(e) ? e.includes(o) : !1, Va = (o, e) => Array.isArray(e) ? !e.includes(o) : !0, mt = (o, e) => {
+}, ka = (o, e) => String(o) === String(e), _a = (o, e) => String(o) !== String(e), $a = (o, e) => o > e, Ca = (o, e) => o >= e, Va = (o, e) => o < e, Ma = (o, e) => o <= e, La = (o, e) => Array.isArray(e) && e.length === 2 ? o >= e[0] && o <= e[1] : !1, Sa = (o, e) => String(o).startsWith(String(e)), Ba = (o, e) => String(o).endsWith(String(e)), ja = (o, e) => String(o).includes(String(e)), Ia = (o, e) => Array.isArray(e) ? e.includes(o) : !1, za = (o, e) => Array.isArray(e) ? !e.includes(o) : !0, xt = (o, e) => {
   if (!e) return !0;
   switch (e?.[1]) {
-    case ce.Equal:
-      return ma(o, e?.[2]);
-    case ce.Inequal:
-      return ha(o, e?.[2]);
-    case ce.Higer:
-      return ga(o, e?.[2]);
-    case ce.HigerOrEqual:
-      return ba(o, e?.[2]);
-    case ce.Lower:
-      return ya(o, e?.[2]);
-    case ce.LowerOrEqual:
-      return xa(o, e?.[2]);
-    case ce.Between:
-      return wa(o, e?.[2]);
-    case ce.StartWith:
+    case pe.Equal:
       return ka(o, e?.[2]);
-    case ce.EndWith:
+    case pe.Inequal:
       return _a(o, e?.[2]);
-    case ce.Contain:
+    case pe.Higer:
       return $a(o, e?.[2]);
-    case ce.In:
+    case pe.HigerOrEqual:
       return Ca(o, e?.[2]);
-    case ce.NotIn:
+    case pe.Lower:
       return Va(o, e?.[2]);
+    case pe.LowerOrEqual:
+      return Ma(o, e?.[2]);
+    case pe.Between:
+      return La(o, e?.[2]);
+    case pe.StartWith:
+      return Sa(o, e?.[2]);
+    case pe.EndWith:
+      return Ba(o, e?.[2]);
+    case pe.Contain:
+      return ja(o, e?.[2]);
+    case pe.In:
+      return Ia(o, e?.[2]);
+    case pe.NotIn:
+      return za(o, e?.[2]);
     default:
       return !0;
   }
-}, Ma = /* @__PURE__ */ F({
+}, Ea = /* @__PURE__ */ F({
   __name: "vs-input-container",
   props: {
     style: {
@@ -1660,19 +1688,19 @@ const Go = /* @__PURE__ */ H(Ho, [["render", qo]]), Jo = { class: "flex flex-col
     }
   },
   setup(o) {
-    const e = o, t = Me("formValues", { default: {} }), n = Me("form"), s = O(() => e.schema?.filter((a) => {
+    const e = o, t = Me("formValues", { default: {} }), n = Me("form"), s = A(() => e.schema?.filter((a) => {
       const u = a?.conditions;
       if (!u) return !0;
       const c = Array.isArray(u) ? u[0] : u, v = t?.value?.[c];
-      return mt(v, u);
-    })), r = O(() => va[e.view]);
-    return (a, u) => o.schema?.length ? (i(), ae(Se(r.value), {
+      return xt(v, u);
+    })), r = A(() => wa[e.view]);
+    return (a, u) => o.schema?.length ? (i(), ae(Be(r.value), {
       key: 0,
       title: o.title,
-      style: ge(o.style)
+      style: ye(o.style)
     }, {
-      default: Be(() => [
-        (i(!0), d(Y, null, le(s.value, (c) => (i(), ae(ht, Ee({
+      default: Le(() => [
+        (i(!0), d(Y, null, le(s.value, (c) => (i(), ae(wt, Ee({
           key: c.name
         }, { ref_for: !0 }, c, {
           item: c,
@@ -1683,151 +1711,9 @@ const Go = /* @__PURE__ */ H(Ho, [["render", qo]]), Jo = { class: "flex flex-col
         }), null, 16, ["item", "modelValue", "onUpdate:modelValue", "style", "error"]))), 128))
       ]),
       _: 1
-    }, 8, ["title", "style"])) : A("", !0);
+    }, 8, ["title", "style"])) : D("", !0);
   }
-}), La = { class: "relative" }, Sa = { class: "w-full h-full fixed top-0 start-0 z-[1000] bg-black bg-opacity-50" }, Ba = { 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" }, ja = { class: "py-2.5 px-4 flex justify-between items-center border-0 border-b border-solid border-gray-200 dark:border-b-[#454545]" }, Ia = { class: "font-medium text-gray-800 dark:text-[#ffffff]" }, za = { class: "p-4 mim-h-0 h-full overflow-auto" }, Ea = /* @__PURE__ */ F({
-  __name: "modal-edit",
-  props: {
-    schema: {},
-    defaultValue: {},
-    mode: {},
-    token: {},
-    form: {}
-  },
-  emits: ["close", "save", "edit"],
-  setup(o, { emit: e }) {
-    const t = o, n = e, s = w(t.schema), r = w(t.defaultValue ? JSON.parse(JSON.stringify(t.defaultValue)) : {}), a = w({}), u = w(), c = w(t.mode);
-    async function v() {
-      const x = a.value.validate();
-      if (x) {
-        ke({ type: "warning", title: "Помилка валідації", message: Object.entries(x).map(([g, _]) => `${g}: ${_}`).join(`
-`) });
-        return;
-      }
-      if (u.value)
-        try {
-          const g = await fetch(`/api/table/${u.value}`, {
-            method: c.value === "add" ? "POST" : "PUT",
-            headers: {
-              "Content-Type": "application/json"
-            },
-            body: JSON.stringify(r.value)
-          });
-          if (g.ok)
-            await g.json(), ke({
-              type: "success",
-              title: "Успішно",
-              message: `Дані успішно ${c.value === "add" ? "збережено" : "оновлено"}`
-            }), n("save", r.value);
-          else if (g.status === 400) {
-            const _ = await g.json().catch(() => ({}));
-            ke({
-              type: "warning",
-              title: "Помилка валідації",
-              message: _.message || "Некоректні дані (400)"
-            });
-          } else g.status === 500 ? ke({
-            type: "error",
-            title: "Серверна помилка",
-            message: "Виникла помилка на сервері (500)"
-          }) : ke({
-            type: "error",
-            title: "Помилка",
-            message: `Статус: ${g.status}`
-          });
-        } catch (g) {
-          ke({
-            type: "error",
-            title: "Помилка з’єднання",
-            message: g.message || "Не вдалося виконати запит"
-          });
-        }
-    }
-    function p() {
-      n("close");
-    }
-    return be(async () => {
-      if (t.form) {
-        const x = await fetch(`/api/template/form/${t.form}`).then((g) => g.json());
-        s.value = x.schema, u.value = x.token;
-      } else if (t.token) {
-        u.value = t.token;
-        const x = await fetch(`/api/form/${u.value}`).then((g) => g.json());
-        s.value = x.schema, x.data ? r.value = x.data : c.value = "add";
-      }
-    }), (x, g) => (i(), d("div", La, [
-      l("div", Sa, [
-        l("div", Ba, [
-          l("div", ja, [
-            l("h3", Ia, T(c.value === "add" ? "Додати" : "Змінити"), 1),
-            l("button", {
-              onClick: p,
-              type: "button",
-              class: "size-8 inline-flex justify-center items-center gap-x-2 rounded-full border border-transparent bg-gray-100 text-gray-800 hover:bg-gray-200 focus:outline-none focus:bg-gray-200 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600"
-            }, g[2] || (g[2] = [
-              l("span", { class: "sr-only" }, "Close", -1),
-              l("svg", {
-                class: "flex-shrink-0 w-4 h-4",
-                xmlns: "http://www.w3.org/2000/svg",
-                width: "24",
-                height: "24",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                "stroke-width": "2",
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round"
-              }, [
-                l("path", { d: "M18 6 6 18" }),
-                l("path", { d: "m6 6 12 12" })
-              ], -1)
-            ]))
-          ]),
-          l("div", za, [
-            s.value ? (i(), ae(Oe, {
-              key: 0,
-              schema: s.value,
-              values: r.value,
-              "onUpdate:values": g[0] || (g[0] = (_) => r.value = _),
-              form: a.value,
-              "onUpdate:form": g[1] || (g[1] = (_) => a.value = _)
-            }, null, 8, ["schema", "values", "form"])) : A("", !0)
-          ]),
-          l("div", { class: "vs-form__head mr-5 mb-5 mt-3 flex items-center justify-end sticky top-0 left-0 z-[60] bg-white" }, [
-            l("button", {
-              type: "button",
-              onClick: p,
-              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: v,
-              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"
-            }, " Зберегти ")
-          ])
-        ])
-      ])
-    ]));
-  }
-}), Pe = (o = { mode: "edit", schema: null }) => new Promise((e) => {
-  const { close: t } = Lt({
-    title: o.mode === "add" ? "Додати" : "Редагувати",
-    template: "",
-    visible: !0,
-    size: "medium",
-    closeClickBack: !0,
-    content: Ea,
-    contentProps: {
-      ...o,
-      onClose: () => {
-        e(null), t();
-      },
-      onSave: (n) => {
-        e(n), t();
-      }
-    }
-  });
-}), Aa = ["aria-expanded", "data-focus"], Fa = { class: "flex items-center" }, Da = ["title"], Oa = ["onClick"], Ua = ["title"], Ta = {
+}), Fa = ["aria-expanded", "data-focus"], Da = { class: "flex items-center" }, Oa = ["title"], Aa = ["onClick"], Ua = ["title"], Ta = {
   key: 2,
   class: "text-gray-500 truncate"
 }, Ra = { class: "flex-1 min-w-[2px]" }, Pa = ["placeholder"], Ha = { class: "flex items-center shrink-0" }, Na = ["disabled"], qa = ["disabled", "title"], Ga = ["aria-disabled", "onClick"], Ja = {
@@ -1858,409 +1744,438 @@ const Go = /* @__PURE__ */ H(Ho, [["render", qo]]), Jo = { class: "flex flex-col
   },
   emits: ["change", "update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, n = e, s = O(() => t.multiple), r = O(() => t.disabled);
-    ye(t.style);
-    const a = O({
+    const t = o, n = e, s = A(() => t.multiple), r = A(() => t.disabled);
+    me(t.style);
+    const a = A({
       get: () => t.modelValue,
-      set: (h) => n("update:modelValue", h)
+      set: (g) => n("update:modelValue", g)
     });
     !a.value && t.defaultValue && (a.value = t.defaultValue);
-    const u = w(null), c = w(null), v = w(null), p = w(!1), x = w(!1), g = w(null), _ = w([]), S = w(-1), R = w([]), $ = w(""), z = w(null), B = w("bottom"), m = w({}), f = w([]), Z = O(() => {
+    const u = x(null), c = x(null), v = x(null), p = x(!1), w = x(!1), b = x(null), $ = x([]), S = x(-1), R = x([]), C = x(""), E = x(null), j = x("bottom"), m = x({}), f = x([]), Q = A(() => {
       if (!f.value.length) return [];
-      const h = new Map(_.value.map((b) => [b.id?.toString(), b]));
-      return f.value.map((b) => h.get(b?.toString())).filter((b) => !!b);
-    }), U = O(() => t.placeholder || "Select..."), D = O(() => s.value ? !f.value.length && $.value === "" : !g.value?.text && $.value === ""), ie = O(() => r.value ? !1 : s.value ? f.value.length > 0 : !!a.value), ee = (h) => s.value ? f.value.some((b) => b?.toString() === h?.toString()) : a.value?.toString() === h?.toString(), W = O(() => {
-      let h = _.value ?? [];
-      if (!t.data && $.value.trim() !== "") {
-        const b = $.value.toLowerCase();
-        h = h.filter((V) => V.text?.toLowerCase?.().includes(b));
+      const g = new Map($.value.map((h) => [h.id?.toString(), h]));
+      return f.value.map((h) => g.get(h?.toString())).filter((h) => !!h);
+    }), U = A(() => t.placeholder || "Select..."), O = A(() => s.value ? !f.value.length && C.value === "" : !b.value?.text && C.value === ""), ue = A(() => r.value ? !1 : s.value ? f.value.length > 0 : !!a.value), ee = (g) => s.value ? f.value.some((h) => h?.toString() === g?.toString()) : a.value?.toString() === g?.toString(), X = A(() => {
+      let g = $.value ?? [];
+      if (!t.data && C.value.trim() !== "") {
+        const h = C.value.toLowerCase();
+        g = g.filter((_) => _.text?.toLowerCase?.().includes(h));
       }
       if (s.value && f.value.length) {
-        const b = new Set(f.value.map((V) => V?.toString()));
-        h = h.filter((V) => !b.has(V.id?.toString()));
+        const h = new Set(f.value.map((_) => _?.toString()));
+        g = g.filter((_) => !h.has(_.id?.toString()));
       }
-      return h;
-    }), je = Me("values"), xe = O(() => t.parent ? je?.value?.[t.parent] ?? null : null), I = async (h) => {
+      return g;
+    }), je = Me("values"), we = A(() => t.parent ? je?.value?.[t.parent] ?? null : null), z = async (g) => {
       if (!t.data) {
-        let b = t.options ?? [];
-        if (h?.trim()) {
-          const V = h.toLowerCase();
-          b = b.filter((N) => N.text?.toLowerCase?.().includes(V));
+        let h = t.options ?? [];
+        if (g?.trim()) {
+          const _ = g.toLowerCase();
+          h = h.filter((N) => N.text?.toLowerCase?.().includes(_));
         }
-        return b;
+        return h;
       }
       try {
-        const b = t.host ?? "", V = t.prefix ?? "api", N = t.api ?? `/${V}/suggest/${t.data}`, se = `${b}${N}`, ne = new URLSearchParams();
-        return ne.set("json", "1"), h && ne.set("key", h), xe.value !== void 0 && xe.value !== null && xe.value !== "" && ne.set("parent", String(xe.value)), (await fetch(`${se}?${ne.toString()}`).then((Ie) => Ie.json()))?.data ?? [];
+        const h = t.host ?? "", _ = t.prefix ?? "api", N = t.api ?? `/${_}/suggest/${t.data}`, re = `${h}${N}`, ie = new URLSearchParams();
+        return ie.set("json", "1"), g && ie.set("key", g), we.value !== void 0 && we.value !== null && we.value !== "" && ie.set("parent", String(we.value)), (await fetch(`${re}?${ie.toString()}`).then((Ie) => Ie.json()))?.data ?? [];
       } catch {
         return [];
       }
-    }, C = async () => {
-      t.data ? _.value = await I($.value) : _.value = t.options ? [...t.options] : [];
-    }, E = async (h) => {
-      if (h == null) return null;
-      const b = _.value?.find((N) => N?.id?.toString() === String(h));
-      return b || ((await I(String(h)))?.[0] ?? null);
-    }, G = async (h) => {
-      const b = new Set(_.value.map((N) => N.id?.toString())), V = h.filter((N) => !b.has(N?.toString()));
-      V.length && await V.reduce(async (N, se) => {
+    }, M = async () => {
+      t.data ? $.value = await z(C.value) : $.value = t.options ? [...t.options] : [];
+    }, I = async (g) => {
+      if (g == null) return null;
+      const h = $.value?.find((N) => N?.id?.toString() === String(g));
+      return h || ((await z(String(g)))?.[0] ?? null);
+    }, G = async (g) => {
+      const h = new Set($.value.map((N) => N.id?.toString())), _ = g.filter((N) => !h.has(N?.toString()));
+      _.length && await _.reduce(async (N, re) => {
         await N;
-        const ne = await E(se);
-        ne && _.value.push(ne);
+        const ie = await I(re);
+        ie && $.value.push(ie);
       }, Promise.resolve());
     }, oe = async () => {
-      r.value || (p.value = !0, await C(), await ze(() => {
-        he(), z.value?.focus(), W.value.length ? S.value = 0 : S.value = -1;
+      r.value || (p.value = !0, await M(), await ze(() => {
+        ge(), E.value?.focus(), X.value.length ? S.value = 0 : S.value = -1;
       }));
-    }, ue = () => {
+    }, de = () => {
       p.value = !1, S.value = -1;
-    }, we = async (h) => {
+    }, ke = async (g) => {
       if (r.value) return;
-      !p.value ? await oe() : ue();
+      !p.value ? await oe() : de();
     }, y = async () => {
-      p.value ? z.value?.focus() : await oe();
+      p.value ? E.value?.focus() : await oe();
     }, k = () => {
-      s.value ? (f.value = [], a.value = [], n("change", [])) : (g.value = null, a.value = null, n("change", null)), $.value = "", ze(() => z.value?.focus());
-    }, P = (h) => {
-      s.value && (f.value = f.value.filter((b) => b?.toString() !== h?.toString()), a.value = [...f.value], n("change", a.value), ze(() => z.value?.focus()));
-    }, J = (h) => {
-      s.value ? (ee(h.id) || (f.value = [...f.value, h.id], a.value = [...f.value], n("change", a.value)), $.value = "", ze(() => {
-        z.value?.focus(), S.value = Math.min(S.value, W.value.length - 1);
-      })) : (g.value = h, a.value = h.id, n("change", a.value), $.value = "", ue());
-    }, fe = (h) => {
-      ee(h.id) || J(h);
-    }, _e = (h, b) => {
-      if (!h || !b) return;
-      const V = h.offsetTop, N = V + h.offsetHeight, se = b.scrollTop, ne = se + b.clientHeight;
-      let Le = b.scrollTop;
-      V < se ? Le = V - 80 : N > ne && (Le = N - b.clientHeight + 4);
-      const Ie = b;
-      Ie.scrollTop = Le;
-    }, me = (h) => {
-      let b = h.parentElement;
-      for (; b; ) {
-        if (b.classList.contains("ui-dialog__content"))
-          return b;
-        {
-          const V = window.getComputedStyle(b), N = V.overflow + V.overflowY + V.overflowX;
-          if (N.includes("auto") || N.includes("scroll") || b === document.body || b === document.documentElement)
-            return b;
-          b = b.parentElement;
-        }
+      s.value ? (f.value = [], a.value = [], n("change", [])) : (b.value = null, a.value = null, n("change", null)), C.value = "", ze(() => E.value?.focus());
+    }, P = (g) => {
+      s.value && (f.value = f.value.filter((h) => h?.toString() !== g?.toString()), a.value = [...f.value], n("change", a.value), ze(() => E.value?.focus()));
+    }, J = (g) => {
+      s.value ? (ee(g.id) || (f.value = [...f.value, g.id], a.value = [...f.value], n("change", a.value)), C.value = "", ze(() => {
+        E.value?.focus(), S.value = Math.min(S.value, X.value.length - 1);
+      })) : (b.value = g, a.value = g.id, n("change", a.value), C.value = "", de());
+    }, ne = (g) => {
+      ee(g.id) || J(g);
+    }, _e = (g, h) => {
+      if (!g || !h) return;
+      const _ = g.offsetTop, N = _ + g.offsetHeight, re = h.scrollTop, ie = re + h.clientHeight;
+      let Se = h.scrollTop;
+      _ < re ? Se = _ - 80 : N > ie && (Se = N - h.clientHeight + 4);
+      const Ie = h;
+      Ie.scrollTop = Se;
+    }, he = (g) => {
+      let h = g.parentElement;
+      for (; h; ) {
+        if (h.classList.contains("ui-dialog__content"))
+          return h;
+        const _ = window.getComputedStyle(h), N = _.overflow + _.overflowY + _.overflowX;
+        if (N.includes("auto") || N.includes("scroll") || h === document.body || h === document.documentElement)
+          return h;
+        h = h.parentElement;
       }
       return document.body;
-    }, he = () => {
+    }, ge = () => {
       if (!c.value) return;
-      const h = c.value.getBoundingClientRect(), V = me(c.value).getBoundingClientRect(), N = 300, se = 20, ne = 8, Le = h.top - V.top, Ie = h.bottom - V.top, Ye = V.height - Ie - ne - se, et = Le - ne - se;
-      let Te = !1;
-      if (Ye >= et ? Te = !0 : Te = !1, Te) {
-        B.value = "bottom";
-        const Re = Math.min(N, Math.max(Ye + se, 50));
+      const g = c.value.getBoundingClientRect(), _ = he(c.value).getBoundingClientRect(), N = 300, re = 20, ie = 8, Se = g.top - _.top, Ie = g.bottom - _.top, lt = _.height - Ie - ie - re, ot = Se - ie - re;
+      let Pe = !1;
+      if (lt >= ot ? Pe = !0 : Pe = !1, Pe) {
+        j.value = "bottom";
+        const He = Math.min(N, Math.max(lt + re, 50));
         m.value = {
-          top: `${h.height + ne}px`,
+          top: `${g.height + ie}px`,
           left: "0px",
           right: "0px",
           bottom: "auto",
-          maxHeight: `${Re}px`
+          maxHeight: `${He}px`
         };
       } else {
-        B.value = "top";
-        const Re = Math.min(N, Math.max(et + se, 50));
+        j.value = "top";
+        const He = Math.min(N, Math.max(ot + re, 50));
         m.value = {
           top: "auto",
           left: "0px",
           right: "0px",
-          bottom: `${h.height + ne}px`,
-          maxHeight: `${Re}px`
+          bottom: `${g.height + ie}px`,
+          maxHeight: `${He}px`
         };
       }
-    }, Ce = async (h) => {
-      r.value || !p.value && (h.key === "ArrowDown" || h.key === "ArrowUp") && (h.preventDefault(), await oe());
-    }, Ve = (h) => {
+    }, Ce = async (g) => {
+      r.value || !p.value && (g.key === "ArrowDown" || g.key === "ArrowUp") && (g.preventDefault(), await oe());
+    }, Ve = (g) => {
       if (!p.value) return;
-      const { key: b } = h;
-      if (b === "ArrowDown")
-        h.preventDefault(), S.value + 1 < W.value.length && (S.value += 1, _e(R.value[S.value], v.value));
-      else if (b === "ArrowUp")
-        h.preventDefault(), S.value > 0 && (S.value -= 1, _e(R.value[S.value], v.value));
-      else if (b === "Enter") {
-        h.preventDefault();
-        const V = W.value[S.value];
-        V && J(V), z.value?.blur();
-      } else b === "Escape" ? (h.preventDefault(), ue()) : b === "Backspace" ? s.value && $.value === "" && f.value.length && (f.value = f.value.slice(0, -1), a.value = [...f.value], n("change", a.value)) : b === "Home" ? (S.value = 0, _e(R.value[0], v.value)) : b === "End" ? (S.value = W.value.length - 1, _e(R.value[S.value], v.value)) : b === "Tab" && ue();
-    }, bt = () => {
-      r.value || (x.value = !0);
-    }, yt = () => {
-      x.value = !1, $.value = "";
-    }, Je = (h) => {
-      h.key === "Escape" && p.value && ue();
-    }, Ke = (h) => {
-      u.value && (u.value.contains(h.target) || ue());
-    }, Ze = (h) => {
-      p.value && v.value && !v.value.contains(h.target) && he();
-    }, We = () => {
-      p.value && he();
+      const { key: h } = g;
+      if (h === "ArrowDown")
+        g.preventDefault(), S.value + 1 < X.value.length && (S.value += 1, _e(R.value[S.value], v.value));
+      else if (h === "ArrowUp")
+        g.preventDefault(), S.value > 0 && (S.value -= 1, _e(R.value[S.value], v.value));
+      else if (h === "Enter") {
+        g.preventDefault();
+        const _ = X.value[S.value];
+        _ && J(_), E.value?.blur();
+      } else h === "Escape" ? (g.preventDefault(), de()) : h === "Backspace" ? s.value && C.value === "" && f.value.length && (f.value = f.value.slice(0, -1), a.value = [...f.value], n("change", a.value)) : h === "Home" ? (S.value = 0, _e(R.value[0], v.value)) : h === "End" ? (S.value = X.value.length - 1, _e(R.value[S.value], v.value)) : h === "Tab" && de();
+    }, _t = () => {
+      r.value || (w.value = !0);
+    }, $t = () => {
+      w.value = !1, C.value = "";
+    }, Ke = (g) => {
+      g.key === "Escape" && p.value && de();
+    }, Ze = (g) => {
+      u.value && (u.value.contains(g.target) || de());
+    }, We = (g) => {
+      p.value && v.value && !v.value.contains(g.target) && ge();
     }, Qe = () => {
-      p.value && he();
+      p.value && ge();
+    }, Xe = () => {
+      p.value && ge();
     };
-    te(() => t.options, (h) => {
-      h?.length && (_.value = [...h]);
+    te(() => t.options, (g) => {
+      g?.length && ($.value = [...g]);
     }, { immediate: !0 });
-    const Xe = async () => {
+    const Ye = async () => {
       if (s.value)
         Array.isArray(a.value) ? f.value = [...a.value] : (f.value = a.value == null ? [] : [a.value], a.value = [...f.value]), !t.options?.length && t.data && await G(f.value);
       else {
         if (Array.isArray(a.value)) {
-          const h = a.value[0] ?? null;
-          a.value = h ?? null;
+          const g = a.value[0] ?? null;
+          a.value = g ?? null;
         }
-        g.value = await E(a.value);
+        b.value = await I(a.value);
       }
     };
     te(a, () => {
-      Xe();
-    }), be(async () => {
-      addEventListener("keydown", Je), addEventListener("scroll", Ze, !0), addEventListener("resize", We), document.addEventListener("click", Ke, !0), c.value && me(c.value).addEventListener("scroll", Qe, !0), t.options?.length ? _.value = [...t.options] : t.data && (_.value = await I("")), await Xe();
-    }), He(() => {
-      removeEventListener("keydown", Je), removeEventListener("scroll", Ze, !0), removeEventListener("resize", We), document.removeEventListener("click", Ke, !0), c.value && me(c.value).removeEventListener("scroll", Qe, !0);
+      Ye();
+    }), xe(async () => {
+      addEventListener("keydown", Ke), addEventListener("scroll", We, !0), addEventListener("resize", Qe), document.addEventListener("click", Ze, !0), c.value && he(c.value).addEventListener("scroll", Xe, !0), t.options?.length ? $.value = [...t.options] : t.data && ($.value = await z("")), await Ye();
+    }), Ne(() => {
+      removeEventListener("keydown", Ke), removeEventListener("scroll", We, !0), removeEventListener("resize", Qe), document.removeEventListener("click", Ze, !0), c.value && he(c.value).removeEventListener("scroll", Xe, !0);
     });
-    async function xt() {
-      if (!t.add) return;
-      const h = await Pe({ form: t.add.form, mode: "add" });
-      h && (await fetch(`/api/table/${t.add.token}`, {
+    const Oe = x(!1), Re = x({}), et = x([]), tt = x(null);
+    async function Ct() {
+      if (!t.add?.token || tt?.value.validate())
+        return;
+      const { id: h } = await fetch(`/api/table/${t.add.token}`, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify(h)
-      }).then((b) => b.json()), !t.options?.length && t.data && (_.value = await I($.value)));
+        body: JSON.stringify(Re.value)
+      }).then((_) => _.json());
+      if (!t.options?.length && t.data) {
+        const { data: _ } = await fetch(`${t.api ?? `/api/suggest/${t.data}`}?val=${h}`).then((N) => N.json());
+        b.value = _[0], $.value.push(_[0]), a.value = h;
+      }
+      Oe.value = !1, be({ title: "Success!", message: "Object created." });
+    }
+    async function Vt() {
+      if (!t.add) return null;
+      const g = await fetch(`/api/template/form/${t.add.form}`).then((h) => h.json());
+      return et.value = g.schema, Oe.value = !0, null;
     }
-    function wt(h, b = 200) {
-      let V;
+    function Mt(g, h = 200) {
+      let _;
       return (...N) => {
-        V && clearTimeout(V), V = window.setTimeout(() => h(...N), b);
+        _ && clearTimeout(_), _ = window.setTimeout(() => g(...N), h);
       };
     }
-    const kt = wt(async (h) => {
-      _.value = await I(h);
+    const Lt = Mt(async (g) => {
+      $.value = await z(g);
     }, 200);
-    return te($, (h) => {
-      t.data && kt(h.trim());
-    }), te(() => t.options, (h) => {
-      !t.data && h?.length && (_.value = [...h]);
+    return te(C, (g) => {
+      t.data && Lt(g.trim());
+    }), te(() => t.options, (g) => {
+      !t.data && g?.length && ($.value = [...g]);
     }, { immediate: !0 }), te(() => t.parent ?? t.parentValue, () => {
-      t.data && C();
-    }), te(xe, async () => {
-      t.data && (s.value ? (f.value = [], a.value = [], n("change", [])) : (g.value = null, a.value = null, n("change", null)));
-    }), (h, b) => (i(), d("div", {
-      class: "flex gap-1 w-full",
-      ref_key: "selectRoot",
-      ref: u,
-      onClick: b[2] || (b[2] = ve(() => {
-      }, ["stop"]))
-    }, [
+      t.data && M();
+    }), te(we, async () => {
+      t.data && (s.value ? (f.value = [], a.value = [], n("change", [])) : (b.value = null, a.value = null, n("change", null)));
+    }), (g, h) => (i(), d(Y, null, [
+      B(q(ht), {
+        visible: Oe.value,
+        "onUpdate:visible": h[1] || (h[1] = (_) => Oe.value = _),
+        title: "Додати",
+        buttonText: "Додати",
+        onDone: Ct
+      }, {
+        default: Le(() => [
+          B(De, {
+            schema: et.value,
+            modelValue: Re.value,
+            "onUpdate:modelValue": h[0] || (h[0] = (_) => Re.value = _),
+            ref_key: "addForm",
+            ref: tt
+          }, null, 8, ["schema", "modelValue"])
+        ]),
+        _: 1
+      }, 8, ["visible"]),
       l("div", {
-        class: M(["relative w-full font-sans", t.customClass])
+        class: "flex gap-1 w-full",
+        ref_key: "selectRoot",
+        ref: u,
+        onClick: h[4] || (h[4] = ve(() => {
+        }, ["stop"]))
       }, [
-        b[7] || (b[7] = l("span", {
-          id: "react-select-live-region",
-          class: "sr-only"
-        }, null, -1)),
-        b[8] || (b[8] = l("span", {
-          "aria-live": "polite",
-          "aria-atomic": "false",
-          "aria-relevant": "additions text",
-          role: "log",
-          class: "sr-only"
-        }, null, -1)),
         l("div", {
-          class: M([
-            "flex min-h-[38px] items-center justify-between rounded border transition-colors bg-white",
-            "border-gray-300 hover:border-gray-400",
-            p.value || x.value ? "border-blue-500 ring-1 ring-blue-500" : "",
-            r.value ? "bg-gray-100 text-gray-400 cursor-not-allowed hover:border-gray-300" : ""
-          ]),
-          role: "combobox",
-          "aria-expanded": p.value,
-          "aria-haspopup": "listbox",
-          onKeydown: Ce,
-          onClick: y,
-          "data-focus": p.value || x.value ? "true" : "false"
+          class: V(["relative w-full font-sans", t.customClass])
         }, [
+          h[9] || (h[9] = l("span", {
+            id: "react-select-live-region",
+            class: "sr-only"
+          }, null, -1)),
+          h[10] || (h[10] = l("span", {
+            "aria-live": "polite",
+            "aria-atomic": "false",
+            "aria-relevant": "additions text",
+            role: "log",
+            class: "sr-only"
+          }, null, -1)),
           l("div", {
-            class: "flex flex-1 items-center gap-1 py-0.5 pl-2 pr-0 overflow-hidden",
-            ref_key: "triggerRef",
-            ref: c
+            class: V([
+              "flex min-h-[38px] items-center justify-between rounded border transition-colors bg-white",
+              "border-gray-300 hover:border-gray-400",
+              p.value || w.value ? "border-blue-500 ring-1 ring-blue-500" : "",
+              r.value ? "bg-gray-100 text-gray-400 cursor-not-allowed hover:border-gray-300" : ""
+            ]),
+            role: "combobox",
+            "aria-expanded": p.value,
+            "aria-haspopup": "listbox",
+            onKeydown: Ce,
+            onClick: y,
+            "data-focus": p.value || w.value ? "true" : "false"
           }, [
-            s.value && f.value.length ? (i(!0), d(Y, { key: 0 }, le(Z.value, (V) => (i(), d("div", {
-              class: "flex min-w-0 bg-[#e6e6e6] rounded-sm m-0.5 box-border",
-              key: V.id
+            l("div", {
+              class: "flex flex-1 items-center gap-1 py-0.5 pl-2 pr-0 overflow-hidden",
+              ref_key: "triggerRef",
+              ref: c
             }, [
-              l("div", Fa, [
-                V?.color ? (i(), d("span", {
-                  key: 0,
-                  class: "w-[16px] h-[16px] rounded-md block ml-1.5",
-                  style: ge({ backgroundColor: V?.color })
-                }, null, 4)) : A("", !0),
+              s.value && f.value.length ? (i(!0), d(Y, { key: 0 }, le(Q.value, (_) => (i(), d("div", {
+                class: "flex min-w-0 bg-[#e6e6e6] rounded-sm m-0.5 box-border",
+                key: _.id
+              }, [
+                l("div", Da, [
+                  _?.color ? (i(), d("span", {
+                    key: 0,
+                    class: "w-[16px] h-[16px] rounded-md block ml-1.5",
+                    style: ye({ backgroundColor: _?.color })
+                  }, null, 4)) : D("", !0),
+                  l("div", {
+                    class: "truncate text-gray-900 overflow-hidden",
+                    title: _.text
+                  }, T(_.text), 9, Oa)
+                ]),
                 l("div", {
-                  class: "truncate text-gray-900 overflow-hidden",
-                  title: V.text
-                }, T(V.text), 9, Da)
-              ]),
-              l("div", {
-                role: "button",
-                class: "flex items-center rounded-sm px-1 box-border hover:bg-[#ffbdad] hover:text-[#de350b]",
-                onClick: ve((N) => P(V.id), ["stop"])
-              }, b[3] || (b[3] = [
+                  role: "button",
+                  class: "flex items-center rounded-sm px-1 box-border hover:bg-[#ffbdad] hover:text-[#de350b]",
+                  onClick: ve((N) => P(_.id), ["stop"])
+                }, h[5] || (h[5] = [
+                  l("svg", {
+                    height: "14",
+                    width: "14",
+                    viewBox: "0 0 20 20",
+                    "aria-hidden": "true",
+                    focusable: "false",
+                    class: "inline-block fill-current stroke-current leading-none stroke-0"
+                  }, [
+                    l("path", { d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z" })
+                  ], -1)
+                ]), 8, Aa)
+              ]))), 128)) : !s.value && !w.value && b.value?.text && C.value === "" ? (i(), d("div", {
+                key: 1,
+                class: V(["truncate text-gray-900"]),
+                title: b.value.text
+              }, [
+                b.value?.color ? (i(), d("span", {
+                  key: 0,
+                  class: "w-[14px] h-[14px] rounded-md block mr-1 mt-1 absolute",
+                  style: ye({ backgroundColor: b.value?.color })
+                }, null, 4)) : D("", !0),
+                l("span", {
+                  class: V({ "pl-5": b.value?.color })
+                }, T(b.value.text), 3)
+              ], 8, Ua)) : D("", !0),
+              O.value ? (i(), d("div", Ta, T(U.value), 1)) : D("", !0),
+              l("div", Ra, [
+                !r.value && g.search ? K((i(), d("input", {
+                  key: 0,
+                  ref_key: "inputRef",
+                  ref: E,
+                  class: "w-full bg-transparent outline-none border-0 m-0 p-0 text-gray-900",
+                  autocapitalize: "none",
+                  autocomplete: "off",
+                  autocorrect: "off",
+                  spellcheck: "false",
+                  type: "text",
+                  tabindex: "0",
+                  "aria-autocomplete": "list",
+                  placeholder: (s.value && f.value.length ? " " : null) || (w.value && !C.value?.length ? b.value?.text : " "),
+                  "onUpdate:modelValue": h[2] || (h[2] = (_) => C.value = _),
+                  onFocus: _t,
+                  onBlur: $t,
+                  onKeydown: Ve
+                }, null, 40, Pa)), [
+                  [se, C.value]
+                ]) : D("", !0)
+              ])
+            ], 512),
+            l("div", Ha, [
+              ue.value ? (i(), d("button", {
+                key: 0,
+                type: "button",
+                class: "px-2 text-gray-400 hover:text-gray-500 transition-colors disabled:opacity-50",
+                "aria-hidden": "true",
+                disabled: r.value,
+                onClick: ve(k, ["stop"])
+              }, h[6] || (h[6] = [
                 l("svg", {
-                  height: "14",
-                  width: "14",
+                  height: "20",
+                  width: "20",
                   viewBox: "0 0 20 20",
-                  "aria-hidden": "true",
-                  focusable: "false",
-                  class: "inline-block fill-current stroke-current leading-none stroke-0"
+                  class: "fill-current"
                 }, [
                   l("path", { d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z" })
                 ], -1)
-              ]), 8, Oa)
-            ]))), 128)) : !s.value && !x.value && g.value?.text && $.value === "" ? (i(), d("div", {
-              key: 1,
-              class: M(["truncate text-gray-900"]),
-              title: g.value.text
-            }, [
-              g.value?.color ? (i(), d("span", {
-                key: 0,
-                class: "w-[14px] h-[14px] rounded-md block mr-1 mt-1 absolute",
-                style: ge({ backgroundColor: g.value?.color })
-              }, null, 4)) : A("", !0),
-              l("span", {
-                class: M({ "pl-5": g.value?.color })
-              }, T(g.value.text), 3)
-            ], 8, Ua)) : A("", !0),
-            D.value ? (i(), d("div", Ta, T(U.value), 1)) : A("", !0),
-            l("div", Ra, [
-              !r.value && h.search ? K((i(), d("input", {
-                key: 0,
-                ref_key: "inputRef",
-                ref: z,
-                class: "w-full bg-transparent outline-none border-0 m-0 p-0 text-gray-900",
-                autocapitalize: "none",
-                autocomplete: "off",
-                autocorrect: "off",
-                spellcheck: "false",
-                type: "text",
-                tabindex: "0",
-                "aria-autocomplete": "list",
-                placeholder: (s.value && f.value.length ? " " : null) || (x.value && !$.value?.length ? g.value?.text : " "),
-                "onUpdate:modelValue": b[0] || (b[0] = (V) => $.value = V),
-                onFocus: bt,
-                onBlur: yt,
-                onKeydown: Ve
-              }, null, 40, Pa)), [
-                [re, $.value]
-              ]) : A("", !0)
+              ]), 8, Na)) : D("", !0),
+              h[8] || (h[8] = 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: r.value,
+                onClick: h[3] || (h[3] = ve((_) => ke(), ["stop"])),
+                title: p.value ? "Закрити список" : "Відкрити список"
+              }, h[7] || (h[7] = [
+                l("svg", {
+                  height: "20",
+                  width: "20",
+                  viewBox: "0 0 20 20",
+                  class: "fill-current"
+                }, [
+                  l("path", { d: "M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z" })
+                ], -1)
+              ]), 8, qa)
             ])
-          ], 512),
-          l("div", Ha, [
-            ie.value ? (i(), d("button", {
-              key: 0,
-              type: "button",
-              class: "px-2 text-gray-400 hover:text-gray-500 transition-colors disabled:opacity-50",
-              "aria-hidden": "true",
-              disabled: r.value,
-              onClick: ve(k, ["stop"])
-            }, b[4] || (b[4] = [
-              l("svg", {
-                height: "20",
-                width: "20",
-                viewBox: "0 0 20 20",
-                class: "fill-current"
-              }, [
-                l("path", { d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z" })
-              ], -1)
-            ]), 8, Na)) : A("", !0),
-            b[6] || (b[6] = l("div", { class: "self-stretch w-px bg-[#ccc] my-[1px]" }, null, -1)),
-            l("button", {
-              type: "button",
-              class: "px-2 text-gray-400 hover:text-gray-500 transition-colors disabled:opacity-50",
-              "aria-hidden": "true",
-              disabled: r.value,
-              onClick: b[1] || (b[1] = ve((V) => we(), ["stop"])),
-              title: p.value ? "Закрити список" : "Відкрити список"
-            }, b[5] || (b[5] = [
-              l("svg", {
-                height: "20",
-                width: "20",
-                viewBox: "0 0 20 20",
-                class: "fill-current"
+          ], 42, Fa),
+          p.value ? (i(), d("div", {
+            key: 0,
+            class: V([
+              "absolute z-10 w-full rounded bg-white shadow-[0_0_0_1px_rgba(0,0,0,0.1),0_4px_11px_rgba(0,0,0,0.1)]",
+              j.value === "bottom" ? "mt-2" : "mb-2"
+            ]),
+            style: ye(m.value),
+            role: "listbox"
+          }, [
+            l("div", {
+              class: "overflow-y-auto py-1",
+              style: ye({ maxHeight: m.value.maxHeight || "300px" }),
+              ref_key: "listRef",
+              ref: v
+            }, [
+              X.value.length ? (i(!0), d(Y, { key: 0 }, le(X.value, (_, N) => (i(), d("div", {
+                key: _.id,
+                ref_for: !0,
+                ref: (re) => R.value[N] = re,
+                class: V([
+                  "flex px-3 py-2 cursor-default select-none text-gray-900 hover:bg-blue-100",
+                  S.value === N ? "bg-blue-100" : "",
+                  ee(_.id) ? "bg-blue-50" : "bg-white"
+                ]),
+                "aria-disabled": ee(_.id) ? "true" : "false",
+                role: "option",
+                tabindex: "-1",
+                onClick: (re) => ne(_)
               }, [
-                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, qa)
-          ])
-        ], 42, Aa),
-        p.value ? (i(), d("div", {
+                _?.color ? (i(), d("span", {
+                  key: 0,
+                  class: "w-[11px] h-[11px] rounded-full block mr-1 mt-1.5",
+                  style: ye({ backgroundColor: _?.color })
+                }, null, 4)) : D("", !0),
+                l("div", {
+                  class: V([
+                    "leading-[19px]",
+                    S.value === _.id ? "text-white" : "",
+                    // active style like react-select
+                    (S.value === N, "")
+                  ])
+                }, T(_.text), 3)
+              ], 10, Ga))), 128)) : (i(), d("div", Ja, " No options "))
+            ], 4)
+          ], 6)) : D("", !0)
+        ], 2),
+        t.add ? (i(), d("button", {
           key: 0,
-          class: M([
-            "absolute z-10 w-full rounded bg-white shadow-[0_0_0_1px_rgba(0,0,0,0.1),0_4px_11px_rgba(0,0,0,0.1)]",
-            B.value === "bottom" ? "mt-2" : "mb-2"
-          ]),
-          style: ge(m.value),
-          role: "listbox"
+          onClick: Vt,
+          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: r.value,
+          type: "button"
         }, [
-          l("div", {
-            class: "overflow-y-auto py-1",
-            style: ge({ maxHeight: m.value.maxHeight || "300px" }),
-            ref_key: "listRef",
-            ref: v
-          }, [
-            W.value.length ? (i(!0), d(Y, { key: 0 }, le(W.value, (V, N) => (i(), d("div", {
-              key: V.id,
-              ref_for: !0,
-              ref: (se) => R.value[N] = se,
-              class: M([
-                "flex px-3 py-2 cursor-default select-none hover:bg-blue-300",
-                S.value === N ? "bg-blue-300" : "",
-                ee(V.id) ? "text-white bg-blue-500" : "text-gray-900 bg-white"
-              ]),
-              "aria-disabled": ee(V.id) ? "true" : "false",
-              role: "option",
-              tabindex: "-1",
-              onClick: (se) => fe(V)
-            }, [
-              V?.color ? (i(), d("span", {
-                key: 0,
-                class: "w-[11px] h-[11px] rounded-full block mr-1 mt-1.5",
-                style: ge({ backgroundColor: V?.color })
-              }, null, 4)) : A("", !0),
-              l("div", {
-                class: M([
-                  "leading-[19px]",
-                  S.value === V.id ? "text-white" : "",
-                  // active style like react-select
-                  (S.value === N, "")
-                ])
-              }, T(V.text), 3)
-            ], 10, Ga))), 128)) : (i(), d("div", Ja, " No options "))
-          ], 4)
-        ], 6)) : A("", !0)
-      ], 2),
-      t.add ? (i(), d("button", {
-        key: 0,
-        onClick: xt,
-        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: r.value,
-        type: "button"
-      }, [
-        j(Ae, {
-          width: "16",
-          height: "16"
-        }),
-        b[9] || (b[9] = l("span", null, "Додати", -1))
-      ], 8, Ka)) : A("", !0)
-    ], 512));
+          B(Fe, {
+            width: "16",
+            height: "16"
+          }),
+          h[11] || (h[11] = l("span", null, "Додати", -1))
+        ], 8, Ka)) : D("", !0)
+      ], 512)
+    ], 64));
   }
 }), Wa = ["placeholder", "disabled"], Qa = /* @__PURE__ */ F({
   __name: "vs-input-textarea",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ Z({
     style: { default: () => ({}) },
     customClass: { default: "" },
     disabled: { type: Boolean, default: !1 },
@@ -2274,18 +2189,18 @@ const Go = /* @__PURE__ */ H(Ho, [["render", qo]]), Jo = { class: "flex flex-col
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, { inputClass: t } = ye(e.style), n = X(o, "modelValue");
+    const e = o, { inputClass: t } = me(e.style), n = W(o, "modelValue");
     return (s, r) => K((i(), d("textarea", {
       "onUpdate:modelValue": r[0] || (r[0] = (a) => n.value = a),
       placeholder: s.placeholder,
       disabled: s.disabled,
       row: "2",
-      class: M(["py-1.5 px-3 block w-full placeholder:text[#767f8f] h-auto bg-white", [q(t)]]),
+      class: V(["py-1.5 px-3 block w-full placeholder:text[#767f8f] h-auto bg-white", [q(t)]]),
       style: {
         border: "1px solid #CFD9E0"
       }
     }, null, 10, Wa)), [
-      [re, n.value]
+      [se, n.value]
     ]);
   }
 }), Xa = {}, Ya = {
@@ -2382,17 +2297,17 @@ const fs = /* @__PURE__ */ H(ds, [["render", ps]]), vs = {}, ms = {
 };
 function hs(o, e) {
   return i(), d("svg", ms, e[0] || (e[0] = [
-    de('<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)
+    ce('<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 rt = /* @__PURE__ */ H(vs, [["render", hs]]), gs = {}, bs = {
+const dt = /* @__PURE__ */ H(vs, [["render", hs]]), gs = {}, bs = {
   viewBox: "0 0 178 90",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
 function ys(o, e) {
   return i(), d("svg", bs, e[0] || (e[0] = [
-    de('<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)
+    ce('<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 xs = /* @__PURE__ */ H(gs, [["render", ys]]), ws = {}, ks = {
@@ -2409,13 +2324,13 @@ function _s(o, e) {
     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 $s = /* @__PURE__ */ H(ws, [["render", _s]]), Cs = { class: "vs-datatable border rounded-xl w-full flex-grow" }, Vs = { class: "flex items-center npm gap-[16px] justify-between p-[20px] pb-[16px]" }, Ms = { class: "relative w-full" }, Ls = { class: "table-wrapper flex gap-2" }, Ss = { class: "vs-popover inline-block text-slate-700" }, Bs = { class: "text-center" }, js = { class: "" }, Is = { class: "py-1 px-0 w-full text-sm text-stone-800 bg-white shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-lg focus:outline-none focus:bg-stone-100 dark:bg-neutral-900 dark:text-neutral-200 dark:focus:bg-neutral-800 after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" }, zs = { class: "flex flex-col p-[1px] gap-[2px] w-[140px]" }, Es = { class: "text-sm items-center text-gray-800 flex gap-1" }, As = { class: "w-full overflow-x-auto" }, Fs = { class: "w-full table-auto caption-bottom text-sm" }, Ds = { class: "[&_tr]:border-b" }, Os = { 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" }, Us = { 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" }, Ts = {
+const $s = /* @__PURE__ */ H(ws, [["render", _s]]), Cs = { class: "vs-datatable border rounded-xl w-full flex-grow" }, Vs = { class: "flex items-center npm gap-[16px] justify-between p-[20px] pb-[16px]" }, Ms = { class: "relative w-full" }, Ls = { class: "table-wrapper flex gap-2" }, Ss = { class: "vs-popover inline-block text-slate-700" }, Bs = { class: "text-center" }, js = { class: "" }, Is = { class: "py-1 px-0 w-full text-sm text-stone-800 bg-white shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-lg focus:outline-none focus:bg-stone-100 dark:bg-neutral-900 dark:text-neutral-200 dark:focus:bg-neutral-800 after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" }, zs = { class: "flex flex-col p-[1px] gap-[2px] w-[140px]" }, Es = { class: "text-sm items-center text-gray-800 flex gap-1" }, Fs = { class: "w-full overflow-x-auto" }, Ds = { class: "w-full table-auto caption-bottom text-sm" }, Os = { class: "[&_tr]:border-b" }, As = { 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" }, Us = { 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" }, Ts = {
   key: 0,
   colspan: "100%",
   class: "text-center"
 }, Rs = { class: "w-full" }, Ps = { class: "p-5 min-h-[200px] flex flex-col justify-center items-center text-center" }, Hs = ["onDragstart", "onDragover", "onDrop"], Ns = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] text-center" }, qs = { class: "flex items-center justify-center" }, Gs = { 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" }, Js = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]" }, Ks = { class: "flex items-center justify-center gap-2" }, Zs = ["onClick"], Ws = ["onClick"], Qs = { class: "vs-form__head mr-5 mt-3 flex items-center justify-end sticky top-0 left-0 z-[60] bg-white" }, Xs = /* @__PURE__ */ F({
   __name: "vs-input-datatable",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ Z({
     colModel: {},
     style: {},
     customClass: {},
@@ -2430,101 +2345,102 @@ const $s = /* @__PURE__ */ H(ws, [["render", _s]]), Cs = { class: "vs-datatable
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = X(o, "modelValue"), n = w({}), s = w(""), r = O(() => {
+    const e = o, t = W(o, "modelValue"), n = x({}), s = x(""), r = A(() => {
       if (!s.value) return t.value ?? [];
-      const I = s.value.toLowerCase();
-      return t.value.filter((C) => e.colModel?.some((E) => {
-        const G = C[E.key];
-        return G ? Array.isArray(G) ? G.join(", ").toLowerCase().includes(I) : String(G).toLowerCase().includes(I) : !1;
+      const z = s.value.toLowerCase();
+      return t.value.filter((M) => e.colModel?.some((I) => {
+        const G = M[I.key];
+        return G ? Array.isArray(G) ? G.join(", ").toLowerCase().includes(z) : String(G).toLowerCase().includes(z) : !1;
       }));
-    }), a = w(null), u = w(null), c = w(!1), v = w(null), p = w({ top: 0, left: 0 }), x = (I) => {
-      a.value = I;
-    }, g = (I) => {
-      u.value = I;
-    }, _ = (I) => {
-      if (a.value === null || a.value === I) {
+    }), a = x(null), u = x(null), c = x(!1), v = x(null), p = x({ top: 0, left: 0 }), w = (z) => {
+      a.value = z;
+    }, b = (z) => {
+      u.value = z;
+    }, $ = (z) => {
+      if (a.value === null || a.value === z) {
         a.value = null, u.value = null;
         return;
       }
-      const C = [...t.value], [E] = C.splice(a.value, 1);
-      C.splice(I, 0, E), t.value = C, a.value = null, u.value = null;
-    }, S = (I) => {
-      const E = I.currentTarget.getBoundingClientRect();
-      p.value = { top: E.bottom + window.scrollY, left: E.left + window.scrollX }, c.value = !c.value;
+      const M = [...t.value], [I] = M.splice(a.value, 1);
+      M.splice(z, 0, I), t.value = M, a.value = null, u.value = null;
+    }, S = (z) => {
+      const I = z.currentTarget.getBoundingClientRect();
+      p.value = { top: I.bottom + window.scrollY, left: I.left + window.scrollX }, c.value = !c.value;
     }, R = () => {
       v.value && v.value.click();
-    }, $ = (I) => {
-      const E = I.target.files?.[0];
-      if (!E) return;
+    }, C = (z) => {
+      const I = z.target.files?.[0];
+      if (!I) return;
       const G = new FileReader();
       G.onload = (oe) => {
         try {
-          const ue = oe.target?.result;
-          if (typeof ue == "string") {
-            const we = JSON.parse(ue);
-            Array.isArray(we) && t.value.push(...we);
+          const de = oe.target?.result;
+          if (typeof de == "string") {
+            const ke = JSON.parse(de);
+            Array.isArray(ke) && t.value.push(...ke);
           }
-        } catch (ue) {
-          console.error("Error parsing file:", ue);
+        } catch (de) {
+          console.error("Error parsing file:", de);
         }
-      }, G.readAsText(E);
-    }, z = () => {
-      const I = JSON.stringify(t.value, null, 2), C = new Blob([I], { type: "application/json" }), E = URL.createObjectURL(C), G = document.createElement("a");
-      G.href = E, G.download = "data.json", G.click(), URL.revokeObjectURL(E);
+      }, G.readAsText(I);
+    }, E = () => {
+      const z = JSON.stringify(t.value, null, 2), M = new Blob([z], { type: "application/json" }), I = URL.createObjectURL(M), G = document.createElement("a");
+      G.href = I, G.download = "data.json", G.click(), URL.revokeObjectURL(I);
     };
-    be(async () => {
-      const I = e.colModel?.filter((C) => C.data);
-      I?.length && Promise.all(I.map(async (C) => {
-        const G = await (await fetch(`/api/suggest/${C.data}`)).json();
-        n.value[C.key] = G.data;
+    xe(async () => {
+      const z = e.colModel?.filter((M) => M.data);
+      z?.length && Promise.all(z.map(async (M) => {
+        const G = await (await fetch(`/api/suggest/${M.data}`)).json();
+        n.value[M.key] = G.data;
       }));
     });
-    const B = w(""), m = w(!1);
-    let f = "edit", Z = 0;
-    const U = w({}), D = w({});
-    async function ie() {
-      B.value = "Додати", m.value = !0, f = "add", U.value = {};
+    const j = x(""), m = x(!1);
+    let f = "edit", Q = 0;
+    const U = x({}), O = x({});
+    async function ue() {
+      j.value = "Додати", m.value = !0, f = "add", U.value = {};
     }
-    function ee(I, C) {
-      return n.value[C.key] && I[C.key] ? n.value[C.key].find((E) => E.id.toString() === I[C.key].toString())?.text ?? I[C.key] : I[C.key] || "-";
+    function ee(z, M) {
+      const I = M.key || M.name;
+      return n.value[I] && z[I] ? n.value[I].find((G) => G.id.toString() === z[I].toString())?.text ?? z[I] : z[I] || "-";
     }
-    async function W(I, C) {
-      B.value = "Редагувати", m.value = !0, f = "edit", Z = C, U.value = { ...I };
+    async function X(z, M) {
+      j.value = "Редагувати", m.value = !0, f = "edit", Q = M, U.value = { ...z };
     }
     function je() {
-      const I = D.value.validate();
-      if (I) {
-        ke({ type: "warning", title: "Помилка валідації", message: Object.entries(I).map(([C, E]) => `${C}: ${E}`).join(`
+      const z = O.value.validate();
+      if (z) {
+        be({ type: "warning", title: "Помилка валідації", message: Object.entries(z).map(([M, I]) => `${M}: ${I}`).join(`
 `) });
         return;
       }
-      f === "add" ? Array.isArray(t.value) ? t.value = [...t.value, U.value] : t.value = [U.value] : t.value = t.value.map((C, E) => E === Z ? U.value : C), m.value = !1;
+      f === "add" ? Array.isArray(t.value) ? t.value = [...t.value, U.value] : t.value = [U.value] : t.value = t.value.map((M, I) => I === Q ? U.value : M), m.value = !1;
     }
-    function xe(I) {
-      t.value = t.value.filter((C, E) => E !== I);
+    function we(z) {
+      t.value = t.value.filter((M, I) => I !== z);
     }
-    return (I, C) => (i(), d("div", Cs, [
+    return (z, M) => (i(), d("div", Cs, [
       l("div", Vs, [
         l("div", Ms, [
-          j(ts, {
+          B(ts, {
             width: "14",
             height: "14",
             class: "absolute left-3 top-1/2 transform -translate-y-1/2 text-stone-500"
           }),
           K(l("input", {
             type: "text",
-            "onUpdate:modelValue": C[0] || (C[0] = (E) => s.value = E),
+            "onUpdate:modelValue": M[0] || (M[0] = (I) => s.value = I),
             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), [
-            [re, s.value]
+            [se, s.value]
           ])
         ]),
         l("div", Ls, [
           l("input", {
             ref_key: "fileInput",
             ref: v,
-            onChange: $,
+            onChange: C,
             class: "hidden",
             accept: ".json",
             type: "file"
@@ -2536,7 +2452,7 @@ const $s = /* @__PURE__ */ H(ws, [["render", _s]]), Cs = { class: "vs-datatable
                   onClick: S,
                   class: "bg-white hover:bg-gray-100 font-semibold text-[15px] leadig-[18.5px] py-[10px] px-[12px] border border-[#E5E7EB] rounded-[8px] h-[38px] max-h-[38px] gap-[8px] flex items-center"
                 }, [
-                  j(ss, {
+                  B(ss, {
                     height: "16",
                     width: "16"
                   })
@@ -2545,11 +2461,11 @@ const $s = /* @__PURE__ */ H(ws, [["render", _s]]), Cs = { class: "vs-datatable
             ])
           ])
         ]),
-        (i(), ae(Vt, { to: "body" }, [
+        (i(), ae(It, { to: "body" }, [
           c.value ? (i(), d("div", {
             key: 0,
             class: "text-slate-700 vsTailwind vs-popover__content bottom",
-            style: ge([{ width: "fit-content", "z-index": "10002", position: "fixed" }, { position: "absolute", top: p.value.top + "px", left: p.value.left + "px" }])
+            style: ye([{ width: "fit-content", "z-index": "10002", position: "fixed" }, { position: "absolute", top: p.value.top + "px", left: p.value.left + "px" }])
           }, [
             l("div", Is, [
               l("div", zs, [
@@ -2557,113 +2473,113 @@ const $s = /* @__PURE__ */ H(ws, [["render", _s]]), Cs = { class: "vs-datatable
                   onClick: R,
                   class: "text-slate-700 flex items-center gap-1 px-3 py-2 rounded-md cursor-pointer group hover:bg-gray-100"
                 }, [
-                  j(us, {
+                  B(us, {
                     class: "text-black",
                     width: "14",
                     height: "14"
                   }),
-                  C[4] || (C[4] = pe(" Імпортувати ", -1))
+                  M[4] || (M[4] = fe(" Імпортувати ", -1))
                 ]),
                 l("button", {
-                  onClick: z,
+                  onClick: E,
                   class: "text-slate-700 flex items-center px-3 py-2 rounded-md cursor-pointer group hover:bg-gray-100"
                 }, [
                   l("span", Es, [
-                    j(fs, {
+                    B(fs, {
                       class: "text-black",
                       width: "14",
                       height: "14"
                     }),
-                    C[5] || (C[5] = pe(" Експортувати ", -1))
+                    M[5] || (M[5] = fe(" Експортувати ", -1))
                   ])
                 ])
               ])
             ])
-          ], 4)) : A("", !0)
+          ], 4)) : D("", !0)
         ])),
         l("button", {
-          onClick: ie,
+          onClick: ue,
           class: "text-slate-700 bg-white hover:bg-gray-100 font-semibold text-[15px] leadig-[18.5px] py-[10px] px-[12px] border border-[#E5E7EB] rounded-[8px] h-[38px] max-h-[38px] gap-[8px] flex items-center"
         }, [
-          j(Ae),
-          C[6] || (C[6] = pe(" Додати ", -1))
+          B(Fe),
+          M[6] || (M[6] = fe(" Додати ", -1))
         ])
       ]),
-      l("div", As, [
-        l("table", Fs, [
-          l("thead", Ds, [
-            l("tr", Os, [
+      l("div", Fs, [
+        l("table", Ds, [
+          l("thead", Os, [
+            l("tr", As, [
               l("th", Us, [
-                j(rt, {
+                B(dt, {
                   width: "24",
                   height: "24",
                   class: "w-4 h-4 mx-auto text-slate-400 dark:text-slate-500"
                 })
               ]),
-              (i(!0), d(Y, null, le(I.colModel, (E) => (i(), d("th", {
-                key: E.key,
+              (i(!0), d(Y, null, le(z.colModel, (I) => (i(), d("th", {
+                key: I.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]"
-              }, T(E.ua || E.label), 1))), 128)),
-              C[7] || (C[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))
+              }, T(I.ua || I.label), 1))), 128)),
+              M[7] || (M[7] = l("th", { class: "h-10 px-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] font-semibold text-slate-700 dark:text-slate-300 text-center" }, " Дії ", -1))
             ])
           ]),
           l("tbody", {
-            class: M({ "[&_tr:last-child]:border-0": !u.value })
+            class: V({ "[&_tr:last-child]:border-0": !u.value })
           }, [
             r.value.length === 0 ? (i(), d("td", Ts, [
               l("div", Rs, [
                 l("div", Ps, [
-                  j(xs, { class: "w-48 mx-auto" }),
-                  C[8] || (C[8] = l("div", { class: "max-w-sm mx-auto mt-6" }, [
+                  B(xs, { class: "w-48 mx-auto" }),
+                  M[8] || (M[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))
                 ])
               ])
-            ])) : A("", !0),
-            (i(!0), d(Y, null, le(r.value, (E, G) => (i(), d("tr", {
-              key: E.id,
-              class: M(["border-b data-[state=selected]:bg-muted transition-all duration-200 hover:bg-slate-50/60 dark:hover:bg-slate-700/60 cursor-move", {
+            ])) : D("", !0),
+            (i(!0), d(Y, null, le(r.value, (I, G) => (i(), d("tr", {
+              key: I.id,
+              class: V(["border-b data-[state=selected]:bg-muted transition-all duration-200 hover:bg-slate-50/60 dark:hover:bg-slate-700/60 cursor-move", {
                 "opacity-50": a.value === G,
                 "border-t-2 border-b-2 border-blue-500 bg-blue-50 dark:bg-blue-900/20": u.value === G
               }]),
               draggable: "true",
-              onDragstart: (oe) => x(G),
-              onDragover: ve((oe) => g(G), ["prevent"]),
-              onDrop: (oe) => _(G)
+              onDragstart: (oe) => w(G),
+              onDragover: ve((oe) => b(G), ["prevent"]),
+              onDrop: (oe) => $(G)
             }, [
               l("td", Ns, [
                 l("div", qs, [
-                  j(rt, {
+                  B(dt, {
                     width: "24",
                     height: "24",
                     class: "w-4 h-4 mx-auto text-slate-400 dark:text-slate-500"
                   })
                 ])
               ]),
-              (i(!0), d(Y, null, le(I.colModel, (oe) => (i(), d("td", {
+              (i(!0), d(Y, null, le(z.colModel, (oe) => (i(), d("td", {
                 key: oe.key,
                 class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]"
               }, [
-                l("div", Gs, T(ee(E, oe)), 1)
+                l("div", Gs, T(ee(I, oe)), 1)
               ]))), 128)),
               l("td", Js, [
                 l("div", Ks, [
                   l("button", {
-                    onClick: (oe) => W(E, G),
+                    onClick: (oe) => X(I, G),
                     class: "text-slate-700 inline-flex items-center justify-center whitespace-nowrap font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border rounded-md text-xs h-7 w-7 p-0 border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-700 hover:bg-blue-50 dark:hover:bg-slate-600 hover:border-blue-300 dark:hover:border-slate-500 hover:text-blue-600 dark:hover:text-slate-200 transition-all duration-200 shadow-sm"
                   }, [
-                    j($s, {
+                    B($s, {
                       width: "24",
                       height: "24",
                       class: "w-3 h-3"
                     })
                   ], 8, Zs),
                   l("button", {
-                    onClick: (oe) => xe(G),
+                    onClick: (oe) => we(G),
                     class: "text-slate-700 inline-flex items-center justify-center whitespace-nowrap font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border rounded-md text-xs h-7 w-7 p-0 border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-700 hover:bg-red-50 dark:hover:bg-slate-600 hover:border-red-300 dark:hover:border-slate-500 hover:text-red-600 dark:hover:text-slate-200 transition-all duration-200 shadow-sm"
                   }, [
-                    j(Ue, {
+                    B(Te, {
                       width: "24",
                       height: "24",
                       class: "w-3 h-3"
@@ -2675,23 +2591,23 @@ const $s = /* @__PURE__ */ H(ws, [["render", _s]]), Cs = { class: "vs-datatable
           ], 2)
         ])
       ]),
-      j(q(St), {
+      B(q(ht), {
         visible: m.value,
-        title: B.value,
+        title: j.value,
         size: "lg"
       }, {
-        default: Be(() => [
-          j(Oe, {
+        default: Le(() => [
+          B(De, {
             schema: e.colModel,
             values: U.value,
-            "onUpdate:values": C[1] || (C[1] = (E) => U.value = E),
-            form: D.value,
-            "onUpdate:form": C[2] || (C[2] = (E) => D.value = E)
+            "onUpdate:values": M[1] || (M[1] = (I) => U.value = I),
+            form: O.value,
+            "onUpdate:form": M[2] || (M[2] = (I) => O.value = I)
           }, null, 8, ["schema", "values", "form"]),
           l("div", Qs, [
             l("button", {
               type: "button",
-              onClick: C[3] || (C[3] = (E) => m.value = !1),
+              onClick: M[3] || (M[3] = (I) => m.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", {
@@ -2882,7 +2798,7 @@ const un = /* @__PURE__ */ H(sn, [["render", rn]]), dn = {}, cn = {
 };
 function pn(o, e) {
   return i(), d("svg", cn, e[0] || (e[0] = [
-    de('<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)
+    ce('<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 fn = /* @__PURE__ */ H(dn, [["render", pn]]), vn = {}, mn = {
@@ -2897,7 +2813,7 @@ const fn = /* @__PURE__ */ H(dn, [["render", pn]]), vn = {}, mn = {
 };
 function hn(o, e) {
   return i(), d("svg", mn, e[0] || (e[0] = [
-    de('<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)
+    ce('<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 gn = /* @__PURE__ */ H(vn, [["render", hn]]), bn = {}, yn = {
@@ -2952,10 +2868,10 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, An = { class: "relative w-full" }, Fn = { class: "vs-form-text relative bg-white rounded-lg" }, Dn = {
+}, Fn = { class: "relative w-full" }, Dn = { class: "vs-form-text relative bg-white rounded-lg" }, On = {
   key: 1,
   class: "absolute left-0 right-0 top-full z-[3200] bg-white border border-gray-200 rounded-b-lg shadow-lg max-h-72 overflow-auto"
-}, On = { key: 0 }, Un = ["onClick"], Tn = {
+}, An = { key: 0 }, Un = ["onClick"], Tn = {
   key: 1,
   class: "px-3 py-2 text-xs text-gray-500"
 }, Rn = {
@@ -2968,44 +2884,44 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
   },
   emits: ["goToCoordinates"],
   setup(o, { emit: e }) {
-    const t = e, n = w(!1), s = w("coordinates"), r = w(""), a = w([]), u = w(!1), c = w(!1);
+    const t = e, n = x(!1), s = x("coordinates"), r = x(""), a = x([]), u = x(!1), c = x(!1);
     let v;
     const p = [
       { value: "coordinates", label: "Пошук по кординатам" },
       { value: "atu", label: "АТУ" },
       { value: "address", label: "Адресса" },
       { value: "search_here", label: "Пошук HERE" }
-    ], x = O(() => p.find((B) => B.value === s.value)?.label ?? "АТУ");
-    function g(B) {
-      s.value = B.value, n.value = !1, r.value = "", r.value && R();
+    ], w = A(() => p.find((j) => j.value === s.value)?.label ?? "АТУ");
+    function b(j) {
+      s.value = j.value, n.value = !1, r.value = "", r.value && R();
     }
-    function _(B) {
-      B.target.closest(".map-search__input") || (n.value = !1);
+    function $(j) {
+      j.target.closest(".map-search__input") || (n.value = !1);
     }
-    be(() => document.addEventListener("click", _)), He(() => document.removeEventListener("click", _));
-    async function S(B) {
+    xe(() => document.addEventListener("click", $)), Ne(() => document.removeEventListener("click", $));
+    async function S(j) {
       let m;
       s.value === "atu" ? m = "/api/suggest/atu.nsdi.ato_level" : s.value === "address" ? m = "/api/suggest/map.address_id" : s.value === "search_here" && (m = "/api/gis-url-proxy");
       const f = new URL(m || "");
-      return s.value === "search_here" ? f.searchParams.set("searchtext", B) : (s.value === "atu" || s.value === "address") && f.searchParams.set("key", B), f.searchParams.set("limit", "20"), f.searchParams.set("q", B), (await fetch(f.toString())).json();
+      return s.value === "search_here" ? f.searchParams.set("searchtext", j) : (s.value === "atu" || s.value === "address") && f.searchParams.set("key", j), f.searchParams.set("limit", "20"), f.searchParams.set("q", j), (await fetch(f.toString())).json();
     }
     function R() {
       if (u.value = !0, c.value = !0, s.value === "coordinates") {
-        const B = r.value.trim().split(",");
-        if (B.length === 2) {
-          const m = parseFloat(B[0]), f = parseFloat(B[1]);
+        const j = r.value.trim().split(",");
+        if (j.length === 2) {
+          const m = parseFloat(j[0]), f = parseFloat(j[1]);
           !Number.isNaN(m) && !Number.isNaN(f) && t("goToCoordinates", [m, f]);
         }
         return;
       }
       v && window.clearTimeout(v), v = window.setTimeout(async () => {
-        const B = r.value.trim();
-        if (!B) {
+        const j = r.value.trim();
+        if (!j) {
           a.value = [], c.value = !1;
           return;
         }
         try {
-          const m = await S(B);
+          const m = await S(j);
           a.value = Array.isArray(m.features) ? m.features : [];
         } catch {
           a.value = [];
@@ -3014,13 +2930,13 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
         }
       }, 300);
     }
-    function $() {
+    function C() {
       r.value = "", a.value = [], u.value = !1, c.value = !1;
     }
-    function z(B) {
-      t("goToCoordinates", B), u.value = !1, c.value = !1, a.value = [];
+    function E(j) {
+      t("goToCoordinates", j), u.value = !1, c.value = !1, a.value = [];
     }
-    return (B, m) => (i(), d("div", kn, [
+    return (j, m) => (i(), d("div", kn, [
       l("div", _n, [
         l("div", $n, [
           l("div", Cn, [
@@ -3030,7 +2946,7 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
               class: "h-[40px] relative px-4 pe-9 flex text-nowrap w-full cursor-pointer bg-white border border-solid border-stone-200 rounded-lg text-start text-sm text-stone-800 focus:outline-none focus:ring-1 focus:ring-blue-600 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"
             }, [
               l("div", Vn, [
-                l("span", Mn, T(x.value), 1)
+                l("span", Mn, T(w.value), 1)
               ]),
               m[3] || (m[3] = l("svg", {
                 class: "stroke-gray-500 absolute right-3 translate-y-1/2 bottom-1/2",
@@ -3051,7 +2967,7 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
               l("div", Sn, [
                 l("div", Bn, [
                   (i(), d(Y, null, le(p, (f) => l("div", {
-                    onClick: (Z) => g(f),
+                    onClick: (Q) => b(f),
                     key: f.value,
                     class: "form-autocomplete__item cursor-pointer hs-selected:bg-stone-100 dark:hs-selected:bg-neutral-800 py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 rounded-lg focus:outline-none focus:bg-stone-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800 cursor-default"
                   }, [
@@ -3061,15 +2977,15 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
                       ]),
                       f.value === s.value ? (i(), d("svg", En, m[4] || (m[4] = [
                         l("polyline", { points: "20 6 9 17 4 12" }, null, -1)
-                      ]))) : A("", !0)
+                      ]))) : D("", !0)
                     ])
                   ], 8, jn)), 64))
                 ])
               ])
-            ])) : A("", !0)
+            ])) : D("", !0)
           ]),
-          l("div", An, [
-            l("div", Fn, [
+          l("div", Fn, [
+            l("div", Dn, [
               m[6] || (m[6] = l("i", { class: "absolute bottom-1/2 translate-y-1/2 left-3 text-gray-500" }, [
                 l("svg", {
                   width: "16",
@@ -3101,11 +3017,11 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
                 placeholder: "lat, lng ex. 50, 30",
                 class: "bg-white h-[38px] text-sm py-2 px-3 ps-9 pe-8 block w-full border border-solid placeholder:text-nowrap border-stone-200 rounded-lg text-stone-800 placeholder:text-stone-400 focus:outline focus:z-10 focus:border-blue-500 focus:ring-blue-500 focus:outline-blue-500"
               }, null, 544), [
-                [re, r.value]
+                [se, r.value]
               ]),
               r.value ? (i(), d("button", {
                 key: 0,
-                onClick: $,
+                onClick: C,
                 class: "absolute right-2 bottom-1/2 translate-y-1/2 text-gray-500 hover:text-red-500",
                 "aria-label": "Очистити",
                 type: "button"
@@ -3124,16 +3040,16 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
                     "stroke-linejoin": "round"
                   })
                 ], -1)
-              ]))) : A("", !0),
-              u.value && s.value !== "coordinates" ? (i(), d("div", Dn, [
-                a.value.length ? (i(), d("ul", On, [
+              ]))) : D("", !0),
+              u.value && s.value !== "coordinates" ? (i(), d("div", On, [
+                a.value.length ? (i(), d("ul", An, [
                   (i(!0), d(Y, null, le(a.value, (f) => (i(), d("li", {
                     key: f.properties.place_id,
-                    onClick: (Z) => z(f),
+                    onClick: (Q) => E(f),
                     class: "px-3 py-2 text-sm cursor-pointer hover:bg-gray-100"
                   }, T(f.properties.display_name), 9, Un))), 128))
                 ])) : c.value ? (i(), d("div", Tn, "Шукаю…")) : (i(), d("div", Rn, "Нічого не знайдено"))
-              ])) : A("", !0)
+              ])) : D("", !0)
             ])
           ])
         ])
@@ -3147,7 +3063,7 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
   },
   emits: ["onLayerChange"],
   setup(o, { emit: e }) {
-    const n = w(Object.keys(o.basemaps)[0]), s = e;
+    const n = x(Object.keys(o.basemaps)[0]), s = e;
     function r(a) {
       s("onLayerChange", a), n.value = a;
     }
@@ -3155,7 +3071,7 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
       l("div", Nn, [
         (i(!0), d(Y, null, le(a.basemaps, (c, v) => (i(), d("div", {
           key: v,
-          class: M(["cursor-pointer border rounded-lg overflow-hidden hover:shadow-sm", { "ring-2 ring-blue-500 border-blue-300": n.value === v }]),
+          class: V(["cursor-pointer border rounded-lg overflow-hidden hover:shadow-sm", { "ring-2 ring-blue-500 border-blue-300": n.value === v }]),
           onClick: (p) => r(v),
           title: c.name || v,
           role: "button",
@@ -3193,26 +3109,26 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = Mt(), n = o, s = e, r = w(null);
+    const t = zt(), n = o, s = e, r = x(null);
     let a, u, c;
-    const v = w(null), p = w(null), x = w(6), g = w(0), _ = w(t?.appContext.config.globalProperties.$settings?.center || [50, 30]), S = w(null), R = ue();
-    let $;
-    const z = w("topo100");
-    function B() {
+    const v = x(null), p = x(null), w = x(6), b = x(0), $ = x(t?.appContext.config.globalProperties.$settings?.center || [50, 30]), S = x(null), R = de();
+    let C;
+    const E = x("topo100");
+    function j() {
       return new Promise((y, k) => {
         window.L && window.L.Draw && y(0);
-        const P = (fe) => {
-          if (Array.from(document.styleSheets).some((he) => he?.href?.includes(fe))) return;
-          const me = document.createElement("link");
-          me.rel = "stylesheet", me.href = fe, document.head.appendChild(me);
-        }, J = (fe) => new Promise((_e, me) => {
-          const he = Array.from(document.scripts).find((Ve) => Ve.src === fe);
-          if (he) {
-            he.addEventListener("load", () => _e()), he.addEventListener("error", (Ve) => me(Ve));
+        const P = (ne) => {
+          if (Array.from(document.styleSheets).some((ge) => ge?.href?.includes(ne))) return;
+          const he = document.createElement("link");
+          he.rel = "stylesheet", he.href = ne, document.head.appendChild(he);
+        }, J = (ne) => new Promise((_e, he) => {
+          const ge = Array.from(document.scripts).find((Ve) => Ve.src === ne);
+          if (ge) {
+            ge.addEventListener("load", () => _e()), ge.addEventListener("error", (Ve) => he(Ve));
             return;
           }
           const Ce = document.createElement("script");
-          Ce.src = fe, Ce.async = !0, Ce.onload = () => _e(), Ce.onerror = (Ve) => me(Ve), document.body.appendChild(Ce);
+          Ce.src = ne, Ce.async = !0, Ce.onload = () => _e(), Ce.onerror = (Ve) => he(Ve), document.body.appendChild(Ce);
         });
         P("https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"), P("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.css"), J("https://unpkg.com/leaflet@1.9.4/dist/leaflet.js").then(() => J("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.js")).then(() => y(0)).catch(k);
       });
@@ -3220,7 +3136,7 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
     function m() {
       const y = u.toGeoJSON();
       let k = null;
-      y?.features?.length && (k = y.features[0].geometry), s("update:modelValue", k), g.value = u.getLayers().length;
+      y?.features?.length && (k = y.features[0].geometry), s("update:modelValue", k), b.value = u.getLayers().length;
     }
     function f(y = 30) {
       const k = u.getLayers();
@@ -3228,14 +3144,14 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
       const J = L.featureGroup(k).getBounds();
       J && J.isValid() && a.fitBounds(J, { padding: [y, y] });
     }
-    function Z() {
+    function Q() {
       v.value?.click();
     }
-    const U = w("");
-    function D(y) {
+    const U = x("");
+    function O(y) {
       return y instanceof L.Circle ? "Circle" : y instanceof L.Rectangle ? "Rectangle" : y instanceof L.Polygon && !(y instanceof L.Rectangle) ? "Polygon" : y instanceof L.Polyline && !(y instanceof L.Polygon) ? "Polyline" : y instanceof L.Marker ? "Point" : "Feature";
     }
-    function ie(y) {
+    function ue(y) {
       if (y instanceof L.Circle) {
         const k = y.getRadius();
         return Math.PI * (k * k) / 1e6;
@@ -3252,50 +3168,50 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
     function ee(y) {
       return y instanceof L.Circle ? y.getLatLng() : y.getBounds ? y.getBounds().getCenter() : y.getLatLng ? y.getLatLng() : a.getCenter();
     }
-    function W() {
+    function X() {
       const y = u.getLayers();
       if (!y.length) {
-        S.value = null, g.value = 0;
+        S.value = null, b.value = 0;
         return;
       }
-      const k = y[y.length - 1], P = D(k), J = ee(k), fe = ie(k);
+      const k = y[y.length - 1], P = O(k), J = ee(k), ne = ue(k);
       S.value = {
         type: P,
         center: J,
-        areaKm2: fe,
+        areaKm2: ne,
         layer: k
-      }, g.value = y.length;
+      }, b.value = y.length;
     }
     function je() {
       const y = S.value?.layer;
-      y && (y instanceof L.Circle && y.getBounds ? a.fitBounds(y.getBounds(), { padding: [30, 30] }) : y.getBounds ? a.fitBounds(y.getBounds(), { padding: [30, 30] }) : y.getLatLng && a.setView(y.getLatLng(), Math.max(x.value, 14)));
+      y && (y instanceof L.Circle && y.getBounds ? a.fitBounds(y.getBounds(), { padding: [30, 30] }) : y.getBounds ? a.fitBounds(y.getBounds(), { padding: [30, 30] }) : y.getLatLng && a.setView(y.getLatLng(), Math.max(w.value, 14)));
     }
-    function xe() {
+    function we() {
       const y = S.value?.layer;
-      y && (u.removeLayer(y), m(), W());
+      y && (u.removeLayer(y), m(), X());
     }
-    be(async () => {
-      await B(), L.drawLocal = Ys, a = L.map(r.value, { zoomControl: !1 }).setView(_.value, 10), L.control.zoom({ position: "bottomright" }).addTo(a), z.value = Object.keys(R)[0], $ = L.tileLayer(R[z.value].url, { maxZoom: 19, minZoom: 6 }).addTo(a), u = new L.FeatureGroup().addTo(a), a.on(L.Draw.Event.CREATED, (P) => {
+    xe(async () => {
+      await j(), L.drawLocal = Ys, a = L.map(r.value, { zoomControl: !1 }).setView($.value, 10), L.control.zoom({ position: "bottomright" }).addTo(a), E.value = Object.keys(R)[0], C = L.tileLayer(R[E.value].url, { maxZoom: 19, minZoom: 6 }).addTo(a), u = new L.FeatureGroup().addTo(a), a.on(L.Draw.Event.CREATED, (P) => {
         const { layer: J } = P;
-        u.clearLayers(), u.addLayer(J), m(), W(), f(), U.value = "";
+        u.clearLayers(), u.addLayer(J), m(), X(), f(), U.value = "";
       }), a.on(L.Draw.Event.EDITED, () => {
-        m(), W(), f();
+        m(), X(), f();
       }), a.on(L.Draw.Event.DELETED, () => {
-        m(), W(), f();
+        m(), X(), f();
       });
       let y = !1;
       a.on("mousemove", (P) => {
         y || (a.invalidateSize(), y = !0), p.value = P.latlng;
       }), a.on("zoomend", () => {
-        x.value = a.getZoom();
+        w.value = a.getZoom();
       });
       const k = en(n.modelValue);
       if (k) {
         const P = [];
-        L.geoJSON(k).eachLayer((J) => P.push(J)), P.length && u.addLayer(P[0]), m(), W(), f();
+        L.geoJSON(k).eachLayer((J) => P.push(J)), P.length && u.addLayer(P[0]), m(), X(), f();
       }
     });
-    function I(y) {
+    function z(y) {
       if (a) {
         switch (c && c.disable(), y) {
           case "marker":
@@ -3317,11 +3233,11 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
         c && (c.enable(), U.value = y);
       }
     }
-    function C() {
+    function M() {
       const y = u.toGeoJSON(), k = new Blob([JSON.stringify(y, null, 2)], { type: "application/json" }), P = URL.createObjectURL(k), J = document.createElement("a");
       J.href = P, J.download = "data.geojson", J.click(), URL.revokeObjectURL(P);
     }
-    function E(y) {
+    function I(y) {
       const k = y.target.files?.[0];
       if (!k) return;
       const P = new FileReader();
@@ -3329,16 +3245,16 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
         if (typeof P.result == "string")
           try {
             const J = JSON.parse(P.result);
-            u.clearLayers(), J && L.geoJSON({ type: "Feature", geometry: J }).eachLayer((fe) => {
-              u.addLayer(fe);
-            }), m(), W(), f();
+            u.clearLayers(), J && L.geoJSON({ type: "Feature", geometry: J }).eachLayer((ne) => {
+              u.addLayer(ne);
+            }), m(), X(), f();
           } finally {
             y.target.value = "";
           }
       }, P.readAsText(k);
     }
     function G(y) {
-      a && ($ && a.removeLayer($), $ = L.tileLayer(R[y].url, { maxZoom: 19, minZoom: 6 }).addTo(a), z.value = y);
+      a && (C && a.removeLayer(C), C = L.tileLayer(R[y].url, { maxZoom: 19, minZoom: 6 }).addTo(a), E.value = y);
     }
     function oe(y) {
       const k = L.latLng(y[0], y[1]);
@@ -3347,12 +3263,15 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
     te(
       () => n.modelValue,
       (y) => {
-        u.clearLayers(), y && L.geoJSON({ type: "Feature", geometry: y }).eachLayer((k) => {
-          u.addLayer(k);
-        }), g.value = u.getLayers().length, W(), f();
+        console.log("update map"), u.clearLayers(), y && L.geoJSON({ type: "Feature", geometry: y }).eachLayer((k) => {
+          u.addLayer(k), k.dragging?.enable(), k.dragging?.enabled(), k.on("dragend", (P) => {
+            const ne = P.target.getLatLng();
+            s("update:modelValue", { type: "Point", coordinates: [ne.lng, ne.lat] });
+          });
+        }), b.value = u.getLayers().length, X(), f();
       }
     );
-    function ue() {
+    function de() {
       return t?.appContext.config.globalProperties.$settings?.basemaps ? t?.appContext.config.globalProperties.$settings?.basemaps.map((y, k) => Object.assign(y, { key: `b${k}`, preview: y.preview || y.url.replace("{z}/{x}/{y}.png", "13/4790/2762.png") })).reduce((y, k) => ({ ...y, [k.key]: k }), {}) : {
         topo100: {
           url: "https://data.gki.com.ua/api-user/rtile/voyager/ua/{z}/{x}/{y}.png",
@@ -3368,13 +3287,13 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
         }
       };
     }
-    const we = w(!1);
-    return te(we, () => {
+    const ke = x(!1);
+    return te(ke, () => {
       setTimeout(() => {
         a.invalidateSize();
       }, 50);
     }), (y, k) => (i(), d("div", {
-      class: M(["leaflet-map-wrapper relative w-full h-[400px]", { fullscreen: we.value }])
+      class: V(["leaflet-map-wrapper relative w-full h-[400px]", { fullscreen: ke.value }])
     }, [
       l("div", {
         ref_key: "mapContainer",
@@ -3382,26 +3301,26 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
         class: "w-full h-full"
       }, null, 512),
       l("div", Kn, [
-        j(Pn, { onGoToCoordinates: oe }),
+        B(Pn, { onGoToCoordinates: oe }),
         l("div", Zn, [
           l("div", Wn, [
             l("button", {
               type: "button",
               class: "vs-btn-row",
-              onClick: Z
+              onClick: Q
             }, "Import"),
             l("button", {
               type: "button",
               class: "vs-btn-row",
-              onClick: C,
-              disabled: g.value === 0
+              onClick: M,
+              disabled: b.value === 0
             }, "Export ", 8, Qn)
           ]),
           l("input", {
             ref_key: "importRef",
             ref: v,
             type: "file",
-            onChange: E,
+            onChange: I,
             accept: ".json,.geojson",
             class: "hidden"
           }, null, 544)
@@ -3410,57 +3329,57 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
       l("div", Xn, [
         l("div", Yn, [
           l("button", {
-            class: M(["vs-btn", { "vs-active": U.value === "marker" }]),
+            class: V(["vs-btn", { "vs-active": U.value === "marker" }]),
             "aria-pressed": U.value === "marker",
             title: "Point (P)",
             "aria-label": "Draw point",
-            onClick: k[0] || (k[0] = (P) => I("marker"))
+            onClick: k[0] || (k[0] = (P) => z("marker"))
           }, [
-            j(an)
+            B(an)
           ], 10, er),
           l("button", {
-            class: M(["vs-btn", { "vs-active": U.value === "polyline" }]),
+            class: V(["vs-btn", { "vs-active": U.value === "polyline" }]),
             "aria-pressed": U.value === "polyline",
             title: "Line (L)",
             "aria-label": "Draw polyline",
-            onClick: k[1] || (k[1] = (P) => I("polyline"))
+            onClick: k[1] || (k[1] = (P) => z("polyline"))
           }, [
-            j(un)
+            B(un)
           ], 10, tr),
           l("button", {
-            class: M(["vs-btn", { "vs-active": U.value === "polygon" }]),
+            class: V(["vs-btn", { "vs-active": U.value === "polygon" }]),
             "aria-pressed": U.value === "polygon",
             title: "Polygon (G)",
             "aria-label": "Draw polygon",
-            onClick: k[2] || (k[2] = (P) => I("polygon"))
+            onClick: k[2] || (k[2] = (P) => z("polygon"))
           }, [
-            j(fn)
+            B(fn)
           ], 10, lr),
           l("button", {
-            class: M(["vs-btn", { "vs-active": U.value === "rectangle" }]),
+            class: V(["vs-btn", { "vs-active": U.value === "rectangle" }]),
             "aria-pressed": U.value === "rectangle",
             title: "Rectangle (R)",
             "aria-label": "Draw rectangle",
-            onClick: k[3] || (k[3] = (P) => I("rectangle"))
+            onClick: k[3] || (k[3] = (P) => z("rectangle"))
           }, [
-            j(gn)
+            B(gn)
           ], 10, or),
           l("button", {
             class: "vs-btn mt-5",
             onClick: k[4] || (k[4] = (P) => {
-              we.value = !we.value;
+              ke.value = !ke.value;
             }),
             title: "Full Screen",
             "aria-label": "Full Screen"
           }, [
-            j(wn, { style: { width: "12px", height: "12px" } })
+            B(wn, { style: { width: "12px", height: "12px" } })
           ])
         ])
       ]),
       l("div", {
-        class: M(["absolute left-4 z-[1000]", S.value ? "bottom-8" : "bottom-4"])
+        class: V(["absolute left-4 z-[1000]", S.value ? "bottom-8" : "bottom-4"])
       }, [
-        j(Jn, {
+        B(Jn, {
           basemaps: q(R),
           onOnLayerChange: G
         }, null, 8, ["basemaps"])
@@ -3468,19 +3387,19 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
       l("div", ar, [
         S.value ? (i(), d("div", sr, [
           l("div", nr, [
-            k[7] || (k[7] = pe(" Тип: ", -1)),
+            k[7] || (k[7] = fe(" Тип: ", -1)),
             l("span", rr, T(S.value.type), 1)
           ]),
           l("div", ir, [
             l("div", ur, [
-              k[8] || (k[8] = pe(" Центр: ", -1)),
+              k[8] || (k[8] = fe(" Центр: ", -1)),
               l("b", null, T(S.value.center.lat.toFixed(5)) + ", " + T(S.value.center.lng.toFixed(5)), 1)
             ]),
             S.value.areaKm2 !== null ? (i(), d("div", dr, [
-              k[9] || (k[9] = pe(" Площа: ", -1)),
+              k[9] || (k[9] = fe(" Площа: ", -1)),
               l("b", null, T(S.value.areaKm2.toFixed(1)) + "км²", 1)
             ])) : (i(), d("div", cr, k[10] || (k[10] = [
-              pe(" Площа: ", -1),
+              fe(" Площа: ", -1),
               l("b", null, "—", -1)
             ]))),
             l("button", {
@@ -3488,26 +3407,26 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
               title: "Наблизити",
               onClick: k[5] || (k[5] = (P) => je())
             }, k[11] || (k[11] = [
-              de('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-3 h-3" data-v-e82d2d97><path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" data-v-e82d2d97></path><path d="M7 10l6 0" data-v-e82d2d97></path><path d="M10 7l0 6" data-v-e82d2d97></path><path d="M21 21l-6 -6" data-v-e82d2d97></path></svg>', 1)
+              ce('<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-5a4c21a7><path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" data-v-5a4c21a7></path><path d="M7 10l6 0" data-v-5a4c21a7></path><path d="M10 7l0 6" data-v-5a4c21a7></path><path d="M21 21l-6 -6" data-v-5a4c21a7></path></svg>', 1)
             ])),
             l("button", {
               class: "tool bg-gray-100 py-1.5 px-2 rounded-lg text-md cursor-pointer hover:bg-blue-500 hover:text-white transition-all",
               title: "Видалити",
-              onClick: k[6] || (k[6] = (P) => xe())
+              onClick: k[6] || (k[6] = (P) => we())
             }, [
-              j(Ue, { class: "w-3 h-3" })
+              B(Te, { class: "w-3 h-3" })
             ])
           ])
-        ])) : A("", !0)
+        ])) : D("", !0)
       ])
     ], 2));
   }
-}), fr = /* @__PURE__ */ H(pr, [["__scopeId", "data-v-e82d2d97"]]), vr = ["data-focus"], mr = { class: "flex items-center" }, hr = { class: "overflow-hidden text-ellipsis whitespace-nowrap rounded-sm text-[#333] text-[85%] px-0.5 py-[3px] pl-1.5 box-border" }, gr = ["onClick", "aria-label"], br = {
+}), fr = /* @__PURE__ */ H(pr, [["__scopeId", "data-v-5a4c21a7"]]), vr = ["data-focus"], mr = { class: "flex items-center" }, hr = { class: "overflow-hidden text-ellipsis whitespace-nowrap rounded-sm text-[#333] text-[85%] px-0.5 py-[3px] pl-1.5 box-border" }, gr = ["onClick", "aria-label"], br = {
   key: 0,
   class: "absolute text-gray-500 truncate pl-2"
 }, yr = { class: "flex-1 min-w-[2px]" }, xr = ["placeholder"], wr = { class: "flex items-center shrink-0" }, kr = ["disabled"], _r = /* @__PURE__ */ F({
   __name: "vs-input-tag",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ Z({
     unique: { type: Boolean, default: !0 },
     style: { default: () => ({}) },
     customClass: { default: "" },
@@ -3520,49 +3439,49 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
     modelValue: { default: [] },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Q(["update:modelValue"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ Z(["update:modelValue"], ["update:modelValue"]),
   setup(o, { emit: e }) {
     const t = o, n = e;
-    ye(t.style);
-    const s = w(null), r = w(null), a = w(null), u = w(!1), c = w(""), v = X(o, "modelValue"), p = O(() => t.placeholder || "Add tag…"), x = O(() => v.value?.length === 0 && c.value === ""), g = O(() => !t.disabled && v.value?.length > 0), _ = O(() => t.disabled), S = async () => {
-      _.value || await ze(() => a.value?.focus());
+    me(t.style);
+    const s = x(null), r = x(null), a = x(null), u = x(!1), c = x(""), v = W(o, "modelValue"), p = A(() => t.placeholder || "Add tag…"), w = A(() => v.value?.length === 0 && c.value === ""), b = A(() => !t.disabled && v.value?.length > 0), $ = A(() => t.disabled), S = async () => {
+      $.value || await ze(() => a.value?.focus());
     }, R = (U) => {
-      const D = U.trim();
-      D !== "" && (!v.value || !Array.isArray(v.value) ? v.value = [D] : t.unique ? v.value.includes(D) || (v.value = [...v.value, D]) : v.value = [...v.value, D], c.value = "");
-    }, $ = () => {
+      const O = U.trim();
+      O !== "" && (!v.value || !Array.isArray(v.value) ? v.value = [O] : t.unique ? v.value.includes(O) || (v.value = [...v.value, O]) : v.value = [...v.value, O], c.value = "");
+    }, C = () => {
       const U = c.value;
       U.trim() !== "" && R(U), c.value = "";
-    }, z = (U) => {
-      const D = v.value.slice();
-      D.splice(U, 1), n("update:modelValue", D);
-    }, B = () => {
+    }, E = (U) => {
+      const O = v.value.slice();
+      O.splice(U, 1), n("update:modelValue", O);
+    }, j = () => {
       n("update:modelValue", []);
     }, m = () => {
-      _.value || (u.value = !0);
+      $.value || (u.value = !0);
     }, f = () => {
       u.value = !1;
-    }, Z = (U) => {
-      const { key: D } = U;
-      D === "Enter" ? (U.preventDefault(), $()) : D === "Backspace" && c.value === "" && v.value.length > 0 && z(v.value.length - 1);
+    }, Q = (U) => {
+      const { key: O } = U;
+      O === "Enter" ? (U.preventDefault(), C()) : O === "Backspace" && c.value === "" && v.value.length > 0 && E(v.value.length - 1);
     };
-    return (U, D) => (i(), d("div", {
+    return (U, O) => (i(), d("div", {
       class: "flex gap-1 w-full",
       ref_key: "root",
       ref: s,
-      onClick: D[1] || (D[1] = ve(() => {
+      onClick: O[1] || (O[1] = ve(() => {
       }, ["stop"]))
     }, [
       l("div", {
-        class: M(["relative w-full font-sans", t.customClass]),
+        class: V(["relative w-full font-sans", t.customClass]),
         role: "group",
         "aria-label": "Tag input"
       }, [
         l("div", {
-          class: M([
+          class: V([
             "flex min-h-[38px] items-center justify-between rounded border transition-colors bg-white",
             "border-gray-300 hover:border-gray-400",
             u.value ? "border-blue-500 ring-1 ring-blue-500" : "",
-            _.value ? "bg-gray-100 text-gray-400 cursor-not-allowed hover:border-gray-300" : ""
+            $.value ? "bg-gray-100 text-gray-400 cursor-not-allowed hover:border-gray-300" : ""
           ]),
           "data-focus": u.value ? "true" : "false",
           onClick: S
@@ -3572,19 +3491,19 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
             ref_key: "chipsRef",
             ref: r
           }, [
-            (i(!0), d(Y, null, le(v.value, (ie, ee) => (i(), d("div", {
+            (i(!0), d(Y, null, le(v.value, (ue, ee) => (i(), d("div", {
               key: ee,
               class: "flex min-w-0 bg-[#e6e6e6] rounded-sm m-0.5 box-border"
             }, [
               l("div", mr, [
-                l("div", hr, T(ie), 1)
+                l("div", hr, T(ue), 1)
               ]),
               l("div", {
                 role: "button",
                 class: "flex items-center rounded-sm px-1 box-border hover:bg-[#ffbdad] hover:text-[#de350b]",
-                onClick: ve((W) => z(ee), ["stop"]),
-                "aria-label": `Remove ${ie}`
-              }, D[2] || (D[2] = [
+                onClick: ve((X) => E(ee), ["stop"]),
+                "aria-label": `Remove ${ue}`
+              }, O[2] || (O[2] = [
                 l("svg", {
                   height: "14",
                   width: "14",
@@ -3597,9 +3516,9 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
                 ], -1)
               ]), 8, gr)
             ]))), 128)),
-            x.value ? (i(), d("div", br, T(p.value), 1)) : A("", !0),
+            w.value ? (i(), d("div", br, T(p.value), 1)) : D("", !0),
             l("div", yr, [
-              _.value ? A("", !0) : K((i(), d("input", {
+              $.value ? D("", !0) : K((i(), d("input", {
                 key: 0,
                 ref_key: "inputRef",
                 ref: a,
@@ -3611,25 +3530,25 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
                 type: "text",
                 tabindex: "0",
                 "aria-label": "Add tag",
-                "onUpdate:modelValue": D[0] || (D[0] = (ie) => c.value = ie),
+                "onUpdate:modelValue": O[0] || (O[0] = (ue) => c.value = ue),
                 onFocus: m,
                 onBlur: f,
-                onKeydown: Z,
+                onKeydown: Q,
                 placeholder: v.value && v.value.length ? "" : void 0
               }, null, 40, xr)), [
-                [re, c.value]
+                [se, c.value]
               ])
             ])
           ], 512),
           l("div", wr, [
-            g.value ? (i(), d("button", {
+            b.value ? (i(), d("button", {
               key: 0,
               type: "button",
               class: "px-2 text-gray-400 hover:text-gray-500 transition-colors disabled:opacity-50",
               "aria-label": "Clear all tags",
-              disabled: _.value,
-              onClick: ve(B, ["stop"])
-            }, D[3] || (D[3] = [
+              disabled: $.value,
+              onClick: ve(j, ["stop"])
+            }, O[3] || (O[3] = [
               l("svg", {
                 height: "20",
                 width: "20",
@@ -3638,7 +3557,7 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
               }, [
                 l("path", { d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z" })
               ], -1)
-            ]), 8, kr)) : A("", !0)
+            ]), 8, kr)) : D("", !0)
           ])
         ], 10, vr)
       ], 2)
@@ -3646,7 +3565,7 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
   }
 }), $r = { class: "relative flex gap-1 bg-white w-full" }, Cr = ["disabled", "placeholder"], Vr = /* @__PURE__ */ F({
   __name: "vs-input-slug",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ Z({
     disabled: { type: Boolean },
     placeholder: {},
     parent: {}
@@ -3656,7 +3575,7 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = Me("values"), t = o, n = X(o, "modelValue");
+    const e = Me("values"), t = o, n = W(o, "modelValue");
     function s(a) {
       const u = {
         а: "a",
@@ -3711,7 +3630,7 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
         "onUpdate:modelValue": u[0] || (u[0] = (c) => n.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, Cr), [
-        [re, n.value]
+        [se, n.value]
       ]),
       l("button", {
         class: "px-2 bg-gray-100 border rounded-lg hover:bg-gray-200",
@@ -3725,7 +3644,7 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
 }, Br = ["onDragstart", "onDrop"], jr = { class: "w-1/3" }, Ir = { class: "w-2/3" }, zr = ["onClick"], Er = {
   key: 0,
   class: "text-[14px] text-gray-700"
-}, Ar = { class: "mt-2 w-full flex items-center" }, Fr = ["disabled"], Dr = /* @__PURE__ */ F({
+}, Fr = { class: "mt-2 w-full flex items-center" }, Dr = ["disabled"], Or = /* @__PURE__ */ F({
   __name: "vs-input-key-value",
   props: {
     parent: {},
@@ -3735,101 +3654,101 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = ($) => `${$}-${Math.random().toString(36).substring(2, 15)}`, n = Me("values"), s = o, r = e, a = s.addButtonText ?? "Додати", u = s.ignore ?? [], c = w([]), v = w(null);
+    const t = (C) => `${C}-${Math.random().toString(36).substring(2, 15)}`, n = Me("values"), s = o, r = e, a = s.addButtonText ?? "Додати", u = s.ignore ?? [], c = x([]), v = x(null);
     (() => {
-      const $ = s.parent && n?.value?.[s.parent] || s.modelValue || {};
-      c.value = Object.entries($).filter(([z]) => !u.includes(z)).map(([z, B]) => ({
+      const C = s.parent && n?.value?.[s.parent] || s.modelValue || {};
+      c.value = Object.entries(C).filter(([E]) => !u.includes(E)).map(([E, j]) => ({
         id: t("key-value-"),
-        key: z,
-        value: B
+        key: E,
+        value: j
       }));
     })();
-    function x($) {
-      v.value = $;
+    function w(C) {
+      v.value = C;
     }
-    function g($) {
-      if (v.value === null || v.value === $) return;
-      const z = c.value.splice(v.value, 1)[0];
-      c.value.splice($, 0, z), v.value = null;
+    function b(C) {
+      if (v.value === null || v.value === C) return;
+      const E = c.value.splice(v.value, 1)[0];
+      c.value.splice(C, 0, E), v.value = null;
     }
-    const _ = O(
-      () => c.value.some(($) => $.key && !$.value || !$.key && $.value)
+    const $ = A(
+      () => c.value.some((C) => C.key && !C.value || !C.key && C.value)
     ), S = () => {
       c.value.push({ id: t("key-value-"), key: "", value: "" });
-    }, R = ($) => {
-      c.value = c.value.filter((z) => z.id !== $);
+    }, R = (C) => {
+      c.value = c.value.filter((E) => E.id !== C);
     };
     return te(
       c,
-      ($) => {
-        const z = {};
-        $.forEach((m) => {
-          m.key && m.value !== void 0 && (z[m.key] = m.value);
+      (C) => {
+        const E = {};
+        C.forEach((m) => {
+          m.key && m.value !== void 0 && (E[m.key] = m.value);
         });
-        const B = {};
+        const j = {};
         u.length && u.forEach((m) => {
-          B[m] = s.parent ? n?.value?.[s.parent]?.[m] : void 0;
+          j[m] = s.parent ? n?.value?.[s.parent]?.[m] : void 0;
         }), n?.value && s.parent && (n.value[s.parent] = {
-          ...B,
-          ...z
-        }), r("update:modelValue", z);
+          ...j,
+          ...E
+        }), r("update:modelValue", E);
       },
       { deep: !0 }
-    ), ($, z) => (i(), d("div", Lr, [
+    ), (C, E) => (i(), d("div", Lr, [
       l("div", Sr, [
-        (i(!0), d(Y, null, le(c.value, (B, m) => (i(), d("div", {
-          key: B.id,
-          class: M(["flex items-center gap-2 w-full", { "opacity-50": v.value === m }]),
+        (i(!0), d(Y, null, le(c.value, (j, m) => (i(), d("div", {
+          key: j.id,
+          class: V(["flex items-center gap-2 w-full", { "opacity-50": v.value === m }]),
           draggable: "true",
-          onDragstart: (f) => x(m),
-          onDragover: z[0] || (z[0] = ve(() => {
+          onDragstart: (f) => w(m),
+          onDragover: E[0] || (E[0] = ve(() => {
           }, ["prevent"])),
-          onDrop: (f) => g(m)
+          onDrop: (f) => b(m)
         }, [
-          z[1] || (z[1] = de('<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)),
+          E[1] || (E[1] = ce('<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", jr, [
-            j(De, {
-              modelValue: B.key,
-              "onUpdate:modelValue": (f) => B.key = f,
+            B(Ue, {
+              modelValue: j.key,
+              "onUpdate:modelValue": (f) => j.key = f,
               placeholder: "Ключ"
             }, null, 8, ["modelValue", "onUpdate:modelValue"])
           ]),
           l("div", Ir, [
-            j(De, {
-              modelValue: B.value,
-              "onUpdate:modelValue": (f) => B.value = f,
+            B(Ue, {
+              modelValue: j.value,
+              "onUpdate:modelValue": (f) => j.value = f,
               placeholder: "Значення"
             }, null, 8, ["modelValue", "onUpdate:modelValue"])
           ]),
           l("button", {
-            onClick: (f) => R(B.id),
+            onClick: (f) => R(j.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"
           }, [
-            j(q(ml), {
+            B(q(kl), {
               height: "16",
               width: "16"
             })
           ], 8, zr)
         ], 42, Br))), 128))
       ], 512),
-      c.value.length ? A("", !0) : (i(), d("span", Er, " Дані для відображення відсутні ")),
-      l("div", Ar, [
+      c.value.length ? D("", !0) : (i(), d("span", Er, " Дані для відображення відсутні ")),
+      l("div", Fr, [
         l("button", {
           type: "button",
           onClick: S,
-          disabled: _.value,
+          disabled: $.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"
         }, [
-          j(Ae, {
+          B(Fe, {
             height: "14",
             width: "14"
           }),
-          pe(" " + T(q(a)), 1)
-        ], 8, Fr)
+          fe(" " + T(q(a)), 1)
+        ], 8, Dr)
       ])
     ]));
   }
-}), Or = /* @__PURE__ */ H(Dr, [["__scopeId", "data-v-a0f7fbfc"]]), Ur = { class: "flex items-center gap-2 w-full" }, Tr = ["disabled"], Rr = /* @__PURE__ */ F({
+}), Ar = /* @__PURE__ */ H(Or, [["__scopeId", "data-v-a0f7fbfc"]]), Ur = { class: "flex items-center gap-2 w-full" }, Tr = ["disabled"], Rr = /* @__PURE__ */ F({
   __name: "vs-input-color",
   props: {
     style: { default: () => ({}) },
@@ -3842,7 +3761,7 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, { inputClass: n } = ye(t.style), s = e, r = O({
+    const t = o, { inputClass: n } = me(t.style), s = e, r = A({
       get: () => t.modelValue || "#000000",
       set: (a) => s("update:modelValue", a)
     });
@@ -3852,16 +3771,16 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
         "onUpdate:modelValue": u[0] || (u[0] = (c) => r.value = c),
         disabled: a.disabled,
         ref: "color",
-        class: M(["py-1.5 px-1 block w-full bg-white cursor-pointer max-w-[50px]", [a.modelValue ? "" : "text-opacity-50", q(n)].join(" ")]),
+        class: V(["py-1.5 px-1 block w-full bg-white cursor-pointer max-w-[50px]", [a.modelValue ? "" : "text-opacity-50", q(n)].join(" ")]),
         style: { border: "1px solid #CFD9E0" }
       }, null, 10, Tr), [
-        [re, r.value]
+        [se, r.value]
       ]),
       K(l("input", {
         class: "text-sm text-gray-600 border border-solid border-stone-200 rounded-md p-2",
         "onUpdate:modelValue": u[1] || (u[1] = (c) => r.value = c)
       }, null, 512), [
-        [re, r.value]
+        [se, r.value]
       ])
     ]));
   }
@@ -3881,7 +3800,7 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const t = o, { inputClass: n } = ye(t.style), s = e, r = O({
+    const t = o, { inputClass: n } = me(t.style), s = e, r = A({
       get: () => Number(t.modelValue ?? t.min),
       set: (a) => s("update:modelValue", Number(a))
     });
@@ -3894,42 +3813,43 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
         step: a.step,
         disabled: a.disabled,
         ref: "range",
-        class: M(["w-full cursor-pointer accent-blue-500", [a.modelValue ? "" : "text-opacity-50", q(n)].join(" ")])
+        class: V(["w-full cursor-pointer accent-blue-500", [a.modelValue ? "" : "text-opacity-50", q(n)].join(" ")])
       }, null, 10, Hr), [
-        [re, r.value]
+        [se, r.value]
       ]),
       K(l("input", {
         class: "text-sm text-gray-600 border border-solid border-stone-200 rounded-md p-2 max-w-[100px]",
         type: "number",
         "onUpdate:modelValue": u[1] || (u[1] = (c) => r.value = c)
       }, null, 512), [
-        [re, r.value]
+        [se, r.value]
       ])
     ]));
   }
 }), qr = {
-  VsInputText: De,
-  VsInputRadio: at,
-  "vs-input-text": De,
+  VsInputText: Ue,
+  VsInputRadio: rt,
+  "vs-input-text": Ue,
+  "vs-input-password": Wt,
   "vs-input-textarea": Qa,
-  "vs-input-mask": Vl,
-  "vs-input-number": Gt,
-  "vs-input-radio": at,
+  "vs-input-mask": zl,
+  "vs-input-number": Yt,
+  "vs-input-radio": rt,
   "vs-input-select": Za,
-  "vs-input-switcher": ft,
-  "vs-input-static": ot,
-  "vs-input-container": Ma,
-  "vs-input-date": Tl,
-  "vs-input-checkbox": Ol,
-  "vs-input-file": Vo,
-  "vs-input-html": ot,
-  "vs-input-email": Sl,
+  "vs-input-switcher": bt,
+  "vs-input-static": nt,
+  "vs-input-container": Ea,
+  "vs-input-date": Jl,
+  "vs-input-checkbox": ql,
+  "vs-input-file": zo,
+  "vs-input-html": nt,
+  "vs-input-email": Dl,
   "vs-input-datatable": Xs,
   "vs-input-map": fr,
-  "vs-input-file-list": la,
+  "vs-input-file-list": ua,
   "vs-input-tag": _r,
   "vs-input-slug": Mr,
-  "vs-input-key-value": Or,
+  "vs-input-key-value": Ar,
   "vs-input-range": Nr,
   "vs-input-color": Rr
 }, Gr = /* @__PURE__ */ F({
@@ -3948,7 +3868,7 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
         if (!e.api) return;
         const s = e.api.replace("{{value}}", e.value), r = await fetch(s);
         if (!r.ok) {
-          ke({ type: "warning", title: "Validation", message: "При спробі завантажити дані виникла помилка." });
+          be({ type: "warning", title: "Validation", message: "При спробі завантажити дані виникла помилка." });
           return;
         }
         const a = await r.json();
@@ -3964,9 +3884,9 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
       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"
     }, T(s.button), 1));
   }
-}), Jr = { class: "flex w-full" }, ht = /* @__PURE__ */ F({
+}), wt = /* @__PURE__ */ F({
   __name: "vs-compact-form-layout",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ Z({
     item: { default: {} },
     layout: { default: "default" },
     style: { default: {} },
@@ -3978,55 +3898,57 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, t = X(o, "modelValue"), n = O(() => Ht[`${e.layout}`]), s = O(() => qr?.[`vs-input-${e.item.type}`]), r = O(() => {
+    const e = o, t = W(o, "modelValue"), n = A(() => Kt[`${e.layout}`]), s = A(() => qr?.[`vs-input-${e.item.type}`]), r = A(() => {
       const u = q(s);
       if (!u) return /* @__PURE__ */ new Set();
       const c = u.props ?? u.__vccOpts?.props;
       if (!c) return /* @__PURE__ */ new Set();
       const v = Array.isArray(c) ? c : Object.keys(c);
       return new Set(v);
-    }), a = O(() => {
+    }), a = A(() => {
       const u = e.item ?? {}, c = r.value;
       return c.size ? Object.fromEntries(Object.entries(u).filter(([v]) => c.has(v))) : {};
     });
-    return (u, c) => (i(), ae(Se(n.value), {
+    return (u, c) => (i(), ae(Be(n.value), {
       ua: e.item.ua,
       error: e.error || "",
       item: u.item,
       label: e.item.label
     }, {
-      default: Be(() => [
-        l("div", Jr, [
-          (i(), ae(Se(s.value), Ee(a.value, {
+      default: Le(() => [
+        l("div", {
+          class: V(["flex w-full", `${e.item.type}-component`])
+        }, [
+          (i(), ae(Be(s.value), Ee(a.value, {
             modelValue: t.value,
             "onUpdate:modelValue": c[0] || (c[0] = (v) => t.value = v)
           }), null, 16, ["modelValue"])),
-          u.item.behavior?.api && u.item.behavior?.button ? (i(), ae(Gr, Ee({ key: 0 }, u.item.behavior, { value: t.value }), null, 16, ["value"])) : A("", !0)
-        ])
+          u.item.behavior?.api && u.item.behavior?.button ? (i(), ae(Gr, Ee({ key: 0 }, u.item.behavior, { value: t.value }), null, 16, ["value"])) : D("", !0)
+        ], 2)
       ]),
       _: 1
     }, 8, ["ua", "error", "item", "label"]));
   }
-}), gt = {
+}), kt = {
   required: "Це поле є обов’язковим",
   email: "Неправильний email"
-}, Kr = (o) => o ? !1 : gt.required, Zr = (o) => !o && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(o) ? gt.email : !1, Wr = (o, e) => {
+}, Jr = (o) => o ? !1 : kt.required, Kr = (o) => !o && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(o) ? kt.email : !1, Zr = (o, e) => {
   const t = e.pattern ?? e.regexp;
   return !(typeof t == "string" ? new RegExp(t) : t).test(o) && o ? e.message : !1;
-}, Qr = (o, e) => !1, Xr = (o, e) => {
+}, Wr = (o, e) => !1, Qr = (o, e) => {
   switch (typeof e == "string" ? e : e.type) {
     case "required":
-      return Kr(o);
+      return Jr(o);
     case "email":
-      return Zr(o);
+      return Kr(o);
     case "regexp":
-      return Wr(o, e);
+      return Zr(o, e);
     case "custom":
-      return Qr();
+      return Wr();
     default:
       return !1;
   }
-}, Yr = {
+}, Xr = {
   autocomplete: "select",
   combobox: "select",
   datepicker: "date",
@@ -4038,16 +3960,16 @@ const wn = /* @__PURE__ */ H(bn, [["render", xn]]), kn = { class: "form-geom__se
   file: "file"
   // mask: 'text',
 };
-function it(o) {
+function ct(o) {
   const e = o.toLowerCase();
-  return Yr[e] || e;
+  return Xr[e] || e;
 }
-function ei(o) {
+function Yr(o) {
   if (Array.isArray(o)) {
     const t = [];
     return o.forEach((n) => {
       const s = { ...n };
-      s.name = (n.name || n.id || n.key || "").toString(), s.type = it(n.type), s.label = n.label || n.ua, s.rules = n.rules || n.validators, n.data && (s.api = `/api/suggest/${n.data}`), t.push(s);
+      s.name = (n.name || n.id || n.key || "").toString(), s.type = ct(n.type), s.label = n.label || n.ua, s.rules = n.rules || n.validators, n.data && (s.api = `/api/suggest/${n.data}`), t.push(s);
     }), t;
   }
   const e = [];
@@ -4055,20 +3977,20 @@ function ei(o) {
     const n = {
       name: t[0],
       ...t[1],
-      type: it(t[1].type),
+      type: ct(t[1].type),
       label: t[1].label || t[1].ua,
       rules: t[1].rules || t[1].validators
     };
     t[1].type.includes("list") && (n.multiple = !0), t[1].data && (n.api = `/api/suggest/${t[1].data}`), e.push(n);
   }), e;
 }
-function ti(o, e) {
-  const t = ei(e), n = w({});
+function ei(o, e) {
+  const t = Yr(e), n = x({});
   function s(c) {
     const v = c?.conditions;
     if (!v) return !0;
-    const p = Array.isArray(v) ? v[0] : v, x = o?.value?.[p];
-    return mt(x, v);
+    const p = Array.isArray(v) ? v[0] : v, w = o?.value?.[p];
+    return xt(w, v);
   }
   const r = (c = t, v = !0) => (c.forEach((p) => {
     if (p.rules) {
@@ -4076,13 +3998,13 @@ function ti(o, e) {
         delete n.value[p.name];
         return;
       }
-      p.rules.forEach((x) => {
-        const g = Xr(o.value[p.name], x);
-        g ? n.value[p.name] = g : delete n.value[p.name];
+      p.rules.forEach((w) => {
+        const b = Qr(o.value[p.name], w);
+        b ? n.value[p.name] = b : delete n.value[p.name];
       });
     }
     p.schema && r(p.schema, !1);
-  }), v && Object.values(n.value).some(Boolean) ? n.value : null), a = O(() => t?.filter((c) => s(c)));
+  }), v && Object.values(n.value).some(Boolean) ? n.value : null), a = A(() => t?.filter((c) => s(c)));
   return {
     errors: n,
     validate: r,
@@ -4092,9 +4014,9 @@ function ti(o, e) {
     visibleSchema: a
   };
 }
-const Oe = /* @__PURE__ */ F({
+const De = /* @__PURE__ */ F({
   __name: "vs-compact-form",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ Z({
     schema: { default: () => [] },
     style: { default: () => ({}) },
     modelValue: {},
@@ -4106,77 +4028,219 @@ const Oe = /* @__PURE__ */ F({
     values: { default: () => ({}) },
     valuesModifiers: {}
   }),
-  emits: /* @__PURE__ */ Q(["handle-submit", "update:modelValue"], ["update:form", "update:values"]),
+  emits: /* @__PURE__ */ Z(["handle-submit", "update:modelValue"], ["update:form", "update:values"]),
   setup(o, { expose: e, emit: t }) {
-    const n = t, s = o, r = X(o, "form"), a = X(o, "values"), {
+    const n = t, s = o, r = W(o, "form"), a = W(o, "values"), {
       errors: u,
       validate: c,
       reset: v,
       visibleSchema: p
-    } = ti(a, s.schema), x = () => {
+    } = ei(a, s.schema), w = () => {
       n("update:modelValue", a.value), c(), n("handle-submit", a.value);
     };
     e({
       validate: c,
       reset: v,
       errors: u
-    }), be(() => {
+    }), xe(() => {
       s.modelValue && (a.value = s.modelValue), r.value.value = a.value, r.value.errors = u.value, r.value.reset = v, r.value.validate = c, r.value.formId = s.formId;
     });
-    function g(_, S) {
-      if (_ === S) return !0;
-      if (typeof _ != "object" || typeof S != "object" || !_ || !S) return !1;
-      const R = Object.keys(_), $ = Object.keys(S);
-      return R.length !== $.length ? !1 : R.every((z) => _[z] === S[z]);
+    function b($, S) {
+      if ($ === S) return !0;
+      if (typeof $ != "object" || typeof S != "object" || !$ || !S) return !1;
+      const R = Object.keys($), C = Object.keys(S);
+      return R.length !== C.length ? !1 : R.every((E) => $[E] === S[E]);
     }
-    return lt("form", r), lt("values", a), (_, S) => (i(), d("form", {
-      onSubmit: ve(x, ["prevent"]),
-      class: M(["grid grid-cols-12", _.layout === "default" ? "gap-6" : "gap-4"])
+    return st("form", r), st("values", a), ($, S) => (i(), d("form", {
+      onSubmit: ve(w, ["prevent"]),
+      class: V(["grid grid-cols-12", $.layout === "default" ? "gap-6" : "gap-4"])
     }, [
-      (i(!0), d(Y, null, le(q(p), (R) => (i(), ae(ht, {
+      (i(!0), d(Y, null, le(q(p), (R) => (i(), ae(wt, {
         key: R.name,
-        class: M(_.layout === "horizontal" ? "col-span-12" : `col-span-${R.col || 12} `),
-        style: ge(_.style),
+        class: V($.layout === "horizontal" ? "col-span-12" : `col-span-${R.col || 12} `),
+        style: ye($.style),
         item: R,
-        layout: _.layout,
+        layout: $.layout,
         "model-value": a.value[R.name],
-        "onUpdate:modelValue": ($) => {
-          const z = a.value[R.name];
-          g(z, $) || (a.value[R.name] = $);
+        "onUpdate:modelValue": (C) => {
+          const E = a.value[R.name];
+          b(E, C) || (a.value[R.name] = C);
         },
         error: q(u)[R.name]
       }, null, 8, ["class", "style", "item", "layout", "model-value", "onUpdate:modelValue", "error"]))), 128))
     ], 34));
   }
+}), ti = { class: "relative" }, li = { class: "w-full h-full fixed top-0 start-0 z-[1000] bg-black bg-opacity-50" }, oi = { 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" }, ai = { class: "py-2.5 px-4 flex justify-between items-center border-0 border-b border-solid border-gray-200 dark:border-b-[#454545]" }, si = { class: "font-medium text-gray-800 dark:text-[#ffffff]" }, ni = { class: "p-4 mim-h-0 h-full overflow-auto" }, ri = /* @__PURE__ */ F({
+  __name: "modal-edit",
+  props: {
+    schema: {},
+    defaultValue: {},
+    mode: {},
+    token: {},
+    form: {}
+  },
+  emits: ["close", "save", "edit"],
+  setup(o, { emit: e }) {
+    const t = o, n = e, s = x(t.schema), r = x(t.defaultValue ? JSON.parse(JSON.stringify(t.defaultValue)) : {}), a = x({}), u = x(), c = x(t.mode);
+    async function v() {
+      const w = a.value.validate();
+      if (w) {
+        be({ type: "warning", title: "Помилка валідації", message: Object.entries(w).map(([b, $]) => `${b}: ${$}`).join(`
+`) });
+        return;
+      }
+      if (u.value)
+        try {
+          const b = await fetch(`/api/table/${u.value}`, {
+            method: c.value === "add" ? "POST" : "PUT",
+            headers: {
+              "Content-Type": "application/json"
+            },
+            body: JSON.stringify(r.value)
+          });
+          if (b.ok)
+            await b.json(), be({
+              type: "success",
+              title: "Успішно",
+              message: `Дані успішно ${c.value === "add" ? "збережено" : "оновлено"}`
+            }), n("save", r.value);
+          else if (b.status === 400) {
+            const $ = await b.json().catch(() => ({}));
+            be({
+              type: "warning",
+              title: "Помилка валідації",
+              message: $.message || "Некоректні дані (400)"
+            });
+          } else b.status === 500 ? be({
+            type: "error",
+            title: "Серверна помилка",
+            message: "Виникла помилка на сервері (500)"
+          }) : be({
+            type: "error",
+            title: "Помилка",
+            message: `Статус: ${b.status}`
+          });
+        } catch (b) {
+          be({
+            type: "error",
+            title: "Помилка з’єднання",
+            message: b.message || "Не вдалося виконати запит"
+          });
+        }
+    }
+    function p() {
+      n("close");
+    }
+    return xe(async () => {
+      if (t.form) {
+        const w = await fetch(`/api/template/form/${t.form}`).then((b) => b.json());
+        s.value = w.schema, u.value = w.token;
+      } else if (t.token) {
+        u.value = t.token;
+        const w = await fetch(`/api/form/${u.value}`).then((b) => b.json());
+        s.value = w.schema, w.data ? r.value = w.data : c.value = "add";
+      }
+    }), (w, b) => (i(), d("div", ti, [
+      l("div", li, [
+        l("div", oi, [
+          l("div", ai, [
+            l("h3", si, T(c.value === "add" ? "Додати" : "Змінити"), 1),
+            l("button", {
+              onClick: p,
+              type: "button",
+              class: "size-8 inline-flex justify-center items-center gap-x-2 rounded-full border border-transparent bg-gray-100 text-gray-800 hover:bg-gray-200 focus:outline-none focus:bg-gray-200 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600"
+            }, b[2] || (b[2] = [
+              l("span", { class: "sr-only" }, "Close", -1),
+              l("svg", {
+                class: "flex-shrink-0 w-4 h-4",
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "24",
+                height: "24",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round"
+              }, [
+                l("path", { d: "M18 6 6 18" }),
+                l("path", { d: "m6 6 12 12" })
+              ], -1)
+            ]))
+          ]),
+          l("div", ni, [
+            s.value ? (i(), ae(De, {
+              key: 0,
+              schema: s.value,
+              values: r.value,
+              "onUpdate:values": b[0] || (b[0] = ($) => r.value = $),
+              form: a.value,
+              "onUpdate:form": b[1] || (b[1] = ($) => a.value = $)
+            }, 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", {
+              type: "button",
+              onClick: p,
+              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: v,
+              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"
+            }, " Зберегти ")
+          ])
+        ])
+      ])
+    ]));
+  }
+}), pt = (o = { mode: "edit", schema: null }) => new Promise((e) => {
+  const { close: t } = Et({
+    title: o.mode === "add" ? "Додати" : "Редагувати",
+    template: "",
+    visible: !0,
+    size: "medium",
+    closeClickBack: !0,
+    content: ri,
+    contentProps: {
+      ...o,
+      onClose: () => {
+        e(null), t();
+      },
+      onSave: (n) => {
+        e(n), t();
+      }
+    }
+  });
 });
-Oe.install = function(e) {
-  e.component("VForm", Oe), Object.assign(e.config.globalProperties, {
-    $form: Pe
-  }), e.provide("form", Pe), window.v3plugin || (window.v3plugin = {});
+De.install = function(e) {
+  e.component("VForm", De), Object.assign(e.config.globalProperties, {
+    $form: pt
+  }), e.provide("form", pt), window.v3plugin || (window.v3plugin = {});
 };
 export {
-  Ea as ModalEdit,
-  Oe as VForm,
-  Ol as VsInputCheckbox,
+  ri as ModalEdit,
+  De as VForm,
+  ql as VsInputCheckbox,
   Rr as VsInputColor,
-  Ma as VsInputContainer,
-  Tl as VsInputDate,
-  Sl as VsInputEmail,
-  Vo as VsInputFile,
-  la as VsInputFileList,
-  Or as VsInputKeyValue,
-  Vl as VsInputMask,
-  Gt as VsInputNumber,
-  at as VsInputRadio,
+  Ea as VsInputContainer,
+  Jl as VsInputDate,
+  Dl as VsInputEmail,
+  zo as VsInputFile,
+  ua as VsInputFileList,
+  Ar as VsInputKeyValue,
+  zl as VsInputMask,
+  Yt as VsInputNumber,
+  rt as VsInputRadio,
   Nr as VsInputRange,
   Za as VsInputSelect,
   Mr as VsInputSlug,
-  ot as VsInputStatic,
-  ft as VsInputSwitcher,
+  nt as VsInputStatic,
+  bt as VsInputSwitcher,
   _r as VsInputTag,
-  De as VsInputText,
+  Ue as VsInputText,
   Qa as VsInputTextarea,
-  Oe as default,
+  De as default,
   qr as inputs,
   Xs as vsInputDatatable,
   fr as vsInputMap