@uniquedj95/vform 3.1.0 → 3.1.2

package/dist/index.es.js

@@ -1,9 +1,8 @@
-import { ref as _, computed as M, defineComponent as z, watch as Y, createBlock as h, openBlock as c, unref as r, withCtx as p, createVNode as R, createCommentVNode as B, createElementBlock as $, Fragment as A, renderList as G, resolveDynamicComponent as me, normalizeStyle as fe, createTextVNode as O, toDisplayString as T, toRef as _e, mergeModels as j, useModel as L, resolveDirective as ke, withDirectives as xe, onMounted as de, normalizeClass as Ie, createElementVNode as ve } from "vue";
-import { IonGrid as Me, IonRow as ue, IonCol as re, IonButton as K, IonLabel as H, IonText as we, IonInput as te, IonInputPasswordToggle as Ce, IonSelect as De, IonSelectOption as Ee, IonIcon as Q, IonChip as Fe, IonList as Re, IonItem as Se, IonCheckbox as pe, actionSheetController as Be, alertController as Oe, IonTextarea as Ue, IonRadioGroup as $e, IonRadio as Te } from "@ionic/vue";
-import qe from "@vuepic/vue-datepicker";
-import { calendar as ze, chevronDown as Ae, close as je, add as Le, remove as Pe } from "ionicons/icons";
-import { maskito as Ye } from "@maskito/vue";
-function Ne(t) {
+import { ref as g, computed as C, defineComponent as U, watch as j, createBlock as p, openBlock as c, unref as s, withCtx as y, createVNode as F, createCommentVNode as E, createElementBlock as z, Fragment as $, renderList as G, resolveDynamicComponent as re, normalizeStyle as he, createTextVNode as O, toDisplayString as B, toRef as Ve, mergeModels as q, useModel as S, resolveDirective as ge, withDirectives as be, normalizeClass as _e, onMounted as se, createElementVNode as ue } from "vue";
+import { IonGrid as ke, IonRow as ee, IonCol as te, IonButton as W, IonLabel as N, IonText as xe, IonInput as ie, IonInputPasswordToggle as we, IonChip as Ce, IonIcon as X, IonList as Ie, IonItem as Re, IonCheckbox as ce, actionSheetController as Ee, alertController as Fe, IonTextarea as Oe, IonRadioGroup as Ue, IonRadio as Be } from "@ionic/vue";
+import { chevronDown as ze, close as qe, add as Se, remove as Te } from "ionicons/icons";
+import { maskito as $e } from "@maskito/vue";
+function je(t) {
   return new Promise((o) => {
     requestAnimationFrame(async () => {
       const n = await t.getInputElement();
@@ -11,204 +10,151 @@ function Ne(t) {
     });
   });
 }
-const He = {
+const Ae = {
   d: /\d/,
   a: /[A-Za-z]/,
   "*": /[A-Za-z0-9]/
   // Default: alphanum, can customize if needed
-}, Ge = {
+}, Le = {
   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 Je(t, o) {
-  const n = Ge[t];
+function De(t, o) {
+  const n = Le[t];
   return n[o % n.length];
 }
-function We(t) {
+function Me(t) {
   const o = [];
-  let n = "", e = 0, a = 0;
+  let n = "", e = 0, l = 0;
   for (; e < t.length; ) {
-    const l = t[e];
-    if (["d", "a", "*"].includes(l)) {
-      let s = 1;
+    const a = t[e];
+    if (["d", "a", "*"].includes(a)) {
+      let r = 1;
       if (t[e + 1] === "{") {
         const u = t.indexOf("}", e + 2);
         if (u !== -1) {
           const d = t.slice(e + 2, u);
           if (d.includes(",")) {
-            const [, b] = d.split(",").map((y) => parseInt(y.trim()));
-            s = b || parseInt(d.split(",")[0]);
+            const [, h] = d.split(",").map((b) => parseInt(b.trim()));
+            r = h || parseInt(d.split(",")[0]);
           } else
-            s = parseInt(d);
+            r = parseInt(d);
           e = u;
         }
       } else {
         let u = e + 1;
-        for (; t[u] === l; )
-          s++, u++;
+        for (; t[u] === a; )
+          r++, u++;
         e = u - 1;
       }
-      for (let u = 0; u < s; u++)
-        o.push(He[l]), n += Je(l, a++);
+      for (let u = 0; u < r; u++)
+        o.push(Ae[a]), n += De(a, l++);
     } else
-      o.push(l), n += l;
+      o.push(a), n += a;
     e++;
   }
   return {
     mask: o,
     placeholder: n,
-    elementPredicate: Ne
+    elementPredicate: je
   };
 }
-const X = [
-  "January",
-  "February",
-  "March",
-  "April",
-  "May",
-  "June",
-  "July",
-  "August",
-  "September",
-  "October",
-  "November",
-  "December"
-];
-function se(t) {
+function le(t) {
   return t == null || Array.isArray(t) && !t.length || typeof t == "object" && !Object.keys(t).length || !t;
 }
-function Ke(t, o = "DD/MMM/YYYY") {
-  const n = new Date(t);
-  if (isNaN(n.getTime()))
-    throw new Error("Invalid date string");
-  const e = W(n.getDate()), a = n.getMonth() + 1, l = n.getFullYear(), s = W(n.getHours()), u = W(n.getMinutes()), d = W(n.getSeconds()), b = n.getMilliseconds(), y = {
-    DD: e,
-    D: n.getDate().toString(),
-    MMM: X[n.getMonth()].slice(0, 3),
-    MMMM: X[n.getMonth()],
-    MM: W(a),
-    M: a.toString(),
-    YYYY: l.toString(),
-    YY: l.toString().slice(-2),
-    HH: s,
-    H: n.getHours().toString(),
-    mm: u,
-    m: n.getMinutes().toString(),
-    ss: d,
-    s: n.getSeconds().toString(),
-    SSS: W(b),
-    S: b.toString().slice(0, 1)
-    // Add more replacements as needed
-  };
-  return o.replace(
-    /DD|D|MMMM|MMM|MM|M|YYYY|YY|HH|H|mm|m|ss|s|SSS|S/g,
-    (I) => y[I] || I
-  );
-}
-function W(t) {
-  return t < 10 ? `0${t}` : `${t}`;
-}
-function ne(t, o) {
-  if (Number.isInteger(parseInt(t)) && Number(t) > 0) {
-    if (o === "MMMM") return X[Number(t) - 1];
-    if (o === "MMM") return X[Number(t) - 1].slice(0, 3);
-    if (o === "MM") return W(Number(t));
-  }
-  return t;
-}
-function ie(t, o, n) {
+function ae(t, o, n) {
   return typeof t.condition == "function" ? t.condition(o, n) : !0;
 }
-function ce(t) {
+function ne(t) {
   if (typeof t != "object" || t === null)
     return t;
   if (Array.isArray(t))
-    return t.map((n) => ce(n));
+    return t.map((n) => ne(n));
   const o = {};
   return Object.entries(t).forEach(([n, e]) => {
-    typeof e == "function" ? o[n] = e.bind(o) : o[n] = ce(e);
+    typeof e == "function" ? o[n] = e.bind(o) : o[n] = ne(e);
   }), o;
 }
-function he(t, o) {
+function de(t, o) {
   return o.findIndex((n) => n.value === t.value || n.label === t.label || n.value === t.label || n.label === t.value);
 }
-function J(t, o) {
-  const n = he(t, o);
+function L(t, o) {
+  const n = de(t, o);
   n >= 0 ? o[n].isChecked = !0 : o.push({ ...t, isChecked: !0 });
 }
-function oe(t, o) {
-  const n = he(t, o);
+function Y(t, o) {
+  const n = de(t, o);
   n >= 0 && (o[n].isChecked = !1);
 }
-function Ze(t, o) {
+function Pe(t, o) {
   return o ? t.filter(
     (n) => JSON.stringify(n).toLowerCase().includes(o.toLowerCase())
   ) : t;
 }
-function ye(t) {
+function ve(t) {
   const o = t.label || "", n = t.required ? " *" : "";
   return o + n;
 }
-function ge() {
-  const t = _([]);
+function me() {
+  const t = g([]);
   async function o() {
     console.debug("Validating form inputs");
-    const l = [];
-    for (const s of t.value)
-      if (typeof (s == null ? void 0 : s.onValueUpdate) == "function" && await s.onValueUpdate(), typeof (s == null ? void 0 : s.getErrors) == "function")
+    const a = [];
+    for (const r of t.value)
+      if (typeof (r == null ? void 0 : r.onValueUpdate) == "function" && await r.onValueUpdate(), typeof (r == null ? void 0 : r.getErrors) == "function")
         try {
-          const u = s.getErrors();
-          Array.isArray(u) ? l.push(...u) : console.warn("getErrors() returned non-array value:", u);
+          const u = r.getErrors();
+          Array.isArray(u) ? a.push(...u) : console.warn("getErrors() returned non-array value:", u);
         } catch (u) {
-          console.error("Error calling getErrors on component:", u, s);
+          console.error("Error calling getErrors on component:", u, r);
         }
       else
-        console.warn("Component does not have getErrors function:", s);
-    return l.every(se);
+        console.warn("Component does not have getErrors function:", r);
+    return a.every(le);
   }
   function n() {
-    t.value.forEach((l) => {
-      typeof (l == null ? void 0 : l.onReset) == "function" && l.onReset();
+    t.value.forEach((a) => {
+      typeof (a == null ? void 0 : a.onReset) == "function" && a.onReset();
     });
   }
   function e() {
-    const l = [];
-    for (const s of t.value)
-      if (typeof (s == null ? void 0 : s.getErrors) == "function")
+    const a = [];
+    for (const r of t.value)
+      if (typeof (r == null ? void 0 : r.getErrors) == "function")
         try {
-          const u = s.getErrors();
-          Array.isArray(u) ? l.push(...u) : l.push(String(u));
+          const u = r.getErrors();
+          Array.isArray(u) ? a.push(...u) : a.push(String(u));
         } catch (u) {
-          console.error("Error calling getErrors on component:", u, s);
+          console.error("Error calling getErrors on component:", u, r);
         }
-    return l;
+    return a;
   }
-  async function a() {
-    for (const l of t.value)
-      typeof (l == null ? void 0 : l.onValueUpdate) == "function" && await l.onValueUpdate();
+  async function l() {
+    for (const a of t.value)
+      typeof (a == null ? void 0 : a.onValueUpdate) == "function" && await a.onValueUpdate();
   }
   return {
     dynamicRefs: t,
     isFormValid: o,
     resetForm: n,
     getFormErrors: e,
-    updateFormValues: a
+    updateFormValues: l
   };
 }
-function Qe(t) {
-  const o = M(
-    () => 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 = M(() => 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, b]) => (typeof t.value[a].children[d].computedValue == "function" ? u[d] = t.value[a].children[d].computedValue(
-    b,
+function Ne(t) {
+  const o = C(
+    () => Object.entries(t.value).reduce((e, [l, a]) => (a.value !== void 0 && (typeof a.onChange == "function" ? e[l] = a.onChange(a.value) : e[l] = a.value), e), {})
+  ), n = C(() => Object.entries(o.value).reduce((e, [l, a]) => (a !== void 0 && (t.value[l].children !== void 0 && (e[l] = a.map(({ other: r }) => Object.entries(r).reduce((u, [d, h]) => (typeof t.value[l].children[d].computedValue == "function" ? u[d] = t.value[l].children[d].computedValue(
+    h,
     t.value
-  ) : u[d] = b, u), {}))), typeof t.value[a].computedValue == "function" && l !== void 0 && (e[a] = t.value[a].computedValue(l, t.value))), e), {}));
+  ) : u[d] = h, u), {}))), typeof t.value[l].computedValue == "function" && a !== void 0 && (e[l] = t.value[l].computedValue(a, t.value))), e), {}));
   return {
     formData: o,
     computedData: n
   };
 }
-const Xe = /* @__PURE__ */ z({
+const Ge = /* @__PURE__ */ U({
   __name: "vForm",
   props: {
     schema: {},
@@ -224,31 +170,31 @@ const Xe = /* @__PURE__ */ z({
   },
   emits: ["submit", "clear", "cancel"],
   setup(t, { expose: o, emit: n }) {
-    const e = t, a = n, l = _(e.schema), { dynamicRefs: s, isFormValid: u, resetForm: d } = ge(), { formData: b, computedData: y } = Qe(l);
-    async function I() {
-      await u() && a("submit", b.value, y.value);
+    const e = t, l = n, a = g(e.schema), { dynamicRefs: r, isFormValid: u, resetForm: d } = me(), { formData: h, computedData: b } = Ne(a);
+    async function R() {
+      await u() && l("submit", h.value, b.value);
     }
     function v() {
-      d(), a("clear");
+      d(), l("clear");
     }
-    function E() {
-      d(), a("cancel");
+    function I() {
+      d(), l("cancel");
     }
-    return Y(
-      b,
+    return j(
+      h,
       async () => {
-        for (const [f, D] of Object.entries(l.value))
-          ie(D, b.value, y.value) || (D.value = e.schema[f].value);
+        for (const [f, x] of Object.entries(a.value))
+          ae(x, h.value, b.value) || (x.value = e.schema[f].value);
       },
       {
         deep: !0,
         immediate: !0
       }
-    ), Y(
+    ), j(
       () => e.schema,
       (f) => {
-        for (const [D, i] of Object.entries(f))
-          i.value !== void 0 && (l.value[D].value = i.value);
+        for (const [x, i] of Object.entries(f))
+          i.value !== void 0 && (a.value[x].value = i.value);
       },
       {
         deep: !0,
@@ -258,81 +204,81 @@ const Xe = /* @__PURE__ */ z({
       resetForm: d,
       isFormValid: u,
       resolveData: () => ({
-        formData: b.value,
-        computedData: y.value
+        formData: h.value,
+        computedData: b.value
       })
-    }), (f, D) => (c(), h(r(Me), null, {
-      default: p(() => [
-        R(r(ue), null, {
-          default: p(() => [
-            (c(!0), $(A, null, G(Object.keys(l.value), (i) => {
-              var C, g, U, P, x;
-              return c(), $(A, null, [
-                r(ie)(l.value[i], r(b), r(y)) ? (c(), h(r(re), {
+    }), (f, x) => (c(), p(s(ke), null, {
+      default: y(() => [
+        F(s(ee), null, {
+          default: y(() => [
+            (c(!0), z($, null, G(Object.keys(a.value), (i) => {
+              var k, w, A, D, M;
+              return c(), z($, null, [
+                s(ae)(a.value[i], s(h), s(b)) ? (c(), p(s(te), {
                   key: i,
-                  size: ((C = l.value[i].grid) == null ? void 0 : C.xs) ?? "12",
-                  "size-sm": (g = l.value[i].grid) == null ? void 0 : g.sm,
-                  "size-md": (U = l.value[i].grid) == null ? void 0 : U.md,
-                  "size-lg": (P = l.value[i].grid) == null ? void 0 : P.lg,
-                  "size-xl": (x = l.value[i].grid) == null ? void 0 : x.xl,
+                  size: ((k = a.value[i].grid) == null ? void 0 : k.xs) ?? "12",
+                  "size-sm": (w = a.value[i].grid) == null ? void 0 : w.sm,
+                  "size-md": (A = a.value[i].grid) == null ? void 0 : A.md,
+                  "size-lg": (D = a.value[i].grid) == null ? void 0 : D.lg,
+                  "size-xl": (M = a.value[i].grid) == null ? void 0 : M.xl,
                   class: "ion-margin-vertical"
                 }, {
-                  default: p(() => [
-                    (c(), h(me(l.value[i].type), {
-                      modelValue: l.value[i],
-                      "onUpdate:modelValue": (S) => l.value[i] = S,
-                      schema: l.value,
+                  default: y(() => [
+                    (c(), p(re(a.value[i].type), {
+                      modelValue: a.value[i],
+                      "onUpdate:modelValue": (K) => a.value[i] = K,
+                      schema: a.value,
                       ref_for: !0,
                       ref_key: "dynamicRefs",
-                      ref: s,
+                      ref: r,
                       "ref-key": i
                     }, null, 8, ["modelValue", "onUpdate:modelValue", "schema", "ref-key"]))
                   ]),
                   _: 2
-                }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : B("", !0)
+                }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : E("", !0)
               ], 64);
             }), 256))
           ]),
           _: 1
         }),
-        f.hideButtons ? B("", !0) : (c(), h(r(ue), { key: 0 }, {
-          default: p(() => [
-            R(r(re), {
+        f.hideButtons ? E("", !0) : (c(), p(s(ee), { key: 0 }, {
+          default: y(() => [
+            F(s(te), {
               size: "12",
-              style: fe([{ display: "flex" }, { justifyContent: f.buttonPlacement }])
+              style: he([{ display: "flex" }, { justifyContent: f.buttonPlacement }])
             }, {
-              default: p(() => [
-                f.showCancelButton ? (c(), h(r(K), {
+              default: y(() => [
+                f.showCancelButton ? (c(), p(s(W), {
                   key: 0,
-                  onClick: E
+                  onClick: I
                 }, {
-                  default: p(() => [
-                    O(T(f.cancelButtonText ?? "Cancel"), 1)
+                  default: y(() => [
+                    O(B(f.cancelButtonText ?? "Cancel"), 1)
                   ]),
                   _: 1
-                })) : B("", !0),
-                f.showClearButton ? (c(), h(r(K), {
+                })) : E("", !0),
+                f.showClearButton ? (c(), p(s(W), {
                   key: 1,
                   onClick: v
                 }, {
-                  default: p(() => [
-                    O(T(f.clearButtonText ?? "Reset"), 1)
+                  default: y(() => [
+                    O(B(f.clearButtonText ?? "Reset"), 1)
                   ]),
                   _: 1
-                })) : B("", !0),
-                (c(!0), $(A, null, G(f.customButtons, (i) => (c(), h(r(K), {
+                })) : E("", !0),
+                (c(!0), z($, null, G(f.customButtons, (i) => (c(), p(s(W), {
                   key: i.label,
                   onClick: i.action,
                   color: i.color ?? "primary"
                 }, {
-                  default: p(() => [
-                    O(T(i.label), 1)
+                  default: y(() => [
+                    O(B(i.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick", "color"]))), 128)),
-                R(r(K), { onClick: I }, {
-                  default: p(() => [
-                    O(T(f.submitButtonText ?? "Submit"), 1)
+                F(s(W), { onClick: R }, {
+                  default: y(() => [
+                    O(B(f.submitButtonText ?? "Submit"), 1)
                   ]),
                   _: 1
                 })
@@ -347,25 +293,25 @@ const Xe = /* @__PURE__ */ z({
     }));
   }
 });
-function et(t) {
+function Ke(t) {
   return {
     applyValidationState: async (e) => {
-      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");
+      var l, a, r, u, d;
+      (l = t.value) == null || l.$el.classList.remove("ion-invalid"), (a = t.value) == null || a.$el.classList.remove("ion-valid"), e ? (r = t.value) == null || r.$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;
-      (e = t.value) == null || e.$el.classList.remove("ion-touched"), (a = t.value) == null || a.$el.classList.remove("ion-invalid");
+      var e, l;
+      (e = t.value) == null || e.$el.classList.remove("ion-touched"), (l = t.value) == null || l.$el.classList.remove("ion-invalid");
     }
   };
 }
-function Z(t, o, n, e, a) {
-  const { applyValidationState: l, resetValidationState: s } = et(t);
+function H(t, o, n, e, l) {
+  const { applyValidationState: a, resetValidationState: r } = Ke(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(n.value);
+    if (l) {
+      const v = await l(n.value);
       if (typeof v == "string")
         return o.value.error = v, !1;
       if (v === !1)
@@ -380,66 +326,66 @@ function Z(t, o, n, e, a) {
   }
   async function d() {
     const v = await u();
-    v && (o.value.error = "", o.value.value = n.value), await l(v);
+    v && (o.value.error = "", o.value.value = n.value), await a(v);
   }
-  function b() {
-    s(), o.value.error = "";
+  function h() {
+    r(), o.value.error = "";
   }
-  function y(v = "") {
+  function b(v = "") {
     n.value = v, o.value.error = "", o.value.value = v;
   }
-  function I() {
+  function R() {
     return o.value.error ? [o.value.error] : [];
   }
   return {
     isValid: u,
     onValueUpdate: d,
-    onFocus: b,
-    onReset: y,
-    getErrors: I,
-    applyValidationState: l,
-    resetValidationState: s
+    onFocus: h,
+    onReset: b,
+    getErrors: R,
+    applyValidationState: a,
+    resetValidationState: r
   };
 }
-function tt(t) {
-  const o = M(() => !!t.value.label), n = M(() => !!t.value.required), e = M(() => t.value.label || "");
+function We(t) {
+  const o = C(() => !!t.value.label), n = C(() => !!t.value.required), e = C(() => t.value.label || "");
   return {
     showLabel: o,
     showRequired: n,
     labelText: e
   };
 }
-const le = /* @__PURE__ */ z({
+const oe = /* @__PURE__ */ U({
   __name: "InputLabel",
   props: {
     model: {}
   },
   setup(t) {
-    const o = t, { showLabel: n, showRequired: e, labelText: a } = tt(_e(o, "model"));
-    return (l, s) => r(n) ? (c(), h(r(H), {
+    const o = t, { showLabel: n, showRequired: e, labelText: l } = We(Ve(o, "model"));
+    return (a, r) => s(n) ? (c(), p(s(N), {
       key: 0,
       slot: "label",
       class: "input-label"
     }, {
-      default: p(() => [
-        O(T(r(a)) + " ", 1),
-        r(e) ? (c(), h(r(we), {
+      default: y(() => [
+        O(B(s(l)) + " ", 1),
+        s(e) ? (c(), p(s(xe), {
           key: 0,
           color: "danger"
         }, {
-          default: p(() => s[0] || (s[0] = [
+          default: y(() => r[0] || (r[0] = [
             O("*")
           ])),
           _: 1,
           __: [0]
-        })) : B("", !0)
+        })) : E("", !0)
       ]),
       _: 1
-    })) : B("", !0);
+    })) : E("", !0);
   }
-}), ae = /* @__PURE__ */ z({
+}), J = /* @__PURE__ */ U({
   __name: "BaseInput",
-  props: /* @__PURE__ */ j({
+  props: /* @__PURE__ */ q({
     schema: {},
     type: {}
   }, {
@@ -448,34 +394,34 @@ const le = /* @__PURE__ */ z({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const n = t, e = L(t, "modelValue"), a = _(null), l = _(e.value.value), s = M(() => n.schema), { isValid: u, onValueUpdate: d, onFocus: b, onReset: y, getErrors: I } = Z(
-      a,
-      e,
+    const n = t, e = S(t, "modelValue"), l = g(null), a = g(e.value.value), r = C(() => n.schema), { isValid: u, onValueUpdate: d, onFocus: h, onReset: b, getErrors: R } = H(
       l,
-      s
-    ), v = M(() => {
-      if (e.value.pattern) return We(e.value.pattern);
+      e,
+      a,
+      r
+    ), v = C(() => {
+      if (e.value.pattern) return Me(e.value.pattern);
     });
-    return Y(
+    return j(
       () => e.value.value,
-      (E) => l.value = E
+      (I) => a.value = I
     ), o({
       onValueUpdate: d,
-      onReset: y,
-      getErrors: I,
+      onReset: b,
+      getErrors: R,
       isValid: u
-    }), (E, f) => {
+    }), (I, f) => {
       var i;
-      const D = ke("maskito");
-      return xe((c(), h(r(te), {
+      const x = ge("maskito");
+      return be((c(), p(s(ie), {
         ref_key: "inputRef",
-        ref: a,
-        modelValue: l.value,
-        "onUpdate:modelValue": f[0] || (f[0] = (C) => l.value = C),
+        ref: l,
+        modelValue: a.value,
+        "onUpdate:modelValue": f[0] || (f[0] = (k) => a.value = k),
         "clear-input": !0,
-        fill: e.value.fill ?? "outline",
+        fill: e.value.fill ?? "solid",
         "label-placement": e.value.labelPlacement ?? "stacked",
-        type: E.type ?? "text",
+        type: I.type ?? "text",
         required: e.value.required,
         "error-text": e.value.error,
         autofocus: e.value.autoFocus,
@@ -487,44 +433,44 @@ const le = /* @__PURE__ */ z({
         "max-length": e.value.maxLength,
         "min-length": e.value.minLength,
         pattern: e.value.pattern,
-        onIonFocus: r(b),
-        onIonChange: r(d),
-        onIonBlur: r(d)
+        onIonFocus: s(h),
+        onIonChange: s(d),
+        onIonBlur: s(d)
       }, {
-        default: p(() => [
-          R(le, { model: e.value }, null, 8, ["model"]),
-          e.value.prefix ? (c(), h(r(H), {
+        default: y(() => [
+          F(oe, { model: e.value }, null, 8, ["model"]),
+          e.value.prefix ? (c(), p(s(N), {
             key: 0,
             slot: "start"
           }, {
-            default: p(() => [
-              O(T(e.value.prefix), 1)
+            default: y(() => [
+              O(B(e.value.prefix), 1)
             ]),
             _: 1
-          })) : B("", !0),
-          e.value.suffix ? (c(), h(r(H), {
+          })) : E("", !0),
+          e.value.suffix ? (c(), p(s(N), {
             key: 1,
             slot: "end"
           }, {
-            default: p(() => [
-              O(T(e.value.suffix), 1)
+            default: y(() => [
+              O(B(e.value.suffix), 1)
             ]),
             _: 1
-          })) : B("", !0),
-          E.type === "password" ? (c(), h(r(Ce), {
+          })) : E("", !0),
+          I.type === "password" ? (c(), p(s(we), {
             key: 2,
             slot: "end"
-          })) : B("", !0)
+          })) : 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"])), [
-        [D, v.value]
+        [x, v.value]
       ]);
     };
   }
-}), lt = /* @__PURE__ */ z({
+}), Ze = /* @__PURE__ */ U({
   __name: "TextInput",
-  props: /* @__PURE__ */ j({
+  props: /* @__PURE__ */ q({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
@@ -532,32 +478,32 @@ const le = /* @__PURE__ */ z({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const n = L(t, "modelValue"), e = _(null);
+    const n = S(t, "modelValue"), e = g(null);
     return o({
       onReset: () => {
-        var a;
-        return (a = e.value) == null ? void 0 : a.onReset();
+        var l;
+        return (l = e.value) == null ? void 0 : l.onReset();
       },
       onValueUpdate: () => {
-        var a;
-        return (a = e.value) == null ? void 0 : a.onValueUpdate();
+        var l;
+        return (l = e.value) == null ? void 0 : l.onValueUpdate();
       },
       getErrors: () => {
-        var a, l;
-        return ((l = (a = e.value) == null ? void 0 : a.getErrors) == null ? void 0 : l.call(a)) ?? [];
+        var l, a;
+        return ((a = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : a.call(l)) ?? [];
       }
-    }), (a, l) => (c(), h(ae, {
+    }), (l, a) => (c(), p(J, {
       modelValue: n.value,
-      "onUpdate:modelValue": l[0] || (l[0] = (s) => n.value = s),
+      "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
       type: "text",
-      schema: a.schema,
+      schema: l.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), at = /* @__PURE__ */ z({
+}), He = /* @__PURE__ */ U({
   __name: "DateInput",
-  props: /* @__PURE__ */ j({
+  props: /* @__PURE__ */ q({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
@@ -565,151 +511,32 @@ const le = /* @__PURE__ */ z({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const n = t, e = L(t, "modelValue"), a = _(null), l = _(e.value.max), s = _(e.value.max), u = _(e.value.value), d = M(() => n.schema);
-    async function b(x) {
-      if (x === void 0)
-        return e.value.required ? "This field is required" : !0;
-      const S = new Date(x);
-      return isNaN(S.getTime()) ? "Invalid date string" : s.value && S < new Date(s.value) ? `Date must be greater than ${s.value}` : l.value && S > new Date(l.value) ? `Date must be less than ${l.value}` : !0;
-    }
-    const { onValueUpdate: y, onFocus: I, getErrors: v } = Z(
-      a,
-      e,
-      u,
-      d,
-      b
-    );
-    function E() {
-      u.value = "", e.value.error = "", e.value.value = "";
-    }
-    const f = M(() => {
-      if (e.value.pattern) return e.value.pattern;
-      let x = e.value.pattern ?? "DD/MMM/YYYY";
-      return e.value.enableTime && (x += " HH:mm:ss"), x;
-    }), D = /[-/.,:\s]+/, i = M(() => f.value.split(D)), C = M(() => f.value.match(/[-/.,:\s]+/g) || []), g = _({});
-    Y(
-      () => e.value.value,
-      (x) => {
-        u.value = x, P(x);
-      }
-    );
-    async function U(x, S, V) {
-      let F = S ?? (V == null ? void 0 : V.target).value;
-      /MM|MMM|MMMM/.test(x) && (F = ne(F, x)), Number.isInteger(parseInt(F)) && (F = W(parseInt(F))), g.value[x] = F;
-      const q = i.value.reduce((m, w, k) => (m += g.value[w] + (k < i.value.length - 1 ? C.value[k] : ""), m), "");
-      u.value = q, await y();
-    }
-    async function P(x) {
-      const S = Ke(x, f.value).split(D);
-      i.value.forEach((V, F) => U(V, S[F])), await y();
-    }
+    const n = S(t, "modelValue"), e = g(null);
     return o({
-      onValueUpdate: y,
-      onReset: E,
-      getErrors: v
-    }), de(() => {
-      i.value.forEach((x, S) => {
-        var V;
-        g.value[x] = ((V = u.value) == null ? void 0 : V.split(D)[S]) ?? "";
-      });
-    }), (x, S) => (c(), h(r(te), {
-      type: "text",
+      onValueUpdate: () => {
+        var l;
+        return (l = e.value) == null ? void 0 : l.onValueUpdate();
+      },
+      onReset: () => {
+        var l;
+        return (l = e.value) == null ? void 0 : l.onReset();
+      },
+      getErrors: () => {
+        var l, a;
+        return ((a = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : a.call(l)) ?? [];
+      }
+    }), (l, a) => (c(), p(J, {
+      modelValue: n.value,
+      "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
+      type: n.value.enableTime ? "datetime-local" : "date",
+      schema: l.schema,
       ref_key: "inputRef",
-      ref: a,
-      "clear-input": !0,
-      fill: e.value.fill ?? "outline",
-      "label-placement": e.value.labelPlacement ?? "stacked",
-      required: e.value.required,
-      "error-text": e.value.error,
-      autofocus: e.value.autoFocus,
-      disabled: e.value.disabled,
-      onIonFocus: r(I),
-      onIonBlur: r(y)
-    }, {
-      default: p(() => [
-        R(le, { model: e.value }, null, 8, ["model"]),
-        (c(!0), $(A, null, G(i.value, (V, F) => (c(), $(A, null, [
-          /MM|MMM|MMMM/.test(V) ? (c(), h(r(De), {
-            slot: "start",
-            key: `select-${V}`,
-            interface: "popover",
-            style: fe({ minWidth: e.value.enableTime ? "10%" : "30%" }),
-            placeholder: V,
-            value: g.value[V],
-            onIonFocus: r(I),
-            onIonInput: (q) => U(V, void 0, q),
-            onIonBlur: (q) => U(V, void 0, q)
-          }, {
-            default: p(() => [
-              (c(!0), $(A, null, G(r(X), (q, m) => (c(), h(r(Ee), {
-                key: q,
-                value: r(ne)(m + 1, V)
-              }, {
-                default: p(() => [
-                  O(T(r(ne)(m + 1, V)), 1)
-                ]),
-                _: 2
-              }, 1032, ["value"]))), 128))
-            ]),
-            _: 2
-          }, 1032, ["style", "placeholder", "value", "onIonFocus", "onIonInput", "onIonBlur"])) : (c(), h(r(te), {
-            slot: "start",
-            key: `input-${V}`,
-            placeholder: V,
-            autofocus: e.value.autoFocus,
-            value: g.value[V],
-            onIonFocus: r(I),
-            onIonInput: (q) => U(V, void 0, q),
-            onIonBlur: (q) => U(V, void 0, q)
-          }, null, 8, ["placeholder", "autofocus", "value", "onIonFocus", "onIonInput", "onIonBlur"])),
-          F < i.value.length - 1 ? (c(), h(r(H), {
-            slot: "start",
-            key: `separator-${F}`
-          }, {
-            default: p(() => [
-              O("  " + T(C.value[F]) + "       ", 1)
-            ]),
-            _: 2
-          }, 1024)) : B("", !0)
-        ], 64))), 256)),
-        R(r(H), { slot: "end" }, {
-          default: p(() => [
-            R(r(qe), {
-              "enable-seconds": "",
-              "time-picker-inline": "",
-              teleport: "",
-              "model-value": u.value,
-              "auto-apply": !e.value.enableTime,
-              "enable-time-picker": e.value.enableTime ?? !1,
-              maxDate: l.value,
-              minDate: s.value,
-              onDateUpdate: P
-            }, {
-              trigger: p(() => [
-                R(r(K), { fill: "clear" }, {
-                  default: p(() => [
-                    R(r(Q), {
-                      slot: "icon-only",
-                      icon: r(ze),
-                      "aria-hidden": "true",
-                      onClick: r(I)
-                    }, null, 8, ["icon", "onClick"])
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }, 8, ["model-value", "auto-apply", "enable-time-picker", "maxDate", "minDate"])
-          ]),
-          _: 1
-        })
-      ]),
-      _: 1
-    }, 8, ["fill", "label-placement", "required", "error-text", "autofocus", "disabled", "onIonFocus", "onIonBlur"]));
+      ref: e
+    }, null, 8, ["modelValue", "type", "schema"]));
   }
-}), nt = /* @__PURE__ */ z({
+}), Je = /* @__PURE__ */ U({
   __name: "NumberInput",
-  props: /* @__PURE__ */ j({
+  props: /* @__PURE__ */ q({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
@@ -717,32 +544,32 @@ const le = /* @__PURE__ */ z({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const n = L(t, "modelValue"), e = _(null);
+    const n = S(t, "modelValue"), e = g(null);
     return o({
       onReset: () => {
-        var a;
-        return (a = e.value) == null ? void 0 : a.onReset();
+        var l;
+        return (l = e.value) == null ? void 0 : l.onReset();
       },
       onValueUpdate: () => {
-        var a;
-        return (a = e.value) == null ? void 0 : a.onValueUpdate();
+        var l;
+        return (l = e.value) == null ? void 0 : l.onValueUpdate();
       },
       getErrors: () => {
-        var a, l;
-        return ((l = (a = e.value) == null ? void 0 : a.getErrors) == null ? void 0 : l.call(a)) ?? [];
+        var l, a;
+        return ((a = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : a.call(l)) ?? [];
       }
-    }), (a, l) => (c(), h(ae, {
+    }), (l, a) => (c(), p(J, {
       modelValue: n.value,
-      "onUpdate:modelValue": l[0] || (l[0] = (s) => n.value = s),
+      "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
       type: "number",
-      schema: a.schema,
+      schema: l.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), ot = /* @__PURE__ */ z({
+}), Qe = /* @__PURE__ */ U({
   __name: "EmailInput",
-  props: /* @__PURE__ */ j({
+  props: /* @__PURE__ */ q({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
@@ -750,32 +577,32 @@ const le = /* @__PURE__ */ z({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const n = L(t, "modelValue"), e = _(null);
+    const n = S(t, "modelValue"), e = g(null);
     return o({
       onReset: () => {
-        var a;
-        return (a = e.value) == null ? void 0 : a.onReset();
+        var l;
+        return (l = e.value) == null ? void 0 : l.onReset();
       },
       onValueUpdate: () => {
-        var a;
-        return (a = e.value) == null ? void 0 : a.onValueUpdate();
+        var l;
+        return (l = e.value) == null ? void 0 : l.onValueUpdate();
       },
       getErrors: () => {
-        var a, l;
-        return ((l = (a = e.value) == null ? void 0 : a.getErrors) == null ? void 0 : l.call(a)) ?? [];
+        var l, a;
+        return ((a = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : a.call(l)) ?? [];
       }
-    }), (a, l) => (c(), h(ae, {
+    }), (l, a) => (c(), p(J, {
       modelValue: n.value,
-      "onUpdate:modelValue": l[0] || (l[0] = (s) => n.value = s),
+      "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
       type: "email",
-      schema: a.schema,
+      schema: l.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), ut = /* @__PURE__ */ z({
+}), Xe = /* @__PURE__ */ U({
   __name: "PasswordInput",
-  props: /* @__PURE__ */ j({
+  props: /* @__PURE__ */ q({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
@@ -783,32 +610,32 @@ const le = /* @__PURE__ */ z({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const n = L(t, "modelValue"), e = _(null);
+    const n = S(t, "modelValue"), e = g(null);
     return o({
       onReset: () => {
-        var a;
-        return (a = e.value) == null ? void 0 : a.onReset();
+        var l;
+        return (l = e.value) == null ? void 0 : l.onReset();
       },
       onValueUpdate: () => {
-        var a;
-        return (a = e.value) == null ? void 0 : a.onValueUpdate();
+        var l;
+        return (l = e.value) == null ? void 0 : l.onValueUpdate();
       },
       getErrors: () => {
-        var a, l;
-        return ((l = (a = e.value) == null ? void 0 : a.getErrors) == null ? void 0 : l.call(a)) ?? [];
+        var l, a;
+        return ((a = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : a.call(l)) ?? [];
       }
-    }), (a, l) => (c(), h(ae, {
+    }), (l, a) => (c(), p(J, {
       modelValue: n.value,
-      "onUpdate:modelValue": l[0] || (l[0] = (s) => n.value = s),
+      "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
       type: "password",
-      schema: a.schema,
+      schema: l.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), rt = /* @__PURE__ */ z({
+}), Ye = /* @__PURE__ */ U({
   __name: "SelectInput",
-  props: /* @__PURE__ */ j({
+  props: /* @__PURE__ */ q({
     schema: {},
     type: {}
   }, {
@@ -817,44 +644,44 @@ const le = /* @__PURE__ */ z({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const n = t, e = L(t, "modelValue"), a = _(null), l = _(null), s = _(!1), u = _([]), d = _(""), b = _(1), y = M(() => e.value.interface ?? "popover"), I = M(() => e.value.optionsPlacement === "top" ? "top" : "bottom"), v = M(() => u.value.filter((m) => !!m.isChecked)), E = M(() => !d.value && se(v.value) && !s.value ? e.value.placeholder ?? "Select an option" : "");
-    Y([d, () => e.value.options], F, {
+    const n = t, e = S(t, "modelValue"), l = g(null), a = g(null), r = g(!1), u = g([]), d = g(""), h = g(1), b = C(() => e.value.interface ?? "popover"), R = C(() => e.value.optionsPlacement === "top" ? "top" : "bottom"), v = C(() => u.value.filter((m) => !!m.isChecked)), I = C(() => !d.value && le(v.value) && !r.value ? e.value.placeholder ?? "Select an option" : "");
+    j([d, () => e.value.options], Z, {
       immediate: !0,
       deep: !0
-    }), Y(() => e.value.value, q, { immediate: !0, deep: !0 });
+    }), j(() => e.value.value, pe, { immediate: !0, deep: !0 });
     function f() {
-      u.value.forEach((m) => oe(m, u.value)), e.value.error = "", d.value = "", b.value = 1, e.value.value = e.value.multiple ? [] : "";
+      u.value.forEach((m) => Y(m, u.value)), e.value.error = "", d.value = "", h.value = 1, e.value.value = e.value.multiple ? [] : "";
     }
-    function D(m) {
-      if (m.isChecked) return oe(m, u.value);
-      e.value.multiple ? J(m, u.value) : (f(), J(m, u.value), V()), d.value = "";
+    function x(m) {
+      if (m.isChecked) return Y(m, u.value);
+      e.value.multiple ? L(m, u.value) : (f(), L(m, u.value), P()), d.value = "";
     }
     function i() {
-      switch (y.value) {
+      switch (b.value) {
         case "action-sheet":
-          C();
+          k();
           break;
         case "alert":
-          g();
+          w();
           break;
         case "popover":
         default:
-          s.value = !0;
+          r.value = !0;
           break;
       }
     }
-    async function C() {
-      if (await F(), e.value.multiple) {
-        s.value = !0;
+    async function k() {
+      if (await Z(), e.value.multiple) {
+        r.value = !0;
         return;
       }
-      await (await Be.create({
+      await (await Ee.create({
         header: e.value.label || "Select an option",
         buttons: [
-          ...u.value.map((w) => ({
-            text: w.label,
-            cssClass: w.isChecked ? "selected-option" : "",
-            handler: () => (D(w), !1)
+          ...u.value.map((_) => ({
+            text: _.label,
+            cssClass: _.isChecked ? "selected-option" : "",
+            handler: () => (x(_), !1)
           })),
           {
             text: "Cancel",
@@ -863,15 +690,15 @@ const le = /* @__PURE__ */ z({
         ]
       })).present();
     }
-    async function g() {
-      await F();
-      const m = u.value.map((k) => ({
-        label: k.label,
+    async function w() {
+      await Z();
+      const m = u.value.map((V) => ({
+        label: V.label,
         type: e.value.multiple ? "checkbox" : "radio",
-        value: k,
-        checked: k.isChecked
+        value: V,
+        checked: V.isChecked
       }));
-      await (await Oe.create({
+      await (await Fe.create({
         header: e.value.label || "Select an option",
         inputs: m,
         buttons: [
@@ -881,25 +708,25 @@ const le = /* @__PURE__ */ z({
           },
           {
             text: "OK",
-            handler: (k) => {
+            handler: (V) => {
               if (e.value.multiple)
-                u.value.forEach((N) => oe(N, u.value)), k.forEach((N) => {
-                  const ee = u.value.find((Ve) => Ve.value === N.value);
-                  ee && J(ee, u.value);
+                u.value.forEach((T) => Y(T, u.value)), V.forEach((T) => {
+                  const Q = u.value.find((ye) => ye.value === T.value);
+                  Q && L(Q, u.value);
                 });
               else {
                 f();
-                const N = u.value.find((ee) => ee.value === k.value);
-                N && J(N, u.value);
+                const T = u.value.find((Q) => Q.value === V.value);
+                T && L(T, u.value);
               }
-              V();
+              P();
             }
           }
         ]
       })).present();
     }
-    async function U() {
-      if (e.value.required && se(v.value))
+    async function A() {
+      if (e.value.required && le(v.value))
         return "This field is required";
       if (e.value.validation) {
         const m = await e.value.validation(v.value, n == null ? void 0 : n.schema);
@@ -908,81 +735,81 @@ const le = /* @__PURE__ */ z({
       }
       return !0;
     }
-    const { onFocus: P, applyValidationState: x } = Z(
-      a,
+    const { onFocus: D, applyValidationState: M } = H(
+      l,
       e,
-      M(() => e.value.multiple ? v.value : v.value[0]),
-      M(() => n == null ? void 0 : n.schema),
-      U
+      C(() => e.value.multiple ? v.value : v.value[0]),
+      C(() => n == null ? void 0 : n.schema),
+      A
     );
-    function S(m) {
-      var w;
-      m.target === ((w = a.value) == null ? void 0 : w.$el) && (P(), y.value === "popover" && (s.value = !0));
+    function K(m) {
+      var _;
+      m.target === ((_ = l.value) == null ? void 0 : _.$el) && (D(), b.value === "popover" && (r.value = !0));
     }
-    async function V(m) {
-      var k;
-      if ((k = m == null ? void 0 : m.relatedTarget) != null && k.closest(".suggestions-list")) return;
-      s.value = !1;
-      const w = await U();
-      w === !0 ? (e.value.error = "", e.value.value = e.value.multiple ? v.value : v.value[0]) : e.value.error = typeof w == "string" ? w : "Validation failed", await x(w === !0);
+    async function P(m) {
+      var V;
+      if ((V = m == null ? void 0 : m.relatedTarget) != null && V.closest(".suggestions-list")) return;
+      r.value = !1;
+      const _ = await A();
+      _ === !0 ? (e.value.error = "", e.value.value = e.value.multiple ? v.value : v.value[0]) : e.value.error = typeof _ == "string" ? _ : "Validation failed", await M(_ === !0);
     }
-    async function F() {
+    async function Z() {
       const m = [];
       if (typeof e.value.options == "function") {
-        const w = await e.value.options(d.value);
-        m.push(...w.filter((k) => !!k.label));
+        const _ = await e.value.options(d.value);
+        m.push(..._.filter((V) => !!V.label));
       } else
-        m.push(...Ze(e.value.options ?? [], d.value));
-      v.value.forEach((w) => J(w, m)), u.value = m;
+        m.push(...Pe(e.value.options ?? [], d.value));
+      v.value.forEach((_) => L(_, m)), u.value = m;
     }
-    function q() {
+    function pe() {
       const m = e.value.value;
-      m && (Array.isArray(m) ? m.forEach((w) => J(w, u.value)) : J(typeof m == "object" ? m : {
+      m && (Array.isArray(m) ? m.forEach((_) => L(_, u.value)) : L(typeof m == "object" ? m : {
         value: m,
         label: m
       }, u.value));
     }
     return o({
-      onValueUpdate: V,
+      onValueUpdate: P,
       onReset: f,
       getErrors: () => e.value.error ? [e.value.error] : []
-    }), (m, w) => (c(), $("div", {
+    }), (m, _) => (c(), z("div", {
       class: "autocomplete-container",
-      onFocusout: V,
+      onFocusout: P,
       ref_key: "containerRef",
-      ref: l
+      ref: a
     }, [
-      R(r(te), {
+      F(s(ie), {
         ref_key: "inputRef",
-        ref: a,
+        ref: l,
         modelValue: d.value,
-        "onUpdate:modelValue": w[0] || (w[0] = (k) => d.value = k),
-        fill: e.value.fill ?? "outline",
+        "onUpdate:modelValue": _[0] || (_[0] = (V) => d.value = V),
+        fill: e.value.fill ?? "solid",
         "label-placement": e.value.labelPlacement ?? "stacked",
         type: m.type ?? "text",
         required: e.value.required,
         "error-text": e.value.error,
         autofocus: e.value.autoFocus,
-        placeholder: E.value,
+        placeholder: I.value,
         disabled: e.value.disabled,
         counter: e.value.counter,
-        onIonFocus: S,
+        onIonFocus: K,
         debounce: 300,
         onClick: i
       }, {
-        default: p(() => [
-          R(le, { model: e.value }, null, 8, ["model"]),
-          e.value.multiple ? (c(), h(r(H), {
+        default: y(() => [
+          F(oe, { model: e.value }, null, 8, ["model"]),
+          e.value.multiple ? (c(), p(s(N), {
             key: 0,
             style: { width: "fit-content" },
             slot: "start"
           }, {
-            default: p(() => [
-              (c(!0), $(A, null, G(v.value, (k, N) => (c(), h(r(Fe), { key: N }, {
-                default: p(() => [
-                  R(r(H), null, {
-                    default: p(() => [
-                      O(T(k.label), 1)
+            default: y(() => [
+              (c(!0), z($, null, G(v.value, (V, T) => (c(), p(s(Ce), { key: T }, {
+                default: y(() => [
+                  F(s(N), null, {
+                    default: y(() => [
+                      O(B(V.label), 1)
                     ]),
                     _: 2
                   }, 1024)
@@ -991,52 +818,52 @@ const le = /* @__PURE__ */ z({
               }, 1024))), 128))
             ]),
             _: 1
-          })) : (c(), h(r(H), {
+          })) : (c(), p(s(N), {
             key: 1,
             slot: "start",
             class: "ion-no-wrap"
           }, {
-            default: p(() => {
-              var k;
+            default: y(() => {
+              var V;
               return [
-                O(T(((k = v.value[0]) == null ? void 0 : k.label) ?? ""), 1)
+                O(B(((V = v.value[0]) == null ? void 0 : V.label) ?? ""), 1)
               ];
             }),
             _: 1
           })),
-          R(r(Q), {
+          F(s(X), {
             slot: "end",
-            icon: r(Ae)
+            icon: s(ze)
           }, null, 8, ["icon"]),
-          v.value.length > 0 || d.value ? (c(), h(r(Q), {
+          v.value.length > 0 || d.value ? (c(), p(s(X), {
             key: 2,
             slot: "end",
-            icon: r(je),
+            icon: s(qe),
             onClick: f,
             style: { "z-index": "999999" }
-          }, null, 8, ["icon"])) : B("", !0)
+          }, null, 8, ["icon"])) : E("", !0)
         ]),
         _: 1
       }, 8, ["modelValue", "fill", "label-placement", "type", "required", "error-text", "autofocus", "placeholder", "disabled", "counter"]),
-      s.value && u.value.length > 0 && y.value === "popover" ? (c(), h(r(Re), {
+      r.value && u.value.length > 0 && b.value === "popover" ? (c(), p(s(Ie), {
         key: 0,
-        class: Ie(["suggestions-list", I.value])
+        class: _e(["suggestions-list", R.value])
       }, {
-        default: p(() => [
-          (c(!0), $(A, null, G(u.value, (k) => (c(), h(r(Se), {
+        default: y(() => [
+          (c(!0), z($, null, G(u.value, (V) => (c(), p(s(Re), {
             button: "",
-            key: k.label,
-            onClick: (N) => D(k)
+            key: V.label,
+            onClick: (T) => x(V)
           }, {
-            default: p(() => [
-              e.value.multiple ? (c(), h(r(pe), {
+            default: y(() => [
+              e.value.multiple ? (c(), p(s(ce), {
                 key: 0,
                 slot: "start",
-                checked: k.isChecked
-              }, null, 8, ["checked"])) : B("", !0),
-              R(r(H), null, {
-                default: p(() => [
-                  O(T(k.label), 1)
+                checked: V.isChecked
+              }, null, 8, ["checked"])) : E("", !0),
+              F(s(N), null, {
+                default: y(() => [
+                  O(B(V.label), 1)
                 ]),
                 _: 2
               }, 1024)
@@ -1045,17 +872,17 @@ const le = /* @__PURE__ */ z({
           }, 1032, ["onClick"]))), 128))
         ]),
         _: 1
-      }, 8, ["class"])) : B("", !0)
+      }, 8, ["class"])) : E("", !0)
     ], 544));
   }
-}), be = (t, o) => {
+}), fe = (t, o) => {
   const n = t.__vccOpts || t;
-  for (const [e, a] of o)
-    n[e] = a;
+  for (const [e, l] of o)
+    n[e] = l;
   return n;
-}, st = /* @__PURE__ */ be(rt, [["__scopeId", "data-v-80c14c96"]]), it = /* @__PURE__ */ z({
+}, et = /* @__PURE__ */ fe(Ye, [["__scopeId", "data-v-e2c4eed6"]]), tt = /* @__PURE__ */ U({
   __name: "TextAreaInput",
-  props: /* @__PURE__ */ j({
+  props: /* @__PURE__ */ q({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
@@ -1063,26 +890,26 @@ const le = /* @__PURE__ */ z({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const n = t, e = L(t, "modelValue"), a = _(null), l = _(e.value.value), s = M(() => n.schema), { onValueUpdate: u, onFocus: d, onReset: b, getErrors: y } = Z(
-      a,
-      e,
+    const n = t, e = S(t, "modelValue"), l = g(null), a = g(e.value.value), r = C(() => n.schema), { onValueUpdate: u, onFocus: d, onReset: h, getErrors: b } = H(
       l,
-      s
+      e,
+      a,
+      r
     );
-    return Y(
+    return j(
       () => e.value.value,
-      (I) => l.value = I
+      (R) => a.value = R
     ), o({
-      onReset: b,
+      onReset: h,
       onValueUpdate: u,
-      getErrors: y
-    }), (I, v) => (c(), h(r(Ue), {
+      getErrors: b
+    }), (R, v) => (c(), p(s(Oe), {
       ref_key: "inputRef",
-      ref: a,
-      modelValue: l.value,
-      "onUpdate:modelValue": v[0] || (v[0] = (E) => l.value = E),
+      ref: l,
+      modelValue: a.value,
+      "onUpdate:modelValue": v[0] || (v[0] = (I) => a.value = I),
       "clear-input": !0,
-      fill: e.value.fill ?? "outline",
+      fill: e.value.fill ?? "solid",
       "label-placement": e.value.labelPlacement ?? "stacked",
       required: e.value.required,
       "error-text": e.value.error,
@@ -1098,22 +925,22 @@ const le = /* @__PURE__ */ z({
       "max-length": e.value.maxLength,
       "min-length": e.value.minLength,
       pattern: e.value.pattern,
-      onIonFocus: r(d),
-      onIonChange: r(u),
-      onIonBlur: r(u)
+      onIonFocus: s(d),
+      onIonChange: s(u),
+      onIonBlur: s(u)
     }, {
-      default: p(() => [
-        R(le, { model: e.value }, null, 8, ["model"])
+      default: y(() => [
+        F(oe, { 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"]));
   }
-}), ct = {
+}), lt = {
   class: "ion-margin-end",
   style: { "flex-grow": "1" }
-}, dt = { style: { display: "flex", "justify-content": "flex-end" } }, vt = /* @__PURE__ */ z({
+}, at = { style: { display: "flex", "justify-content": "flex-end" } }, nt = /* @__PURE__ */ U({
   __name: "RepeatInput",
-  props: /* @__PURE__ */ j({
+  props: /* @__PURE__ */ q({
     schema: {},
     data: {},
     computedData: {}
@@ -1123,111 +950,111 @@ const le = /* @__PURE__ */ z({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const n = L(t, "modelValue"), e = _([]), { dynamicRefs: a, resetForm: l, getFormErrors: s, updateFormValues: u } = ge(), d = M(() => e.value.map((f, D) => ({
-      label: `Set ${D + 1}`,
-      value: D,
+    const n = S(t, "modelValue"), e = g([]), { dynamicRefs: l, resetForm: a, getFormErrors: r, updateFormValues: u } = me(), d = C(() => e.value.map((f, x) => ({
+      label: `Set ${x + 1}`,
+      value: x,
       other: Object.entries(f).reduce(
-        (i, [C, g]) => (i[C] = g.value, i),
+        (i, [k, w]) => (i[k] = w.value, i),
         {}
       )
     })));
-    Y(
+    j(
       d,
       (f) => {
         n.value.value = f;
       },
       { deep: !0, immediate: !0 }
-    ), de(b);
-    function b() {
-      n.value.children && e.value.push(ce(n.value.children));
+    ), se(h);
+    function h() {
+      n.value.children && e.value.push(ne(n.value.children));
     }
-    function y(f) {
+    function b(f) {
       e.value.splice(f, 1);
     }
-    function I() {
-      l();
+    function R() {
+      a();
     }
     function v() {
-      return s();
+      return r();
     }
-    async function E() {
+    async function I() {
       await u();
     }
     return o({
-      onValueUpdate: E,
-      onReset: I,
+      onValueUpdate: I,
+      onReset: R,
       getErrors: v
-    }), (f, D) => (c(!0), $(A, null, G(e.value, (i, C) => (c(), $("div", {
+    }), (f, x) => (c(!0), z($, null, G(e.value, (i, k) => (c(), z("div", {
       class: "repeat-input-wrapper",
-      key: C
+      key: k
     }, [
-      ve("div", ct, [
-        R(r(ue), null, {
-          default: p(() => [
-            (c(!0), $(A, null, G(Object.keys(i), (g) => {
-              var U, P, x, S, V;
-              return c(), $(A, null, [
-                r(ie)(i[g], f.data, f.computedData) ? (c(), h(r(re), {
-                  key: `${C}-${g}`,
-                  size: ((U = i[g].grid) == null ? void 0 : U.xs) ?? "12",
-                  "size-sm": (P = i[g].grid) == null ? void 0 : P.sm,
-                  "size-md": (x = i[g].grid) == null ? void 0 : x.md,
-                  "size-lg": (S = i[g].grid) == null ? void 0 : S.lg,
-                  "size-xl": (V = i[g].grid) == null ? void 0 : V.xl,
+      ue("div", lt, [
+        F(s(ee), null, {
+          default: y(() => [
+            (c(!0), z($, null, G(Object.keys(i), (w) => {
+              var A, D, M, K, P;
+              return c(), z($, null, [
+                s(ae)(i[w], f.data, f.computedData) ? (c(), p(s(te), {
+                  key: `${k}-${w}`,
+                  size: ((A = i[w].grid) == null ? void 0 : A.xs) ?? "12",
+                  "size-sm": (D = i[w].grid) == null ? void 0 : D.sm,
+                  "size-md": (M = i[w].grid) == null ? void 0 : M.md,
+                  "size-lg": (K = i[w].grid) == null ? void 0 : K.lg,
+                  "size-xl": (P = i[w].grid) == null ? void 0 : P.xl,
                   class: "ion-margin-bottom"
                 }, {
-                  default: p(() => [
-                    (c(), h(me(i[g].type), {
-                      modelValue: i[g],
-                      "onUpdate:modelValue": (F) => i[g] = F,
+                  default: y(() => [
+                    (c(), p(re(i[w].type), {
+                      modelValue: i[w],
+                      "onUpdate:modelValue": (Z) => i[w] = Z,
                       schema: i,
-                      "ref-key": `${C}-${g}`,
+                      "ref-key": `${k}-${w}`,
                       ref_for: !0,
                       ref_key: "dynamicRefs",
-                      ref: a
+                      ref: l
                     }, null, 8, ["modelValue", "onUpdate:modelValue", "schema", "ref-key"]))
                   ]),
                   _: 2
-                }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : B("", !0)
+                }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : E("", !0)
               ], 64);
             }), 256))
           ]),
           _: 2
         }, 1024)
       ]),
-      ve("div", dt, [
-        C === e.value.length - 1 ? (c(), h(r(K), {
+      ue("div", at, [
+        k === e.value.length - 1 ? (c(), p(s(W), {
           key: 0,
-          onClick: b,
+          onClick: h,
           color: "primary"
         }, {
-          default: p(() => [
-            R(r(Q), {
+          default: y(() => [
+            F(s(X), {
               slot: "icon-only",
-              icon: r(Le)
+              icon: s(Se)
             }, null, 8, ["icon"])
           ]),
           _: 1
-        })) : B("", !0),
-        e.value.length > 1 ? (c(), h(r(K), {
+        })) : E("", !0),
+        e.value.length > 1 ? (c(), p(s(W), {
           key: 1,
-          onClick: (g) => y(C),
+          onClick: (w) => b(k),
           color: "warning"
         }, {
-          default: p(() => [
-            R(r(Q), {
+          default: y(() => [
+            F(s(X), {
               slot: "icon-only",
-              icon: r(Pe)
+              icon: s(Te)
             }, null, 8, ["icon"])
           ]),
           _: 2
-        }, 1032, ["onClick"])) : B("", !0)
+        }, 1032, ["onClick"])) : E("", !0)
       ])
     ]))), 128));
   }
-}), mt = /* @__PURE__ */ be(vt, [["__scopeId", "data-v-402695fe"]]), ft = /* @__PURE__ */ z({
+}), ot = /* @__PURE__ */ fe(nt, [["__scopeId", "data-v-402695fe"]]), ut = /* @__PURE__ */ U({
   __name: "CheckboxInput",
-  props: /* @__PURE__ */ j({
+  props: /* @__PURE__ */ q({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
@@ -1235,38 +1062,38 @@ const le = /* @__PURE__ */ z({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const n = t, e = L(t, "modelValue"), a = _(null), l = _(e.value.value), s = M(() => n.schema), u = M(() => ye(e.value)), { onValueUpdate: d, onFocus: b, getErrors: y } = Z(a, e, l, s);
-    function I() {
-      l.value = !1, e.value.error = "", e.value.value = !1;
+    const n = t, e = S(t, "modelValue"), l = g(null), a = g(e.value.value), r = C(() => n.schema), u = C(() => ve(e.value)), { onValueUpdate: d, onFocus: h, getErrors: b } = H(l, e, a, r);
+    function R() {
+      a.value = !1, e.value.error = "", e.value.value = !1;
     }
-    return Y(
+    return j(
       () => e.value.value,
-      (v) => l.value = v
+      (v) => a.value = v
     ), o({
       onValueUpdate: d,
-      onReset: I,
-      getErrors: y
-    }), (v, E) => (c(), h(r(pe), {
-      modelValue: l.value,
-      "onUpdate:modelValue": E[0] || (E[0] = (f) => l.value = f),
+      onReset: R,
+      getErrors: b
+    }), (v, I) => (c(), p(s(ce), {
+      modelValue: a.value,
+      "onUpdate:modelValue": I[0] || (I[0] = (f) => a.value = f),
       ref_key: "inputRef",
-      ref: a,
+      ref: l,
       required: e.value.required,
       "error-text": e.value.error,
       disabled: e.value.disabled,
-      onIonFocus: r(b),
-      onIonChange: r(d),
-      onIonBlur: r(d)
+      onIonFocus: s(h),
+      onIonChange: s(d),
+      onIonBlur: s(d)
     }, {
-      default: p(() => [
-        O(T(u.value), 1)
+      default: y(() => [
+        O(B(u.value), 1)
       ]),
       _: 1
     }, 8, ["modelValue", "required", "error-text", "disabled", "onIonFocus", "onIonChange", "onIonBlur"]));
   }
-}), pt = /* @__PURE__ */ z({
+}), rt = /* @__PURE__ */ U({
   __name: "RadioInput",
-  props: /* @__PURE__ */ j({
+  props: /* @__PURE__ */ q({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
@@ -1274,60 +1101,62 @@ const le = /* @__PURE__ */ z({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const n = t, e = L(t, "modelValue"), a = _(null), l = _(e.value.value), s = M(() => n.schema), u = _([]), d = M(() => ye(e.value)), b = M(() => e.value.labelPlacement ? e.value.labelPlacement : "end"), { onValueUpdate: y, onFocus: I, getErrors: v } = Z(a, e, l, s);
-    function E() {
-      e.value.error = "", l.value = void 0, e.value.value = void 0;
+    const n = t, e = S(t, "modelValue"), l = g(null), a = g(e.value.value), r = C(() => n.schema), u = g([]), d = C(() => ve(e.value)), { onValueUpdate: h, onFocus: b, getErrors: R } = H(l, e, a, r);
+    function v() {
+      e.value.error = "", a.value = void 0, e.value.value = void 0;
     }
-    function f(i, C) {
-      return i.value === C.value;
+    function I(x, i) {
+      return x.value === i.value;
     }
-    async function D() {
+    async function f() {
       typeof e.value.options == "function" ? u.value = await e.value.options() : u.value = e.value.options;
     }
-    return Y(
+    return j(
       () => e.value.value,
-      (i) => l.value = i
+      (x) => a.value = x
     ), o({
-      onValueUpdate: y,
-      onReset: E,
-      getErrors: v
-    }), de(D), (i, C) => (c(), h(r($e), {
-      modelValue: l.value,
-      "onUpdate:modelValue": C[0] || (C[0] = (g) => l.value = g),
+      onValueUpdate: h,
+      onReset: v,
+      getErrors: R
+    }), se(f), (x, i) => (c(), p(s(Ue), {
+      modelValue: a.value,
+      "onUpdate:modelValue": i[0] || (i[0] = (k) => a.value = k),
       ref_key: "inputRef",
-      ref: a,
+      ref: l,
       required: e.value.required,
-      "help-text": d.value,
+      "helper-text": d.value,
       "error-text": e.value.error,
       disabled: e.value.disabled,
-      compareWith: f,
-      onIonFocus: r(I),
-      onIonChange: r(y),
-      onIonBlur: r(y)
+      compareWith: I,
+      "allow-empty-selection": !e.value.required,
+      onIonFocus: s(b),
+      onIonChange: s(h),
+      onIonBlur: s(h)
     }, {
-      default: p(() => [
-        (c(!0), $(A, null, G(u.value, (g) => (c(), h(r(Te), {
-          key: g.value,
-          value: g,
+      default: y(() => [
+        (c(!0), z($, null, G(u.value, (k) => (c(), p(s(Be), {
+          key: k.value,
+          value: k,
           disabled: e.value.disabled,
-          "label-placement": b.value
+          "label-placement": "end",
+          justify: "start"
         }, {
-          default: p(() => [
-            O(T(g.label), 1)
+          default: y(() => [
+            O(B(k.label), 1)
           ]),
           _: 2
-        }, 1032, ["value", "disabled", "label-placement"]))), 128))
+        }, 1032, ["value", "disabled"]))), 128))
       ]),
       _: 1
-    }, 8, ["modelValue", "required", "help-text", "error-text", "disabled", "onIonFocus", "onIonChange", "onIonBlur"]));
+    }, 8, ["modelValue", "required", "helper-text", "error-text", "disabled", "allow-empty-selection", "onIonFocus", "onIonChange", "onIonBlur"]));
   }
-}), _t = {
+}), vt = {
   install(t) {
-    t.component("VForm", Xe), t.component("TextInput", lt), t.component("DateInput", at), t.component("NumberInput", nt), t.component("EmailInput", ot), t.component("PasswordInput", ut), t.component("SelectInput", st), t.component("TextAreaInput", it), t.component("RepeatInput", mt), t.component("CheckboxInput", ft), t.component("RadioInput", pt), t.directive("maskito", Ye);
+    t.component("VForm", Ge), t.component("TextInput", Ze), t.component("DateInput", He), t.component("NumberInput", Je), t.component("EmailInput", Qe), t.component("PasswordInput", Xe), t.component("SelectInput", et), t.component("TextAreaInput", tt), t.component("RepeatInput", ot), t.component("CheckboxInput", ut), t.component("RadioInput", rt), t.directive("maskito", $e);
   }
 };
 export {
-  _t as VForm,
-  _t as default
+  vt as VForm,
+  vt as default
 };
 //# sourceMappingURL=index.es.js.map