@stonecrop/aform 0.2.33 → 0.2.34

package/dist/aform.js

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