@opengis/form 0.0.16 → 0.0.17

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as I, createElementBlock as u, openBlock as i, createCommentVNode as j, renderSlot as ve, createElementVNode as t, toDisplayString as E, normalizeProps as Ee, guardReactiveProps as Fe, createTextVNode as oe, computed as F, mergeModels as q, useModel as G, withDirectives as K, normalizeClass as B, unref as H, vModelText as ne, vModelCheckbox as Qe, createVNode as A, ref as $, createBlock as X, resolveDynamicComponent as xe, normalizeStyle as fe, withCtx as Me, withModifiers as ae, onMounted as ue, onBeforeUnmount as ut, watch as se, createStaticVNode as re, vModelRadio as Xe, Fragment as Q, renderList as Y, mergeProps as Ce, reactive as dt, vShow as De, inject as Se, resolveComponent as Pe, Transition as Ye, createApp as ct, h as pt, onUnmounted as et, nextTick as $e, Teleport as ft, provide as Ne } from "vue";
+import { defineComponent as I, createElementBlock as u, openBlock as i, createCommentVNode as S, renderSlot as ve, createElementVNode as t, toDisplayString as E, normalizeProps as Ee, guardReactiveProps as Fe, createTextVNode as oe, computed as D, mergeModels as q, useModel as G, withDirectives as K, normalizeClass as B, unref as H, vModelText as ne, vModelCheckbox as Qe, createVNode as j, ref as $, createBlock as X, resolveDynamicComponent as xe, normalizeStyle as fe, withCtx as Me, withModifiers as ae, onMounted as ue, onBeforeUnmount as ut, watch as se, createStaticVNode as re, vModelRadio as Xe, Fragment as Q, renderList as Y, mergeProps as Ce, reactive as dt, vShow as De, inject as Se, resolveComponent as Pe, Transition as Ye, createApp as ct, h as pt, onUnmounted as et, nextTick as $e, Teleport as ft, provide as Ne } from "vue";
 import { notify as pe } from "@opengis/core";
 const vt = { class: "w-full relative" }, mt = {
   key: 0,
@@ -21,10 +21,10 @@ const vt = { class: "w-full relative" }, mt = {
     return (e, l) => (i(), u("div", vt, [
       e.ua || e.label ? (i(), u("div", mt, [
         t("span", null, E(e.ua || e.label), 1),
-        e.item?.rules?.includes("required") ? (i(), u("span", ht, "*")) : j("", !0)
-      ])) : j("", !0),
+        e.item?.rules?.includes("required") ? (i(), u("span", ht, "*")) : S("", !0)
+      ])) : S("", !0),
       ve(e.$slots, "default", Ee(Fe(e.$attrs))),
-      e.error ? (i(), u("span", gt, E(e.error), 1)) : j("", !0)
+      e.error ? (i(), u("span", gt, E(e.error), 1)) : S("", !0)
     ]));
   }
 }), yt = { class: "w-full relative flex flex-row items-center gap-2" }, xt = {
@@ -48,10 +48,10 @@ const vt = { class: "w-full relative" }, mt = {
     return (e, l) => (i(), u("div", yt, [
       e.item?.type !== "html" ? (i(), u("span", xt, [
         oe(E(e.ua || e.label) + " ", 1),
-        e.item?.rules?.includes("required") && (e.ua || e.label) ? (i(), u("span", wt, "*")) : j("", !0)
-      ])) : j("", !0),
+        e.item?.rules?.includes("required") && (e.ua || e.label) ? (i(), u("span", wt, "*")) : S("", !0)
+      ])) : S("", !0),
       ve(e.$slots, "default", Ee(Fe(e.$attrs))),
-      e.error ? (i(), u("span", kt, E(e.error), 1)) : j("", !0)
+      e.error ? (i(), u("span", kt, E(e.error), 1)) : S("", !0)
     ]));
   }
 }), $t = { class: "w-full relative" }, Ct = {
@@ -68,7 +68,7 @@ const vt = { class: "w-full relative" }, mt = {
   setup(o) {
     return (e, l) => (i(), u("div", $t, [
       ve(e.$slots, "default", Ee(Fe(e.$attrs))),
-      e.error ? (i(), u("span", Ct, E(e.error), 1)) : j("", !0)
+      e.error ? (i(), u("span", Ct, E(e.error), 1)) : S("", !0)
     ]));
   }
 }), Mt = {
@@ -78,7 +78,7 @@ const vt = { class: "w-full relative" }, mt = {
 };
 function me(o) {
   return {
-    inputClass: F(() => {
+    inputClass: D(() => {
       const l = `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" ? `${l}h-[32px]` : `${l}h-[38px]`;
     })
@@ -144,7 +144,7 @@ const Lt = ["placeholder", "disabled"], He = /* @__PURE__ */ I({
       [ne, n.value]
     ]);
   }
-}), R = (o, e) => {
+}), T = (o, e) => {
   const l = o.__vccOpts || o;
   for (const [n, a] of e)
     l[n] = a;
@@ -169,7 +169,7 @@ function It(o, e) {
     t("path", { d: "M5 12l5 5l10 -10" }, null, -1)
   ]));
 }
-const zt = /* @__PURE__ */ R(jt, [["render", It]]), Ot = { class: "flex items-center gap-[4px]" }, Et = ["value", "id", "disabled"], Ft = ["for"], Dt = { class: "text-[14px] text-gray-700 flex items-center gap-x-1 ml-1 dark:text-neutral-400" }, Ut = /* @__PURE__ */ I({
+const zt = /* @__PURE__ */ T(jt, [["render", It]]), Ot = { class: "flex items-center gap-[4px]" }, Et = ["value", "id", "disabled"], Ft = ["for"], Dt = { class: "text-[14px] text-gray-700 flex items-center gap-x-1 ml-1 dark:text-neutral-400" }, Ut = /* @__PURE__ */ I({
   __name: "vs-checkbox-default",
   props: {
     value: { default: "" },
@@ -182,7 +182,7 @@ const zt = /* @__PURE__ */ R(jt, [["render", It]]), Ot = { class: "flex items-ce
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const l = e, n = o, a = F({
+    const l = e, n = o, a = D({
       get: () => n.modelValue,
       set: (r) => l("update:modelValue", r)
     });
@@ -204,7 +204,7 @@ const zt = /* @__PURE__ */ R(jt, [["render", It]]), Ot = { class: "flex items-ce
         t("div", {
           class: B(["h-[16px] text-white w-[16px] flex items-center justify-center shrink-0 border rounded", [a.value ? "bg-blue-600 border-blue-600" : "bg-white border-gray-600", r.error ? "border-red-600" : ""]])
         }, [
-          A(zt, {
+          j(zt, {
             height: "12",
             width: "12"
           })
@@ -234,12 +234,12 @@ const zt = /* @__PURE__ */ R(jt, [["render", It]]), Ot = { class: "flex items-ce
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const l = o, n = e, a = F({
+    const l = o, n = e, a = D({
       get: () => l.modelValue,
       set: (d) => {
         n("update:modelValue", d);
       }
-    }), r = F(() => Array.isArray(a.value) ? a.value.includes(l.value) : a.value === !0 || a.value === l.value), s = F(() => l.style?.size === "xs" ? "p-1.5 text-xs" : l.style?.size === "lg" ? "p-3.5 text-[20px]" : "p-2.5 text-xs");
+    }), r = D(() => Array.isArray(a.value) ? a.value.includes(l.value) : a.value === !0 || a.value === l.value), s = D(() => l.style?.size === "xs" ? "p-1.5 text-xs" : l.style?.size === "lg" ? "p-3.5 text-[20px]" : "p-2.5 text-xs");
     return (d, p) => (i(), u("label", {
       class: B(["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", [s.value, r.value ? "ring-blue-500" : "border border-gray-200 ring-transparent"]])
     }, [
@@ -248,7 +248,7 @@ const zt = /* @__PURE__ */ R(jt, [["render", It]]), Ot = { class: "flex items-ce
         class: "hidden",
         name: d.id,
         value: d.value,
-        "onUpdate:modelValue": p[0] || (p[0] = (v) => a.value = v),
+        "onUpdate:modelValue": p[0] || (p[0] = (f) => a.value = f),
         disabled: d.disabled
       }, null, 8, Rt), [
         [Qe, a.value]
@@ -258,15 +258,15 @@ const zt = /* @__PURE__ */ R(jt, [["render", It]]), Ot = { class: "flex items-ce
           d.icon ? (i(), u("i", {
             key: 0,
             class: B(d.icon)
-          }, null, 2)) : j("", !0),
+          }, null, 2)) : S("", !0),
           d.imgUrl ? (i(), u("img", {
             key: 1,
             src: d.imgUrl,
             width: "16",
             height: "16",
             alt: "icon"
-          }, null, 8, Nt)) : j("", !0)
-        ])) : j("", !0),
+          }, null, 8, Nt)) : S("", !0)
+        ])) : S("", !0),
         ve(d.$slots, "default", {}, () => [
           oe(E(d.label), 1)
         ])
@@ -290,12 +290,12 @@ const zt = /* @__PURE__ */ R(jt, [["render", It]]), Ot = { class: "flex items-ce
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const l = o, n = e, a = `radio-${Math.floor(Math.random() * 1e4)}`, r = F({
+    const l = o, n = e, a = `radio-${Math.floor(Math.random() * 1e4)}`, r = D({
       get: () => Array.isArray(l.modelValue) ? Array.isArray(l.modelValue) && l.modelValue.includes(l.value) : l.modelValue,
       set: (d) => {
         if (Array.isArray(l.modelValue)) {
           let p = [...l.modelValue];
-          d ? p.includes(l.value) || p.push(l.value) : p = p.filter((v) => v !== l.value), n("update:modelValue", p);
+          d ? p.includes(l.value) || p.push(l.value) : p = p.filter((f) => f !== l.value), n("update:modelValue", p);
         } else
           n("update:modelValue", d);
       }
@@ -307,7 +307,7 @@ const zt = /* @__PURE__ */ R(jt, [["render", It]]), Ot = { class: "flex items-ce
         info: d.option?.info,
         disabled: d.disabled,
         modelValue: r.value,
-        "onUpdate:modelValue": p[0] || (p[0] = (v) => r.value = v),
+        "onUpdate:modelValue": p[0] || (p[0] = (f) => r.value = f),
         id: a,
         icon: d.icon,
         imgUrl: d.imgUrl,
@@ -341,7 +341,7 @@ function Kt(o, e) {
     t("path", { d: "M6 9l6 6l6 -6" }, null, -1)
   ]));
 }
-const Zt = /* @__PURE__ */ R(Gt, [["render", Kt]]), Wt = {}, Qt = {
+const Zt = /* @__PURE__ */ T(Gt, [["render", Kt]]), Wt = {}, Qt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -364,7 +364,7 @@ function Xt(o, e) {
     t("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 Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
+const Yt = /* @__PURE__ */ T(Wt, [["render", Xt]]), el = {
   key: 0,
   class: "flex items-start gap-x-1"
 }, tl = {
@@ -393,13 +393,13 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
   setup(o) {
     const e = o, l = G(o, "modelValue");
     return (n, a) => e.view === "checkbox" ? (i(), u("div", el, [
-      A(tt, {
+      j(tt, {
         modelValue: l.value,
         "onUpdate:modelValue": a[0] || (a[0] = (r) => l.value = r),
         label: n.text,
         error: n.error || ""
       }, null, 8, ["modelValue", "label", "error"]),
-      n.rules?.includes("required") ? (i(), u("span", tl, "*")) : j("", !0),
+      n.rules?.includes("required") ? (i(), u("span", tl, "*")) : S("", !0),
       n.i ? (i(), u("button", {
         key: 1,
         class: "cursor-pointer",
@@ -407,8 +407,8 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
         onClick: a[1] || (a[1] = ae(() => {
         }, ["prevent"]))
       }, [
-        A(H(Yt), { class: "text-gray-500 w-[14px] h-[14px]" })
-      ], 8, ll)) : j("", !0)
+        j(H(Yt), { class: "text-gray-500 w-[14px] h-[14px]" })
+      ], 8, ll)) : S("", !0)
     ])) : (i(), u("button", {
       key: 1,
       type: "button",
@@ -578,7 +578,7 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
         e.value == l.value ? (i(), u("span", {
           key: 0,
           class: B(["w-[12px] h-[12px] shrink-0 rounded-full", [`bg-${l.style?.primaryColor || "blue"}-500`]])
-        }, null, 2)) : j("", !0)
+        }, null, 2)) : S("", !0)
       ], 2),
       t("span", cl, E(l.text), 1)
     ], 2));
@@ -642,7 +642,7 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, l = G(o, "modelValue"), n = F(() => hl[`vs-input-radio-${e.view}`]);
+    const e = o, l = G(o, "modelValue"), n = D(() => hl[`vs-input-radio-${e.view}`]);
     return (a, r) => (i(), u("div", {
       class: B([a.position === "horizontal" ? "flex items-center flex-wrap gap-2" : ""])
     }, [
@@ -675,7 +675,7 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
   },
   emits: ["update:modelValue"],
   setup(o, { emit: e }) {
-    const l = o, n = e, a = $([]), r = dt({}), s = (c) => c?.value || c?.id || c?.text || c, d = (c) => c.text || String(c), p = (c) => `lg:col-span-${c || 12}`, v = async () => {
+    const l = o, n = e, a = $([]), r = dt({}), s = (c) => c?.value || c?.id || c?.text || c, d = (c) => c.text || String(c), p = (c) => `lg:col-span-${c || 12}`, f = async () => {
       try {
         const c = await fetch(`/api/suggest/${l.data}`).then((g) => g.json());
         a.value = c?.data || c;
@@ -691,9 +691,9 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
           r[g] = c;
         } else if (Array.isArray(c)) {
           const g = new Set(c);
-          a.value.forEach((f) => {
-            if (!f.disabled) {
-              const M = s(f);
+          a.value.forEach((v) => {
+            if (!v.disabled) {
+              const M = s(v);
               r[M] = g.has(M);
             }
           });
@@ -713,7 +713,7 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
       { deep: !0 }
     ), ue(() => {
       if (l.data)
-        v().then(() => {
+        f().then(() => {
           if (typeof l.modelValue == "boolean" && a.value.length === 1) {
             const c = s(a.value[0]);
             r[c] = l.modelValue;
@@ -721,8 +721,8 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
             const c = new Set(l.modelValue);
             a.value.forEach((g) => {
               if (!g.disabled) {
-                const f = s(g);
-                r[f] = c.has(f);
+                const v = s(g);
+                r[v] = c.has(v);
               }
             });
           }
@@ -734,30 +734,30 @@ const Yt = /* @__PURE__ */ R(Wt, [["render", Xt]]), el = {
         const c = new Set(l.modelValue);
         a.value.forEach((g) => {
           if (!g.disabled) {
-            const f = s(g);
-            r[f] = c.has(f);
+            const v = s(g);
+            r[v] = c.has(v);
           }
         });
       }
     }), (c, g) => (i(), u("div", {
       class: B(["p-0 w-full gap-[6px]", [c.position === "vertical" ? "flex-col" : "", c.colSpan ? "grid" : "flex justify-start"]])
     }, [
-      (i(!0), u(Q, null, Y(a.value, (f) => (i(), X(tt, {
-        modelValue: r[s(f)],
-        "onUpdate:modelValue": (M) => r[s(f)] = M,
-        value: s(f),
+      (i(!0), u(Q, null, Y(a.value, (v) => (i(), X(tt, {
+        modelValue: r[s(v)],
+        "onUpdate:modelValue": (M) => r[s(v)] = M,
+        value: s(v),
         class: B(p(c.colSpan)),
-        disabled: f.disabled,
-        label: d(f),
-        key: s(f),
-        icon: f?.icon,
-        imgUrl: f?.imgUrl,
-        option: f,
+        disabled: v.disabled,
+        label: d(v),
+        key: s(v),
+        icon: v?.icon,
+        imgUrl: v?.imgUrl,
+        option: v,
         view: c.view
       }, null, 8, ["modelValue", "onUpdate:modelValue", "value", "class", "disabled", "label", "icon", "imgUrl", "option", "view"]))), 128))
     ], 2));
   }
-}), bl = /* @__PURE__ */ R(gl, [["__scopeId", "data-v-54f9e19c"]]), yl = ["placeholder", "disabled"], xl = /* @__PURE__ */ I({
+}), bl = /* @__PURE__ */ T(gl, [["__scopeId", "data-v-54f9e19c"]]), yl = ["placeholder", "disabled"], xl = /* @__PURE__ */ I({
   __name: "vs-input-date1",
   props: /* @__PURE__ */ q({
     style: { default: () => ({}) },
@@ -835,7 +835,7 @@ function Cl(o, e) {
     t("path", { d: "M12 5v14" }, null, -1)
   ]));
 }
-const je = /* @__PURE__ */ R(_l, [["render", Cl]]), Vl = {}, Ml = {
+const je = /* @__PURE__ */ T(_l, [["render", Cl]]), Vl = {}, Ml = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-text",
   width: "44",
@@ -852,7 +852,7 @@ function Ll(o, e, l, n, a, r) {
     re('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><line x1="9" y1="9" x2="10" y2="9"></line><line x1="9" y1="13" x2="15" y2="13"></line><line x1="9" y1="17" x2="15" y2="17"></line>', 6)
   ]));
 }
-const Bl = /* @__PURE__ */ R(Vl, [["render", Ll]]), Sl = {}, jl = {
+const Bl = /* @__PURE__ */ T(Vl, [["render", Ll]]), Sl = {}, jl = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-table",
   width: "44",
@@ -892,7 +892,7 @@ function Al(o, e, l, n, a, r) {
     }, null, -1)
   ]));
 }
-const Il = /* @__PURE__ */ R(Sl, [["render", Al]]), zl = {}, Ol = {
+const Il = /* @__PURE__ */ T(Sl, [["render", Al]]), zl = {}, Ol = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -909,7 +909,7 @@ function El(o, e, l, n, a, r) {
     re('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><path d="M12 17v.01"></path><path d="M12 14a1.5 1.5 0 1 0 -1.14 -2.474"></path>', 5)
   ]));
 }
-const Fl = /* @__PURE__ */ R(zl, [["render", El]]), Dl = {}, Ul = {
+const Fl = /* @__PURE__ */ T(zl, [["render", El]]), Dl = {}, Ul = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-zip",
   width: "44",
@@ -926,7 +926,7 @@ function Rl(o, e, l, n, a, r) {
     re('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M6 20.735a2 2 0 0 1 -1 -1.735v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-1"></path><path d="M11 17a2 2 0 0 1 2 2v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-2a2 2 0 0 1 2 -2z"></path><line x1="11" y1="5" x2="10" y2="5"></line><line x1="13" y1="7" x2="12" y2="7"></line><line x1="11" y1="9" x2="10" y2="9"></line><line x1="13" y1="11" x2="12" y2="11"></line><line x1="11" y1="13" x2="10" y2="13"></line><line x1="13" y1="15" x2="12" y2="15"></line>', 9)
   ]));
 }
-const Tl = /* @__PURE__ */ R(Dl, [["render", Rl]]), Pl = {}, Nl = {
+const Tl = /* @__PURE__ */ T(Dl, [["render", Rl]]), Pl = {}, Nl = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-file-code",
   width: "44",
@@ -943,7 +943,7 @@ function Hl(o, e, l, n, a, r) {
     re('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><path d="M10 13l-1 2l1 2"></path><path d="M14 13l1 2l-1 2"></path>', 5)
   ]));
 }
-const ql = /* @__PURE__ */ R(Pl, [["render", Hl]]), Gl = (o) => {
+const ql = /* @__PURE__ */ T(Pl, [["render", Hl]]), Gl = (o) => {
   if (!o) return "";
   const e = o?.split(".");
   return e[e.length - 1];
@@ -973,7 +973,7 @@ function Wl(o, e) {
     re('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M4 7l16 0"></path><path d="M10 11l0 6"></path><path d="M14 11l0 6"></path><path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12"></path><path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3"></path>', 6)
   ]));
 }
-const Ae = /* @__PURE__ */ R(Kl, [["render", Wl]]), Ql = {}, Xl = {
+const Ae = /* @__PURE__ */ T(Kl, [["render", Wl]]), Ql = {}, Xl = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -997,7 +997,7 @@ function Yl(o, e) {
     t("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const ot = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[120px] border text-gray-300 border-dashed border-[#CFD9E0] rounded-lg overflow-hidden relative item-file" }, to = { class: "absolute hidden top-0 right-0 flex items-center gap-x-2 w-full h-full justify-center" }, lo = /* @__PURE__ */ I({
+const ot = /* @__PURE__ */ T(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[120px] border text-gray-300 border-dashed border-[#CFD9E0] rounded-lg overflow-hidden relative item-file" }, to = { class: "absolute hidden top-0 right-0 flex items-center gap-x-2 w-full h-full justify-center" }, lo = /* @__PURE__ */ I({
   __name: "vs-input-file-list-item",
   props: /* @__PURE__ */ q({
     format: {},
@@ -1033,19 +1033,19 @@ const ot = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
           }),
           class: "w-6 h-6 flex items-center justify-center text-gray-500 bg-gray-200 rounded-lg hover:text-red-500"
         }, [
-          A(Ae, { class: "w-4 h-4" })
+          j(Ae, { class: "w-4 h-4" })
         ]),
         t("button", {
           type: "button",
           onClick: r[2] || (r[2] = (s) => H(Je)(l.value)),
           class: "w-6 h-6 flex items-center justify-center text-gray-500 bg-gray-200 rounded-lg hover:text-blue-500"
         }, [
-          A(ot, { class: "w-4 h-4" })
+          j(ot, { class: "w-4 h-4" })
         ])
       ])
     ]));
   }
-}), Ke = /* @__PURE__ */ R(lo, [["__scopeId", "data-v-0ca886b3"]]), oo = { class: "flex items-center gap-x-2" }, ro = {
+}), Ke = /* @__PURE__ */ T(lo, [["__scopeId", "data-v-0ca886b3"]]), oo = { class: "flex items-center gap-x-2" }, ro = {
   key: 1,
   class: "flex items-center flex-wrap gap-2"
 }, ao = /* @__PURE__ */ I({
@@ -1068,8 +1068,8 @@ const ot = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
   setup(o) {
     const e = o, l = G(o, "modelValue"), n = $(null), a = (s) => Array.isArray(l.value) && l.value[s] || "", r = async (s) => {
       if (e.format) {
-        const v = s.target.files?.[0];
-        if (!v || !v.name.endsWith(e.format))
+        const f = s.target.files?.[0];
+        if (!f || !f.name.endsWith(e.format))
           return;
       }
       const d = s.target.files?.[0];
@@ -1092,12 +1092,12 @@ const ot = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
         value: l.value,
         "onUpdate:value": d[1] || (d[1] = (p) => l.value = p)
       }, null, 8, ["item", "value"])) : s.multiple ? (i(), u("div", ro, [
-        (i(!0), u(Q, null, Y(l.value, (p, v) => (i(), X(Ke, {
+        (i(!0), u(Q, null, Y(l.value, (p, f) => (i(), X(Ke, {
           multiple: s.multiple,
-          key: v,
+          key: f,
           value: l.value,
           "onUpdate:value": d[2] || (d[2] = (c) => l.value = c),
-          item: a(v)
+          item: a(f)
         }, null, 8, ["multiple", "value", "item"]))), 128)),
         t("div", {
           onClick: d[3] || (d[3] = (p) => !s.disabled && n.value?.click()),
@@ -1106,15 +1106,15 @@ const ot = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
             s.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500 hover:bg-blue-50"
           ])
         }, [
-          A(je, { class: "w-6 h-6" })
+          j(je, { class: "w-6 h-6" })
         ], 2)
-      ])) : j("", !0),
-      s.multiple ? j("", !0) : (i(), u("div", {
+      ])) : S("", !0),
+      s.multiple ? S("", !0) : (i(), u("div", {
         key: 2,
         onClick: d[4] || (d[4] = (p) => n.value?.click()),
         class: B([s.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-blue-500", "h-[120px] w-[120px] border text-gray-300 hover:text-blue-500 border-dashed border-gray-300 rounded-lg flex items-center justify-center cursor-pointer hover:border-blue-500 transition-all duration-300 hover:bg-blue-50"])
       }, [
-        A(je, { class: "w-6 h-6" })
+        j(je, { class: "w-6 h-6" })
       ], 2))
     ]));
   }
@@ -1124,7 +1124,7 @@ const ot = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
     item: { default: null }
   },
   setup(o) {
-    const e = o, l = F(() => {
+    const e = o, l = D(() => {
       try {
         return new Date(e.item.cdate).toLocaleDateString("uk-UA", {
           day: "2-digit",
@@ -1208,38 +1208,38 @@ const ot = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
         updateListOnConfirm: !0
       });
     }
-    function v(c) {
+    function f(c) {
       (l.item.ext === "jpg" || l.item.ext === "png") && n("openLightbox", { item: l.item, index: c });
     }
     return (c, g) => (i(), u("div", po, [
       c.item.ext === "jpg" || c.item.ext === "png" ? (i(), u("div", fo, [
         t("div", {
           class: "max-w-[55vw] cursor-pointer flex gap-x-3 w-full items-center",
-          onClick: g[0] || (g[0] = (f) => v(c.index))
+          onClick: g[0] || (g[0] = (v) => f(c.index))
         }, [
-          A(Be, { item: c.item }, null, 8, ["item"])
+          j(Be, { item: c.item }, null, 8, ["item"])
         ])
       ])) : a(c.item) ? (i(), u("div", vo, [
-        A(Be, { item: c.item }, null, 8, ["item"])
+        j(Be, { item: c.item }, null, 8, ["item"])
       ])) : r(c.item) ? (i(), u("div", mo, [
         t("a", {
           href: `/api/file-preview?id=${c.item.file_id}`,
           target: "_blank",
           class: "flex gap-x-3 w-full items-center"
         }, [
-          A(Be, { item: c.item }, null, 8, ["item"])
+          j(Be, { item: c.item }, null, 8, ["item"])
         ], 8, ho)
       ])) : (i(), u("div", go, [
-        A(Be, { item: c.item }, null, 8, ["item"])
+        j(Be, { item: c.item }, null, 8, ["item"])
       ])),
       t("div", bo, [
         t("div", yo, [
           t("div", xo, [
             t("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: g[1] || (g[1] = (f) => s(c.item))
+              onClick: g[1] || (g[1] = (v) => s(c.item))
             }, [
-              A(ot, {
+              j(ot, {
                 height: "14",
                 width: "14"
               })
@@ -1250,9 +1250,9 @@ const ot = /* @__PURE__ */ R(Ql, [["render", Yl]]), eo = { class: "h-[120px] w-[
             t("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: g[2] || (g[2] = (f) => p())
+              onClick: g[2] || (g[2] = (v) => p())
             }, [
-              A(Ae, {
+              j(Ae, {
                 height: "14",
                 width: "14"
               })
@@ -1286,7 +1286,7 @@ function Co(o, e) {
     t("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col widget-file xl:bg-white xl:rounded-xl dark:xl:bg-neutral-800 dark:xl:border-neutral-700 w-full" }, Lo = { class: "flex w-full mb-[12px] items-center gap-x-2" }, Bo = { class: "font-semibold text-gray-800 dark:text-neutral-200 text-[14px]" }, So = { class1: "ml-auto" }, jo = { 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" }, Ao = {
+const Vo = /* @__PURE__ */ T(_o, [["render", Co]]), Mo = { class: "flex flex-col widget-file xl:bg-white xl:rounded-xl dark:xl:bg-neutral-800 dark:xl:border-neutral-700 w-full" }, Lo = { class: "flex w-full mb-[12px] items-center gap-x-2" }, Bo = { class: "font-semibold text-gray-800 dark:text-neutral-200 text-[14px]" }, So = { class1: "ml-auto" }, jo = { 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" }, Ao = {
   key: 0,
   class: "py-4 mb-4 space-y-4 border-gray-200 border-y dark:border-neutral-700"
 }, Io = { class: "relative" }, zo = {
@@ -1307,17 +1307,17 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
   },
   emits: ["update"],
   setup(o, { emit: e }) {
-    const l = o, n = Se("form"), a = F(() => n.value.formId), r = $(!1), s = $(0), d = e, p = $(!1), v = $({}), c = $([]), g = $(""), f = F(() => Array.isArray(c.value) ? c.value.filter((x) => x.ext === "jpg" || x.ext === "png").map((x) => x?.file_path) : []), M = F(() => g.value === "" ? c.value : c.value.filter((x) => x?.uploaded_name?.includes(g.value))), S = (x) => {
-      const h = f.value.findIndex((J) => J === x.item.file_path);
+    const l = o, n = Se("form"), a = D(() => n.value.formId), r = $(!1), s = $(0), d = e, p = $(!1), f = $({}), c = $([]), g = $(""), v = D(() => Array.isArray(c.value) ? c.value.filter((x) => x.ext === "jpg" || x.ext === "png").map((x) => x?.file_path) : []), M = D(() => g.value === "" ? c.value : c.value.filter((x) => x?.uploaded_name?.includes(g.value))), A = (x) => {
+      const h = v.value.findIndex((J) => J === x.item.file_path);
       h !== -1 && (r.value = !0, s.value = h);
-    }, T = async () => {
+    }, F = async () => {
       try {
         const x = await fetch(`${l.prefix}/widget/file/${a.value}`).then((h) => h.json());
         c.value = x?.rows;
       } catch (x) {
         console.error(x);
       }
-    }, D = async (x) => {
+    }, U = async (x) => {
       await Promise.all(
         Array.from(x.target.files).map(async (h) => {
           const J = new FormData();
@@ -1329,21 +1329,21 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
             return console.error(C), null;
           }
         })
-      ), await T();
+      ), await F();
     }, P = (x) => {
       const h = { ...x };
       return x.cancel || (h.cancel = () => {
         p.value = !1;
       }), x.updateListOnConfirm && (h.confirm = async () => {
-        await x.confirm(), p.value = !1, T();
+        await x.confirm(), p.value = !1, F();
       }), h;
     }, _ = (x) => {
-      v.value = P(x), p.value = !0;
+      f.value = P(x), p.value = !0;
     };
     return se(a, (x) => {
-      x && T();
+      x && F();
     }), ue(() => {
-      a.value && T();
+      a.value && F();
     }), (x, h) => {
       const J = Pe("Lightbox"), C = Pe("MessageBox");
       return i(), u("div", Mo, [
@@ -1354,10 +1354,10 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
               t("input", {
                 type: "file",
                 class: "hidden",
-                onChange: h[0] || (h[0] = (m) => D(m))
+                onChange: h[0] || (h[0] = (m) => U(m))
               }, null, 32),
               t("div", jo, [
-                A(Vo, {
+                j(Vo, {
                   height: "16",
                   width: "16"
                 })
@@ -1404,7 +1404,7 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
               ])
             ])
           ])
-        ])) : j("", !0),
+        ])) : S("", !0),
         c.value?.length ? (i(), u("div", zo, [
           (i(!0), u(Q, null, Y(M.value, (m, V) => (i(), X(ko, {
             key: V,
@@ -1413,24 +1413,24 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
             index: V,
             onUpdate: h[2] || (h[2] = (z) => x.$emit("update", "file-list")),
             onOpenModal: h[3] || (h[3] = (z) => _(z)),
-            onOpenLightbox: h[4] || (h[4] = (z) => S(z))
+            onOpenLightbox: h[4] || (h[4] = (z) => A(z))
           }, null, 8, ["prefix", "item", "index"]))), 128)),
-          M.value.length ? j("", !0) : (i(), u("div", Oo, h[9] || (h[9] = [
+          M.value.length ? S("", !0) : (i(), u("div", Oo, h[9] || (h[9] = [
             t("p", { class: "text-sm text-gray-600 font-sm" }, " Файлів з такою назвою не існує, введіть інше пошукове слово ", -1)
           ])))
-        ])) : j("", !0),
-        A(J, {
+        ])) : S("", !0),
+        j(J, {
           modelValue: r.value,
           "onUpdate:modelValue": h[5] || (h[5] = (m) => r.value = m),
           startIndex: s.value,
           "onUpdate:index": h[6] || (h[6] = (m) => s.value = m),
-          images: f.value
+          images: v.value
         }, null, 8, ["modelValue", "startIndex", "images"]),
-        A(C, Ce({
+        j(C, Ce({
           modelValue: p.value,
           "onUpdate:modelValue": h[7] || (h[7] = (m) => p.value = m),
-          onConfirm: v.value.confirm
-        }, v.value), null, 16, ["modelValue", "onConfirm"])
+          onConfirm: f.value.confirm
+        }, f.value), null, 16, ["modelValue", "onConfirm"])
       ]);
     };
   }
@@ -1460,13 +1460,13 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
     ), (n, a) => (i(), u("div", null, [
       t("div", Fo, [
         t("p", Do, E(o.title), 1),
-        A(lt, {
+        j(lt, {
           modelValue: l.value,
           "onUpdate:modelValue": a[0] || (a[0] = (r) => l.value = r),
           style: fe(o.style)
         }, null, 8, ["modelValue", "style"])
       ]),
-      A(Ye, { name: "slide-fade" }, {
+      j(Ye, { name: "slide-fade" }, {
         default: Me(() => [
           K(t("div", Uo, [
             ve(n.$slots, "default", {}, void 0, !0)
@@ -1478,7 +1478,7 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
       })
     ]));
   }
-}), To = /* @__PURE__ */ R(Ro, [["__scopeId", "data-v-90320b87"]]), Po = { class: "text-[16px] text-gray-900 font-medium" }, No = { class: "grid gap-3" }, Ho = /* @__PURE__ */ I({
+}), To = /* @__PURE__ */ T(Ro, [["__scopeId", "data-v-90320b87"]]), Po = { class: "text-[16px] text-gray-900 font-medium" }, No = { class: "grid gap-3" }, Ho = /* @__PURE__ */ I({
   __name: "vs-container-accordion",
   props: {
     title: {
@@ -1507,12 +1507,12 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
         onClick: a[0] || (a[0] = (r) => l.value = !l.value),
         class: "flex items-center gap-2"
       }, [
-        A(H(Zt), {
+        j(H(Zt), {
           class: B(["h-4 w-4 duration-300", [l.value ? "-rotate-180" : ""]])
         }, null, 8, ["class"]),
         t("span", Po, E(o.title), 1)
       ]),
-      A(Ye, { name: "slide-fade" }, {
+      j(Ye, { name: "slide-fade" }, {
         default: Me(() => [
           K(t("div", No, [
             ve(n.$slots, "default", {}, void 0, !0)
@@ -1524,7 +1524,7 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
       })
     ]));
   }
-}), qo = /* @__PURE__ */ R(Ho, [["__scopeId", "data-v-590eff11"]]), Go = { class: "flex items-center justify-between" }, Jo = /* @__PURE__ */ I({
+}), qo = /* @__PURE__ */ T(Ho, [["__scopeId", "data-v-590eff11"]]), Go = { class: "flex items-center justify-between" }, Jo = /* @__PURE__ */ I({
   __name: "vs-container-default",
   props: {
     title: {
@@ -1612,12 +1612,12 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
     }
   },
   setup(o) {
-    const e = o, l = Se("formValues", { default: {} }), n = Se("form"), a = F(() => e.schema?.filter((s) => {
+    const e = o, l = Se("formValues", { default: {} }), n = Se("form"), a = D(() => e.schema?.filter((s) => {
       const d = s?.conditions;
       if (!d) return !0;
-      const p = Array.isArray(d) ? d[0] : d, v = l?.value?.[p];
-      return rt(v, d);
-    })), r = F(() => Ko[e.view]);
+      const p = Array.isArray(d) ? d[0] : d, f = l?.value?.[p];
+      return rt(f, d);
+    })), r = D(() => Ko[e.view]);
     return (s, d) => o.schema?.length ? (i(), X(xe(r.value), {
       key: 0,
       title: o.title,
@@ -1629,13 +1629,13 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
         }, { ref_for: !0 }, p, {
           item: p,
           modelValue: H(l)[p.name],
-          "onUpdate:modelValue": (v) => H(l)[p.name] = v,
+          "onUpdate:modelValue": (f) => H(l)[p.name] = f,
           style: o.style,
           error: H(n)?.errors?.[p.name]
         }), null, 16, ["item", "modelValue", "onUpdate:modelValue", "style", "error"]))), 128))
       ]),
       _: 1
-    }, 8, ["title", "style"])) : j("", !0);
+    }, 8, ["title", "style"])) : S("", !0);
   }
 }), ir = { class: "relative" }, ur = { class: "w-full h-full fixed top-0 start-0 z-[1000] bg-black bg-opacity-50" }, dr = { 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" }, cr = { class: "py-2.5 px-4 flex justify-between items-center border-0 border-b border-solid border-gray-200 dark:border-b-[#454545]" }, pr = { class: "font-medium text-gray-800 dark:text-[#ffffff]" }, fr = { class: "p-4 mim-h-0 h-full overflow-auto" }, vr = /* @__PURE__ */ I({
   __name: "modal-edit",
@@ -1649,49 +1649,49 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
   emits: ["close", "save", "edit"],
   setup(o, { emit: e }) {
     const l = o, n = e, a = $(l.schema), r = $(l.defaultValue ? JSON.parse(JSON.stringify(l.defaultValue)) : {}), s = $({}), d = $(), p = $(l.mode);
-    async function v() {
+    async function f() {
       const g = s.value.validate();
       if (g) {
-        pe({ type: "warning", title: "Помилка валідації", message: Object.entries(g).map(([f, M]) => `${f}: ${M}`).join(`
+        pe({ type: "warning", title: "Помилка валідації", message: Object.entries(g).map(([v, M]) => `${v}: ${M}`).join(`
 `) });
         return;
       }
       if (d.value)
         try {
-          const f = await fetch(`/api/table/${d.value}`, {
+          const v = await fetch(`/api/table/${d.value}`, {
             method: p.value === "add" ? "POST" : "PUT",
             headers: {
               "Content-Type": "application/json"
             },
             body: JSON.stringify(r.value)
           });
-          if (f.ok)
-            await f.json(), pe({
+          if (v.ok)
+            await v.json(), pe({
               type: "success",
               title: "Успішно",
               message: `Дані успішно ${p.value === "add" ? "збережено" : "оновлено"}`
             }), n("save", r.value);
-          else if (f.status === 400) {
-            const M = await f.json().catch(() => ({}));
+          else if (v.status === 400) {
+            const M = await v.json().catch(() => ({}));
             pe({
               type: "warning",
               title: "Помилка валідації",
               message: M.message || "Некоректні дані (400)"
             });
-          } else f.status === 500 ? pe({
+          } else v.status === 500 ? pe({
             type: "error",
             title: "Серверна помилка",
             message: "Виникла помилка на сервері (500)"
           }) : pe({
             type: "error",
             title: "Помилка",
-            message: `Статус: ${f.status}`
+            message: `Статус: ${v.status}`
           });
-        } catch (f) {
+        } catch (v) {
           pe({
             type: "error",
             title: "Помилка з’єднання",
-            message: f.message || "Не вдалося виконати запит"
+            message: v.message || "Не вдалося виконати запит"
           });
         }
     }
@@ -1700,14 +1700,14 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
     }
     return ue(async () => {
       if (l.form) {
-        const g = await fetch(`/api/template/form/${l.form}`).then((f) => f.json());
+        const g = await fetch(`/api/template/form/${l.form}`).then((v) => v.json());
         a.value = g.schema, d.value = g.token;
       } else if (l.token) {
         d.value = l.token;
-        const g = await fetch(`/api/form/${d.value}`).then((f) => f.json());
+        const g = await fetch(`/api/form/${d.value}`).then((v) => v.json());
         a.value = g.schema, g.data ? r.value = g.data : p.value = "add";
       }
-    }), (g, f) => (i(), u("div", ir, [
+    }), (g, v) => (i(), u("div", ir, [
       t("div", ur, [
         t("div", dr, [
           t("div", cr, [
@@ -1716,7 +1716,7 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
               onClick: c,
               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"
-            }, f[2] || (f[2] = [
+            }, v[2] || (v[2] = [
               t("span", { class: "sr-only" }, "Close", -1),
               t("svg", {
                 class: "flex-shrink-0 w-4 h-4",
@@ -1740,10 +1740,10 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
               key: 0,
               schema: a.value,
               values: r.value,
-              "onUpdate:values": f[0] || (f[0] = (M) => r.value = M),
+              "onUpdate:values": v[0] || (v[0] = (M) => r.value = M),
               form: s.value,
-              "onUpdate:form": f[1] || (f[1] = (M) => s.value = M)
-            }, null, 8, ["schema", "values", "form"])) : j("", !0)
+              "onUpdate:form": v[1] || (v[1] = (M) => s.value = M)
+            }, null, 8, ["schema", "values", "form"])) : S("", !0)
           ]),
           t("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" }, [
             t("button", {
@@ -1752,7 +1752,7 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
               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"
             }, " Скасувати "),
             t("button", {
-              onClick: v,
+              onClick: f,
               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"
             }, " Зберегти ")
@@ -1826,16 +1826,16 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
   }),
   emits: /* @__PURE__ */ q(["change"], ["update:modelValue"]),
   setup(o, { emit: e }) {
-    const l = o, n = e, a = F(() => l.multiple), r = F(() => l.disabled);
+    const l = o, n = e, a = D(() => l.multiple), r = D(() => l.disabled);
     me(l.style);
-    const s = G(o, "modelValue"), d = $(null), p = $(null), v = $(null), c = $(!1), g = $(!1), f = $(null), M = $([]), S = $(-1), T = $([]), D = $(""), P = $(null), _ = $([]), x = F(() => {
+    const s = G(o, "modelValue"), d = $(null), p = $(null), f = $(null), c = $(!1), g = $(!1), v = $(null), M = $([]), A = $(-1), F = $([]), U = $(""), P = $(null), _ = $([]), x = D(() => {
       if (!_.value.length) return [];
       const k = new Map(M.value.map((w) => [w.id?.toString(), w]));
       return _.value.map((w) => k.get(w?.toString())).filter((w) => !!w);
-    }), h = F(() => l.placeholder || "Select..."), J = F(() => a.value ? !_.value.length && D.value === "" : !f.value?.text && D.value === ""), C = F(() => r.value ? !1 : a.value ? _.value.length > 0 : !!s.value), m = (k) => a.value ? _.value.some((w) => w?.toString() === k?.toString()) : s.value?.toString?.() === k?.toString?.(), V = F(() => {
+    }), h = D(() => l.placeholder || "Select..."), J = D(() => a.value ? !_.value.length && U.value === "" : !v.value?.text && U.value === ""), C = D(() => r.value ? !1 : a.value ? _.value.length > 0 : !!s.value), m = (k) => a.value ? _.value.some((w) => w?.toString() === k?.toString()) : s.value?.toString?.() === k?.toString?.(), V = D(() => {
       let k = M.value ?? [];
-      if (D.value.trim() !== "") {
-        const w = D.value.toLowerCase();
+      if (U.value.trim() !== "") {
+        const w = U.value.toLowerCase();
         k = k.filter((O) => O.text?.toLowerCase?.().includes(w));
       }
       if (a.value && _.value.length) {
@@ -1852,7 +1852,7 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
         return [];
       }
     }, Z = async () => {
-      l.options?.length ? M.value = [...l.options] : l.data && (M.value = await z(D.value));
+      l.options?.length ? M.value = [...l.options] : l.data && (M.value = await z(U.value));
     }, te = async (k) => {
       if (k == null) return null;
       const w = M.value?.find((W) => W?.id?.toString() === String(k));
@@ -1866,25 +1866,25 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
       }, Promise.resolve());
     }, we = async () => {
       r.value || (c.value = !0, await Z(), await $e(() => {
-        P.value?.focus(), V.value.length ? S.value = 0 : S.value = -1;
+        P.value?.focus(), V.value.length ? A.value = 0 : A.value = -1;
       }));
     }, ie = () => {
-      c.value = !1, S.value = -1;
+      c.value = !1, A.value = -1;
     }, Ie = async (k) => {
       if (r.value) return;
       !c.value ? await we() : ie();
     }, ke = async () => {
       c.value ? P.value?.focus() : await we();
     }, b = () => {
-      a.value ? (_.value = [], s.value = [], n("change", [])) : (f.value = null, s.value = null, n("change", null)), D.value = "", $e(() => P.value?.focus());
+      a.value ? (_.value = [], s.value = [], n("change", [])) : (v.value = null, s.value = null, n("change", null)), U.value = "", $e(() => P.value?.focus());
     }, y = (k) => {
       a.value && (_.value = _.value.filter((w) => w?.toString() !== k?.toString()), s.value = [..._.value], n("change", s.value), $e(() => P.value?.focus()));
-    }, U = (k) => {
-      a.value ? (m(k.id) || (_.value = [..._.value, k.id], s.value = [..._.value], n("change", s.value)), D.value = "", $e(() => {
-        P.value?.focus(), S.value = Math.min(S.value, V.value.length - 1);
-      })) : (f.value = k, s.value = k.id, n("change", s.value), D.value = "", ie());
+    }, R = (k) => {
+      a.value ? (m(k.id) || (_.value = [..._.value, k.id], s.value = [..._.value], n("change", s.value)), U.value = "", $e(() => {
+        P.value?.focus(), A.value = Math.min(A.value, V.value.length - 1);
+      })) : (v.value = k, s.value = k.id, n("change", s.value), U.value = "", ie());
     }, N = (k) => {
-      m(k.id) || U(k);
+      m(k.id) || R(k);
     }, ee = (k, w) => {
       if (!k || !w) return;
       const O = k.offsetTop, W = O + k.offsetHeight, be = w.scrollTop, Le = be + w.clientHeight;
@@ -1898,24 +1898,24 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
       if (!c.value) return;
       const { key: w } = k;
       if (w === "ArrowDown")
-        k.preventDefault(), S.value + 1 < V.value.length && (S.value += 1, ee(T.value[S.value], v.value));
+        k.preventDefault(), A.value + 1 < V.value.length && (A.value += 1, ee(F.value[A.value], f.value));
       else if (w === "ArrowUp")
-        k.preventDefault(), S.value > 0 && (S.value -= 1, ee(T.value[S.value], v.value));
+        k.preventDefault(), A.value > 0 && (A.value -= 1, ee(F.value[A.value], f.value));
       else if (w === "Enter") {
         k.preventDefault();
-        const O = V.value[S.value];
-        O && U(O);
-      } else w === "Escape" ? (k.preventDefault(), ie()) : w === "Backspace" ? a.value && D.value === "" && _.value.length && (_.value = _.value.slice(0, -1), s.value = [..._.value], n("change", s.value)) : w === "Home" ? (S.value = 0, ee(T.value[0], v.value)) : w === "End" ? (S.value = V.value.length - 1, ee(T.value[S.value], v.value)) : w === "Tab" && ie();
+        const O = V.value[A.value];
+        O && R(O);
+      } else w === "Escape" ? (k.preventDefault(), ie()) : w === "Backspace" ? a.value && U.value === "" && _.value.length && (_.value = _.value.slice(0, -1), s.value = [..._.value], n("change", s.value)) : w === "Home" ? (A.value = 0, ee(F.value[0], f.value)) : w === "End" ? (A.value = V.value.length - 1, ee(F.value[A.value], f.value)) : w === "Tab" && ie();
     }, he = () => {
       r.value || (g.value = !0);
     }, ge = () => {
-      g.value = !1, D.value = "";
+      g.value = !1, U.value = "";
     }, ce = (k) => {
       k.key === "Escape" && c.value && ie();
     }, Ue = (k) => {
       d.value && (d.value.contains(k.target) || ie());
     }, Re = (k) => {
-      c.value && v.value && !v.value.contains(k.target) && ie();
+      c.value && f.value && !f.value.contains(k.target) && ie();
     };
     se(() => l.options, (k) => {
       k?.length && (M.value = [...k]);
@@ -1928,7 +1928,7 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
           const k = s.value[0] ?? null;
           s.value = k ?? null;
         }
-        f.value = await te(s.value);
+        v.value = await te(s.value);
       }
     };
     se(s, () => {
@@ -1945,7 +1945,7 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify(k)
-      }).then((w) => w.json()), !l.options?.length && l.data && (M.value = await z(D.value)));
+      }).then((w) => w.json()), !l.options?.length && l.data && (M.value = await z(U.value)));
     }
     return (k, w) => (i(), u("div", {
       class: "flex gap-1 w-full",
@@ -1996,7 +1996,7 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
                   key: 0,
                   class: "w-[16px] h-[16px] rounded-md block ml-1.5",
                   style: fe({ backgroundColor: O?.color })
-                }, null, 4)) : j("", !0),
+                }, null, 4)) : S("", !0),
                 t("div", gr, E(O.text), 1)
               ]),
               t("div", {
@@ -2015,15 +2015,15 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
                   t("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, br)
-            ]))), 128)) : !a.value && f.value?.text && D.value === "" ? (i(), u("div", yr, [
-              f.value?.color ? (i(), u("span", {
+            ]))), 128)) : !a.value && v.value?.text && U.value === "" ? (i(), u("div", yr, [
+              v.value?.color ? (i(), u("span", {
                 key: 0,
                 class: "w-[14px] h-[14px] rounded-md block mr-1 mt-0.5",
-                style: fe({ backgroundColor: f.value?.color })
-              }, null, 4)) : j("", !0),
-              oe(" " + E(f.value.text), 1)
-            ])) : j("", !0),
-            J.value ? (i(), u("div", xr, E(h.value), 1)) : j("", !0),
+                style: fe({ backgroundColor: v.value?.color })
+              }, null, 4)) : S("", !0),
+              oe(" " + E(v.value.text), 1)
+            ])) : S("", !0),
+            J.value ? (i(), u("div", xr, E(h.value), 1)) : S("", !0),
             t("div", wr, [
               !r.value && k.search ? K((i(), u("input", {
                 key: 0,
@@ -2038,13 +2038,13 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
                 tabindex: "0",
                 "aria-autocomplete": "list",
                 placeholder: a.value && _.value.length ? "" : void 0,
-                "onUpdate:modelValue": w[0] || (w[0] = (O) => D.value = O),
+                "onUpdate:modelValue": w[0] || (w[0] = (O) => U.value = O),
                 onFocus: he,
                 onBlur: ge,
                 onKeydown: de
               }, null, 40, kr)), [
-                [ne, D.value]
-              ]) : j("", !0)
+                [ne, U.value]
+              ]) : S("", !0)
             ])
           ], 512),
           t("div", _r, [
@@ -2064,7 +2064,7 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
               }, [
                 t("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, $r)) : j("", !0),
+            ]), 8, $r)) : S("", !0),
             w[6] || (w[6] = t("div", { class: "self-stretch w-px bg-[#ccc] my-[1px]" }, null, -1)),
             t("button", {
               type: "button",
@@ -2088,12 +2088,12 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
           t("div", {
             class: "max-h-[300px] overflow-y-auto py-1",
             ref_key: "listRef",
-            ref: v
+            ref: f
           }, [
             V.value.length ? (i(!0), u(Q, { key: 0 }, Y(V.value, (O, W) => (i(), u("div", {
               key: O.id,
               ref_for: !0,
-              ref: (be) => T.value[W] = be,
+              ref: (be) => F.value[W] = be,
               class: B([
                 "flex px-3 py-2 cursor-default select-none hover:bg-blue-300",
                 m(O.id) ? "text-white bg-blue-500" : "text-gray-900 bg-white"
@@ -2107,18 +2107,18 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
                 key: 0,
                 class: "w-[11px] h-[11px] rounded-full block mr-1 mt-1.5",
                 style: fe({ backgroundColor: O?.color })
-              }, null, 4)) : j("", !0),
+              }, null, 4)) : S("", !0),
               t("div", {
                 class: B([
                   "leading-[19px]",
-                  S.value === O.id ? "text-white" : "",
+                  A.value === O.id ? "text-white" : "",
                   // active style like react-select
-                  (S.value === W, "")
+                  (A.value === W, "")
                 ])
               }, E(O.text), 3)
             ], 10, Mr))), 128)) : (i(), u("div", Lr, " No options "))
           ], 512)
