@uniquedj95/vform 3.0.3 → 3.0.5

package/dist/index.es.js

@@ -1,67 +1,67 @@
-import { ref as x, computed as w, defineComponent as q, watch as H, createBlock as h, openBlock as i, unref as o, withCtx as p, createVNode as R, createCommentVNode as E, createElementBlock as U, Fragment as A, renderList as W, resolveDynamicComponent as me, normalizeStyle as fe, createTextVNode as $, toDisplayString as z, toRef as ke, mergeModels as L, useModel as Y, resolveDirective as _e, withDirectives as xe, onMounted as pe, normalizeClass as Ie, createElementVNode as ve } from "vue";
-import { IonGrid as Me, IonRow as re, IonCol as se, IonButton as Z, IonLabel as P, IonText as we, IonInput as le, IonInputPasswordToggle as Ce, IonSelect as De, IonSelectOption as Fe, IonIcon as Q, IonChip as Se, IonList as Re, IonItem as Ee, IonCheckbox as he, actionSheetController as Be, alertController as Oe, IonTextarea as Te } from "@ionic/vue";
-import $e from "@vuepic/vue-datepicker";
-import { calendar as Ue, chevronDown as ze, close as qe, add as Ae, remove as je } from "ionicons/icons";
-import { maskito as Le } from "@maskito/vue";
-function Ye(t) {
-  return new Promise((u) => {
+import { ref as x, computed as w, defineComponent as q, watch as H, createBlock as h, openBlock as i, unref as r, withCtx as p, createVNode as E, createCommentVNode as B, createElementBlock as U, Fragment as A, renderList as W, resolveDynamicComponent as ve, normalizeStyle as me, createTextVNode as T, toDisplayString as z, toRef as Ve, mergeModels as L, useModel as Y, resolveDirective as ke, withDirectives as _e, onMounted as fe, normalizeClass as xe, createElementVNode as de } from "vue";
+import { IonGrid as Ie, IonRow as ue, IonCol as re, IonButton as K, IonLabel as P, IonText as Me, IonInput as te, IonInputPasswordToggle as we, IonSelect as Ce, IonSelectOption as De, IonIcon as Z, IonChip as Ee, IonList as Se, IonItem as Fe, IonCheckbox as pe, actionSheetController as Re, alertController as Be, IonTextarea as Oe } from "@ionic/vue";
+import Te from "@vuepic/vue-datepicker";
+import { calendar as $e, chevronDown as Ue, close as ze, add as qe, remove as Ae } from "ionicons/icons";
+import { maskito as je } from "@maskito/vue";
+function Le(t) {
+  return new Promise((o) => {
     requestAnimationFrame(async () => {
-      const l = await t.getInputElement();
-      u(l);
+      const n = await t.getInputElement();
+      o(n);
     });
   });
 }
-const Ne = {
+const Ye = {
   d: /\d/,
   a: /[A-Za-z]/,
   "*": /[A-Za-z0-9]/
   // Default: alphanum, can customize if needed
-}, Pe = {
+}, Ne = {
   d: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "0"],
   a: ["A", "B", "C", "x", "y", "z", "D", "f"],
   "*": ["A", "3", "b", "8", "z", "4", "D", "0"]
 };
-function He(t, u) {
-  const l = Pe[t];
-  return l[u % l.length];
+function Pe(t, o) {
+  const n = Ne[t];
+  return n[o % n.length];
 }
-function Ge(t) {
-  const u = [];
-  let l = "", e = 0, a = 0;
+function He(t) {
+  const o = [];
+  let n = "", e = 0, a = 0;
   for (; e < t.length; ) {
-    const n = t[e];
-    if (["d", "a", "*"].includes(n)) {
+    const l = t[e];
+    if (["d", "a", "*"].includes(l)) {
       let s = 1;
       if (t[e + 1] === "{") {
-        const r = t.indexOf("}", e + 2);
-        if (r !== -1) {
-          const c = t.slice(e + 2, r);
-          if (c.includes(",")) {
-            const [, g] = c.split(",").map((b) => parseInt(b.trim()));
-            s = g || parseInt(c.split(",")[0]);
+        const u = t.indexOf("}", e + 2);
+        if (u !== -1) {
+          const d = t.slice(e + 2, u);
+          if (d.includes(",")) {
+            const [, g] = d.split(",").map((b) => parseInt(b.trim()));
+            s = g || parseInt(d.split(",")[0]);
           } else
-            s = parseInt(c);
-          e = r;
+            s = parseInt(d);
+          e = u;
         }
       } else {
-        let r = e + 1;
-        for (; t[r] === n; )
-          s++, r++;
-        e = r - 1;
+        let u = e + 1;
+        for (; t[u] === l; )
+          s++, u++;
+        e = u - 1;
       }
-      for (let r = 0; r < s; r++)
-        u.push(Ne[n]), l += He(n, a++);
+      for (let u = 0; u < s; u++)
+        o.push(Ye[l]), n += Pe(l, a++);
     } else
-      u.push(n), l += n;
+      o.push(l), n += l;
     e++;
   }
   return {
-    mask: u,
-    placeholder: l,
-    elementPredicate: Ye
+    mask: o,
+    placeholder: n,
+    elementPredicate: Le
   };
 }
-const X = [
+const Q = [
   "January",
   "February",
   "March",
@@ -75,121 +75,136 @@ const X = [
   "November",
   "December"
 ];
-function ie(t) {
+function se(t) {
   return t == null || Array.isArray(t) && !t.length || typeof t == "object" && !Object.keys(t).length || !t;
 }
-function Je(t, u = "DD/MMM/YYYY") {
-  const l = new Date(t);
-  if (isNaN(l.getTime()))
+function Ge(t, o = "DD/MMM/YYYY") {
+  const n = new Date(t);
+  if (isNaN(n.getTime()))
     throw new Error("Invalid date string");
-  const e = J(l.getDate()), a = l.getMonth() + 1, n = l.getFullYear(), s = J(l.getHours()), r = J(l.getMinutes()), c = J(l.getSeconds()), g = l.getMilliseconds(), b = {
+  const e = J(n.getDate()), a = n.getMonth() + 1, l = n.getFullYear(), s = J(n.getHours()), u = J(n.getMinutes()), d = J(n.getSeconds()), g = n.getMilliseconds(), b = {
     DD: e,
-    D: l.getDate().toString(),
-    MMM: X[l.getMonth()].slice(0, 3),
-    MMMM: X[l.getMonth()],
+    D: n.getDate().toString(),
+    MMM: Q[n.getMonth()].slice(0, 3),
+    MMMM: Q[n.getMonth()],
     MM: J(a),
     M: a.toString(),
-    YYYY: n.toString(),
-    YY: n.toString().slice(-2),
+    YYYY: l.toString(),
+    YY: l.toString().slice(-2),
     HH: s,
-    H: l.getHours().toString(),
-    mm: r,
-    m: l.getMinutes().toString(),
-    ss: c,
-    s: l.getSeconds().toString(),
+    H: n.getHours().toString(),
+    mm: u,
+    m: n.getMinutes().toString(),
+    ss: d,
+    s: n.getSeconds().toString(),
     SSS: J(g),
     S: g.toString().slice(0, 1)
     // Add more replacements as needed
   };
-  return u.replace(
+  return o.replace(
     /DD|D|MMMM|MMM|MM|M|YYYY|YY|HH|H|mm|m|ss|s|SSS|S/g,
-    (I) => b[I] || I
+    (M) => b[M] || M
   );
 }
 function J(t) {
   return t < 10 ? `0${t}` : `${t}`;
 }
-function ue(t, u) {
+function ne(t, o) {
   if (Number.isInteger(parseInt(t)) && Number(t) > 0) {
-    if (u === "MMMM") return X[Number(t) - 1];
-    if (u === "MMM") return X[Number(t) - 1].slice(0, 3);
-    if (u === "MM") return J(Number(t));
+    if (o === "MMMM") return Q[Number(t) - 1];
+    if (o === "MMM") return Q[Number(t) - 1].slice(0, 3);
+    if (o === "MM") return J(Number(t));
   }
   return t;
 }
-function ce(t, u, l) {
-  return typeof t.condition == "function" ? t.condition(u, l) : !0;
+function ie(t, o, n) {
+  return typeof t.condition == "function" ? t.condition(o, n) : !0;
 }
-function de(t) {
+function ce(t) {
   if (typeof t != "object" || t === null)
     return t;
   if (Array.isArray(t))
-    return t.map((l) => de(l));
-  const u = {};
-  return Object.entries(t).forEach(([l, e]) => {
-    typeof e == "function" ? u[l] = e.bind(u) : u[l] = de(e);
-  }), u;
+    return t.map((n) => ce(n));
+  const o = {};
+  return Object.entries(t).forEach(([n, e]) => {
+    typeof e == "function" ? o[n] = e.bind(o) : o[n] = ce(e);
+  }), o;
 }
-function ye(t, u) {
-  return u.findIndex((l) => l.value === t.value || l.label === t.label || l.value === t.label || l.label === t.value);
+function he(t, o) {
+  return o.findIndex((n) => n.value === t.value || n.label === t.label || n.value === t.label || n.label === t.value);
 }
-function G(t, u) {
-  const l = ye(t, u);
-  l >= 0 ? u[l].isChecked = !0 : u.push({ ...t, isChecked: !0 });
+function G(t, o) {
+  const n = he(t, o);
+  n >= 0 ? o[n].isChecked = !0 : o.push({ ...t, isChecked: !0 });
 }
-function oe(t, u) {
-  const l = ye(t, u);
-  l >= 0 && (u[l].isChecked = !1);
+function oe(t, o) {
+  const n = he(t, o);
+  n >= 0 && (o[n].isChecked = !1);
 }
-function We(t, u) {
-  return u ? t.filter(
-    (l) => JSON.stringify(l).toLowerCase().includes(u.toLowerCase())
+function Je(t, o) {
+  return o ? t.filter(
+    (n) => JSON.stringify(n).toLowerCase().includes(o.toLowerCase())
   ) : t;
 }
-function ge() {
+function ye() {
   const t = x([]);
-  async function u() {
-    const n = [];
+  async function o() {
+    console.debug("Validating form inputs");
+    const l = [];
     for (const s of t.value)
-      typeof (s == null ? void 0 : s.onValueUpdate) == "function" && await s.onValueUpdate(), typeof (s == null ? void 0 : s.getErrors) == "function" && n.push(...s.getErrors());
-    return n.every(ie);
+      if (typeof (s == null ? void 0 : s.onValueUpdate) == "function" && await s.onValueUpdate(), typeof (s == null ? void 0 : s.getErrors) == "function")
+        try {
+          const u = s.getErrors();
+          Array.isArray(u) ? l.push(...u) : console.warn("getErrors() returned non-array value:", u);
+        } catch (u) {
+          console.error("Error calling getErrors on component:", u, s);
+        }
+      else
+        console.warn("Component does not have getErrors function:", s);
+    return l.every(se);
   }
-  function l() {
-    t.value.forEach((n) => {
-      typeof (n == null ? void 0 : n.onReset) == "function" && n.onReset();
+  function n() {
+    t.value.forEach((l) => {
+      typeof (l == null ? void 0 : l.onReset) == "function" && l.onReset();
     });
   }
   function e() {
-    const n = [];
+    const l = [];
     for (const s of t.value)
-      typeof (s == null ? void 0 : s.getErrors) == "function" && n.push(...s.getErrors());
-    return n;
+      if (typeof (s == null ? void 0 : s.getErrors) == "function")
+        try {
+          const u = s.getErrors();
+          Array.isArray(u) ? l.push(...u) : l.push(String(u));
+        } catch (u) {
+          console.error("Error calling getErrors on component:", u, s);
+        }
+    return l;
   }
   async function a() {
-    for (const n of t.value)
-      typeof (n == null ? void 0 : n.onValueUpdate) == "function" && await n.onValueUpdate();
+    for (const l of t.value)
+      typeof (l == null ? void 0 : l.onValueUpdate) == "function" && await l.onValueUpdate();
   }
   return {
     dynamicRefs: t,
-    isFormValid: u,
-    resetForm: l,
+    isFormValid: o,
+    resetForm: n,
     getFormErrors: e,
     updateFormValues: a
   };
 }
-function Ke(t) {
-  const u = w(
-    () => Object.entries(t.value).reduce((e, [a, n]) => (n.value !== void 0 && (typeof n.onChange == "function" ? e[a] = n.onChange(n.value) : e[a] = n.value), e), {})
-  ), l = w(() => Object.entries(u.value).reduce((e, [a, n]) => (n !== void 0 && (t.value[a].children !== void 0 && (e[a] = n.map(({ other: s }) => Object.entries(s).reduce((r, [c, g]) => (typeof t.value[a].children[c].computedValue == "function" ? r[c] = t.value[a].children[c].computedValue(
+function We(t) {
+  const o = w(
+    () => Object.entries(t.value).reduce((e, [a, l]) => (l.value !== void 0 && (typeof l.onChange == "function" ? e[a] = l.onChange(l.value) : e[a] = l.value), e), {})
+  ), n = w(() => Object.entries(o.value).reduce((e, [a, l]) => (l !== void 0 && (t.value[a].children !== void 0 && (e[a] = l.map(({ other: s }) => Object.entries(s).reduce((u, [d, g]) => (typeof t.value[a].children[d].computedValue == "function" ? u[d] = t.value[a].children[d].computedValue(
     g,
     t.value
-  ) : r[c] = g, r), {}))), typeof t.value[a].computedValue == "function" && n !== void 0 && (e[a] = t.value[a].computedValue(n, t.value))), e), {}));
+  ) : u[d] = g, u), {}))), typeof t.value[a].computedValue == "function" && l !== void 0 && (e[a] = t.value[a].computedValue(l, t.value))), e), {}));
   return {
-    formData: u,
-    computedData: l
+    formData: o,
+    computedData: n
   };
 }
-const Ze = /* @__PURE__ */ q({
+const Ke = /* @__PURE__ */ q({
   __name: "vForm",
   props: {
     schema: {},
@@ -204,28 +219,22 @@ const Ze = /* @__PURE__ */ q({
     customButtons: {}
   },
   emits: ["submit", "clear", "cancel"],
-  setup(t, { expose: u, emit: l }) {
-    const e = t, a = l, n = x(e.schema), { dynamicRefs: s, isFormValid: r, resetForm: c } = ge(), { formData: g, computedData: b } = Ke(n);
-    async function I() {
-      return await r();
+  setup(t, { expose: o, emit: n }) {
+    const e = t, a = n, l = x(e.schema), { dynamicRefs: s, isFormValid: u, resetForm: d } = ye(), { formData: g, computedData: b } = We(l);
+    async function M() {
+      await u() && a("submit", g.value, b.value);
     }
-    async function v() {
-      await I() && a("submit", g.value, b.value);
-    }
-    function F() {
-      c();
-    }
-    function k() {
-      F(), a("clear");
+    function m() {
+      d(), a("clear");
     }
-    function O() {
-      F(), a("cancel");
+    function S() {
+      d(), a("cancel");
     }
     return H(
       g,
       async () => {
-        for (const [m, D] of Object.entries(n.value))
-          ce(D, g.value, b.value) || (D.value = e.schema[m].value);
+        for (const [f, C] of Object.entries(l.value))
+          ie(C, g.value, b.value) || (C.value = e.schema[f].value);
       },
       {
         deep: !0,
@@ -233,93 +242,93 @@ const Ze = /* @__PURE__ */ q({
       }
     ), H(
       () => e.schema,
-      (m) => {
-        for (const [D, d] of Object.entries(m))
-          d.value !== void 0 && (n.value[D].value = d.value);
+      (f) => {
+        for (const [C, c] of Object.entries(f))
+          c.value !== void 0 && (l.value[C].value = c.value);
       },
       {
         deep: !0,
         immediate: !0
       }
-    ), u({
-      resetForm: F,
-      isFormValid: I,
+    ), o({
+      resetForm: d,
+      isFormValid: u,
       resolveData: () => ({
         formData: g.value,
         computedData: b.value
       })
-    }), (m, D) => (i(), h(o(Me), null, {
+    }), (f, C) => (i(), h(r(Ie), null, {
       default: p(() => [
-        R(o(re), null, {
+        E(r(ue), null, {
           default: p(() => [
-            (i(!0), U(A, null, W(Object.keys(n.value), (d) => {
-              var T, j, V, S, y;
+            (i(!0), U(A, null, W(Object.keys(l.value), (c) => {
+              var F, k, O, j, _;
               return i(), U(A, null, [
-                o(ce)(n.value[d], o(g), o(b)) ? (i(), h(o(se), {
-                  key: d,
-                  size: ((T = n.value[d].grid) == null ? void 0 : T.xs) ?? "12",
-                  "size-sm": (j = n.value[d].grid) == null ? void 0 : j.sm,
-                  "size-md": (V = n.value[d].grid) == null ? void 0 : V.md,
-                  "size-lg": (S = n.value[d].grid) == null ? void 0 : S.lg,
-                  "size-xl": (y = n.value[d].grid) == null ? void 0 : y.xl,
+                r(ie)(l.value[c], r(g), r(b)) ? (i(), h(r(re), {
+                  key: c,
+                  size: ((F = l.value[c].grid) == null ? void 0 : F.xs) ?? "12",
+                  "size-sm": (k = l.value[c].grid) == null ? void 0 : k.sm,
+                  "size-md": (O = l.value[c].grid) == null ? void 0 : O.md,
+                  "size-lg": (j = l.value[c].grid) == null ? void 0 : j.lg,
+                  "size-xl": (_ = l.value[c].grid) == null ? void 0 : _.xl,
                   class: "ion-margin-vertical"
                 }, {
                   default: p(() => [
-                    (i(), h(me(n.value[d].type), {
-                      modelValue: n.value[d],
-                      "onUpdate:modelValue": (C) => n.value[d] = C,
-                      schema: n.value,
+                    (i(), h(ve(l.value[c].type), {
+                      modelValue: l.value[c],
+                      "onUpdate:modelValue": (R) => l.value[c] = R,
+                      schema: l.value,
                       ref_for: !0,
                       ref_key: "dynamicRefs",
                       ref: s,
-                      "ref-key": d
+                      "ref-key": c
                     }, null, 8, ["modelValue", "onUpdate:modelValue", "schema", "ref-key"]))
                   ]),
                   _: 2
-                }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : E("", !0)
+                }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : B("", !0)
               ], 64);
             }), 256))
           ]),
           _: 1
         }),
-        m.hideButtons ? E("", !0) : (i(), h(o(re), { key: 0 }, {
+        f.hideButtons ? B("", !0) : (i(), h(r(ue), { key: 0 }, {
           default: p(() => [
-            R(o(se), {
+            E(r(re), {
               size: "12",
-              style: fe([{ display: "flex" }, { justifyContent: m.buttonPlacement }])
+              style: me([{ display: "flex" }, { justifyContent: f.buttonPlacement }])
             }, {
               default: p(() => [
-                m.showCancelButton ? (i(), h(o(Z), {
+                f.showCancelButton ? (i(), h(r(K), {
                   key: 0,
-                  onClick: O
+                  onClick: S
                 }, {
                   default: p(() => [
-                    $(z(m.cancelButtonText ?? "Cancel"), 1)
+                    T(z(f.cancelButtonText ?? "Cancel"), 1)
                   ]),
                   _: 1
-                })) : E("", !0),
-                m.showClearButton ? (i(), h(o(Z), {
+                })) : B("", !0),
+                f.showClearButton ? (i(), h(r(K), {
                   key: 1,
-                  onClick: k
+                  onClick: m
                 }, {
                   default: p(() => [
-                    $(z(m.clearButtonText ?? "Reset"), 1)
+                    T(z(f.clearButtonText ?? "Reset"), 1)
                   ]),
                   _: 1
-                })) : E("", !0),
-                (i(!0), U(A, null, W(m.customButtons, (d) => (i(), h(o(Z), {
-                  key: d.label,
-                  onClick: d.action,
-                  color: d.color ?? "primary"
+                })) : B("", !0),
+                (i(!0), U(A, null, W(f.customButtons, (c) => (i(), h(r(K), {
+                  key: c.label,
+                  onClick: c.action,
+                  color: c.color ?? "primary"
                 }, {
                   default: p(() => [
-                    $(z(d.label), 1)
+                    T(z(c.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick", "color"]))), 128)),
-                R(o(Z), { onClick: v }, {
+                E(r(K), { onClick: M }, {
                   default: p(() => [
-                    $(z(m.submitButtonText ?? "Submit"), 1)
+                    T(z(f.submitButtonText ?? "Submit"), 1)
                   ]),
                   _: 1
                 })
@@ -334,11 +343,11 @@ const Ze = /* @__PURE__ */ q({
     }));
   }
 });
-function Qe(t) {
+function Ze(t) {
   return {
     applyValidationState: async (e) => {
-      var a, n, s, r, c;
-      (a = t.value) == null || a.$el.classList.remove("ion-invalid"), (n = t.value) == null || n.$el.classList.remove("ion-valid"), e ? (s = t.value) == null || s.$el.classList.add("ion-valid") : (r = t.value) == null || r.$el.classList.add("ion-invalid"), (c = t.value) == null || c.$el.classList.add("ion-touched");
+      var a, l, s, u, d;
+      (a = t.value) == null || a.$el.classList.remove("ion-invalid"), (l = t.value) == null || l.$el.classList.remove("ion-valid"), e ? (s = t.value) == null || s.$el.classList.add("ion-valid") : (u = t.value) == null || u.$el.classList.add("ion-invalid"), (d = t.value) == null || d.$el.classList.add("ion-touched");
     },
     resetValidationState: () => {
       var e, a;
@@ -346,83 +355,85 @@ function Qe(t) {
     }
   };
 }
-function ee(t, u, l, e, a) {
-  const { applyValidationState: n, resetValidationState: s } = Qe(t);
-  async function r() {
-    if (u.value.required && !l.value)
-      return u.value.error = "This field is required", !1;
+function X(t, o, n, e, a) {
+  const { applyValidationState: l, resetValidationState: s } = Ze(t);
+  async function u() {
+    if (o.value.required && !n.value)
+      return o.value.error = "This field is required", !1;
     if (a) {
-      const v = await a(l.value);
-      if (typeof v == "string")
-        return u.value.error = v, !1;
-      if (v === !1)
+      const m = await a(n.value);
+      if (typeof m == "string")
+        return o.value.error = m, !1;
+      if (m === !1)
         return !1;
     }
-    if (u.value.validation) {
-      const v = await u.value.validation(l.value, e == null ? void 0 : e.value);
-      if (v && v.length)
-        return u.value.error = v.join(), !1;
+    if (o.value.validation) {
+      const m = await o.value.validation(n.value, e == null ? void 0 : e.value);
+      if (m && m.length)
+        return o.value.error = m.join(), !1;
     }
     return !0;
   }
-  async function c() {
-    const v = await r();
-    v && (u.value.error = "", u.value.value = l.value), await n(v);
+  async function d() {
+    const m = await u();
+    m && (o.value.error = "", o.value.value = n.value), await l(m);
   }
   function g() {
-    s(), u.value.error = "";
+    s(), o.value.error = "";
   }
-  function b(v = "") {
-    l.value = v, u.value.error = "", u.value.value = v;
+  function b(m = "") {
+    n.value = m, o.value.error = "", o.value.value = m;
+  }
+  function M() {
+    return o.value.error ? [o.value.error] : [];
   }
-  const I = w(() => u.value.error);
   return {
-    isValid: r,
-    onValueUpdate: c,
+    isValid: u,
+    onValueUpdate: d,
     onFocus: g,
     onReset: b,
-    getErrors: I,
-    applyValidationState: n,
+    getErrors: M,
+    applyValidationState: l,
     resetValidationState: s
   };
 }
-function Xe(t) {
-  const u = w(() => !!t.value.label), l = w(() => !!t.value.required), e = w(() => t.value.label || "");
+function Qe(t) {
+  const o = w(() => !!t.value.label), n = w(() => !!t.value.required), e = w(() => t.value.label || "");
   return {
-    showLabel: u,
-    showRequired: l,
+    showLabel: o,
+    showRequired: n,
     labelText: e
   };
 }
-const ae = /* @__PURE__ */ q({
+const le = /* @__PURE__ */ q({
   __name: "InputLabel",
   props: {
     model: {}
   },
   setup(t) {
-    const u = t, { showLabel: l, showRequired: e, labelText: a } = Xe(ke(u, "model"));
-    return (n, s) => o(l) ? (i(), h(o(P), {
+    const o = t, { showLabel: n, showRequired: e, labelText: a } = Qe(Ve(o, "model"));
+    return (l, s) => r(n) ? (i(), h(r(P), {
       key: 0,
       slot: "label",
       class: "input-label"
     }, {
       default: p(() => [
-        $(z(o(a)) + " ", 1),
-        o(e) ? (i(), h(o(we), {
+        T(z(r(a)) + " ", 1),
+        r(e) ? (i(), h(r(Me), {
           key: 0,
           color: "danger"
         }, {
           default: p(() => s[0] || (s[0] = [
-            $("*")
+            T("*")
           ])),
           _: 1,
           __: [0]
-        })) : E("", !0)
+        })) : B("", !0)
       ]),
       _: 1
-    })) : E("", !0);
+    })) : B("", !0);
   }
-}), ne = /* @__PURE__ */ q({
+}), ae = /* @__PURE__ */ q({
   __name: "BaseInput",
   props: /* @__PURE__ */ L({
     schema: {},
@@ -432,39 +443,39 @@ const ae = /* @__PURE__ */ q({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: u }) {
-    const l = t, e = Y(t, "modelValue"), a = x(null), n = x(e.value.value), s = w(() => l.schema), { isValid: r, onValueUpdate: c, onFocus: g, onReset: b, getErrors: I } = ee(
+  setup(t, { expose: o }) {
+    const n = t, e = Y(t, "modelValue"), a = x(null), l = x(e.value.value), s = w(() => n.schema), { isValid: u, onValueUpdate: d, onFocus: g, onReset: b, getErrors: M } = X(
       a,
       e,
-      n,
+      l,
       s
-    ), v = w(() => {
-      if (e.value.pattern) return Ge(e.value.pattern);
+    ), m = w(() => {
+      if (e.value.pattern) return He(e.value.pattern);
     });
     return H(
       () => e.value.value,
-      (F) => n.value = F
-    ), u({
-      onValueUpdate: c,
+      (S) => l.value = S
+    ), o({
+      onValueUpdate: d,
       onReset: b,
-      getErrors: I,
-      isValid: r
-    }), (F, k) => {
-      var m;
-      const O = _e("maskito");
-      return xe((i(), h(o(le), {
+      getErrors: M,
+      isValid: u
+    }), (S, f) => {
+      var c;
+      const C = ke("maskito");
+      return _e((i(), h(r(te), {
         ref_key: "inputRef",
         ref: a,
-        modelValue: n.value,
-        "onUpdate:modelValue": k[0] || (k[0] = (D) => n.value = D),
+        modelValue: l.value,
+        "onUpdate:modelValue": f[0] || (f[0] = (F) => l.value = F),
         "clear-input": !0,
         fill: e.value.fill ?? "outline",
         "label-placement": e.value.labelPlacement ?? "stacked",
-        type: F.type ?? "text",
+        type: S.type ?? "text",
         required: e.value.required,
         "error-text": e.value.error,
         autofocus: e.value.autoFocus,
-        placeholder: ((m = v.value) == null ? void 0 : m.placeholder) ?? e.value.placeholder,
+        placeholder: ((c = m.value) == null ? void 0 : c.placeholder) ?? e.value.placeholder,
         disabled: e.value.disabled,
         counter: e.value.counter,
         min: e.value.min,
@@ -472,42 +483,42 @@ const ae = /* @__PURE__ */ q({
         "max-length": e.value.maxLength,
         "min-length": e.value.minLength,
         pattern: e.value.pattern,
-        onIonFocus: o(g),
-        onIonChange: o(c),
-        onIonBlur: o(c)
+        onIonFocus: r(g),
+        onIonChange: r(d),
+        onIonBlur: r(d)
       }, {
         default: p(() => [
-          R(ae, { model: e.value }, null, 8, ["model"]),
-          e.value.prefix ? (i(), h(o(P), {
+          E(le, { model: e.value }, null, 8, ["model"]),
+          e.value.prefix ? (i(), h(r(P), {
             key: 0,
             slot: "start"
           }, {
             default: p(() => [
-              $(z(e.value.prefix), 1)
+              T(z(e.value.prefix), 1)
             ]),
             _: 1
-          })) : E("", !0),
-          e.value.suffix ? (i(), h(o(P), {
+          })) : B("", !0),
+          e.value.suffix ? (i(), h(r(P), {
             key: 1,
             slot: "end"
           }, {
             default: p(() => [
-              $(z(e.value.suffix), 1)
+              T(z(e.value.suffix), 1)
             ]),
             _: 1
-          })) : E("", !0),
-          F.type === "password" ? (i(), h(o(Ce), {
+          })) : B("", !0),
+          S.type === "password" ? (i(), h(r(we), {
             key: 2,
             slot: "end"
-          })) : E("", !0)
+          })) : B("", !0)
         ]),
         _: 1
       }, 8, ["modelValue", "fill", "label-placement", "type", "required", "error-text", "autofocus", "placeholder", "disabled", "counter", "min", "max", "max-length", "min-length", "pattern", "onIonFocus", "onIonChange", "onIonBlur"])), [
-        [O, v.value]
+        [C, m.value]
       ]);
     };
   }
-}), et = /* @__PURE__ */ q({
+}), Xe = /* @__PURE__ */ q({
   __name: "TextInput",
   props: /* @__PURE__ */ L({
     schema: {}
@@ -516,9 +527,9 @@ const ae = /* @__PURE__ */ q({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: u }) {
-    const l = Y(t, "modelValue"), e = x(null);
-    return u({
+  setup(t, { expose: o }) {
+    const n = Y(t, "modelValue"), e = x(null);
+    return o({
       onReset: () => {
         var a;
         return (a = e.value) == null ? void 0 : a.onReset();
@@ -528,19 +539,19 @@ const ae = /* @__PURE__ */ q({
         return (a = e.value) == null ? void 0 : a.onValueUpdate();
       },
       getErrors: () => {
-        var a;
-        return (a = e.value) == null ? void 0 : a.getErrors();
+        var a, l;
+        return ((l = (a = e.value) == null ? void 0 : a.getErrors) == null ? void 0 : l.call(a)) ?? [];
       }
-    }), (a, n) => (i(), h(ne, {
-      modelValue: l.value,
-      "onUpdate:modelValue": n[0] || (n[0] = (s) => l.value = s),
+    }), (a, l) => (i(), h(ae, {
+      modelValue: n.value,
+      "onUpdate:modelValue": l[0] || (l[0] = (s) => n.value = s),
       type: "text",
       schema: a.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), tt = /* @__PURE__ */ q({
+}), et = /* @__PURE__ */ q({
   __name: "DateInput",
   props: /* @__PURE__ */ L({
     schema: {}
@@ -549,55 +560,55 @@ const ae = /* @__PURE__ */ q({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: u }) {
-    const l = t, e = Y(t, "modelValue"), a = x(null), n = x(e.value.max), s = x(e.value.max), r = x(e.value.value), c = w(() => l.schema);
-    async function g(V) {
-      if (V === void 0)
+  setup(t, { expose: o }) {
+    const n = t, e = Y(t, "modelValue"), a = x(null), l = x(e.value.max), s = x(e.value.max), u = x(e.value.value), d = w(() => n.schema);
+    async function g(_) {
+      if (_ === void 0)
         return e.value.required ? "This field is required" : !0;
-      const S = new Date(V);
-      return isNaN(S.getTime()) ? "Invalid date string" : s.value && S < new Date(s.value) ? `Date must be greater than ${s.value}` : n.value && S > new Date(n.value) ? `Date must be less than ${n.value}` : !0;
+      const R = new Date(_);
+      return isNaN(R.getTime()) ? "Invalid date string" : s.value && R < new Date(s.value) ? `Date must be greater than ${s.value}` : l.value && R > new Date(l.value) ? `Date must be less than ${l.value}` : !0;
     }
-    const { onValueUpdate: b, onFocus: I, getErrors: v } = ee(
+    const { onValueUpdate: b, onFocus: M, getErrors: m } = X(
       a,
       e,
-      r,
-      c,
+      u,
+      d,
       g
     );
-    function F() {
-      r.value = "", e.value.error = "", e.value.value = "";
+    function S() {
+      u.value = "", e.value.error = "", e.value.value = "";
     }
-    const k = w(() => {
+    const f = w(() => {
       if (e.value.pattern) return e.value.pattern;
-      let V = e.value.pattern ?? "DD/MMM/YYYY";
-      return e.value.enableTime && (V += " HH:mm:ss"), V;
-    }), O = /[-/.,:\s]+/, m = w(() => k.value.split(O)), D = w(() => k.value.match(/[-/.,:\s]+/g) || []), d = x({});
+      let _ = e.value.pattern ?? "DD/MMM/YYYY";
+      return e.value.enableTime && (_ += " HH:mm:ss"), _;
+    }), C = /[-/.,:\s]+/, c = w(() => f.value.split(C)), F = w(() => f.value.match(/[-/.,:\s]+/g) || []), k = x({});
     H(
       () => e.value.value,
-      (V) => {
-        r.value = V, j(V);
+      (_) => {
+        u.value = _, j(_);
       }
     );
-    async function T(V, S, y) {
-      let C = S ?? (y == null ? void 0 : y.target).value;
-      /MM|MMM|MMMM/.test(V) && (C = ue(C, V)), Number.isInteger(parseInt(C)) && (C = J(parseInt(C))), d.value[V] = C;
-      const B = m.value.reduce((K, f, _) => (K += d.value[f] + (_ < m.value.length - 1 ? D.value[_] : ""), K), "");
-      r.value = B, await b();
+    async function O(_, R, y) {
+      let D = R ?? (y == null ? void 0 : y.target).value;
+      /MM|MMM|MMMM/.test(_) && (D = ne(D, _)), Number.isInteger(parseInt(D)) && (D = J(parseInt(D))), k.value[_] = D;
+      const $ = c.value.reduce((v, I, V) => (v += k.value[I] + (V < c.value.length - 1 ? F.value[V] : ""), v), "");
+      u.value = $, await b();
     }
-    async function j(V) {
-      const S = Je(V, k.value).split(O);
-      m.value.forEach((y, C) => T(y, S[C])), await b();
+    async function j(_) {
+      const R = Ge(_, f.value).split(C);
+      c.value.forEach((y, D) => O(y, R[D])), await b();
     }
-    return u({
+    return o({
       onValueUpdate: b,
-      onReset: F,
-      getErrors: v
-    }), pe(() => {
-      m.value.forEach((V, S) => {
+      onReset: S,
+      getErrors: m
+    }), fe(() => {
+      c.value.forEach((_, R) => {
         var y;
-        d.value[V] = ((y = r.value) == null ? void 0 : y.split(O)[S]) ?? "";
+        k.value[_] = ((y = u.value) == null ? void 0 : y.split(C)[R]) ?? "";
       });
-    }), (V, S) => (i(), h(o(le), {
+    }), (_, R) => (i(), h(r(te), {
       type: "text",
       ref_key: "inputRef",
       ref: a,
@@ -608,76 +619,76 @@ const ae = /* @__PURE__ */ q({
       "error-text": e.value.error,
       autofocus: e.value.autoFocus,
       disabled: e.value.disabled,
-      onIonFocus: o(I),
-      onIonBlur: o(b)
+      onIonFocus: r(M),
+      onIonBlur: r(b)
     }, {
       default: p(() => [
-        R(ae, { model: e.value }, null, 8, ["model"]),
-        (i(!0), U(A, null, W(m.value, (y, C) => (i(), U(A, null, [
-          /MM|MMM|MMMM/.test(y) ? (i(), h(o(De), {
+        E(le, { model: e.value }, null, 8, ["model"]),
+        (i(!0), U(A, null, W(c.value, (y, D) => (i(), U(A, null, [
+          /MM|MMM|MMMM/.test(y) ? (i(), h(r(Ce), {
             slot: "start",
             key: `select-${y}`,
             interface: "popover",
-            style: fe({ minWidth: e.value.enableTime ? "10%" : "30%" }),
+            style: me({ minWidth: e.value.enableTime ? "10%" : "30%" }),
             placeholder: y,
-            value: d.value[y],
-            onIonFocus: o(I),
-            onIonInput: (B) => T(y, void 0, B),
-            onIonBlur: (B) => T(y, void 0, B)
+            value: k.value[y],
+            onIonFocus: r(M),
+            onIonInput: ($) => O(y, void 0, $),
+            onIonBlur: ($) => O(y, void 0, $)
           }, {
             default: p(() => [
-              (i(!0), U(A, null, W(o(X), (B, K) => (i(), h(o(Fe), {
-                key: B,
-                value: o(ue)(K + 1, y)
+              (i(!0), U(A, null, W(r(Q), ($, v) => (i(), h(r(De), {
+                key: $,
+                value: r(ne)(v + 1, y)
               }, {
                 default: p(() => [
-                  $(z(o(ue)(K + 1, y)), 1)
+                  T(z(r(ne)(v + 1, y)), 1)
                 ]),
                 _: 2
               }, 1032, ["value"]))), 128))
             ]),
             _: 2
-          }, 1032, ["style", "placeholder", "value", "onIonFocus", "onIonInput", "onIonBlur"])) : (i(), h(o(le), {
+          }, 1032, ["style", "placeholder", "value", "onIonFocus", "onIonInput", "onIonBlur"])) : (i(), h(r(te), {
             slot: "start",
             key: `input-${y}`,
             placeholder: y,
             autofocus: e.value.autoFocus,
-            value: d.value[y],
-            onIonFocus: o(I),
-            onIonInput: (B) => T(y, void 0, B),
-            onIonBlur: (B) => T(y, void 0, B)
+            value: k.value[y],
+            onIonFocus: r(M),
+            onIonInput: ($) => O(y, void 0, $),
+            onIonBlur: ($) => O(y, void 0, $)
           }, null, 8, ["placeholder", "autofocus", "value", "onIonFocus", "onIonInput", "onIonBlur"])),
-          C < m.value.length - 1 ? (i(), h(o(P), {
+          D < c.value.length - 1 ? (i(), h(r(P), {
             slot: "start",
-            key: `separator-${C}`
+            key: `separator-${D}`
           }, {
             default: p(() => [
-              $("  " + z(D.value[C]) + "       ", 1)
+              T("  " + z(F.value[D]) + "       ", 1)
             ]),
             _: 2
-          }, 1024)) : E("", !0)
+          }, 1024)) : B("", !0)
         ], 64))), 256)),
-        R(o(P), { slot: "end" }, {
+        E(r(P), { slot: "end" }, {
           default: p(() => [
-            R(o($e), {
+            E(r(Te), {
               "enable-seconds": "",
               "time-picker-inline": "",
               teleport: "",
-              "model-value": r.value,
+              "model-value": u.value,
               "auto-apply": !e.value.enableTime,
               "enable-time-picker": e.value.enableTime ?? !1,
-              maxDate: n.value,
+              maxDate: l.value,
               minDate: s.value,
               onDateUpdate: j
             }, {
               trigger: p(() => [
-                R(o(Z), { fill: "clear" }, {
+                E(r(K), { fill: "clear" }, {
                   default: p(() => [
-                    R(o(Q), {
+                    E(r(Z), {
                       slot: "icon-only",
-                      icon: o(Ue),
+                      icon: r($e),
                       "aria-hidden": "true",
-                      onClick: o(I)
+                      onClick: r(M)
                     }, null, 8, ["icon", "onClick"])
                   ]),
                   _: 1
@@ -692,7 +703,7 @@ const ae = /* @__PURE__ */ q({
       _: 1
     }, 8, ["fill", "label-placement", "required", "error-text", "autofocus", "disabled", "onIonFocus", "onIonBlur"]));
   }
-}), lt = /* @__PURE__ */ q({
+}), tt = /* @__PURE__ */ q({
   __name: "NumberInput",
   props: /* @__PURE__ */ L({
     schema: {}
@@ -701,9 +712,9 @@ const ae = /* @__PURE__ */ q({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: u }) {
-    const l = Y(t, "modelValue"), e = x(null);
-    return u({
+  setup(t, { expose: o }) {
+    const n = Y(t, "modelValue"), e = x(null);
+    return o({
       onReset: () => {
         var a;
         return (a = e.value) == null ? void 0 : a.onReset();
@@ -713,19 +724,19 @@ const ae = /* @__PURE__ */ q({
         return (a = e.value) == null ? void 0 : a.onValueUpdate();
       },
       getErrors: () => {
-        var a;
-        return (a = e.value) == null ? void 0 : a.getErrors();
+        var a, l;
+        return ((l = (a = e.value) == null ? void 0 : a.getErrors) == null ? void 0 : l.call(a)) ?? [];
       }
-    }), (a, n) => (i(), h(ne, {
-      modelValue: l.value,
-      "onUpdate:modelValue": n[0] || (n[0] = (s) => l.value = s),
+    }), (a, l) => (i(), h(ae, {
+      modelValue: n.value,
+      "onUpdate:modelValue": l[0] || (l[0] = (s) => n.value = s),
       type: "number",
       schema: a.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), at = /* @__PURE__ */ q({
+}), lt = /* @__PURE__ */ q({
   __name: "EmailInput",
   props: /* @__PURE__ */ L({
     schema: {}
@@ -734,9 +745,9 @@ const ae = /* @__PURE__ */ q({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: u }) {
-    const l = Y(t, "modelValue"), e = x(null);
-    return u({
+  setup(t, { expose: o }) {
+    const n = Y(t, "modelValue"), e = x(null);
+    return o({
       onReset: () => {
         var a;
         return (a = e.value) == null ? void 0 : a.onReset();
@@ -746,19 +757,19 @@ const ae = /* @__PURE__ */ q({
         return (a = e.value) == null ? void 0 : a.onValueUpdate();
       },
       getErrors: () => {
-        var a;
-        return (a = e.value) == null ? void 0 : a.getErrors();
+        var a, l;
+        return ((l = (a = e.value) == null ? void 0 : a.getErrors) == null ? void 0 : l.call(a)) ?? [];
       }
-    }), (a, n) => (i(), h(ne, {
-      modelValue: l.value,
-      "onUpdate:modelValue": n[0] || (n[0] = (s) => l.value = s),
+    }), (a, l) => (i(), h(ae, {
+      modelValue: n.value,
+      "onUpdate:modelValue": l[0] || (l[0] = (s) => n.value = s),
       type: "email",
       schema: a.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), nt = /* @__PURE__ */ q({
+}), at = /* @__PURE__ */ q({
   __name: "PasswordInput",
   props: /* @__PURE__ */ L({
     schema: {}
@@ -767,9 +778,9 @@ const ae = /* @__PURE__ */ q({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: u }) {
-    const l = Y(t, "modelValue"), e = x(null);
-    return u({
+  setup(t, { expose: o }) {
+    const n = Y(t, "modelValue"), e = x(null);
+    return o({
       onReset: () => {
         var a;
         return (a = e.value) == null ? void 0 : a.onReset();
@@ -779,19 +790,19 @@ const ae = /* @__PURE__ */ q({
         return (a = e.value) == null ? void 0 : a.onValueUpdate();
       },
       getErrors: () => {
-        var a;
-        return (a = e.value) == null ? void 0 : a.getErrors();
+        var a, l;
+        return ((l = (a = e.value) == null ? void 0 : a.getErrors) == null ? void 0 : l.call(a)) ?? [];
       }
-    }), (a, n) => (i(), h(ne, {
-      modelValue: l.value,
-      "onUpdate:modelValue": n[0] || (n[0] = (s) => l.value = s),
+    }), (a, l) => (i(), h(ae, {
+      modelValue: n.value,
+      "onUpdate:modelValue": l[0] || (l[0] = (s) => n.value = s),
       type: "password",
       schema: a.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), ut = /* @__PURE__ */ q({
+}), nt = /* @__PURE__ */ q({
   __name: "SelectInput",
   props: /* @__PURE__ */ L({
     schema: {},
@@ -801,26 +812,26 @@ const ae = /* @__PURE__ */ q({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: u }) {
-    const l = t, e = Y(t, "modelValue"), a = x(null), n = x(null), s = x(!1), r = x([]), c = x(""), g = x(1), b = w(() => e.value.interface ?? "popover"), I = w(() => e.value.optionsPlacement === "top" ? "top" : "bottom"), v = w(() => r.value.filter((f) => !!f.isChecked)), F = w(() => !c.value && ie(v.value) && !s.value ? e.value.placeholder ?? "Select an option" : "");
-    H([c, () => e.value.options], B, {
+  setup(t, { expose: o }) {
+    const n = t, e = Y(t, "modelValue"), a = x(null), l = x(null), s = x(!1), u = x([]), d = x(""), g = x(1), b = w(() => e.value.interface ?? "popover"), M = w(() => e.value.optionsPlacement === "top" ? "top" : "bottom"), m = w(() => u.value.filter((v) => !!v.isChecked)), S = w(() => !d.value && se(m.value) && !s.value ? e.value.placeholder ?? "Select an option" : "");
+    H([d, () => e.value.options], D, {
       immediate: !0,
       deep: !0
-    }), H(() => e.value.value, K, { immediate: !0, deep: !0 });
-    function k() {
-      r.value.forEach((f) => oe(f, r.value)), e.value.error = "", c.value = "", g.value = 1, e.value.value = e.value.multiple ? [] : "";
+    }), H(() => e.value.value, $, { immediate: !0, deep: !0 });
+    function f() {
+      u.value.forEach((v) => oe(v, u.value)), e.value.error = "", d.value = "", g.value = 1, e.value.value = e.value.multiple ? [] : "";
     }
-    function O(f) {
-      if (f.isChecked) return oe(f, r.value);
-      e.value.multiple ? G(f, r.value) : (k(), G(f, r.value), C()), c.value = "";
+    function C(v) {
+      if (v.isChecked) return oe(v, u.value);
+      e.value.multiple ? G(v, u.value) : (f(), G(v, u.value), y()), d.value = "";
     }
-    function m() {
+    function c() {
       switch (b.value) {
         case "action-sheet":
-          D();
+          F();
           break;
         case "alert":
-          d();
+          k();
           break;
         case "popover":
         default:
@@ -828,18 +839,18 @@ const ae = /* @__PURE__ */ q({
           break;
       }
     }
-    async function D() {
-      if (await B(), e.value.multiple) {
+    async function F() {
+      if (await D(), e.value.multiple) {
         s.value = !0;
         return;
       }
-      await (await Be.create({
+      await (await Re.create({
         header: e.value.label || "Select an option",
         buttons: [
-          ...r.value.map((_) => ({
-            text: _.label,
-            cssClass: _.isChecked ? "selected-option" : "",
-            handler: () => (O(_), !1)
+          ...u.value.map((I) => ({
+            text: I.label,
+            cssClass: I.isChecked ? "selected-option" : "",
+            handler: () => (C(I), !1)
           })),
           {
             text: "Cancel",
@@ -848,17 +859,17 @@ const ae = /* @__PURE__ */ q({
         ]
       })).present();
     }
-    async function d() {
-      await B();
-      const f = r.value.map((M) => ({
-        label: M.label,
+    async function k() {
+      await D();
+      const v = u.value.map((V) => ({
+        label: V.label,
         type: e.value.multiple ? "checkbox" : "radio",
-        value: M,
-        checked: M.isChecked
+        value: V,
+        checked: V.isChecked
       }));
-      await (await Oe.create({
+      await (await Be.create({
         header: e.value.label || "Select an option",
-        inputs: f,
+        inputs: v,
         buttons: [
           {
             text: "Cancel",
@@ -866,111 +877,108 @@ const ae = /* @__PURE__ */ q({
           },
           {
             text: "OK",
-            handler: (M) => {
+            handler: (V) => {
               if (e.value.multiple)
-                r.value.forEach((N) => oe(N, r.value)), M.forEach((N) => {
-                  const te = r.value.find((Ve) => Ve.value === N.value);
-                  te && G(te, r.value);
+                u.value.forEach((N) => oe(N, u.value)), V.forEach((N) => {
+                  const ee = u.value.find((be) => be.value === N.value);
+                  ee && G(ee, u.value);
                 });
               else {
-                k();
-                const N = r.value.find((te) => te.value === M.value);
-                N && G(N, r.value);
+                f();
+                const N = u.value.find((ee) => ee.value === V.value);
+                N && G(N, u.value);
               }
-              C();
+              y();
             }
           }
         ]
       })).present();
     }
-    async function T() {
-      if (e.value.required && ie(v.value))
+    async function O() {
+      if (e.value.required && se(m.value))
         return "This field is required";
       if (e.value.validation) {
-        const f = await e.value.validation(v.value, l == null ? void 0 : l.schema);
-        if (f && f.length)
-          return f.join();
+        const v = await e.value.validation(m.value, n == null ? void 0 : n.schema);
+        if (v && v.length)
+          return v.join();
       }
       return !0;
     }
-    const { onFocus: j, applyValidationState: V } = ee(
+    const { onFocus: j, applyValidationState: _ } = X(
       a,
       e,
-      w(() => e.value.multiple ? v.value : v.value[0]),
-      w(() => l == null ? void 0 : l.schema),
-      T
+      w(() => e.value.multiple ? m.value : m.value[0]),
+      w(() => n == null ? void 0 : n.schema),
+      O
     );
-    function S() {
-      return e.value.error;
-    }
-    function y(f) {
-      var _;
-      f.target === ((_ = a.value) == null ? void 0 : _.$el) && (j(), b.value === "popover" && (s.value = !0));
+    function R(v) {
+      var I;
+      v.target === ((I = a.value) == null ? void 0 : I.$el) && (j(), b.value === "popover" && (s.value = !0));
     }
-    async function C(f) {
-      var M;
-      if ((M = f == null ? void 0 : f.relatedTarget) != null && M.closest(".suggestions-list")) return;
+    async function y(v) {
+      var V;
+      if ((V = v == null ? void 0 : v.relatedTarget) != null && V.closest(".suggestions-list")) return;
       s.value = !1;
-      const _ = await T();
-      _ === !0 ? (e.value.error = "", e.value.value = e.value.multiple ? v.value : v.value[0]) : e.value.error = typeof _ == "string" ? _ : "Validation failed", await V(_ === !0);
+      const I = await O();
+      I === !0 ? (e.value.error = "", e.value.value = e.value.multiple ? m.value : m.value[0]) : e.value.error = typeof I == "string" ? I : "Validation failed", await _(I === !0);
     }
-    async function B() {
-      const f = [];
+    async function D() {
+      const v = [];
       if (typeof e.value.options == "function") {
-        const _ = await e.value.options(c.value);
-        f.push(..._.filter((M) => !!M.label));
+        const I = await e.value.options(d.value);
+        v.push(...I.filter((V) => !!V.label));
       } else
-        f.push(...We(e.value.options ?? [], c.value));
-      v.value.forEach((_) => G(_, f)), r.value = f;
+        v.push(...Je(e.value.options ?? [], d.value));
+      m.value.forEach((I) => G(I, v)), u.value = v;
     }
-    function K() {
-      const f = e.value.value;
-      f && (Array.isArray(f) ? f.forEach((_) => G(_, r.value)) : G(typeof f == "object" ? f : {
-        value: f,
-        label: f
-      }, r.value));
+    function $() {
+      const v = e.value.value;
+      v && (Array.isArray(v) ? v.forEach((I) => G(I, u.value)) : G(typeof v == "object" ? v : {
+        value: v,
+        label: v
+      }, u.value));
     }
-    return u({
-      onValueUpdate: C,
-      onReset: k,
-      getErrors: S
-    }), (f, _) => (i(), U("div", {
+    return o({
+      onValueUpdate: y,
+      onReset: f,
+      getErrors: () => e.value.error ? [e.value.error] : []
+    }), (v, I) => (i(), U("div", {
       class: "autocomplete-container",
-      onFocusout: C,
+      onFocusout: y,
       ref_key: "containerRef",
-      ref: n
+      ref: l
     }, [
-      R(o(le), {
+      E(r(te), {
         ref_key: "inputRef",
         ref: a,
-        modelValue: c.value,
-        "onUpdate:modelValue": _[0] || (_[0] = (M) => c.value = M),
+        modelValue: d.value,
+        "onUpdate:modelValue": I[0] || (I[0] = (V) => d.value = V),
         fill: e.value.fill ?? "outline",
         "label-placement": e.value.labelPlacement ?? "stacked",
-        type: f.type ?? "text",
+        type: v.type ?? "text",
         required: e.value.required,
         "error-text": e.value.error,
         autofocus: e.value.autoFocus,
-        placeholder: F.value,
+        placeholder: S.value,
         disabled: e.value.disabled,
         counter: e.value.counter,
-        onIonFocus: y,
+        onIonFocus: R,
         debounce: 300,
-        onClick: m
+        onClick: c
       }, {
         default: p(() => [
-          R(ae, { model: e.value }, null, 8, ["model"]),
-          e.value.multiple ? (i(), h(o(P), {
+          E(le, { model: e.value }, null, 8, ["model"]),
+          e.value.multiple ? (i(), h(r(P), {
             key: 0,
             style: { width: "fit-content" },
             slot: "start"
           }, {
             default: p(() => [
-              (i(!0), U(A, null, W(v.value, (M, N) => (i(), h(o(Se), { key: N }, {
+              (i(!0), U(A, null, W(m.value, (V, N) => (i(), h(r(Ee), { key: N }, {
                 default: p(() => [
-                  R(o(P), null, {
+                  E(r(P), null, {
                     default: p(() => [
-                      $(z(M.label), 1)
+                      T(z(V.label), 1)
                     ]),
                     _: 2
                   }, 1024)
@@ -979,52 +987,52 @@ const ae = /* @__PURE__ */ q({
               }, 1024))), 128))
             ]),
             _: 1
-          })) : (i(), h(o(P), {
+          })) : (i(), h(r(P), {
             key: 1,
             slot: "start",
             class: "ion-no-wrap"
           }, {
             default: p(() => {
-              var M;
+              var V;
               return [
-                $(z(((M = v.value[0]) == null ? void 0 : M.label) ?? ""), 1)
+                T(z(((V = m.value[0]) == null ? void 0 : V.label) ?? ""), 1)
               ];
             }),
             _: 1
           })),
-          R(o(Q), {
+          E(r(Z), {
             slot: "end",
-            icon: o(ze)
+            icon: r(Ue)
           }, null, 8, ["icon"]),
-          v.value.length > 0 || c.value ? (i(), h(o(Q), {
+          m.value.length > 0 || d.value ? (i(), h(r(Z), {
             key: 2,
             slot: "end",
-            icon: o(qe),
-            onClick: k,
+            icon: r(ze),
+            onClick: f,
             style: { "z-index": "999999" }
-          }, null, 8, ["icon"])) : E("", !0)
+          }, null, 8, ["icon"])) : B("", !0)
         ]),
         _: 1
       }, 8, ["modelValue", "fill", "label-placement", "type", "required", "error-text", "autofocus", "placeholder", "disabled", "counter"]),
-      s.value && r.value.length > 0 && b.value === "popover" ? (i(), h(o(Re), {
+      s.value && u.value.length > 0 && b.value === "popover" ? (i(), h(r(Se), {
         key: 0,
-        class: Ie(["suggestions-list", I.value])
+        class: xe(["suggestions-list", M.value])
       }, {
         default: p(() => [
-          (i(!0), U(A, null, W(r.value, (M) => (i(), h(o(Ee), {
+          (i(!0), U(A, null, W(u.value, (V) => (i(), h(r(Fe), {
             button: "",
-            key: M.label,
-            onClick: (N) => O(M)
+            key: V.label,
+            onClick: (N) => C(V)
           }, {
             default: p(() => [
-              e.value.multiple ? (i(), h(o(he), {
+              e.value.multiple ? (i(), h(r(pe), {
                 key: 0,
                 slot: "start",
-                checked: M.isChecked
-              }, null, 8, ["checked"])) : E("", !0),
-              R(o(P), null, {
+                checked: V.isChecked
+              }, null, 8, ["checked"])) : B("", !0),
+              E(r(P), null, {
                 default: p(() => [
-                  $(z(M.label), 1)
+                  T(z(V.label), 1)
                 ]),
                 _: 2
               }, 1024)
@@ -1033,15 +1041,15 @@ const ae = /* @__PURE__ */ q({
           }, 1032, ["onClick"]))), 128))
         ]),
         _: 1
-      }, 8, ["class"])) : E("", !0)
+      }, 8, ["class"])) : B("", !0)
     ], 544));
   }
-}), be = (t, u) => {
-  const l = t.__vccOpts || t;
-  for (const [e, a] of u)
-    l[e] = a;
-  return l;
-}, ot = /* @__PURE__ */ be(ut, [["__scopeId", "data-v-0b19f6eb"]]), rt = /* @__PURE__ */ q({
+}), ge = (t, o) => {
+  const n = t.__vccOpts || t;
+  for (const [e, a] of o)
+    n[e] = a;
+  return n;
+}, ot = /* @__PURE__ */ ge(nt, [["__scopeId", "data-v-80c14c96"]]), ut = /* @__PURE__ */ q({
   __name: "TextAreaInput",
   props: /* @__PURE__ */ L({
     schema: {}
@@ -1050,25 +1058,25 @@ const ae = /* @__PURE__ */ q({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: u }) {
-    const l = t, e = Y(t, "modelValue"), a = x(null), n = x(e.value.value), s = w(() => l.schema), { onValueUpdate: r, onFocus: c, onReset: g, getErrors: b } = ee(
+  setup(t, { expose: o }) {
+    const n = t, e = Y(t, "modelValue"), a = x(null), l = x(e.value.value), s = w(() => n.schema), { onValueUpdate: u, onFocus: d, onReset: g, getErrors: b } = X(
       a,
       e,
-      n,
+      l,
       s
     );
     return H(
       () => e.value.value,
-      (I) => n.value = I
-    ), u({
+      (M) => l.value = M
+    ), o({
       onReset: g,
-      onValueUpdate: r,
+      onValueUpdate: u,
       getErrors: b
-    }), (I, v) => (i(), h(o(Te), {
+    }), (M, m) => (i(), h(r(Oe), {
       ref_key: "inputRef",
       ref: a,
-      modelValue: n.value,
-      "onUpdate:modelValue": v[0] || (v[0] = (F) => n.value = F),
+      modelValue: l.value,
+      "onUpdate:modelValue": m[0] || (m[0] = (S) => l.value = S),
       "clear-input": !0,
       fill: e.value.fill ?? "outline",
       "label-placement": e.value.labelPlacement ?? "stacked",
@@ -1086,20 +1094,20 @@ const ae = /* @__PURE__ */ q({
       "max-length": e.value.maxLength,
       "min-length": e.value.minLength,
       pattern: e.value.pattern,
-      onIonFocus: o(c),
-      onIonChange: o(r),
-      onIonBlur: o(r)
+      onIonFocus: r(d),
+      onIonChange: r(u),
+      onIonBlur: r(u)
     }, {
       default: p(() => [
-        R(ae, { model: e.value }, null, 8, ["model"])
+        E(le, { model: e.value }, null, 8, ["model"])
       ]),
       _: 1
     }, 8, ["modelValue", "fill", "label-placement", "required", "error-text", "autofocus", "placeholder", "disabled", "counter", "min", "max", "rows", "cols", "auto-grow", "max-length", "min-length", "pattern", "onIonFocus", "onIonChange", "onIonBlur"]));
   }
-}), st = {
+}), rt = {
   class: "ion-margin-end",
   style: { "flex-grow": "1" }
-}, it = { style: { display: "flex", "justify-content": "flex-end" } }, ct = /* @__PURE__ */ q({
+}, st = { style: { display: "flex", "justify-content": "flex-end" } }, it = /* @__PURE__ */ q({
   __name: "RepeatInput",
   props: /* @__PURE__ */ L({
     schema: {},
@@ -1110,119 +1118,119 @@ const ae = /* @__PURE__ */ q({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: u }) {
-    const l = Y(t, "modelValue"), e = x([]), { dynamicRefs: a, resetForm: n, getFormErrors: s, updateFormValues: r } = ge(), c = w(() => e.value.map((k, O) => ({
-      label: `Set ${O + 1}`,
-      value: O,
-      other: Object.entries(k).reduce(
-        (m, [D, d]) => (m[D] = d.value, m),
+  setup(t, { expose: o }) {
+    const n = Y(t, "modelValue"), e = x([]), { dynamicRefs: a, resetForm: l, getFormErrors: s, updateFormValues: u } = ye(), d = w(() => e.value.map((f, C) => ({
+      label: `Set ${C + 1}`,
+      value: C,
+      other: Object.entries(f).reduce(
+        (c, [F, k]) => (c[F] = k.value, c),
         {}
       )
     })));
     H(
-      c,
-      (k) => {
-        l.value.value = k;
+      d,
+      (f) => {
+        n.value.value = f;
       },
       { deep: !0, immediate: !0 }
-    ), pe(g);
+    ), fe(g);
     function g() {
-      l.value.children && e.value.push(de(l.value.children));
+      n.value.children && e.value.push(ce(n.value.children));
     }
-    function b(k) {
-      e.value.splice(k, 1);
+    function b(f) {
+      e.value.splice(f, 1);
     }
-    function I() {
-      n();
+    function M() {
+      l();
     }
-    function v() {
+    function m() {
       return s();
     }
-    async function F() {
-      await r();
+    async function S() {
+      await u();
     }
-    return u({
-      onValueUpdate: F,
-      onReset: I,
-      getErrors: v
-    }), (k, O) => (i(!0), U(A, null, W(e.value, (m, D) => (i(), U("div", {
+    return o({
+      onValueUpdate: S,
+      onReset: M,
+      getErrors: m
+    }), (f, C) => (i(!0), U(A, null, W(e.value, (c, F) => (i(), U("div", {
       class: "repeat-input-wrapper",
-      key: D
+      key: F
     }, [
-      ve("div", st, [
-        R(o(re), null, {
+      de("div", rt, [
+        E(r(ue), null, {
           default: p(() => [
-            (i(!0), U(A, null, W(Object.keys(m), (d) => {
-              var T, j, V, S, y;
+            (i(!0), U(A, null, W(Object.keys(c), (k) => {
+              var O, j, _, R, y;
               return i(), U(A, null, [
-                o(ce)(m[d], k.data, k.computedData) ? (i(), h(o(se), {
-                  key: `${D}-${d}`,
-                  size: ((T = m[d].grid) == null ? void 0 : T.xs) ?? "12",
-                  "size-sm": (j = m[d].grid) == null ? void 0 : j.sm,
-                  "size-md": (V = m[d].grid) == null ? void 0 : V.md,
-                  "size-lg": (S = m[d].grid) == null ? void 0 : S.lg,
-                  "size-xl": (y = m[d].grid) == null ? void 0 : y.xl,
+                r(ie)(c[k], f.data, f.computedData) ? (i(), h(r(re), {
+                  key: `${F}-${k}`,
+                  size: ((O = c[k].grid) == null ? void 0 : O.xs) ?? "12",
+                  "size-sm": (j = c[k].grid) == null ? void 0 : j.sm,
+                  "size-md": (_ = c[k].grid) == null ? void 0 : _.md,
+                  "size-lg": (R = c[k].grid) == null ? void 0 : R.lg,
+                  "size-xl": (y = c[k].grid) == null ? void 0 : y.xl,
                   class: "ion-margin-bottom"
                 }, {
                   default: p(() => [
-                    (i(), h(me(m[d].type), {
-                      modelValue: m[d],
-                      "onUpdate:modelValue": (C) => m[d] = C,
-                      schema: m,
-                      "ref-key": `${D}-${d}`,
+                    (i(), h(ve(c[k].type), {
+                      modelValue: c[k],
+                      "onUpdate:modelValue": (D) => c[k] = D,
+                      schema: c,
+                      "ref-key": `${F}-${k}`,
                       ref_for: !0,
                       ref_key: "dynamicRefs",
                       ref: a
                     }, null, 8, ["modelValue", "onUpdate:modelValue", "schema", "ref-key"]))
                   ]),
                   _: 2
-                }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : E("", !0)
+                }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : B("", !0)
               ], 64);
             }), 256))
           ]),
           _: 2
         }, 1024)
       ]),
-      ve("div", it, [
-        D === e.value.length - 1 ? (i(), h(o(Z), {
+      de("div", st, [
+        F === e.value.length - 1 ? (i(), h(r(K), {
           key: 0,
           onClick: g,
           color: "primary"
         }, {
           default: p(() => [
-            R(o(Q), {
+            E(r(Z), {
               slot: "icon-only",
-              icon: o(Ae)
+              icon: r(qe)
             }, null, 8, ["icon"])
           ]),
           _: 1
-        })) : E("", !0),
-        e.value.length > 1 ? (i(), h(o(Z), {
+        })) : B("", !0),
+        e.value.length > 1 ? (i(), h(r(K), {
           key: 1,
-          onClick: (d) => b(D),
+          onClick: (k) => b(F),
           color: "warning"
         }, {
           default: p(() => [
-            R(o(Q), {
+            E(r(Z), {
               slot: "icon-only",
-              icon: o(je)
+              icon: r(Ae)
             }, null, 8, ["icon"])
           ]),
           _: 2
-        }, 1032, ["onClick"])) : E("", !0)
+        }, 1032, ["onClick"])) : B("", !0)
       ])
     ]))), 128));
   }
-}), dt = /* @__PURE__ */ be(ct, [["__scopeId", "data-v-402695fe"]]);
-function vt(t) {
+}), ct = /* @__PURE__ */ ge(it, [["__scopeId", "data-v-402695fe"]]);
+function dt(t) {
   return {
     labelTextWithAsterisk: w(() => {
-      const l = t.value.label || "", e = t.value.required ? " *" : "";
-      return l + e;
+      const n = t.value.label || "", e = t.value.required ? " *" : "";
+      return n + e;
     })
   };
 }
-const mt = /* @__PURE__ */ q({
+const vt = /* @__PURE__ */ q({
   __name: "CheckboxInput",
   props: /* @__PURE__ */ L({
     schema: {}
@@ -1231,43 +1239,43 @@ const mt = /* @__PURE__ */ q({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: u }) {
-    const l = t, e = Y(t, "modelValue"), a = x(null), n = x(e.value.value), s = w(() => l.schema), { labelTextWithAsterisk: r } = vt(e), { onValueUpdate: c, onFocus: g, getErrors: b } = ee(a, e, n, s);
-    function I() {
-      n.value = !1, e.value.error = "", e.value.value = !1;
+  setup(t, { expose: o }) {
+    const n = t, e = Y(t, "modelValue"), a = x(null), l = x(e.value.value), s = w(() => n.schema), { labelTextWithAsterisk: u } = dt(e), { onValueUpdate: d, onFocus: g, getErrors: b } = X(a, e, l, s);
+    function M() {
+      l.value = !1, e.value.error = "", e.value.value = !1;
     }
     return H(
       () => e.value.value,
-      (v) => n.value = v
-    ), u({
-      onValueUpdate: c,
-      onReset: I,
+      (m) => l.value = m
+    ), o({
+      onValueUpdate: d,
+      onReset: M,
       getErrors: b
-    }), (v, F) => (i(), h(o(he), {
-      modelValue: n.value,
-      "onUpdate:modelValue": F[0] || (F[0] = (k) => n.value = k),
+    }), (m, S) => (i(), h(r(pe), {
+      modelValue: l.value,
+      "onUpdate:modelValue": S[0] || (S[0] = (f) => l.value = f),
       ref_key: "inputRef",
       ref: a,
       required: e.value.required,
       "error-text": e.value.error,
       disabled: e.value.disabled,
-      onIonFocus: o(g),
-      onIonChange: o(c),
-      onIonBlur: o(c)
+      onIonFocus: r(g),
+      onIonChange: r(d),
+      onIonBlur: r(d)
     }, {
       default: p(() => [
-        $(z(o(r)), 1)
+        T(z(r(u)), 1)
       ]),
       _: 1
     }, 8, ["modelValue", "required", "error-text", "disabled", "onIonFocus", "onIonChange", "onIonBlur"]));
   }
-}), bt = {
+}), gt = {
   install(t) {
-    t.component("VForm", Ze), t.component("TextInput", et), t.component("DateInput", tt), t.component("NumberInput", lt), t.component("EmailInput", at), t.component("PasswordInput", nt), t.component("SelectInput", ot), t.component("TextAreaInput", rt), t.component("RepeatInput", dt), t.component("CheckboxInput", mt), t.directive("maskito", Le);
+    t.component("VForm", Ke), t.component("TextInput", Xe), t.component("DateInput", et), t.component("NumberInput", tt), t.component("EmailInput", lt), t.component("PasswordInput", at), t.component("SelectInput", ot), t.component("TextAreaInput", ut), t.component("RepeatInput", ct), t.component("CheckboxInput", vt), t.directive("maskito", je);
   }
 };
 export {
-  bt as VForm,
-  bt as default
+  gt as VForm,
+  gt as default
 };
 //# sourceMappingURL=index.es.js.map