@stonecrop/aform 0.2.55 → 0.2.57

package/dist/aform.js

@@ -1,5 +1,5 @@
-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";
-import './assets/index.css';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({
+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 z, onUnmounted as ke, normalizeClass as K, withKeys as G, vModelText as F, Fragment as B, renderList as q, watch as U, onBeforeUnmount as we, computed as V, unref as I, 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";
+import './assets/index.css';const Le = { class: "aform_form-element" }, Ve = ["for"], Ie = { class: "aform_checkbox-container aform_input-field" }, He = ["id", "readonly", "required"], Pe = ["innerHTML"], xe = /* @__PURE__ */ A({
   __name: "ACheckbox",
   props: /* @__PURE__ */ H({
     label: {},
@@ -17,30 +17,35 @@ import './assets/index.css';const Le = { class: "aform__form-element" }, Ve = ["
     const t = P(e, "modelValue");
     return (n, o) => (m(), h("div", Le, [
       i("label", {
-        class: "aform__field-label",
+        class: "aform_field-label",
         for: n.uuid
       }, k(n.label), 9, Ve),
-      i("span", He, [
+      i("span", Ie, [
         D(i("input", {
           "onUpdate:modelValue": o[0] || (o[0] = (l) => t.value = l),
           type: "checkbox",
           id: n.uuid,
-          class: "aform__checkbox",
+          class: "aform_checkbox",
           readonly: n.readonly,
           required: n.required
-        }, null, 8, Pe), [
+        }, null, 8, He), [
           [ye, t.value]
         ])
       ]),
       D(i("p", {
-        class: "error",
+        class: "aform_error",
         innerHTML: n.validation.errorMessage
-      }, null, 8, xe), [
+      }, null, 8, Pe), [
         [x, n.validation.errorMessage]
       ])
     ]));
   }
-}), Fe = /* @__PURE__ */ A({
+}), E = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [o, l] of t)
+    n[o] = l;
+  return n;
+}, Fe = /* @__PURE__ */ E(xe, [["__scopeId", "data-v-f0ba8b6d"]]), Be = /* @__PURE__ */ A({
   __name: "AComboBox",
   props: ["event", "cellData", "tableID"],
   setup(e) {
@@ -62,7 +67,7 @@ import './assets/index.css';const Le = { class: "aform__form-element" }, Ve = ["
       }, 8, ["event", "cellData"]);
     };
   }
-}), Be = ["id", "disabled", "required", "value"], qe = ["for"], Re = ["innerHTML"], Oe = /* @__PURE__ */ A({
+}), qe = ["id", "disabled", "required", "value"], Re = ["for"], Oe = ["innerHTML"], Ue = /* @__PURE__ */ A({
   __name: "ADate",
   props: /* @__PURE__ */ H({
     label: { default: "Date" },
@@ -89,27 +94,22 @@ import './assets/index.css';const Le = { class: "aform__form-element" }, Ve = ["
         required: l.required,
         value: t.value,
         onClick: o
-      }, null, 8, Be),
-      i("label", { for: l.uuid }, k(l.label), 9, qe),
+      }, null, 8, qe),
+      i("label", { for: l.uuid }, k(l.label), 9, Re),
       D(i("p", {
         innerHTML: l.validation.errorMessage
-      }, null, 8, Re), [
+      }, null, 8, Oe), [
         [x, l.validation.errorMessage]
       ])
     ]));
   }
