@stonecrop/aform 0.6.1 → 0.6.3

package/dist/aform.js

@@ -1,4 +1,4 @@
-import { defineComponent as C, mergeModels as z, useModel as q, createElementBlock as b, openBlock as g, createElementVNode as c, withDirectives as M, toDisplayString as I, vModelCheckbox as Pe, vShow as U, resolveComponent as Fe, createBlock as le, withCtx as Re, useTemplateRef as De, vModelText as H, watch as F, getCurrentScope as Ee, onScopeDispose as Me, toRef as Oe, readonly as Ie, ref as D, customRef as He, computed as T, watchEffect as Ae, toValue as w, unref as S, shallowRef as G, reactive as Be, normalizeClass as X, withKeys as R, Fragment as j, renderList as Y, withModifiers as Te, onMounted as ae, onBeforeUnmount as qe, getCurrentInstance as Ue, nextTick as We, resolveDynamicComponent as Ne, mergeProps as je, renderSlot as Ye, createTextVNode as Ce, createCommentVNode as se, createVNode as Ke } from "vue";
+import { defineComponent as C, mergeModels as z, useModel as q, createElementBlock as b, openBlock as g, createElementVNode as c, withDirectives as E, toDisplayString as M, vModelCheckbox as Pe, vShow as U, resolveComponent as Fe, createBlock as le, withCtx as Re, useTemplateRef as xe, vModelText as H, watch as F, getCurrentScope as De, onScopeDispose as Ee, toRef as Oe, readonly as Me, ref as x, customRef as He, computed as T, watchEffect as ae, toValue as w, unref as S, shallowRef as G, reactive as Be, normalizeClass as X, withKeys as R, Fragment as j, renderList as Y, withModifiers as Ie, onMounted as se, onBeforeUnmount as qe, getCurrentInstance as Ue, nextTick as We, resolveDynamicComponent as Ne, mergeProps as je, renderSlot as Ye, createTextVNode as Ae, createCommentVNode as re, createVNode as Ke } from "vue";
 import './assets/index.css';const ze = { class: "aform_form-element" }, Ge = ["for"], Je = { class: "aform_checkbox-container aform_input-field" }, Qe = ["id", "readonly", "required"], Xe = ["innerHTML"], Ze = /* @__PURE__ */ C({
   __name: "ACheckbox",
   props: /* @__PURE__ */ z({
@@ -20,11 +20,11 @@ import './assets/index.css';const ze = { class: "aform_form-element" }, Ge = ["f
       c("label", {
         class: "aform_field-label",
         for: e.uuid
-      }, I(e.label), 9, Ge),
+      }, M(e.label), 9, Ge),
       c("span", Je, [
-        M(c("input", {
+        E(c("input", {
           id: e.uuid,
-          "onUpdate:modelValue": o[0] || (o[0] = (r) => t.value = r),
+          "onUpdate:modelValue": o[0] || (o[0] = (a) => t.value = a),
           type: "checkbox",
           class: "aform_checkbox",
           readonly: e.readonly,
@@ -33,7 +33,7 @@ import './assets/index.css';const ze = { class: "aform_form-element" }, Ge = ["f
           [Pe, t.value]
         ])
       ]),
-      M(c("p", {
+      E(c("p", {
         class: "aform_error",
         innerHTML: e.validation.errorMessage
       }, null, 8, Xe), [
@@ -41,12 +41,12 @@ import './assets/index.css';const ze = { class: "aform_form-element" }, Ge = ["f
       ])
     ]));
   }
-}), _ = (e, t) => {
+}), L = (e, t) => {
   const n = e.__vccOpts || e;
-  for (const [o, r] of t)
-    n[o] = r;
+  for (const [o, a] of t)
+    n[o] = a;
   return n;
-}, et = /* @__PURE__ */ _(Ze, [["__scopeId", "data-v-aaa1a4c4"]]), tt = /* @__PURE__ */ C({
+}, et = /* @__PURE__ */ L(Ze, [["__scopeId", "data-v-aaa1a4c4"]]), tt = /* @__PURE__ */ C({
   __name: "AComboBox",
   props: ["event", "cellData", "tableID"],
   setup(e) {
@@ -88,15 +88,15 @@ import './assets/index.css';const ze = { class: "aform_form-element" }, Ge = ["f
   setup(e) {
     const t = q(e, "modelValue", {
       // format the date to be compatible with the native input datepicker
-      set: (r) => new Date(r).toISOString().split("T")[0]
-    }), n = De("date"), o = () => {
+      set: (a) => new Date(a).toISOString().split("T")[0]
+    }), n = xe("date"), o = () => {
       n.value && "showPicker" in HTMLInputElement.prototype && n.value.showPicker();
     };
-    return (r, u) => (g(), b("div", null, [
-      M(c("input", {
+    return (a, s) => (g(), b("div", null, [
+      E(c("input", {
         id: e.uuid,
         ref: "date",
-        "onUpdate:modelValue": u[0] || (u[0] = (s) => t.value = s),
+        "onUpdate:modelValue": s[0] || (s[0] = (l) => t.value = l),
         type: "date",
         disabled: e.readonly,
         required: e.required,
@@ -104,47 +104,47 @@ import './assets/index.css';const ze = { class: "aform_form-element" }, Ge = ["f
       }, null, 8, nt), [
         [H, t.value]
       ]),
-      c("label", { for: e.uuid }, I(e.label), 9, ot),
-      M(c("p", {
+      c("label", { for: e.uuid }, M(e.label), 9, ot),
+      E(c("p", {
         innerHTML: e.validation.errorMessage
       }, null, 8, lt), [
         [U, e.validation.errorMessage]
       ])
     ]));
   }
-}), st = /* @__PURE__ */ _(at, [["__scopeId", "data-v-455d9e30"]]);
-function re(e, t) {
-  return Ee() ? (Me(e, t), !0) : !1;
+}), st = /* @__PURE__ */ L(at, [["__scopeId", "data-v-455d9e30"]]);
+function Te(e, t) {
+  return De() ? (Ee(e, t), !0) : !1;
 }
 // @__NO_SIDE_EFFECTS__
-function me() {
-  const e = /* @__PURE__ */ new Set(), t = (u) => {
-    e.delete(u);
+function fe() {
+  const e = /* @__PURE__ */ new Set(), t = (s) => {
+    e.delete(s);
   };
   return {
-    on: (u) => {
-      e.add(u);
-      const s = () => t(u);
-      return re(s), { off: s };
+    on: (s) => {
+      e.add(s);
+      const l = () => t(s);
+      return Te(l), { off: l };
     },
     off: t,
-    trigger: (...u) => Promise.all(Array.from(e).map((s) => s(...u))),
+    trigger: (...s) => Promise.all(Array.from(e).map((l) => l(...s))),
     clear: () => {
       e.clear();
     }
   };
 }
-const $e = typeof window < "u" && typeof document < "u";
+const Ce = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
 const rt = Object.prototype.toString, it = (e) => rt.call(e) === "[object Object]", N = () => {
 }, ut = (e, t) => Object.prototype.hasOwnProperty.call(e, t);
 function ct(...e) {
   if (e.length !== 1) return Oe(...e);
   const t = e[0];
-  return typeof t == "function" ? Ie(He(() => ({
+  return typeof t == "function" ? Me(He(() => ({
     get: t,
     set: N
-  }))) : D(t);
+  }))) : x(t);
 }
 function Z(e) {
   return Array.isArray(e) ? e : [e];
@@ -155,97 +155,95 @@ function dt(e, t, n) {
     immediate: !0
   });
 }
-const Se = $e ? window : void 0, ft = $e ? window.document : void 0;
+const $e = Ce ? window : void 0, ft = Ce ? window.document : void 0;
 function O(e) {
   var t;
   const n = w(e);
   return (t = n?.$el) !== null && t !== void 0 ? t : n;
 }
 function ee(...e) {
-  const t = [], n = () => {
-    t.forEach((l) => l()), t.length = 0;
-  }, o = (l, a, i, f) => (l.addEventListener(a, i, f), () => l.removeEventListener(a, i, f)), r = T(() => {
-    const l = Z(w(e[0])).filter((a) => a != null);
-    return l.every((a) => typeof a != "string") ? l : void 0;
-  }), u = dt(() => {
-    var l, a;
+  const t = (o, a, s, l) => (o.addEventListener(a, s, l), () => o.removeEventListener(a, s, l)), n = T(() => {
+    const o = Z(w(e[0])).filter((a) => a != null);
+    return o.every((a) => typeof a != "string") ? o : void 0;
+  });
+  return dt(() => {
+    var o, a;
     return [
-      (l = (a = r.value) === null || a === void 0 ? void 0 : a.map((i) => O(i))) !== null && l !== void 0 ? l : [Se].filter((i) => i != null),
-      Z(w(r.value ? e[1] : e[0])),
-      Z(S(r.value ? e[2] : e[1])),
-      w(r.value ? e[3] : e[2])
+      (o = (a = n.value) === null || a === void 0 ? void 0 : a.map((s) => O(s))) !== null && o !== void 0 ? o : [$e].filter((s) => s != null),
+      Z(w(n.value ? e[1] : e[0])),
+      Z(S(n.value ? e[2] : e[1])),
+      w(n.value ? e[3] : e[2])
     ];
-  }, ([l, a, i, f]) => {
-    if (n(), !l?.length || !a?.length || !i?.length) return;
-    const v = it(f) ? { ...f } : f;
-    t.push(...l.flatMap((d) => a.flatMap((p) => i.map((k) => o(d, p, k, v)))));
-  }, { flush: "post" }), s = () => {
-    u(), n();
-  };
-  return re(n), s;
+  }, ([o, a, s, l], r, i) => {
+    if (!o?.length || !a?.length || !s?.length) return;
+    const u = it(l) ? { ...l } : l, v = o.flatMap((m) => a.flatMap((d) => s.map((p) => t(m, d, p, u))));
+    i(() => {
+      v.forEach((m) => m());
+    });
+  }, { flush: "post" });
 }
-function ve(e, t, n = {}) {
-  const { window: o = Se, ignore: r = [], capture: u = !0, detectIframe: s = !1, controls: l = !1 } = n;
-  if (!o) return l ? {
+function me(e, t, n = {}) {
+  const { window: o = $e, ignore: a = [], capture: s = !0, detectIframe: l = !1, controls: r = !1 } = n;
+  if (!o) return r ? {
     stop: N,
     cancel: N,
     trigger: N
   } : N;
-  let a = !0;
-  const i = (m) => w(r).some((h) => {
-    if (typeof h == "string") return Array.from(o.document.querySelectorAll(h)).some((E) => E === m.target || m.composedPath().includes(E));
+  let i = !0;
+  const u = (f) => w(a).some((h) => {
+    if (typeof h == "string") return Array.from(o.document.querySelectorAll(h)).some((D) => D === f.target || f.composedPath().includes(D));
     {
-      const E = O(h);
-      return E && (m.target === E || m.composedPath().includes(E));
+      const D = O(h);
+      return D && (f.target === D || f.composedPath().includes(D));
     }
   });
-  function f(m) {
-    const h = w(m);
+  function v(f) {
+    const h = w(f);
     return h && h.$.subTree.shapeFlag === 16;
   }
-  function v(m, h) {
-    const E = w(m), y = E.$.subTree && E.$.subTree.children;
-    return y == null || !Array.isArray(y) ? !1 : y.some((x) => x.el === h.target || h.composedPath().includes(x.el));
+  function m(f, h) {
+    const D = w(f), y = D.$.subTree && D.$.subTree.children;
+    return y == null || !Array.isArray(y) ? !1 : y.some((k) => k.el === h.target || h.composedPath().includes(k.el));
   }
-  const d = (m) => {
+  const d = (f) => {
     const h = O(e);
-    if (m.target != null && !(!(h instanceof Element) && f(e) && v(e, m)) && !(!h || h === m.target || m.composedPath().includes(h))) {
-      if ("detail" in m && m.detail === 0 && (a = !i(m)), !a) {
-        a = !0;
+    if (f.target != null && !(!(h instanceof Element) && v(e) && m(e, f)) && !(!h || h === f.target || f.composedPath().includes(h))) {
+      if ("detail" in f && f.detail === 0 && (i = !u(f)), !i) {
+        i = !0;
         return;
       }
-      t(m);
+      t(f);
     }
   };
   let p = !1;
-  const k = [
-    ee(o, "click", (m) => {
+  const I = [
+    ee(o, "click", (f) => {
       p || (p = !0, setTimeout(() => {
         p = !1;
-      }, 0), d(m));
+      }, 0), d(f));
     }, {
       passive: !0,
-      capture: u
+      capture: s
     }),
-    ee(o, "pointerdown", (m) => {
+    ee(o, "pointerdown", (f) => {
       const h = O(e);
-      a = !i(m) && !!(h && !m.composedPath().includes(h));
+      i = !u(f) && !!(h && !f.composedPath().includes(h));
     }, { passive: !0 }),
-    s && ee(o, "blur", (m) => {
+    l && ee(o, "blur", (f) => {
       setTimeout(() => {
         var h;
-        const E = O(e);
-        ((h = o.document.activeElement) === null || h === void 0 ? void 0 : h.tagName) === "IFRAME" && !E?.contains(o.document.activeElement) && t(m);
+        const D = O(e);
+        ((h = o.document.activeElement) === null || h === void 0 ? void 0 : h.tagName) === "IFRAME" && !D?.contains(o.document.activeElement) && t(f);
       }, 0);
     }, { passive: !0 })
-  ].filter(Boolean), A = () => k.forEach((m) => m());
-  return l ? {
+  ].filter(Boolean), A = () => I.forEach((f) => f());
+  return r ? {
     stop: A,
     cancel: () => {
-      a = !1;
+      i = !1;
     },
-    trigger: (m) => {
-      a = !0, d(m), a = !1;
+    trigger: (f) => {
+      i = !0, d(f), i = !1;
     }
   } : A;
 }
@@ -263,36 +261,36 @@ function vt(e) {
   return t.files;
 }
 function pt(e = {}) {
-  const { document: t = ft } = e, n = D(vt(e.initialFiles)), { on: o, trigger: r } = /* @__PURE__ */ me(), { on: u, trigger: s } = /* @__PURE__ */ me(), l = T(() => {
-    var v;
-    const d = (v = O(e.input)) !== null && v !== void 0 ? v : t ? t.createElement("input") : void 0;
+  const { document: t = ft } = e, n = x(vt(e.initialFiles)), { on: o, trigger: a } = /* @__PURE__ */ fe(), { on: s, trigger: l } = /* @__PURE__ */ fe(), r = T(() => {
+    var m;
+    const d = (m = O(e.input)) !== null && m !== void 0 ? m : t ? t.createElement("input") : void 0;
     return d && (d.type = "file", d.onchange = (p) => {
-      n.value = p.target.files, r(n.value);
+      n.value = p.target.files, a(n.value);
     }, d.oncancel = () => {
-      s();
+      l();
     }), d;
-  }), a = () => {
-    n.value = null, l.value && l.value.value && (l.value.value = "", r(null));
-  }, i = (v) => {
-    const d = l.value;
-    d && (d.multiple = w(v.multiple), d.accept = w(v.accept), d.webkitdirectory = w(v.directory), ut(v, "capture") && (d.capture = w(v.capture)));
-  }, f = (v) => {
-    const d = l.value;
+  }), i = () => {
+    n.value = null, r.value && r.value.value && (r.value.value = "", a(null));
+  }, u = (m) => {
+    const d = r.value;
+    d && (d.multiple = w(m.multiple), d.accept = w(m.accept), d.webkitdirectory = w(m.directory), ut(m, "capture") && (d.capture = w(m.capture)));
+  }, v = (m) => {
+    const d = r.value;
     if (!d) return;
     const p = {
       ...mt,
       ...e,
-      ...v
+      ...m
     };
-    i(p), w(p.reset) && a(), d.click();
+    u(p), w(p.reset) && i(), d.click();
   };
-  return Ae(() => {
-    i(e);
+  return ae(() => {
+    u(e);
   }), {
-    files: Ie(n),
-    open: f,
-    reset: a,
-    onCancel: u,
+    files: Me(n),
+    open: v,
+    reset: i,
+    onCancel: s,
     onChange: o
   };
 }
@@ -303,27 +301,27 @@ const ne = /* @__PURE__ */ new WeakMap();
 function ht(e, t = !1) {
   const n = G(t);
   let o = "";
-  F(ct(e), (s) => {
-    const l = te(w(s));
-    if (l) {
-      const a = l;
-      if (ne.get(a) || ne.set(a, a.style.overflow), a.style.overflow !== "hidden" && (o = a.style.overflow), a.style.overflow === "hidden") return n.value = !0;
-      if (n.value) return a.style.overflow = "hidden";
+  F(ct(e), (l) => {
+    const r = te(w(l));
+    if (r) {
+      const i = r;
+      if (ne.get(i) || ne.set(i, i.style.overflow), i.style.overflow !== "hidden" && (o = i.style.overflow), i.style.overflow === "hidden") return n.value = !0;
+      if (n.value) return i.style.overflow = "hidden";
     }
   }, { immediate: !0 });
-  const r = () => {
-    const s = te(w(e));
-    !s || n.value || (s.style.overflow = "hidden", n.value = !0);
-  }, u = () => {
-    const s = te(w(e));
-    !s || !n.value || (s.style.overflow = o, ne.delete(s), n.value = !1);
+  const a = () => {
+    const l = te(w(e));
+    !l || n.value || (l.style.overflow = "hidden", n.value = !0);
+  }, s = () => {
+    const l = te(w(e));
+    !l || !n.value || (l.style.overflow = o, ne.delete(l), n.value = !1);
   };
-  return re(u), T({
+  return Te(s), T({
     get() {
       return n.value;
     },
-    set(s) {
-      s ? r() : u();
+    set(l) {
+      l ? a() : s();
     }
   });
 }
@@ -331,10 +329,10 @@ const oe = /* @__PURE__ */ new WeakMap(), gt = {
   mounted(e, t) {
     const n = !t.modifiers.bubble;
     let o;
-    if (typeof t.value == "function") o = ve(e, t.value, { capture: n });
+    if (typeof t.value == "function") o = me(e, t.value, { capture: n });
     else {
-      const [r, u] = t.value;
-      o = ve(e, r, Object.assign({ capture: n }, u));
+      const [a, s] = t.value;
+      o = me(e, a, Object.assign({ capture: n }, s));
     }
     oe.set(e, o);
   },
@@ -349,8 +347,8 @@ function yt() {
   return (n, o) => {
     if (t.value = o.value, e) return;
     e = !0;
-    const r = ht(n, o.value);
-    F(t, (u) => r.value = u);
+    const a = ht(n, o.value);
+    F(t, (s) => a.value = s);
   };
 }
 yt();
@@ -378,7 +376,7 @@ const bt = { class: "input-wrapper" }, wt = {
       open: !1,
       loading: !1,
       results: e.items
-    }), o = () => l(), r = async () => {
+    }), o = () => r(), a = async () => {
       if (n.open = !0, n.activeItemIndex = null, e.filterFunction) {
         e.isAsync && (n.loading = !0);
         try {
@@ -390,73 +388,73 @@ const bt = { class: "input-wrapper" }, wt = {
           e.isAsync && (n.loading = !1);
         }
       } else
-        a();
-    }, u = (d) => {
-      t.value = d, l(d);
-    }, s = () => {
+        i();
+    }, s = (d) => {
+      t.value = d, r(d);
+    }, l = () => {
       n.activeItemIndex = e.isAsync ? null : t.value && e.items?.indexOf(t.value) || null, n.open = !0, n.results = e.isAsync ? [] : e.items;
-    }, l = (d) => {
+    }, r = (d) => {
       n.activeItemIndex = null, n.open = !1, e.items?.includes(d || t.value || "") || (t.value = "");
-    }, a = () => {
-      t.value ? n.results = e.items?.filter((d) => d.toLowerCase().includes((t.value ?? "").toLowerCase())) : n.results = e.items;
     }, i = () => {
+      t.value ? n.results = e.items?.filter((d) => d.toLowerCase().includes((t.value ?? "").toLowerCase())) : n.results = e.items;
+    }, u = () => {
       const d = n.results?.length || 0;
       if (n.activeItemIndex != null) {
         const p = isNaN(n.activeItemIndex) ? 0 : n.activeItemIndex;
         n.activeItemIndex = (p + 1) % d;
       } else
         n.activeItemIndex = 0;
-    }, f = () => {
+    }, v = () => {
       const d = n.results?.length || 0;
       if (n.activeItemIndex != null) {
         const p = isNaN(n.activeItemIndex) ? 0 : n.activeItemIndex;
         p === 0 ? n.activeItemIndex = null : n.activeItemIndex = p - 1;
       } else
         n.activeItemIndex = d - 1;
-    }, v = () => {
+    }, m = () => {
       if (n.results) {
         const d = n.activeItemIndex || 0, p = n.results[d];
-        u(p);
+        s(p);
       }
       n.activeItemIndex = 0;
     };
-    return (d, p) => M((g(), b("div", {
+    return (d, p) => E((g(), b("div", {
       class: X(["autocomplete", { isOpen: n.open }])
     }, [
       c("div", bt, [
-        M(c("input", {
-          "onUpdate:modelValue": p[0] || (p[0] = (k) => t.value = k),
+        E(c("input", {
+          "onUpdate:modelValue": p[0] || (p[0] = (I) => t.value = I),
           type: "text",
-          onInput: r,
-          onFocus: s,
+          onInput: a,
+          onFocus: l,
           onKeydown: [
-            R(i, ["down"]),
-            R(f, ["up"]),
-            R(v, ["enter"]),
+            R(u, ["down"]),
+            R(v, ["up"]),
+            R(m, ["enter"]),
             R(o, ["esc"]),
             R(o, ["tab"])
           ]
         }, null, 544), [
           [H, t.value]
         ]),
-        M(c("ul", wt, [
-          n.loading ? (g(), b("li", kt, "Loading results...")) : (g(!0), b(j, { key: 1 }, Y(n.results, (k, A) => (g(), b("li", {
-            key: k,
+        E(c("ul", wt, [
+          n.loading ? (g(), b("li", kt, "Loading results...")) : (g(!0), b(j, { key: 1 }, Y(n.results, (I, A) => (g(), b("li", {
+            key: I,
             class: X(["autocomplete-result", { "is-active": A === n.activeItemIndex }]),
-            onClick: Te((m) => u(k), ["stop"])
-          }, I(k), 11, xt))), 128))
+            onClick: Ie((f) => s(I), ["stop"])
+          }, M(I), 11, xt))), 128))
         ], 512), [
           [U, n.open]
         ]),
-        c("label", null, I(e.label), 1)
+        c("label", null, M(e.label), 1)
       ])
     ], 2)), [
       [S(gt), o]
     ]);
   }
-}), Et = /* @__PURE__ */ _(Dt, [["__scopeId", "data-v-31a6db8c"]]);
-function ie(e, t) {
-  return Ee() ? (Me(e, t), !0) : !1;
+}), Et = /* @__PURE__ */ L(Dt, [["__scopeId", "data-v-31a6db8c"]]);
+function Se(e, t) {
+  return De() ? (Ee(e, t), !0) : !1;
 }
 const Mt = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
@@ -478,144 +476,142 @@ function B(e) {
   return (t = n?.$el) !== null && t !== void 0 ? t : n;
 }
 function K(...e) {
-  const t = [], n = () => {
-    t.forEach((l) => l()), t.length = 0;
-  }, o = (l, a, i, f) => (l.addEventListener(a, i, f), () => l.removeEventListener(a, i, f)), r = T(() => {
-    const l = Q(w(e[0])).filter((a) => a != null);
-    return l.every((a) => typeof a != "string") ? l : void 0;
-  }), u = $t(() => {
-    var l, a;
+  const t = (o, a, s, l) => (o.addEventListener(a, s, l), () => o.removeEventListener(a, s, l)), n = T(() => {
+    const o = Q(w(e[0])).filter((a) => a != null);
+    return o.every((a) => typeof a != "string") ? o : void 0;
+  });
+  return $t(() => {
+    var o, a;
     return [
-      (l = (a = r.value) === null || a === void 0 ? void 0 : a.map((i) => B(i))) !== null && l !== void 0 ? l : [W].filter((i) => i != null),
-      Q(w(r.value ? e[1] : e[0])),
-      Q(S(r.value ? e[2] : e[1])),
-      w(r.value ? e[3] : e[2])
+      (o = (a = n.value) === null || a === void 0 ? void 0 : a.map((s) => B(s))) !== null && o !== void 0 ? o : [W].filter((s) => s != null),
+      Q(w(n.value ? e[1] : e[0])),
+      Q(S(n.value ? e[2] : e[1])),
+      w(n.value ? e[3] : e[2])
     ];
-  }, ([l, a, i, f]) => {
-    if (n(), !l?.length || !a?.length || !i?.length) return;
-    const v = Tt(f) ? { ...f } : f;
-    t.push(...l.flatMap((d) => a.flatMap((p) => i.map((k) => o(d, p, k, v)))));
-  }, { flush: "post" }), s = () => {
-    u(), n();
-  };
-  return ie(n), s;
+  }, ([o, a, s, l], r, i) => {
+    if (!o?.length || !a?.length || !s?.length) return;
+    const u = Tt(l) ? { ...l } : l, v = o.flatMap((m) => a.flatMap((d) => s.map((p) => t(m, d, p, u))));
+    i(() => {
+      v.forEach((m) => m());
+    });
+  }, { flush: "post" });
 }
 // @__NO_SIDE_EFFECTS__
 function St() {
   const e = G(!1), t = Ue();
-  return t && ae(() => {
+  return t && se(() => {
     e.value = !0;
   }, t), e;
 }
 // @__NO_SIDE_EFFECTS__
-function _t(e) {
+function Lt(e) {
   const t = /* @__PURE__ */ St();
   return T(() => (t.value, !!e()));
 }
-function Lt(e, t, n = {}) {
-  const { window: o = W, ...r } = n;
-  let u;
-  const s = /* @__PURE__ */ _t(() => o && "MutationObserver" in o), l = () => {
-    u && (u.disconnect(), u = void 0);
-  }, a = F(T(() => {
-    const v = Q(w(e)).map(B).filter(It);
-    return new Set(v);
-  }), (v) => {
-    l(), s.value && v.size && (u = new MutationObserver(t), v.forEach((d) => u.observe(d, r)));
+function _t(e, t, n = {}) {
+  const { window: o = W, ...a } = n;
+  let s;
+  const l = /* @__PURE__ */ Lt(() => o && "MutationObserver" in o), r = () => {
+    s && (s.disconnect(), s = void 0);
+  }, i = F(T(() => {
+    const m = Q(w(e)).map(B).filter(It);
+    return new Set(m);
+  }), (m) => {
+    r(), l.value && m.size && (s = new MutationObserver(t), m.forEach((d) => s.observe(d, a)));
   }, {
     immediate: !0,
     flush: "post"
-  }), i = () => u?.takeRecords(), f = () => {
-    a(), l();
+  }), u = () => s?.takeRecords(), v = () => {
+    i(), r();
   };
-  return ie(f), {
-    isSupported: s,
-    stop: f,
-    takeRecords: i
+  return Se(v), {
+    isSupported: l,
+    stop: v,
+    takeRecords: u
   };
 }
 function Vt(e, t, n = {}) {
-  const { window: o = W, document: r = o?.document, flush: u = "sync" } = n;
-  if (!o || !r) return Ct;
-  let s;
-  const l = (f) => {
-    s?.(), s = f;
-  }, a = Ae(() => {
-    const f = B(e);
-    if (f) {
-      const { stop: v } = Lt(r, (d) => {
-        d.map((p) => [...p.removedNodes]).flat().some((p) => p === f || p.contains(f)) && t(d);
+  const { window: o = W, document: a = o?.document, flush: s = "sync" } = n;
+  if (!o || !a) return Ct;
+  let l;
+  const r = (v) => {
+    l?.(), l = v;
+  }, i = ae(() => {
+    const v = B(e);
+    if (v) {
+      const { stop: m } = _t(a, (d) => {
+        d.map((p) => [...p.removedNodes]).flat().some((p) => p === v || p.contains(v)) && t(d);
       }, {
         window: o,
         childList: !0,
         subtree: !0
       });
-      l(v);
+      r(m);
     }
-  }, { flush: u }), i = () => {
-    a(), l();
+  }, { flush: s }), u = () => {
+    i(), r();
   };
-  return ie(i), i;
+  return Se(u), u;
 }
 // @__NO_SIDE_EFFECTS__
 function Pt(e = {}) {
   var t;
-  const { window: n = W, deep: o = !0, triggerOnRemoval: r = !1 } = e, u = (t = e.document) !== null && t !== void 0 ? t : n?.document, s = () => {
-    let i = u?.activeElement;
+  const { window: n = W, deep: o = !0, triggerOnRemoval: a = !1 } = e, s = (t = e.document) !== null && t !== void 0 ? t : n?.document, l = () => {
+    let u = s?.activeElement;
     if (o)
-      for (var f; i?.shadowRoot; ) i = i == null || (f = i.shadowRoot) === null || f === void 0 ? void 0 : f.activeElement;
-    return i;
-  }, l = G(), a = () => {
-    l.value = s();
+      for (var v; u?.shadowRoot; ) u = u == null || (v = u.shadowRoot) === null || v === void 0 ? void 0 : v.activeElement;
+    return u;
+  }, r = G(), i = () => {
+    r.value = l();
   };
   if (n) {
-    const i = {
+    const u = {
       capture: !0,
       passive: !0
     };
-    K(n, "blur", (f) => {
-      f.relatedTarget === null && a();
-    }, i), K(n, "focus", a, i);
+    K(n, "blur", (v) => {
+      v.relatedTarget === null && i();
+    }, u), K(n, "focus", i, u);
   }
-  return r && Vt(l, a, { document: u }), a(), l;
+  return a && Vt(r, i, { document: s }), i(), r;
 }
 const Ft = "focusin", Rt = "focusout", Ot = ":focus-within";
 function Ht(e, t = {}) {
-  const { window: n = W } = t, o = T(() => B(e)), r = G(!1), u = T(() => r.value);
-  if (!n || !(/* @__PURE__ */ Pt(t)).value) return { focused: u };
-  const s = { passive: !0 };
-  return K(o, Ft, () => r.value = !0, s), K(o, Rt, () => {
-    var l, a, i;
-    return r.value = (l = (a = o.value) === null || a === void 0 || (i = a.matches) === null || i === void 0 ? void 0 : i.call(a, Ot)) !== null && l !== void 0 ? l : !1;
-  }, s), { focused: u };
+  const { window: n = W } = t, o = T(() => B(e)), a = G(!1), s = T(() => a.value);
+  if (!n || !(/* @__PURE__ */ Pt(t)).value) return { focused: s };
+  const l = { passive: !0 };
+  return K(o, Ft, () => a.value = !0, l), K(o, Rt, () => {
+    var r, i, u;
+    return a.value = (r = (i = o.value) === null || i === void 0 || (u = i.matches) === null || u === void 0 ? void 0 : u.call(i, Ot)) !== null && r !== void 0 ? r : !1;
+  }, l), { focused: s };
 }
 function Bt(e, { window: t = W, scrollTarget: n } = {}) {
-  const o = D(!1), r = () => {
+  const o = x(!1), a = () => {
     if (!t) return;
-    const u = t.document, s = B(e);
-    if (!s)
+    const s = t.document, l = B(e);
+    if (!l)
       o.value = !1;
     else {
-      const l = s.getBoundingClientRect();
-      o.value = l.top <= (t.innerHeight || u.documentElement.clientHeight) && l.left <= (t.innerWidth || u.documentElement.clientWidth) && l.bottom >= 0 && l.right >= 0;
+      const r = l.getBoundingClientRect();
+      o.value = r.top <= (t.innerHeight || s.documentElement.clientHeight) && r.left <= (t.innerWidth || s.documentElement.clientWidth) && r.bottom >= 0 && r.right >= 0;
     }
   };
   return F(
     () => B(e),
-    () => r(),
+    () => a(),
     { immediate: !0, flush: "post" }
-  ), t && K(n || t, "scroll", r, {
+  ), t && K(n || t, "scroll", a, {
     capture: !1,
     passive: !0
   }), o;
 }
-const L = (e) => {
+const _ = (e) => {
   let t = Bt(e).value;
   return t = t && e.offsetHeight > 0, t;
-}, V = (e) => e.tabIndex >= 0, pe = (e) => {
+}, V = (e) => e.tabIndex >= 0, ve = (e) => {
   const t = e.target;
-  return ue(t);
-}, ue = (e) => {
+  return ie(t);
+}, ie = (e) => {
   let t;
   if (e instanceof HTMLTableCellElement) {
     const n = e.parentElement?.previousElementSibling;
@@ -627,28 +623,28 @@ const L = (e) => {
     const n = e.previousElementSibling;
     n && (t = n);
   }
-  return t && (!V(t) || !L(t)) ? ue(t) : t;
+  return t && (!V(t) || !_(t)) ? ie(t) : t;
 }, qt = (e) => {
   const t = e.target;
   let n;
   if (t instanceof HTMLTableCellElement) {
     const o = t.parentElement?.parentElement;
     if (o) {
-      const r = o.firstElementChild?.children[t.cellIndex];
-      r && (n = r);
+      const a = o.firstElementChild?.children[t.cellIndex];
+      a && (n = a);
     }
   } else if (t instanceof HTMLTableRowElement) {
     const o = t.parentElement;
     if (o) {
-      const r = o.firstElementChild;
-      r && (n = r);
+      const a = o.firstElementChild;
+      a && (n = a);
     }
   }
-  return n && (!V(n) || !L(n)) ? ce(n) : n;
-}, he = (e) => {
+  return n && (!V(n) || !_(n)) ? ue(n) : n;
+}, pe = (e) => {
   const t = e.target;
-  return ce(t);
-}, ce = (e) => {
+  return ue(t);
+}, ue = (e) => {
   let t;
   if (e instanceof HTMLTableCellElement) {
     const n = e.parentElement?.nextElementSibling;
@@ -660,62 +656,62 @@ const L = (e) => {
     const n = e.nextElementSibling;
     n && (t = n);
   }
-  return t && (!V(t) || !L(t)) ? ce(t) : t;
+  return t && (!V(t) || !_(t)) ? ue(t) : t;
 }, Ut = (e) => {
   const t = e.target;
   let n;
   if (t instanceof HTMLTableCellElement) {
     const o = t.parentElement?.parentElement;
     if (o) {
-      const r = o.lastElementChild?.children[t.cellIndex];
-      r && (n = r);
+      const a = o.lastElementChild?.children[t.cellIndex];
+      a && (n = a);
     }
   } else if (t instanceof HTMLTableRowElement) {
     const o = t.parentElement;
     if (o) {
-      const r = o.lastElementChild;
-      r && (n = r);
+      const a = o.lastElementChild;
+      a && (n = a);
     }
   }
-  return n && (!V(n) || !L(n)) ? ue(n) : n;
+  return n && (!V(n) || !_(n)) ? ie(n) : n;
+}, he = (e) => {
+  const t = e.target;
+  return ce(t);
+}, ce = (e) => {
+  let t;
+  return e.previousElementSibling ? t = e.previousElementSibling : t = e.parentElement?.previousElementSibling?.lastElementChild, t && (!V(t) || !_(t)) ? ce(t) : t;
 }, ge = (e) => {
   const t = e.target;
   return de(t);
 }, de = (e) => {
   let t;
-  return e.previousElementSibling ? t = e.previousElementSibling : t = e.parentElement?.previousElementSibling?.lastElementChild, t && (!V(t) || !L(t)) ? de(t) : t;
+  return e.nextElementSibling ? t = e.nextElementSibling : t = e.parentElement?.nextElementSibling?.firstElementChild, t && (!V(t) || !_(t)) ? de(t) : t;
 }, ye = (e) => {
-  const t = e.target;
-  return fe(t);
-}, fe = (e) => {
-  let t;
-  return e.nextElementSibling ? t = e.nextElementSibling : t = e.parentElement?.nextElementSibling?.firstElementChild, t && (!V(t) || !L(t)) ? fe(t) : t;
-}, be = (e) => {
   const t = e.target.parentElement?.firstElementChild;
-  return t && (!V(t) || !L(t)) ? fe(t) : t;
-}, we = (e) => {
+  return t && (!V(t) || !_(t)) ? de(t) : t;
+}, be = (e) => {
   const t = e.target.parentElement?.lastElementChild;
-  return t && (!V(t) || !L(t)) ? de(t) : t;
+  return t && (!V(t) || !_(t)) ? ce(t) : t;
 }, J = ["alt", "control", "shift", "meta"], Wt = {
   ArrowUp: "up",
   ArrowDown: "down",
   ArrowLeft: "left",
   ArrowRight: "right"
-}, _e = {
+}, Le = {
   "keydown.up": (e) => {
-    const t = pe(e);
+    const t = ve(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.down": (e) => {
-    const t = he(e);
+    const t = pe(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.left": (e) => {
-    const t = ge(e);
+    const t = he(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.right": (e) => {
-    const t = ye(e);
+    const t = ge(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.control.up": (e) => {
@@ -727,106 +723,106 @@ const L = (e) => {
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.left": (e) => {
-    const t = be(e);
+    const t = ye(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.right": (e) => {
-    const t = we(e);
+    const t = be(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.end": (e) => {
-    const t = we(e);
+    const t = be(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.enter": (e) => {
     if (e.target instanceof HTMLTableCellElement) {
       e.preventDefault(), e.stopPropagation();
-      const t = he(e);
+      const t = pe(e);
       t && t.focus();
     }
   },
   "keydown.shift.enter": (e) => {
     if (e.target instanceof HTMLTableCellElement) {
       e.preventDefault(), e.stopPropagation();
-      const t = pe(e);
+      const t = ve(e);
       t && t.focus();
     }
   },
   "keydown.home": (e) => {
-    const t = be(e);
+    const t = ye(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.tab": (e) => {
-    const t = ye(e);
+    const t = ge(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.shift.tab": (e) => {
-    const t = ge(e);
+    const t = he(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   }
 };
 function Nt(e) {
-  const t = (s) => {
-    let l = null;
-    return s.parent && (typeof s.parent == "string" ? l = document.querySelector(s.parent) : s.parent instanceof HTMLElement ? l = s.parent : l = s.parent.value), l;
-  }, n = (s) => {
-    const l = t(s);
-    let a = [];
-    if (typeof s.selectors == "string")
-      a = l ? Array.from(l.querySelectorAll(s.selectors)) : Array.from(document.querySelectorAll(s.selectors));
-    else if (Array.isArray(s.selectors))
-      for (const i of s.selectors)
-        i instanceof HTMLElement ? a.push(i) : a.push(i.$el);
-    else if (s.selectors instanceof HTMLElement)
-      a.push(s.selectors);
-    else if (s.selectors?.value)
-      if (Array.isArray(s.selectors.value))
-        for (const i of s.selectors.value)
-          i instanceof HTMLElement ? a.push(i) : a.push(i.$el);
+  const t = (l) => {
+    let r = null;
+    return l.parent && (typeof l.parent == "string" ? r = document.querySelector(l.parent) : l.parent instanceof HTMLElement ? r = l.parent : r = l.parent.value), r;
+  }, n = (l) => {
+    const r = t(l);
+    let i = [];
+    if (typeof l.selectors == "string")
+      i = Array.from(r ? r.querySelectorAll(l.selectors) : document.querySelectorAll(l.selectors));
+    else if (Array.isArray(l.selectors))
+      for (const u of l.selectors)
+        u instanceof HTMLElement ? i.push(u) : i.push(u.$el);
+    else if (l.selectors instanceof HTMLElement)
+      i.push(l.selectors);
+    else if (l.selectors?.value)
+      if (Array.isArray(l.selectors.value))
+        for (const u of l.selectors.value)
+          u instanceof HTMLElement ? i.push(u) : i.push(u.$el);
       else
-        a.push(s.selectors.value);
-    return a;
-  }, o = (s) => {
-    const l = t(s);
-    let a = [];
-    return s.selectors ? a = n(s) : l && (a = Array.from(l.children).filter((i) => V(i) && L(i))), a;
-  }, r = (s) => (l) => {
-    const a = Wt[l.key] || l.key.toLowerCase();
-    if (J.includes(a)) return;
-    const i = s.handlers || _e;
-    for (const f of Object.keys(i)) {
-      const [v, ...d] = f.split(".");
-      if (v === "keydown" && d.includes(a)) {
-        const p = i[f], k = d.filter((m) => J.includes(m)), A = J.some((m) => {
-          const h = m.charAt(0).toUpperCase() + m.slice(1);
-          return l.getModifierState(h);
+        i.push(l.selectors.value);
+    return i;
+  }, o = (l) => {
+    const r = t(l);
+    let i = [];
+    return l.selectors ? i = n(l) : r && (i = Array.from(r.children).filter((u) => V(u) && _(u))), i;
+  }, a = (l) => (r) => {
+    const i = Wt[r.key] || r.key.toLowerCase();
+    if (J.includes(i)) return;
+    const u = l.handlers || Le;
+    for (const v of Object.keys(u)) {
+      const [m, ...d] = v.split(".");
+      if (m === "keydown" && d.includes(i)) {
+        const p = u[v], I = d.filter((f) => J.includes(f)), A = J.some((f) => {
+          const h = f.charAt(0).toUpperCase() + f.slice(1);
+          return r.getModifierState(h);
         });
-        if (k.length > 0) {
+        if (I.length > 0) {
           if (A) {
-            for (const m of J)
-              if (d.includes(m)) {
-                const h = m.charAt(0).toUpperCase() + m.slice(1);
-                l.getModifierState(h) && p(l);
+            for (const f of J)
+              if (d.includes(f)) {
+                const h = f.charAt(0).toUpperCase() + f.slice(1);
+                r.getModifierState(h) && p(r);
               }
           }
         } else
-          A || p(l);
+          A || p(r);
       }
     }
-  }, u = [];
-  ae(() => {
-    for (const s of e) {
-      const l = t(s), a = o(s), i = r(s), f = l ? [l] : a;
-      for (const v of f) {
-        const { focused: d } = Ht(D(v)), p = F(d, (k) => {
-          k ? v.addEventListener("keydown", i) : v.removeEventListener("keydown", i);
+  }, s = [];
+  se(() => {
+    for (const l of e) {
+      const r = t(l), i = o(l), u = a(l), v = r ? [r] : i;
+      for (const m of v) {
+        const { focused: d } = Ht(x(m)), p = F(d, (I) => {
+          I ? m.addEventListener("keydown", u) : m.removeEventListener("keydown", u);
         });
-        u.push(p);
+        s.push(p);
       }
     }
   }), qe(() => {
-    for (const s of u)
-      s();
+    for (const l of s)
+      l();
   });
 }
 const jt = {
@@ -836,7 +832,7 @@ const jt = {
 }, Yt = {
   colspan: "5",
   tabindex: -1
-}, Kt = ["onClick", "onKeydown"], zt = 6, ke = 7, Gt = /* @__PURE__ */ C({
+}, Kt = ["onClick", "onKeydown"], zt = 6, we = 7, Gt = /* @__PURE__ */ C({
   __name: "ADatePicker",
   props: {
     modelValue: { default: /* @__PURE__ */ new Date() },
@@ -844,71 +840,71 @@ const jt = {
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t }) {
-    const n = q(e, "modelValue"), o = D(new Date(n.value)), r = D(o.value.getMonth()), u = D(o.value.getFullYear()), s = D([]), l = De("datepicker");
-    ae(async () => {
-      a(), await We();
+    const n = q(e, "modelValue"), o = x(new Date(n.value)), a = x(o.value.getMonth()), s = x(o.value.getFullYear()), l = x([]), r = xe("datepicker");
+    se(async () => {
+      i(), await We();
       const y = document.getElementsByClassName("selectedDate");
       if (y.length > 0)
         y[0].focus();
       else {
-        const x = document.getElementsByClassName("todaysDate");
-        x.length > 0 && x[0].focus();
+        const k = document.getElementsByClassName("todaysDate");
+        k.length > 0 && k[0].focus();
       }
     });
-    const a = () => {
-      s.value = [];
-      const y = new Date(u.value, r.value, 1), x = y.getDay(), $ = y.setDate(y.getDate() - x);
+    const i = () => {
+      l.value = [];
+      const y = new Date(s.value, a.value, 1), k = y.getDay(), $ = y.setDate(y.getDate() - k);
       for (const P of Array(43).keys())
-        s.value.push($ + P * 864e5);
+        l.value.push($ + P * 864e5);
     };
-    F([r, u], a);
-    const i = () => u.value -= 1, f = () => u.value += 1, v = () => {
-      r.value == 0 ? (r.value = 11, i()) : r.value -= 1;
+    F([a, s], i);
+    const u = () => s.value -= 1, v = () => s.value += 1, m = () => {
+      a.value == 0 ? (a.value = 11, u()) : a.value -= 1;
     }, d = () => {
-      r.value == 11 ? (r.value = 0, f()) : r.value += 1;
+      a.value == 11 ? (a.value = 0, v()) : a.value += 1;
     }, p = (y) => {
-      const x = /* @__PURE__ */ new Date();
-      if (r.value === x.getMonth())
-        return x.toDateString() === new Date(y).toDateString();
-    }, k = (y) => new Date(y).toDateString() === new Date(o.value).toDateString(), A = (y, x) => (y - 1) * ke + x, m = (y, x) => s.value[A(y, x)], h = (y) => {
-      n.value = o.value = new Date(s.value[y]);
-    }, E = T(() => new Date(u.value, r.value, 1).toLocaleDateString(void 0, {
+      const k = /* @__PURE__ */ new Date();
+      if (a.value === k.getMonth())
+        return k.toDateString() === new Date(y).toDateString();
+    }, I = (y) => new Date(y).toDateString() === new Date(o.value).toDateString(), A = (y, k) => (y - 1) * we + k, f = (y, k) => l.value[A(y, k)], h = (y) => {
+      n.value = o.value = new Date(l.value[y]);
+    }, D = T(() => new Date(s.value, a.value, 1).toLocaleDateString(void 0, {
       year: "numeric",
       month: "long"
     }));
     return Nt([
       {
-        parent: l,
+        parent: r,
         selectors: "td",
         handlers: {
-          ..._e,
-          "keydown.pageup": v,
-          "keydown.shift.pageup": i,
+          ...Le,
+          "keydown.pageup": m,
+          "keydown.shift.pageup": u,
           "keydown.pagedown": d,
-          "keydown.shift.pagedown": f,
+          "keydown.shift.pagedown": v,
           // TODO: this is a hack to override the stonecrop enter handler;
           // store context inside the component so that handlers can be setup consistently
           "keydown.enter": () => {
           }
         }
       }
-    ]), t({ currentMonth: r, currentYear: u, selectedDate: o }), (y, x) => (g(), b("div", jt, [
+    ]), t({ currentMonth: a, currentYear: s, selectedDate: o }), (y, k) => (g(), b("div", jt, [
       c("table", null, [
         c("tbody", null, [
           c("tr", null, [
             c("td", {
               id: "previous-month-btn",
               tabindex: -1,
-              onClick: v
+              onClick: m
             }, "<"),
-            c("th", Yt, I(E.value), 1),
+            c("th", Yt, M(D.value), 1),
             c("td", {
               id: "next-month-btn",
               tabindex: -1,
               onClick: d
             }, ">")
           ]),
-          x[0] || (x[0] = c("tr", { class: "days-header" }, [
+          k[0] || (k[0] = c("tr", { class: "days-header" }, [
             c("td", null, "M"),
             c("td", null, "T"),
             c("td", null, "W"),
@@ -918,7 +914,7 @@ const jt = {
             c("td", null, "S")
           ], -1)),
           (g(), b(j, null, Y(zt, ($) => c("tr", { key: $ }, [
-            (g(), b(j, null, Y(ke, (P) => c("td", {
+            (g(), b(j, null, Y(we, (P) => c("td", {
               ref_for: !0,
               ref: "celldate",
               key: A($, P),
@@ -926,18 +922,18 @@ const jt = {
               spellcheck: !1,
               tabindex: 0,
               class: X({
-                todaysDate: p(m($, P)),
-                selectedDate: k(m($, P))
+                todaysDate: p(f($, P)),
+                selectedDate: I(f($, P))
               }),
-              onClick: Te((Ve) => h(A($, P)), ["prevent", "stop"]),
+              onClick: Ie((Ve) => h(A($, P)), ["prevent", "stop"]),
               onKeydown: R((Ve) => h(A($, P)), ["enter"])
-            }, I(new Date(m($, P)).getDate()), 43, Kt)), 64))
+            }, M(new Date(f($, P)).getDate()), 43, Kt)), 64))
           ])), 64))
         ])
       ])
     ], 512));
   }
-}), Jt = /* @__PURE__ */ _(Gt, [["__scopeId", "data-v-056d2b5e"]]), Qt = /* @__PURE__ */ C({
+}), Jt = /* @__PURE__ */ L(Gt, [["__scopeId", "data-v-056d2b5e"]]), Qt = /* @__PURE__ */ C({
   __name: "CollapseButton",
   props: {
     collapsed: { type: Boolean }
@@ -947,7 +943,7 @@ const jt = {
       class: X(["collapse-button", e.collapsed ? "rotated" : "unrotated"])
     }, "×", 2));
   }
-}), Xt = /* @__PURE__ */ _(Qt, [["__scopeId", "data-v-6f1c1b45"]]), Zt = { class: "aform" }, en = /* @__PURE__ */ C({
+}), Xt = /* @__PURE__ */ L(Qt, [["__scopeId", "data-v-6f1c1b45"]]), Zt = { class: "aform" }, en = /* @__PURE__ */ C({
   __name: "AForm",
   props: {
     modelValue: {},
@@ -956,35 +952,41 @@ const jt = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = t, o = D(e.data || {}), r = (s) => {
-      let l = {};
-      for (const [a, i] of Object.entries(s))
-        ["component", "fieldtype"].includes(a) || (l[a] = i), a === "rows" && i && i.length === 0 && (l.rows = o.value[s.fieldname]);
-      return l;
-    }, u = T({
-      get: () => e.modelValue.map((s, l) => T({
+    const n = t, o = x(e.data || {});
+    ae(() => {
+      e.data && (o.value = e.data, e.modelValue.forEach((l) => {
+        l.fieldname && e.data[l.fieldname] !== void 0 && (l.value = e.data[l.fieldname]);
+      }));
+    });
+    const a = (l) => {
+      let r = {};
+      for (const [i, u] of Object.entries(l))
+        ["component", "fieldtype"].includes(i) || (r[i] = u), i === "rows" && u && u.length === 0 && (r.rows = o.value[l.fieldname]);
+      return r;
+    }, s = T({
+      get: () => e.modelValue.map((l, r) => T({
         get() {
-          return s.value;
+          return l.value;
         },
-        set: (a) => {
-          e.modelValue[l].value = a, n("update:modelValue", e.modelValue);
+        set: (i) => {
+          e.modelValue[r].value = i, n("update:modelValue", e.modelValue);
         }
       })),
       set: () => {
       }
     });
-    return (s, l) => (g(), b("form", Zt, [
-      (g(!0), b(j, null, Y(e.modelValue, (a, i) => (g(), le(Ne(a.component), je({
-        key: i,
-        modelValue: u.value[i].value,
-        "onUpdate:modelValue": (f) => u.value[i].value = f,
-        schema: a,
-        data: o.value[a.fieldname],
+    return (l, r) => (g(), b("form", Zt, [
+      (g(!0), b(j, null, Y(e.modelValue, (i, u) => (g(), le(Ne(i.component), je({
+        key: u,
+        modelValue: s.value[u].value,
+        "onUpdate:modelValue": (v) => s.value[u].value = v,
+        schema: i,
+        data: o.value[i.fieldname],
         readonly: e.readonly
-      }, { ref_for: !0 }, r(a)), null, 16, ["modelValue", "onUpdate:modelValue", "schema", "data", "readonly"]))), 128))
+      }, { ref_for: !0 }, a(i)), null, 16, ["modelValue", "onUpdate:modelValue", "schema", "data", "readonly"]))), 128))
     ]));
   }
-}), Le = /* @__PURE__ */ _(en, [["__scopeId", "data-v-da354cb0"]]), tn = /* @__PURE__ */ C({
+}), _e = /* @__PURE__ */ L(en, [["__scopeId", "data-v-82d33d5b"]]), tn = /* @__PURE__ */ C({
   __name: "AFieldset",
   props: {
     schema: {},
@@ -993,24 +995,24 @@ const jt = {
     data: { default: () => ({}) }
   },
   setup(e, { expose: t }) {
-    const n = D(!1), o = D(e.data || []), r = D(e.schema), u = (s) => {
-      s.preventDefault(), e.collapsible && (n.value = !n.value);
+    const n = x(!1), o = x(e.data || []), a = x(e.schema), s = (l) => {
+      l.preventDefault(), e.collapsible && (n.value = !n.value);
     };
-    return t({ collapsed: n }), (s, l) => (g(), b("fieldset", null, [
+    return t({ collapsed: n }), (l, r) => (g(), b("fieldset", null, [
       c("legend", {
-        onClick: u,
-        onSubmit: u
+        onClick: s,
+        onSubmit: s
       }, [
-        Ce(I(e.label) + " ", 1),
+        Ae(M(e.label) + " ", 1),
         e.collapsible ? (g(), le(Xt, {
           key: 0,
           collapsed: n.value
-        }, null, 8, ["collapsed"])) : se("", !0)
+        }, null, 8, ["collapsed"])) : re("", !0)
       ], 32),
-      Ye(s.$slots, "default", { collapsed: n.value }, () => [
-        M(Ke(Le, {
-          modelValue: r.value,
-          "onUpdate:modelValue": l[0] || (l[0] = (a) => r.value = a),
+      Ye(l.$slots, "default", { collapsed: n.value }, () => [
+        E(Ke(_e, {
+          modelValue: a.value,
+          "onUpdate:modelValue": r[0] || (r[0] = (i) => a.value = i),
           data: o.value
         }, null, 8, ["modelValue", "data"]), [
           [U, !n.value]
@@ -1018,7 +1020,7 @@ const jt = {
       ], !0)
     ]));
   }
-}), nn = /* @__PURE__ */ _(tn, [["__scopeId", "data-v-40b2a95d"]]), on = { class: "aform_form-element aform_file-attach aform__grid--full" }, ln = {
+}), nn = /* @__PURE__ */ L(tn, [["__scopeId", "data-v-40b2a95d"]]), on = { class: "aform_form-element aform_file-attach aform__grid--full" }, ln = {
   key: 0,
   class: "aform_file-attach-feedback"
 }, an = ["disabled"], sn = /* @__PURE__ */ C({
@@ -1027,31 +1029,31 @@ const jt = {
     label: {}
   },
   setup(e) {
-    const { files: t, open: n, reset: o, onChange: r } = pt(), u = T(() => `${t.value.length} ${t.value.length === 1 ? "file" : "files"}`);
-    return r((s) => s), (s, l) => (g(), b("div", on, [
+    const { files: t, open: n, reset: o, onChange: a } = pt(), s = T(() => `${t.value.length} ${t.value.length === 1 ? "file" : "files"}`);
+    return a((l) => l), (l, r) => (g(), b("div", on, [
       S(t) ? (g(), b("div", ln, [
         c("p", null, [
-          l[2] || (l[2] = Ce(" You have selected: ", -1)),
-          c("b", null, I(u.value), 1)
+          r[2] || (r[2] = Ae(" You have selected: ", -1)),
+          c("b", null, M(s.value), 1)
         ]),
-        (g(!0), b(j, null, Y(S(t), (a) => (g(), b("li", {
-          key: a.name
-        }, I(a.name), 1))), 128))
-      ])) : se("", !0),
+        (g(!0), b(j, null, Y(S(t), (i) => (g(), b("li", {
+          key: i.name
+        }, M(i.name), 1))), 128))
+      ])) : re("", !0),
       c("button", {
         type: "button",
         class: "aform_form-btn",
-        onClick: l[0] || (l[0] = (a) => S(n)())
-      }, I(e.label), 1),
+        onClick: r[0] || (r[0] = (i) => S(n)())
+      }, M(e.label), 1),
       c("button", {
         type: "button",
         disabled: !S(t),
         class: "aform_form-btn",
-        onClick: l[1] || (l[1] = (a) => S(o)())
+        onClick: r[1] || (r[1] = (i) => S(o)())
       }, "Reset", 8, an)
     ]));
   }
-}), rn = /* @__PURE__ */ _(sn, [["__scopeId", "data-v-b700734f"]]), un = { class: "aform_form-element" }, cn = ["id", "disabled", "required"], dn = ["for"], fn = ["innerHTML"], mn = /* @__PURE__ */ C({
+}), rn = /* @__PURE__ */ L(sn, [["__scopeId", "data-v-b700734f"]]), un = { class: "aform_form-element" }, cn = ["id", "disabled", "required"], dn = ["for"], fn = ["innerHTML"], mn = /* @__PURE__ */ C({
   __name: "ANumericInput",
   props: /* @__PURE__ */ z({
     schema: {},
@@ -1069,9 +1071,9 @@ const jt = {
   setup(e) {
     const t = q(e, "modelValue");
     return (n, o) => (g(), b("div", un, [
-      M(c("input", {
+      E(c("input", {
         id: e.uuid,
-        "onUpdate:modelValue": o[0] || (o[0] = (r) => t.value = r),
+        "onUpdate:modelValue": o[0] || (o[0] = (a) => t.value = a),
         class: "aform_input-field",
         type: "number",
         disabled: e.readonly,
@@ -1082,8 +1084,8 @@ const jt = {
       c("label", {
         class: "aform_field-label",
         for: e.uuid
-      }, I(e.label), 9, dn),
-      M(c("p", {
+      }, M(e.label), 9, dn),
+      E(c("p", {
         class: "aform_error",
         innerHTML: e.validation.errorMessage
       }, null, 8, fn), [
@@ -1091,7 +1093,7 @@ const jt = {
       ])
     ]));
   }
-}), xe = {
+}), ke = {
   date: "##/##/####",
   datetime: "####/##/## ##:##",
   time: "##:##",
@@ -1115,24 +1117,24 @@ function pn(e) {
     }
   } else {
     const o = e.instance?.schema?.fieldtype?.toLowerCase();
-    o && xe[o] && (t = xe[o]);
+    o && ke[o] && (t = ke[o]);
   }
   return t;
 }
 function hn(e, t) {
   let n = e;
   const o = [t, "/", "-", "(", ")", " "];
-  for (const r of o)
-    n = n.replaceAll(r, "");
+  for (const a of o)
+    n = n.replaceAll(a, "");
   return n;
 }
 function gn(e, t, n) {
   let o = t;
-  for (const r of e) {
-    const u = o.indexOf(n);
-    if (u !== -1) {
-      const s = o.substring(0, u), l = o.substring(u + 1);
-      o = s + r + l;
+  for (const a of e) {
+    const s = o.indexOf(n);
+    if (s !== -1) {
+      const l = o.substring(0, s), r = o.substring(s + 1);
+      o = l + a + r;
     }
   }
   return o.slice(0, t.length);
@@ -1140,10 +1142,10 @@ function gn(e, t, n) {
 function yn(e, t) {
   const n = pn(t);
   if (!n) return;
-  const o = "#", r = e.value, u = hn(r, o);
-  if (u) {
-    const s = gn(u, n, o);
-    t.instance?.maskFilled && (t.instance.maskFilled = !s.includes(o)), e.value = s;
+  const o = "#", a = e.value, s = hn(a, o);
+  if (s) {
+    const l = gn(s, n, o);
+    t.instance?.maskFilled && (t.instance.maskFilled = !l.includes(o)), e.value = l;
   } else
     e.value = n;
 }
@@ -1163,11 +1165,11 @@ const bn = { class: "aform_form-element" }, wn = ["id", "disabled", "maxlength",
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = D(!0), n = q(e, "modelValue");
-    return (o, r) => (g(), b("div", bn, [
-      M(c("input", {
+    const t = x(!0), n = q(e, "modelValue");
+    return (o, a) => (g(), b("div", bn, [
+      E(c("input", {
         id: e.uuid,
-        "onUpdate:modelValue": r[0] || (r[0] = (u) => n.value = u),
+        "onUpdate:modelValue": a[0] || (a[0] = (s) => n.value = s),
         class: "aform_input-field",
         disabled: e.readonly,
         maxlength: e.mask && t.value ? e.mask.length : void 0,
@@ -1179,8 +1181,8 @@ const bn = { class: "aform_form-element" }, wn = ["id", "disabled", "maxlength",
       c("label", {
         class: "aform_field-label",
         for: e.uuid
-      }, I(e.label), 9, kn),
-      M(c("p", {
+      }, M(e.label), 9, kn),
+      E(c("p", {
         class: "aform_error",
         innerHTML: e.validation.errorMessage
       }, null, 8, xn), [
@@ -1188,7 +1190,7 @@ const bn = { class: "aform_form-element" }, wn = ["id", "disabled", "maxlength",
       ])
     ]));
   }
-}), En = { class: "login-container" }, Mn = { class: "account-container" }, In = { class: "account-header" }, An = { id: "account-title" }, Tn = { id: "account-subtitle" }, Cn = { class: "login-form-container" }, $n = { class: "login-form-email aform_form-element" }, Sn = ["disabled"], _n = { class: "login-form-password aform_form-element" }, Ln = ["disabled"], Vn = ["disabled"], Pn = {
+}), En = { class: "login-container" }, Mn = { class: "account-container" }, In = { class: "account-header" }, An = { id: "account-title" }, Tn = { id: "account-subtitle" }, Cn = { class: "login-form-container" }, $n = { class: "login-form-email aform_form-element" }, Sn = ["disabled"], Ln = { class: "login-form-password aform_form-element" }, _n = ["disabled"], Vn = ["disabled"], Pn = {
   key: 0,
   class: "material-symbols-outlined loading-icon"
 }, Fn = /* @__PURE__ */ C({
@@ -1199,32 +1201,32 @@ const bn = { class: "aform_form-element" }, wn = ["id", "disabled", "maxlength",
   },
   emits: ["loginFailed", "loginSuccess"],
   setup(e, { emit: t }) {
-    const n = t, o = D(""), r = D(""), u = D(!1), s = D(!1);
-    function l(a) {
-      if (a.preventDefault(), u.value = !0, s.value) {
-        u.value = !1, n("loginFailed");
+    const n = t, o = x(""), a = x(""), s = x(!1), l = x(!1);
+    function r(i) {
+      if (i.preventDefault(), s.value = !0, l.value) {
+        s.value = !1, n("loginFailed");
         return;
       }
-      u.value = !1, n("loginSuccess");
+      s.value = !1, n("loginSuccess");
     }
-    return (a, i) => (g(), b("div", En, [
+    return (i, u) => (g(), b("div", En, [
       c("div", null, [
         c("div", Mn, [
           c("div", In, [
-            c("h1", An, I(e.headerTitle), 1),
-            c("p", Tn, I(e.headerSubtitle), 1)
+            c("h1", An, M(e.headerTitle), 1),
+            c("p", Tn, M(e.headerSubtitle), 1)
           ]),
-          c("form", { onSubmit: l }, [
+          c("form", { onSubmit: r }, [
             c("div", Cn, [
               c("div", $n, [
-                i[2] || (i[2] = c("label", {
+                u[2] || (u[2] = c("label", {
                   id: "login-email",
                   for: "email",
                   class: "aform_field-label"
                 }, "Email", -1)),
-                M(c("input", {
+                E(c("input", {
                   id: "email",
-                  "onUpdate:modelValue": i[0] || (i[0] = (f) => o.value = f),
+                  "onUpdate:modelValue": u[0] || (u[0] = (v) => o.value = v),
                   class: "aform_input-field",
                   name: "email",
                   placeholder: "name@example.com",
@@ -1232,48 +1234,48 @@ const bn = { class: "aform_form-element" }, wn = ["id", "disabled", "maxlength",
                   "auto-capitalize": "none",
                   "auto-complete": "email",
                   "auto-correct": "off",
-                  disabled: u.value
+                  disabled: s.value
                 }, null, 8, Sn), [
                   [H, o.value]
                 ])
               ]),
-              c("div", _n, [
-                i[3] || (i[3] = c("label", {
+              c("div", Ln, [
+                u[3] || (u[3] = c("label", {
                   id: "login-password",
                   for: "password",
                   class: "aform_field-label"
                 }, "Password", -1)),
-                M(c("input", {
+                E(c("input", {
                   id: "password",
-                  "onUpdate:modelValue": i[1] || (i[1] = (f) => r.value = f),
+                  "onUpdate:modelValue": u[1] || (u[1] = (v) => a.value = v),
                   class: "aform_input-field",
                   name: "password",
                   type: "password",
-                  disabled: u.value
-                }, null, 8, Ln), [
-                  [H, r.value]
+                  disabled: s.value
+                }, null, 8, _n), [
+                  [H, a.value]
                 ])
               ]),
               c("button", {
                 class: "btn",
-                disabled: u.value || !o.value || !r.value,
-                onClick: l
+                disabled: s.value || !o.value || !a.value,
+                onClick: r
               }, [
-                u.value ? (g(), b("span", Pn, "progress_activity")) : se("", !0),
-                i[4] || (i[4] = c("span", { id: "login-form-button" }, "Login", -1))
+                s.value ? (g(), b("span", Pn, "progress_activity")) : re("", !0),
+                u[4] || (u[4] = c("span", { id: "login-form-button" }, "Login", -1))
               ], 8, Vn)
             ])
           ], 32),
-          i[5] || (i[5] = c("button", { class: "btn" }, [
+          u[5] || (u[5] = c("button", { class: "btn" }, [
             c("span", { id: "forgot-password-button" }, "Forgot password?")
           ], -1))
         ])
       ])
     ]));
   }
-}), On = /* @__PURE__ */ _(Fn, [["__scopeId", "data-v-d9ffd0a7"]]);
+}), On = /* @__PURE__ */ L(Fn, [["__scopeId", "data-v-d9ffd0a7"]]);
 function Hn(e) {
-  e.component("ACheckbox", et), e.component("ACombobox", tt), e.component("ADate", st), e.component("ADropdown", Et), e.component("ADatePicker", Jt), e.component("AFieldset", nn), e.component("AFileAttach", rn), e.component("AForm", Le), e.component("ANumericInput", mn), e.component("ATextInput", Dn);
+  e.component("ACheckbox", et), e.component("ACombobox", tt), e.component("ADate", st), e.component("ADropdown", Et), e.component("ADatePicker", Jt), e.component("AFieldset", nn), e.component("AFileAttach", rn), e.component("AForm", _e), e.component("ANumericInput", mn), e.component("ATextInput", Dn);
 }
 export {
   et as ACheckbox,
@@ -1283,7 +1285,7 @@ export {
   Et as ADropdown,
   nn as AFieldset,
   rn as AFileAttach,
-  Le as AForm,
+  _e as AForm,
   mn as ANumericInput,
   Dn as ATextInput,
   On as Login,