@uniquedj95/vform 3.0.6 → 3.1.1

package/dist/index.es.js

@@ -1,9 +1,8 @@
-import { ref as x, computed as w, defineComponent as q, watch as H, createBlock as h, openBlock as i, unref as r, withCtx as p, createVNode as E, createCommentVNode as B, createElementBlock as U, Fragment as A, renderList as W, resolveDynamicComponent as ve, normalizeStyle as me, createTextVNode as T, toDisplayString as z, toRef as Ve, mergeModels as L, useModel as Y, resolveDirective as ke, withDirectives as _e, onMounted as fe, normalizeClass as xe, createElementVNode as de } from "vue";
-import { IonGrid as Ie, IonRow as ue, IonCol as re, IonButton as K, IonLabel as P, IonText as Me, IonInput as te, IonInputPasswordToggle as we, IonSelect as Ce, IonSelectOption as De, IonIcon as Z, IonChip as Ee, IonList as Se, IonItem as Fe, IonCheckbox as pe, actionSheetController as Re, alertController as Be, IonTextarea as Oe } from "@ionic/vue";
-import Te from "@vuepic/vue-datepicker";
-import { calendar as $e, chevronDown as Ue, close as ze, add as qe, remove as Ae } from "ionicons/icons";
-import { maskito as je } from "@maskito/vue";
-function Le(t) {
+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,200 +10,151 @@ function Le(t) {
     });
   });
 }
