@stonecrop/aform 0.2.30 → 0.2.31

package/dist/aform.js

@@ -1,7 +1,7 @@
-import { defineComponent as A, mergeModels as V, useModel as x, openBlock as h, createElementBlock as g, createElementVNode as i, toDisplayString as E, withDirectives as D, vModelCheckbox as pe, vShow as H, resolveComponent as me, createBlock as G, withCtx as ve, ref as f, onMounted as W, onUnmounted as he, normalizeClass as R, withKeys as q, vModelText as I, Fragment as O, renderList as U, watch as B, onBeforeUnmount as _e, computed as $, unref as ie, getCurrentScope as ge, onScopeDispose as ye, getCurrentInstance as be, nextTick as we, withModifiers as ke, resolveDynamicComponent as De, mergeProps as Me, createTextVNode as Ee, createCommentVNode as ue, renderSlot as Ae, createVNode as Ce } from "vue";
-const Te = { class: "aform__form-element" }, Se = ["for"], Le = { class: "aform__checkbox-container aform__input-field" }, $e = ["id", "readonly", "required"], Ve = ["innerHTML"], xe = /* @__PURE__ */ A({
+import { defineComponent as E, mergeModels as x, useModel as H, openBlock as p, createElementBlock as _, createElementVNode as c, toDisplayString as k, withDirectives as A, vModelCheckbox as he, vShow as I, resolveComponent as _e, createBlock as N, withCtx as ge, ref as f, onMounted as Y, onUnmounted as ye, normalizeClass as W, withKeys as U, vModelText as P, Fragment as F, renderList as B, watch as q, onBeforeUnmount as be, computed as V, unref as C, getCurrentScope as ce, onScopeDispose as de, getCurrentInstance as we, nextTick as ke, withModifiers as De, resolveDynamicComponent as Ae, mergeProps as Ee, createTextVNode as fe, createCommentVNode as j, renderSlot as Me, createVNode as Ce, readonly as Te } from "vue";
+const $e = { class: "aform__form-element" }, Se = ["for"], Le = { class: "aform__checkbox-container aform__input-field" }, Ve = ["id", "readonly", "required"], xe = ["innerHTML"], He = /* @__PURE__ */ E({
   __name: "ACheckbox",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     label: {},
     required: { type: Boolean },
     readOnly: { type: Boolean },
@@ -13,57 +13,57 @@ const Te = { class: "aform__form-element" }, Se = ["for"], Le = { class: "aform_
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = x(e, "modelValue");
-    return (n, o) => (h(), g("div", Te, [
-      i("label", {
+    const t = H(e, "modelValue");
+    return (n, o) => (p(), _("div", $e, [
+      c("label", {
         class: "aform__field-label",
         for: n.uuid
-      }, E(n.label), 9, Se),
-      i("span", Le, [
-        D(i("input", {
+      }, k(n.label), 9, Se),
+      c("span", Le, [
+        A(c("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, $e), [
-          [pe, t.value]
+        }, null, 8, Ve), [
+          [he, t.value]
         ])
       ]),
-      D(i("p", {
+      A(c("p", {
         class: "error",
         innerHTML: n.validation.errorMessage
-      }, null, 8, Ve), [
-        [H, n.validation.errorMessage]
+      }, null, 8, xe), [
+        [I, n.validation.errorMessage]
       ])
     ]));
   }
-}), He = /* @__PURE__ */ i("div", null, [
-  /* @__PURE__ */ i("input", { type: "text" }),
-  /* @__PURE__ */ i("input", { type: "text" }),
-  /* @__PURE__ */ i("input", { type: "text" })
-], -1), Ie = /* @__PURE__ */ A({
+}), Ie = /* @__PURE__ */ c("div", null, [
+  /* @__PURE__ */ c("input", { type: "text" }),
+  /* @__PURE__ */ c("input", { type: "text" }),
+  /* @__PURE__ */ c("input", { type: "text" })
+], -1), Pe = /* @__PURE__ */ E({
   __name: "AComboBox",
   props: ["event", "cellData", "tableID"],
   setup(e) {
     return (t, n) => {
-      const o = me("ATableModal");
-      return h(), G(o, {
+      const o = _e("ATableModal");
+      return p(), N(o, {
         event: e.event,
         cellData: e.cellData,
         class: "amodal"
       }, {
-        default: ve(() => [
-          He
+        default: ge(() => [
+          Ie
         ]),
         _: 1
       }, 8, ["event", "cellData"]);
     };
   }
-}), Pe = ["id", "disabled", "required", "value"], Be = ["for"], Fe = ["innerHTML"], qe = /* @__PURE__ */ A({
+}), Fe = ["id", "disabled", "required", "value"], Be = ["for"], Oe = ["innerHTML"], qe = /* @__PURE__ */ E({
   __name: "ADate",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     label: { default: "Date" },
     required: { type: Boolean },
     readonly: { type: Boolean },
@@ -75,11 +75,11 @@ const Te = { class: "aform__form-element" }, Se = ["for"], Le = { class: "aform_
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = x(e, "modelValue"), n = f(null), o = () => {
+    const t = H(e, "modelValue"), n = f(null), o = () => {
       n.value && "showPicker" in HTMLInputElement.prototype && n.value.showPicker();
     };
-    return (l, a) => (h(), g("div", null, [
-      i("input", {
+    return (l, a) => (p(), _("div", null, [
+      c("input", {
         ref_key: "dateRef",
         ref: n,
         type: "date",
@@ -88,29 +88,29 @@ const Te = { class: "aform__form-element" }, Se = ["for"], Le = { class: "aform_
         required: l.required,
         value: t.value,
         onClick: o
-      }, null, 8, Pe),
-      i("label", { for: l.uuid }, E(l.label), 9, Be),
-      D(i("p", {
+      }, null, 8, Fe),
+      c("label", { for: l.uuid }, k(l.label), 9, Be),
+      A(c("p", {
         innerHTML: l.validation.errorMessage
-      }, null, 8, Fe), [
-        [H, l.validation.errorMessage]
+      }, null, 8, Oe), [
+        [I, l.validation.errorMessage]
       ])
     ]));
   }
-}), Y = (e, t) => {
+}), G = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [o, l] of t)
     n[o] = l;
   return n;
-}, Re = /* @__PURE__ */ Y(qe, [["__scopeId", "data-v-69d0f23d"]]), Oe = { class: "input-wrapper" }, Ue = {
+}, Re = /* @__PURE__ */ G(qe, [["__scopeId", "data-v-69d0f23d"]]), Ue = { class: "input-wrapper" }, We = {
   id: "autocomplete-results",
   class: "autocomplete-results"
-}, We = {
+}, Ye = {
   key: 0,
   class: "loading autocomplete-result"
-}, Ye = ["onClick"], Ke = /* @__PURE__ */ A({
+}, Ge = ["onClick"], Ke = /* @__PURE__ */ E({
   __name: "ADropdown",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     label: {},
     items: {},
     isAsync: { type: Boolean }
@@ -118,171 +118,171 @@ const Te = { class: "aform__form-element" }, Se = ["for"], Le = { class: "aform_
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ V(["filterChanged"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ x(["filterChanged"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const n = e, o = t, l = f(n.items), a = x(e, "modelValue"), r = f(!1), s = f(0), c = f(!1), u = f(null);
-    W(() => {
-      document.addEventListener("click", _), p();
-    }), he(() => {
-      document.removeEventListener("click", _);
+    const n = e, o = t, l = f(n.items), a = H(e, "modelValue"), r = f(!1), s = f(0), u = f(!1), i = f(null);
+    Y(() => {
+      document.addEventListener("click", g), m();
+    }), ye(() => {
+      document.removeEventListener("click", g);
     });
-    const d = (m) => {
-      a.value = m, b();
-    }, p = () => {
-      a.value ? l.value = n.items.filter((m) => m.toLowerCase().indexOf(a.value.toLowerCase()) > -1) : l.value = n.items;
-    }, v = () => {
-      c.value = !0, n.isAsync ? (r.value = !0, o("filterChanged", a.value)) : p();
-    }, _ = () => {
+    const d = (v) => {
+      a.value = v, b();
+    }, m = () => {
+      a.value ? l.value = n.items.filter((v) => v.toLowerCase().indexOf(a.value.toLowerCase()) > -1) : l.value = n.items;
+    }, h = () => {
+      u.value = !0, n.isAsync ? (r.value = !0, o("filterChanged", a.value)) : m();
+    }, g = () => {
       b(), s.value = 0;
     }, b = () => {
-      c.value = !1, n.items.includes(a.value) || (a.value = "");
+      u.value = !1, n.items.includes(a.value) || (a.value = "");
     }, S = () => {
       s.value < l.value.length && (s.value = s.value + 1);
-    }, k = () => {
+    }, D = () => {
       s.value > 0 && (s.value = s.value - 1);
     }, L = () => {
       a.value = l.value[s.value], b(), s.value = 0;
     };
-    return (m, y) => (h(), g("div", {
-      class: R(["autocomplete", { isOpen: c.value }])
+    return (v, y) => (p(), _("div", {
+      class: W(["autocomplete", { isOpen: u.value }])
     }, [
-      i("div", Oe, [
-        D(i("input", {
+      c("div", Ue, [
+        A(c("input", {
           ref_key: "mopInput",
-          ref: u,
+          ref: i,
           type: "text",
-          onInput: v,
-          onFocus: v,
+          onInput: h,
+          onFocus: h,
           "onUpdate:modelValue": y[0] || (y[0] = (w) => a.value = w),
           onKeydown: [
-            q(S, ["down"]),
-            q(k, ["up"]),
-            q(L, ["enter"])
+            U(S, ["down"]),
+            U(D, ["up"]),
+            U(L, ["enter"])
           ]
         }, null, 544), [
-          [I, a.value]
+          [P, a.value]
         ]),
-        D(i("ul", Ue, [
-          r.value ? (h(), g("li", We, "Loading results...")) : (h(!0), g(O, { key: 1 }, U(l.value, (w, M) => (h(), g("li", {
+        A(c("ul", We, [
+          r.value ? (p(), _("li", Ye, "Loading results...")) : (p(!0), _(F, { key: 1 }, B(l.value, (w, M) => (p(), _("li", {
             key: M,
-            onClick: (Z) => d(w),
-            class: R(["autocomplete-result", { "is-active": M === s.value }])
-          }, E(w), 11, Ye))), 128))
+            onClick: (te) => d(w),
+            class: W(["autocomplete-result", { "is-active": M === s.value }])
+          }, k(w), 11, Ge))), 128))
         ], 512), [
-          [H, c.value]
+          [I, u.value]
         ]),
-        i("label", null, E(m.label), 1)
+        c("label", null, k(v.label), 1)
       ])
     ], 2));
   }
 });
-function ce(e) {
-  return ge() ? (ye(e), !0) : !1;
+function pe(e) {
+  return ce() ? (de(e), !0) : !1;
 }
-function N(e) {
-  return typeof e == "function" ? e() : ie(e);
+function J(e) {
+  return typeof e == "function" ? e() : C(e);
 }
 const ze = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Ge = (e) => e != null, Ne = Object.prototype.toString, je = (e) => Ne.call(e) === "[object Object]", Je = () => {
+const Ne = (e) => e != null, je = Object.prototype.toString, Je = (e) => je.call(e) === "[object Object]", Qe = () => {
 };
-function P(e) {
+function O(e) {
   var t;
-  const n = N(e);
+  const n = J(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
 const K = ze ? window : void 0;
 function z(...e) {
   let t, n, o, l;
   if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, l] = e, t = K) : [t, n, o, l] = e, !t)
-    return Je;
+    return Qe;
   Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
   const a = [], r = () => {
     a.forEach((d) => d()), a.length = 0;
-  }, s = (d, p, v, _) => (d.addEventListener(p, v, _), () => d.removeEventListener(p, v, _)), c = B(
-    () => [P(t), N(l)],
-    ([d, p]) => {
+  }, s = (d, m, h, g) => (d.addEventListener(m, h, g), () => d.removeEventListener(m, h, g)), u = q(
+    () => [O(t), J(l)],
+    ([d, m]) => {
       if (r(), !d)
         return;
-      const v = je(p) ? { ...p } : p;
+      const h = Je(m) ? { ...m } : m;
       a.push(
-        ...n.flatMap((_) => o.map((b) => s(d, _, b, v)))
+        ...n.flatMap((g) => o.map((b) => s(d, g, b, h)))
       );
     },
     { immediate: !0, flush: "post" }
-  ), u = () => {
-    c(), r();
+  ), i = () => {
+    u(), r();
   };
-  return ce(u), u;
+  return pe(i), i;
 }
-function Qe() {
-  const e = f(!1), t = be();
-  return t && W(() => {
+function Xe() {
+  const e = f(!1), t = we();
+  return t && Y(() => {
     e.value = !0;
   }, t), e;
 }
-function Xe(e) {
-  const t = Qe();
-  return $(() => (t.value, !!e()));
+function Ze(e) {
+  const t = Xe();
+  return V(() => (t.value, !!e()));
 }
-function Ze(e, t, n = {}) {
+function et(e, t, n = {}) {
   const { window: o = K, ...l } = n;
   let a;
-  const r = Xe(() => o && "MutationObserver" in o), s = () => {
+  const r = Ze(() => o && "MutationObserver" in o), s = () => {
     a && (a.disconnect(), a = void 0);
-  }, c = $(() => {
-    const v = N(e), _ = (Array.isArray(v) ? v : [v]).map(P).filter(Ge);
-    return new Set(_);
-  }), u = B(
-    () => c.value,
-    (v) => {
-      s(), r.value && v.size && (a = new MutationObserver(t), v.forEach((_) => a.observe(_, l)));
+  }, u = V(() => {
+    const h = J(e), g = (Array.isArray(h) ? h : [h]).map(O).filter(Ne);
+    return new Set(g);
+  }), i = q(
+    () => u.value,
+    (h) => {
+      s(), r.value && h.size && (a = new MutationObserver(t), h.forEach((g) => a.observe(g, l)));
     },
     { immediate: !0, flush: "post" }
-  ), d = () => a == null ? void 0 : a.takeRecords(), p = () => {
-    s(), u();
+  ), d = () => a == null ? void 0 : a.takeRecords(), m = () => {
+    s(), i();
   };
-  return ce(p), {
+  return pe(m), {
     isSupported: r,
-    stop: p,
+    stop: m,
     takeRecords: d
   };
 }
-function et(e = {}) {
+function tt(e = {}) {
   var t;
   const {
     window: n = K,
     deep: o = !0,
     triggerOnRemoval: l = !1
   } = e, a = (t = e.document) != null ? t : n == null ? void 0 : n.document, r = () => {
-    var u;
+    var i;
     let d = 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;
+        d = (i = d == null ? void 0 : d.shadowRoot) == null ? void 0 : i.activeElement;
     return d;
-  }, s = f(), c = () => {
+  }, s = f(), u = () => {
     s.value = r();
   };
-  return n && (z(n, "blur", (u) => {
-    u.relatedTarget === null && c();
-  }, !0), z(n, "focus", c, !0)), l && Ze(a, (u) => {
-    u.filter((d) => d.removedNodes.length).map((d) => Array.from(d.removedNodes)).flat().forEach((d) => {
-      d === s.value && c();
+  return n && (z(n, "blur", (i) => {
+    i.relatedTarget === null && u();
+  }, !0), z(n, "focus", u, !0)), l && et(a, (i) => {
+    i.filter((d) => d.removedNodes.length).map((d) => Array.from(d.removedNodes)).flat().forEach((d) => {
+      d === s.value && u();
     });
   }, {
     childList: !0,
     subtree: !0
-  }), c(), s;
+  }), u(), s;
 }
-function tt(e, t = {}) {
-  const n = et(t), o = $(() => P(e));
-  return { focused: $(() => o.value && n.value ? o.value.contains(n.value) : !1) };
+function nt(e, t = {}) {
+  const n = tt(t), o = V(() => O(e));
+  return { focused: V(() => o.value && n.value ? o.value.contains(n.value) : !1) };
 }
-function nt(e, { window: t = K, scrollTarget: n } = {}) {
+function ot(e, { window: t = K, scrollTarget: n } = {}) {
   const o = f(!1), l = () => {
     if (!t) return;
-    const a = t.document, r = P(e);
+    const a = t.document, r = O(e);
     if (!r)
       o.value = !1;
     else {
@@ -290,8 +290,8 @@ function nt(e, { window: t = K, scrollTarget: n } = {}) {
       o.value = s.top <= (t.innerHeight || a.documentElement.clientHeight) && s.left <= (t.innerWidth || a.documentElement.clientWidth) && s.bottom >= 0 && s.right >= 0;
     }
   };
-  return B(
-    () => P(e),
+  return q(
+    () => O(e),
     () => l(),
     { immediate: !0, flush: "post" }
   ), t && z(n || t, "scroll", l, {
@@ -299,13 +299,13 @@ function nt(e, { window: t = K, scrollTarget: n } = {}) {
     passive: !0
   }), o;
 }
-const C = (e) => {
-  let t = nt(e).value;
+const T = (e) => {
+  let t = ot(e).value;
   return t = t && e.offsetHeight > 0, t;
-}, T = (e) => e.tabIndex >= 0, ee = (e) => {
+}, $ = (e) => e.tabIndex >= 0, ne = (e) => {
   const t = e.target;
-  return j(t);
-}, j = (e) => {
+  return Q(t);
+}, Q = (e) => {
   var t;
   let n;
   if (e instanceof HTMLTableCellElement) {
@@ -318,8 +318,8 @@ const C = (e) => {
     const o = e.previousElementSibling;
     o && (n = o);
   }
-  return n && (!T(n) || !C(n)) ? j(n) : n;
-}, ot = (e) => {
+  return n && (!$(n) || !T(n)) ? Q(n) : n;
+}, lt = (e) => {
   var t;
   const n = e.target;
   let o;
@@ -336,11 +336,11 @@ const C = (e) => {
       a && (o = a);
     }
   }
-  return o && (!T(o) || !C(o)) ? J(o) : o;
-}, te = (e) => {
+  return o && (!$(o) || !T(o)) ? X(o) : o;
+}, oe = (e) => {
   const t = e.target;
-  return J(t);
-}, J = (e) => {
+  return X(t);
+}, X = (e) => {
   var t;
   let n;
   if (e instanceof HTMLTableCellElement) {
@@ -353,8 +353,8 @@ const C = (e) => {
     const o = e.nextElementSibling;
     o && (n = o);
   }
-  return n && (!T(n) || !C(n)) ? J(n) : n;
-}, lt = (e) => {
+  return n && (!$(n) || !T(n)) ? X(n) : n;
+}, at = (e) => {
   var t;
   const n = e.target;
   let o;
@@ -371,11 +371,11 @@ const C = (e) => {
       a && (o = a);
     }
   }
-  return o && (!T(o) || !C(o)) ? j(o) : o;
-}, ne = (e) => {
+  return o && (!$(o) || !T(o)) ? Q(o) : o;
+}, le = (e) => {
   const t = e.target;
-  return Q(t);
-}, Q = (e) => {
+  return Z(t);
+}, Z = (e) => {
   var t;
   let n;
   if (e.previousElementSibling)
@@ -384,11 +384,11 @@ const C = (e) => {
     const o = (t = e.parentElement) == null ? void 0 : t.previousElementSibling;
     n = o == null ? void 0 : o.lastElementChild;
   }
-  return n && (!T(n) || !C(n)) ? Q(n) : n;
-}, oe = (e) => {
+  return n && (!$(n) || !T(n)) ? Z(n) : n;
+}, ae = (e) => {
   const t = e.target;
-  return X(t);
-}, X = (e) => {
+  return ee(t);
+}, ee = (e) => {
   var t;
   let n;
   if (e.nextElementSibling)
@@ -397,157 +397,157 @@ const C = (e) => {
     const o = (t = e.parentElement) == null ? void 0 : t.nextElementSibling;
     n = o == null ? void 0 : o.firstElementChild;
   }
-  return n && (!T(n) || !C(n)) ? X(n) : n;
-}, le = (e) => {
+  return n && (!$(n) || !T(n)) ? ee(n) : n;
+}, se = (e) => {
   const t = e.target.parentElement.firstElementChild;
-  return t && (!T(t) || !C(t)) ? X(t) : t;
-}, ae = (e) => {
+  return t && (!$(t) || !T(t)) ? ee(t) : t;
+}, re = (e) => {
   const t = e.target.parentElement.lastElementChild;
-  return t && (!T(t) || !C(t)) ? Q(t) : t;
-}, F = ["alt", "control", "shift", "meta"], at = {
+  return t && (!$(t) || !T(t)) ? Z(t) : t;
+}, R = ["alt", "control", "shift", "meta"], st = {
   ArrowUp: "up",
   ArrowDown: "down",
   ArrowLeft: "left",
   ArrowRight: "right"
-}, de = {
+}, me = {
   "keydown.up": (e) => {
-    const t = ee(e);
+    const t = ne(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.down": (e) => {
-    const t = te(e);
+    const t = oe(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.left": (e) => {
-    const t = ne(e);
+    const t = le(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.right": (e) => {
-    const t = oe(e);
+    const t = ae(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.control.up": (e) => {
-    const t = ot(e);
+    const t = lt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.down": (e) => {
-    const t = lt(e);
+    const t = at(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.left": (e) => {
-    const t = le(e);
+    const t = se(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.right": (e) => {
-    const t = ae(e);
+    const t = re(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.end": (e) => {
-    const t = ae(e);
+    const t = re(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.enter": (e) => {
     if (e.target instanceof HTMLTableCellElement) {
       e.preventDefault(), e.stopPropagation();
-      const t = te(e);
+      const t = oe(e);
       t && t.focus();
     }
   },
   "keydown.shift.enter": (e) => {
     if (e.target instanceof HTMLTableCellElement) {
       e.preventDefault(), e.stopPropagation();
-      const t = ee(e);
+      const t = ne(e);
       t && t.focus();
     }
   },
   "keydown.home": (e) => {
-    const t = le(e);
+    const t = se(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.tab": (e) => {
-    const t = oe(e);
+    const t = ae(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.shift.tab": (e) => {
-    const t = ne(e);
+    const t = le(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   }
 };
-function st(e) {
+function rt(e) {
   const t = (r) => {
     let s = null;
     return r.parent && (typeof r.parent == "string" ? s = document.querySelector(r.parent) : r.parent instanceof HTMLElement ? s = r.parent : s = r.parent.value), s;
   }, n = (r) => {
     const s = t(r);
-    let c = [];
+    let u = [];
     if (typeof r.selectors == "string")
-      c = s ? Array.from(s.querySelectorAll(r.selectors)) : Array.from(document.querySelectorAll(r.selectors));
+      u = s ? Array.from(s.querySelectorAll(r.selectors)) : Array.from(document.querySelectorAll(r.selectors));
     else if (Array.isArray(r.selectors))
-      for (const u of r.selectors)
-        u instanceof HTMLElement ? c.push(u) : c.push(u.$el);
+      for (const i of r.selectors)
+        i instanceof HTMLElement ? u.push(i) : u.push(i.$el);
     else if (r.selectors instanceof HTMLElement)
-      c.push(r.selectors);
+      u.push(r.selectors);
     else if (Array.isArray(r.selectors.value))
-      for (const u of r.selectors.value)
-        u instanceof HTMLElement ? c.push(u) : c.push(u.$el);
+      for (const i of r.selectors.value)
+        i instanceof HTMLElement ? u.push(i) : u.push(i.$el);
     else
-      c.push(r.selectors.value);
-    return c;
+      u.push(r.selectors.value);
+    return u;
   }, o = (r) => {
     const s = t(r);
-    let c = [];
-    return r.selectors ? c = n(r) : s && (c = Array.from(s.children).filter((u) => T(u) && C(u))), c;
+    let u = [];
+    return r.selectors ? u = n(r) : s && (u = Array.from(s.children).filter((i) => $(i) && T(i))), u;
   }, l = (r) => (s) => {
-    const c = at[s.key] || s.key.toLowerCase();
-    if (F.includes(c)) return;
-    const u = r.handlers || de;
-    for (const d of Object.keys(u)) {
-      const [p, ...v] = d.split(".");
-      if (p === "keydown" && v.includes(c)) {
-        const _ = u[d], b = v.filter((k) => F.includes(k)), S = F.some((k) => {
-          const L = k.charAt(0).toUpperCase() + k.slice(1);
+    const u = st[s.key] || s.key.toLowerCase();
+    if (R.includes(u)) return;
+    const i = r.handlers || me;
+    for (const d of Object.keys(i)) {
+      const [m, ...h] = d.split(".");
+      if (m === "keydown" && h.includes(u)) {
+        const g = i[d], b = h.filter((D) => R.includes(D)), S = R.some((D) => {
+          const L = D.charAt(0).toUpperCase() + D.slice(1);
           return s.getModifierState(L);
         });
         if (b.length > 0) {
           if (S) {
-            for (const k of F)
-              if (v.includes(k)) {
-                const L = k.charAt(0).toUpperCase() + k.slice(1);
-                s.getModifierState(L) && _(s);
+            for (const D of R)
+              if (h.includes(D)) {
+                const L = D.charAt(0).toUpperCase() + D.slice(1);
+                s.getModifierState(L) && g(s);
               }
           }
         } else
-          S || _(s);
+          S || g(s);
       }
     }
   }, a = [];
-  W(() => {
+  Y(() => {
     for (const r of e) {
-      const s = t(r), c = o(r), u = l(r), d = s ? [s] : c;
-      for (const p of d) {
-        const { focused: v } = tt(f(p)), _ = B(v, (b) => {
-          b ? p.addEventListener("keydown", u) : p.removeEventListener("keydown", u);
+      const s = t(r), u = o(r), i = l(r), d = s ? [s] : u;
+      for (const m of d) {
+        const { focused: h } = nt(f(m)), g = q(h, (b) => {
+          b ? m.addEventListener("keydown", i) : m.removeEventListener("keydown", i);
         });
-        a.push(_);
+        a.push(g);
       }
     }
-  }), _e(() => {
+  }), be(() => {
     for (const r of a)
       r();
   });
 }
-const rt = {
+const it = {
   colspan: "5",
   tabindex: -1
-}, it = /* @__PURE__ */ i("tr", { class: "days-header" }, [
-  /* @__PURE__ */ i("td", null, "M"),
-  /* @__PURE__ */ i("td", null, "T"),
-  /* @__PURE__ */ i("td", null, "W"),
-  /* @__PURE__ */ i("td", null, "T"),
-  /* @__PURE__ */ i("td", null, "F"),
-  /* @__PURE__ */ i("td", null, "S"),
-  /* @__PURE__ */ i("td", null, "S")
-], -1), ut = ["onClick", "onKeydown"], ct = 6, se = 7, dt = /* @__PURE__ */ A({
+}, ut = /* @__PURE__ */ c("tr", { class: "days-header" }, [
+  /* @__PURE__ */ c("td", null, "M"),
+  /* @__PURE__ */ c("td", null, "T"),
+  /* @__PURE__ */ c("td", null, "W"),
+  /* @__PURE__ */ c("td", null, "T"),
+  /* @__PURE__ */ c("td", null, "F"),
+  /* @__PURE__ */ c("td", null, "S"),
+  /* @__PURE__ */ c("td", null, "S")
+], -1), ct = ["onClick", "onKeydown"], dt = 6, ie = 7, ft = /* @__PURE__ */ E({
   __name: "ADatePicker",
   props: {
     modelValue: { default: /* @__PURE__ */ new Date() },
@@ -555,12 +555,12 @@ const rt = {
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = x(e, "modelValue"), n = f(new Date(t.value)), o = f(n.value.getMonth()), l = f(n.value.getFullYear()), a = f([]), r = f(null);
-    W(async () => {
-      s(), await we();
-      const m = document.getElementsByClassName("selectedDate");
-      if (m.length > 0)
-        m[0].focus();
+    const t = H(e, "modelValue"), n = f(new Date(t.value)), o = f(n.value.getMonth()), l = f(n.value.getFullYear()), a = f([]), r = f(null);
+    Y(async () => {
+      s(), await ke();
+      const v = document.getElementsByClassName("selectedDate");
+      if (v.length > 0)
+        v[0].focus();
       else {
         const y = document.getElementsByClassName("todaysDate");
         y.length > 0 && y[0].focus();
@@ -568,35 +568,35 @@ const rt = {
     });
     const s = () => {
       a.value = [];
-      const m = new Date(l.value, o.value, 1), y = m.getDay(), w = m.setDate(m.getDate() - y);
+      const v = new Date(l.value, o.value, 1), y = v.getDay(), w = v.setDate(v.getDate() - y);
       for (const M of Array(43).keys())
         a.value.push(w + M * 864e5);
     };
-    B([o, l], s);
-    const c = () => l.value -= 1, u = () => l.value += 1, d = () => {
-      o.value == 0 ? (o.value = 11, c()) : o.value -= 1;
-    }, p = () => {
-      o.value == 11 ? (o.value = 0, u()) : o.value += 1;
-    }, v = (m) => {
+    q([o, l], s);
+    const u = () => l.value -= 1, i = () => l.value += 1, d = () => {
+      o.value == 0 ? (o.value = 11, u()) : o.value -= 1;
+    }, m = () => {
+      o.value == 11 ? (o.value = 0, i()) : o.value += 1;
+    }, h = (v) => {
       const y = /* @__PURE__ */ new Date();
       if (o.value === y.getMonth())
-        return y.toDateString() === new Date(m).toDateString();
-    }, _ = (m) => new Date(m).toDateString() === new Date(n.value).toDateString(), b = (m, y) => (m - 1) * se + y, S = (m, y) => a.value[b(m, y)], k = (m) => {
-      t.value = n.value = new Date(a.value[m]);
-    }, L = $(() => new Date(l.value, o.value, 1).toLocaleDateString(void 0, {
+        return y.toDateString() === new Date(v).toDateString();
+    }, g = (v) => new Date(v).toDateString() === new Date(n.value).toDateString(), b = (v, y) => (v - 1) * ie + y, S = (v, y) => a.value[b(v, y)], D = (v) => {
+      t.value = n.value = new Date(a.value[v]);
+    }, L = V(() => new Date(l.value, o.value, 1).toLocaleDateString(void 0, {
       year: "numeric",
       month: "long"
     }));
-    return st([
+    return rt([
       {
         parent: r,
         selectors: "td",
         handlers: {
-          ...de,
+          ...me,
           "keydown.pageup": d,
-          "keydown.shift.pageup": c,
-          "keydown.pagedown": p,
-          "keydown.shift.pagedown": u,
+          "keydown.shift.pageup": u,
+          "keydown.pagedown": m,
+          "keydown.shift.pagedown": i,
           // 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
@@ -604,57 +604,57 @@ const rt = {
           }
         }
       }
-    ]), (m, y) => (h(), g("div", {
+    ]), (v, y) => (p(), _("div", {
       class: "adatepicker",
       tabindex: "0",
       ref_key: "adatepicker",
       ref: r
     }, [
-      i("table", null, [
-        i("tr", null, [
-          i("td", {
+      c("table", null, [
+        c("tr", null, [
+          c("td", {
             id: "previous-month-btn",
             onClick: d,
             tabindex: -1
           }, "<"),
-          i("th", rt, E(L.value), 1),
-          i("td", {
+          c("th", it, k(L.value), 1),
+          c("td", {
             id: "next-month-btn",
-            onClick: p,
+            onClick: m,
             tabindex: -1
           }, ">")
         ]),
-        it,
-        (h(), g(O, null, U(ct, (w) => i("tr", { key: w }, [
-          (h(), g(O, null, U(se, (M) => i("td", {
+        ut,
+        (p(), _(F, null, B(dt, (w) => c("tr", { key: w }, [
+          (p(), _(F, null, B(ie, (M) => c("td", {
             ref_for: !0,
             ref: "celldate",
             key: b(w, M),
             contenteditable: !1,
             spellcheck: !1,
             tabindex: 0,
-            onClick: ke((Z) => k(b(w, M)), ["prevent", "stop"]),
-            onKeydown: q((Z) => k(b(w, M)), ["enter"]),
-            class: R({
-              todaysDate: v(S(w, M)),
-              selectedDate: _(S(w, M))
+            onClick: De((te) => D(b(w, M)), ["prevent", "stop"]),
+            onKeydown: U((te) => D(b(w, M)), ["enter"]),
+            class: W({
+              todaysDate: h(S(w, M)),
+              selectedDate: g(S(w, M))
             })
-          }, E(new Date(S(w, M)).getDate()), 43, ut)), 64))
+          }, k(new Date(S(w, M)).getDate()), 43, ct)), 64))
         ])), 64))
       ])
     ], 512));
   }
-}), ft = /* @__PURE__ */ A({
+}), pt = /* @__PURE__ */ E({
   __name: "CollapseButton",
   props: {
     collapsed: { type: Boolean }
   },
   setup(e) {
-    return (t, n) => (h(), g("button", {
-      class: R(["collapse-button", t.collapsed ? "rotated" : "unrotated"])
+    return (t, n) => (p(), _("button", {
+      class: W(["collapse-button", t.collapsed ? "rotated" : "unrotated"])
     }, "×", 2));
   }
-}), pt = /* @__PURE__ */ Y(ft, [["__scopeId", "data-v-6f1c1b45"]]), mt = { class: "aform" }, vt = /* @__PURE__ */ A({
+}), mt = /* @__PURE__ */ G(pt, [["__scopeId", "data-v-6f1c1b45"]]), vt = { class: "aform" }, ht = /* @__PURE__ */ E({
   __name: "AForm",
   props: {
     modelValue: {},
@@ -664,35 +664,35 @@ const rt = {
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
     const n = e, o = t, l = f(n.data || {}), a = (s) => {
-      let c = {};
-      for (const [u, d] of Object.entries(s))
-        ["component", "fieldtype"].includes(u) || (c[u] = d), u === "rows" && d && d.length === 0 && (c.rows = l.value[s.fieldname]);
-      return c;
-    }, r = $({
-      get: () => n.modelValue.map((s, c) => $({
+      let u = {};
+      for (const [i, d] of Object.entries(s))
+        ["component", "fieldtype"].includes(i) || (u[i] = d), i === "rows" && d && d.length === 0 && (u.rows = l.value[s.fieldname]);
+      return u;
+    }, r = V({
+      get: () => n.modelValue.map((s, u) => V({
         get() {
           return s.value;
         },
-        set: (u) => {
-          n.modelValue[c].value = u, o("update:modelValue", n.modelValue);
+        set: (i) => {
+          n.modelValue[u].value = i, o("update:modelValue", n.modelValue);
         }
       })),
       set: () => {
       }
     });
-    return (s, c) => (h(), g("form", mt, [
-      (h(!0), g(O, null, U(s.modelValue, (u, d) => (h(), G(De(u.component), Me({
+    return (s, u) => (p(), _("form", vt, [
+      (p(!0), _(F, null, B(s.modelValue, (i, d) => (p(), N(Ae(i.component), Ee({
         key: d,
-        schema: u,
+        schema: i,
         modelValue: r.value[d].value,
-        "onUpdate:modelValue": (p) => r.value[d].value = p,
-        data: l.value[u.fieldname],
+        "onUpdate:modelValue": (m) => r.value[d].value = m,
+        data: l.value[i.fieldname],
         readonly: s.readonly,
         ref_for: !0
-      }, a(u)), null, 16, ["schema", "modelValue", "onUpdate:modelValue", "data", "readonly"]))), 128))
+      }, a(i)), null, 16, ["schema", "modelValue", "onUpdate:modelValue", "data", "readonly"]))), 128))
     ]));
   }
-}), fe = /* @__PURE__ */ Y(vt, [["__scopeId", "data-v-dc1a868d"]]), ht = /* @__PURE__ */ A({
+}), ve = /* @__PURE__ */ G(ht, [["__scopeId", "data-v-dc1a868d"]]), _t = /* @__PURE__ */ E({
   __name: "AFieldset",
   props: {
     schema: {},
@@ -705,31 +705,123 @@ const rt = {
     function r(s) {
       s.preventDefault(), l.value && (o.value = !o.value);
     }
-    return (s, c) => (h(), g("fieldset", null, [
-      i("legend", {
+    return (s, u) => (p(), _("fieldset", null, [
+      c("legend", {
         onClick: r,
         onSubmit: r
       }, [
-        Ee(E(s.label) + " ", 1),
-        l.value ? (h(), G(pt, {
+        fe(k(s.label) + " ", 1),
+        l.value ? (p(), N(mt, {
           key: 0,
           collapsed: o.value
-        }, null, 8, ["collapsed"])) : ue("", !0)
+        }, null, 8, ["collapsed"])) : j("", !0)
       ], 32),
-      Ae(s.$slots, "default", { collapsed: o.value }, () => [
-        D(Ce(fe, {
+      Me(s.$slots, "default", { collapsed: o.value }, () => [
+        A(Ce(ve, {
           modelValue: a.value,
-          "onUpdate:modelValue": c[0] || (c[0] = (u) => a.value = u),
+          "onUpdate:modelValue": u[0] || (u[0] = (i) => a.value = i),
           data: n.value
         }, null, 8, ["modelValue", "data"]), [
-          [H, !o.value]
+          [I, !o.value]
         ])
       ], !0)
     ]));
   }
-}), _t = /* @__PURE__ */ Y(ht, [["__scopeId", "data-v-b89db0c0"]]), gt = { class: "aform__form-element" }, yt = ["for"], bt = ["id", "disabled", "required"], wt = ["innerHTML"], kt = /* @__PURE__ */ A({
+}), gt = /* @__PURE__ */ G(_t, [["__scopeId", "data-v-b89db0c0"]]);
+function yt(e) {
+  return ce() ? (de(e), !0) : !1;
+}
+function bt() {
+  const e = /* @__PURE__ */ new Set(), t = (l) => {
+    e.delete(l);
+  };
+  return {
+    on: (l) => {
+      e.add(l);
+      const a = () => t(l);
+      return yt(a), {
+        off: a
+      };
+    },
+    off: t,
+    trigger: (...l) => Promise.all(Array.from(e).map((a) => a(...l)))
+  };
+}
+const wt = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const kt = (e, t) => Object.prototype.hasOwnProperty.call(e, t), Dt = wt ? window.document : void 0, At = {
+  multiple: !0,
+  accept: "*",
+  reset: !1,
+  directory: !1
+};
+function Et(e = {}) {
+  const {
+    document: t = Dt
+  } = e, n = f(null), { on: o, trigger: l } = bt();
+  let a;
+  t && (a = t.createElement("input"), a.type = "file", a.onchange = (u) => {
+    const i = u.target;
+    n.value = i.files, l(n.value);
+  });
+  const r = () => {
+    n.value = null, a && a.value && (a.value = "", l(null));
+  }, s = (u) => {
+    if (!a)
+      return;
+    const i = {
+      ...At,
+      ...e,
+      ...u
+    };
+    a.multiple = i.multiple, a.accept = i.accept, a.webkitdirectory = i.directory, kt(i, "capture") && (a.capture = i.capture), i.reset && r(), a.click();
+  };
+  return {
+    files: Te(n),
+    open: s,
+    reset: r,
+    onChange: o
+  };
+}
+const Mt = { class: "aform__form-element aform__file-attach aform__grid--full" }, Ct = {
+  key: 0,
+  class: "aform__file-attach-feedback"
+}, Tt = ["disabled"], $t = /* @__PURE__ */ E({
+  __name: "AFileAttach",
+  props: {
+    schema: {},
+    label: {},
+    collapsible: { type: Boolean },
+    data: {}
+  },
+  setup(e) {
+    const t = e, { files: n, open: o, reset: l, onChange: a } = Et();
+    return a((r) => r), (r, s) => (p(), _("div", Mt, [
+      C(n) ? (p(), _("div", Ct, [
+        c("p", null, [
+          fe(" You have selected: "),
+          c("b", null, k(`${C(n).length} ${C(n).length === 1 ? "file" : "files"}`), 1)
+        ]),
+        (p(!0), _(F, null, B(C(n), (u) => (p(), _("li", {
+          key: u.name
+        }, k(u.name), 1))), 128))
+      ])) : j("", !0),
+      c("button", {
+        type: "button",
+        onClick: s[0] || (s[0] = (u) => C(o)()),
+        class: "aform__form-btn"
+      }, k(t.label), 1),
+      c("button", {
+        type: "button",
+        disabled: !C(n),
+        onClick: s[1] || (s[1] = (u) => C(l)()),
+        class: "aform__form-btn"
+      }, "Reset", 8, Tt)
+    ]));
+  }
+}), St = { class: "aform__form-element" }, Lt = ["for"], Vt = ["id", "disabled", "required"], xt = ["innerHTML"], Ht = /* @__PURE__ */ E({
   __name: "ANumericInput",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     label: {},
     required: { type: Boolean },
     readonly: { type: Boolean },
@@ -741,31 +833,31 @@ const rt = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = x(e, "modelValue");
-    return (n, o) => (h(), g("div", gt, [
-      i("label", {
+    const t = H(e, "modelValue");
+    return (n, o) => (p(), _("div", St, [
+      c("label", {
         class: "aform__field-label",
         for: n.uuid
-      }, E(n.label), 9, yt),
-      D(i("input", {
+      }, k(n.label), 9, Lt),
+      A(c("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), [
-        [I, t.value]
+      }, null, 8, Vt), [
+        [P, t.value]
       ]),
-      D(i("p", {
+      A(c("p", {
         class: "error",
         innerHTML: n.validation.errorMessage
-      }, null, 8, wt), [
-        [H, n.validation.errorMessage]
+      }, null, 8, xt), [
+        [I, n.validation.errorMessage]
       ])
     ]));
   }
-}), re = {
+}), ue = {
   date: "##/##/####",
   datetime: "####/##/## ##:##",
   time: "##:##",
@@ -773,28 +865,28 @@ const rt = {
   phone: "(###) ### - ####",
   card: "#### #### #### ####"
 };
-function Dt(e) {
+function It(e) {
   try {
     return Function(`"use strict";return (${e})`)();
   } catch {
   }
 }
-function Mt(e) {
+function Pt(e) {
   var n;
   let t = e.value;
   if (t) {
-    const o = Dt(t);
+    const o = It(t);
     if (o) {
       const l = e.instance.locale;
       t = o(l);
     }
   } else {
     const o = e.instance.schema, l = (n = o == null ? void 0 : o.fieldtype) == null ? void 0 : n.toLowerCase();
-    l && re[l] && (t = re[l]);
+    l && ue[l] && (t = ue[l]);
   }
   return t;
 }
-function Et(e, t) {
+function Ft(e, t) {
   t || (t = "#");
   let n = e;
   const o = [t, "/", "-", "(", ")", " "];
@@ -802,7 +894,7 @@ function Et(e, t) {
     n = n.replaceAll(l, "");
   return n;
 }
-function At(e, t, n) {
+function Bt(e, t, n) {
   n || (n = "#");
   let o = t;
   for (const l of e) {
@@ -814,19 +906,19 @@ function At(e, t, n) {
   }
   return o.slice(0, t.length);
 }
-function Ct(e, t) {
-  const n = Mt(t);
+function Ot(e, t) {
+  const n = Pt(t);
   if (!n) return;
-  const o = "#", l = e.value, a = Et(l, o);
+  const o = "#", l = e.value, a = Ft(l, o);
   if (a) {
-    const r = At(a, n, o);
+    const r = Bt(a, n, o);
     t.instance.maskFilled && (t.instance.maskFilled = !r.includes(o)), e.value = r;
   } else
     e.value = n;
 }
-const Tt = { class: "aform__form-element" }, St = ["for"], Lt = ["id", "disabled", "maxlength", "required"], $t = ["innerHTML"], Vt = /* @__PURE__ */ A({
+const qt = { class: "aform__form-element" }, Rt = ["for"], Ut = ["id", "disabled", "maxlength", "required"], Wt = ["innerHTML"], Yt = /* @__PURE__ */ E({
   __name: "ATextInput",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     schema: {},
     label: {},
     mask: {},
@@ -840,45 +932,45 @@ const Tt = { class: "aform__form-element" }, St = ["for"], Lt = ["id", "disabled
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = f(!0), n = x(e, "modelValue");
-    return (o, l) => (h(), g("div", Tt, [
-      i("label", {
+    const t = f(!0), n = H(e, "modelValue");
+    return (o, l) => (p(), _("div", qt, [
+      c("label", {
         class: "aform__field-label",
         for: o.uuid
-      }, E(o.label), 9, St),
-      D(i("input", {
+      }, k(o.label), 9, Rt),
+      A(c("input", {
         class: "aform__input-field",
         "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, Lt), [
-        [I, n.value],
-        [ie(Ct), o.mask]
+      }, null, 8, Ut), [
+        [P, n.value],
+        [C(Ot), o.mask]
       ]),
-      D(i("p", {
+      A(c("p", {
         class: "error",
         innerHTML: o.validation.errorMessage
-      }, null, 8, $t), [
-        [H, o.validation.errorMessage]
+      }, null, 8, Wt), [
+        [I, o.validation.errorMessage]
       ])
     ]));
   }
-}), xt = { class: "login-container" }, Ht = { class: "account-container" }, It = { class: "account-header" }, Pt = { id: "account-title" }, Bt = { id: "account-subtitle" }, Ft = { class: "login-form-container" }, qt = { class: "login-form-email login-form-element" }, Rt = /* @__PURE__ */ i("label", {
+}), Gt = { class: "login-container" }, Kt = { class: "account-container" }, zt = { class: "account-header" }, Nt = { id: "account-title" }, jt = { id: "account-subtitle" }, Jt = { class: "login-form-container" }, Qt = { class: "login-form-email login-form-element" }, Xt = /* @__PURE__ */ c("label", {
   id: "login-email",
   for: "email",
   class: "aform__field-label"
-}, "Email", -1), Ot = ["disabled"], Ut = { class: "login-form-password login-form-element" }, Wt = /* @__PURE__ */ i("label", {
+}, "Email", -1), Zt = ["disabled"], en = { class: "login-form-password login-form-element" }, tn = /* @__PURE__ */ c("label", {
   id: "login-password",
   for: "password",
-  class: "login-label"
-}, "Password", -1), Yt = ["disabled"], Kt = ["disabled"], zt = {
+  class: "aform__field-label"
+}, "Password", -1), nn = ["disabled"], on = ["disabled"], ln = {
   key: 0,
   class: "material-symbols-outlined loading-icon"
-}, Gt = /* @__PURE__ */ i("span", { id: "login-form-button" }, "Login", -1), Nt = /* @__PURE__ */ i("button", { class: "btn" }, [
-  /* @__PURE__ */ i("span", { id: "forgot-password-button" }, "Forgot password?")
-], -1), Jt = /* @__PURE__ */ A({
+}, an = /* @__PURE__ */ c("span", { id: "login-form-button" }, "Login", -1), sn = /* @__PURE__ */ c("button", { class: "btn" }, [
+  /* @__PURE__ */ c("span", { id: "forgot-password-button" }, "Forgot password?")
+], -1), un = /* @__PURE__ */ E({
   __name: "Login",
   props: {
     headerTitle: { default: "Login" },
@@ -887,82 +979,83 @@ const Tt = { class: "aform__form-element" }, St = ["for"], Lt = ["id", "disabled
   emits: ["loginFailed", "loginSuccess"],
   setup(e, { emit: t }) {
     const n = t, o = f(""), l = f(""), a = f(!1), r = f(!1);
-    function s(c) {
-      if (c.preventDefault(), a.value = !0, r.value) {
+    function s(u) {
+      if (u.preventDefault(), a.value = !0, r.value) {
         a.value = !1, n("loginFailed");
         return;
       }
       a.value = !1, n("loginSuccess");
     }
-    return (c, u) => (h(), g("div", xt, [
-      i("div", null, [
-        i("div", Ht, [
-          i("div", It, [
-            i("h1", Pt, E(c.headerTitle), 1),
-            i("p", Bt, E(c.headerSubtitle), 1)
+    return (u, i) => (p(), _("div", Gt, [
+      c("div", null, [
+        c("div", Kt, [
+          c("div", zt, [
+            c("h1", Nt, k(u.headerTitle), 1),
+            c("p", jt, k(u.headerSubtitle), 1)
           ]),
-          i("form", { onSubmit: s }, [
-            i("div", Ft, [
-              i("div", qt, [
-                Rt,
-                D(i("input", {
+          c("form", { onSubmit: s }, [
+            c("div", Jt, [
+              c("div", Qt, [
+                Xt,
+                A(c("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] = (d) => o.value = d),
                   "auto-capitalize": "none",
                   "auto-complete": "email",
                   "auto-correct": "off",
                   disabled: a.value
-                }, null, 8, Ot), [
-                  [I, o.value]
+                }, null, 8, Zt), [
+                  [P, o.value]
                 ])
               ]),
-              i("div", Ut, [
-                Wt,
-                D(i("input", {
+              c("div", en, [
+                tn,
+                A(c("input", {
                   id: "password",
-                  class: "login-field",
+                  class: "aform__input-field",
                   name: "password",
                   type: "password",
-                  "onUpdate:modelValue": u[1] || (u[1] = (d) => l.value = d),
+                  "onUpdate:modelValue": i[1] || (i[1] = (d) => l.value = d),
                   disabled: a.value
-                }, null, 8, Yt), [
-                  [I, l.value]
+                }, null, 8, nn), [
+                  [P, l.value]
                 ])
               ]),
-              i("button", {
+              c("button", {
                 class: "btn",
                 onClick: s,
                 disabled: a.value || !o.value || !l.value
               }, [
-                a.value ? (h(), g("span", zt, "progress_activity")) : ue("", !0),
-                Gt
-              ], 8, Kt)
+                a.value ? (p(), _("span", ln, "progress_activity")) : j("", !0),
+                an
+              ], 8, on)
             ])
           ], 32),
-          Nt
+          sn
         ])
       ])
     ]));
   }
 });
-function Qt(e) {
-  e.component("ACheckbox", xe), e.component("ACombobox", Ie), e.component("ADate", Re), e.component("ADropdown", Ke), e.component("ADatePicker", dt), e.component("AFieldset", _t), e.component("AForm", fe), e.component("ANumericInput", kt), e.component("ATextInput", Vt);
+function cn(e) {
+  e.component("ACheckbox", He), e.component("ACombobox", Pe), e.component("ADate", Re), e.component("ADropdown", Ke), e.component("ADatePicker", ft), e.component("AFieldset", gt), e.component("AFileAttach", $t), e.component("AForm", ve), e.component("ANumericInput", Ht), e.component("ATextInput", Yt);
 }
 export {
-  xe as ACheckbox,
-  Ie as AComboBox,
+  He as ACheckbox,
+  Pe as AComboBox,
   Re as ADate,
-  dt as ADatePicker,
+  ft as ADatePicker,
   Ke as ADropdown,
-  _t as AFieldset,
-  fe as AForm,
-  kt as ANumericInput,
-  Vt as ATextInput,
-  Jt as Login,
-  Qt as install
+  gt as AFieldset,
+  $t as AFileAttach,
+  ve as AForm,
+  Ht as ANumericInput,
+  Yt as ATextInput,
+  un as Login,
+  cn as install
 };
 //# sourceMappingURL=aform.js.map