@stonecrop/aform 0.3.0 → 0.3.2

package/dist/aform.d.ts

@@ -106,9 +106,23 @@ export declare type TableColumn = {
     pinned?: boolean;
     cellComponent?: string;
     cellComponentProps?: Record<string, any>;
-    modalComponent?: string | ((context?: CellContext) => string);
+    /**
+     * The component to use for the modal. If a function is provided, it will be called with the cell context.
+     * The following properties are available on the cell context:
+     * - `row` - the row object
+     * - `column` - the column object
+     * - `table` - the table object
+     *
+     * The function should return the name of the component to use for the modal.
+     *
+     * Additionally, the following properties will be automatically passed to the modal component:
+     * - `colIndex` - the column index of the current cell
+     * - `rowIndex` - the row index of the current cell
+     * - `store` - the table data store
+     */
+    modalComponent?: string | ((context: CellContext) => string);
     modalComponentExtraProps?: Record<string, any>;
-    format?: string | ((value: any, context?: CellContext) => string);
+    format?: string | ((value: any, context: CellContext) => string);
     mask?: (value: any) => any;
 };
 

package/dist/aform.js

@@ -1,4 +1,4 @@
-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 { defineComponent as A, mergeModels as H, useModel as x, openBlock as m, createElementBlock as h, createElementVNode as i, toDisplayString as k, withDirectives as w, vModelCheckbox as ye, vShow as F, resolveComponent as be, createBlock as N, withCtx as _e, useTemplateRef as ce, vModelText as P, ref as v, onMounted as z, onUnmounted as ke, normalizeClass as K, withKeys as G, 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 Se, readonly as $e } 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({
@@ -14,14 +14,14 @@ import './assets/index.css';const Le = { class: "aform_form-element" }, Ve = ["f
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = P(e, "modelValue");
+    const t = x(e, "modelValue");
     return (n, o) => (m(), h("div", Le, [
       i("label", {
         class: "aform_field-label",
         for: n.uuid
       }, k(n.label), 9, Ve),
       i("span", Ie, [
-        D(i("input", {
+        w(i("input", {
           "onUpdate:modelValue": o[0] || (o[0] = (l) => t.value = l),
           type: "checkbox",
           id: n.uuid,
@@ -32,11 +32,11 @@ import './assets/index.css';const Le = { class: "aform_form-element" }, Ve = ["f
           [ye, t.value]
         ])
       ]),
-      D(i("p", {
+      w(i("p", {
         class: "aform_error",
         innerHTML: n.validation.errorMessage
       }, null, 8, Pe), [
-        [x, n.validation.errorMessage]
+        [F, n.validation.errorMessage]
       ])
     ]));
   }
@@ -67,7 +67,7 @@ import './assets/index.css';const Le = { class: "aform_form-element" }, Ve = ["f
       }, 8, ["event", "cellData"]);
     };
   }
-}), qe = ["id", "disabled", "required", "value"], Re = ["for"], Oe = ["innerHTML"], Ue = /* @__PURE__ */ A({
+}), qe = ["id", "disabled", "required"], Oe = ["for"], Re = ["innerHTML"], Ue = /* @__PURE__ */ A({
   __name: "ADate",
   props: /* @__PURE__ */ H({
     label: { default: "Date" },
@@ -77,33 +77,40 @@ import './assets/index.css';const Le = { class: "aform_form-element" }, Ve = ["f
     uuid: {},
     validation: { default: () => ({ errorMessage: " " }) }
   }, {
-    modelValue: {},
+    modelValue: {
+      // format the date to be compatible with the native input datepicker
+    },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = P(e, "modelValue"), n = ce("date"), o = () => {
+    const t = x(e, "modelValue", {
+      // format the date to be compatible with the native input datepicker
+      set: (l) => new Date(l).toISOString().split("T")[0]
+    }), n = ce("date"), o = () => {
       n.value && "showPicker" in HTMLInputElement.prototype && n.value.showPicker();
     };
     return (l, a) => (m(), h("div", null, [
-      i("input", {
+      w(i("input", {
+        "onUpdate:modelValue": a[0] || (a[0] = (s) => t.value = s),
         ref: "date",
         type: "date",
         id: l.uuid,
         disabled: l.readonly,
         required: l.required,
-        value: t.value,
         onClick: o
-      }, null, 8, qe),
-      i("label", { for: l.uuid }, k(l.label), 9, Re),
-      D(i("p", {
+      }, null, 8, qe), [
+        [P, t.value]
+      ]),
+      i("label", { for: l.uuid }, k(l.label), 9, Oe),
+      w(i("p", {
         innerHTML: l.validation.errorMessage
-      }, null, 8, Oe), [
-        [x, l.validation.errorMessage]
+      }, null, 8, Re), [
+        [F, l.validation.errorMessage]
       ])
     ]));
   }
-}), We = /* @__PURE__ */ E(Ue, [["__scopeId", "data-v-79ffa25e"]]), Ye = { class: "input-wrapper" }, Ge = {
+}), We = /* @__PURE__ */ E(Ue, [["__scopeId", "data-v-bf338f75"]]), Ye = { class: "input-wrapper" }, Ge = {
   id: "autocomplete-results",
   class: "autocomplete-results"
 }, Ke = {
@@ -121,7 +128,7 @@ import './assets/index.css';const Le = { class: "aform_form-element" }, Ve = ["f
   }),
   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);
+    const n = t, o = v(e.items), l = x(e, "modelValue"), a = v(!1), s = v(0), r = v(!1);
     z(() => {
       document.addEventListener("click", f), u();
     }), ke(() => {
@@ -139,37 +146,37 @@ import './assets/index.css';const Le = { class: "aform_form-element" }, Ve = ["f
       r.value = !1, e.items.includes(l.value) || (l.value = "");
     }, y = () => {
       s.value < o.value.length && (s.value = s.value + 1);
-    }, w = () => {
+    }, D = () => {
       s.value > 0 && (s.value = s.value - 1);
-    }, $ = () => {
+    }, S = () => {
       l.value = o.value[s.value], p(), s.value = 0;
     };
-    return (b, S) => (m(), h("div", {
+    return (b, $) => (m(), h("div", {
       class: K(["autocomplete", { isOpen: r.value }])
     }, [
       i("div", Ye, [
-        D(i("input", {
+        w(i("input", {
           ref: "mopInput",
           type: "text",
           onInput: d,
           onFocus: d,
-          "onUpdate:modelValue": S[0] || (S[0] = (g) => l.value = g),
+          "onUpdate:modelValue": $[0] || ($[0] = (g) => l.value = g),
           onKeydown: [
             G(y, ["down"]),
-            G(w, ["up"]),
-            G($, ["enter"])
+            G(D, ["up"]),
+            G(S, ["enter"])
           ]
         }, null, 544), [
-          [F, l.value]
+          [P, l.value]
         ]),
-        D(i("ul", Ge, [
+        w(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: K(["autocomplete-result", { "is-active": _ === s.value }])
           }, k(g), 11, ze))), 128))
         ], 512), [
-          [x, r.value]
+          [F, r.value]
         ]),
         i("label", null, k(b.label), 1)
       ])
@@ -186,12 +193,12 @@ const Je = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
 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) {
+function O(e) {
   var t;
   const n = J(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
-function O(...e) {
+function R(...e) {
   let t, n, o, l;
   if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, l] = e, t = W) : [t, n, o, l] = e, !t)
     return et;
@@ -199,13 +206,13 @@ function O(...e) {
   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 = U(
-    () => [R(t), J(l)],
+    () => [O(t), J(l)],
     ([d, f]) => {
       if (s(), !d)
         return;
       const p = Ze(f) ? { ...f } : f;
       a.push(
-        ...n.flatMap((y) => o.map((w) => r(d, y, w, p)))
+        ...n.flatMap((y) => o.map((D) => r(d, y, D, p)))
       );
     },
     { immediate: !0, flush: "post" }
@@ -230,7 +237,7 @@ function ot(e, t, n = {}) {
   const s = nt(() => o && "MutationObserver" in o), r = () => {
     a && (a.disconnect(), a = void 0);
   }, c = V(() => {
-    const p = J(e), y = (Array.isArray(p) ? p : [p]).map(R).filter(Qe);
+    const p = J(e), y = (Array.isArray(p) ? p : [p]).map(O).filter(Qe);
     return new Set(y);
   }), u = U(
     () => c.value,
@@ -263,9 +270,9 @@ function lt(e = {}) {
   }, r = v(), c = () => {
     r.value = s();
   };
-  return n && (O(n, "blur", (u) => {
+  return n && (R(n, "blur", (u) => {
     u.relatedTarget === null && c();
-  }, !0), O(n, "focus", c, !0)), l && ot(a, (u) => {
+  }, !0), R(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();
     });
@@ -276,13 +283,13 @@ function lt(e = {}) {
 }
 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 });
+  const { window: n = W } = t, o = V(() => O(e)), l = v(!1), a = V(() => l.value), s = lt(t);
+  return !n || !s.value ? { focused: a } : (R(o, at, () => l.value = !0), R(o, st, () => l.value = !1), { focused: a });
 }
 function it(e, { window: t = W, scrollTarget: n } = {}) {
   const o = v(!1), l = () => {
     if (!t) return;
-    const a = t.document, s = R(e);
+    const a = t.document, s = O(e);
     if (!s)
       o.value = !1;
     else {
@@ -291,10 +298,10 @@ function it(e, { window: t = W, scrollTarget: n } = {}) {
     }
   };
   return U(
-    () => R(e),
+    () => O(e),
     () => l(),
     { immediate: !0, flush: "post" }
-  ), t && O(n || t, "scroll", l, {
+  ), t && R(n || t, "scroll", l, {
     capture: !1,
     passive: !0
   }), o;
@@ -504,20 +511,20 @@ function ft(e) {
     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) => Y.includes(b)), $ = Y.some((b) => {
-          const S = b.charAt(0).toUpperCase() + b.slice(1);
-          return r.getModifierState(S);
+        const y = u[d], D = p.filter((b) => Y.includes(b)), S = Y.some((b) => {
+          const $ = b.charAt(0).toUpperCase() + b.slice(1);
+          return r.getModifierState($);
         });
-        if (w.length > 0) {
-          if ($) {
+        if (D.length > 0) {
+          if (S) {
             for (const b of Y)
               if (p.includes(b)) {
-                const S = b.charAt(0).toUpperCase() + b.slice(1);
-                r.getModifierState(S) && y(r);
+                const $ = b.charAt(0).toUpperCase() + b.slice(1);
+                r.getModifierState($) && y(r);
               }
           }
         } else
-          $ || y(r);
+          S || y(r);
       }
     }
   }, a = [];
@@ -525,8 +532,8 @@ function ft(e) {
     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 } = rt(v(f)), y = U(p, (w) => {
-          w ? f.addEventListener("keydown", u) : f.removeEventListener("keydown", u);
+        const { focused: p } = rt(v(f)), y = U(p, (D) => {
+          D ? f.addEventListener("keydown", u) : f.removeEventListener("keydown", u);
         });
         a.push(y);
       }
@@ -551,7 +558,7 @@ const mt = {
   },
   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");
+    const t = x(e, "modelValue"), n = v(new Date(t.value)), o = v(n.value.getMonth()), l = v(n.value.getFullYear()), a = v([]), s = ce("datepicker");
     z(async () => {
       r(), await Ae();
       const g = document.getElementsByClassName("selectedDate");
@@ -577,9 +584,9 @@ const mt = {
       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 + _, $ = (g, _) => a.value[w(g, _)], b = (g) => {
+    }, y = (g) => new Date(g).toDateString() === new Date(n.value).toDateString(), D = (g, _) => (g - 1) * re + _, S = (g, _) => a.value[D(g, _)], b = (g) => {
       t.value = n.value = new Date(a.value[g]);
-    }, S = V(() => new Date(l.value, o.value, 1).toLocaleDateString(void 0, {
+    }, $ = V(() => new Date(l.value, o.value, 1).toLocaleDateString(void 0, {
       year: "numeric",
       month: "long"
     }));
@@ -602,48 +609,50 @@ const mt = {
       }
     ]), (g, _) => (m(), h("div", mt, [
       i("table", null, [
-        i("tr", null, [
-          i("td", {
-            id: "previous-month-btn",
-            onClick: d,
-            tabindex: -1
-          }, "<"),
-          i("th", pt, k(S.value), 1),
-          i("td", {
-            id: "next-month-btn",
-            onClick: f,
-            tabindex: -1
-          }, ">")
-        ]),
-        _[0] || (_[0] = i("tr", { class: "days-header" }, [
-          i("td", null, "M"),
-          i("td", null, "T"),
-          i("td", null, "W"),
-          i("td", null, "T"),
-          i("td", null, "F"),
-          i("td", null, "S"),
-          i("td", null, "S")
-        ], -1)),
-        (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, L),
-            contenteditable: !1,
-            spellcheck: !1,
-            tabindex: 0,
-            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($(M, L)).getDate()), 43, vt)), 64))
-        ])), 64))
+        i("tbody", null, [
+          i("tr", null, [
+            i("td", {
+              id: "previous-month-btn",
+              onClick: d,
+              tabindex: -1
+            }, "<"),
+            i("th", pt, k($.value), 1),
+            i("td", {
+              id: "next-month-btn",
+              onClick: f,
+              tabindex: -1
+            }, ">")
+          ]),
+          _[0] || (_[0] = i("tr", { class: "days-header" }, [
+            i("td", null, "M"),
+            i("td", null, "T"),
+            i("td", null, "W"),
+            i("td", null, "T"),
+            i("td", null, "F"),
+            i("td", null, "S"),
+            i("td", null, "S")
+          ], -1)),
+          (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: D(M, L),
+              contenteditable: !1,
+              spellcheck: !1,
+              tabindex: 0,
+              onClick: Me((he) => b(D(M, L)), ["prevent", "stop"]),
+              onKeydown: G((he) => b(D(M, L)), ["enter"]),
+              class: K({
+                todaysDate: p(S(M, L)),
+                selectedDate: y(S(M, L))
+              })
+            }, k(new Date(S(M, L)).getDate()), 43, vt)), 64))
+          ])), 64))
+        ])
       ])
     ], 512));
   }
-}), yt = /* @__PURE__ */ E(ht, [["__scopeId", "data-v-a73ce0ff"]]), bt = /* @__PURE__ */ A({
+}), yt = /* @__PURE__ */ E(ht, [["__scopeId", "data-v-72e0307f"]]), bt = /* @__PURE__ */ A({
   __name: "CollapseButton",
   props: {
     collapsed: { type: Boolean }
@@ -715,12 +724,12 @@ const mt = {
         }, null, 8, ["collapsed"])) : j("", !0)
       ], 32),
       Te(a.$slots, "default", { collapsed: t.value }, () => [
-        D($e(ge, {
+        w(Se(ge, {
           modelValue: o.value,
           "onUpdate:modelValue": s[0] || (s[0] = (r) => o.value = r),
           data: n.value
         }, null, 8, ["modelValue", "data"]), [
-          [x, !t.value]
+          [F, !t.value]
         ])
       ], !0)
     ]));
@@ -747,13 +756,13 @@ function ie() {
 }
 const Et = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Ct = (e, t) => Object.prototype.hasOwnProperty.call(e, t), Tt = Et ? window.document : void 0, $t = {
+const Ct = (e, t) => Object.prototype.hasOwnProperty.call(e, t), Tt = Et ? window.document : void 0, St = {
   multiple: !0,
   accept: "*",
   reset: !1,
   directory: !1
 };
-function St(e = {}) {
+function $t(e = {}) {
   const {
     document: t = Tt
   } = e, n = v(null), { on: o, trigger: l } = ie(), { on: a, trigger: s } = ie();
@@ -770,14 +779,14 @@ function St(e = {}) {
     if (!r)
       return;
     const f = {
-      ...$t,
+      ...St,
       ...e,
       ...d
     };
     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),
+    files: $e(n),
     open: u,
     reset: c,
     onCancel: a,
@@ -793,7 +802,7 @@ const Lt = { class: "aform_form-element aform_file-attach aform__grid--full" },
     label: {}
   },
   setup(e) {
-    const { files: t, open: n, reset: o, onChange: l } = St(), a = V(() => `${t.value.length} ${t.value.length === 1 ? "file" : "files"}`);
+    const { files: t, open: n, reset: o, onChange: l } = $t(), 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, [
@@ -817,7 +826,7 @@ const Lt = { class: "aform_form-element aform_file-attach aform__grid--full" },
       }, "Reset", 8, It)
     ]));
   }
