@stonecrop/aform 0.3.10 → 0.3.11

package/dist/aform.js

@@ -1,7 +1,7 @@
-import { defineComponent as D, mergeModels as H, useModel as F, openBlock as p, createElementBlock as g, createElementVNode as i, toDisplayString as k, withDirectives as w, vModelCheckbox as be, vShow as B, resolveComponent as _e, createBlock as j, withCtx as ke, useTemplateRef as de, vModelText as P, ref as v, onMounted as N, onUnmounted as we, normalizeClass as z, withKeys as K, Fragment as q, renderList as O, watch as W, onBeforeUnmount as De, computed as V, unref as I, getCurrentScope as fe, onScopeDispose as me, getCurrentInstance as Ae, nextTick as Me, withModifiers as Ee, resolveDynamicComponent as Ce, mergeProps as Te, createTextVNode as pe, createCommentVNode as J, renderSlot as Se, createVNode as $e, readonly as Le } from "vue";
-import './assets/index.css';const Ve = { class: "aform_form-element" }, Ie = ["for"], xe = { class: "aform_checkbox-container aform_input-field" }, He = ["id", "readonly", "required"], Pe = ["innerHTML"], Fe = /* @__PURE__ */ D({
+import { defineComponent as M, mergeModels as G, useModel as H, openBlock as g, createElementBlock as b, createElementVNode as d, toDisplayString as D, withDirectives as E, vModelCheckbox as Pe, vShow as R, resolveComponent as Oe, createBlock as te, withCtx as Fe, useTemplateRef as Ae, vModelText as F, getCurrentScope as ne, onScopeDispose as oe, toRef as He, readonly as De, customRef as Re, ref as y, watch as P, toValue as V, computed as I, reactive as Be, normalizeClass as J, withKeys as O, Fragment as U, renderList as N, withModifiers as Ee, unref as x, onMounted as le, onBeforeUnmount as qe, getCurrentInstance as We, nextTick as Ue, resolveDynamicComponent as Ne, mergeProps as Ye, createTextVNode as Me, createCommentVNode as se, renderSlot as je, createVNode as Ge } from "vue";
+import './assets/index.css';const Ke = { class: "aform_form-element" }, ze = ["for"], Xe = { class: "aform_checkbox-container aform_input-field" }, Je = ["id", "readonly", "required"], Qe = ["innerHTML"], Ze = /* @__PURE__ */ M({
   __name: "ACheckbox",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ G({
     schema: {},
     label: {},
     mask: {},
@@ -15,29 +15,29 @@ import './assets/index.css';const Ve = { class: "aform_form-element" }, Ie = ["f
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = F(e, "modelValue");
-    return (n, o) => (p(), g("div", Ve, [
-      i("label", {
+    const t = H(e, "modelValue");
+    return (n, o) => (g(), b("div", Ke, [
+      d("label", {
         class: "aform_field-label",
         for: n.uuid
-      }, k(n.label), 9, Ie),
-      i("span", xe, [
-        w(i("input", {
+      }, D(n.label), 9, ze),
+      d("span", Xe, [
+        E(d("input", {
           "onUpdate:modelValue": o[0] || (o[0] = (l) => t.value = l),
           type: "checkbox",
           id: n.uuid,
           class: "aform_checkbox",
           readonly: n.readonly,
           required: n.required
-        }, null, 8, He), [
-          [be, t.value]
+        }, null, 8, Je), [
+          [Pe, t.value]
         ])
       ]),
-      w(i("p", {
+      E(d("p", {
         class: "aform_error",
         innerHTML: n.validation.errorMessage
-      }, null, 8, Pe), [
-        [B, n.validation.errorMessage]
+      }, null, 8, Qe), [
+        [R, n.validation.errorMessage]
       ])
     ]));
   }
@@ -46,31 +46,31 @@ import './assets/index.css';const Ve = { class: "aform_form-element" }, Ie = ["f
   for (const [o, l] of t)
     n[o] = l;
   return n;
-}, Be = /* @__PURE__ */ T(Fe, [["__scopeId", "data-v-9f382ad4"]]), qe = /* @__PURE__ */ D({
+}, et = /* @__PURE__ */ T(Ze, [["__scopeId", "data-v-9f382ad4"]]), tt = /* @__PURE__ */ M({
   __name: "AComboBox",
   props: ["event", "cellData", "tableID"],
   setup(e) {
     return (t, n) => {
-      const o = _e("ATableModal");
-      return p(), j(o, {
+      const o = Oe("ATableModal");
+      return g(), te(o, {
         event: e.event,
         cellData: e.cellData,
         class: "amodal"
       }, {
-        default: ke(() => n[0] || (n[0] = [
-          i("div", null, [
-            i("input", { type: "text" }),
-            i("input", { type: "text" }),
-            i("input", { type: "text" })
+        default: Fe(() => n[0] || (n[0] = [
+          d("div", null, [
+            d("input", { type: "text" }),
+            d("input", { type: "text" }),
+            d("input", { type: "text" })
           ], -1)
         ])),
         _: 1
       }, 8, ["event", "cellData"]);
     };
   }
-}), Oe = ["id", "disabled", "required"], Re = ["for"], Ue = ["innerHTML"], We = /* @__PURE__ */ D({
+}), nt = ["id", "disabled", "required"], ot = ["for"], lt = ["innerHTML"], st = /* @__PURE__ */ M({
   __name: "ADate",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ G({
     schema: {},
     label: { default: "Date" },
     mask: {},
@@ -86,235 +86,453 @@ import './assets/index.css';const Ve = { class: "aform_form-element" }, Ie = ["f
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = F(e, "modelValue", {
+    const t = H(e, "modelValue", {
       // format the date to be compatible with the native input datepicker
       set: (l) => new Date(l).toISOString().split("T")[0]
-    }), n = de("date"), o = () => {
+    }), n = Ae("date"), o = () => {
       n.value && "showPicker" in HTMLInputElement.prototype && n.value.showPicker();
     };
-    return (l, s) => (p(), g("div", null, [
-      w(i("input", {
-        "onUpdate:modelValue": s[0] || (s[0] = (a) => t.value = a),
+    return (l, a) => (g(), b("div", null, [
+      E(d("input", {
+        "onUpdate:modelValue": a[0] || (a[0] = (s) => t.value = s),
         ref: "date",
         type: "date",
         id: l.uuid,
         disabled: l.readonly,
         required: l.required,
         onClick: o
-      }, null, 8, Oe), [
-        [P, t.value]
+      }, null, 8, nt), [
+        [F, t.value]
       ]),
-      i("label", { for: l.uuid }, k(l.label), 9, Re),
-      w(i("p", {
+      d("label", { for: l.uuid }, D(l.label), 9, ot),
+      E(d("p", {
         innerHTML: l.validation.errorMessage
-      }, null, 8, Ue), [
-        [B, l.validation.errorMessage]
+      }, null, 8, lt), [
+        [R, l.validation.errorMessage]
       ])
     ]));
   }
-}), Ye = /* @__PURE__ */ T(We, [["__scopeId", "data-v-280b3d1a"]]), Ge = { class: "input-wrapper" }, Ke = {
+}), at = /* @__PURE__ */ T(st, [["__scopeId", "data-v-280b3d1a"]]);
+function Ce(e) {
+  return ne() ? (oe(e), !0) : !1;
+}
+const Ie = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const rt = Object.prototype.toString, it = (e) => rt.call(e) === "[object Object]", W = () => {
+}, ee = /* @__PURE__ */ ut();
+function ut() {
+  var e, t;
+  return Ie && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((t = window == null ? void 0 : window.navigator) == null ? void 0 : t.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
+}
+function de(e) {
+  return Array.isArray(e) ? e : [e];
+}
+function ct(...e) {
+  if (e.length !== 1)
+    return He(...e);
+  const t = e[0];
+  return typeof t == "function" ? De(Re(() => ({ get: t, set: W }))) : y(t);
+}
+const Te = Ie ? window : void 0;
+function q(e) {
+  var t;
+  const n = V(e);
+  return (t = n == null ? void 0 : n.$el) != null ? t : n;
+}
+function X(...e) {
+  let t, n, o, l;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, l] = e, t = Te) : [t, n, o, l] = e, !t)
+    return W;
+  n = de(n), o = de(o);
+  const a = [], s = () => {
+    a.forEach((c) => c()), a.length = 0;
+  }, r = (c, m, f, p) => (c.addEventListener(m, f, p), () => c.removeEventListener(m, f, p)), u = P(
+    () => [q(t), V(l)],
+    ([c, m]) => {
+      if (s(), !c)
+        return;
+      const f = it(m) ? { ...m } : m;
+      a.push(
+        ...n.flatMap((p) => o.map((w) => r(c, p, w, f)))
+      );
+    },
+    { immediate: !0, flush: "post" }
+  ), i = () => {
+    u(), s();
+  };
+  return Ce(i), i;
+}
+let fe = !1;
+function me(e, t, n = {}) {
+  const { window: o = Te, ignore: l = [], capture: a = !0, detectIframe: s = !1 } = n;
+  if (!o)
+    return W;
+  ee && !fe && (fe = !0, Array.from(o.document.body.children).forEach((v) => v.addEventListener("click", W)), o.document.documentElement.addEventListener("click", W));
+  let r = !0;
+  const u = (v) => V(l).some((h) => {
+    if (typeof h == "string")
+      return Array.from(o.document.querySelectorAll(h)).some((_) => _ === v.target || v.composedPath().includes(_));
+    {
+      const _ = q(h);
+      return _ && (v.target === _ || v.composedPath().includes(_));
+    }
+  });
+  function i(v) {
+    const h = V(v);
+    return h && h.$.subTree.shapeFlag === 16;
+  }
+  function c(v, h) {
+    const _ = V(v), B = _.$.subTree && _.$.subTree.children;
+    return B == null || !Array.isArray(B) ? !1 : B.some((k) => k.el === h.target || h.composedPath().includes(k.el));
+  }
+  const m = (v) => {
+    const h = q(e);
+    if (v.target != null && !(!(h instanceof Element) && i(e) && c(e, v)) && !(!h || h === v.target || v.composedPath().includes(h))) {
+      if (v.detail === 0 && (r = !u(v)), !r) {
+        r = !0;
+        return;
+      }
+      t(v);
+    }
+  };
+  let f = !1;
+  const p = [
+    X(o, "click", (v) => {
+      f || (f = !0, setTimeout(() => {
+        f = !1;
+      }, 0), m(v));
+    }, { passive: !0, capture: a }),
+    X(o, "pointerdown", (v) => {
+      const h = q(e);
+      r = !u(v) && !!(h && !v.composedPath().includes(h));
+    }, { passive: !0 }),
+    s && X(o, "blur", (v) => {
+      setTimeout(() => {
+        var h;
+        const _ = q(e);
+        ((h = o.document.activeElement) == null ? void 0 : h.tagName) === "IFRAME" && !(_ != null && _.contains(o.document.activeElement)) && t(v);
+      }, 0);
+    }, { passive: !0 })
+  ].filter(Boolean);
+  return () => p.forEach((v) => v());
+}
+const dt = {
+  mounted(e, t) {
+    const n = !t.modifiers.bubble;
+    if (typeof t.value == "function")
+      e.__onClickOutside_stop = me(e, t.value, { capture: n });
+    else {
+      const [o, l] = t.value;
+      e.__onClickOutside_stop = me(e, o, Object.assign({ capture: n }, l));
+    }
+  },
+  unmounted(e) {
+    e.__onClickOutside_stop();
+  }
+};
+function Q(e) {
+  return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
+}
+function Se(e) {
+  const t = window.getComputedStyle(e);
+  if (t.overflowX === "scroll" || t.overflowY === "scroll" || t.overflowX === "auto" && e.clientWidth < e.scrollWidth || t.overflowY === "auto" && e.clientHeight < e.scrollHeight)
+    return !0;
+  {
+    const n = e.parentNode;
+    return !n || n.tagName === "BODY" ? !1 : Se(n);
+  }
+}
+function ft(e) {
+  const t = e || window.event, n = t.target;
+  return Se(n) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
+}
+const Z = /* @__PURE__ */ new WeakMap();
+function mt(e, t = !1) {
+  const n = y(t);
+  let o = null, l = "";
+  P(ct(e), (r) => {
+    const u = Q(V(r));
+    if (u) {
+      const i = u;
+      if (Z.get(i) || Z.set(i, i.style.overflow), i.style.overflow !== "hidden" && (l = i.style.overflow), i.style.overflow === "hidden")
+        return n.value = !0;
+      if (n.value)
+        return i.style.overflow = "hidden";
+    }
+  }, {
+    immediate: !0
+  });
+  const a = () => {
+    const r = Q(V(e));
+    !r || n.value || (ee && (o = X(
+      r,
+      "touchmove",
+      (u) => {
+        ft(u);
+      },
+      { passive: !1 }
+    )), r.style.overflow = "hidden", n.value = !0);
+  }, s = () => {
+    const r = Q(V(e));
+    !r || !n.value || (ee && (o == null || o()), r.style.overflow = l, Z.delete(r), n.value = !1);
+  };
+  return Ce(s), I({
+    get() {
+      return n.value;
+    },
+    set(r) {
+      r ? a() : s();
+    }
+  });
+}
+function pt() {
+  let e = !1;
+  const t = y(!1);
+  return (n, o) => {
+    if (t.value = o.value, e)
+      return;
+    e = !0;
+    const l = mt(n, o.value);
+    P(t, (a) => l.value = a);
+  };
+}
+pt();
+const vt = { class: "input-wrapper" }, ht = {
   id: "autocomplete-results",
   class: "autocomplete-results"
-}, ze = {
+}, gt = {
   key: 0,
   class: "loading autocomplete-result"
-}, Ne = ["onClick"], je = /* @__PURE__ */ D({
+}, yt = ["onClick"], bt = /* @__PURE__ */ M({
   __name: "ADropdown",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ G({
     label: {},
     items: {},
-    isAsync: { type: Boolean }
+    isAsync: { type: Boolean },
+    filterFunction: { type: Function }
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ H(["filterChanged"], ["update:modelValue"]),
-  setup(e, { emit: t }) {
-    const n = t, o = v(e.items), l = F(e, "modelValue"), s = v(!1), a = v(0), r = v(!1);
-    N(() => {
-      document.addEventListener("click", f), u();
-    }), we(() => {
-      document.removeEventListener("click", f);
-    });
-    const c = (y) => {
-      l.value = y, m();
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = H(e, "modelValue"), n = Be({
+      activeItemIndex: null,
+      open: !1,
+      loading: !1,
+      results: e.items
+    }), o = () => r(), l = async () => {
+      if (n.open = !0, e.filterFunction) {
+        e.isAsync && (n.loading = !0);
+        try {
+          const f = await e.filterFunction(t.value || "");
+          n.results = f;
+        } catch {
+          n.results = [];
+        } finally {
+          e.isAsync && (n.loading = !1);
+        }
+      } else
+        u();
+    }, a = (f) => {
+      t.value = f, r(f);
+    }, s = () => {
+      var f;
+      n.activeItemIndex = e.isAsync ? null : t.value && ((f = e.items) == null ? void 0 : f.indexOf(t.value)) || null, n.open = !0, n.results = e.isAsync ? [] : e.items;
+    }, r = (f) => {
+      var p;
+      n.activeItemIndex = null, n.open = !1, (p = e.items) != null && p.includes(f || t.value || "") || (t.value = "");
     }, u = () => {
-      l.value ? o.value = e.items.filter((y) => y.toLowerCase().indexOf(l.value.toLowerCase()) > -1) : o.value = e.items;
-    }, d = () => {
-      r.value = !0, e.isAsync ? (s.value = !0, n("filterChanged", l.value)) : u();
-    }, f = () => {
-      m(), a.value = 0;
+      var f;
+      t.value ? n.results = (f = e.items) == null ? void 0 : f.filter((p) => p.toLowerCase().includes((t.value ?? "").toLowerCase())) : n.results = e.items;
+    }, i = () => {
+      var p;
+      const f = ((p = n.results) == null ? void 0 : p.length) || 0;
+      if (n.activeItemIndex != null) {
+        const w = isNaN(n.activeItemIndex) ? 0 : n.activeItemIndex;
+        n.activeItemIndex = (w + 1) % f;
+      } else
+        n.activeItemIndex = 0;
+    }, c = () => {
+      var p;
+      const f = ((p = n.results) == null ? void 0 : p.length) || 0;
+      if (n.activeItemIndex != null) {
+        const w = isNaN(n.activeItemIndex) ? 0 : n.activeItemIndex;
+        n.activeItemIndex = (w - 1 + f) % f;
+      } else
+        n.activeItemIndex = f - 1;
     }, m = () => {
-      r.value = !1, e.items.includes(l.value) || (l.value = "");
-    }, b = () => {
-      a.value < o.value.length && (a.value = a.value + 1);
-    }, A = () => {
-      a.value > 0 && (a.value = a.value - 1);
-    }, M = () => {
-      l.value = o.value[a.value], m(), a.value = 0;
+      if (n.results) {
+        const f = n.activeItemIndex || 0, p = n.results[f];
+        a(p);
+      }
+      n.activeItemIndex = 0;
     };
-    return (y, E) => (p(), g("div", {
-      class: z(["autocomplete", { isOpen: r.value }])
+    return (f, p) => E((g(), b("div", {
+      class: J(["autocomplete", { isOpen: n.open }])
     }, [
-      i("div", Ge, [
-        w(i("input", {
-          ref: "mopInput",
+      d("div", vt, [
+        E(d("input", {
+          "onUpdate:modelValue": p[0] || (p[0] = (w) => t.value = w),
           type: "text",
-          onInput: d,
-          onFocus: d,
-          "onUpdate:modelValue": E[0] || (E[0] = (x) => l.value = x),
+          onInput: l,
+          onFocus: s,
           onKeydown: [
-            K(b, ["down"]),
-            K(A, ["up"]),
-            K(M, ["enter"])
+            O(i, ["down"]),
+            O(c, ["up"]),
+            O(m, ["enter"]),
+            O(o, ["esc"]),
+            O(o, ["tab"])
           ]
         }, null, 544), [
-          [P, l.value]
+          [F, t.value]
         ]),
-        w(i("ul", Ke, [
-          s.value ? (p(), g("li", ze, "Loading results...")) : (p(!0), g(q, { key: 1 }, O(o.value, (x, h) => (p(), g("li", {
-            key: h,
-            onClick: (_) => c(x),
-            class: z(["autocomplete-result", { "is-active": h === a.value }])
-          }, k(x), 11, Ne))), 128))
+        E(d("ul", ht, [
+          n.loading ? (g(), b("li", gt, "Loading results...")) : (g(!0), b(U, { key: 1 }, N(n.results, (w, v) => (g(), b("li", {
+            key: w,
+            onClick: Ee((h) => a(w), ["stop"]),
+            class: J(["autocomplete-result", { "is-active": v === n.activeItemIndex }])
+          }, D(w), 11, yt))), 128))
         ], 512), [
-          [B, r.value]
+          [R, n.open]
         ]),
-        i("label", null, k(y.label), 1)
+        d("label", null, D(f.label), 1)
       ])
-    ], 2));
+    ], 2)), [
+      [x(dt), o]
+    ]);
   }
-}), Je = /* @__PURE__ */ T(je, [["__scopeId", "data-v-4e77785f"]]);
-function ve(e) {
-  return fe() ? (me(e), !0) : !1;
+}), wt = /* @__PURE__ */ T(bt, [["__scopeId", "data-v-16c329d1"]]);
+function $e(e) {
+  return ne() ? (oe(e), !0) : !1;
 }
-function Q(e) {
-  return typeof e == "function" ? e() : I(e);
+function ae(e) {
+  return typeof e == "function" ? e() : x(e);
 }
-const Qe = typeof window < "u" && typeof document < "u";
+const kt = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Xe = (e) => e != null, Ze = Object.prototype.toString, et = (e) => Ze.call(e) === "[object Object]", tt = () => {
-}, Y = Qe ? window : void 0;
-function R(e) {
+const _t = (e) => e != null, At = Object.prototype.toString, Dt = (e) => At.call(e) === "[object Object]", Et = () => {
+}, K = kt ? window : void 0;
+function Y(e) {
   var t;
-  const n = Q(e);
+  const n = ae(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
-function U(...e) {
+function j(...e) {
   let t, n, o, l;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, l] = e, t = Y) : [t, n, o, l] = e, !t)
-    return tt;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, l] = e, t = K) : [t, n, o, l] = e, !t)
+    return Et;
   Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
-  const s = [], a = () => {
-    s.forEach((d) => d()), s.length = 0;
-  }, r = (d, f, m, b) => (d.addEventListener(f, m, b), () => d.removeEventListener(f, m, b)), c = W(
-    () => [R(t), Q(l)],
-    ([d, f]) => {
-      if (a(), !d)
+  const a = [], s = () => {
+    a.forEach((c) => c()), a.length = 0;
+  }, r = (c, m, f, p) => (c.addEventListener(m, f, p), () => c.removeEventListener(m, f, p)), u = P(
+    () => [Y(t), ae(l)],
+    ([c, m]) => {
+      if (s(), !c)
         return;
-      const m = et(f) ? { ...f } : f;
-      s.push(
-        ...n.flatMap((b) => o.map((A) => r(d, b, A, m)))
+      const f = Dt(m) ? { ...m } : m;
+      a.push(
+        ...n.flatMap((p) => o.map((w) => r(c, p, w, f)))
       );
     },
     { immediate: !0, flush: "post" }
-  ), u = () => {
-    c(), a();
+  ), i = () => {
+    u(), s();
   };
-  return ve(u), u;
+  return $e(i), i;
 }
-function nt() {
-  const e = v(!1), t = Ae();
-  return t && N(() => {
+function Mt() {
+  const e = y(!1), t = We();
+  return t && le(() => {
     e.value = !0;
   }, t), e;
 }
-function ot(e) {
-  const t = nt();
-  return V(() => (t.value, !!e()));
+function Ct(e) {
+  const t = Mt();
+  return I(() => (t.value, !!e()));
 }
-function lt(e, t, n = {}) {
-  const { window: o = Y, ...l } = n;
-  let s;
-  const a = ot(() => o && "MutationObserver" in o), r = () => {
-    s && (s.disconnect(), s = void 0);
-  }, c = V(() => {
-    const m = Q(e), b = (Array.isArray(m) ? m : [m]).map(R).filter(Xe);
-    return new Set(b);
-  }), u = W(
-    () => c.value,
-    (m) => {
-      r(), a.value && m.size && (s = new MutationObserver(t), m.forEach((b) => s.observe(b, l)));
+function It(e, t, n = {}) {
+  const { window: o = K, ...l } = n;
+  let a;
+  const s = Ct(() => o && "MutationObserver" in o), r = () => {
+    a && (a.disconnect(), a = void 0);
+  }, u = I(() => {
+    const f = ae(e), p = (Array.isArray(f) ? f : [f]).map(Y).filter(_t);
+    return new Set(p);
+  }), i = P(
+    () => u.value,
+    (f) => {
+      r(), s.value && f.size && (a = new MutationObserver(t), f.forEach((p) => a.observe(p, l)));
     },
     { immediate: !0, flush: "post" }
-  ), d = () => s == null ? void 0 : s.takeRecords(), f = () => {
-    u(), r();
+  ), c = () => a == null ? void 0 : a.takeRecords(), m = () => {
+    i(), r();
   };
-  return ve(f), {
-    isSupported: a,
-    stop: f,
-    takeRecords: d
+  return $e(m), {
+    isSupported: s,
+    stop: m,
+    takeRecords: c
   };
 }
-function at(e = {}) {
+function Tt(e = {}) {
   var t;
   const {
-    window: n = Y,
+    window: n = K,
     deep: o = !0,
     triggerOnRemoval: l = !1
-  } = e, s = (t = e.document) != null ? t : n == null ? void 0 : n.document, a = () => {
-    var u;
-    let d = s == null ? void 0 : s.activeElement;
+  } = e, a = (t = e.document) != null ? t : n == null ? void 0 : n.document, s = () => {
+    var i;
+    let c = a == null ? void 0 : a.activeElement;
     if (o)
-      for (; d != null && d.shadowRoot; )
-        d = (u = d == null ? void 0 : d.shadowRoot) == null ? void 0 : u.activeElement;
-    return d;
-  }, r = v(), c = () => {
-    r.value = a();
+      for (; c != null && c.shadowRoot; )
+        c = (i = c == null ? void 0 : c.shadowRoot) == null ? void 0 : i.activeElement;
+    return c;
+  }, r = y(), u = () => {
+    r.value = s();
   };
-  return n && (U(n, "blur", (u) => {
-    u.relatedTarget === null && c();
-  }, !0), U(n, "focus", c, !0)), l && lt(s, (u) => {
-    u.filter((d) => d.removedNodes.length).map((d) => Array.from(d.removedNodes)).flat().forEach((d) => {
-      d === r.value && c();
+  return n && (j(n, "blur", (i) => {
+    i.relatedTarget === null && u();
+  }, !0), j(n, "focus", u, !0)), l && It(a, (i) => {
+    i.filter((c) => c.removedNodes.length).map((c) => Array.from(c.removedNodes)).flat().forEach((c) => {
+      c === r.value && u();
     });
   }, {
     childList: !0,
     subtree: !0
-  }), c(), r;
+  }), u(), r;
 }
-const st = "focusin", rt = "focusout";
-function it(e, t = {}) {
-  const { window: n = Y } = t, o = V(() => R(e)), l = v(!1), s = V(() => l.value), a = at(t);
-  return !n || !a.value ? { focused: s } : (U(o, st, () => l.value = !0), U(o, rt, () => l.value = !1), { focused: s });
+const St = "focusin", $t = "focusout";
+function Lt(e, t = {}) {
+  const { window: n = K } = t, o = I(() => Y(e)), l = y(!1), a = I(() => l.value), s = Tt(t);
+  return !n || !s.value ? { focused: a } : (j(o, St, () => l.value = !0), j(o, $t, () => l.value = !1), { focused: a });
 }
-function ut(e, { window: t = Y, scrollTarget: n } = {}) {
-  const o = v(!1), l = () => {
+function xt(e, { window: t = K, scrollTarget: n } = {}) {
+  const o = y(!1), l = () => {
     if (!t) return;
-    const s = t.document, a = R(e);
-    if (!a)
+    const a = t.document, s = Y(e);
+    if (!s)
       o.value = !1;
     else {
-      const r = a.getBoundingClientRect();
-      o.value = r.top <= (t.innerHeight || s.documentElement.clientHeight) && r.left <= (t.innerWidth || s.documentElement.clientWidth) && r.bottom >= 0 && r.right >= 0;
+      const r = s.getBoundingClientRect();
+      o.value = r.top <= (t.innerHeight || a.documentElement.clientHeight) && r.left <= (t.innerWidth || a.documentElement.clientWidth) && r.bottom >= 0 && r.right >= 0;
     }
   };
-  return W(
-    () => R(e),
+  return P(
+    () => Y(e),
     () => l(),
     { immediate: !0, flush: "post" }
-  ), t && U(n || t, "scroll", l, {
+  ), t && j(n || t, "scroll", l, {
     capture: !1,
     passive: !0
   }), o;
 }
 const S = (e) => {
-  let t = ut(e).value;
+  let t = xt(e).value;
   return t = t && e.offsetHeight > 0, t;
-}, $ = (e) => e.tabIndex >= 0, ne = (e) => {
+}, $ = (e) => e.tabIndex >= 0, pe = (e) => {
   const t = e.target;
-  return X(t);
-}, X = (e) => {
+  return re(t);
+}, re = (e) => {
   var t;
   let n;
   if (e instanceof HTMLTableCellElement) {
@@ -327,29 +545,29 @@ const S = (e) => {
     const o = e.previousElementSibling;
     o && (n = o);
   }
-  return n && (!$(n) || !S(n)) ? X(n) : n;
-}, ct = (e) => {
+  return n && (!$(n) || !S(n)) ? re(n) : n;
+}, Vt = (e) => {
   var t;
   const n = e.target;
   let o;
   if (n instanceof HTMLTableCellElement) {
     const l = (t = n.parentElement) == null ? void 0 : t.parentElement;
     if (l) {
-      const s = l.firstElementChild, a = s == null ? void 0 : s.children[n.cellIndex];
-      a && (o = a);
+      const a = l.firstElementChild, s = a == null ? void 0 : a.children[n.cellIndex];
+      s && (o = s);
     }
   } else if (n instanceof HTMLTableRowElement) {
     const l = n.parentElement;
     if (l) {
-      const s = l.firstElementChild;
-      s && (o = s);
+      const a = l.firstElementChild;
+      a && (o = a);
     }
   }
-  return o && (!$(o) || !S(o)) ? Z(o) : o;
-}, oe = (e) => {
+  return o && (!$(o) || !S(o)) ? ie(o) : o;
+}, ve = (e) => {
   const t = e.target;
-  return Z(t);
-}, Z = (e) => {
+  return ie(t);
+}, ie = (e) => {
   var t;
   let n;
   if (e instanceof HTMLTableCellElement) {
@@ -362,29 +580,29 @@ const S = (e) => {
     const o = e.nextElementSibling;
     o && (n = o);
   }
-  return n && (!$(n) || !S(n)) ? Z(n) : n;
-}, dt = (e) => {
+  return n && (!$(n) || !S(n)) ? ie(n) : n;
+}, Pt = (e) => {
   var t;
   const n = e.target;
   let o;
   if (n instanceof HTMLTableCellElement) {
     const l = (t = n.parentElement) == null ? void 0 : t.parentElement;
     if (l) {
-      const s = l.lastElementChild, a = s == null ? void 0 : s.children[n.cellIndex];
-      a && (o = a);
+      const a = l.lastElementChild, s = a == null ? void 0 : a.children[n.cellIndex];
+      s && (o = s);
     }
   } else if (n instanceof HTMLTableRowElement) {
     const l = n.parentElement;
     if (l) {
-      const s = l.lastElementChild;
-      s && (o = s);
+      const a = l.lastElementChild;
+      a && (o = a);
     }
   }
-  return o && (!$(o) || !S(o)) ? X(o) : o;
-}, le = (e) => {
+  return o && (!$(o) || !S(o)) ? re(o) : o;
+}, he = (e) => {
   const t = e.target;
-  return ee(t);
-}, ee = (e) => {
+  return ue(t);
+}, ue = (e) => {
   var t;
   let n;
   if (e.previousElementSibling)
@@ -393,11 +611,11 @@ const S = (e) => {
     const o = (t = e.parentElement) == null ? void 0 : t.previousElementSibling;
     n = o == null ? void 0 : o.lastElementChild;
   }
-  return n && (!$(n) || !S(n)) ? ee(n) : n;
-}, ae = (e) => {
+  return n && (!$(n) || !S(n)) ? ue(n) : n;
+}, ge = (e) => {
   const t = e.target;
-  return te(t);
-}, te = (e) => {
+  return ce(t);
+}, ce = (e) => {
   var t;
   let n;
   if (e.nextElementSibling)
@@ -406,155 +624,155 @@ const S = (e) => {
     const o = (t = e.parentElement) == null ? void 0 : t.nextElementSibling;
     n = o == null ? void 0 : o.firstElementChild;
   }
-  return n && (!$(n) || !S(n)) ? te(n) : n;
-}, se = (e) => {
+  return n && (!$(n) || !S(n)) ? ce(n) : n;
+}, ye = (e) => {
   const t = e.target.parentElement, n = t == null ? void 0 : t.firstElementChild;
-  return n && (!$(n) || !S(n)) ? te(n) : n;
-}, re = (e) => {
+  return n && (!$(n) || !S(n)) ? ce(n) : n;
+}, be = (e) => {
   const t = e.target.parentElement, n = t == null ? void 0 : t.lastElementChild;
-  return n && (!$(n) || !S(n)) ? ee(n) : n;
-}, G = ["alt", "control", "shift", "meta"], ft = {
+  return n && (!$(n) || !S(n)) ? ue(n) : n;
+}, z = ["alt", "control", "shift", "meta"], Ot = {
   ArrowUp: "up",
   ArrowDown: "down",
   ArrowLeft: "left",
   ArrowRight: "right"
-}, ge = {
+}, Le = {
   "keydown.up": (e) => {
-    const t = ne(e);
+    const t = pe(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.down": (e) => {
-    const t = oe(e);
+    const t = ve(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.left": (e) => {
-    const t = le(e);
+    const t = he(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.right": (e) => {
-    const t = ae(e);
+    const t = ge(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.control.up": (e) => {
-    const t = ct(e);
+    const t = Vt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.down": (e) => {
-    const t = dt(e);
+    const t = Pt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.left": (e) => {
-    const t = se(e);
+    const t = ye(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.right": (e) => {
-    const t = re(e);
+    const t = be(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.end": (e) => {
-    const t = re(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 = oe(e);
+      const t = ve(e);
       t && t.focus();
     }
   },
   "keydown.shift.enter": (e) => {
     if (e.target instanceof HTMLTableCellElement) {
       e.preventDefault(), e.stopPropagation();
-      const t = ne(e);
+      const t = pe(e);
       t && t.focus();
     }
   },
   "keydown.home": (e) => {
-    const t = se(e);
+    const t = ye(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.tab": (e) => {
-    const t = ae(e);
+    const t = ge(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.shift.tab": (e) => {
-    const t = le(e);
+    const t = he(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   }
 };
-function mt(e) {
-  const t = (a) => {
+function Ft(e) {
+  const t = (s) => {
     let r = null;
-    return a.parent && (typeof a.parent == "string" ? r = document.querySelector(a.parent) : a.parent instanceof HTMLElement ? r = a.parent : r = a.parent.value), r;
-  }, n = (a) => {
+    return s.parent && (typeof s.parent == "string" ? r = document.querySelector(s.parent) : s.parent instanceof HTMLElement ? r = s.parent : r = s.parent.value), r;
+  }, n = (s) => {
     var r;
-    const c = t(a);
-    let u = [];
-    if (typeof a.selectors == "string")
-      u = c ? Array.from(c.querySelectorAll(a.selectors)) : Array.from(document.querySelectorAll(a.selectors));
-    else if (Array.isArray(a.selectors))
-      for (const d of a.selectors)
-        d instanceof HTMLElement ? u.push(d) : u.push(d.$el);
-    else if (a.selectors instanceof HTMLElement)
-      u.push(a.selectors);
-    else if ((r = a.selectors) != null && r.value)
-      if (Array.isArray(a.selectors.value))
-        for (const d of a.selectors.value)
-          d instanceof HTMLElement ? u.push(d) : u.push(d.$el);
+    const u = t(s);
+    let i = [];
+    if (typeof s.selectors == "string")
+      i = u ? Array.from(u.querySelectorAll(s.selectors)) : Array.from(document.querySelectorAll(s.selectors));
+    else if (Array.isArray(s.selectors))
+      for (const c of s.selectors)
+        c instanceof HTMLElement ? i.push(c) : i.push(c.$el);
+    else if (s.selectors instanceof HTMLElement)
+      i.push(s.selectors);
+    else if ((r = s.selectors) != null && r.value)
+      if (Array.isArray(s.selectors.value))
+        for (const c of s.selectors.value)
+          c instanceof HTMLElement ? i.push(c) : i.push(c.$el);
       else
-        u.push(a.selectors.value);
-    return u;
-  }, o = (a) => {
-    const r = t(a);
-    let c = [];
-    return a.selectors ? c = n(a) : r && (c = Array.from(r.children).filter((u) => $(u) && S(u))), c;
-  }, l = (a) => (r) => {
-    const c = ft[r.key] || r.key.toLowerCase();
-    if (G.includes(c)) return;
-    const u = a.handlers || ge;
-    for (const d of Object.keys(u)) {
-      const [f, ...m] = d.split(".");
-      if (f === "keydown" && m.includes(c)) {
-        const b = u[d], A = m.filter((y) => G.includes(y)), M = G.some((y) => {
-          const E = y.charAt(0).toUpperCase() + y.slice(1);
-          return r.getModifierState(E);
+        i.push(s.selectors.value);
+    return i;
+  }, o = (s) => {
+    const r = t(s);
+    let u = [];
+    return s.selectors ? u = n(s) : r && (u = Array.from(r.children).filter((i) => $(i) && S(i))), u;
+  }, l = (s) => (r) => {
+    const u = Ot[r.key] || r.key.toLowerCase();
+    if (z.includes(u)) return;
+    const i = s.handlers || Le;
+    for (const c of Object.keys(i)) {
+      const [m, ...f] = c.split(".");
+      if (m === "keydown" && f.includes(u)) {
+        const p = i[c], w = f.filter((h) => z.includes(h)), v = z.some((h) => {
+          const _ = h.charAt(0).toUpperCase() + h.slice(1);
+          return r.getModifierState(_);
         });
-        if (A.length > 0) {
-          if (M) {
-            for (const y of G)
-              if (m.includes(y)) {
-                const E = y.charAt(0).toUpperCase() + y.slice(1);
-                r.getModifierState(E) && b(r);
+        if (w.length > 0) {
+          if (v) {
+            for (const h of z)
+              if (f.includes(h)) {
+                const _ = h.charAt(0).toUpperCase() + h.slice(1);
+                r.getModifierState(_) && p(r);
               }
           }
         } else
-          M || b(r);
+          v || p(r);
       }
     }
-  }, s = [];
-  N(() => {
-    for (const a of e) {
-      const r = t(a), c = o(a), u = l(a), d = r ? [r] : c;
-      for (const f of d) {
-        const { focused: m } = it(v(f)), b = W(m, (A) => {
-          A ? f.addEventListener("keydown", u) : f.removeEventListener("keydown", u);
+  }, a = [];
+  le(() => {
+    for (const s of e) {
+      const r = t(s), u = o(s), i = l(s), c = r ? [r] : u;
+      for (const m of c) {
+        const { focused: f } = Lt(y(m)), p = P(f, (w) => {
+          w ? m.addEventListener("keydown", i) : m.removeEventListener("keydown", i);
         });
-        s.push(b);
+        a.push(p);
       }
     }
-  }), De(() => {
-    for (const a of s)
-      a();
+  }), qe(() => {
+    for (const s of a)
+      s();
   });
 }
-const pt = {
+const Ht = {
   class: "adatepicker",
   tabindex: "0",
   ref: "datepicker"
-}, vt = {
+}, Rt = {
   colspan: "5",
   tabindex: -1
-}, gt = ["onClick", "onKeydown"], ht = 6, ie = 7, yt = /* @__PURE__ */ D({
+}, Bt = ["onClick", "onKeydown"], qt = 6, we = 7, Wt = /* @__PURE__ */ M({
   __name: "ADatePicker",
   props: {
     modelValue: { default: /* @__PURE__ */ new Date() },
@@ -562,48 +780,48 @@ const pt = {
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t }) {
-    const n = F(e, "modelValue"), o = v(new Date(n.value)), l = v(o.value.getMonth()), s = v(o.value.getFullYear()), a = v([]), r = de("datepicker");
-    N(async () => {
-      c(), await Me();
-      const h = document.getElementsByClassName("selectedDate");
-      if (h.length > 0)
-        h[0].focus();
+    const n = H(e, "modelValue"), o = y(new Date(n.value)), l = y(o.value.getMonth()), a = y(o.value.getFullYear()), s = y([]), r = Ae("datepicker");
+    le(async () => {
+      u(), await Ue();
+      const k = document.getElementsByClassName("selectedDate");
+      if (k.length > 0)
+        k[0].focus();
       else {
-        const _ = document.getElementsByClassName("todaysDate");
-        _.length > 0 && _[0].focus();
+        const A = document.getElementsByClassName("todaysDate");
+        A.length > 0 && A[0].focus();
       }
     });
-    const c = () => {
-      a.value = [];
-      const h = new Date(s.value, l.value, 1), _ = h.getDay(), C = h.setDate(h.getDate() - _);
+    const u = () => {
+      s.value = [];
+      const k = new Date(a.value, l.value, 1), A = k.getDay(), C = k.setDate(k.getDate() - A);
       for (const L of Array(43).keys())
-        a.value.push(C + L * 864e5);
+        s.value.push(C + L * 864e5);
     };
-    W([l, s], c);
-    const u = () => s.value -= 1, d = () => s.value += 1, f = () => {
-      l.value == 0 ? (l.value = 11, u()) : l.value -= 1;
-    }, m = () => {
-      l.value == 11 ? (l.value = 0, d()) : l.value += 1;
-    }, b = (h) => {
-      const _ = /* @__PURE__ */ new Date();
-      if (l.value === _.getMonth())
-        return _.toDateString() === new Date(h).toDateString();
-    }, A = (h) => new Date(h).toDateString() === new Date(o.value).toDateString(), M = (h, _) => (h - 1) * ie + _, y = (h, _) => a.value[M(h, _)], E = (h) => {
-      n.value = o.value = new Date(a.value[h]);
-    }, x = V(() => new Date(s.value, l.value, 1).toLocaleDateString(void 0, {
+    P([l, a], u);
+    const i = () => a.value -= 1, c = () => a.value += 1, m = () => {
+      l.value == 0 ? (l.value = 11, i()) : l.value -= 1;
+    }, f = () => {
+      l.value == 11 ? (l.value = 0, c()) : l.value += 1;
+    }, p = (k) => {
+      const A = /* @__PURE__ */ new Date();
+      if (l.value === A.getMonth())
+        return A.toDateString() === new Date(k).toDateString();
+    }, w = (k) => new Date(k).toDateString() === new Date(o.value).toDateString(), v = (k, A) => (k - 1) * we + A, h = (k, A) => s.value[v(k, A)], _ = (k) => {
+      n.value = o.value = new Date(s.value[k]);
+    }, B = I(() => new Date(a.value, l.value, 1).toLocaleDateString(void 0, {
       year: "numeric",
       month: "long"
     }));
-    return mt([
+    return Ft([
       {
         parent: r,
         selectors: "td",
         handlers: {
-          ...ge,
-          "keydown.pageup": f,
-          "keydown.shift.pageup": u,
-          "keydown.pagedown": m,
-          "keydown.shift.pagedown": d,
+          ...Le,
+          "keydown.pageup": m,
+          "keydown.shift.pageup": i,
+          "keydown.pagedown": f,
+          "keydown.shift.pagedown": c,
           // TODO: this is a hack to override the stonecrop enter handler;
           // store context inside the component so that handlers can be setup consistently
           // eslint-disable-next-line @typescript-eslint/no-empty-function
@@ -611,62 +829,62 @@ const pt = {
           }
         }
       }
-    ]), t({ currentMonth: l, currentYear: s, selectedDate: o }), (h, _) => (p(), g("div", pt, [
-      i("table", null, [
-        i("tbody", null, [
-          i("tr", null, [
-            i("td", {
+    ]), t({ currentMonth: l, currentYear: a, selectedDate: o }), (k, A) => (g(), b("div", Ht, [
+      d("table", null, [
+        d("tbody", null, [
+          d("tr", null, [
+            d("td", {
               id: "previous-month-btn",
-              onClick: f,
+              onClick: m,
               tabindex: -1
             }, "<"),
-            i("th", vt, k(x.value), 1),
-            i("td", {
+            d("th", Rt, D(B.value), 1),
+            d("td", {
               id: "next-month-btn",
-              onClick: m,
+              onClick: f,
               tabindex: -1
             }, ">")
           ]),
-          _[0] || (_[0] = i("tr", { class: "days-header" }, [
-            i("td", null, "M"),
-            i("td", null, "T"),
-            i("td", null, "W"),
-            i("td", null, "T"),
-            i("td", null, "F"),
-            i("td", null, "S"),
-            i("td", null, "S")
+          A[0] || (A[0] = d("tr", { class: "days-header" }, [
+            d("td", null, "M"),
+            d("td", null, "T"),
+            d("td", null, "W"),
+            d("td", null, "T"),
+            d("td", null, "F"),
+            d("td", null, "S"),
+            d("td", null, "S")
           ], -1)),
-          (p(), g(q, null, O(ht, (C) => i("tr", { key: C }, [
-            (p(), g(q, null, O(ie, (L) => i("td", {
+          (g(), b(U, null, N(qt, (C) => d("tr", { key: C }, [
+            (g(), b(U, null, N(we, (L) => d("td", {
               ref_for: !0,
               ref: "celldate",
-              key: M(C, L),
+              key: v(C, L),
               contenteditable: !1,
               spellcheck: !1,
               tabindex: 0,
-              onClick: Ee((ye) => E(M(C, L)), ["prevent", "stop"]),
-              onKeydown: K((ye) => E(M(C, L)), ["enter"]),
-              class: z({
-                todaysDate: b(y(C, L)),
-                selectedDate: A(y(C, L))
+              onClick: Ee((Ve) => _(v(C, L)), ["prevent", "stop"]),
+              onKeydown: O((Ve) => _(v(C, L)), ["enter"]),
+              class: J({
+                todaysDate: p(h(C, L)),
+                selectedDate: w(h(C, L))
               })
-            }, k(new Date(y(C, L)).getDate()), 43, gt)), 64))
+            }, D(new Date(h(C, L)).getDate()), 43, Bt)), 64))
           ])), 64))
         ])
       ])
     ], 512));
   }
-}), bt = /* @__PURE__ */ T(yt, [["__scopeId", "data-v-f49cfd40"]]), _t = /* @__PURE__ */ D({
+}), Ut = /* @__PURE__ */ T(Wt, [["__scopeId", "data-v-f49cfd40"]]), Nt = /* @__PURE__ */ M({
   __name: "CollapseButton",
   props: {
     collapsed: { type: Boolean }
   },
   setup(e) {
-    return (t, n) => (p(), g("button", {
-      class: z(["collapse-button", t.collapsed ? "rotated" : "unrotated"])
+    return (t, n) => (g(), b("button", {
+      class: J(["collapse-button", t.collapsed ? "rotated" : "unrotated"])
     }, "×", 2));
   }
-}), kt = /* @__PURE__ */ T(_t, [["__scopeId", "data-v-6f1c1b45"]]), wt = { class: "aform" }, Dt = /* @__PURE__ */ D({
+}), Yt = /* @__PURE__ */ T(Nt, [["__scopeId", "data-v-6f1c1b45"]]), jt = { class: "aform" }, Gt = /* @__PURE__ */ M({
   __name: "AForm",
   props: {
     modelValue: {},
@@ -675,36 +893,36 @@ const pt = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = t, o = v(e.data || {}), l = (a) => {
+    const n = t, o = y(e.data || {}), l = (s) => {
       let r = {};
-      for (const [c, u] of Object.entries(a))
-        ["component", "fieldtype"].includes(c) || (r[c] = u), c === "rows" && u && u.length === 0 && (r.rows = o.value[a.fieldname]);
+      for (const [u, i] of Object.entries(s))
+        ["component", "fieldtype"].includes(u) || (r[u] = i), u === "rows" && i && i.length === 0 && (r.rows = o.value[s.fieldname]);
       return r;
-    }, s = V({
-      get: () => e.modelValue.map((a, r) => V({
+    }, a = I({
+      get: () => e.modelValue.map((s, r) => I({
         get() {
-          return a.value;
+          return s.value;
         },
-        set: (c) => {
-          e.modelValue[r].value = c, n("update:modelValue", e.modelValue);
+        set: (u) => {
+          e.modelValue[r].value = u, n("update:modelValue", e.modelValue);
         }
       })),
       set: () => {
       }
     });
-    return (a, r) => (p(), g("form", wt, [
-      (p(!0), g(q, null, O(a.modelValue, (c, u) => (p(), j(Ce(c.component), Te({
-        key: u,
-        schema: c,
-        modelValue: s.value[u].value,
-        "onUpdate:modelValue": (d) => s.value[u].value = d,
-        data: o.value[c.fieldname],
-        readonly: a.readonly,
+    return (s, r) => (g(), b("form", jt, [
+      (g(!0), b(U, null, N(s.modelValue, (u, i) => (g(), te(Ne(u.component), Ye({
+        key: i,
+        schema: u,
+        modelValue: a.value[i].value,
+        "onUpdate:modelValue": (c) => a.value[i].value = c,
+        data: o.value[u.fieldname],
+        readonly: s.readonly,
         ref_for: !0
-      }, l(c)), null, 16, ["schema", "modelValue", "onUpdate:modelValue", "data", "readonly"]))), 128))
+      }, l(u)), null, 16, ["schema", "modelValue", "onUpdate:modelValue", "data", "readonly"]))), 128))
     ]));
   }
-}), he = /* @__PURE__ */ T(Dt, [["__scopeId", "data-v-68845234"]]), At = /* @__PURE__ */ D({
+}), xe = /* @__PURE__ */ T(Gt, [["__scopeId", "data-v-68845234"]]), Kt = /* @__PURE__ */ M({
   __name: "AFieldset",
   props: {
     schema: {},
@@ -713,126 +931,126 @@ const pt = {
     data: {}
   },
   setup(e, { expose: t }) {
-    const n = v(!1), o = v(e.data || []), l = v(e.schema), s = (a) => {
-      a.preventDefault(), e.collapsible && (n.value = !n.value);
+    const n = y(!1), o = y(e.data || []), l = y(e.schema), a = (s) => {
+      s.preventDefault(), e.collapsible && (n.value = !n.value);
     };
-    return t({ collapsed: n }), (a, r) => (p(), g("fieldset", null, [
-      i("legend", {
-        onClick: s,
-        onSubmit: s
+    return t({ collapsed: n }), (s, r) => (g(), b("fieldset", null, [
+      d("legend", {
+        onClick: a,
+        onSubmit: a
       }, [
-        pe(k(a.label) + " ", 1),
-        a.collapsible ? (p(), j(kt, {
+        Me(D(s.label) + " ", 1),
+        s.collapsible ? (g(), te(Yt, {
           key: 0,
           collapsed: n.value
-        }, null, 8, ["collapsed"])) : J("", !0)
+        }, null, 8, ["collapsed"])) : se("", !0)
       ], 32),
-      Se(a.$slots, "default", { collapsed: n.value }, () => [
-        w($e(he, {
+      je(s.$slots, "default", { collapsed: n.value }, () => [
+        E(Ge(xe, {
           modelValue: l.value,
-          "onUpdate:modelValue": r[0] || (r[0] = (c) => l.value = c),
+          "onUpdate:modelValue": r[0] || (r[0] = (u) => l.value = u),
           data: o.value
         }, null, 8, ["modelValue", "data"]), [
-          [B, !n.value]
+          [R, !n.value]
         ])
       ], !0)
     ]));
   }
-}), Mt = /* @__PURE__ */ T(At, [["__scopeId", "data-v-e7ea7e12"]]);
-function Et(e) {
-  return fe() ? (me(e), !0) : !1;
+}), zt = /* @__PURE__ */ T(Kt, [["__scopeId", "data-v-e7ea7e12"]]);
+function Xt(e) {
+  return ne() ? (oe(e), !0) : !1;
 }
-function ue() {
+function ke() {
   const e = /* @__PURE__ */ new Set(), t = (l) => {
     e.delete(l);
   };
   return {
     on: (l) => {
       e.add(l);
-      const s = () => t(l);
-      return Et(s), {
-        off: s
+      const a = () => t(l);
+      return Xt(a), {
+        off: a
       };
     },
     off: t,
-    trigger: (...l) => Promise.all(Array.from(e).map((s) => s(...l)))
+    trigger: (...l) => Promise.all(Array.from(e).map((a) => a(...l)))
   };
 }
-const Ct = typeof window < "u" && typeof document < "u";
+const Jt = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Tt = (e, t) => Object.prototype.hasOwnProperty.call(e, t), St = Ct ? window.document : void 0, $t = {
+const Qt = (e, t) => Object.prototype.hasOwnProperty.call(e, t), Zt = Jt ? window.document : void 0, en = {
   multiple: !0,
   accept: "*",
   reset: !1,
   directory: !1
 };
-function Lt(e = {}) {
+function tn(e = {}) {
   const {
-    document: t = St
-  } = e, n = v(null), { on: o, trigger: l } = ue(), { on: s, trigger: a } = ue();
+    document: t = Zt
+  } = e, n = y(null), { on: o, trigger: l } = ke(), { on: a, trigger: s } = ke();
   let r;
-  t && (r = t.createElement("input"), r.type = "file", r.onchange = (d) => {
-    const f = d.target;
-    n.value = f.files, l(n.value);
+  t && (r = t.createElement("input"), r.type = "file", r.onchange = (c) => {
+    const m = c.target;
+    n.value = m.files, l(n.value);
   }, r.oncancel = () => {
-    a();
+    s();
   });
-  const c = () => {
+  const u = () => {
     n.value = null, r && r.value && (r.value = "", l(null));
-  }, u = (d) => {
+  }, i = (c) => {
     if (!r)
       return;
-    const f = {
-      ...$t,
+    const m = {
+      ...en,
       ...e,
-      ...d
+      ...c
     };
-    r.multiple = f.multiple, r.accept = f.accept, r.webkitdirectory = f.directory, Tt(f, "capture") && (r.capture = f.capture), f.reset && c(), r.click();
+    r.multiple = m.multiple, r.accept = m.accept, r.webkitdirectory = m.directory, Qt(m, "capture") && (r.capture = m.capture), m.reset && u(), r.click();
   };
   return {
-    files: Le(n),
-    open: u,
-    reset: c,
-    onCancel: s,
+    files: De(n),
+    open: i,
+    reset: u,
+    onCancel: a,
     onChange: o
   };
 }
-const Vt = { class: "aform_form-element aform_file-attach aform__grid--full" }, It = {
+const nn = { class: "aform_form-element aform_file-attach aform__grid--full" }, on = {
   key: 0,
   class: "aform_file-attach-feedback"
-}, xt = ["disabled"], Ht = /* @__PURE__ */ D({
+}, ln = ["disabled"], sn = /* @__PURE__ */ M({
   __name: "AFileAttach",
   props: {
     label: {}
   },
   setup(e) {
-    const { files: t, open: n, reset: o, onChange: l } = Lt(), s = V(() => `${t.value.length} ${t.value.length === 1 ? "file" : "files"}`);
-    return l((a) => a), (a, r) => (p(), g("div", Vt, [
-      I(t) ? (p(), g("div", It, [
-        i("p", null, [
-          r[2] || (r[2] = pe(" You have selected: ")),
-          i("b", null, k(s.value), 1)
+    const { files: t, open: n, reset: o, onChange: l } = tn(), a = I(() => `${t.value.length} ${t.value.length === 1 ? "file" : "files"}`);
+    return l((s) => s), (s, r) => (g(), b("div", nn, [
+      x(t) ? (g(), b("div", on, [
+        d("p", null, [
+          r[2] || (r[2] = Me(" You have selected: ")),
+          d("b", null, D(a.value), 1)
         ]),
-        (p(!0), g(q, null, O(I(t), (c) => (p(), g("li", {
-          key: c.name
-        }, k(c.name), 1))), 128))
-      ])) : J("", !0),
-      i("button", {
+        (g(!0), b(U, null, N(x(t), (u) => (g(), b("li", {
+          key: u.name
+        }, D(u.name), 1))), 128))
+      ])) : se("", !0),
+      d("button", {
         type: "button",
-        onClick: r[0] || (r[0] = (c) => I(n)()),
+        onClick: r[0] || (r[0] = (u) => x(n)()),
         class: "aform_form-btn"
-      }, k(a.label), 1),
-      i("button", {
+      }, D(s.label), 1),
+      d("button", {
         type: "button",
-        disabled: !I(t),
-        onClick: r[1] || (r[1] = (c) => I(o)()),
+        disabled: !x(t),
+        onClick: r[1] || (r[1] = (u) => x(o)()),
         class: "aform_form-btn"
-      }, "Reset", 8, xt)
+      }, "Reset", 8, ln)
     ]));
   }
-}), Pt = /* @__PURE__ */ T(Ht, [["__scopeId", "data-v-0b3a11cc"]]), Ft = { class: "aform_form-element" }, Bt = ["id", "disabled", "required"], qt = ["for"], Ot = ["innerHTML"], Rt = /* @__PURE__ */ D({
+}), an = /* @__PURE__ */ T(sn, [["__scopeId", "data-v-0b3a11cc"]]), rn = { class: "aform_form-element" }, un = ["id", "disabled", "required"], cn = ["for"], dn = ["innerHTML"], fn = /* @__PURE__ */ M({
   __name: "ANumericInput",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ G({
     schema: {},
     label: {},
     mask: {},
@@ -846,31 +1064,31 @@ const Vt = { class: "aform_form-element aform_file-attach aform__grid--full" },
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = F(e, "modelValue");
-    return (n, o) => (p(), g("div", Ft, [
-      w(i("input", {
+    const t = H(e, "modelValue");
+    return (n, o) => (g(), b("div", rn, [
+      E(d("input", {
         class: "aform_input-field",
         "onUpdate:modelValue": o[0] || (o[0] = (l) => t.value = l),
         type: "number",
         id: n.uuid,
         disabled: n.readonly,
         required: n.required
-      }, null, 8, Bt), [
-        [P, t.value]
+      }, null, 8, un), [
+        [F, t.value]
       ]),
-      i("label", {
+      d("label", {
         class: "aform_field-label",
         for: n.uuid
-      }, k(n.label), 9, qt),
-      w(i("p", {
+      }, D(n.label), 9, cn),
+      E(d("p", {
         class: "aform_error",
         innerHTML: n.validation.errorMessage
-      }, null, 8, Ot), [
-        [B, n.validation.errorMessage]
+      }, null, 8, dn), [
+        [R, n.validation.errorMessage]
       ])
     ]));
   }
-}), ce = {
+}), _e = {
   date: "##/##/####",
   datetime: "####/##/## ##:##",
   time: "##:##",
@@ -878,59 +1096,59 @@ const Vt = { class: "aform_form-element aform_file-attach aform__grid--full" },
   phone: "(###) ### - ####",
   card: "#### #### #### ####"
 };
-function Ut(e) {
+function mn(e) {
   try {
     return Function(`"use strict";return (${e})`)();
   } catch {
   }
 }
-function Wt(e) {
+function pn(e) {
   var n, o, l;
   let t = e.value;
   if (t) {
-    const s = Ut(t);
-    if (s) {
-      const a = (n = e.instance) == null ? void 0 : n.locale;
-      t = s(a);
+    const a = mn(t);
+    if (a) {
+      const s = (n = e.instance) == null ? void 0 : n.locale;
+      t = a(s);
     }
   } else {
-    const s = (o = e.instance) == null ? void 0 : o.schema, a = (l = s == null ? void 0 : s.fieldtype) == null ? void 0 : l.toLowerCase();
-    a && ce[a] && (t = ce[a]);
+    const a = (o = e.instance) == null ? void 0 : o.schema, s = (l = a == null ? void 0 : a.fieldtype) == null ? void 0 : l.toLowerCase();
+    s && _e[s] && (t = _e[s]);
   }
   return t;
 }
-function Yt(e, t) {
+function vn(e, t) {
   let n = e;
   const o = [t, "/", "-", "(", ")", " "];
   for (const l of o)
     n = n.replaceAll(l, "");
   return n;
 }
-function Gt(e, t, n) {
+function hn(e, t, n) {
   let o = t;
   for (const l of e) {
-    const s = o.indexOf(n);
-    if (s !== -1) {
-      const a = o.substring(0, s), r = o.substring(s + 1);
-      o = a + l + r;
+    const a = o.indexOf(n);
+    if (a !== -1) {
+      const s = o.substring(0, a), r = o.substring(a + 1);
+      o = s + l + r;
     }
   }
   return o.slice(0, t.length);
 }
-function Kt(e, t) {
-  var a;
-  const n = Wt(t);
+function gn(e, t) {
+  var s;
+  const n = pn(t);
   if (!n) return;
-  const o = "#", l = e.value, s = Yt(l, o);
-  if (s) {
-    const r = Gt(s, n, o);
-    (a = t.instance) != null && a.maskFilled && (t.instance.maskFilled = !r.includes(o)), e.value = r;
+  const o = "#", l = e.value, a = vn(l, o);
+  if (a) {
+    const r = hn(a, n, o);
+    (s = t.instance) != null && s.maskFilled && (t.instance.maskFilled = !r.includes(o)), e.value = r;
   } else
     e.value = n;
 }
-const zt = { class: "aform_form-element" }, Nt = ["id", "disabled", "maxlength", "required"], jt = ["for"], Jt = ["innerHTML"], Qt = /* @__PURE__ */ D({
+const yn = { class: "aform_form-element" }, bn = ["id", "disabled", "maxlength", "required"], wn = ["for"], kn = ["innerHTML"], _n = /* @__PURE__ */ M({
   __name: "ATextInput",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ G({
     schema: {},
     label: {},
     mask: {},
@@ -944,35 +1162,35 @@ const zt = { class: "aform_form-element" }, Nt = ["id", "disabled", "maxlength",
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = v(!0), n = F(e, "modelValue");
-    return (o, l) => (p(), g("div", zt, [
-      w(i("input", {
+    const t = y(!0), n = H(e, "modelValue");
+    return (o, l) => (g(), b("div", yn, [
+      E(d("input", {
         class: "aform_input-field",
-        "onUpdate:modelValue": l[0] || (l[0] = (s) => n.value = s),
+        "onUpdate:modelValue": l[0] || (l[0] = (a) => n.value = a),
         id: o.uuid,
         disabled: o.readonly,
         maxlength: o.mask ? t.value && o.mask.length : void 0,
         required: o.required
-      }, null, 8, Nt), [
-        [P, n.value],
-        [I(Kt), o.mask]
+      }, null, 8, bn), [
+        [F, n.value],
+        [x(gn), o.mask]
       ]),
-      i("label", {
+      d("label", {
         class: "aform_field-label",
         for: o.uuid
-      }, k(o.label), 9, jt),
-      w(i("p", {
+      }, D(o.label), 9, wn),
+      E(d("p", {
         class: "aform_error",
         innerHTML: o.validation.errorMessage
-      }, null, 8, Jt), [
-        [B, o.validation.errorMessage]
+      }, null, 8, kn), [
+        [R, o.validation.errorMessage]
       ])
     ]));
   }
-}), Xt = { class: "login-container" }, Zt = { class: "account-container" }, en = { class: "account-header" }, tn = { id: "account-title" }, nn = { id: "account-subtitle" }, on = { class: "login-form-container" }, ln = { class: "login-form-email aform_form-element" }, an = ["disabled"], sn = { class: "login-form-password aform_form-element" }, rn = ["disabled"], un = ["disabled"], cn = {
+}), An = { class: "login-container" }, Dn = { class: "account-container" }, En = { class: "account-header" }, Mn = { id: "account-title" }, Cn = { id: "account-subtitle" }, In = { class: "login-form-container" }, Tn = { class: "login-form-email aform_form-element" }, Sn = ["disabled"], $n = { class: "login-form-password aform_form-element" }, Ln = ["disabled"], xn = ["disabled"], Vn = {
   key: 0,
   class: "material-symbols-outlined loading-icon"
-}, dn = /* @__PURE__ */ D({
+}, Pn = /* @__PURE__ */ M({
   __name: "Login",
   props: {
     headerTitle: { default: "Login" },
@@ -980,94 +1198,94 @@ const zt = { class: "aform_form-element" }, Nt = ["id", "disabled", "maxlength",
   },
   emits: ["loginFailed", "loginSuccess"],
   setup(e, { emit: t }) {
-    const n = t, o = v(""), l = v(""), s = v(!1), a = v(!1);
-    function r(c) {
-      if (c.preventDefault(), s.value = !0, a.value) {
-        s.value = !1, n("loginFailed");
+    const n = t, o = y(""), l = y(""), a = y(!1), s = y(!1);
+    function r(u) {
+      if (u.preventDefault(), a.value = !0, s.value) {
+        a.value = !1, n("loginFailed");
         return;
       }
-      s.value = !1, n("loginSuccess");
+      a.value = !1, n("loginSuccess");
     }
-    return (c, u) => (p(), g("div", Xt, [
-      i("div", null, [
-        i("div", Zt, [
-          i("div", en, [
-            i("h1", tn, k(c.headerTitle), 1),
-            i("p", nn, k(c.headerSubtitle), 1)
+    return (u, i) => (g(), b("div", An, [
+      d("div", null, [
+        d("div", Dn, [
+          d("div", En, [
+            d("h1", Mn, D(u.headerTitle), 1),
+            d("p", Cn, D(u.headerSubtitle), 1)
           ]),
-          i("form", { onSubmit: r }, [
-            i("div", on, [
-              i("div", ln, [
-                u[2] || (u[2] = i("label", {
+          d("form", { onSubmit: r }, [
+            d("div", In, [
+              d("div", Tn, [
+                i[2] || (i[2] = d("label", {
                   id: "login-email",
                   for: "email",
                   class: "aform_field-label"
                 }, "Email", -1)),
-                w(i("input", {
+                E(d("input", {
                   id: "email",
                   class: "aform_input-field",
                   name: "email",
                   placeholder: "name@example.com",
                   type: "email",
-                  "onUpdate:modelValue": u[0] || (u[0] = (d) => o.value = d),
+                  "onUpdate:modelValue": i[0] || (i[0] = (c) => o.value = c),
                   "auto-capitalize": "none",
                   "auto-complete": "email",
                   "auto-correct": "off",
-                  disabled: s.value
-                }, null, 8, an), [
-                  [P, o.value]
+                  disabled: a.value
+                }, null, 8, Sn), [
+                  [F, o.value]
                 ])
               ]),
-              i("div", sn, [
-                u[3] || (u[3] = i("label", {
+              d("div", $n, [
+                i[3] || (i[3] = d("label", {
                   id: "login-password",
                   for: "password",
                   class: "aform_field-label"
                 }, "Password", -1)),
-                w(i("input", {
+                E(d("input", {
                   id: "password",
                   class: "aform_input-field",
                   name: "password",
                   type: "password",
-                  "onUpdate:modelValue": u[1] || (u[1] = (d) => l.value = d),
-                  disabled: s.value
-                }, null, 8, rn), [
-                  [P, l.value]
+                  "onUpdate:modelValue": i[1] || (i[1] = (c) => l.value = c),
+                  disabled: a.value
+                }, null, 8, Ln), [
+                  [F, l.value]
                 ])
               ]),
-              i("button", {
+              d("button", {
                 class: "btn",
                 onClick: r,
-                disabled: s.value || !o.value || !l.value
+                disabled: a.value || !o.value || !l.value
               }, [
-                s.value ? (p(), g("span", cn, "progress_activity")) : J("", !0),
-                u[4] || (u[4] = i("span", { id: "login-form-button" }, "Login", -1))
-              ], 8, un)
+                a.value ? (g(), b("span", Vn, "progress_activity")) : se("", !0),
+                i[4] || (i[4] = d("span", { id: "login-form-button" }, "Login", -1))
+              ], 8, xn)
             ])
           ], 32),
-          u[5] || (u[5] = i("button", { class: "btn" }, [
-            i("span", { id: "forgot-password-button" }, "Forgot password?")
+          i[5] || (i[5] = d("button", { class: "btn" }, [
+            d("span", { id: "forgot-password-button" }, "Forgot password?")
           ], -1))
         ])
       ])
     ]));
   }
-}), mn = /* @__PURE__ */ T(dn, [["__scopeId", "data-v-6cbd3add"]]);
-function pn(e) {
-  e.component("ACheckbox", Be), e.component("ACombobox", qe), e.component("ADate", Ye), e.component("ADropdown", Je), e.component("ADatePicker", bt), e.component("AFieldset", Mt), e.component("AFileAttach", Pt), e.component("AForm", he), e.component("ANumericInput", Rt), e.component("ATextInput", Qt);
+}), Fn = /* @__PURE__ */ T(Pn, [["__scopeId", "data-v-6cbd3add"]]);
+function Hn(e) {
+  e.component("ACheckbox", et), e.component("ACombobox", tt), e.component("ADate", at), e.component("ADropdown", wt), e.component("ADatePicker", Ut), e.component("AFieldset", zt), e.component("AFileAttach", an), e.component("AForm", xe), e.component("ANumericInput", fn), e.component("ATextInput", _n);
 }
 export {
-  Be as ACheckbox,
-  qe as AComboBox,
-  Ye as ADate,
-  bt as ADatePicker,
-  Je as ADropdown,
-  Mt as AFieldset,
-  Pt as AFileAttach,
-  he as AForm,
-  Rt as ANumericInput,
-  Qt as ATextInput,
-  mn as Login,
-  pn as install
+  et as ACheckbox,
+  tt as AComboBox,
+  at as ADate,
+  Ut as ADatePicker,
+  wt as ADropdown,
+  zt as AFieldset,
+  an as AFileAttach,
+  xe as AForm,
+  fn as ANumericInput,
+  _n as ATextInput,
+  Fn as Login,
+  Hn as install
 };
 //# sourceMappingURL=aform.js.map