-const Ye = {
+const Ae = {
   d: /\d/,
   a: /[A-Za-z]/,
   "*": /[A-Za-z0-9]/
   // Default: alphanum, can customize if needed
-}, Ne = {
+}, 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 Pe(t, o) {
-  const n = Ne[t];
+function De(t, o) {
+  const n = Le[t];
   return n[o % n.length];
 }
-function He(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 [, g] = d.split(",").map((b) => parseInt(b.trim()));
-            s = g || 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(Ye[l]), n += Pe(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: Le
+    elementPredicate: je
   };
 }
-const Q = [
-  "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 Ge(t, o = "DD/MMM/YYYY") {
-  const n = new Date(t);
-  if (isNaN(n.getTime()))
-    throw new Error("Invalid date string");
-  const e = J(n.getDate()), a = n.getMonth() + 1, l = n.getFullYear(), s = J(n.getHours()), u = J(n.getMinutes()), d = J(n.getSeconds()), g = n.getMilliseconds(), b = {
-    DD: e,
-    D: n.getDate().toString(),
-    MMM: Q[n.getMonth()].slice(0, 3),
-    MMMM: Q[n.getMonth()],
-    MM: J(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: J(g),
-    S: g.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,
-    (M) => b[M] || M
-  );
-}
-function J(t) {
-  return t < 10 ? `0${t}` : `${t}`;
-}
-function ne(t, o) {
-  if (Number.isInteger(parseInt(t)) && Number(t) > 0) {
-    if (o === "MMMM") return Q[Number(t) - 1];
-    if (o === "MMM") return Q[Number(t) - 1].slice(0, 3);
-    if (o === "MM") return J(Number(t));
-  }
-  return t;
-}
-function 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 G(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 Je(t, o) {
+function Pe(t, o) {
   return o ? t.filter(
     (n) => JSON.stringify(n).toLowerCase().includes(o.toLowerCase())
   ) : t;
 }
-function ye() {
-  const t = x([]);
+function ve(t) {
+  const o = t.label || "", n = t.required ? " *" : "";
+  return o + n;
+}
+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 We(t) {
-  const o = w(
-    () => Object.entries(t.value).reduce((e, [a, l]) => (l.value !== void 0 && (typeof l.onChange == "function" ? e[a] = l.onChange(l.value) : e[a] = l.value), e), {})
-  ), n = w(() => Object.entries(o.value).reduce((e, [a, l]) => (l !== void 0 && (t.value[a].children !== void 0 && (e[a] = l.map(({ other: s }) => Object.entries(s).reduce((u, [d, g]) => (typeof t.value[a].children[d].computedValue == "function" ? u[d] = t.value[a].children[d].computedValue(
-    g,
+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] = g, 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 Ke = /* @__PURE__ */ q({
+const Ge = /* @__PURE__ */ U({
   __name: "vForm",
   props: {
     schema: {},
@@ -220,31 +170,31 @@ const Ke = /* @__PURE__ */ q({
   },
   emits: ["submit", "clear", "cancel"],
   setup(t, { expose: o, emit: n }) {
-    const e = t, a = n, l = x(e.schema), { dynamicRefs: s, isFormValid: u, resetForm: d } = ye(), { formData: g, computedData: b } = We(l);
-    async function M() {
-      await u() && a("submit", g.value, b.value);
+    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 m() {
-      d(), a("clear");
+    function v() {
+      d(), l("clear");
     }
-    function S() {
-      d(), a("cancel");
+    function I() {
+      d(), l("cancel");
     }
-    return H(
-      g,
+    return j(
+      h,
       async () => {
-        for (const [f, C] of Object.entries(l.value))
-          ie(C, g.value, b.value) || (C.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
       }
-    ), H(
+    ), j(
       () => e.schema,
       (f) => {
-        for (const [C, c] of Object.entries(f))
-          c.value !== void 0 && (l.value[C].value = c.value);
+        for (const [x, i] of Object.entries(f))
+          i.value !== void 0 && (a.value[x].value = i.value);
       },
       {
         deep: !0,
@@ -254,81 +204,81 @@ const Ke = /* @__PURE__ */ q({
       resetForm: d,
       isFormValid: u,
       resolveData: () => ({
-        formData: g.value,
+        formData: h.value,
         computedData: b.value
       })
-    }), (f, C) => (i(), h(r(Ie), null, {
-      default: p(() => [
-        E(r(ue), null, {
-          default: p(() => [
-            (i(!0), U(A, null, W(Object.keys(l.value), (c) => {
-              var F, k, O, j, _;
-              return i(), U(A, null, [
-                r(ie)(l.value[c], r(g), r(b)) ? (i(), h(r(re), {
-                  key: c,
-                  size: ((F = l.value[c].grid) == null ? void 0 : F.xs) ?? "12",
-                  "size-sm": (k = l.value[c].grid) == null ? void 0 : k.sm,
-                  "size-md": (O = l.value[c].grid) == null ? void 0 : O.md,
-                  "size-lg": (j = l.value[c].grid) == null ? void 0 : j.lg,
-                  "size-xl": (_ = l.value[c].grid) == null ? void 0 : _.xl,
+    }), (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: ((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(() => [
-                    (i(), h(ve(l.value[c].type), {
-                      modelValue: l.value[c],
-                      "onUpdate:modelValue": (R) => l.value[c] = R,
-                      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-key": c
+                      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) : (i(), h(r(ue), { key: 0 }, {
-          default: p(() => [
-            E(r(re), {
+        f.hideButtons ? E("", !0) : (c(), p(s(ee), { key: 0 }, {
+          default: y(() => [
+            F(s(te), {
               size: "12",
-              style: me([{ display: "flex" }, { justifyContent: f.buttonPlacement }])
+              style: he([{ display: "flex" }, { justifyContent: f.buttonPlacement }])
             }, {
-              default: p(() => [
-                f.showCancelButton ? (i(), h(r(K), {
+              default: y(() => [
+                f.showCancelButton ? (c(), p(s(W), {
                   key: 0,
-                  onClick: S
+                  onClick: I
                 }, {
-                  default: p(() => [
-                    T(z(f.cancelButtonText ?? "Cancel"), 1)
+                  default: y(() => [
+                    O(B(f.cancelButtonText ?? "Cancel"), 1)
                   ]),
                   _: 1
-                })) : B("", !0),
-                f.showClearButton ? (i(), h(r(K), {
+                })) : E("", !0),
+                f.showClearButton ? (c(), p(s(W), {
                   key: 1,
-                  onClick: m
+                  onClick: v
                 }, {
-                  default: p(() => [
-                    T(z(f.clearButtonText ?? "Reset"), 1)
+                  default: y(() => [
+                    O(B(f.clearButtonText ?? "Reset"), 1)
                   ]),
                   _: 1
-                })) : B("", !0),
-                (i(!0), U(A, null, W(f.customButtons, (c) => (i(), h(r(K), {
-                  key: c.label,
-                  onClick: c.action,
-                  color: c.color ?? "primary"
+                })) : 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(() => [
-                    T(z(c.label), 1)
+                  default: y(() => [
+                    O(B(i.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick", "color"]))), 128)),
-                E(r(K), { onClick: M }, {
-                  default: p(() => [
-                    T(z(f.submitButtonText ?? "Submit"), 1)
+                F(s(W), { onClick: R }, {
+                  default: y(() => [
+                    O(B(f.submitButtonText ?? "Submit"), 1)
                   ]),
                   _: 1
                 })
@@ -343,99 +293,99 @@ const Ke = /* @__PURE__ */ q({
     }));
   }
 });
-function Ze(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 X(t, o, n, e, a) {
-  const { applyValidationState: l, resetValidationState: s } = Ze(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 m = await a(n.value);
-      if (typeof m == "string")
-        return o.value.error = m, !1;
-      if (m === !1)
+    if (l) {
+      const v = await l(n.value);
+      if (typeof v == "string")
+        return o.value.error = v, !1;
+      if (v === !1)
         return !1;
     }
     if (o.value.validation) {
-      const m = await o.value.validation(n.value, e == null ? void 0 : e.value);
-      if (m && m.length)
-        return o.value.error = m.join(), !1;
+      const v = await o.value.validation(n.value, e == null ? void 0 : e.value);
+      if (v && v.length)
+        return o.value.error = v.join(), !1;
     }
     return !0;
   }
   async function d() {
-    const m = await u();
-    m && (o.value.error = "", o.value.value = n.value), await l(m);
+    const v = await u();
+    v && (o.value.error = "", o.value.value = n.value), await a(v);
   }
-  function g() {
-    s(), o.value.error = "";
+  function h() {
+    r(), o.value.error = "";
   }
-  function b(m = "") {
-    n.value = m, o.value.error = "", o.value.value = m;
+  function b(v = "") {
+    n.value = v, o.value.error = "", o.value.value = v;
   }
-  function M() {
+  function R() {
     return o.value.error ? [o.value.error] : [];
   }
   return {
     isValid: u,
     onValueUpdate: d,
-    onFocus: g,
+    onFocus: h,
     onReset: b,
-    getErrors: M,
-    applyValidationState: l,
-    resetValidationState: s
+    getErrors: R,
+    applyValidationState: a,
+    resetValidationState: r
   };
 }
-function Qe(t) {
-  const o = w(() => !!t.value.label), n = w(() => !!t.value.required), e = w(() => 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__ */ q({
+const oe = /* @__PURE__ */ U({
   __name: "InputLabel",
   props: {
     model: {}
   },
   setup(t) {
-    const o = t, { showLabel: n, showRequired: e, labelText: a } = Qe(Ve(o, "model"));
-    return (l, s) => r(n) ? (i(), h(r(P), {
+    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(() => [
-        T(z(r(a)) + " ", 1),
-        r(e) ? (i(), h(r(Me), {
+      default: y(() => [
+        O(B(s(l)) + " ", 1),
+        s(e) ? (c(), p(s(xe), {
           key: 0,
           color: "danger"
         }, {
-          default: p(() => s[0] || (s[0] = [
-            T("*")
+          default: y(() => r[0] || (r[0] = [
+            O("*")
           ])),
           _: 1,
           __: [0]
-        })) : B("", !0)
+        })) : E("", !0)
       ]),
       _: 1
-    })) : B("", !0);
+    })) : E("", !0);
   }
-}), ae = /* @__PURE__ */ q({
+}), J = /* @__PURE__ */ U({
   __name: "BaseInput",
-  props: /* @__PURE__ */ L({
+  props: /* @__PURE__ */ q({
     schema: {},
     type: {}
   }, {
@@ -444,38 +394,38 @@ const le = /* @__PURE__ */ q({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const n = t, e = Y(t, "modelValue"), a = x(null), l = x(e.value.value), s = w(() => n.schema), { isValid: u, onValueUpdate: d, onFocus: g, onReset: b, getErrors: M } = X(
-      a,
-      e,
+    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
-    ), m = w(() => {
-      if (e.value.pattern) return He(e.value.pattern);
+      e,
+      a,
+      r
+    ), v = C(() => {
+      if (e.value.pattern) return Me(e.value.pattern);
     });
-    return H(
+    return j(
       () => e.value.value,
-      (S) => l.value = S
+      (I) => a.value = I
     ), o({
       onValueUpdate: d,
       onReset: b,
-      getErrors: M,
+      getErrors: R,
       isValid: u
-    }), (S, f) => {
-      var c;
-      const C = ke("maskito");
-      return _e((i(), h(r(te), {
+    }), (I, f) => {
+      var i;
+      const x = ge("maskito");
+      return be((c(), p(s(ie), {
         ref_key: "inputRef",
-        ref: a,
-        modelValue: l.value,
-        "onUpdate:modelValue": f[0] || (f[0] = (F) => l.value = F),
+        ref: l,
+        modelValue: a.value,
+        "onUpdate:modelValue": f[0] || (f[0] = (k) => a.value = k),
         "clear-input": !0,
         fill: e.value.fill ?? "outline",
         "label-placement": e.value.labelPlacement ?? "stacked",
-        type: S.type ?? "text",
+        type: I.type ?? "text",
         required: e.value.required,
         "error-text": e.value.error,
         autofocus: e.value.autoFocus,
-        placeholder: ((c = m.value) == null ? void 0 : c.placeholder) ?? e.value.placeholder,
+        placeholder: ((i = v.value) == null ? void 0 : i.placeholder) ?? e.value.placeholder,
         disabled: e.value.disabled,
         counter: e.value.counter,
         min: e.value.min,
@@ -483,44 +433,44 @@ const le = /* @__PURE__ */ q({
         "max-length": e.value.maxLength,
         "min-length": e.value.minLength,
         pattern: e.value.pattern,
-        onIonFocus: r(g),
-        onIonChange: r(d),
-        onIonBlur: r(d)
+        onIonFocus: s(h),
+        onIonChange: s(d),
+        onIonBlur: s(d)
       }, {
-        default: p(() => [
-          E(le, { model: e.value }, null, 8, ["model"]),
-          e.value.prefix ? (i(), h(r(P), {
+        default: y(() => [
+          F(oe, { model: e.value }, null, 8, ["model"]),
+          e.value.prefix ? (c(), p(s(N), {
             key: 0,
             slot: "start"
           }, {
-            default: p(() => [
-              T(z(e.value.prefix), 1)
+            default: y(() => [
+              O(B(e.value.prefix), 1)
             ]),
             _: 1
-          })) : B("", !0),
-          e.value.suffix ? (i(), h(r(P), {
+          })) : E("", !0),
+          e.value.suffix ? (c(), p(s(N), {
             key: 1,
             slot: "end"
           }, {
-            default: p(() => [
-              T(z(e.value.suffix), 1)
+            default: y(() => [
+              O(B(e.value.suffix), 1)
             ]),
             _: 1
-          })) : B("", !0),
-          S.type === "password" ? (i(), h(r(we), {
+          })) : 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"])), [
-        [C, m.value]
+        [x, v.value]
       ]);
     };
   }
-}), Xe = /* @__PURE__ */ q({
+}), Ze = /* @__PURE__ */ U({
   __name: "TextInput",
-  props: /* @__PURE__ */ L({
+  props: /* @__PURE__ */ q({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
@@ -528,32 +478,32 @@ const le = /* @__PURE__ */ q({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const n = Y(t, "modelValue"), e = x(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) => (i(), 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"]));
   }
-}), et = /* @__PURE__ */ q({
+}), He = /* @__PURE__ */ U({
   __name: "DateInput",
-  props: /* @__PURE__ */ L({
+  props: /* @__PURE__ */ q({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
@@ -561,151 +511,32 @@ const le = /* @__PURE__ */ q({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const n = t, e = Y(t, "modelValue"), a = x(null), l = x(e.value.max), s = x(e.value.max), u = x(e.value.value), d = w(() => n.schema);
-    async function g(_) {
-      if (_ === void 0)
-        return e.value.required ? "This field is required" : !0;
-      const R = new Date(_);
-      return isNaN(R.getTime()) ? "Invalid date string" : s.value && R < new Date(s.value) ? `Date must be greater than ${s.value}` : l.value && R > new Date(l.value) ? `Date must be less than ${l.value}` : !0;
-    }
-    const { onValueUpdate: b, onFocus: M, getErrors: m } = X(
-      a,
-      e,
-      u,
-      d,
-      g
-    );
-    function S() {
-      u.value = "", e.value.error = "", e.value.value = "";
-    }
-    const f = w(() => {
-      if (e.value.pattern) return e.value.pattern;
-      let _ = e.value.pattern ?? "DD/MMM/YYYY";
-      return e.value.enableTime && (_ += " HH:mm:ss"), _;
-    }), C = /[-/.,:\s]+/, c = w(() => f.value.split(C)), F = w(() => f.value.match(/[-/.,:\s]+/g) || []), k = x({});
-    H(
-      () => e.value.value,
-      (_) => {
-        u.value = _, j(_);
-      }
-    );
-    async function O(_, R, y) {
-      let D = R ?? (y == null ? void 0 : y.target).value;
-      /MM|MMM|MMMM/.test(_) && (D = ne(D, _)), Number.isInteger(parseInt(D)) && (D = J(parseInt(D))), k.value[_] = D;
-      const $ = c.value.reduce((v, I, V) => (v += k.value[I] + (V < c.value.length - 1 ? F.value[V] : ""), v), "");
-      u.value = $, await b();
-    }
-    async function j(_) {
-      const R = Ge(_, f.value).split(C);
-      c.value.forEach((y, D) => O(y, R[D])), await b();
-    }
+    const n = S(t, "modelValue"), e = g(null);
     return o({
-      onValueUpdate: b,
-      onReset: S,
-      getErrors: m
-    }), fe(() => {
-      c.value.forEach((_, R) => {
-        var y;
-        k.value[_] = ((y = u.value) == null ? void 0 : y.split(C)[R]) ?? "";
-      });
-    }), (_, R) => (i(), 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(M),
-      onIonBlur: r(b)
-    }, {
-      default: p(() => [
-        E(le, { model: e.value }, null, 8, ["model"]),
-        (i(!0), U(A, null, W(c.value, (y, D) => (i(), U(A, null, [
-          /MM|MMM|MMMM/.test(y) ? (i(), h(r(Ce), {
-            slot: "start",
-            key: `select-${y}`,
-            interface: "popover",
-            style: me({ minWidth: e.value.enableTime ? "10%" : "30%" }),
-            placeholder: y,
-            value: k.value[y],
-            onIonFocus: r(M),
-            onIonInput: ($) => O(y, void 0, $),
-            onIonBlur: ($) => O(y, void 0, $)
-          }, {
-            default: p(() => [
-              (i(!0), U(A, null, W(r(Q), ($, v) => (i(), h(r(De), {
-                key: $,
-                value: r(ne)(v + 1, y)
-              }, {
-                default: p(() => [
-                  T(z(r(ne)(v + 1, y)), 1)
-                ]),
-                _: 2
-              }, 1032, ["value"]))), 128))
-            ]),
-            _: 2
-          }, 1032, ["style", "placeholder", "value", "onIonFocus", "onIonInput", "onIonBlur"])) : (i(), h(r(te), {
-            slot: "start",
-            key: `input-${y}`,
-            placeholder: y,
-            autofocus: e.value.autoFocus,
-            value: k.value[y],
-            onIonFocus: r(M),
-            onIonInput: ($) => O(y, void 0, $),
-            onIonBlur: ($) => O(y, void 0, $)
-          }, null, 8, ["placeholder", "autofocus", "value", "onIonFocus", "onIonInput", "onIonBlur"])),
-          D < c.value.length - 1 ? (i(), h(r(P), {
-            slot: "start",
-            key: `separator-${D}`
-          }, {
-            default: p(() => [
-              T("  " + z(F.value[D]) + "       ", 1)
-            ]),
-            _: 2
-          }, 1024)) : B("", !0)
-        ], 64))), 256)),
-        E(r(P), { slot: "end" }, {
-          default: p(() => [
-            E(r(Te), {
-              "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: j
-            }, {
-              trigger: p(() => [
-                E(r(K), { fill: "clear" }, {
-                  default: p(() => [
-                    E(r(Z), {
-                      slot: "icon-only",
-                      icon: r($e),
-                      "aria-hidden": "true",
-                      onClick: r(M)
-                    }, 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"]));
   }
-}), tt = /* @__PURE__ */ q({
+}), Je = /* @__PURE__ */ U({
   __name: "NumberInput",
-  props: /* @__PURE__ */ L({
+  props: /* @__PURE__ */ q({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
@@ -713,32 +544,32 @@ const le = /* @__PURE__ */ q({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const n = Y(t, "modelValue"), e = x(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) => (i(), 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"]));
   }
-}), lt = /* @__PURE__ */ q({
+}), Qe = /* @__PURE__ */ U({
   __name: "EmailInput",
-  props: /* @__PURE__ */ L({
+  props: /* @__PURE__ */ q({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
@@ -746,32 +577,32 @@ const le = /* @__PURE__ */ q({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const n = Y(t, "modelValue"), e = x(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) => (i(), 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"]));
   }
-}), at = /* @__PURE__ */ q({
+}), Xe = /* @__PURE__ */ U({
   __name: "PasswordInput",
-  props: /* @__PURE__ */ L({
+  props: /* @__PURE__ */ q({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
@@ -779,32 +610,32 @@ const le = /* @__PURE__ */ q({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const n = Y(t, "modelValue"), e = x(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) => (i(), 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"]));
   }
-}), nt = /* @__PURE__ */ q({
+}), Ye = /* @__PURE__ */ U({
   __name: "SelectInput",
-  props: /* @__PURE__ */ L({
+  props: /* @__PURE__ */ q({
     schema: {},
     type: {}
   }, {
@@ -813,44 +644,44 @@ const le = /* @__PURE__ */ q({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const n = t, e = Y(t, "modelValue"), a = x(null), l = x(null), s = x(!1), u = x([]), d = x(""), g = x(1), b = w(() => e.value.interface ?? "popover"), M = w(() => e.value.optionsPlacement === "top" ? "top" : "bottom"), m = w(() => u.value.filter((v) => !!v.isChecked)), S = w(() => !d.value && se(m.value) && !s.value ? e.value.placeholder ?? "Select an option" : "");
-    H([d, () => e.value.options], D, {
+    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
-    }), H(() => e.value.value, $, { immediate: !0, deep: !0 });
+    }), j(() => e.value.value, pe, { immediate: !0, deep: !0 });
     function f() {
-      u.value.forEach((v) => oe(v, u.value)), e.value.error = "", d.value = "", g.value = 1, e.value.value = e.value.multiple ? [] : "";
+      u.value.forEach((m) => Y(m, u.value)), e.value.error = "", d.value = "", h.value = 1, e.value.value = e.value.multiple ? [] : "";
     }
-    function C(v) {
-      if (v.isChecked) return oe(v, u.value);
-      e.value.multiple ? G(v, u.value) : (f(), G(v, u.value), y()), d.value = "";
+    function 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 c() {
+    function i() {
       switch (b.value) {
         case "action-sheet":
-          F();
+          k();
           break;
         case "alert":
-          k();
+          w();
           break;
         case "popover":
         default:
-          s.value = !0;
+          r.value = !0;
           break;
       }
     }
-    async function F() {
-      if (await D(), e.value.multiple) {
-        s.value = !0;
+    async function k() {
+      if (await Z(), e.value.multiple) {
+        r.value = !0;
         return;
       }
-      await (await Re.create({
+      await (await Ee.create({
         header: e.value.label || "Select an option",
         buttons: [
-          ...u.value.map((I) => ({
-            text: I.label,
-            cssClass: I.isChecked ? "selected-option" : "",
-            handler: () => (C(I), !1)
+          ...u.value.map((_) => ({
+            text: _.label,
+            cssClass: _.isChecked ? "selected-option" : "",
+            handler: () => (x(_), !1)
           })),
           {
             text: "Cancel",
@@ -859,17 +690,17 @@ const le = /* @__PURE__ */ q({
         ]
       })).present();
     }
-    async function k() {
-      await D();
-      const v = u.value.map((V) => ({
+    async function w() {
+      await Z();
+      const m = u.value.map((V) => ({
         label: V.label,
         type: e.value.multiple ? "checkbox" : "radio",
         value: V,
         checked: V.isChecked
       }));
-      await (await Be.create({
+      await (await Fe.create({
         header: e.value.label || "Select an option",
-        inputs: v,
+        inputs: m,
         buttons: [
           {
             text: "Cancel",
@@ -879,106 +710,106 @@ const le = /* @__PURE__ */ q({
             text: "OK",
             handler: (V) => {
               if (e.value.multiple)
-                u.value.forEach((N) => oe(N, u.value)), V.forEach((N) => {
-                  const ee = u.value.find((be) => be.value === N.value);
-                  ee && G(ee, u.value);
+                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 === V.value);
-                N && G(N, u.value);
+                const T = u.value.find((Q) => Q.value === V.value);
+                T && L(T, u.value);
               }
-              y();
+              P();
             }
           }
         ]
       })).present();
     }
-    async function O() {
-      if (e.value.required && se(m.value))
+    async function A() {
+      if (e.value.required && le(v.value))
         return "This field is required";
       if (e.value.validation) {
-        const v = await e.value.validation(m.value, n == null ? void 0 : n.schema);
-        if (v && v.length)
-          return v.join();
+        const m = await e.value.validation(v.value, n == null ? void 0 : n.schema);
+        if (m && m.length)
+          return m.join();
       }
       return !0;
     }
-    const { onFocus: j, applyValidationState: _ } = X(
-      a,
+    const { onFocus: D, applyValidationState: M } = H(
+      l,
       e,
-      w(() => e.value.multiple ? m.value : m.value[0]),
-      w(() => n == null ? void 0 : n.schema),
-      O
+      C(() => e.value.multiple ? v.value : v.value[0]),
+      C(() => n == null ? void 0 : n.schema),
+      A
     );
-    function R(v) {
-      var I;
-      v.target === ((I = a.value) == null ? void 0 : I.$el) && (j(), b.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 y(v) {
+    async function P(m) {
       var V;
-      if ((V = v == null ? void 0 : v.relatedTarget) != null && V.closest(".suggestions-list")) return;
-      s.value = !1;
-      const I = await O();
-      I === !0 ? (e.value.error = "", e.value.value = e.value.multiple ? m.value : m.value[0]) : e.value.error = typeof I == "string" ? I : "Validation failed", await _(I === !0);
+      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 D() {
-      const v = [];
+    async function Z() {
+      const m = [];
       if (typeof e.value.options == "function") {
-        const I = await e.value.options(d.value);
-        v.push(...I.filter((V) => !!V.label));
+        const _ = await e.value.options(d.value);
+        m.push(..._.filter((V) => !!V.label));
       } else
-        v.push(...Je(e.value.options ?? [], d.value));
-      m.value.forEach((I) => G(I, v)), u.value = v;
+        m.push(...Pe(e.value.options ?? [], d.value));
+      v.value.forEach((_) => L(_, m)), u.value = m;
     }
-    function $() {
-      const v = e.value.value;
-      v && (Array.isArray(v) ? v.forEach((I) => G(I, u.value)) : G(typeof v == "object" ? v : {
-        value: v,
-        label: v
+    function pe() {
+      const m = e.value.value;
+      m && (Array.isArray(m) ? m.forEach((_) => L(_, u.value)) : L(typeof m == "object" ? m : {
+        value: m,
+        label: m
       }, u.value));
     }
     return o({
-      onValueUpdate: y,
+      onValueUpdate: P,
       onReset: f,
       getErrors: () => e.value.error ? [e.value.error] : []
-    }), (v, I) => (i(), U("div", {
+    }), (m, _) => (c(), z("div", {
       class: "autocomplete-container",
-      onFocusout: y,
+      onFocusout: P,
       ref_key: "containerRef",
-      ref: l
+      ref: a
     }, [
-      E(r(te), {
+      F(s(ie), {
         ref_key: "inputRef",
-        ref: a,
+        ref: l,
         modelValue: d.value,
-        "onUpdate:modelValue": I[0] || (I[0] = (V) => d.value = V),
+        "onUpdate:modelValue": _[0] || (_[0] = (V) => d.value = V),
         fill: e.value.fill ?? "outline",
         "label-placement": e.value.labelPlacement ?? "stacked",
-        type: v.type ?? "text",
+        type: m.type ?? "text",
         required: e.value.required,
         "error-text": e.value.error,
         autofocus: e.value.autoFocus,
-        placeholder: S.value,
+        placeholder: I.value,
         disabled: e.value.disabled,
         counter: e.value.counter,
-        onIonFocus: R,
+        onIonFocus: K,
         debounce: 300,
-        onClick: c
+        onClick: i
       }, {
-        default: p(() => [
-          E(le, { model: e.value }, null, 8, ["model"]),
-          e.value.multiple ? (i(), h(r(P), {
+        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(() => [
-              (i(!0), U(A, null, W(m.value, (V, N) => (i(), h(r(Ee), { key: N }, {
-                default: p(() => [
-                  E(r(P), null, {
-                    default: p(() => [
-                      T(z(V.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)
@@ -987,52 +818,52 @@ const le = /* @__PURE__ */ q({
               }, 1024))), 128))
             ]),
             _: 1
-          })) : (i(), h(r(P), {
+          })) : (c(), p(s(N), {
             key: 1,
             slot: "start",
             class: "ion-no-wrap"
           }, {
-            default: p(() => {
+            default: y(() => {
               var V;
               return [
-                T(z(((V = m.value[0]) == null ? void 0 : V.label) ?? ""), 1)
+                O(B(((V = v.value[0]) == null ? void 0 : V.label) ?? ""), 1)
               ];
             }),
             _: 1
           })),
-          E(r(Z), {
+          F(s(X), {
             slot: "end",
-            icon: r(Ue)
+            icon: s(ze)
           }, null, 8, ["icon"]),
-          m.value.length > 0 || d.value ? (i(), h(r(Z), {
+          v.value.length > 0 || d.value ? (c(), p(s(X), {
             key: 2,
             slot: "end",
-            icon: r(ze),
+            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 && b.value === "popover" ? (i(), h(r(Se), {
+      r.value && u.value.length > 0 && b.value === "popover" ? (c(), p(s(Ie), {
         key: 0,
-        class: xe(["suggestions-list", M.value])
+        class: _e(["suggestions-list", R.value])
       }, {
-        default: p(() => [
-          (i(!0), U(A, null, W(u.value, (V) => (i(), h(r(Fe), {
+        default: y(() => [
+          (c(!0), z($, null, G(u.value, (V) => (c(), p(s(Re), {
             button: "",
             key: V.label,
-            onClick: (N) => C(V)
+            onClick: (T) => x(V)
           }, {
-            default: p(() => [
-              e.value.multiple ? (i(), h(r(pe), {
+            default: y(() => [
+              e.value.multiple ? (c(), p(s(ce), {
                 key: 0,
                 slot: "start",
                 checked: V.isChecked
-              }, null, 8, ["checked"])) : B("", !0),
-              E(r(P), null, {
-                default: p(() => [
-                  T(z(V.label), 1)
+              }, null, 8, ["checked"])) : E("", !0),
+              F(s(N), null, {
+                default: y(() => [
+                  O(B(V.label), 1)
                 ]),
                 _: 2
               }, 1024)
@@ -1041,17 +872,17 @@ const le = /* @__PURE__ */ q({
           }, 1032, ["onClick"]))), 128))
         ]),
         _: 1
-      }, 8, ["class"])) : B("", !0)
+      }, 8, ["class"])) : E("", !0)
     ], 544));
   }
-}), ge = (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;
-}, ot = /* @__PURE__ */ ge(nt, [["__scopeId", "data-v-80c14c96"]]), ut = /* @__PURE__ */ q({
+}, et = /* @__PURE__ */ fe(Ye, [["__scopeId", "data-v-80c14c96"]]), tt = /* @__PURE__ */ U({
   __name: "TextAreaInput",
-  props: /* @__PURE__ */ L({
+  props: /* @__PURE__ */ q({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
@@ -1059,24 +890,24 @@ const le = /* @__PURE__ */ q({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const n = t, e = Y(t, "modelValue"), a = x(null), l = x(e.value.value), s = w(() => n.schema), { onValueUpdate: u, onFocus: d, onReset: g, getErrors: b } = X(
-      a,
-      e,
+    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 H(
+    return j(
       () => e.value.value,
-      (M) => l.value = M
+      (R) => a.value = R
     ), o({
-      onReset: g,
+      onReset: h,
       onValueUpdate: u,
       getErrors: b
-    }), (M, m) => (i(), h(r(Oe), {
+    }), (R, v) => (c(), p(s(Oe), {
       ref_key: "inputRef",
-      ref: a,
-      modelValue: l.value,
-      "onUpdate:modelValue": m[0] || (m[0] = (S) => l.value = S),
+      ref: l,
+      modelValue: a.value,
+      "onUpdate:modelValue": v[0] || (v[0] = (I) => a.value = I),
       "clear-input": !0,
       fill: e.value.fill ?? "outline",
       "label-placement": e.value.labelPlacement ?? "stacked",
@@ -1094,22 +925,22 @@ const le = /* @__PURE__ */ q({
       "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(() => [
-        E(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"]));
   }
-}), rt = {
+}), lt = {
   class: "ion-margin-end",
   style: { "flex-grow": "1" }
-}, st = { style: { display: "flex", "justify-content": "flex-end" } }, it = /* @__PURE__ */ q({
+}, at = { style: { display: "flex", "justify-content": "flex-end" } }, nt = /* @__PURE__ */ U({
   __name: "RepeatInput",
-  props: /* @__PURE__ */ L({
+  props: /* @__PURE__ */ q({
     schema: {},
     data: {},
     computedData: {}
@@ -1119,120 +950,111 @@ const le = /* @__PURE__ */ q({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const n = Y(t, "modelValue"), e = x([]), { dynamicRefs: a, resetForm: l, getFormErrors: s, updateFormValues: u } = ye(), d = w(() => e.value.map((f, C) => ({
-      label: `Set ${C + 1}`,
-      value: C,
+    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(
-        (c, [F, k]) => (c[F] = k.value, c),
+        (i, [k, w]) => (i[k] = w.value, i),
         {}
       )
     })));
-    H(
+    j(
       d,
       (f) => {
         n.value.value = f;
       },
       { deep: !0, immediate: !0 }
-    ), fe(g);
-    function g() {
-      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 b(f) {
       e.value.splice(f, 1);
     }
-    function M() {
-      l();
+    function R() {
+      a();
     }
-    function m() {
-      return s();
+    function v() {
+      return r();
     }
-    async function S() {
+    async function I() {
       await u();
     }
     return o({
-      onValueUpdate: S,
-      onReset: M,
-      getErrors: m
-    }), (f, C) => (i(!0), U(A, null, W(e.value, (c, F) => (i(), U("div", {
+      onValueUpdate: I,
+      onReset: R,
+      getErrors: v
+    }), (f, x) => (c(!0), z($, null, G(e.value, (i, k) => (c(), z("div", {
       class: "repeat-input-wrapper",
-      key: F
+      key: k
     }, [
-      de("div", rt, [
-        E(r(ue), null, {
-          default: p(() => [
-            (i(!0), U(A, null, W(Object.keys(c), (k) => {
-              var O, j, _, R, y;
-              return i(), U(A, null, [
-                r(ie)(c[k], f.data, f.computedData) ? (i(), h(r(re), {
-                  key: `${F}-${k}`,
-                  size: ((O = c[k].grid) == null ? void 0 : O.xs) ?? "12",
-                  "size-sm": (j = c[k].grid) == null ? void 0 : j.sm,
-                  "size-md": (_ = c[k].grid) == null ? void 0 : _.md,
-                  "size-lg": (R = c[k].grid) == null ? void 0 : R.lg,
-                  "size-xl": (y = c[k].grid) == null ? void 0 : y.xl,
+      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(() => [
-                    (i(), h(ve(c[k].type), {
-                      modelValue: c[k],
-                      "onUpdate:modelValue": (D) => c[k] = D,
-                      schema: c,
-                      "ref-key": `${F}-${k}`,
+                  default: y(() => [
+                    (c(), p(re(i[w].type), {
+                      modelValue: i[w],
+                      "onUpdate:modelValue": (Z) => i[w] = Z,
+                      schema: i,
+                      "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)
       ]),
-      de("div", st, [
-        F === e.value.length - 1 ? (i(), h(r(K), {
+      ue("div", at, [
+        k === e.value.length - 1 ? (c(), p(s(W), {
           key: 0,
-          onClick: g,
+          onClick: h,
           color: "primary"
         }, {
-          default: p(() => [
-            E(r(Z), {
+          default: y(() => [
+            F(s(X), {
               slot: "icon-only",
-              icon: r(qe)
+              icon: s(Se)
             }, null, 8, ["icon"])
           ]),
           _: 1
-        })) : B("", !0),
-        e.value.length > 1 ? (i(), h(r(K), {
+        })) : E("", !0),
+        e.value.length > 1 ? (c(), p(s(W), {
           key: 1,
-          onClick: (k) => b(F),
+          onClick: (w) => b(k),
           color: "warning"
         }, {
-          default: p(() => [
-            E(r(Z), {
+          default: y(() => [
+            F(s(X), {
               slot: "icon-only",
-              icon: r(Ae)
+              icon: s(Te)
             }, null, 8, ["icon"])
           ]),
           _: 2
-        }, 1032, ["onClick"])) : B("", !0)
+        }, 1032, ["onClick"])) : E("", !0)
       ])
     ]))), 128));
   }
-}), ct = /* @__PURE__ */ ge(it, [["__scopeId", "data-v-402695fe"]]);
-function dt(t) {
-  return {
-    labelTextWithAsterisk: w(() => {
-      const n = t.value.label || "", e = t.value.required ? " *" : "";
-      return n + e;
-    })
-  };
-}
-const vt = /* @__PURE__ */ q({
+}), ot = /* @__PURE__ */ fe(nt, [["__scopeId", "data-v-402695fe"]]), ut = /* @__PURE__ */ U({
   __name: "CheckboxInput",
-  props: /* @__PURE__ */ L({
+  props: /* @__PURE__ */ q({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
@@ -1240,42 +1062,101 @@ const vt = /* @__PURE__ */ q({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const n = t, e = Y(t, "modelValue"), a = x(null), l = x(e.value.value), s = w(() => n.schema), { labelTextWithAsterisk: u } = dt(e), { onValueUpdate: d, onFocus: g, getErrors: b } = X(a, e, l, s);
-    function M() {
-      l.value = !1, e.value.error = "", e.value.value = !1;
+    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 H(
+    return j(
       () => e.value.value,
-      (m) => l.value = m
+      (v) => a.value = v
     ), o({
       onValueUpdate: d,
-      onReset: M,
+      onReset: R,
       getErrors: b
-    }), (m, S) => (i(), h(r(pe), {
-      modelValue: l.value,
-      "onUpdate:modelValue": S[0] || (S[0] = (f) => l.value = f),
+    }), (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(g),
-      onIonChange: r(d),
-      onIonBlur: r(d)
+      onIonFocus: s(h),
+      onIonChange: s(d),
+      onIonBlur: s(d)
     }, {
-      default: p(() => [
-        T(z(r(u)), 1)
+      default: y(() => [
+        O(B(u.value), 1)
       ]),
       _: 1
     }, 8, ["modelValue", "required", "error-text", "disabled", "onIonFocus", "onIonChange", "onIonBlur"]));
   }
-}), gt = {
+}), rt = /* @__PURE__ */ U({
+  __name: "RadioInput",
+  props: /* @__PURE__ */ q({
+    schema: {}
+  }, {
+    modelValue: { type: Object, default: {} },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t, { expose: o }) {
+    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 I(x, i) {
+      return x.value === i.value;
+    }
+    async function f() {
+      typeof e.value.options == "function" ? u.value = await e.value.options() : u.value = e.value.options;
+    }
+    return j(
+      () => e.value.value,
+      (x) => a.value = x
+    ), o({
+      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: l,
+      required: e.value.required,
+      "helper-text": d.value,
+      "error-text": e.value.error,
+      disabled: e.value.disabled,
+      compareWith: I,
+      "allow-empty-selection": !e.value.required,
+      onIonFocus: s(b),
+      onIonChange: s(h),
+      onIonBlur: s(h)
+    }, {
+      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": "end",
+          justify: "start"
+        }, {
+          default: y(() => [
+            O(B(k.label), 1)
+          ]),
+          _: 2
+        }, 1032, ["value", "disabled"]))), 128))
+      ]),
+      _: 1
+    }, 8, ["modelValue", "required", "helper-text", "error-text", "disabled", "allow-empty-selection", "onIonFocus", "onIonChange", "onIonBlur"]));
+  }
+}), vt = {
   install(t) {
-    t.component("VForm", Ke), t.component("TextInput", Xe), t.component("DateInput", et), t.component("NumberInput", tt), t.component("EmailInput", lt), t.component("PasswordInput", at), t.component("SelectInput", ot), t.component("TextAreaInput", ut), t.component("RepeatInput", ct), t.component("CheckboxInput", vt), t.directive("maskito", je);
+    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 {
-  gt as VForm,
-  gt as default
+  vt as VForm,
+  vt as default
 };
 //# sourceMappingURL=index.es.js.map