-}), z = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [o, l] of t)
-    n[o] = l;
-  return n;
-}, Ue = /* @__PURE__ */ z(Oe, [["__scopeId", "data-v-ec9dd0e4"]]), We = { class: "input-wrapper" }, Ye = {
+}), We = /* @__PURE__ */ E(Ue, [["__scopeId", "data-v-ec9dd0e4"]]), Ye = { class: "input-wrapper" }, Ge = {
   id: "autocomplete-results",
   class: "autocomplete-results"
-}, Ge = {
+}, Ke = {
   key: 0,
   class: "loading autocomplete-result"
-}, Ke = ["onClick"], ze = /* @__PURE__ */ A({
+}, ze = ["onClick"], Ne = /* @__PURE__ */ A({
   __name: "ADropdown",
   props: /* @__PURE__ */ H({
     label: {},
@@ -122,7 +122,7 @@ import './assets/index.css';const Le = { class: "aform__form-element" }, Ve = ["
   emits: /* @__PURE__ */ H(["filterChanged"], ["update:modelValue"]),
   setup(e, { emit: t }) {
     const n = t, o = v(e.items), l = P(e, "modelValue"), a = v(!1), s = v(0), r = v(!1);
-    K(() => {
+    z(() => {
       document.addEventListener("click", f), u();
     }), ke(() => {
       document.removeEventListener("click", f);
@@ -141,33 +141,33 @@ import './assets/index.css';const Le = { class: "aform__form-element" }, Ve = ["
       s.value < o.value.length && (s.value = s.value + 1);
     }, w = () => {
       s.value > 0 && (s.value = s.value - 1);
-    }, T = () => {
+    }, $ = () => {
       l.value = o.value[s.value], p(), s.value = 0;
     };
-    return (b, $) => (m(), h("div", {
-      class: G(["autocomplete", { isOpen: r.value }])
+    return (b, S) => (m(), h("div", {
+      class: K(["autocomplete", { isOpen: r.value }])
     }, [
-      i("div", We, [
+      i("div", Ye, [
         D(i("input", {
           ref: "mopInput",
           type: "text",
           onInput: d,
           onFocus: d,
-          "onUpdate:modelValue": $[0] || ($[0] = (g) => l.value = g),
+          "onUpdate:modelValue": S[0] || (S[0] = (g) => l.value = g),
           onKeydown: [
-            Y(y, ["down"]),
-            Y(w, ["up"]),
-            Y(T, ["enter"])
+            G(y, ["down"]),
+            G(w, ["up"]),
+            G($, ["enter"])
           ]
         }, null, 544), [
-          [I, l.value]
+          [F, l.value]
         ]),
-        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", {
+        D(i("ul", Ge, [
+          a.value ? (m(), h("li", Ke, "Loading results...")) : (m(!0), h(B, { key: 1 }, q(o.value, (g, _) => (m(), h("li", {
             key: _,
             onClick: (M) => c(g),
-            class: G(["autocomplete-result", { "is-active": _ === s.value }])
-          }, k(g), 11, Ke))), 128))
+            class: K(["autocomplete-result", { "is-active": _ === s.value }])
+          }, k(g), 11, ze))), 128))
         ], 512), [
           [x, r.value]
         ]),
@@ -175,35 +175,35 @@ import './assets/index.css';const Le = { class: "aform__form-element" }, Ve = ["
       ])
     ], 2));
   }
-});
+}), je = /* @__PURE__ */ E(Ne, [["__scopeId", "data-v-4e77785f"]]);
 function pe(e) {
   return de() ? (fe(e), !0) : !1;
 }
 function J(e) {
-  return typeof e == "function" ? e() : V(e);
+  return typeof e == "function" ? e() : I(e);
 }
-const Ne = typeof window < "u" && typeof document < "u";
+const Je = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-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) {
+const Qe = (e) => e != null, Xe = Object.prototype.toString, Ze = (e) => Xe.call(e) === "[object Object]", et = () => {
+}, W = Je ? window : void 0;
+function R(e) {
   var t;
   const n = J(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
-function R(...e) {
+function O(...e) {
   let t, n, o, l;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, l] = e, t = U) : [t, n, o, l] = e, !t)
-    return Xe;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, l] = e, t = W) : [t, n, o, l] = e, !t)
+    return et;
   Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
   const a = [], s = () => {
     a.forEach((d) => d()), a.length = 0;
-  }, r = (d, f, p, y) => (d.addEventListener(f, p, y), () => d.removeEventListener(f, p, y)), c = O(
-    () => [q(t), J(l)],
+  }, r = (d, f, p, y) => (d.addEventListener(f, p, y), () => d.removeEventListener(f, p, y)), c = U(
+    () => [R(t), J(l)],
     ([d, f]) => {
       if (s(), !d)
         return;
-      const p = Qe(f) ? { ...f } : f;
+      const p = Ze(f) ? { ...f } : f;
       a.push(
         ...n.flatMap((y) => o.map((w) => r(d, y, w, p)))
       );
@@ -214,25 +214,25 @@ function R(...e) {
   };
   return pe(u), u;
 }
-function Ze() {
+function tt() {
   const e = v(!1), t = De();
-  return t && K(() => {
+  return t && z(() => {
     e.value = !0;
   }, t), e;
 }
-function et(e) {
-  const t = Ze();
-  return L(() => (t.value, !!e()));
+function nt(e) {
+  const t = tt();
+  return V(() => (t.value, !!e()));
 }
-function tt(e, t, n = {}) {
-  const { window: o = U, ...l } = n;
+function ot(e, t, n = {}) {
+  const { window: o = W, ...l } = n;
   let a;
-  const s = et(() => o && "MutationObserver" in o), r = () => {
+  const s = nt(() => o && "MutationObserver" in o), r = () => {
     a && (a.disconnect(), a = void 0);
-  }, c = L(() => {
-    const p = J(e), y = (Array.isArray(p) ? p : [p]).map(q).filter(je);
+  }, c = V(() => {
+    const p = J(e), y = (Array.isArray(p) ? p : [p]).map(R).filter(Qe);
     return new Set(y);
-  }), u = O(
+  }), u = U(
     () => c.value,
     (p) => {
       r(), s.value && p.size && (a = new MutationObserver(t), p.forEach((y) => a.observe(y, l)));
@@ -247,10 +247,10 @@ function tt(e, t, n = {}) {
     takeRecords: d
   };
 }
-function nt(e = {}) {
+function lt(e = {}) {
   var t;
   const {
-    window: n = U,
+    window: n = W,
     deep: o = !0,
     triggerOnRemoval: l = !1
   } = e, a = (t = e.document) != null ? t : n == null ? void 0 : n.document, s = () => {
@@ -263,9 +263,9 @@ function nt(e = {}) {
   }, r = v(), c = () => {
     r.value = s();
   };
-  return n && (R(n, "blur", (u) => {
+  return n && (O(n, "blur", (u) => {
     u.relatedTarget === null && c();
-  }, !0), R(n, "focus", c, !0)), l && tt(a, (u) => {
+  }, !0), O(n, "focus", c, !0)), l && ot(a, (u) => {
     u.filter((d) => d.removedNodes.length).map((d) => Array.from(d.removedNodes)).flat().forEach((d) => {
       d === r.value && c();
     });
@@ -274,15 +274,15 @@ function nt(e = {}) {
     subtree: !0
   }), c(), r;
 }
-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 });
+const at = "focusin", st = "focusout";
+function rt(e, t = {}) {
+  const { window: n = W } = t, o = V(() => R(e)), l = v(!1), a = V(() => l.value), s = lt(t);
+  return !n || !s.value ? { focused: a } : (O(o, at, () => l.value = !0), O(o, st, () => l.value = !1), { focused: a });
 }
-function st(e, { window: t = U, scrollTarget: n } = {}) {
+function it(e, { window: t = W, scrollTarget: n } = {}) {
   const o = v(!1), l = () => {
     if (!t) return;
-    const a = t.document, s = q(e);
+    const a = t.document, s = R(e);
     if (!s)
       o.value = !1;
     else {
@@ -290,19 +290,19 @@ function st(e, { window: t = U, scrollTarget: n } = {}) {
       o.value = r.top <= (t.innerHeight || a.documentElement.clientHeight) && r.left <= (t.innerWidth || a.documentElement.clientWidth) && r.bottom >= 0 && r.right >= 0;
     }
   };
-  return O(
-    () => q(e),
+  return U(
+    () => R(e),
     () => l(),
     { immediate: !0, flush: "post" }
-  ), t && R(n || t, "scroll", l, {
+  ), t && O(n || t, "scroll", l, {
     capture: !1,
     passive: !0
   }), o;
 }
-const E = (e) => {
-  let t = st(e).value;
+const C = (e) => {
+  let t = it(e).value;
   return t = t && e.offsetHeight > 0, t;
-}, C = (e) => e.tabIndex >= 0, te = (e) => {
+}, T = (e) => e.tabIndex >= 0, te = (e) => {
   const t = e.target;
   return Q(t);
 }, Q = (e) => {
@@ -318,8 +318,8 @@ const E = (e) => {
     const o = e.previousElementSibling;
     o && (n = o);
   }
-  return n && (!C(n) || !E(n)) ? Q(n) : n;
-}, rt = (e) => {
+  return n && (!T(n) || !C(n)) ? Q(n) : n;
+}, ut = (e) => {
   var t;
   const n = e.target;
   let o;
@@ -336,7 +336,7 @@ const E = (e) => {
       a && (o = a);
     }
   }
-  return o && (!C(o) || !E(o)) ? X(o) : o;
+  return o && (!T(o) || !C(o)) ? X(o) : o;
 }, ne = (e) => {
   const t = e.target;
   return X(t);
@@ -353,8 +353,8 @@ const E = (e) => {
     const o = e.nextElementSibling;
     o && (n = o);
   }
-  return n && (!C(n) || !E(n)) ? X(n) : n;
-}, it = (e) => {
+  return n && (!T(n) || !C(n)) ? X(n) : n;
+}, ct = (e) => {
   var t;
   const n = e.target;
   let o;
@@ -371,7 +371,7 @@ const E = (e) => {
       a && (o = a);
     }
   }
-  return o && (!C(o) || !E(o)) ? Q(o) : o;
+  return o && (!T(o) || !C(o)) ? Q(o) : o;
 }, oe = (e) => {
   const t = e.target;
   return Z(t);
@@ -384,7 +384,7 @@ const E = (e) => {
     const o = (t = e.parentElement) == null ? void 0 : t.previousElementSibling;
     n = o == null ? void 0 : o.lastElementChild;
   }
-  return n && (!C(n) || !E(n)) ? Z(n) : n;
+  return n && (!T(n) || !C(n)) ? Z(n) : n;
 }, le = (e) => {
   const t = e.target;
   return ee(t);
@@ -397,14 +397,14 @@ const E = (e) => {
     const o = (t = e.parentElement) == null ? void 0 : t.nextElementSibling;
     n = o == null ? void 0 : o.firstElementChild;
   }
-  return n && (!C(n) || !E(n)) ? ee(n) : n;
+  return n && (!T(n) || !C(n)) ? ee(n) : n;
 }, ae = (e) => {
   const t = e.target.parentElement.firstElementChild;
-  return t && (!C(t) || !E(t)) ? ee(t) : t;
+  return t && (!T(t) || !C(t)) ? ee(t) : t;
 }, se = (e) => {
   const t = e.target.parentElement.lastElementChild;
-  return t && (!C(t) || !E(t)) ? Z(t) : t;
-}, W = ["alt", "control", "shift", "meta"], ut = {
+  return t && (!T(t) || !C(t)) ? Z(t) : t;
+}, Y = ["alt", "control", "shift", "meta"], dt = {
   ArrowUp: "up",
   ArrowDown: "down",
   ArrowLeft: "left",
@@ -427,11 +427,11 @@ const E = (e) => {
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.control.up": (e) => {
-    const t = rt(e);
+    const t = ut(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.down": (e) => {
-    const t = it(e);
+    const t = ct(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.left": (e) => {
@@ -473,7 +473,7 @@ const E = (e) => {
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   }
 };
-function ct(e) {
+function ft(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;
@@ -496,36 +496,36 @@ function ct(e) {
   }, 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;
+    return s.selectors ? c = n(s) : r && (c = Array.from(r.children).filter((u) => T(u) && C(u))), c;
   }, l = (s) => (r) => {
-    const c = ut[r.key] || r.key.toLowerCase();
-    if (W.includes(c)) return;
+    const c = dt[r.key] || r.key.toLowerCase();
+    if (Y.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($);
+        const y = u[d], w = p.filter((b) => Y.includes(b)), $ = Y.some((b) => {
+          const S = b.charAt(0).toUpperCase() + b.slice(1);
+          return r.getModifierState(S);
         });
         if (w.length > 0) {
-          if (T) {
-            for (const b of W)
+          if ($) {
+            for (const b of Y)
               if (p.includes(b)) {
-                const $ = b.charAt(0).toUpperCase() + b.slice(1);
-                r.getModifierState($) && y(r);
+                const S = b.charAt(0).toUpperCase() + b.slice(1);
+                r.getModifierState(S) && y(r);
               }
           }
         } else
-          T || y(r);
+          $ || y(r);
       }
     }
   }, a = [];
-  K(() => {
+  z(() => {
     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) => {
+        const { focused: p } = rt(v(f)), y = U(p, (w) => {
           w ? f.addEventListener("keydown", u) : f.removeEventListener("keydown", u);
         });
         a.push(y);
@@ -536,14 +536,14 @@ function ct(e) {
       s();
   });
 }
-const dt = {
+const mt = {
   class: "adatepicker",
   tabindex: "0",
   ref: "datepicker"
-}, ft = {
+}, pt = {
   colspan: "5",
   tabindex: -1
-}, mt = ["onClick", "onKeydown"], pt = 6, re = 7, vt = /* @__PURE__ */ A({
+}, vt = ["onClick", "onKeydown"], gt = 6, re = 7, ht = /* @__PURE__ */ A({
   __name: "ADatePicker",
   props: {
     modelValue: { default: /* @__PURE__ */ new Date() },
@@ -552,7 +552,7 @@ const dt = {
   emits: ["update:modelValue"],
   setup(e) {
     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 () => {
+    z(async () => {
       r(), await Ae();
       const g = document.getElementsByClassName("selectedDate");
       if (g.length > 0)
@@ -565,10 +565,10 @@ const dt = {
     const r = () => {
       a.value = [];
       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);
+      for (const L of Array(43).keys())
+        a.value.push(M + L * 864e5);
     };
-    O([o, l], r);
+    U([o, l], r);
     const c = () => l.value -= 1, u = () => l.value += 1, d = () => {
       o.value == 0 ? (o.value = 11, c()) : o.value -= 1;
     }, f = () => {
@@ -577,13 +577,13 @@ const dt = {
       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) => {
+    }, y = (g) => new Date(g).toDateString() === new Date(n.value).toDateString(), w = (g, _) => (g - 1) * re + _, $ = (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, {
+    }, S = V(() => new Date(l.value, o.value, 1).toLocaleDateString(void 0, {
       year: "numeric",
       month: "long"
     }));
-    return ct([
+    return ft([
       {
         parent: s,
         selectors: "td",
@@ -600,7 +600,7 @@ const dt = {
           }
         }
       }
-    ]), (g, _) => (m(), h("div", dt, [
+    ]), (g, _) => (m(), h("div", mt, [
       i("table", null, [
         i("tr", null, [
           i("td", {
@@ -608,7 +608,7 @@ const dt = {
             onClick: d,
             tabindex: -1
           }, "<"),
-          i("th", ft, k($.value), 1),
+          i("th", pt, k(S.value), 1),
           i("td", {
             id: "next-month-btn",
             onClick: f,
@@ -624,36 +624,36 @@ const dt = {
           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", {
+        (m(), h(B, null, q(gt, (M) => i("tr", { key: M }, [
+          (m(), h(B, null, q(re, (L) => i("td", {
             ref_for: !0,
             ref: "celldate",
-            key: w(M, S),
+            key: w(M, L),
             contenteditable: !1,
             spellcheck: !1,
             tabindex: 0,
-            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))
+            onClick: Me((he) => b(w(M, L)), ["prevent", "stop"]),
+            onKeydown: G((he) => b(w(M, L)), ["enter"]),
+            class: K({
+              todaysDate: p($(M, L)),
+              selectedDate: y($(M, L))
             })
-          }, k(new Date(T(M, S)).getDate()), 43, mt)), 64))
+          }, k(new Date($(M, L)).getDate()), 43, vt)), 64))
         ])), 64))
       ])
     ], 512));
   }
-}), gt = /* @__PURE__ */ A({
+}), yt = /* @__PURE__ */ E(ht, [["__scopeId", "data-v-a73ce0ff"]]), bt = /* @__PURE__ */ A({
   __name: "CollapseButton",
   props: {
     collapsed: { type: Boolean }
   },
   setup(e) {
     return (t, n) => (m(), h("button", {
-      class: G(["collapse-button", t.collapsed ? "rotated" : "unrotated"])
+      class: K(["collapse-button", t.collapsed ? "rotated" : "unrotated"])
     }, "×", 2));
   }
-}), ht = /* @__PURE__ */ z(gt, [["__scopeId", "data-v-6f1c1b45"]]), yt = { class: "aform" }, bt = /* @__PURE__ */ A({
+}), _t = /* @__PURE__ */ E(bt, [["__scopeId", "data-v-6f1c1b45"]]), kt = { class: "aform" }, wt = /* @__PURE__ */ A({
   __name: "AForm",
   props: {
     modelValue: {},
@@ -667,8 +667,8 @@ const dt = {
       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({
+    }, a = V({
+      get: () => e.modelValue.map((s, r) => V({
         get() {
           return s.value;
         },
@@ -679,8 +679,8 @@ const dt = {
       set: () => {
       }
     });
-    return (s, r) => (m(), h("form", yt, [
-      (m(!0), h(F, null, B(s.modelValue, (c, u) => (m(), N(Ee(c.component), Ce({
+    return (s, r) => (m(), h("form", kt, [
+      (m(!0), h(B, null, q(s.modelValue, (c, u) => (m(), N(Ee(c.component), Ce({
         key: u,
         schema: c,
         modelValue: a.value[u].value,
@@ -691,7 +691,7 @@ const dt = {
       }, l(c)), null, 16, ["schema", "modelValue", "onUpdate:modelValue", "data", "readonly"]))), 128))
     ]));
   }
-}), ge = /* @__PURE__ */ z(bt, [["__scopeId", "data-v-f3a1a760"]]), _t = /* @__PURE__ */ A({
+}), ge = /* @__PURE__ */ E(wt, [["__scopeId", "data-v-d9ce3008"]]), Dt = /* @__PURE__ */ A({
   __name: "AFieldset",
   props: {
     schema: {},
@@ -709,7 +709,7 @@ const dt = {
         onSubmit: l
       }, [
         me(k(a.label) + " ", 1),
-        a.collapsible ? (m(), N(ht, {
+        a.collapsible ? (m(), N(_t, {
           key: 0,
           collapsed: t.value
         }, null, 8, ["collapsed"])) : j("", !0)
@@ -725,8 +725,8 @@ const dt = {
       ], !0)
     ]));
   }
-}), kt = /* @__PURE__ */ z(_t, [["__scopeId", "data-v-df65d1bf"]]);
-function wt(e) {
+}), At = /* @__PURE__ */ E(Dt, [["__scopeId", "data-v-df65d1bf"]]);
+function Mt(e) {
   return de() ? (fe(e), !0) : !1;
 }
 function ie() {
@@ -737,7 +737,7 @@ function ie() {
     on: (l) => {
       e.add(l);
       const a = () => t(l);
-      return wt(a), {
+      return Mt(a), {
         off: a
       };
     },
@@ -745,17 +745,17 @@ function ie() {
     trigger: (...l) => Promise.all(Array.from(e).map((a) => a(...l)))
   };
 }
-const Dt = typeof window < "u" && typeof document < "u";
+const Et = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const At = (e, t) => Object.prototype.hasOwnProperty.call(e, t), Mt = Dt ? window.document : void 0, Et = {
+const Ct = (e, t) => Object.prototype.hasOwnProperty.call(e, t), Tt = Et ? window.document : void 0, $t = {
   multiple: !0,
   accept: "*",
   reset: !1,
   directory: !1
 };
-function Ct(e = {}) {
+function St(e = {}) {
   const {
-    document: t = Mt
+    document: t = Tt
   } = 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) => {
@@ -770,11 +770,11 @@ function Ct(e = {}) {
     if (!r)
       return;
     const f = {
-      ...Et,
+      ...$t,
       ...e,
       ...d
     };
-    r.multiple = f.multiple, r.accept = f.accept, r.webkitdirectory = f.directory, At(f, "capture") && (r.capture = f.capture), f.reset && c(), r.click();
+    r.multiple = f.multiple, r.accept = f.accept, r.webkitdirectory = f.directory, Ct(f, "capture") && (r.capture = f.capture), f.reset && c(), r.click();
   };
   return {
     files: Se(n),
@@ -784,40 +784,40 @@ function Ct(e = {}) {
     onChange: o
   };
 }
-const Tt = { class: "aform__form-element aform__file-attach aform__grid--full" }, $t = {
+const Lt = { class: "aform_form-element aform_file-attach aform__grid--full" }, Vt = {
   key: 0,
-  class: "aform__file-attach-feedback"
-}, St = ["disabled"], Lt = /* @__PURE__ */ A({
+  class: "aform_file-attach-feedback"
+}, It = ["disabled"], Ht = /* @__PURE__ */ A({
   __name: "AFileAttach",
   props: {
     label: {}
   },
   setup(e) {
-    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, [
+    const { files: t, open: n, reset: o, onChange: l } = St(), a = V(() => `${t.value.length} ${t.value.length === 1 ? "file" : "files"}`);
+    return l((s) => s), (s, r) => (m(), h("div", Lt, [
+      I(t) ? (m(), h("div", Vt, [
         i("p", null, [
           r[2] || (r[2] = me(" You have selected: ")),
           i("b", null, k(a.value), 1)
         ]),
-        (m(!0), h(F, null, B(V(t), (c) => (m(), h("li", {
+        (m(!0), h(B, null, q(I(t), (c) => (m(), h("li", {
           key: c.name
         }, k(c.name), 1))), 128))
       ])) : j("", !0),
       i("button", {
         type: "button",
-        onClick: r[0] || (r[0] = (c) => V(n)()),
-        class: "aform__form-btn"
+        onClick: r[0] || (r[0] = (c) => I(n)()),
+        class: "aform_form-btn"
       }, k(s.label), 1),
       i("button", {
         type: "button",
-        disabled: !V(t),
-        onClick: r[1] || (r[1] = (c) => V(o)()),
-        class: "aform__form-btn"
-      }, "Reset", 8, St)
+        disabled: !I(t),
+        onClick: r[1] || (r[1] = (c) => I(o)()),
+        class: "aform_form-btn"
+      }, "Reset", 8, It)
     ]));
   }
-}), Vt = { class: "aform__form-element" }, Ht = ["for"], Pt = ["id", "disabled", "required"], xt = ["innerHTML"], It = /* @__PURE__ */ A({
+}), Pt = /* @__PURE__ */ E(Ht, [["__scopeId", "data-v-0b3a11cc"]]), xt = { class: "aform_form-element" }, Ft = ["id", "disabled", "required"], Bt = ["for"], qt = ["innerHTML"], Rt = /* @__PURE__ */ A({
   __name: "ANumericInput",
   props: /* @__PURE__ */ H({
     label: {},
@@ -833,25 +833,25 @@ const Tt = { class: "aform__form-element aform__file-attach aform__grid--full" }
   emits: ["update:modelValue"],
   setup(e) {
     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, Ht),
+    return (n, o) => (m(), h("div", xt, [
       D(i("input", {
-        class: "aform__input-field",
+        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, Pt), [
-        [I, t.value]
+      }, null, 8, Ft), [
+        [F, t.value]
       ]),
+      i("label", {
+        class: "aform_field-label",
+        for: n.uuid
+      }, k(n.label), 9, Bt),
       D(i("p", {
-        class: "error",
+        class: "aform_error",
         innerHTML: n.validation.errorMessage
-      }, null, 8, xt), [
+      }, null, 8, qt), [
         [x, n.validation.errorMessage]
       ])
     ]));
@@ -864,17 +864,17 @@ const Tt = { class: "aform__form-element aform__file-attach aform__grid--full" }
   phone: "(###) ### - ####",
   card: "#### #### #### ####"
 };
-function Ft(e) {
+function Ot(e) {
   try {
     return Function(`"use strict";return (${e})`)();
   } catch {
   }
 }
-function Bt(e) {
+function Ut(e) {
   var n;
   let t = e.value;
   if (t) {
-    const o = Ft(t);
+    const o = Ot(t);
     if (o) {
       const l = e.instance.locale;
       t = o(l);
@@ -885,14 +885,14 @@ function Bt(e) {
   }
   return t;
 }
-function qt(e, t) {
+function Wt(e, t) {
   let n = e;
   const o = [t, "/", "-", "(", ")", " "];
   for (const l of o)
     n = n.replaceAll(l, "");
   return n;
 }
-function Rt(e, t, n) {
+function Yt(e, t, n) {
   let o = t;
   for (const l of e) {
     const a = o.indexOf(n);
@@ -903,17 +903,17 @@ function Rt(e, t, n) {
   }
   return o.slice(0, t.length);
 }
-function Ot(e, t) {
-  const n = Bt(t);
+function Gt(e, t) {
+  const n = Ut(t);
   if (!n) return;
-  const o = "#", l = e.value, a = qt(l, o);
+  const o = "#", l = e.value, a = Wt(l, o);
   if (a) {
-    const s = Rt(a, n, o);
+    const s = Yt(a, n, o);
     t.instance.maskFilled && (t.instance.maskFilled = !s.includes(o)), e.value = s;
   } else
     e.value = n;
 }
-const Ut = { class: "aform__form-element" }, Wt = ["for"], Yt = ["id", "disabled", "maxlength", "required"], Gt = ["innerHTML"], Kt = /* @__PURE__ */ A({
+const Kt = { class: "aform_form-element" }, zt = ["id", "disabled", "maxlength", "required"], Nt = ["for"], jt = ["innerHTML"], Jt = /* @__PURE__ */ A({
   __name: "ATextInput",
   props: /* @__PURE__ */ H({
     label: {},
@@ -929,34 +929,34 @@ const Ut = { class: "aform__form-element" }, Wt = ["for"], Yt = ["id", "disabled
   emits: ["update:modelValue"],
   setup(e) {
     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, Wt),
+    return (o, l) => (m(), h("div", Kt, [
       D(i("input", {
-        class: "aform__input-field",
+        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, Yt), [
-        [I, n.value],
-        [V(Ot), o.mask]
+      }, null, 8, zt), [
+        [F, n.value],
+        [I(Gt), o.mask]
       ]),
+      i("label", {
+        class: "aform_field-label",
+        for: o.uuid
+      }, k(o.label), 9, Nt),
       D(i("p", {
-        class: "error",
+        class: "aform_error",
         innerHTML: o.validation.errorMessage
-      }, null, 8, Gt), [
+      }, null, 8, jt), [
         [x, o.validation.errorMessage]
       ])
     ]));
   }
-}), 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 = {
+}), Qt = { class: "login-container" }, Xt = { class: "account-container" }, Zt = { class: "account-header" }, en = { id: "account-title" }, tn = { id: "account-subtitle" }, nn = { class: "login-form-container" }, on = { class: "login-form-email aform_form-element" }, ln = ["disabled"], an = { class: "login-form-password aform_form-element" }, sn = ["disabled"], rn = ["disabled"], un = {
   key: 0,
   class: "material-symbols-outlined loading-icon"
-}, sn = /* @__PURE__ */ A({
+}, cn = /* @__PURE__ */ A({
   __name: "Login",
   props: {
     headerTitle: { default: "Login" },
@@ -972,24 +972,24 @@ const Ut = { class: "aform__form-element" }, Wt = ["for"], Yt = ["id", "disabled
       }
       a.value = !1, n("loginSuccess");
     }
-    return (c, u) => (m(), h("div", zt, [
+    return (c, u) => (m(), h("div", Qt, [
       i("div", null, [
-        i("div", Nt, [
-          i("div", jt, [
-            i("h1", Jt, k(c.headerTitle), 1),
-            i("p", Qt, k(c.headerSubtitle), 1)
+        i("div", Xt, [
+          i("div", Zt, [
+            i("h1", en, k(c.headerTitle), 1),
+            i("p", tn, k(c.headerSubtitle), 1)
           ]),
           i("form", { onSubmit: r }, [
-            i("div", Xt, [
-              i("div", Zt, [
+            i("div", nn, [
+              i("div", on, [
                 u[2] || (u[2] = i("label", {
                   id: "login-email",
                   for: "email",
-                  class: "aform__field-label"
+                  class: "aform_field-label"
                 }, "Email", -1)),
                 D(i("input", {
                   id: "email",
-                  class: "aform__input-field",
+                  class: "aform_input-field",
                   name: "email",
                   placeholder: "name@example.com",
                   type: "email",
@@ -998,25 +998,25 @@ const Ut = { class: "aform__form-element" }, Wt = ["for"], Yt = ["id", "disabled
                   "auto-complete": "email",
                   "auto-correct": "off",
                   disabled: a.value
-                }, null, 8, en), [
-                  [I, o.value]
+                }, null, 8, ln), [
+                  [F, o.value]
                 ])
               ]),
-              i("div", tn, [
+              i("div", an, [
                 u[3] || (u[3] = i("label", {
                   id: "login-password",
                   for: "password",
-                  class: "aform__field-label"
+                  class: "aform_field-label"
                 }, "Password", -1)),
                 D(i("input", {
                   id: "password",
-                  class: "aform__input-field",
+                  class: "aform_input-field",
                   name: "password",
                   type: "password",
                   "onUpdate:modelValue": u[1] || (u[1] = (d) => l.value = d),
                   disabled: a.value
-                }, null, 8, nn), [
-                  [I, l.value]
+                }, null, 8, sn), [
+                  [F, l.value]
                 ])
               ]),
               i("button", {
@@ -1024,9 +1024,9 @@ const Ut = { class: "aform__form-element" }, Wt = ["for"], Yt = ["id", "disabled
                 onClick: r,
                 disabled: a.value || !o.value || !l.value
               }, [
-                a.value ? (m(), h("span", ln, "progress_activity")) : j("", !0),
+                a.value ? (m(), h("span", un, "progress_activity")) : j("", !0),
                 u[4] || (u[4] = i("span", { id: "login-form-button" }, "Login", -1))
-              ], 8, on)
+              ], 8, rn)
             ])
           ], 32),
           u[5] || (u[5] = i("button", { class: "btn" }, [
@@ -1036,22 +1036,22 @@ const Ut = { class: "aform__form-element" }, Wt = ["for"], Yt = ["id", "disabled
       ])
     ]));
   }
-});
-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);
+}), fn = /* @__PURE__ */ E(cn, [["__scopeId", "data-v-6cbd3add"]]);
+function mn(e) {
+  e.component("ACheckbox", Fe), e.component("ACombobox", Be), e.component("ADate", We), e.component("ADropdown", je), e.component("ADatePicker", yt), e.component("AFieldset", At), e.component("AFileAttach", Pt), e.component("AForm", ge), e.component("ANumericInput", Rt), e.component("ATextInput", Jt);
 }
 export {
-  Ie as ACheckbox,
-  Fe as AComboBox,
-  Ue as ADate,
-  vt as ADatePicker,
-  ze as ADropdown,
-  kt as AFieldset,
-  Lt as AFileAttach,
+  Fe as ACheckbox,
+  Be as AComboBox,
+  We as ADate,
+  yt as ADatePicker,
+  je as ADropdown,
+  At as AFieldset,
+  Pt as AFileAttach,
   ge as AForm,
-  It as ANumericInput,
-  Kt as ATextInput,
-  sn as Login,
-  rn as install
+  Rt as ANumericInput,
+  Jt as ATextInput,
+  fn as Login,
+  mn as install
 };
 //# sourceMappingURL=aform.js.map