@stonecrop/aform 0.2.24 → 0.2.26

package/dist/aform.js

@@ -1,7 +1,7 @@
-import { defineComponent as E, mergeModels as S, useModel as $, openBlock as v, createElementBlock as g, createElementVNode as c, toDisplayString as A, withDirectives as M, vModelCheckbox as de, vShow as x, resolveComponent as fe, createBlock as K, withCtx as pe, ref as m, onMounted as Y, onUnmounted as me, normalizeClass as P, withKeys as B, vModelText as G, Fragment as q, renderList as F, watch as U, onBeforeUnmount as ve, computed as H, unref as re, getCurrentScope as he, onScopeDispose as ye, nextTick as ge, withModifiers as _e, resolveDynamicComponent as be, mergeProps as ke, createTextVNode as we, createCommentVNode as De, renderSlot as Me, createVNode as Ee } from "vue";
-const Ae = { class: "aform__form-element" }, Ce = ["for"], Te = { class: "aform__checkbox-container aform__input-field" }, Ve = ["id", "readonly", "required"], Le = ["innerHTML"], Se = /* @__PURE__ */ E({
+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({
   __name: "ACheckbox",
-  props: /* @__PURE__ */ S({
+  props: /* @__PURE__ */ V({
     label: {},
     required: { type: Boolean },
     readOnly: { type: Boolean },
@@ -13,57 +13,57 @@ const Ae = { class: "aform__form-element" }, Ce = ["for"], Te = { class: "aform_
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = $(e, "modelValue");
-    return (n, o) => (v(), g("div", Ae, [
-      c("label", {
+    const t = x(e, "modelValue");
+    return (n, o) => (h(), g("div", Te, [
+      i("label", {
         class: "aform__field-label",
         for: n.uuid
-      }, A(n.label), 9, Ce),
-      c("span", Te, [
-        M(c("input", {
+      }, E(n.label), 9, Se),
+      i("span", Le, [
+        D(i("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, Ve), [
-          [de, t.value]
+        }, null, 8, $e), [
+          [pe, t.value]
         ])
       ]),
-      M(c("p", {
+      D(i("p", {
         class: "error",
         innerHTML: n.validation.errorMessage
-      }, null, 8, Le), [
-        [x, n.validation.errorMessage]
+      }, null, 8, Ve), [
+        [H, n.validation.errorMessage]
       ])
     ]));
   }
-}), $e = /* @__PURE__ */ c("div", null, [
-  /* @__PURE__ */ c("input", { type: "text" }),
-  /* @__PURE__ */ c("input", { type: "text" }),
-  /* @__PURE__ */ c("input", { type: "text" })
-], -1), xe = /* @__PURE__ */ E({
+}), He = /* @__PURE__ */ i("div", null, [
+  /* @__PURE__ */ i("input", { type: "text" }),
+  /* @__PURE__ */ i("input", { type: "text" }),
+  /* @__PURE__ */ i("input", { type: "text" })
+], -1), Ie = /* @__PURE__ */ A({
   __name: "AComboBox",
   props: ["event", "cellData", "tableID"],
   setup(e) {
     return (t, n) => {
-      const o = fe("ATableModal");
-      return v(), K(o, {
+      const o = me("ATableModal");
+      return h(), G(o, {
         event: e.event,
         cellData: e.cellData,
         class: "amodal"
       }, {
-        default: pe(() => [
-          $e
+        default: ve(() => [
+          He
         ]),
         _: 1
       }, 8, ["event", "cellData"]);
     };
   }
-}), He = ["id", "disabled", "required", "value"], Ie = ["for"], Be = ["innerHTML"], Pe = /* @__PURE__ */ E({
+}), Pe = ["id", "disabled", "required", "value"], Be = ["for"], Fe = ["innerHTML"], qe = /* @__PURE__ */ A({
   __name: "ADate",
-  props: /* @__PURE__ */ S({
+  props: /* @__PURE__ */ V({
     label: { default: "Date" },
     required: { type: Boolean },
     readonly: { type: Boolean },
@@ -75,11 +75,11 @@ const Ae = { class: "aform__form-element" }, Ce = ["for"], Te = { class: "aform_
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = $(e, "modelValue"), n = m(null), o = () => {
+    const t = x(e, "modelValue"), n = f(null), o = () => {
       n.value && "showPicker" in HTMLInputElement.prototype && n.value.showPicker();
     };
-    return (l, r) => (v(), g("div", null, [
-      c("input", {
+    return (l, a) => (h(), g("div", null, [
+      i("input", {
         ref_key: "dateRef",
         ref: n,
         type: "date",
@@ -88,29 +88,29 @@ const Ae = { class: "aform__form-element" }, Ce = ["for"], Te = { class: "aform_
         required: l.required,
         value: t.value,
         onClick: o
-      }, null, 8, He),
-      c("label", { for: l.uuid }, A(l.label), 9, Ie),
-      M(c("p", {
+      }, null, 8, Pe),
+      i("label", { for: l.uuid }, E(l.label), 9, Be),
+      D(i("p", {
         innerHTML: l.validation.errorMessage
-      }, null, 8, Be), [
-        [x, l.validation.errorMessage]
+      }, null, 8, Fe), [
+        [H, l.validation.errorMessage]
       ])
     ]));
   }
-}), O = (e, t) => {
+}), Y = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [o, l] of t)
     n[o] = l;
   return n;
-}, qe = /* @__PURE__ */ O(Pe, [["__scopeId", "data-v-69d0f23d"]]), Fe = { class: "input-wrapper" }, Re = {
+}, Re = /* @__PURE__ */ Y(qe, [["__scopeId", "data-v-69d0f23d"]]), Oe = { class: "input-wrapper" }, Ue = {
   id: "autocomplete-results",
   class: "autocomplete-results"
-}, Ue = {
+}, We = {
   key: 0,
   class: "loading autocomplete-result"
-}, Oe = ["onClick"], We = /* @__PURE__ */ E({
+}, Ye = ["onClick"], Ke = /* @__PURE__ */ A({
   __name: "ADropdown",
-  props: /* @__PURE__ */ S({
+  props: /* @__PURE__ */ V({
     label: {},
     items: {},
     isAsync: { type: Boolean }
@@ -118,151 +118,191 @@ const Ae = { class: "aform__form-element" }, Ce = ["for"], Te = { class: "aform_
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ S(["filterChanged"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ V(["filterChanged"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const n = e, o = t, l = m(n.items), r = $(e, "modelValue"), s = m(!1), a = m(0), i = m(!1), u = m(null);
-    Y(() => {
+    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();
-    }), me(() => {
+    }), he(() => {
       document.removeEventListener("click", _);
     });
-    const d = (f) => {
-      r.value = f, b();
+    const d = (m) => {
+      a.value = m, b();
     }, p = () => {
-      r.value ? l.value = n.items.filter((f) => f.toLowerCase().indexOf(r.value.toLowerCase()) > -1) : l.value = n.items;
-    }, h = () => {
-      i.value = !0, n.isAsync ? (s.value = !0, o("filterChanged", r.value)) : p();
-    }, _ = (f) => {
-      b(), a.value = 0;
+      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();
+    }, _ = () => {
+      b(), s.value = 0;
     }, b = () => {
-      i.value = !1, n.items.includes(r.value) || (r.value = "");
-    }, V = () => {
-      a.value < l.value.length && (a.value = a.value + 1);
-    }, w = () => {
-      a.value > 0 && (a.value = a.value - 1);
+      c.value = !1, n.items.includes(a.value) || (a.value = "");
+    }, S = () => {
+      s.value < l.value.length && (s.value = s.value + 1);
+    }, k = () => {
+      s.value > 0 && (s.value = s.value - 1);
     }, L = () => {
-      r.value = l.value[a.value], b(), a.value = 0;
+      a.value = l.value[s.value], b(), s.value = 0;
     };
-    return (f, y) => (v(), g("div", {
-      class: P(["autocomplete", { isOpen: i.value }])
+    return (m, y) => (h(), g("div", {
+      class: R(["autocomplete", { isOpen: c.value }])
     }, [
-      c("div", Fe, [
-        M(c("input", {
+      i("div", Oe, [
+        D(i("input", {
           ref_key: "mopInput",
           ref: u,
           type: "text",
-          onInput: h,
-          onFocus: h,
-          "onUpdate:modelValue": y[0] || (y[0] = (k) => r.value = k),
+          onInput: v,
+          onFocus: v,
+          "onUpdate:modelValue": y[0] || (y[0] = (w) => a.value = w),
           onKeydown: [
-            B(V, ["down"]),
-            B(w, ["up"]),
-            B(L, ["enter"])
+            q(S, ["down"]),
+            q(k, ["up"]),
+            q(L, ["enter"])
           ]
         }, null, 544), [
-          [G, r.value]
+          [I, a.value]
         ]),
-        M(c("ul", Re, [
-          s.value ? (v(), g("li", Ue, "Loading results...")) : (v(!0), g(q, { key: 1 }, F(l.value, (k, D) => (v(), g("li", {
-            key: D,
-            onClick: (X) => d(k),
-            class: P(["autocomplete-result", { "is-active": D === a.value }])
-          }, A(k), 11, Oe))), 128))
+        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", {
+            key: M,
+            onClick: (Z) => d(w),
+            class: R(["autocomplete-result", { "is-active": M === s.value }])
+          }, E(w), 11, Ye))), 128))
         ], 512), [
-          [x, i.value]
+          [H, c.value]
         ]),
-        c("label", null, A(f.label), 1)
+        i("label", null, E(m.label), 1)
       ])
     ], 2));
   }
 });
-function Ke(e) {
-  return he() ? (ye(e), !0) : !1;
+function ce(e) {
+  return ge() ? (ye(e), !0) : !1;
 }
-function ue(e) {
-  return typeof e == "function" ? e() : re(e);
+function N(e) {
+  return typeof e == "function" ? e() : ie(e);
 }
-const Ye = typeof window < "u" && typeof document < "u";
+const ze = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Ge = Object.prototype.toString, ze = (e) => Ge.call(e) === "[object Object]", je = () => {
+const Ge = (e) => e != null, Ne = Object.prototype.toString, je = (e) => Ne.call(e) === "[object Object]", Je = () => {
 };
-function R(e) {
+function P(e) {
   var t;
-  const n = ue(e);
+  const n = N(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
-const z = Ye ? window : void 0;
-function W(...e) {
+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 = z) : [t, n, o, l] = e, !t)
-    return je;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, l] = e, t = K) : [t, n, o, l] = e, !t)
+    return Je;
   Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
-  const r = [], s = () => {
-    r.forEach((d) => d()), r.length = 0;
-  }, a = (d, p, h, _) => (d.addEventListener(p, h, _), () => d.removeEventListener(p, h, _)), i = U(
-    () => [R(t), ue(l)],
+  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]) => {
-      if (s(), !d)
+      if (r(), !d)
         return;
-      const h = ze(p) ? { ...p } : p;
-      r.push(
-        ...n.flatMap((_) => o.map((b) => a(d, _, b, h)))
+      const v = je(p) ? { ...p } : p;
+      a.push(
+        ...n.flatMap((_) => o.map((b) => s(d, _, b, v)))
       );
     },
     { immediate: !0, flush: "post" }
   ), u = () => {
-    i(), s();
+    c(), r();
   };
-  return Ke(u), u;
+  return ce(u), u;
 }
-function Je(e = {}) {
+function Qe() {
+  const e = f(!1), t = be();
+  return t && W(() => {
+    e.value = !0;
+  }, t), e;
+}
+function Xe(e) {
+  const t = Qe();
+  return $(() => (t.value, !!e()));
+}
+function Ze(e, t, n = {}) {
+  const { window: o = K, ...l } = n;
+  let a;
+  const r = Xe(() => 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)));
+    },
+    { immediate: !0, flush: "post" }
+  ), d = () => a == null ? void 0 : a.takeRecords(), p = () => {
+    s(), u();
+  };
+  return ce(p), {
+    isSupported: r,
+    stop: p,
+    takeRecords: d
+  };
+}
+function et(e = {}) {
   var t;
   const {
-    window: n = z,
-    deep: o = !0
-  } = e, l = (t = e.document) != null ? t : n == null ? void 0 : n.document, r = () => {
-    var i;
-    let u = l == null ? void 0 : l.activeElement;
+    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;
+    let d = a == null ? void 0 : a.activeElement;
     if (o)
-      for (; u != null && u.shadowRoot; )
-        u = (i = u == null ? void 0 : u.shadowRoot) == null ? void 0 : i.activeElement;
-    return u;
-  }, s = m(), a = () => {
+      for (; d != null && d.shadowRoot; )
+        d = (u = d == null ? void 0 : d.shadowRoot) == null ? void 0 : u.activeElement;
+    return d;
+  }, s = f(), c = () => {
     s.value = r();
   };
-  return n && (W(n, "blur", (i) => {
-    i.relatedTarget === null && a();
-  }, !0), W(n, "focus", a, !0)), a(), s;
+  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();
+    });
+  }, {
+    childList: !0,
+    subtree: !0
+  }), c(), s;
 }
-function Ne(e, t = {}) {
-  const n = Je(t), o = H(() => R(e));
-  return { focused: H(() => o.value && n.value ? o.value.contains(n.value) : !1) };
+function tt(e, t = {}) {
+  const n = et(t), o = $(() => P(e));
+  return { focused: $(() => o.value && n.value ? o.value.contains(n.value) : !1) };
 }
-function Qe(e, { window: t = z, scrollTarget: n } = {}) {
-  const o = m(!1), l = () => {
-    if (!t)
-      return;
-    const r = t.document, s = R(e);
-    if (!s)
+function nt(e, { window: t = K, scrollTarget: n } = {}) {
+  const o = f(!1), l = () => {
+    if (!t) return;
+    const a = t.document, r = P(e);
+    if (!r)
       o.value = !1;
     else {
-      const a = s.getBoundingClientRect();
-      o.value = a.top <= (t.innerHeight || r.documentElement.clientHeight) && a.left <= (t.innerWidth || r.documentElement.clientWidth) && a.bottom >= 0 && a.right >= 0;
+      const s = r.getBoundingClientRect();
+      o.value = s.top <= (t.innerHeight || a.documentElement.clientHeight) && s.left <= (t.innerWidth || a.documentElement.clientWidth) && s.bottom >= 0 && s.right >= 0;
     }
   };
-  return U(
-    () => R(e),
+  return B(
+    () => P(e),
     () => l(),
     { immediate: !0, flush: "post" }
-  ), t && W(n || t, "scroll", l, {
+  ), t && z(n || t, "scroll", l, {
     capture: !1,
     passive: !0
   }), o;
 }
 const C = (e) => {
-  let t = Qe(e).value;
+  let t = nt(e).value;
   return t = t && e.offsetHeight > 0, t;
-}, T = (e) => e.tabIndex >= 0, Z = (e) => {
+}, T = (e) => e.tabIndex >= 0, ee = (e) => {
   const t = e.target;
   return j(t);
 }, j = (e) => {
@@ -279,25 +319,25 @@ const C = (e) => {
     o && (n = o);
   }
   return n && (!T(n) || !C(n)) ? j(n) : n;
-}, Xe = (e) => {
+}, ot = (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 r = l.firstElementChild.children[n.cellIndex];
-      r && (o = r);
+      const a = l.firstElementChild.children[n.cellIndex];
+      a && (o = a);
     }
   } else if (n instanceof HTMLTableRowElement) {
     const l = n.parentElement;
     if (l) {
-      const r = l.firstElementChild;
-      r && (o = r);
+      const a = l.firstElementChild;
+      a && (o = a);
     }
   }
   return o && (!T(o) || !C(o)) ? J(o) : o;
-}, ee = (e) => {
+}, te = (e) => {
   const t = e.target;
   return J(t);
 }, J = (e) => {
@@ -314,28 +354,28 @@ const C = (e) => {
     o && (n = o);
   }
   return n && (!T(n) || !C(n)) ? J(n) : n;
-}, Ze = (e) => {
+}, lt = (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 r = l.lastElementChild.children[n.cellIndex];
-      r && (o = r);
+      const a = l.lastElementChild.children[n.cellIndex];
+      a && (o = a);
     }
   } else if (n instanceof HTMLTableRowElement) {
     const l = n.parentElement;
     if (l) {
-      const r = l.lastElementChild;
-      r && (o = r);
+      const a = l.lastElementChild;
+      a && (o = a);
     }
   }
   return o && (!T(o) || !C(o)) ? j(o) : o;
-}, te = (e) => {
+}, ne = (e) => {
   const t = e.target;
-  return N(t);
-}, N = (e) => {
+  return Q(t);
+}, Q = (e) => {
   var t;
   let n;
   if (e.previousElementSibling)
@@ -344,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)) ? N(n) : n;
-}, ne = (e) => {
+  return n && (!T(n) || !C(n)) ? Q(n) : n;
+}, oe = (e) => {
   const t = e.target;
-  return Q(t);
-}, Q = (e) => {
+  return X(t);
+}, X = (e) => {
   var t;
   let n;
   if (e.nextElementSibling)
@@ -357,158 +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)) ? Q(n) : n;
-}, oe = (e) => {
-  const t = e.target.parentElement.firstElementChild;
-  return t && (!T(t) || !C(t)) ? Q(t) : t;
+  return n && (!T(n) || !C(n)) ? X(n) : n;
 }, le = (e) => {
+  const t = e.target.parentElement.firstElementChild;
+  return t && (!T(t) || !C(t)) ? X(t) : t;
+}, ae = (e) => {
   const t = e.target.parentElement.lastElementChild;
-  return t && (!T(t) || !C(t)) ? N(t) : t;
-}, I = ["alt", "control", "shift", "meta"], et = {
+  return t && (!T(t) || !C(t)) ? Q(t) : t;
+}, F = ["alt", "control", "shift", "meta"], at = {
   ArrowUp: "up",
   ArrowDown: "down",
   ArrowLeft: "left",
   ArrowRight: "right"
-}, ie = {
+}, de = {
   "keydown.up": (e) => {
-    const t = Z(e);
+    const t = ee(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.down": (e) => {
-    const t = ee(e);
+    const t = te(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.left": (e) => {
-    const t = te(e);
+    const t = ne(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.right": (e) => {
-    const t = ne(e);
+    const t = oe(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.control.up": (e) => {
-    const t = Xe(e);
+    const t = ot(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.down": (e) => {
-    const t = Ze(e);
+    const t = lt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.left": (e) => {
-    const t = oe(e);
+    const t = le(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.right": (e) => {
-    const t = le(e);
+    const t = ae(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.end": (e) => {
-    const t = le(e);
+    const t = ae(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.enter": (e) => {
     if (e.target instanceof HTMLTableCellElement) {
       e.preventDefault(), e.stopPropagation();
-      const t = ee(e);
+      const t = te(e);
       t && t.focus();
     }
   },
   "keydown.shift.enter": (e) => {
     if (e.target instanceof HTMLTableCellElement) {
       e.preventDefault(), e.stopPropagation();
-      const t = Z(e);
+      const t = ee(e);
       t && t.focus();
     }
   },
   "keydown.home": (e) => {
-    const t = oe(e);
+    const t = le(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.tab": (e) => {
-    const t = ne(e);
+    const t = oe(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.shift.tab": (e) => {
-    const t = te(e);
+    const t = ne(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   }
 };
-function tt(e) {
-  const t = (s) => {
-    let a = null;
-    return s.parent && (typeof s.parent == "string" ? a = document.querySelector(s.parent) : s.parent instanceof HTMLElement ? a = s.parent : a = s.parent.value), a;
-  }, n = (s) => {
-    const a = t(s);
-    let i = [];
-    if (typeof s.selectors == "string")
-      i = a ? Array.from(a.querySelectorAll(s.selectors)) : Array.from(document.querySelectorAll(s.selectors));
-    else if (Array.isArray(s.selectors))
-      for (const u of s.selectors)
-        u instanceof HTMLElement ? i.push(u) : i.push(u.$el);
-    else if (s.selectors instanceof HTMLElement)
-      i.push(s.selectors);
-    else if (Array.isArray(s.selectors.value))
-      for (const u of s.selectors.value)
-        u instanceof HTMLElement ? i.push(u) : i.push(u.$el);
+function st(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 = [];
+    if (typeof r.selectors == "string")
+      c = 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);
+    else if (r.selectors instanceof HTMLElement)
+      c.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);
     else
-      i.push(s.selectors.value);
-    return i;
-  }, o = (s) => {
-    const a = t(s);
-    let i = [];
-    return s.selectors ? i = n(s) : a && (i = Array.from(a.children).filter((u) => T(u) && C(u))), i;
-  }, l = (s) => (a) => {
-    const i = et[a.key] || a.key.toLowerCase();
-    if (I.includes(i))
-      return;
-    const u = s.handlers || ie;
+      c.push(r.selectors.value);
+    return c;
+  }, 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;
+  }, 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, ...h] = d.split(".");
-      if (p === "keydown" && h.includes(i)) {
-        const _ = u[d], b = h.filter((w) => I.includes(w)), V = I.some((w) => {
-          const L = w.charAt(0).toUpperCase() + w.slice(1);
-          return a.getModifierState(L);
+      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);
+          return s.getModifierState(L);
         });
         if (b.length > 0) {
-          if (V) {
-            for (const w of I)
-              if (h.includes(w)) {
-                const L = w.charAt(0).toUpperCase() + w.slice(1);
-                a.getModifierState(L) && _(a);
+          if (S) {
+            for (const k of F)
+              if (v.includes(k)) {
+                const L = k.charAt(0).toUpperCase() + k.slice(1);
+                s.getModifierState(L) && _(s);
               }
           }
         } else
-          V || _(a);
+          S || _(s);
       }
     }
-  }, r = [];
-  Y(() => {
-    for (const s of e) {
-      const a = t(s), i = o(s), u = l(s), d = a ? [a] : i;
+  }, a = [];
+  W(() => {
+    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: h } = Ne(m(p)), _ = U(h, (b) => {
+        const { focused: v } = tt(f(p)), _ = B(v, (b) => {
           b ? p.addEventListener("keydown", u) : p.removeEventListener("keydown", u);
         });
-        r.push(_);
+        a.push(_);
       }
     }
-  }), ve(() => {
-    for (const s of r)
-      s();
+  }), _e(() => {
+    for (const r of a)
+      r();
   });
 }
-const nt = {
+const rt = {
   colspan: "5",
   tabindex: -1
-}, ot = /* @__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), lt = ["onClick", "onKeydown"], at = 6, ae = 7, st = /* @__PURE__ */ E({
+}, 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({
   __name: "ADatePicker",
   props: {
     modelValue: { default: /* @__PURE__ */ new Date() },
@@ -516,46 +555,46 @@ const nt = {
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = $(e, "modelValue"), n = m(new Date(t.value)), o = m(n.value.getMonth()), l = m(n.value.getFullYear()), r = m([]), s = m(null);
-    Y(async () => {
-      a(), await ge();
-      const f = document.getElementsByClassName("selectedDate");
-      if (f.length > 0)
-        f[0].focus();
+    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();
       else {
         const y = document.getElementsByClassName("todaysDate");
         y.length > 0 && y[0].focus();
       }
     });
-    const a = () => {
-      r.value = [];
-      const f = new Date(l.value, o.value, 1), y = f.getDay(), k = f.setDate(f.getDate() - y);
-      for (const D of Array(43).keys())
-        r.value.push(k + D * 864e5);
+    const s = () => {
+      a.value = [];
+      const m = new Date(l.value, o.value, 1), y = m.getDay(), w = m.setDate(m.getDate() - y);
+      for (const M of Array(43).keys())
+        a.value.push(w + M * 864e5);
     };
-    U([o, l], a);
-    const i = () => l.value -= 1, u = () => l.value += 1, d = () => {
-      o.value == 0 ? (o.value = 11, i()) : o.value -= 1;
+    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;
-    }, h = (f) => {
+    }, v = (m) => {
       const y = /* @__PURE__ */ new Date();
       if (o.value === y.getMonth())
-        return y.toDateString() === new Date(f).toDateString();
-    }, _ = (f) => new Date(f).toDateString() === new Date(n.value).toDateString(), b = (f, y) => (f - 1) * ae + y, V = (f, y) => r.value[b(f, y)], w = (f) => {
-      t.value = n.value = new Date(r.value[f]);
-    }, L = H(() => new Date(l.value, o.value, 1).toLocaleDateString(void 0, {
+        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, {
       year: "numeric",
       month: "long"
     }));
-    return tt([
+    return st([
       {
-        parent: s,
+        parent: r,
         selectors: "td",
         handlers: {
-          ...ie,
+          ...de,
           "keydown.pageup": d,
-          "keydown.shift.pageup": i,
+          "keydown.shift.pageup": c,
           "keydown.pagedown": p,
           "keydown.shift.pagedown": u,
           // TODO: this is a hack to override the stonecrop enter handler;
@@ -565,57 +604,57 @@ const nt = {
           }
         }
       }
-    ]), (f, y) => (v(), g("div", {
+    ]), (m, y) => (h(), g("div", {
       class: "adatepicker",
       tabindex: "0",
       ref_key: "adatepicker",
-      ref: s
+      ref: r
     }, [
-      c("table", null, [
-        c("tr", null, [
-          c("td", {
+      i("table", null, [
+        i("tr", null, [
+          i("td", {
             id: "previous-month-btn",
             onClick: d,
             tabindex: -1
           }, "<"),
-          c("th", nt, A(L.value), 1),
-          c("td", {
+          i("th", rt, E(L.value), 1),
+          i("td", {
             id: "next-month-btn",
             onClick: p,
             tabindex: -1
           }, ">")
         ]),
-        ot,
-        (v(), g(q, null, F(at, (k) => c("tr", { key: k }, [
-          (v(), g(q, null, F(ae, (D) => c("td", {
+        it,
+        (h(), g(O, null, U(ct, (w) => i("tr", { key: w }, [
+          (h(), g(O, null, U(se, (M) => i("td", {
             ref_for: !0,
             ref: "celldate",
-            key: b(k, D),
+            key: b(w, M),
             contenteditable: !1,
             spellcheck: !1,
             tabindex: 0,
-            onClick: _e((X) => w(b(k, D)), ["prevent", "stop"]),
-            onKeydown: B((X) => w(b(k, D)), ["enter"]),
-            class: P({
-              todaysDate: h(V(k, D)),
-              selectedDate: _(V(k, D))
+            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))
             })
-          }, A(new Date(V(k, D)).getDate()), 43, lt)), 64))
+          }, E(new Date(S(w, M)).getDate()), 43, ut)), 64))
         ])), 64))
       ])
     ], 512));
   }
-}), rt = /* @__PURE__ */ E({
+}), ft = /* @__PURE__ */ A({
   __name: "CollapseButton",
   props: {
     collapsed: { type: Boolean }
   },
   setup(e) {
-    return (t, n) => (v(), g("button", {
-      class: P(["collapse-button", t.collapsed ? "rotated" : "unrotated"])
+    return (t, n) => (h(), g("button", {
+      class: R(["collapse-button", t.collapsed ? "rotated" : "unrotated"])
     }, "×", 2));
   }
-}), ut = /* @__PURE__ */ O(rt, [["__scopeId", "data-v-6f1c1b45"]]), it = { class: "aform" }, ct = /* @__PURE__ */ E({
+}), pt = /* @__PURE__ */ Y(ft, [["__scopeId", "data-v-6f1c1b45"]]), mt = { class: "aform" }, vt = /* @__PURE__ */ A({
   __name: "AForm",
   props: {
     modelValue: {},
@@ -624,35 +663,36 @@ const nt = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, o = t, l = m(n.data || {}), r = (a) => {
-      let i = {};
-      for (const [u, d] of Object.entries(a))
-        ["component", "fieldtype"].includes(u) || (i[u] = d), u === "rows" && d && d.length === 0 && (i.rows = l.value[a.fieldname]);
-      return i;
-    }, s = H({
-      get: () => n.modelValue.map((a, i) => H({
+    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) => $({
         get() {
-          return a.value;
+          return s.value;
         },
         set: (u) => {
-          n.modelValue[i].value = u, o("update:modelValue", n.modelValue);
+          n.modelValue[c].value = u, o("update:modelValue", n.modelValue);
         }
       })),
       set: () => {
       }
     });
-    return (a, i) => (v(), g("form", it, [
-      (v(!0), g(q, null, F(a.modelValue, (u, d) => (v(), K(be(u.component), ke({
+    return (s, c) => (h(), g("form", mt, [
+      (h(!0), g(O, null, U(s.modelValue, (u, d) => (h(), G(De(u.component), Me({
         key: d,
         schema: u,
-        modelValue: s.value[d].value,
-        "onUpdate:modelValue": (p) => s.value[d].value = p,
+        modelValue: r.value[d].value,
+        "onUpdate:modelValue": (p) => r.value[d].value = p,
         data: l.value[u.fieldname],
-        readonly: a.readonly
-      }, r(u)), null, 16, ["schema", "modelValue", "onUpdate:modelValue", "data", "readonly"]))), 128))
+        readonly: s.readonly,
+        ref_for: !0
+      }, a(u)), null, 16, ["schema", "modelValue", "onUpdate:modelValue", "data", "readonly"]))), 128))
     ]));
   }
-}), ce = /* @__PURE__ */ O(ct, [["__scopeId", "data-v-88047a70"]]), dt = /* @__PURE__ */ E({
+}), fe = /* @__PURE__ */ Y(vt, [["__scopeId", "data-v-dc1a868d"]]), ht = /* @__PURE__ */ A({
   __name: "AFieldset",
   props: {
     schema: {},
@@ -661,35 +701,35 @@ const nt = {
     data: {}
   },
   setup(e) {
-    const t = e, n = m(t.data || []), o = m(!1), l = m(t.collapsible), r = m(t.schema);
-    function s(a) {
-      a.preventDefault(), l.value && (o.value = !o.value);
+    const t = e, n = f(t.data || []), o = f(!1), l = f(t.collapsible), a = f(t.schema);
+    function r(s) {
+      s.preventDefault(), l.value && (o.value = !o.value);
     }
-    return (a, i) => (v(), g("fieldset", null, [
-      c("legend", {
-        onClick: s,
-        onSubmit: s
+    return (s, c) => (h(), g("fieldset", null, [
+      i("legend", {
+        onClick: r,
+        onSubmit: r
       }, [
-        we(A(a.label) + " ", 1),
-        l.value ? (v(), K(ut, {
+        Ee(E(s.label) + " ", 1),
+        l.value ? (h(), G(pt, {
           key: 0,
           collapsed: o.value
-        }, null, 8, ["collapsed"])) : De("", !0)
+        }, null, 8, ["collapsed"])) : ue("", !0)
       ], 32),
-      Me(a.$slots, "default", { collapsed: o.value }, () => [
-        M(Ee(ce, {
-          modelValue: r.value,
-          "onUpdate:modelValue": i[0] || (i[0] = (u) => r.value = u),
+      Ae(s.$slots, "default", { collapsed: o.value }, () => [
+        D(Ce(fe, {
+          modelValue: a.value,
+          "onUpdate:modelValue": c[0] || (c[0] = (u) => a.value = u),
           data: n.value
         }, null, 8, ["modelValue", "data"]), [
-          [x, !o.value]
+          [H, !o.value]
         ])
       ], !0)
     ]));
   }
-}), ft = /* @__PURE__ */ O(dt, [["__scopeId", "data-v-0f671e32"]]), pt = { class: "aform__form-element" }, mt = ["for"], vt = ["id", "disabled", "required"], ht = ["innerHTML"], yt = /* @__PURE__ */ E({
+}), _t = /* @__PURE__ */ Y(ht, [["__scopeId", "data-v-b89db0c0"]]), gt = { class: "aform__form-element" }, yt = ["for"], bt = ["id", "disabled", "required"], wt = ["innerHTML"], kt = /* @__PURE__ */ A({
   __name: "ANumericInput",
-  props: /* @__PURE__ */ S({
+  props: /* @__PURE__ */ V({
     label: {},
     required: { type: Boolean },
     readonly: { type: Boolean },
@@ -701,31 +741,31 @@ const nt = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = $(e, "modelValue");
-    return (n, o) => (v(), g("div", pt, [
-      c("label", {
+    const t = x(e, "modelValue");
+    return (n, o) => (h(), g("div", gt, [
+      i("label", {
         class: "aform__field-label",
         for: n.uuid
-      }, A(n.label), 9, mt),
-      M(c("input", {
+      }, E(n.label), 9, yt),
+      D(i("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, vt), [
-        [G, t.value]
+      }, null, 8, bt), [
+        [I, t.value]
       ]),
-      M(c("p", {
+      D(i("p", {
         class: "error",
         innerHTML: n.validation.errorMessage
-      }, null, 8, ht), [
-        [x, n.validation.errorMessage]
+      }, null, 8, wt), [
+        [H, n.validation.errorMessage]
       ])
     ]));
   }
-}), se = {
+}), re = {
   date: "##/##/####",
   datetime: "####/##/## ##:##",
   time: "##:##",
@@ -733,28 +773,28 @@ const nt = {
   phone: "(###) ### - ####",
   card: "#### #### #### ####"
 };
-function gt(e) {
+function Dt(e) {
   try {
     return Function(`"use strict";return (${e})`)();
   } catch {
   }
 }
-function _t(e) {
+function Mt(e) {
   var n;
   let t = e.value;
   if (t) {
-    const o = gt(t);
+    const o = Dt(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 && se[l] && (t = se[l]);
+    l && re[l] && (t = re[l]);
   }
   return t;
 }
-function bt(e, t) {
+function Et(e, t) {
   t || (t = "#");
   let n = e;
   const o = [t, "/", "-", "(", ")", " "];
@@ -762,32 +802,31 @@ function bt(e, t) {
     n = n.replaceAll(l, "");
   return n;
 }
-function kt(e, t, n) {
+function At(e, t, n) {
   n || (n = "#");
   let o = t;
   for (const l of e) {
-    const r = o.indexOf(n);
-    if (r !== -1) {
-      const s = o.substring(0, r), a = o.substring(r + 1);
-      o = s + l + a;
+    const a = o.indexOf(n);
+    if (a !== -1) {
+      const r = o.substring(0, a), s = o.substring(a + 1);
+      o = r + l + s;
     }
   }
   return o.slice(0, t.length);
 }
-function wt(e, t) {
-  const n = _t(t);
-  if (!n)
-    return;
-  const o = "#", l = e.value, r = bt(l, o);
-  if (r) {
-    const s = kt(r, n, o);
-    t.instance.maskFilled && (t.instance.maskFilled = !s.includes(o)), e.value = s;
+function Ct(e, t) {
+  const n = Mt(t);
+  if (!n) return;
+  const o = "#", l = e.value, a = Et(l, o);
+  if (a) {
+    const r = At(a, n, o);
+    t.instance.maskFilled && (t.instance.maskFilled = !r.includes(o)), e.value = r;
   } else
     e.value = n;
 }
-const Dt = { class: "aform__form-element" }, Mt = ["for"], Et = ["id", "disabled", "maxlength", "required"], At = ["innerHTML"], Ct = /* @__PURE__ */ E({
+const Tt = { class: "aform__form-element" }, St = ["for"], Lt = ["id", "disabled", "maxlength", "required"], $t = ["innerHTML"], Vt = /* @__PURE__ */ A({
   __name: "ATextInput",
-  props: /* @__PURE__ */ S({
+  props: /* @__PURE__ */ V({
     schema: {},
     label: {},
     mask: {},
@@ -801,45 +840,129 @@ const Dt = { class: "aform__form-element" }, Mt = ["for"], Et = ["id", "disabled
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = m(!0), n = $(e, "modelValue");
-    return (o, l) => (v(), g("div", Dt, [
-      c("label", {
+    const t = f(!0), n = x(e, "modelValue");
+    return (o, l) => (h(), g("div", Tt, [
+      i("label", {
         class: "aform__field-label",
         for: o.uuid
-      }, A(o.label), 9, Mt),
-      M(c("input", {
+      }, E(o.label), 9, St),
+      D(i("input", {
         class: "aform__input-field",
-        "onUpdate:modelValue": l[0] || (l[0] = (r) => n.value = r),
+        "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, Et), [
-        [G, n.value],
-        [re(wt), o.mask]
+      }, null, 8, Lt), [
+        [I, n.value],
+        [ie(Ct), o.mask]
       ]),
-      M(c("p", {
+      D(i("p", {
         class: "error",
         innerHTML: o.validation.errorMessage
-      }, null, 8, At), [
-        [x, o.validation.errorMessage]
+      }, null, 8, $t), [
+        [H, 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", {
+  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", {
+  id: "login-password",
+  for: "password",
+  class: "login-label"
+}, "Password", -1), Yt = ["disabled"], Kt = ["disabled"], zt = {
+  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({
+  __name: "Login",
+  props: {
+    headerTitle: { default: "Login" },
+    headerSubtitle: { default: "Enter your email and password to login" }
+  },
+  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) {
+        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)
+          ]),
+          i("form", { onSubmit: s }, [
+            i("div", Ft, [
+              i("div", qt, [
+                Rt,
+                D(i("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),
+                  "auto-capitalize": "none",
+                  "auto-complete": "email",
+                  "auto-correct": "off",
+                  disabled: a.value
+                }, null, 8, Ot), [
+                  [I, o.value]
+                ])
+              ]),
+              i("div", Ut, [
+                Wt,
+                D(i("input", {
+                  id: "password",
+                  class: "login-field",
+                  name: "password",
+                  type: "password",
+                  "onUpdate:modelValue": u[1] || (u[1] = (d) => l.value = d),
+                  disabled: a.value
+                }, null, 8, Yt), [
+                  [I, l.value]
+                ])
+              ]),
+              i("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)
+            ])
+          ], 32),
+          Nt
+        ])
       ])
     ]));
   }
 });
-function Vt(e) {
-  e.component("ACheckbox", Se), e.component("ACombobox", xe), e.component("ADate", qe), e.component("ADropdown", We), e.component("ADatePicker", st), e.component("AFieldset", ft), e.component("AForm", ce), e.component("ANumericInput", yt), e.component("ATextInput", Ct);
+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);
 }
 export {
-  Se as ACheckbox,
-  xe as AComboBox,
-  qe as ADate,
-  st as ADatePicker,
-  We as ADropdown,
-  ft as AFieldset,
-  ce as AForm,
-  yt as ANumericInput,
-  Ct as ATextInput,
-  Vt as install
+  xe as ACheckbox,
+  Ie as AComboBox,
+  Re as ADate,
+  dt as ADatePicker,
+  Ke as ADropdown,
+  _t as AFieldset,
+  fe as AForm,
+  kt as ANumericInput,
+  Vt as ATextInput,
+  Jt as Login,
+  Qt as install
 };
 //# sourceMappingURL=aform.js.map