@uniquedj95/vform 2.0.3 → 3.0.2

package/dist/index.es.js

@@ -1,7 +1,67 @@
-import { defineComponent as T, ref as M, computed as z, watch as A, createBlock as h, openBlock as c, unref as o, withCtx as p, createVNode as R, createCommentVNode as $, createElementBlock as q, Fragment as j, renderList as J, resolveDynamicComponent as ve, normalizeStyle as de, createTextVNode as L, toDisplayString as B, mergeModels as Y, useModel as N, onMounted as fe, normalizeClass as he, createElementVNode as ce } from "vue";
-import { IonGrid as ge, IonRow as ue, IonCol as ne, IonButton as G, IonInput as ee, IonLabel as F, IonText as Q, IonInputPasswordToggle as ye, IonSelect as be, IonSelectOption as Ve, IonIcon as K, IonChip as ke, IonList as xe, IonItem as _e, IonCheckbox as me, actionSheetController as we, alertController as Me, IonTextarea as Ie } from "@ionic/vue";
+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";
-const W = [
+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) => {
+    requestAnimationFrame(async () => {
+      const l = await t.getInputElement();
+      u(l);
+    });
+  });
+}
+const Ne = {
+  d: /\d/,
+  a: /[A-Za-z]/,
+  "*": /[A-Za-z0-9]/
+  // Default: alphanum, can customize if needed
+}, Pe = {
+  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 Ge(t) {
+  const u = [];
+  let l = "", e = 0, a = 0;
+  for (; e < t.length; ) {
+    const n = t[e];
+    if (["d", "a", "*"].includes(n)) {
+      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]);
+          } else
+            s = parseInt(c);
+          e = r;
+        }
+      } else {
+        let r = e + 1;
+        for (; t[r] === n; )
+          s++, r++;
+        e = r - 1;
+      }
+      for (let r = 0; r < s; r++)
+        u.push(Ne[n]), l += He(n, a++);
+    } else
+      u.push(n), l += n;
+    e++;
+  }
+  return {
+    mask: u,
+    placeholder: l,
+    elementPredicate: Ye
+  };
+}
+const X = [
   "January",
   "February",
   "March",
@@ -15,78 +75,121 @@ const W = [
   "November",
   "December"
 ];
-function oe(l) {
-  return l == null || Array.isArray(l) && !l.length || typeof l == "object" && !Object.keys(l).length || !l;
+function ie(t) {
+  return t == null || Array.isArray(t) && !t.length || typeof t == "object" && !Object.keys(t).length || !t;
 }
-function Ce(l, d = "DD/MMM/YYYY") {
-  const u = new Date(l);
-  if (isNaN(u.getTime()))
+function Je(t, u = "DD/MMM/YYYY") {
+  const l = new Date(t);
+  if (isNaN(l.getTime()))
     throw new Error("Invalid date string");
-  const e = H(u.getDate()), a = u.getMonth() + 1, t = u.getFullYear(), s = H(u.getHours()), i = H(u.getMinutes()), k = H(u.getSeconds()), C = u.getMilliseconds(), r = {
+  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 = {
     DD: e,
-    D: u.getDate().toString(),
-    MMM: W[u.getMonth()].slice(0, 3),
-    MMMM: W[u.getMonth()],
-    MM: H(a),
+    D: l.getDate().toString(),
+    MMM: X[l.getMonth()].slice(0, 3),
+    MMMM: X[l.getMonth()],
+    MM: J(a),
     M: a.toString(),
-    YYYY: t.toString(),
-    YY: t.toString().slice(-2),
+    YYYY: n.toString(),
+    YY: n.toString().slice(-2),
     HH: s,
-    H: u.getHours().toString(),
-    mm: i,
-    m: u.getMinutes().toString(),
-    ss: k,
-    s: u.getSeconds().toString(),
-    SSS: H(C),
-    S: C.toString().slice(0, 1)
+    H: l.getHours().toString(),
+    mm: r,
+    m: l.getMinutes().toString(),
+    ss: c,
+    s: l.getSeconds().toString(),
+    SSS: J(g),
+    S: g.toString().slice(0, 1)
     // Add more replacements as needed
   };
-  return d.replace(
+  return u.replace(
     /DD|D|MMMM|MMM|MM|M|YYYY|YY|HH|H|mm|m|ss|s|SSS|S/g,
-    (n) => r[n] || n
+    (I) => b[I] || I
   );
 }
-function H(l) {
-  return l < 10 ? `0${l}` : `${l}`;
+function J(t) {
+  return t < 10 ? `0${t}` : `${t}`;
 }
-function ae(l, d) {
-  if (Number.isInteger(parseInt(l)) && Number(l) > 0) {
-    if (d === "MMMM") return W[Number(l) - 1];
-    if (d === "MMM") return W[Number(l) - 1].slice(0, 3);
-    if (d === "MM") return H(Number(l));
+function ue(t, u) {
+  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));
   }
-  return l;
+  return t;
 }
-function re(l, d, u) {
-  return typeof l.condition == "function" ? l.condition(d, u) : !0;
+function ce(t, u, l) {
+  return typeof t.condition == "function" ? t.condition(u, l) : !0;
 }
-function se(l) {
-  if (typeof l != "object" || l === null)
-    return l;
-  if (Array.isArray(l))
-    return l.map((u) => se(u));
-  const d = {};
-  return Object.entries(l).forEach(([u, e]) => {
-    typeof e == "function" ? d[u] = e.bind(d) : d[u] = se(e);
-  }), d;
+function de(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;
 }
-function pe(l, d) {
-  return d.findIndex((u) => u.value === l.value || u.label === l.label || u.value === l.label || u.label === l.value);
+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 P(l, d) {
-  const u = pe(l, d);
-  u >= 0 ? d[u].isChecked = !0 : d.push({ ...l, isChecked: !0 });
+function G(t, u) {
+  const l = ye(t, u);
+  l >= 0 ? u[l].isChecked = !0 : u.push({ ...t, isChecked: !0 });
 }
-function te(l, d) {
-  const u = pe(l, d);
-  u >= 0 && (d[u].isChecked = !1);
+function oe(t, u) {
+  const l = ye(t, u);
+  l >= 0 && (u[l].isChecked = !1);
 }
-function Le(l, d) {
-  return d ? l.filter(
-    (u) => JSON.stringify(u).toLowerCase().includes(d.toLowerCase())
-  ) : l;
+function We(t, u) {
+  return u ? t.filter(
+    (l) => JSON.stringify(l).toLowerCase().includes(u.toLowerCase())
+  ) : t;
 }
-const De = /* @__PURE__ */ T({
+function ge() {
+  const t = x([]);
+  async function u() {
+    const n = [];
+    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);
+  }
+  function l() {
+    t.value.forEach((n) => {
+      typeof (n == null ? void 0 : n.onReset) == "function" && n.onReset();
+    });
+  }
+  function e() {
+    const n = [];
+    for (const s of t.value)
+      typeof (s == null ? void 0 : s.getErrors) == "function" && n.push(...s.getErrors());
+    return n;
+  }
+  async function a() {
+    for (const n of t.value)
+      typeof (n == null ? void 0 : n.onValueUpdate) == "function" && await n.onValueUpdate();
+  }
+  return {
+    dynamicRefs: t,
+    isFormValid: u,
+    resetForm: l,
+    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(
+    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), {}));
+  return {
+    formData: u,
+    computedData: l
+  };
+}
+const Ze = /* @__PURE__ */ q({
   __name: "vForm",
   props: {
     schema: {},
@@ -101,121 +204,122 @@ const De = /* @__PURE__ */ T({
     customButtons: {}
   },
   emits: ["submit", "clear", "cancel"],
-  setup(l, { expose: d, emit: u }) {
-    const e = l, a = u, t = M([]), s = M(e.schema), i = z(() => Object.entries(s.value).reduce((v, [f, y]) => (y.value !== void 0 && (typeof y.onChange == "function" ? v[f] = y.onChange(y.value) : v[f] = y.value), v), {})), k = z(() => Object.entries(i.value).reduce((v, [f, y]) => (y !== void 0 && (s.value[f].children !== void 0 && (v[f] = y.map(({ other: O }) => Object.entries(O).reduce((U, [b, _]) => (typeof s.value[f].children[b].computedValue == "function" ? U[b] = s.value[f].children[b].computedValue(_, s.value) : U[b] = _, U), {}))), typeof s.value[f].computedValue == "function" && y !== void 0 && (v[f] = s.value[f].computedValue(y, s.value))), v), {}));
-    async function C() {
-      const v = [];
-      for (const f of t.value)
-        typeof (f == null ? void 0 : f.onValueUpdate) == "function" && await f.onValueUpdate(), typeof (f == null ? void 0 : f.getErrors) == "function" && v.push(...f.getErrors());
-      return v.every(oe);
+  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();
     }
-    async function r() {
-      await C() && a("submit", i.value, k.value);
+    async function v() {
+      await I() && a("submit", g.value, b.value);
     }
-    function n() {
-      t.value.forEach((v) => {
-        typeof (v == null ? void 0 : v.onReset) == "function" && v.onReset();
-      });
+    function F() {
+      c();
     }
-    function g() {
-      n(), a("clear");
+    function k() {
+      F(), a("clear");
     }
-    function x() {
-      n(), a("cancel");
+    function O() {
+      F(), a("cancel");
     }
-    return A(
-      i,
+    return H(
+      g,
       async () => {
-        for (const [v, f] of Object.entries(s.value))
-          re(f, i.value, k.value) || (f.value = e.schema[v].value);
+        for (const [m, D] of Object.entries(n.value))
+          ce(D, g.value, b.value) || (D.value = e.schema[m].value);
       },
       {
         deep: !0,
         immediate: !0
       }
-    ), A(() => e.schema, (v) => {
-      for (const [f, y] of Object.entries(v))
-        y.value !== void 0 && (s.value[f].value = y.value);
-    }, {
-      deep: !0,
-      immediate: !0
-    }), d({
-      resetForm: n,
-      isFormValid: C,
+    ), H(
+      () => e.schema,
+      (m) => {
+        for (const [D, d] of Object.entries(m))
+          d.value !== void 0 && (n.value[D].value = d.value);
+      },
+      {
+        deep: !0,
+        immediate: !0
+      }
+    ), u({
+      resetForm: F,
+      isFormValid: I,
       resolveData: () => ({
-        formData: i.value,
-        computedData: k.value
+        formData: g.value,
+        computedData: b.value
       })
-    }), (v, f) => (c(), h(o(ge), null, {
+    }), (m, D) => (i(), h(o(Me), null, {
       default: p(() => [
-        R(o(ue), null, {
+        R(o(re), null, {
           default: p(() => [
-            (c(!0), q(j, null, J(Object.keys(s.value), (y) => {
-              var O, U, b, _, V;
-              return c(), q(j, null, [
-                o(re)(s.value[y], i.value, k.value) ? (c(), h(o(ne), {
-                  key: y,
-                  size: ((O = s.value[y].grid) == null ? void 0 : O.xs) ?? "12",
-                  "size-sm": (U = s.value[y].grid) == null ? void 0 : U.sm,
-                  "size-md": (b = s.value[y].grid) == null ? void 0 : b.md,
-                  "size-lg": (_ = s.value[y].grid) == null ? void 0 : _.lg,
-                  "size-xl": (V = s.value[y].grid) == null ? void 0 : V.xl,
+            (i(!0), U(A, null, W(Object.keys(n.value), (d) => {
+              var T, j, V, S, y;
+              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,
                   class: "ion-margin-vertical"
                 }, {
                   default: p(() => [
-                    (c(), h(ve(s.value[y].type), {
-                      modelValue: s.value[y],
-                      "onUpdate:modelValue": (D) => s.value[y] = D,
-                      schema: s.value,
+                    (i(), h(me(n.value[d].type), {
+                      modelValue: n.value[d],
+                      "onUpdate:modelValue": (C) => n.value[d] = C,
+                      schema: n.value,
                       ref_for: !0,
                       ref_key: "dynamicRefs",
-                      ref: t,
-                      "ref-key": y
+                      ref: s,
+                      "ref-key": d
                     }, null, 8, ["modelValue", "onUpdate:modelValue", "schema", "ref-key"]))
                   ]),
                   _: 2
-                }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : $("", !0)
+                }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : E("", !0)
               ], 64);
             }), 256))
           ]),
           _: 1
         }),
-        v.hideButtons ? $("", !0) : (c(), h(o(ue), { key: 0 }, {
+        m.hideButtons ? E("", !0) : (i(), h(o(re), { key: 0 }, {
           default: p(() => [
-            R(o(ne), {
+            R(o(se), {
               size: "12",
-              style: de([{ display: "flex" }, { justifyContent: v.buttonPlacement }])
+              style: fe([{ display: "flex" }, { justifyContent: m.buttonPlacement }])
             }, {
               default: p(() => [
-                v.showCancelButton ? (c(), h(o(G), {
+                m.showCancelButton ? (i(), h(o(Z), {
                   key: 0,
-                  onClick: x
+                  onClick: O
                 }, {
                   default: p(() => [
-                    L(B(v.cancelButtonText ?? "Cancel"), 1)
+                    $(z(m.cancelButtonText ?? "Cancel"), 1)
                   ]),
                   _: 1
-                })) : $("", !0),
-                v.showClearButton ? (c(), h(o(G), {
+                })) : E("", !0),
+                m.showClearButton ? (i(), h(o(Z), {
                   key: 1,
-                  onClick: g
+                  onClick: k
                 }, {
                   default: p(() => [
-                    L(B(v.clearButtonText ?? "Reset"), 1)
+                    $(z(m.clearButtonText ?? "Reset"), 1)
                   ]),
                   _: 1
-                })) : $("", !0),
-                (c(!0), q(j, null, J(v.customButtons, (y) => (c(), h(o(G), {
-                  onClick: y.action
+                })) : 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"
                 }, {
                   default: p(() => [
-                    L(B(y.label), 1)
+                    $(z(d.label), 1)
                   ]),
                   _: 2
-                }, 1032, ["onClick"]))), 256)),
-                R(o(G), { onClick: r }, {
+                }, 1032, ["onClick", "color"]))), 128)),
+                R(o(Z), { onClick: v }, {
                   default: p(() => [
-                    L(B(v.submitButtonText ?? "Submit"), 1)
+                    $(z(m.submitButtonText ?? "Submit"), 1)
                   ]),
                   _: 1
                 })
@@ -229,213 +333,271 @@ const De = /* @__PURE__ */ T({
       _: 1
     }));
   }
-}), le = /* @__PURE__ */ T({
-  __name: "BaseInput",
-  props: /* @__PURE__ */ Y({
-    schema: {},
-    type: {}
-  }, {
-    modelValue: { type: Object, default: {} },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(l, { expose: d }) {
-    const u = l, e = N(l, "modelValue"), a = M(null), t = M(e.value.value);
-    A(() => e.value.value, (r) => t.value = r);
-    function s() {
-      t.value = "", e.value.error = "", e.value.value = "";
-    }
-    async function i() {
-      if (e.value.required && !t.value)
-        return e.value.error = "This field is required", !1;
-      if (e.value.validation) {
-        const r = await e.value.validation(t.value, u == null ? void 0 : u.schema);
-        if (r && r.length)
-          return e.value.error = r.join(), !1;
-      }
-      return !0;
+});
+function Qe(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");
+    },
+    resetValidationState: () => {
+      var e, a;
+      (e = t.value) == null || e.$el.classList.remove("ion-touched"), (a = t.value) == null || a.$el.classList.remove("ion-invalid");
     }
-    async function k() {
-      var r, n, g, x, v;
-      (r = a.value) == null || r.$el.classList.remove("ion-invalid"), (n = a.value) == null || n.$el.classList.remove("ion-valid"), await i() ? (e.value.error = "", e.value.value = t.value, (g = a.value) == null || g.$el.classList.add("ion-valid")) : (x = a.value) == null || x.$el.classList.add("ion-invalid"), (v = a.value) == null || v.$el.classList.add("ion-touched");
+  };
+}
+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;
+    if (a) {
+      const v = await a(l.value);
+      if (typeof v == "string")
+        return u.value.error = v, !1;
+      if (v === !1)
+        return !1;
     }
-    function C() {
-      var r, n;
-      (r = a.value) == null || r.$el.classList.remove("ion-touched"), (n = a.value) == null || n.$el.classList.remove("ion-invalid"), e.value.error = "";
+    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;
     }
-    return d({
-      onValueUpdate: k,
-      onReset: s,
-      getErrors: () => e.value.error
-    }), (r, n) => (c(), h(o(ee), {
-      ref_key: "inputRef",
-      ref: a,
-      modelValue: t.value,
-      "onUpdate:modelValue": n[0] || (n[0] = (g) => t.value = g),
-      "clear-input": !0,
-      fill: e.value.fill ?? "outline",
-      "label-placement": e.value.labelPlacement ?? "stacked",
-      type: r.type ?? "text",
-      required: e.value.required,
-      "error-text": e.value.error,
-      "auto-focus": e.value.autoFocus,
-      placeholder: e.value.placeholder,
-      disabled: e.value.disabled,
-      counter: e.value.counter,
-      min: e.value.min,
-      max: e.value.max,
-      "max-length": e.value.maxLength,
-      "min-length": e.value.minLength,
-      pattern: e.value.pattern,
-      onIonFocus: C,
-      onIonChange: k,
-      onIonBlur: k
+    return !0;
+  }
+  async function c() {
+    const v = await r();
+    v && (u.value.error = "", u.value.value = l.value), await n(v);
+  }
+  function g() {
+    s(), u.value.error = "";
+  }
+  function b(v = "") {
+    l.value = v, u.value.error = "", u.value.value = v;
+  }
+  const I = w(() => u.value.error);
+  return {
+    isValid: r,
+    onValueUpdate: c,
+    onFocus: g,
+    onReset: b,
+    getErrors: I,
+    applyValidationState: n,
+    resetValidationState: s
+  };
+}
+function Xe(t) {
+  const u = w(() => !!t.value.label), l = w(() => !!t.value.required), e = w(() => t.value.label || "");
+  return {
+    showLabel: u,
+    showRequired: l,
+    labelText: e
+  };
+}
+const ae = /* @__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), {
+      key: 0,
+      slot: "label",
+      class: "input-label"
     }, {
       default: p(() => [
-        e.value.label ? (c(), h(o(F), {
+        $(z(o(a)) + " ", 1),
+        o(e) ? (i(), h(o(we), {
           key: 0,
-          slot: "label"
-        }, {
-          default: p(() => [
-            L(B(e.value.label) + " ", 1),
-            e.value.required ? (c(), h(o(Q), {
-              key: 0,
-              color: "danger"
-            }, {
-              default: p(() => n[1] || (n[1] = [
-                L("*")
-              ])),
-              _: 1,
-              __: [1]
-            })) : $("", !0)
-          ]),
-          _: 1
-        })) : $("", !0),
-        e.value.prefix ? (c(), h(o(F), {
-          key: 1,
-          slot: "start"
-        }, {
-          default: p(() => [
-            L(B(e.value.prefix), 1)
-          ]),
-          _: 1
-        })) : $("", !0),
-        e.value.suffix ? (c(), h(o(F), {
-          key: 2,
-          slot: "end"
+          color: "danger"
         }, {
-          default: p(() => [
-            L(B(e.value.suffix), 1)
-          ]),
-          _: 1
-        })) : $("", !0),
-        r.type === "password" ? (c(), h(o(ye), {
-          key: 3,
-          slot: "end"
-        })) : $("", !0)
+          default: p(() => s[0] || (s[0] = [
+            $("*")
+          ])),
+          _: 1,
+          __: [0]
+        })) : E("", !0)
       ]),
       _: 1
-    }, 8, ["modelValue", "fill", "label-placement", "type", "required", "error-text", "auto-focus", "placeholder", "disabled", "counter", "min", "max", "max-length", "min-length", "pattern"]));
+    })) : E("", !0);
   }
-}), Se = /* @__PURE__ */ T({
+}), ne = /* @__PURE__ */ q({
+  __name: "BaseInput",
+  props: /* @__PURE__ */ L({
+    schema: {},
+    type: {}
+  }, {
+    modelValue: { type: Object, default: {} },
+    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(
+      a,
+      e,
+      n,
+      s
+    ), v = w(() => {
+      if (e.value.pattern) return Ge(e.value.pattern);
+    });
+    return H(
+      () => e.value.value,
+      (F) => n.value = F
+    ), u({
+      onValueUpdate: c,
+      onReset: b,
+      getErrors: I,
+      isValid: r
+    }), (F, k) => {
+      var m;
+      const O = _e("maskito");
+      return xe((i(), h(o(le), {
+        ref_key: "inputRef",
+        ref: a,
+        modelValue: n.value,
+        "onUpdate:modelValue": k[0] || (k[0] = (D) => n.value = D),
+        "clear-input": !0,
+        fill: e.value.fill ?? "outline",
+        "label-placement": e.value.labelPlacement ?? "stacked",
+        type: F.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,
+        disabled: e.value.disabled,
+        counter: e.value.counter,
+        min: e.value.min,
+        max: e.value.max,
+        "max-length": e.value.maxLength,
+        "min-length": e.value.minLength,
+        pattern: e.value.pattern,
+        onIonFocus: o(g),
+        onIonChange: o(c),
+        onIonBlur: o(c)
+      }, {
+        default: p(() => [
+          R(ae, { model: e.value }, null, 8, ["model"]),
+          e.value.prefix ? (i(), h(o(P), {
+            key: 0,
+            slot: "start"
+          }, {
+            default: p(() => [
+              $(z(e.value.prefix), 1)
+            ]),
+            _: 1
+          })) : E("", !0),
+          e.value.suffix ? (i(), h(o(P), {
+            key: 1,
+            slot: "end"
+          }, {
+            default: p(() => [
+              $(z(e.value.suffix), 1)
+            ]),
+            _: 1
+          })) : E("", !0),
+          F.type === "password" ? (i(), h(o(Ce), {
+            key: 2,
+            slot: "end"
+          })) : E("", !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]
+      ]);
+    };
+  }
+}), et = /* @__PURE__ */ q({
   __name: "TextInput",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ L({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(l, { expose: d }) {
-    const u = l, e = N(l, "modelValue"), a = M(null);
-    return d({
+  setup(t, { expose: u }) {
+    const l = Y(t, "modelValue"), e = x(null);
+    return u({
       onReset: () => {
-        var t;
-        return (t = a.value) == null ? void 0 : t.onReset();
+        var a;
+        return (a = e.value) == null ? void 0 : a.onReset();
       },
       onValueUpdate: () => {
-        var t;
-        return (t = a.value) == null ? void 0 : t.onValueUpdate();
+        var a;
+        return (a = e.value) == null ? void 0 : a.onValueUpdate();
       },
       getErrors: () => {
-        var t;
-        return (t = a.value) == null ? void 0 : t.getErrors();
+        var a;
+        return (a = e.value) == null ? void 0 : a.getErrors();
       }
-    }), (t, s) => (c(), h(le, {
-      modelValue: e.value,
-      "onUpdate:modelValue": s[0] || (s[0] = (i) => e.value = i),
+    }), (a, n) => (i(), h(ne, {
+      modelValue: l.value,
+      "onUpdate:modelValue": n[0] || (n[0] = (s) => l.value = s),
       type: "text",
-      schema: u.schema,
+      schema: a.schema,
       ref_key: "inputRef",
-      ref: a
+      ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), Be = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='M256 112v288M400 256H112' stroke-linecap='round' stroke-linejoin='round' class='ionicon-fill-none ionicon-stroke-width'/></svg>", Ee = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='M480 128a64 64 0 0 0-64-64h-16V48.45c0-8.61-6.62-16-15.23-16.43A16 16 0 0 0 368 48v16H144V48.45c0-8.61-6.62-16-15.23-16.43A16 16 0 0 0 112 48v16H96a64 64 0 0 0-64 64v12a4 4 0 0 0 4 4h440a4 4 0 0 0 4-4ZM32 416a64 64 0 0 0 64 64h320a64 64 0 0 0 64-64V179a3 3 0 0 0-3-3H35a3 3 0 0 0-3 3Zm344-208a24 24 0 1 1-24 24 24 24 0 0 1 24-24m0 80a24 24 0 1 1-24 24 24 24 0 0 1 24-24m-80-80a24 24 0 1 1-24 24 24 24 0 0 1 24-24m0 80a24 24 0 1 1-24 24 24 24 0 0 1 24-24m0 80a24 24 0 1 1-24 24 24 24 0 0 1 24-24m-80-80a24 24 0 1 1-24 24 24 24 0 0 1 24-24m0 80a24 24 0 1 1-24 24 24 24 0 0 1 24-24m-80-80a24 24 0 1 1-24 24 24 24 0 0 1 24-24m0 80a24 24 0 1 1-24 24 24 24 0 0 1 24-24'/></svg>", Re = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='m112 184 144 144 144-144' stroke-linecap='round' stroke-linejoin='round' stroke-width='48px' class='ionicon-fill-none'/></svg>", Ue = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='m289.94 256 95-95A24 24 0 0 0 351 127l-95 95-95-95a24 24 0 0 0-34 34l95 95-95 95a24 24 0 1 0 34 34l95-95 95 95a24 24 0 0 0 34-34Z'/></svg>", qe = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='M400 256H112' stroke-linecap='round' stroke-linejoin='round' class='ionicon-fill-none ionicon-stroke-width'/></svg>", Oe = /* @__PURE__ */ T({
+}), tt = /* @__PURE__ */ q({
   __name: "DateInput",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ L({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(l, { expose: d }) {
-    const u = l, e = N(l, "modelValue"), a = M(null), t = M(e.value.max), s = M(e.value.max), i = M(e.value.value), k = z(() => {
-      if (e.value.pattern) return e.value.pattern;
-      let b = e.value.pattern ?? "DD/MMM/YYYY";
-      return e.value.enableTime && (b += " HH:mm:ss"), b;
-    }), C = /[-/.,:\s]+/, r = z(() => k.value.split(C)), n = z(() => k.value.match(/[-/.,:\s]+/g) || []), g = M({});
-    A(() => e.value.value, (b) => {
-      i.value = b, O(b);
-    });
-    async function x() {
-      if (i.value === void 0)
-        return e.value.required ? (e.value.error = "This field is required", !1) : !0;
-      const b = new Date(i.value);
-      if (isNaN(b.getTime()))
-        return e.value.error = "Invalid date string", !1;
-      if (s.value && b < new Date(s.value))
-        return e.value.error = `Date must be greater than ${s.value}`, !1;
-      if (t.value && b > new Date(t.value))
-        return e.value.error = `Date must be less than ${t.value}`, !1;
-      if (e.value.validation) {
-        const _ = await e.value.validation(i.value, u == null ? void 0 : u.schema);
-        if (_ && _.length)
-          return e.value.error = _.toString(), !1;
-      }
-      return !0;
+  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)
+        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;
     }
-    async function v() {
-      var b, _, V, D, S;
-      (b = a.value) == null || b.$el.classList.remove("ion-invalid"), (_ = a.value) == null || _.$el.classList.remove("ion-valid"), await x() ? (e.value.error = "", e.value.value = i.value, (V = a.value) == null || V.$el.classList.add("ion-valid")) : (D = a.value) == null || D.$el.classList.add("ion-invalid"), (S = a.value) == null || S.$el.classList.add("ion-touched");
+    const { onValueUpdate: b, onFocus: I, getErrors: v } = ee(
+      a,
+      e,
+      r,
+      c,
+      g
+    );
+    function F() {
+      r.value = "", e.value.error = "", e.value.value = "";
     }
-    function f() {
-      var b, _;
-      (b = a.value) == null || b.$el.classList.remove("ion-touched"), (_ = a.value) == null || _.$el.classList.remove("ion-invalid"), e.value.error = "";
-    }
-    async function y(b, _, V) {
-      let D = _ ?? (V == null ? void 0 : V.target).value;
-      /MM|MMM|MMMM/.test(b) && (D = ae(D, b)), Number.isInteger(parseInt(D)) && (D = H(parseInt(D))), g.value[b] = D;
-      const S = r.value.reduce((m, I, w) => (m += g.value[I] + (w < r.value.length - 1 ? n.value[w] : ""), m), "");
-      i.value = S, await v();
-    }
-    async function O(b) {
-      const _ = Ce(b, k.value).split(C);
-      r.value.forEach((V, D) => y(V, _[D])), await v();
+    const k = 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({});
+    H(
+      () => e.value.value,
+      (V) => {
+        r.value = V, j(V);
+      }
+    );
+    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();
     }
-    function U() {
-      i.value = "", e.value.error = "", e.value.value = "";
+    async function j(V) {
+      const S = Je(V, k.value).split(O);
+      m.value.forEach((y, C) => T(y, S[C])), await b();
     }
-    return d({
-      onValueUpdate: v,
-      onReset: U,
-      getErrors: () => e.value.error
-    }), fe(() => {
-      r.value.forEach((b, _) => {
-        var V;
-        g.value[b] = ((V = i.value) == null ? void 0 : V.split(C)[_]) ?? "";
+    return u({
+      onValueUpdate: b,
+      onReset: F,
+      getErrors: v
+    }), pe(() => {
+      m.value.forEach((V, S) => {
+        var y;
+        d.value[V] = ((y = r.value) == null ? void 0 : y.split(O)[S]) ?? "";
       });
-    }), (b, _) => (c(), h(o(ee), {
+    }), (V, S) => (i(), h(o(le), {
       type: "text",
       ref_key: "inputRef",
       ref: a,
@@ -444,97 +606,79 @@ const De = /* @__PURE__ */ T({
       "label-placement": e.value.labelPlacement ?? "stacked",
       required: e.value.required,
       "error-text": e.value.error,
-      "auto-focus": e.value.autoFocus,
+      autofocus: e.value.autoFocus,
       disabled: e.value.disabled,
-      onIonFocus: f,
-      onIonBlur: v
+      onIonFocus: o(I),
+      onIonBlur: o(b)
     }, {
       default: p(() => [
-        e.value.label ? (c(), h(o(F), {
-          key: 0,
-          slot: "label"
-        }, {
-          default: p(() => [
-            L(B(e.value.label) + " ", 1),
-            e.value.required ? (c(), h(o(Q), {
-              key: 0,
-              color: "danger"
-            }, {
-              default: p(() => _[0] || (_[0] = [
-                L("*")
-              ])),
-              _: 1,
-              __: [0]
-            })) : $("", !0)
-          ]),
-          _: 1
-        })) : $("", !0),
-        (c(!0), q(j, null, J(r.value, (V, D) => (c(), q(j, null, [
-          /MM|MMM|MMMM/.test(V) ? (c(), h(o(be), {
-            key: 0,
+        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), {
             slot: "start",
+            key: `select-${y}`,
             interface: "popover",
-            style: de({ minWidth: e.value.enableTime ? "10%" : "30%" }),
-            placeholder: V,
-            value: g.value[V],
-            onIonFocus: f,
-            onIonInput: (S) => y(V, void 0, S),
-            onIonBlur: (S) => y(V, void 0, S)
+            style: fe({ 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)
           }, {
             default: p(() => [
-              (c(!0), q(j, null, J(o(W), (S, m) => (c(), h(o(Ve), {
-                key: S,
-                value: o(ae)(m + 1, V)
+              (i(!0), U(A, null, W(o(X), (B, K) => (i(), h(o(Fe), {
+                key: B,
+                value: o(ue)(K + 1, y)
               }, {
                 default: p(() => [
-                  L(B(o(ae)(m + 1, V)), 1)
+                  $(z(o(ue)(K + 1, y)), 1)
                 ]),
                 _: 2
               }, 1032, ["value"]))), 128))
             ]),
             _: 2
-          }, 1032, ["style", "placeholder", "value", "onIonInput", "onIonBlur"])) : (c(), h(o(ee), {
-            key: 1,
+          }, 1032, ["style", "placeholder", "value", "onIonFocus", "onIonInput", "onIonBlur"])) : (i(), h(o(le), {
             slot: "start",
-            placeholder: V,
-            "auto-focus": e.value.autoFocus,
-            value: g.value[V],
-            onIonFocus: f,
-            onIonInput: (S) => y(V, void 0, S),
-            onIonBlur: (S) => y(V, void 0, S)
-          }, null, 8, ["placeholder", "auto-focus", "value", "onIonInput", "onIonBlur"])),
-          D < r.value.length - 1 ? (c(), h(o(F), {
-            key: 2,
-            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)
+          }, null, 8, ["placeholder", "autofocus", "value", "onIonFocus", "onIonInput", "onIonBlur"])),
+          C < m.value.length - 1 ? (i(), h(o(P), {
+            slot: "start",
+            key: `separator-${C}`
           }, {
             default: p(() => [
-              L("  " + B(n.value[D]) + "       ", 1)
+              $("  " + z(D.value[C]) + "       ", 1)
             ]),
             _: 2
-          }, 1024)) : $("", !0)
+          }, 1024)) : E("", !0)
         ], 64))), 256)),
-        R(o(F), { slot: "end" }, {
+        R(o(P), { slot: "end" }, {
           default: p(() => [
             R(o($e), {
               "enable-seconds": "",
               "time-picker-inline": "",
               teleport: "",
-              "model-value": i.value,
+              "model-value": r.value,
               "auto-apply": !e.value.enableTime,
               "enable-time-picker": e.value.enableTime ?? !1,
-              maxDate: t.value,
+              maxDate: n.value,
               minDate: s.value,
-              onDateUpdate: O
+              onDateUpdate: j
             }, {
               trigger: p(() => [
-                R(o(G), { fill: "clear" }, {
+                R(o(Z), { fill: "clear" }, {
                   default: p(() => [
-                    R(o(K), {
+                    R(o(Q), {
                       slot: "icon-only",
-                      icon: o(Ee),
+                      icon: o(Ue),
                       "aria-hidden": "true",
-                      onClick: f
-                    }, null, 8, ["icon"])
+                      onClick: o(I)
+                    }, null, 8, ["icon", "onClick"])
                   ]),
                   _: 1
                 })
@@ -546,110 +690,110 @@ const De = /* @__PURE__ */ T({
         })
       ]),
       _: 1
-    }, 8, ["fill", "label-placement", "required", "error-text", "auto-focus", "disabled"]));
+    }, 8, ["fill", "label-placement", "required", "error-text", "autofocus", "disabled", "onIonFocus", "onIonBlur"]));
   }
-}), Fe = /* @__PURE__ */ T({
+}), lt = /* @__PURE__ */ q({
   __name: "NumberInput",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ L({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(l, { expose: d }) {
-    const u = l, e = N(l, "modelValue"), a = M(null);
-    return d({
+  setup(t, { expose: u }) {
+    const l = Y(t, "modelValue"), e = x(null);
+    return u({
       onReset: () => {
-        var t;
-        return (t = a.value) == null ? void 0 : t.onReset();
+        var a;
+        return (a = e.value) == null ? void 0 : a.onReset();
       },
       onValueUpdate: () => {
-        var t;
-        return (t = a.value) == null ? void 0 : t.onValueUpdate();
+        var a;
+        return (a = e.value) == null ? void 0 : a.onValueUpdate();
       },
       getErrors: () => {
-        var t;
-        return (t = a.value) == null ? void 0 : t.getErrors();
+        var a;
+        return (a = e.value) == null ? void 0 : a.getErrors();
       }
-    }), (t, s) => (c(), h(le, {
-      modelValue: e.value,
-      "onUpdate:modelValue": s[0] || (s[0] = (i) => e.value = i),
+    }), (a, n) => (i(), h(ne, {
+      modelValue: l.value,
+      "onUpdate:modelValue": n[0] || (n[0] = (s) => l.value = s),
       type: "number",
-      schema: u.schema,
+      schema: a.schema,
       ref_key: "inputRef",
-      ref: a
+      ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), je = /* @__PURE__ */ T({
+}), at = /* @__PURE__ */ q({
   __name: "EmailInput",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ L({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(l, { expose: d }) {
-    const u = l, e = N(l, "modelValue"), a = M(null);
-    return d({
+  setup(t, { expose: u }) {
+    const l = Y(t, "modelValue"), e = x(null);
+    return u({
       onReset: () => {
-        var t;
-        return (t = a.value) == null ? void 0 : t.onReset();
+        var a;
+        return (a = e.value) == null ? void 0 : a.onReset();
       },
       onValueUpdate: () => {
-        var t;
-        return (t = a.value) == null ? void 0 : t.onValueUpdate();
+        var a;
+        return (a = e.value) == null ? void 0 : a.onValueUpdate();
       },
       getErrors: () => {
-        var t;
-        return (t = a.value) == null ? void 0 : t.getErrors();
+        var a;
+        return (a = e.value) == null ? void 0 : a.getErrors();
       }
-    }), (t, s) => (c(), h(le, {
-      modelValue: e.value,
-      "onUpdate:modelValue": s[0] || (s[0] = (i) => e.value = i),
+    }), (a, n) => (i(), h(ne, {
+      modelValue: l.value,
+      "onUpdate:modelValue": n[0] || (n[0] = (s) => l.value = s),
       type: "email",
-      schema: u.schema,
+      schema: a.schema,
       ref_key: "inputRef",
-      ref: a
+      ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), Te = /* @__PURE__ */ T({
+}), nt = /* @__PURE__ */ q({
   __name: "PasswordInput",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ L({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(l, { expose: d }) {
-    const u = l, e = N(l, "modelValue"), a = M(null);
-    return d({
+  setup(t, { expose: u }) {
+    const l = Y(t, "modelValue"), e = x(null);
+    return u({
       onReset: () => {
-        var t;
-        return (t = a.value) == null ? void 0 : t.onReset();
+        var a;
+        return (a = e.value) == null ? void 0 : a.onReset();
       },
       onValueUpdate: () => {
-        var t;
-        return (t = a.value) == null ? void 0 : t.onValueUpdate();
+        var a;
+        return (a = e.value) == null ? void 0 : a.onValueUpdate();
       },
       getErrors: () => {
-        var t;
-        return (t = a.value) == null ? void 0 : t.getErrors();
+        var a;
+        return (a = e.value) == null ? void 0 : a.getErrors();
       }
-    }), (t, s) => (c(), h(le, {
-      modelValue: e.value,
-      "onUpdate:modelValue": s[0] || (s[0] = (i) => e.value = i),
+    }), (a, n) => (i(), h(ne, {
+      modelValue: l.value,
+      "onUpdate:modelValue": n[0] || (n[0] = (s) => l.value = s),
       type: "password",
-      schema: u.schema,
+      schema: a.schema,
       ref_key: "inputRef",
-      ref: a
+      ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), ze = /* @__PURE__ */ T({
+}), ut = /* @__PURE__ */ q({
   __name: "SelectInput",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ L({
     schema: {},
     type: {}
   }, {
@@ -657,28 +801,26 @@ const De = /* @__PURE__ */ T({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(l, { expose: d }) {
-    const u = l, e = N(l, "modelValue"), a = M(null), t = M(null), s = M(!1), i = M([]), k = M(""), C = M(1), r = z(() => e.value.interface ?? "popover"), n = z(() => e.value.optionsPlacement === "top" ? "top" : "bottom"), g = z(
-      () => i.value.filter((m) => !!m.isChecked)
-    ), x = z(() => !k.value && oe(g.value) && !s.value ? e.value.placeholder ?? "Select an option" : "");
-    A([k, () => e.value.options], D, {
+  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, {
       immediate: !0,
       deep: !0
-    }), A(() => e.value.value, S, { immediate: !0, deep: !0 });
-    function v() {
-      i.value.forEach((m) => te(m, i.value)), e.value.error = "", k.value = "", C.value = 1, e.value.value = e.value.multiple ? [] : "";
+    }), 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 ? [] : "";
     }
-    function f(m) {
-      if (m.isChecked) return te(m, i.value);
-      e.value.multiple ? P(m, i.value) : (v(), P(m, i.value), V()), k.value = "";
+    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 y() {
-      switch (r.value) {
+    function m() {
+      switch (b.value) {
         case "action-sheet":
-          O();
+          D();
           break;
         case "alert":
-          U();
+          d();
           break;
         case "popover":
         default:
@@ -686,18 +828,18 @@ const De = /* @__PURE__ */ T({
           break;
       }
     }
-    async function O() {
-      if (await D(), e.value.multiple) {
+    async function D() {
+      if (await B(), e.value.multiple) {
         s.value = !0;
         return;
       }
-      await (await we.create({
+      await (await Be.create({
         header: e.value.label || "Select an option",
         buttons: [
-          ...i.value.map((I) => ({
-            text: I.label,
-            cssClass: I.isChecked ? "selected-option" : "",
-            handler: () => (f(I), !1)
+          ...r.value.map((_) => ({
+            text: _.label,
+            cssClass: _.isChecked ? "selected-option" : "",
+            handler: () => (O(_), !1)
           })),
           {
             text: "Cancel",
@@ -706,17 +848,17 @@ const De = /* @__PURE__ */ T({
         ]
       })).present();
     }
-    async function U() {
-      await D();
-      const m = i.value.map((w) => ({
-        label: w.label,
+    async function d() {
+      await B();
+      const f = r.value.map((M) => ({
+        label: M.label,
         type: e.value.multiple ? "checkbox" : "radio",
-        value: w,
-        checked: w.isChecked
+        value: M,
+        checked: M.isChecked
       }));
-      await (await Me.create({
+      await (await Oe.create({
         header: e.value.label || "Select an option",
-        inputs: m,
+        inputs: f,
         buttons: [
           {
             text: "Cancel",
@@ -724,116 +866,111 @@ const De = /* @__PURE__ */ T({
           },
           {
             text: "OK",
-            handler: (w) => {
+            handler: (M) => {
               if (e.value.multiple)
-                i.value.forEach((E) => te(E, i.value)), w.forEach((E) => {
-                  const Z = i.value.find((X) => X.value === E.value);
-                  Z && P(Z, i.value);
+                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);
                 });
               else {
-                v();
-                const E = i.value.find((Z) => Z.value === w.value);
-                E && P(E, i.value);
+                k();
+                const N = r.value.find((te) => te.value === M.value);
+                N && G(N, r.value);
               }
-              V();
+              C();
             }
           }
         ]
       })).present();
     }
-    function b(m) {
-      var I, w, E;
-      m.target === ((I = a.value) == null ? void 0 : I.$el) && ((w = a.value) == null || w.$el.classList.remove("ion-touched"), (E = a.value) == null || E.$el.classList.remove("ion-invalid"), e.value.error = "", r.value === "popover" && (s.value = !0));
-    }
-    async function _() {
-      if (e.value.required && oe(g.value))
-        return e.value.error = "This field is required", !1;
+    async function T() {
+      if (e.value.required && ie(v.value))
+        return "This field is required";
       if (e.value.validation) {
-        const m = await e.value.validation(g.value, u == null ? void 0 : u.schema);
-        if (m && m.length)
-          return e.value.error = m.join(), !1;
+        const f = await e.value.validation(v.value, l == null ? void 0 : l.schema);
+        if (f && f.length)
+          return f.join();
       }
       return !0;
     }
-    async function V(m) {
-      var I, w, E, Z, X, ie;
-      (I = m == null ? void 0 : m.relatedTarget) != null && I.closest(".suggestions-list") || (s.value = !1, (w = a.value) == null || w.$el.classList.remove("ion-invalid"), (E = a.value) == null || E.$el.classList.remove("ion-valid"), await _() ? (e.value.error = "", e.value.value = e.value.multiple ? g.value : g.value[0], (Z = a.value) == null || Z.$el.classList.add("ion-valid")) : (X = a.value) == null || X.$el.classList.add("ion-invalid"), (ie = a.value) == null || ie.$el.classList.add("ion-touched"));
+    const { onFocus: j, applyValidationState: V } = ee(
+      a,
+      e,
+      w(() => e.value.multiple ? v.value : v.value[0]),
+      w(() => l == null ? void 0 : l.schema),
+      T
+    );
+    function S() {
+      return e.value.error;
     }
-    async function D() {
-      const m = [];
+    function y(f) {
+      var _;
+      f.target === ((_ = a.value) == null ? void 0 : _.$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;
+      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);
+    }
+    async function B() {
+      const f = [];
       if (typeof e.value.options == "function") {
-        const I = await e.value.options(k.value);
-        m.push(...I.filter((w) => !!w.label));
+        const _ = await e.value.options(c.value);
+        f.push(..._.filter((M) => !!M.label));
       } else
-        m.push(...Le(e.value.options ?? [], k.value));
-      g.value.forEach((I) => P(I, m)), i.value = m;
+        f.push(...We(e.value.options ?? [], c.value));
+      v.value.forEach((_) => G(_, f)), r.value = f;
     }
-    function S() {
-      const m = e.value.value;
-      m && (Array.isArray(m) ? m.forEach((I) => P(I, i.value)) : P(typeof m == "object" ? m : {
-        value: m,
-        label: m
-      }, i.value));
+    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));
     }
-    return d({
-      onValueUpdate: V,
-      onReset: v,
-      getErrors: () => e.value.error
-    }), (m, I) => (c(), q("div", {
+    return u({
+      onValueUpdate: C,
+      onReset: k,
+      getErrors: S
+    }), (f, _) => (i(), U("div", {
       class: "autocomplete-container",
-      onFocusout: V,
+      onFocusout: C,
       ref_key: "containerRef",
-      ref: t
+      ref: n
     }, [
-      R(o(ee), {
+      R(o(le), {
         ref_key: "inputRef",
         ref: a,
-        modelValue: k.value,
-        "onUpdate:modelValue": I[0] || (I[0] = (w) => k.value = w),
+        modelValue: c.value,
+        "onUpdate:modelValue": _[0] || (_[0] = (M) => c.value = M),
         fill: e.value.fill ?? "outline",
         "label-placement": e.value.labelPlacement ?? "stacked",
-        type: m.type ?? "text",
+        type: f.type ?? "text",
         required: e.value.required,
         "error-text": e.value.error,
-        "auto-focus": e.value.autoFocus,
-        placeholder: x.value,
+        autofocus: e.value.autoFocus,
+        placeholder: F.value,
         disabled: e.value.disabled,
         counter: e.value.counter,
-        onIonFocus: b,
+        onIonFocus: y,
         debounce: 300,
-        onClick: y
+        onClick: m
       }, {
         default: p(() => [
-          e.value.label ? (c(), h(o(F), {
+          R(ae, { model: e.value }, null, 8, ["model"]),
+          e.value.multiple ? (i(), h(o(P), {
             key: 0,
-            slot: "label"
-          }, {
-            default: p(() => [
-              L(B(e.value.label) + " ", 1),
-              e.value.required ? (c(), h(o(Q), {
-                key: 0,
-                color: "danger"
-              }, {
-                default: p(() => I[1] || (I[1] = [
-                  L("*")
-                ])),
-                _: 1,
-                __: [1]
-              })) : $("", !0)
-            ]),
-            _: 1
-          })) : $("", !0),
-          e.value.multiple ? (c(), h(o(F), {
-            key: 1,
             style: { width: "fit-content" },
             slot: "start"
           }, {
             default: p(() => [
-              (c(!0), q(j, null, J(g.value, (w, E) => (c(), h(o(ke), { key: E }, {
+              (i(!0), U(A, null, W(v.value, (M, N) => (i(), h(o(Se), { key: N }, {
                 default: p(() => [
-                  R(o(F), null, {
+                  R(o(P), null, {
                     default: p(() => [
-                      L(B(w.label), 1)
+                      $(z(M.label), 1)
                     ]),
                     _: 2
                   }, 1024)
@@ -842,52 +979,52 @@ const De = /* @__PURE__ */ T({
               }, 1024))), 128))
             ]),
             _: 1
-          })) : (c(), h(o(F), {
-            key: 2,
+          })) : (i(), h(o(P), {
+            key: 1,
             slot: "start",
             class: "ion-no-wrap"
           }, {
             default: p(() => {
-              var w;
+              var M;
               return [
-                L(B(((w = g.value[0]) == null ? void 0 : w.label) ?? ""), 1)
+                $(z(((M = v.value[0]) == null ? void 0 : M.label) ?? ""), 1)
               ];
             }),
             _: 1
           })),
-          R(o(K), {
+          R(o(Q), {
             slot: "end",
-            icon: o(Re)
+            icon: o(ze)
           }, null, 8, ["icon"]),
-          g.value.length > 0 || k.value ? (c(), h(o(K), {
-            key: 3,
+          v.value.length > 0 || c.value ? (i(), h(o(Q), {
+            key: 2,
             slot: "end",
-            icon: o(Ue),
-            onClick: v,
+            icon: o(qe),
+            onClick: k,
             style: { "z-index": "999999" }
-          }, null, 8, ["icon"])) : $("", !0)
+          }, null, 8, ["icon"])) : E("", !0)
         ]),
         _: 1
-      }, 8, ["modelValue", "fill", "label-placement", "type", "required", "error-text", "auto-focus", "placeholder", "disabled", "counter"]),
-      s.value && i.value.length > 0 && r.value === "popover" ? (c(), h(o(xe), {
+      }, 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), {
         key: 0,
-        class: he(["suggestions-list", n.value])
+        class: Ie(["suggestions-list", I.value])
       }, {
         default: p(() => [
-          (c(!0), q(j, null, J(i.value, (w) => (c(), h(o(_e), {
+          (i(!0), U(A, null, W(r.value, (M) => (i(), h(o(Ee), {
             button: "",
-            key: w.label,
-            onClick: (E) => f(w)
+            key: M.label,
+            onClick: (N) => O(M)
           }, {
             default: p(() => [
-              e.value.multiple ? (c(), h(o(me), {
+              e.value.multiple ? (i(), h(o(he), {
                 key: 0,
                 slot: "start",
-                checked: w.isChecked
-              }, null, 8, ["checked"])) : $("", !0),
-              R(o(F), null, {
+                checked: M.isChecked
+              }, null, 8, ["checked"])) : E("", !0),
+              R(o(P), null, {
                 default: p(() => [
-                  L(B(w.label), 1)
+                  $(z(M.label), 1)
                 ]),
                 _: 2
               }, 1024)
@@ -896,62 +1033,48 @@ const De = /* @__PURE__ */ T({
           }, 1032, ["onClick"]))), 128))
         ]),
         _: 1
-      }, 8, ["class"])) : $("", !0)
+      }, 8, ["class"])) : E("", !0)
     ], 544));
   }
-}), Ye = (l, d) => {
-  const u = l.__vccOpts || l;
-  for (const [e, a] of d)
-    u[e] = a;
-  return u;
-}, Ne = /* @__PURE__ */ Ye(ze, [["__scopeId", "data-v-6c4b4a28"]]), Ae = /* @__PURE__ */ T({
+}), 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({
   __name: "TextAreaInput",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ L({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(l, { expose: d }) {
-    const u = l, e = N(l, "modelValue"), a = M(null), t = M(e.value.value);
-    A(() => e.value.value, (r) => t.value = r);
-    function s() {
-      var r, n;
-      (r = a.value) == null || r.$el.classList.remove("ion-touched"), (n = a.value) == null || n.$el.classList.remove("ion-invalid"), e.value.error = "";
-    }
-    function i() {
-      t.value = "", e.value.error = "", e.value.value = "";
-    }
-    async function k() {
-      if (e.value.required && !t.value)
-        return e.value.error = "This field is required", !1;
-      if (typeof e.value.validation == "function") {
-        const r = await e.value.validation(t.value, u.schema);
-        if (r && r.length)
-          return e.value.error = r.join(), !1;
-      }
-      return !0;
-    }
-    async function C() {
-      var r, n, g, x, v;
-      (r = a.value) == null || r.$el.classList.remove("ion-invalid"), (n = a.value) == null || n.$el.classList.remove("ion-valid"), await k() ? (e.value.error = "", e.value.value = t.value, (g = a.value) == null || g.$el.classList.add("ion-valid")) : (x = a.value) == null || x.$el.classList.add("ion-invalid"), (v = a.value) == null || v.$el.classList.add("ion-touched");
-    }
-    return d({
-      onReset: i,
-      onValueUpdate: C,
-      getErrors: () => e.value.error
-    }), (r, n) => (c(), h(o(Ie), {
+  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(
+      a,
+      e,
+      n,
+      s
+    );
+    return H(
+      () => e.value.value,
+      (I) => n.value = I
+    ), u({
+      onReset: g,
+      onValueUpdate: r,
+      getErrors: b
+    }), (I, v) => (i(), h(o(Te), {
       ref_key: "inputRef",
       ref: a,
-      modelValue: t.value,
-      "onUpdate:modelValue": n[0] || (n[0] = (g) => t.value = g),
+      modelValue: n.value,
+      "onUpdate:modelValue": v[0] || (v[0] = (F) => n.value = F),
       "clear-input": !0,
       fill: e.value.fill ?? "outline",
       "label-placement": e.value.labelPlacement ?? "stacked",
       required: e.value.required,
       "error-text": e.value.error,
-      "auto-focus": e.value.autoFocus,
+      autofocus: e.value.autoFocus,
       placeholder: e.value.placeholder,
       disabled: e.value.disabled,
       counter: e.value.counter,
@@ -963,40 +1086,22 @@ const De = /* @__PURE__ */ T({
       "max-length": e.value.maxLength,
       "min-length": e.value.minLength,
       pattern: e.value.pattern,
-      onIonFocus: s,
-      onIonChange: C,
-      onIonBlur: C
+      onIonFocus: o(c),
+      onIonChange: o(r),
+      onIonBlur: o(r)
     }, {
       default: p(() => [
-        e.value.label ? (c(), h(o(F), {
-          key: 0,
-          slot: "label"
-        }, {
-          default: p(() => [
-            L(B(e.value.label) + " ", 1),
-            e.value.required ? (c(), h(o(Q), {
-              key: 0,
-              color: "danger"
-            }, {
-              default: p(() => n[1] || (n[1] = [
-                L("*")
-              ])),
-              _: 1,
-              __: [1]
-            })) : $("", !0)
-          ]),
-          _: 1
-        })) : $("", !0)
+        R(ae, { model: e.value }, null, 8, ["model"])
       ]),
       _: 1
-    }, 8, ["modelValue", "fill", "label-placement", "required", "error-text", "auto-focus", "placeholder", "disabled", "counter", "min", "max", "rows", "cols", "auto-grow", "max-length", "min-length", "pattern"]));
+    }, 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"]));
   }
-}), Pe = { style: { display: "flex", "justify-content": "space-between", "align-items": "baseline" } }, He = {
+}), st = {
   class: "ion-margin-end",
   style: { "flex-grow": "1" }
-}, Je = { style: { display: "flex", "justify-content": "flex-end" } }, Ze = /* @__PURE__ */ T({
+}, it = { style: { display: "flex", "justify-content": "flex-end" } }, ct = /* @__PURE__ */ q({
   __name: "RepeatInput",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ L({
     schema: {},
     data: {},
     computedData: {}
@@ -1005,177 +1110,164 @@ const De = /* @__PURE__ */ T({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(l, { expose: d }) {
-    const u = N(l, "modelValue"), e = M([]), a = M([]), t = z(() => e.value.map((n, g) => ({
-      label: `Set ${g + 1}`,
-      value: g,
-      other: Object.entries(n).reduce((x, [v, f]) => (x[v] = f.value, x), {})
+  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),
+        {}
+      )
     })));
-    A(t, (n) => {
-      u.value.value = n;
-    }, { deep: !0, immediate: !0 }), fe(s);
-    function s() {
-      u.value.children && e.value.push(se(u.value.children));
+    H(
+      c,
+      (k) => {
+        l.value.value = k;
+      },
+      { deep: !0, immediate: !0 }
+    ), pe(g);
+    function g() {
+      l.value.children && e.value.push(de(l.value.children));
     }
-    function i(n) {
-      e.value.splice(n, 1);
+    function b(k) {
+      e.value.splice(k, 1);
     }
-    function k() {
-      a.value.forEach((n) => {
-        typeof (n == null ? void 0 : n.onReset) == "function" && n.onReset();
-      });
+    function I() {
+      n();
     }
-    function C() {
-      const n = [];
-      for (const g of a.value)
-        typeof (g == null ? void 0 : g.getErrors) == "function" && n.push(g.getErrors());
-      return n;
+    function v() {
+      return s();
     }
-    async function r() {
-      for (const n of a.value)
-        typeof (n == null ? void 0 : n.onValueUpdate) == "function" && await n.onValueUpdate();
+    async function F() {
+      await r();
     }
-    return d({
-      onValueUpdate: r,
-      onReset: k,
-      getErrors: C
-    }), (n, g) => (c(!0), q(j, null, J(e.value, (x, v) => (c(), q("div", Pe, [
-      ce("div", He, [
-        R(o(ue), null, {
+    return u({
+      onValueUpdate: F,
+      onReset: I,
+      getErrors: v
+    }), (k, O) => (i(!0), U(A, null, W(e.value, (m, D) => (i(), U("div", {
+      class: "repeat-input-wrapper",
+      key: D
+    }, [
+      ve("div", st, [
+        R(o(re), null, {
           default: p(() => [
-            (c(!0), q(j, null, J(Object.keys(x), (f) => {
-              var y, O, U, b, _;
-              return c(), q(j, null, [
-                o(re)(x[f], n.data, n.computedData) ? (c(), h(o(ne), {
-                  key: `${v}-${f}`,
-                  size: ((y = x[f].grid) == null ? void 0 : y.xs) ?? "12",
-                  "size-sm": (O = x[f].grid) == null ? void 0 : O.sm,
-                  "size-md": (U = x[f].grid) == null ? void 0 : U.md,
-                  "size-lg": (b = x[f].grid) == null ? void 0 : b.lg,
-                  "size-xl": (_ = x[f].grid) == null ? void 0 : _.xl,
+            (i(!0), U(A, null, W(Object.keys(m), (d) => {
+              var T, j, V, S, 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,
                   class: "ion-margin-bottom"
                 }, {
                   default: p(() => [
-                    (c(), h(ve(x[f].type), {
-                      modelValue: x[f],
-                      "onUpdate:modelValue": (V) => x[f] = V,
-                      schema: x,
-                      "ref-key": `${v}-${f}`,
+                    (i(), h(me(m[d].type), {
+                      modelValue: m[d],
+                      "onUpdate:modelValue": (C) => m[d] = C,
+                      schema: m,
+                      "ref-key": `${D}-${d}`,
                       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"])) : $("", !0)
+                }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : E("", !0)
               ], 64);
             }), 256))
           ]),
           _: 2
         }, 1024)
       ]),
-      ce("div", Je, [
-        v === e.value.length - 1 ? (c(), h(o(G), {
+      ve("div", it, [
+        D === e.value.length - 1 ? (i(), h(o(Z), {
           key: 0,
-          onClick: s,
+          onClick: g,
           color: "primary"
         }, {
           default: p(() => [
-            R(o(K), {
+            R(o(Q), {
               slot: "icon-only",
-              icon: o(Be)
+              icon: o(Ae)
             }, null, 8, ["icon"])
           ]),
           _: 1
-        })) : $("", !0),
-        e.value.length > 1 ? (c(), h(o(G), {
+        })) : E("", !0),
+        e.value.length > 1 ? (i(), h(o(Z), {
           key: 1,
-          onClick: (f) => i(v),
+          onClick: (d) => b(D),
           color: "warning"
         }, {
           default: p(() => [
-            R(o(K), {
+            R(o(Q), {
               slot: "icon-only",
-              icon: o(qe)
+              icon: o(je)
             }, null, 8, ["icon"])
           ]),
           _: 2
-        }, 1032, ["onClick"])) : $("", !0)
+        }, 1032, ["onClick"])) : E("", !0)
       ])
-    ]))), 256));
+    ]))), 128));
   }
-}), Ge = /* @__PURE__ */ T({
+}), dt = /* @__PURE__ */ be(ct, [["__scopeId", "data-v-402695fe"]]);
+function vt(t) {
+  return {
+    labelTextWithAsterisk: w(() => {
+      const l = t.value.label || "", e = t.value.required ? " *" : "";
+      return l + e;
+    })
+  };
+}
+const mt = /* @__PURE__ */ q({
   __name: "CheckboxInput",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ L({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(l, { expose: d }) {
-    const u = l, e = N(l, "modelValue"), a = M(null), t = M(e.value.value);
-    A(() => e.value.value, (r) => t.value = r);
-    function s() {
-      t.value = !1, e.value.error = "", e.value.value = !1;
-    }
-    async function i() {
-      if (e.value.required && !t.value)
-        return e.value.error = "This field is required", !1;
-      if (e.value.validation) {
-        const r = await e.value.validation(t.value, u == null ? void 0 : u.schema);
-        if (r && r.length)
-          return e.value.error = r.join(), !1;
-      }
-      return !0;
-    }
-    async function k() {
-      var r, n, g, x, v;
-      (r = a.value) == null || r.$el.classList.remove("ion-invalid"), (n = a.value) == null || n.$el.classList.remove("ion-valid"), await i() ? (e.value.error = "", e.value.value = t.value, (g = a.value) == null || g.$el.classList.add("ion-valid")) : (x = a.value) == null || x.$el.classList.add("ion-invalid"), (v = a.value) == null || v.$el.classList.add("ion-touched");
+  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;
     }
-    function C() {
-      var r, n;
-      (r = a.value) == null || r.$el.classList.remove("ion-touched"), (n = a.value) == null || n.$el.classList.remove("ion-invalid"), e.value.error = "";
-    }
-    return d({
-      onValueUpdate: k,
-      onReset: s,
-      getErrors: () => e.value.error
-    }), (r, n) => (c(), h(o(me), {
-      modelValue: t.value,
-      "onUpdate:modelValue": n[0] || (n[0] = (g) => t.value = g),
+    return H(
+      () => e.value.value,
+      (v) => n.value = v
+    ), u({
+      onValueUpdate: c,
+      onReset: I,
+      getErrors: b
+    }), (v, F) => (i(), h(o(he), {
+      modelValue: n.value,
+      "onUpdate:modelValue": F[0] || (F[0] = (k) => n.value = k),
       ref_key: "inputRef",
       ref: a,
       required: e.value.required,
       "error-text": e.value.error,
       disabled: e.value.disabled,
-      onIonFocus: C,
-      onIonChange: k,
-      onIonBlur: k
+      onIonFocus: o(g),
+      onIonChange: o(c),
+      onIonBlur: o(c)
     }, {
       default: p(() => [
-        L(B(e.value.label) + " ", 1),
-        e.value.required ? (c(), h(o(Q), {
-          key: 0,
-          color: "danger"
-        }, {
-          default: p(() => n[1] || (n[1] = [
-            L("*")
-          ])),
-          _: 1,
-          __: [1]
-        })) : $("", !0)
+        $(z(o(r)), 1)
       ]),
       _: 1
-    }, 8, ["modelValue", "required", "error-text", "disabled"]));
+    }, 8, ["modelValue", "required", "error-text", "disabled", "onIonFocus", "onIonChange", "onIonBlur"]));
   }
-}), Xe = {
-  install(l) {
-    l.component("VForm", De), l.component("TextInput", Se), l.component("DateInput", Oe), l.component("NumberInput", Fe), l.component("EmailInput", je), l.component("PasswordInput", Te), l.component("SelectInput", Ne), l.component("TextAreaInput", Ae), l.component("RepeatInput", Ze), l.component("CheckboxInput", Ge);
+}), bt = {
+  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);
   }
 };
 export {
-  Xe as VForm,
-  Xe as default
+  bt as VForm,
+  bt as default
 };
 //# sourceMappingURL=index.es.js.map