-        ])) : j("", !0)
+        ])) : S("", !0)
       ], 2),
       l.add ? (i(), u("button", {
         key: 0,
@@ -2127,12 +2127,12 @@ const Vo = /* @__PURE__ */ R(_o, [["render", Co]]), Mo = { class: "flex flex-col
         disabled: r.value,
         type: "button"
       }, [
-        A(je, {
+        j(je, {
           width: "16",
           height: "16"
         }),
         w[9] || (w[9] = t("span", null, "Додати", -1))
-      ], 8, Br)) : j("", !0)
+      ], 8, Br)) : S("", !0)
     ], 512));
   }
 }), jr = ["placeholder", "disabled"], Ar = /* @__PURE__ */ I({
@@ -2186,7 +2186,7 @@ function Or(o, e) {
     t("path", { d: "M21 21l-6 -6" }, null, -1)
   ]));
 }
-const Er = /* @__PURE__ */ R(Ir, [["render", Or]]), Fr = {}, Dr = {
+const Er = /* @__PURE__ */ T(Ir, [["render", Or]]), Fr = {}, Dr = {
   class: "flex-shrink-0 mt-0.5 size-3.5",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
@@ -2204,7 +2204,7 @@ function Ur(o, e) {
     t("path", { d: "M17 4v16" }, null, -1)
   ]));
 }