-}), Pt = /* @__PURE__ */ E(Ht, [["__scopeId", "data-v-0b3a11cc"]]), xt = { class: "aform_form-element" }, Ft = ["id", "disabled", "required"], Bt = ["for"], qt = ["innerHTML"], Rt = /* @__PURE__ */ A({
+}), Pt = /* @__PURE__ */ E(Ht, [["__scopeId", "data-v-0b3a11cc"]]), xt = { class: "aform_form-element" }, Ft = ["id", "disabled", "required"], Bt = ["for"], qt = ["innerHTML"], Ot = /* @__PURE__ */ A({
   __name: "ANumericInput",
   props: /* @__PURE__ */ H({
     label: {},
@@ -832,9 +841,9 @@ const Lt = { class: "aform_form-element aform_file-attach aform__grid--full" },
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = P(e, "modelValue");
+    const t = x(e, "modelValue");
     return (n, o) => (m(), h("div", xt, [
-      D(i("input", {
+      w(i("input", {
         class: "aform_input-field",
         "onUpdate:modelValue": o[0] || (o[0] = (l) => t.value = l),
         type: "number",
@@ -842,17 +851,17 @@ const Lt = { class: "aform_form-element aform_file-attach aform__grid--full" },
         disabled: n.readonly,
         required: n.required
       }, null, 8, Ft), [
-        [F, t.value]
+        [P, t.value]
       ]),
       i("label", {
         class: "aform_field-label",
         for: n.uuid
       }, k(n.label), 9, Bt),
-      D(i("p", {
+      w(i("p", {
         class: "aform_error",
         innerHTML: n.validation.errorMessage
       }, null, 8, qt), [
-        [x, n.validation.errorMessage]
+        [F, n.validation.errorMessage]
       ])
     ]));
   }
@@ -864,7 +873,7 @@ const Lt = { class: "aform_form-element aform_file-attach aform__grid--full" },
   phone: "(###) ### - ####",
   card: "#### #### #### ####"
 };
-function Ot(e) {
+function Rt(e) {
   try {
     return Function(`"use strict";return (${e})`)();
   } catch {
@@ -874,7 +883,7 @@ function Ut(e) {
   var n;
   let t = e.value;
   if (t) {
-    const o = Ot(t);
+    const o = Rt(t);
     if (o) {
       const l = e.instance.locale;
       t = o(l);
@@ -928,9 +937,9 @@ const Kt = { class: "aform_form-element" }, zt = ["id", "disabled", "maxlength",
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = v(!0), n = P(e, "modelValue");
+    const t = v(!0), n = x(e, "modelValue");
     return (o, l) => (m(), h("div", Kt, [
-      D(i("input", {
+      w(i("input", {
         class: "aform_input-field",
         "onUpdate:modelValue": l[0] || (l[0] = (a) => n.value = a),
         id: o.uuid,
@@ -938,18 +947,18 @@ const Kt = { class: "aform_form-element" }, zt = ["id", "disabled", "maxlength",
         maxlength: o.mask ? t.value && o.mask.length : void 0,
         required: o.required
       }, null, 8, zt), [
-        [F, n.value],
+        [P, n.value],
         [I(Gt), o.mask]
       ]),
       i("label", {
         class: "aform_field-label",
         for: o.uuid
       }, k(o.label), 9, Nt),
-      D(i("p", {
+      w(i("p", {
         class: "aform_error",
         innerHTML: o.validation.errorMessage
       }, null, 8, jt), [
-        [x, o.validation.errorMessage]
+        [F, o.validation.errorMessage]
       ])
     ]));
   }
@@ -987,7 +996,7 @@ const Kt = { class: "aform_form-element" }, zt = ["id", "disabled", "maxlength",
                   for: "email",
                   class: "aform_field-label"
                 }, "Email", -1)),
-                D(i("input", {
+                w(i("input", {
                   id: "email",
                   class: "aform_input-field",
                   name: "email",
@@ -999,7 +1008,7 @@ const Kt = { class: "aform_form-element" }, zt = ["id", "disabled", "maxlength",
                   "auto-correct": "off",
                   disabled: a.value
                 }, null, 8, ln), [
-                  [F, o.value]
+                  [P, o.value]
                 ])
               ]),
               i("div", an, [
@@ -1008,7 +1017,7 @@ const Kt = { class: "aform_form-element" }, zt = ["id", "disabled", "maxlength",
                   for: "password",
                   class: "aform_field-label"
                 }, "Password", -1)),
-                D(i("input", {
+                w(i("input", {
                   id: "password",
                   class: "aform_input-field",
                   name: "password",
@@ -1016,7 +1025,7 @@ const Kt = { class: "aform_form-element" }, zt = ["id", "disabled", "maxlength",
                   "onUpdate:modelValue": u[1] || (u[1] = (d) => l.value = d),
                   disabled: a.value
                 }, null, 8, sn), [
-                  [F, l.value]
+                  [P, l.value]
                 ])
               ]),
               i("button", {
@@ -1038,7 +1047,7 @@ const Kt = { class: "aform_form-element" }, zt = ["id", "disabled", "maxlength",
   }
 }), 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);
+  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", Ot), e.component("ATextInput", Jt);
 }
 export {
   Fe as ACheckbox,
@@ -1049,7 +1058,7 @@ export {
   At as AFieldset,
   Pt as AFileAttach,
   ge as AForm,
-  Rt as ANumericInput,
+  Ot as ANumericInput,
   Jt as ATextInput,
   fn as Login,
   mn as install