-const Rr = /* @__PURE__ */ R(Fr, [["render", Ur]]), Tr = {}, Pr = {
+const Rr = /* @__PURE__ */ T(Fr, [["render", Ur]]), Tr = {}, Pr = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "14",
   height: "14",
@@ -2227,7 +2227,7 @@ function Nr(o, e) {
     t("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const Hr = /* @__PURE__ */ R(Tr, [["render", Nr]]), qr = {}, Gr = {
+const Hr = /* @__PURE__ */ T(Tr, [["render", Nr]]), qr = {}, Gr = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2248,7 +2248,7 @@ function Jr(o, e) {
     t("path", { d: "M12 4l0 12" }, null, -1)
   ]));
 }
-const Kr = /* @__PURE__ */ R(qr, [["render", Jr]]), Zr = {}, Wr = {
+const Kr = /* @__PURE__ */ T(qr, [["render", Jr]]), Zr = {}, Wr = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2262,7 +2262,7 @@ function Qr(o, e) {
     re('<circle cx="9" cy="12" r="1"></circle><circle cx="9" cy="5" r="1"></circle><circle cx="9" cy="19" r="1"></circle><circle cx="15" cy="12" r="1"></circle><circle cx="15" cy="5" r="1"></circle><circle cx="15" cy="19" r="1"></circle>', 6)
   ]));
 }
-const Ze = /* @__PURE__ */ R(Zr, [["render", Qr]]), Xr = {}, Yr = {
+const Ze = /* @__PURE__ */ T(Zr, [["render", Qr]]), Xr = {}, Yr = {
   viewBox: "0 0 178 90",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
@@ -2272,7 +2272,7 @@ function ea(o, e) {
     re('<rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-50 dark:stroke-neutral-700/10"></rect><rect x="34.5" y="58" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/30"></rect><rect x="27" y="36" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><g filter="url(#filter1)"><rect x="12" y="6" width="154" height="40" rx="8" fill="currentColor" class="fill-white dark:fill-neutral-800" shape-rendering="crispEdges"></rect><rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/60" shape-rendering="crispEdges"></rect><rect x="20" y="14" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect><rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect><rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect></g><defs><filter id="filter1" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="6"></feOffset><feGaussianBlur stdDeviation="6"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"></feBlend></filter></defs>', 12)
   ]));
 }
-const ta = /* @__PURE__ */ R(Xr, [["render", ea]]), la = {}, oa = {
+const ta = /* @__PURE__ */ T(Xr, [["render", ea]]), la = {}, oa = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2286,7 +2286,7 @@ function ra(o, e) {
     t("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 aa = /* @__PURE__ */ R(la, [["render", ra]]), sa = { class: "vs-datatable border rounded-xl w-full flex-grow" }, na = { class: "flex items-center npm gap-[16px] justify-between p-[20px] pb-[16px]" }, ia = { class: "relative w-full" }, ua = { class: "table-wrapper flex gap-2" }, da = { class: "vs-popover inline-block text-slate-700" }, ca = { class: "text-center" }, pa = { class: "" }, fa = { class: "py-2 px-4 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" }, va = { class: "flex flex-col p-[2px] gap-[2px] w-[140px]" }, ma = { class: "text-sm items-center text-gray-800 flex gap-1" }, ha = { class: "w-full overflow-x-auto" }, ga = { class: "w-full table-auto caption-bottom text-sm" }, ba = { class: "[&_tr]:border-b" }, ya = { 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" }, xa = { 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" }, wa = {
+const aa = /* @__PURE__ */ T(la, [["render", ra]]), sa = { class: "vs-datatable border rounded-xl w-full flex-grow" }, na = { class: "flex items-center npm gap-[16px] justify-between p-[20px] pb-[16px]" }, ia = { class: "relative w-full" }, ua = { class: "table-wrapper flex gap-2" }, da = { class: "vs-popover inline-block text-slate-700" }, ca = { class: "text-center" }, pa = { class: "" }, fa = { 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" }, va = { class: "flex flex-col p-[1px] gap-[2px] w-[140px]" }, ma = { class: "text-sm items-center text-gray-800 flex gap-1" }, ha = { class: "w-full overflow-x-auto" }, ga = { class: "w-full table-auto caption-bottom text-sm" }, ba = { class: "[&_tr]:border-b" }, ya = { 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" }, xa = { 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" }, wa = {
   key: 0,
   colspan: "100%",
   class: "text-center"
@@ -2307,16 +2307,16 @@ const aa = /* @__PURE__ */ R(la, [["render", ra]]), sa = { class: "vs-datatable
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, l = G(o, "modelValue"), n = $({}), a = $(""), r = F(() => {
+    const e = o, l = G(o, "modelValue"), n = $({}), a = $(""), r = D(() => {
       if (!a.value) return l.value ?? [];
       const C = a.value.toLowerCase();
       return l.value.filter((m) => e.colModel?.some((V) => {
         const z = m[V.key];
         return z ? Array.isArray(z) ? z.join(", ").toLowerCase().includes(C) : String(z).toLowerCase().includes(C) : !1;
       }));
-    }), s = $(null), d = $(null), p = $(!1), v = $(null), c = $({ top: 0, left: 0 }), g = (C) => {
+    }), s = $(null), d = $(null), p = $(!1), f = $(null), c = $({ top: 0, left: 0 }), g = (C) => {
       s.value = C;
-    }, f = (C) => {
+    }, v = (C) => {
       d.value = C;
     }, M = (C) => {
       if (s.value === null || s.value === C) {
@@ -2325,12 +2325,12 @@ const aa = /* @__PURE__ */ R(la, [["render", ra]]), sa = { class: "vs-datatable
       }
       const m = [...l.value], [V] = m.splice(s.value, 1);
       m.splice(C, 0, V), l.value = m, s.value = null, d.value = null;
-    }, S = (C) => {
+    }, A = (C) => {
       const V = C.currentTarget.getBoundingClientRect();
       c.value = { top: V.bottom + window.scrollY, left: V.left + window.scrollX }, p.value = !p.value;
-    }, T = () => {
-      v.value && v.value.click();
-    }, D = (C) => {
+    }, F = () => {
+      f.value && f.value.click();
+    }, U = (C) => {
       const V = C.target.files?.[0];
       if (!V) return;
       const z = new FileReader();
@@ -2379,7 +2379,7 @@ const aa = /* @__PURE__ */ R(la, [["render", ra]]), sa = { class: "vs-datatable
     return (C, m) => (i(), u("div", sa, [
       t("div", na, [
         t("div", ia, [
-          A(Er, {
+          j(Er, {
             width: "14",
             height: "14",
             class: "absolute left-3 top-1/2 transform -translate-y-1/2 text-stone-500"
@@ -2396,8 +2396,8 @@ const aa = /* @__PURE__ */ R(la, [["render", ra]]), sa = { class: "vs-datatable
         t("div", ua, [
           t("input", {
             ref_key: "fileInput",
-            ref: v,
-            onChange: D,
+            ref: f,
+            onChange: U,
             class: "hidden",
             accept: ".json",
             type: "file"
@@ -2406,10 +2406,10 @@ const aa = /* @__PURE__ */ R(la, [["render", ra]]), sa = { class: "vs-datatable
             t("div", ca, [
               t("div", pa, [
                 t("button", {
-                  onClick: S,
+                  onClick: A,
                   class: "bg-white hover:bg-gray-100 font-semibold text-[15px] leadig-[18.5px] py-[10px] px-[12px] border border-[#E5E7EB] rounded-[8px] h-[38px] max-h-[38px] gap-[8px] flex items-center"
                 }, [
-                  A(Rr, {
+                  j(Rr, {
                     height: "16",
                     width: "16"
                   })
@@ -2427,39 +2427,39 @@ const aa = /* @__PURE__ */ R(la, [["render", ra]]), sa = { class: "vs-datatable
             t("div", fa, [
               t("div", va, [
                 t("button", {
-                  onClick: T,
-                  class: "text-slate-700 flex items-center gap-1 px-3 py-1 rounded-md cursor-pointer group hover:bg-gray-100"
+                  onClick: F,
+                  class: "text-slate-700 flex items-center gap-1 px-3 py-2 rounded-md cursor-pointer group hover:bg-gray-100"
                 }, [
-                  A(Hr, {
+                  j(Hr, {
                     class: "text-black",
                     width: "14",
                     height: "14"
                   }),
-                  m[1] || (m[1] = oe(" Імпортувати ", -1))
+                  m[1] || (m[1] = oe(" Імпортувати "))
                 ]),
                 t("button", {
                   onClick: P,
-                  class: "text-slate-700 flex items-center px-3 py-1 rounded-md cursor-pointer group hover:bg-gray-100"
+                  class: "text-slate-700 flex items-center px-3 py-2 rounded-md cursor-pointer group hover:bg-gray-100"
                 }, [
                   t("span", ma, [
-                    A(Kr, {
+                    j(Kr, {
                       class: "text-black",
                       width: "14",
                       height: "14"
                     }),
-                    m[2] || (m[2] = oe(" Експортувати ", -1))
+                    m[2] || (m[2] = oe(" Експортувати "))
                   ])
                 ])
               ])
             ])
-          ], 4)) : j("", !0)
+          ], 4)) : S("", !0)
         ])),
         t("button", {
           onClick: _,
           class: "text-slate-700 bg-white hover:bg-gray-100 font-semibold text-[15px] leadig-[18.5px] py-[10px] px-[12px] border border-[#E5E7EB] rounded-[8px] h-[38px] max-h-[38px] gap-[8px] flex items-center"
         }, [
-          A(je),
-          m[3] || (m[3] = oe(" Додати ", -1))
+          j(je),
+          m[3] || (m[3] = oe(" Додати "))
         ])
       ]),
       t("div", ha, [
@@ -2467,7 +2467,7 @@ const aa = /* @__PURE__ */ R(la, [["render", ra]]), sa = { class: "vs-datatable
           t("thead", ba, [
             t("tr", ya, [
               t("th", xa, [
-                A(Ze, {
+                j(Ze, {
                   width: "24",
                   height: "24",
                   class: "w-4 h-4 mx-auto text-slate-400 dark:text-slate-500"
@@ -2476,7 +2476,7 @@ const aa = /* @__PURE__ */ R(la, [["render", ra]]), sa = { class: "vs-datatable
               (i(!0), u(Q, null, Y(C.colModel, (V) => (i(), u("th", {
                 key: V.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]"
-              }, E(V.ua), 1))), 128)),
+              }, E(V.ua || V.label), 1))), 128)),
               m[4] || (m[4] = t("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))
             ])
           ]),
@@ -2486,14 +2486,14 @@ const aa = /* @__PURE__ */ R(la, [["render", ra]]), sa = { class: "vs-datatable
             r.value.length === 0 ? (i(), u("td", wa, [
               t("div", ka, [
                 t("div", _a, [
-                  A(ta, { class: "w-48 mx-auto" }),
+                  j(ta, { class: "w-48 mx-auto" }),
                   m[5] || (m[5] = t("div", { class: "max-w-sm mx-auto mt-6" }, [
                     t("p", { class: "font-medium text-gray-800 dark:text-neutral-200" }, "Нічого не знайдено"),
                     t("p", { class: "mt-2 text-sm text-gray-500 dark:text-neutral-500" })
                   ], -1))
                 ])
               ])
-            ])) : j("", !0),
+            ])) : S("", !0),
             (i(!0), u(Q, null, Y(r.value, (V, z) => (i(), u("tr", {
               key: V.id,
               class: B(["border-b data-[state=selected]:bg-muted transition-all duration-200 hover:bg-slate-50/60 dark:hover:bg-slate-700/60 cursor-move", {
@@ -2502,12 +2502,12 @@ const aa = /* @__PURE__ */ R(la, [["render", ra]]), sa = { class: "vs-datatable
               }]),
               draggable: "true",
               onDragstart: (Z) => g(z),
-              onDragover: ae((Z) => f(z), ["prevent"]),
+              onDragover: ae((Z) => v(z), ["prevent"]),
               onDrop: (Z) => M(z)
             }, [
               t("td", Ca, [
                 t("div", Va, [
-                  A(Ze, {
+                  j(Ze, {
                     width: "24",
                     height: "24",
                     class: "w-4 h-4 mx-auto text-slate-400 dark:text-slate-500"
@@ -2526,7 +2526,7 @@ const aa = /* @__PURE__ */ R(la, [["render", ra]]), sa = { class: "vs-datatable
                     onClick: (Z) => h(V, z),
                     class: "text-slate-700 inline-flex items-center justify-center whitespace-nowrap font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border rounded-md text-xs h-7 w-7 p-0 border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-700 hover:bg-blue-50 dark:hover:bg-slate-600 hover:border-blue-300 dark:hover:border-slate-500 hover:text-blue-600 dark:hover:text-slate-200 transition-all duration-200 shadow-sm"
                   }, [
-                    A(aa, {
+                    j(aa, {
                       width: "24",
                       height: "24",
                       class: "w-3 h-3"
@@ -2536,7 +2536,7 @@ const aa = /* @__PURE__ */ R(la, [["render", ra]]), sa = { class: "vs-datatable
                     onClick: (Z) => J(z),
                     class: "text-slate-700 inline-flex items-center justify-center whitespace-nowrap font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border rounded-md text-xs h-7 w-7 p-0 border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-700 hover:bg-red-50 dark:hover:bg-slate-600 hover:border-red-300 dark:hover:border-slate-500 hover:text-red-600 dark:hover:text-slate-200 transition-all duration-200 shadow-sm"
                   }, [
-                    A(Ae, {
+                    j(Ae, {
                       width: "24",
                       height: "24",
                       class: "w-3 h-3"
@@ -2693,7 +2693,7 @@ function Fa(o, e) {
     t("path", { d: "M17.657 16.657l-4.243 4.243a2 2 0 0 1 -2.827 0l-4.244 -4.243a8 8 0 1 1 11.314 0z" }, null, -1)
   ]));
 }
-const Da = /* @__PURE__ */ R(Oa, [["render", Fa]]), Ua = {}, Ra = {
+const Da = /* @__PURE__ */ T(Oa, [["render", Fa]]), Ua = {}, Ra = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2715,7 +2715,7 @@ function Ta(o, e) {
     t("path", { d: "M7.5 16.5l9 -9" }, null, -1)
   ]));
 }
-const Pa = /* @__PURE__ */ R(Ua, [["render", Ta]]), Na = {}, Ha = {
+const Pa = /* @__PURE__ */ T(Ua, [["render", Ta]]), Na = {}, Ha = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2730,7 +2730,7 @@ function qa(o, e) {
     re('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M12 5m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M19 8m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M5 11m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M15 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M6.5 9.5l3.5 -3"></path><path d="M14 5.5l3 1.5"></path><path d="M18.5 10l-2.5 7"></path><path d="M13.5 17.5l-7 -5"></path>', 9)
   ]));
 }
-const Ga = /* @__PURE__ */ R(Na, [["render", qa]]), Ja = {}, Ka = {
+const Ga = /* @__PURE__ */ T(Na, [["render", qa]]), Ja = {}, Ka = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2745,7 +2745,7 @@ function Za(o, e) {
     re('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M8 18a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z"></path><path d="M20 18a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z"></path><path d="M20 6a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z"></path><path d="M8 6a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z"></path><path d="M6 8v8"></path><path d="M18 16v-8"></path><path d="M8 6h8"></path><path d="M16 18h-8"></path>', 9)
   ]));
 }
-const Wa = /* @__PURE__ */ R(Ja, [["render", Za]]), Qa = {}, Xa = {
+const Wa = /* @__PURE__ */ T(Ja, [["render", Za]]), Qa = {}, Xa = {
   version: "1.1",
   viewBox: "0 0 14 14",
   xmlns: "http://www.w3.org/2000/svg",
@@ -2783,7 +2783,7 @@ function Ya(o, e) {
     ], -1)
   ]));
 }
-const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__search" }, ls = { class: "map-search__input" }, os = { class: "flex flex-nowrap relative" }, rs = { class: "form-autocomplete relative min-w-[6rem] vsTailwind map-search__select hidden" }, as = { class: "flex items-center w-full" }, ss = { class: "max-w-[90%] truncate" }, ns = {
+const es = /* @__PURE__ */ T(Qa, [["render", Ya]]), ts = { class: "form-geom__search" }, ls = { class: "map-search__input" }, os = { class: "flex flex-nowrap relative" }, rs = { class: "form-autocomplete relative min-w-[6rem] vsTailwind map-search__select hidden" }, as = { class: "flex items-center w-full" }, ss = { class: "max-w-[90%] truncate" }, ns = {
   key: 0,
   class: "absolute z-[3100] mt-0.5 left-0 right-0"
 }, is = { class: "form-autocomplete__wrapper mt-[10px] z-50 w-full min-w-36 max-h-72 p-0 space-y-0.5 bg-white rounded-xl shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:bg-neutral-900 top-full opened" }, us = { class: "form-autocomplete__list vsTailwind px-2 pb-2 pt-0 max-h-200 relative [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:bg-gray-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900" }, ds = ["onClick"], cs = { class: "flex justify-between items-center w-full" }, ps = { class: "flex items-center" }, fs = {
@@ -2814,27 +2814,27 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
   emits: ["goToCoordinates"],
   setup(o, { emit: e }) {
     const l = e, n = $(!1), a = $("coordinates"), r = $(""), s = $([]), d = $(!1), p = $(!1);
-    let v;
+    let f;
     const c = [
       { value: "coordinates", label: "Пошук по кординатам" },
       { value: "atu", label: "АТУ" },
       { value: "address", label: "Адресса" },
       { value: "search_here", label: "Пошук HERE" }
-    ], g = F(() => c.find((_) => _.value === a.value)?.label ?? "АТУ");
-    function f(_) {
-      a.value = _.value, n.value = !1, r.value = "", r.value && T();
+    ], g = D(() => c.find((_) => _.value === a.value)?.label ?? "АТУ");
+    function v(_) {
+      a.value = _.value, n.value = !1, r.value = "", r.value && F();
     }
     function M(_) {
       _.target.closest(".map-search__input") || (n.value = !1);
     }
     ue(() => document.addEventListener("click", M)), et(() => document.removeEventListener("click", M));
-    async function S(_) {
+    async function A(_) {
       let x;
       a.value === "atu" ? x = "/api/suggest/atu.nsdi.ato_level" : a.value === "address" ? x = "/api/suggest/map.address_id" : a.value === "search_here" && (x = "/api/gis-url-proxy");
       const h = new URL(x || "");
       return a.value === "search_here" ? h.searchParams.set("searchtext", _) : (a.value === "atu" || a.value === "address") && h.searchParams.set("key", _), h.searchParams.set("limit", "20"), h.searchParams.set("q", _), (await fetch(h.toString())).json();
     }
-    function T() {
+    function F() {
       if (d.value = !0, p.value = !0, a.value === "coordinates") {
         const _ = r.value.trim().split(",");
         if (_.length === 2) {
@@ -2843,14 +2843,14 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
         }
         return;
       }
-      v && window.clearTimeout(v), v = window.setTimeout(async () => {
+      f && window.clearTimeout(f), f = window.setTimeout(async () => {
         const _ = r.value.trim();
         if (!_) {
           s.value = [], p.value = !1;
           return;
         }
         try {
-          const x = await S(_);
+          const x = await A(_);
           s.value = Array.isArray(x.features) ? x.features : [];
         } catch {
           s.value = [];
@@ -2859,7 +2859,7 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
         }
       }, 300);
     }
-    function D() {
+    function U() {
       r.value = "", s.value = [], d.value = !1, p.value = !1;
     }
     function P(_) {
@@ -2896,7 +2896,7 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
               t("div", is, [
                 t("div", us, [
                   (i(), u(Q, null, Y(c, (h) => t("div", {
-                    onClick: (J) => f(h),
+                    onClick: (J) => v(h),
                     key: h.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"
                   }, [
@@ -2906,12 +2906,12 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
                       ]),
                       h.value === a.value ? (i(), u("svg", fs, x[4] || (x[4] = [
                         t("polyline", { points: "20 6 9 17 4 12" }, null, -1)
-                      ]))) : j("", !0)
+                      ]))) : S("", !0)
                     ])
                   ], 8, ds)), 64))
                 ])
               ])
-            ])) : j("", !0)
+            ])) : S("", !0)
           ]),
           t("div", vs, [
             t("div", ms, [
@@ -2941,7 +2941,7 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
               K(t("input", {
                 type: "text",
                 "onUpdate:modelValue": x[1] || (x[1] = (h) => r.value = h),
-                onInput: T,
+                onInput: F,
                 onFocus: x[2] || (x[2] = (h) => d.value = !0),
                 placeholder: "Пошук...",
                 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"
@@ -2950,7 +2950,7 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
               ]),
               r.value ? (i(), u("button", {
                 key: 0,
-                onClick: D,
+                onClick: U,
                 class: "absolute right-2 bottom-1/2 translate-y-1/2 text-gray-500 hover:text-red-500",
                 "aria-label": "Очистити",
                 type: "button"
@@ -2969,7 +2969,7 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
                     "stroke-linejoin": "round"
                   })
                 ], -1)
-              ]))) : j("", !0),
+              ]))) : S("", !0),
               d.value && a.value !== "coordinates" ? (i(), u("div", hs, [
                 s.value.length ? (i(), u("ul", gs, [
                   (i(!0), u(Q, null, Y(s.value, (h) => (i(), u("li", {
@@ -2978,7 +2978,7 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
                     class: "px-3 py-2 text-sm cursor-pointer hover:bg-gray-100"
                   }, E(h.properties.display_name), 9, bs))), 128))
                 ])) : p.value ? (i(), u("div", ys, "Шукаю…")) : (i(), u("div", xs, "Нічого не знайдено"))
-              ])) : j("", !0)
+              ])) : S("", !0)
             ])
           ])
         ])
@@ -2999,11 +2999,11 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
     }
     return (s, d) => (i(), u("div", ks, [
       t("div", _s, [
-        (i(!0), u(Q, null, Y(s.basemaps, (p, v) => (i(), u("div", {
-          key: v,
-          class: B(["cursor-pointer border rounded-lg overflow-hidden hover:shadow-sm", { "ring-2 ring-blue-500 border-blue-300": n.value === v }]),
-          onClick: (c) => r(v),
-          title: v,
+        (i(!0), u(Q, null, Y(s.basemaps, (p, f) => (i(), u("div", {
+          key: f,
+          class: B(["cursor-pointer border rounded-lg overflow-hidden hover:shadow-sm", { "ring-2 ring-blue-500 border-blue-300": n.value === f }]),
+          onClick: (c) => r(f),
+          title: f,
           role: "button",
           tabindex: "0"
         }, [
@@ -3040,7 +3040,7 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
   setup(o, { emit: e }) {
     const l = o, n = e, a = $(null);
     let r, s, d;
-    const p = $(null), v = $(null), c = $(6), g = $(0), f = $(null), M = {
+    const p = $(null), f = $(null), c = $(6), g = $(0), v = $(null), M = {
       topo100: {
         url: "https://data.gki.com.ua/api-user/rtile/voyager/ua/{z}/{x}/{y}.png",
         preview: "https://data.gki.com.ua/api-user/rtile/voyager/ua/13/4790/2762.png"
@@ -3054,12 +3054,12 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
         preview: "https://tile.openstreetmap.org.ua/styles/osm-bright/13/4790/2762.png"
       }
     };
-    let S;
-    const T = $("topo100");
-    function D() {
+    let A;
+    const F = $("topo100");
+    function U() {
       return new Promise((b, y) => {
         window.L && window.L.Draw && b(0);
-        const U = (ee) => {
+        const R = (ee) => {
           if (Array.from(document.styleSheets).some((he) => he?.href?.includes(ee))) return;
           const de = document.createElement("link");
           de.rel = "stylesheet", de.href = ee, document.head.appendChild(de);
@@ -3072,7 +3072,7 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
           const ge = document.createElement("script");
           ge.src = ee, ge.async = !0, ge.onload = () => _e(), ge.onerror = (ce) => de(ce), document.body.appendChild(ge);
         });
-        U("https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"), U("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.css"), N("https://unpkg.com/leaflet@1.9.4/dist/leaflet.js").then(() => N("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.js")).then(() => b(0)).catch(y);
+        R("https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"), R("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.css"), N("https://unpkg.com/leaflet@1.9.4/dist/leaflet.js").then(() => N("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.js")).then(() => b(0)).catch(y);
       });
     }
     function P() {
@@ -3100,7 +3100,7 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
       }
       if (b instanceof L.Polygon || b instanceof L.Rectangle)
         try {
-          const y = b.getLatLngs(), U = Array.isArray(y[0]) ? y[0] : y, N = L.GeometryUtil?.geodesicArea ? L.GeometryUtil.geodesicArea(U) : 0;
+          const y = b.getLatLngs(), R = Array.isArray(y[0]) ? y[0] : y, N = L.GeometryUtil?.geodesicArea ? L.GeometryUtil.geodesicArea(R) : 0;
           return N ? N / 1e6 : 0;
         } catch {
           return null;
@@ -3113,42 +3113,42 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
     function V() {
       const b = s.getLayers();
       if (!b.length) {
-        f.value = null, g.value = 0;
+        v.value = null, g.value = 0;
         return;
       }
-      const y = b[b.length - 1], U = J(y), N = m(y), ee = C(y);
-      f.value = {
-        type: U,
+      const y = b[b.length - 1], R = J(y), N = m(y), ee = C(y);
+      v.value = {
+        type: R,
         center: N,
         areaKm2: ee,
         layer: y
       }, g.value = b.length;
     }
     function z() {
-      const b = f.value?.layer;
+      const b = v.value?.layer;
       b && (b instanceof L.Circle && b.getBounds ? r.fitBounds(b.getBounds(), { padding: [30, 30] }) : b.getBounds ? r.fitBounds(b.getBounds(), { padding: [30, 30] }) : b.getLatLng && r.setView(b.getLatLng(), Math.max(c.value, 14)));
     }
     function Z() {
-      const b = f.value?.layer;
+      const b = v.value?.layer;
       b && (s.removeLayer(b), P(), V());
     }
     ue(async () => {
-      await D(), L.drawLocal = Ia, r = L.map(a.value, { zoomControl: !1 }).setView([50, 30], 10), L.control.zoom({ position: "bottomright" }).addTo(r), S = L.tileLayer(M.topo100.url, { maxZoom: 19, minZoom: 6 }).addTo(r), T.value = "topo100", s = new L.FeatureGroup().addTo(r), r.on(L.Draw.Event.CREATED, (y) => {
-        const { layer: U } = y;
-        s.clearLayers(), s.addLayer(U), P(), V(), _(), h.value = "";
+      await U(), L.drawLocal = Ia, r = L.map(a.value, { zoomControl: !1 }).setView([50, 30], 10), L.control.zoom({ position: "bottomright" }).addTo(r), A = L.tileLayer(M.topo100.url, { maxZoom: 19, minZoom: 6 }).addTo(r), F.value = "topo100", s = new L.FeatureGroup().addTo(r), r.on(L.Draw.Event.CREATED, (y) => {
+        const { layer: R } = y;
+        s.clearLayers(), s.addLayer(R), P(), V(), _(), h.value = "";
       }), r.on(L.Draw.Event.EDITED, () => {
         P(), V(), _();
       }), r.on(L.Draw.Event.DELETED, () => {
         P(), V(), _();
       }), r.on("mousemove", (y) => {
-        v.value = y.latlng;
+        f.value = y.latlng;
       }), r.on("zoomend", () => {
         c.value = r.getZoom();
       });
       const b = za(l.modelValue);
       if (b) {
         const y = [];
-        L.geoJSON(b).eachLayer((U) => y.push(U)), y.length && s.addLayer(y[0]), P(), V(), _();
+        L.geoJSON(b).eachLayer((R) => y.push(R)), y.length && s.addLayer(y[0]), P(), V(), _();
       }
     });
     function te(b) {
@@ -3174,27 +3174,27 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
       }
     }
     function ye() {
-      const b = s.toGeoJSON(), y = new Blob([JSON.stringify(b, null, 2)], { type: "application/json" }), U = URL.createObjectURL(y), N = document.createElement("a");
-      N.href = U, N.download = "data.geojson", N.click(), URL.revokeObjectURL(U);
+      const b = s.toGeoJSON(), y = new Blob([JSON.stringify(b, null, 2)], { type: "application/json" }), R = URL.createObjectURL(y), N = document.createElement("a");
+      N.href = R, N.download = "data.geojson", N.click(), URL.revokeObjectURL(R);
     }
     function we(b) {
       const y = b.target.files?.[0];
       if (!y) return;
-      const U = new FileReader();
-      U.onload = () => {
-        if (typeof U.result == "string")
+      const R = new FileReader();
+      R.onload = () => {
+        if (typeof R.result == "string")
           try {
-            const N = JSON.parse(U.result);
+            const N = JSON.parse(R.result);
             s.clearLayers(), N && L.geoJSON({ type: "Feature", geometry: N }).eachLayer((ee) => {
               s.addLayer(ee);
             }), P(), V(), _();
           } finally {
             b.target.value = "";
           }
-      }, U.readAsText(y);
+      }, R.readAsText(y);
     }
     function ie(b) {
-      r && (S && r.removeLayer(S), S = L.tileLayer(M[b].url, { maxZoom: 19, minZoom: 6 }).addTo(r), T.value = b);
+      r && (A && r.removeLayer(A), A = L.tileLayer(M[b].url, { maxZoom: 19, minZoom: 6 }).addTo(r), F.value = b);
     }
     function Ie(b) {
       const y = L.latLng(b[0], b[1]);
@@ -3218,7 +3218,7 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
         class: "w-full h-full"
       }, null, 512),
       t("div", Ms, [
-        A(ws, { onGoToCoordinates: Ie }),
+        j(ws, { onGoToCoordinates: Ie }),
         t("div", Ls, [
           t("div", Bs, [
             t("button", {
@@ -3250,92 +3250,92 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
             "aria-pressed": h.value === "marker",
             title: "Point (P)",
             "aria-label": "Draw point",
-            onClick: y[0] || (y[0] = (U) => te("marker"))
+            onClick: y[0] || (y[0] = (R) => te("marker"))
           }, [
-            A(Da)
+            j(Da)
           ], 10, Is),
           t("button", {
             class: B(["vs-btn", { "vs-active": h.value === "polyline" }]),
             "aria-pressed": h.value === "polyline",
             title: "Line (L)",
             "aria-label": "Draw polyline",
-            onClick: y[1] || (y[1] = (U) => te("polyline"))
+            onClick: y[1] || (y[1] = (R) => te("polyline"))
           }, [
-            A(Pa)
+            j(Pa)
           ], 10, zs),
           t("button", {
             class: B(["vs-btn", { "vs-active": h.value === "polygon" }]),
             "aria-pressed": h.value === "polygon",
             title: "Polygon (G)",
             "aria-label": "Draw polygon",
-            onClick: y[2] || (y[2] = (U) => te("polygon"))
+            onClick: y[2] || (y[2] = (R) => te("polygon"))
           }, [
-            A(Ga)
+            j(Ga)
           ], 10, Os),
           t("button", {
             class: B(["vs-btn", { "vs-active": h.value === "rectangle" }]),
             "aria-pressed": h.value === "rectangle",
             title: "Rectangle (R)",
             "aria-label": "Draw rectangle",
-            onClick: y[3] || (y[3] = (U) => te("rectangle"))
+            onClick: y[3] || (y[3] = (R) => te("rectangle"))
           }, [
-            A(Wa)
+            j(Wa)
           ], 10, Es),
           t("button", {
             class: "vs-btn",
-            onClick: y[4] || (y[4] = (U) => ke.value = !ke.value)
+            onClick: y[4] || (y[4] = (R) => ke.value = !ke.value)
           }, [
-            A(es, { style: { width: "12px", height: "12px" } })
+            j(es, { style: { width: "12px", height: "12px" } })
           ])
         ])
       ]),
       t("div", {
-        class: B(["absolute left-4 z-[1000]", f.value ? "bottom-8" : "bottom-4"])
+        class: B(["absolute left-4 z-[1000]", v.value ? "bottom-8" : "bottom-4"])
       }, [
-        A(Vs, {
+        j(Vs, {
           basemaps: M,
           "default-layer": "topo100",
           onOnLayerChange: ie
         })
       ], 2),
       t("div", Fs, [
-        f.value ? (i(), u("div", Ds, [
+        v.value ? (i(), u("div", Ds, [
           t("div", Us, [
-            y[7] || (y[7] = oe(" Тип: ", -1)),
-            t("span", Rs, E(f.value.type), 1)
+            y[7] || (y[7] = oe(" Тип: ")),
+            t("span", Rs, E(v.value.type), 1)
           ]),
           t("div", Ts, [
             t("div", Ps, [
-              y[8] || (y[8] = oe(" Центр: ", -1)),
-              t("b", null, E(f.value.center.lat.toFixed(5)) + ", " + E(f.value.center.lng.toFixed(5)), 1)
+              y[8] || (y[8] = oe(" Центр: ")),
+              t("b", null, E(v.value.center.lat.toFixed(5)) + ", " + E(v.value.center.lng.toFixed(5)), 1)
             ]),
-            f.value.areaKm2 !== null ? (i(), u("div", Ns, [
-              y[9] || (y[9] = oe(" Площа: ", -1)),
-              t("b", null, E(f.value.areaKm2.toFixed(1)) + "км²", 1)
+            v.value.areaKm2 !== null ? (i(), u("div", Ns, [
+              y[9] || (y[9] = oe(" Площа: ")),
+              t("b", null, E(v.value.areaKm2.toFixed(1)) + "км²", 1)
             ])) : (i(), u("div", Hs, y[10] || (y[10] = [
-              oe(" Площа: ", -1),
+              oe(" Площа: "),
               t("b", null, "—", -1)
             ]))),
             t("button", {
               class: "tool bg-gray-100 py-1.5 px-2 rounded-lg text-md mr-1 cursor-pointer hover:bg-blue-500 hover:text-white transition-all",
               title: "Наблизити",
-              onClick: y[5] || (y[5] = (U) => z())
+              onClick: y[5] || (y[5] = (R) => z())
             }, y[11] || (y[11] = [
               re('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-3 h-3" data-v-d73d6cfa><path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" data-v-d73d6cfa></path><path d="M7 10l6 0" data-v-d73d6cfa></path><path d="M10 7l0 6" data-v-d73d6cfa></path><path d="M21 21l-6 -6" data-v-d73d6cfa></path></svg>', 1)
             ])),
             t("button", {
               class: "tool bg-gray-100 py-1.5 px-2 rounded-lg text-md cursor-pointer hover:bg-blue-500 hover:text-white transition-all",
               title: "Видалити",
-              onClick: y[6] || (y[6] = (U) => Z())
+              onClick: y[6] || (y[6] = (R) => Z())
             }, [
-              A(Ae, { class: "w-3 h-3" })
+              j(Ae, { class: "w-3 h-3" })
             ])
           ])
-        ])) : j("", !0)
+        ])) : S("", !0)
       ])
     ], 2));
   }
-}), Gs = /* @__PURE__ */ R(qs, [["__scopeId", "data-v-d73d6cfa"]]), Js = ["data-focus"], Ks = { class: "flex items-center" }, Zs = { class: "overflow-hidden text-ellipsis whitespace-nowrap rounded-sm text-[#333] text-[85%] px-0.5 py-[3px] pl-1.5 box-border" }, Ws = ["onClick", "aria-label"], Qs = {
+}), Gs = /* @__PURE__ */ T(qs, [["__scopeId", "data-v-d73d6cfa"]]), Js = ["data-focus"], Ks = { class: "flex items-center" }, Zs = { class: "overflow-hidden text-ellipsis whitespace-nowrap rounded-sm text-[#333] text-[85%] px-0.5 py-[3px] pl-1.5 box-border" }, Ws = ["onClick", "aria-label"], Qs = {
   key: 0,
   class: "absolute text-gray-500 truncate pl-2"
 }, Xs = { class: "flex-1 min-w-[2px]" }, Ys = ["placeholder"], en = { class: "flex items-center shrink-0" }, tn = ["disabled"], ln = /* @__PURE__ */ I({
@@ -3357,16 +3357,16 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
   setup(o, { emit: e }) {
     const l = o, n = e;
     me(l.style);
-    const a = $(null), r = $(null), s = $(null), d = $(!1), p = $(""), v = G(o, "modelValue"), c = F(() => l.placeholder || "Add tag…"), g = F(() => v.value?.length === 0 && p.value === ""), f = F(() => !l.disabled && v.value?.length > 0), M = F(() => l.disabled), S = async () => {
+    const a = $(null), r = $(null), s = $(null), d = $(!1), p = $(""), f = G(o, "modelValue"), c = D(() => l.placeholder || "Add tag…"), g = D(() => f.value?.length === 0 && p.value === ""), v = D(() => !l.disabled && f.value?.length > 0), M = D(() => l.disabled), A = async () => {
       M.value || await $e(() => s.value?.focus());
-    }, T = (C) => {
+    }, F = (C) => {
       const m = C.trim();
-      m !== "" && (!v.value || !Array.isArray(v.value) ? v.value = [m] : l.unique ? v.value.includes(m) || (v.value = [...v.value, m]) : v.value = [...v.value, m], p.value = "");
-    }, D = () => {
+      m !== "" && (!f.value || !Array.isArray(f.value) ? f.value = [m] : l.unique ? f.value.includes(m) || (f.value = [...f.value, m]) : f.value = [...f.value, m], p.value = "");
+    }, U = () => {
       const C = p.value;
-      C.trim() !== "" && T(C), p.value = "";
+      C.trim() !== "" && F(C), p.value = "";
     }, P = (C) => {
-      const m = v.value.slice();
+      const m = f.value.slice();
       m.splice(C, 1), n("update:modelValue", m);
     }, _ = () => {
       n("update:modelValue", []);
@@ -3376,7 +3376,7 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
       d.value = !1;
     }, J = (C) => {
       const { key: m } = C;
-      m === "Enter" ? (C.preventDefault(), D()) : m === "Backspace" && p.value === "" && v.value.length > 0 && P(v.value.length - 1);
+      m === "Enter" ? (C.preventDefault(), U()) : m === "Backspace" && p.value === "" && f.value.length > 0 && P(f.value.length - 1);
     };
     return (C, m) => (i(), u("div", {
       class: "flex gap-1 w-full",
@@ -3398,14 +3398,14 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
             M.value ? "bg-gray-100 text-gray-400 cursor-not-allowed hover:border-gray-300" : ""
           ]),
           "data-focus": d.value ? "true" : "false",
-          onClick: S
+          onClick: A
         }, [
           t("div", {
             class: "flex flex-1 flex-wrap items-center gap-1 py-0.5 pl-2 pr-0 overflow-hidden",
             ref_key: "chipsRef",
             ref: r
           }, [
-            (i(!0), u(Q, null, Y(v.value, (V, z) => (i(), u("div", {
+            (i(!0), u(Q, null, Y(f.value, (V, z) => (i(), u("div", {
               key: z,
               class: "flex min-w-0 bg-[#e6e6e6] rounded-sm m-0.5 box-border"
             }, [
@@ -3430,9 +3430,9 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
                 ], -1)
               ]), 8, Ws)
             ]))), 128)),
-            g.value ? (i(), u("div", Qs, E(c.value), 1)) : j("", !0),
+            g.value ? (i(), u("div", Qs, E(c.value), 1)) : S("", !0),
             t("div", Xs, [
-              M.value ? j("", !0) : K((i(), u("input", {
+              M.value ? S("", !0) : K((i(), u("input", {
                 key: 0,
                 ref_key: "inputRef",
                 ref: s,
@@ -3448,14 +3448,14 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
                 onFocus: x,
                 onBlur: h,
                 onKeydown: J,
-                placeholder: v.value && v.value.length ? "" : void 0
+                placeholder: f.value && f.value.length ? "" : void 0
               }, null, 40, Ys)), [
                 [ne, p.value]
               ])
             ])
           ], 512),
           t("div", en, [
-            f.value ? (i(), u("button", {
+            v.value ? (i(), u("button", {
               key: 0,
               type: "button",
               class: "px-2 text-gray-400 hover:text-gray-500 transition-colors disabled:opacity-50",
@@ -3471,7 +3471,7 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
               }, [
                 t("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, tn)) : j("", !0)
+            ]), 8, tn)) : S("", !0)
           ])
         ], 10, Js)
       ], 2)
@@ -3544,16 +3544,16 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = o, l = G(o, "modelValue"), n = F(() => Mt[`${e.layout}`]), a = F(() => on?.[`vs-input-${e.item.type}`]), r = F(() => {
+    const e = o, l = G(o, "modelValue"), n = D(() => Mt[`${e.layout}`]), a = D(() => on?.[`vs-input-${e.item.type}`]), r = D(() => {
       const d = H(a);
       if (!d) return /* @__PURE__ */ new Set();
       const p = d.props ?? d.__vccOpts?.props;
       if (!p) return /* @__PURE__ */ new Set();
-      const v = Array.isArray(p) ? p : Object.keys(p);
-      return new Set(v);
-    }), s = F(() => {
+      const f = Array.isArray(p) ? p : Object.keys(p);
+      return new Set(f);
+    }), s = D(() => {
       const d = e.item ?? {}, p = r.value;
-      return p.size ? Object.fromEntries(Object.entries(d).filter(([v]) => p.has(v))) : {};
+      return p.size ? Object.fromEntries(Object.entries(d).filter(([f]) => p.has(f))) : {};
     });
     return (d, p) => (i(), X(xe(n.value), {
       ua: e.item.ua,
@@ -3565,9 +3565,9 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
         t("div", an, [
           (i(), X(xe(a.value), Ce(s.value, {
             modelValue: l.value,
-            "onUpdate:modelValue": p[0] || (p[0] = (v) => l.value = v)
+            "onUpdate:modelValue": p[0] || (p[0] = (f) => l.value = f)
           }), null, 16, ["modelValue"])),
-          d.item.behavior ? (i(), X(rn, Ce({ key: 0 }, d.item.behavior, { value: l.value }), null, 16, ["value"])) : j("", !0)
+          d.item.behavior ? (i(), X(rn, Ce({ key: 0 }, d.item.behavior, { value: l.value }), null, 16, ["value"])) : S("", !0)
         ])
       ]),
       _: 1
@@ -3600,6 +3600,7 @@ const es = /* @__PURE__ */ R(Qa, [["render", Ya]]), ts = { class: "form-geom__se
   html: "static",
   geom: "map",
   filelist: "file-list",
+  datalist: "datatable",
   file: "file"
   // mask: 'text',
 };
@@ -3630,24 +3631,24 @@ function fn(o) {
 function vn(o, e) {
   const l = fn(e), n = $({});
   function a(p) {
-    const v = p?.conditions;
-    if (!v) return !0;
-    const c = Array.isArray(v) ? v[0] : v, g = o?.value?.[c];
-    return rt(g, v);
+    const f = p?.conditions;
+    if (!f) return !0;
+    const c = Array.isArray(f) ? f[0] : f, g = o?.value?.[c];
+    return rt(g, f);
   }
-  const r = (p = l, v = !0) => (p.forEach((c) => {
+  const r = (p = l, f = !0) => (p.forEach((c) => {
     if (c.rules) {
       if (!a(c)) {
         delete n.value[c.name];
         return;
       }
       c.rules.forEach((g) => {
-        const f = cn(o.value[c.name], g);
-        f ? n.value[c.name] = f : delete n.value[c.name];
+        const v = cn(o.value[c.name], g);
+        v ? n.value[c.name] = v : delete n.value[c.name];
       });
     }
     c.schema && r(c.schema, !1);
-  }), v && Object.values(n.value).some(Boolean) ? n.value : null), s = F(() => l?.filter((p) => a(p)));
+  }), f && Object.values(n.value).some(Boolean) ? n.value : null), s = D(() => l?.filter((p) => a(p)));
   return {
     errors: n,
     validate: r,
@@ -3662,6 +3663,7 @@ const Oe = /* @__PURE__ */ I({
   props: /* @__PURE__ */ q({
     schema: { default: () => [] },
     style: { default: () => ({}) },
+    modelValue: {},
     layout: { default: () => "default" },
     formId: { default: () => "" }
   }, {
@@ -3670,41 +3672,45 @@ const Oe = /* @__PURE__ */ I({
     values: { default: () => ({}) },
     valuesModifiers: {}
   }),
-  emits: /* @__PURE__ */ q(["handle-submit"], ["update:form", "update:values"]),
-  setup(o, { emit: e }) {
-    const l = e, n = o, a = G(o, "form"), r = G(o, "values"), {
-      errors: s,
-      validate: d,
-      reset: p,
-      visibleSchema: v
-    } = vn(r, n.schema), c = () => {
-      d(), l("handle-submit", r.value);
+  emits: /* @__PURE__ */ q(["handle-submit", "update:modelValue"], ["update:form", "update:values"]),
+  setup(o, { expose: e, emit: l }) {
+    const n = l, a = o, r = G(o, "form"), s = G(o, "values"), {
+      errors: d,
+      validate: p,
+      reset: f,
+      visibleSchema: c
+    } = vn(s, a.schema), g = () => {
+      n("update:modelValue", s.value), p(), n("handle-submit", s.value);
     };
-    ue(() => {
-      a.value.value = r.value, a.value.errors = s.value, a.value.reset = p, a.value.validate = d, a.value.formId = n.formId;
+    e({
+      validate: p,
+      reset: f,
+      errors: d
+    }), ue(() => {
+      a.modelValue && (s.value = a.modelValue), r.value.value = s.value, r.value.errors = d.value, r.value.reset = f, r.value.validate = p, r.value.formId = a.formId;
     });
-    function g(f, M) {
-      if (f === M) return !0;
-      if (typeof f != "object" || typeof M != "object" || !f || !M) return !1;
-      const S = Object.keys(f), T = Object.keys(M);
-      return S.length !== T.length ? !1 : S.every((D) => f[D] === M[D]);
+    function v(M, A) {
+      if (M === A) return !0;
+      if (typeof M != "object" || typeof A != "object" || !M || !A) return !1;
+      const F = Object.keys(M), U = Object.keys(A);
+      return F.length !== U.length ? !1 : F.every((P) => M[P] === A[P]);
     }
-    return Ne("form", a), Ne("values", r), (f, M) => (i(), u("form", {
-      onSubmit: ae(c, ["prevent"]),
-      class: B(["grid grid-cols-12", f.layout === "default" ? "gap-6" : "gap-4"])
+    return Ne("form", r), Ne("values", s), (M, A) => (i(), u("form", {
+      onSubmit: ae(g, ["prevent"]),
+      class: B(["grid grid-cols-12", M.layout === "default" ? "gap-6" : "gap-4"])
     }, [
-      (i(!0), u(Q, null, Y(H(v), (S) => (i(), X(at, {
-        key: S.name,
-        class: B(f.layout === "horizontal" ? "col-span-12" : `col-span-${S.col || 12} `),
-        style: fe(f.style),
-        item: S,
-        layout: f.layout,
-        "model-value": r.value[S.name],
-        "onUpdate:modelValue": (T) => {
-          const D = r.value[S.name];
-          g(D, T) || (r.value[S.name] = T);
+      (i(!0), u(Q, null, Y(H(c), (F) => (i(), X(at, {
+        key: F.name,
+        class: B(M.layout === "horizontal" ? "col-span-12" : `col-span-${F.col || 12} `),
+        style: fe(M.style),
+        item: F,
+        layout: M.layout,
+        "model-value": s.value[F.name],
+        "onUpdate:modelValue": (U) => {
+          const P = s.value[F.name];
+          v(P, U) || (s.value[F.name] = U);
         },
-        error: H(s)[S.name]
+        error: H(d)[F.name]
       }, null, 8, ["class", "style", "item", "layout", "model-value", "onUpdate:modelValue", "error"]))), 128))
     ], 34));
   }