@uniquedj95/vform 3.1.2 → 3.1.4

package/dist/index.es.js

@@ -1,8 +1,8 @@
-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 { ref as _, computed as E, watch as S, defineComponent as A, createBlock as V, openBlock as v, unref as i, withCtx as g, createVNode as F, createCommentVNode as R, createElementBlock as B, Fragment as $, renderList as G, resolveDynamicComponent as se, normalizeStyle as Ve, createTextVNode as O, toDisplayString as U, toRef as ge, mergeModels as q, useModel as z, resolveDirective as be, withDirectives as _e, normalizeClass as xe, onMounted as ie, createElementVNode as re } from "vue";
+import { IonGrid as ke, IonRow as te, IonCol as le, IonButton as W, IonLabel as N, IonText as Ce, IonInput as ce, IonInputPasswordToggle as Ie, IonChip as we, IonIcon as X, IonList as Ee, IonItem as Re, IonCheckbox as de, actionSheetController as Fe, alertController as Oe, IonTextarea as Ae, IonRadioGroup as Ue, IonRadio as Be } from "@ionic/vue";
+import { chevronDown as qe, close as ze, add as Se, remove as Te } from "ionicons/icons";
 import { maskito as $e } from "@maskito/vue";
-function je(t) {
+function Le(t) {
   return new Promise((o) => {
     requestAnimationFrame(async () => {
       const n = await t.getInputElement();
@@ -10,21 +10,21 @@ function je(t) {
     });
   });
 }
-const Ae = {
+const De = {
   d: /\d/,
   a: /[A-Za-z]/,
   "*": /[A-Za-z0-9]/
   // Default: alphanum, can customize if needed
-}, Le = {
+}, Me = {
   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 De(t, o) {
-  const n = Le[t];
+function Pe(t, o) {
+  const n = Me[t];
   return n[o % n.length];
 }
-function Me(t) {
+function je(t) {
   const o = [];
   let n = "", e = 0, l = 0;
   for (; e < t.length; ) {
@@ -34,12 +34,12 @@ function Me(t) {
       if (t[e + 1] === "{") {
         const u = t.indexOf("}", e + 2);
         if (u !== -1) {
-          const d = t.slice(e + 2, u);
-          if (d.includes(",")) {
-            const [, h] = d.split(",").map((b) => parseInt(b.trim()));
-            r = h || parseInt(d.split(",")[0]);
+          const p = t.slice(e + 2, u);
+          if (p.includes(",")) {
+            const [, c] = p.split(",").map((f) => parseInt(f.trim()));
+            r = c || parseInt(p.split(",")[0]);
           } else
-            r = parseInt(d);
+            r = parseInt(p);
           e = u;
         }
       } else {
@@ -49,7 +49,7 @@ function Me(t) {
         e = u - 1;
       }
       for (let u = 0; u < r; u++)
-        o.push(Ae[a]), n += De(a, l++);
+        o.push(De[a]), n += Pe(a, l++);
     } else
       o.push(a), n += a;
     e++;
@@ -57,47 +57,59 @@ function Me(t) {
   return {
     mask: o,
     placeholder: n,
-    elementPredicate: je
+    elementPredicate: Le
   };
 }
-function le(t) {
+function ae(t) {
   return t == null || Array.isArray(t) && !t.length || typeof t == "object" && !Object.keys(t).length || !t;
 }
-function ae(t, o, n) {
+function ne(t, o, n) {
   return typeof t.condition == "function" ? t.condition(o, n) : !0;
 }
-function ne(t) {
+function oe(t) {
   if (typeof t != "object" || t === null)
     return t;
   if (Array.isArray(t))
-    return t.map((n) => ne(n));
+    return t.map((n) => oe(n));
   const o = {};
   return Object.entries(t).forEach(([n, e]) => {
-    typeof e == "function" ? o[n] = e.bind(o) : o[n] = ne(e);
+    typeof e == "function" ? o[n] = e.bind(o) : o[n] = oe(e);
   }), o;
 }
-function de(t, o) {
+function ve(t, o) {
   return o.findIndex((n) => n.value === t.value || n.label === t.label || n.value === t.label || n.label === t.value);
 }
-function L(t, o) {
-  const n = de(t, o);
+function D(t, o) {
+  const n = ve(t, o);
   n >= 0 ? o[n].isChecked = !0 : o.push({ ...t, isChecked: !0 });
 }
-function Y(t, o) {
-  const n = de(t, o);
+function ee(t, o) {
+  const n = ve(t, o);
   n >= 0 && (o[n].isChecked = !1);
 }
-function Pe(t, o) {
+function Ne(t, o) {
   return o ? t.filter(
     (n) => JSON.stringify(n).toLowerCase().includes(o.toLowerCase())
   ) : t;
 }
-function ve(t) {
+function fe(t) {
   const o = t.label || "", n = t.required ? " *" : "";
   return o + n;
 }
+function Y(t, o) {
+  if (t === o) return !0;
+  if (t == null || o == null || typeof t != typeof o) return !1;
+  if (typeof t != "object") return t === o;
+  if (Array.isArray(t) && Array.isArray(o))
+    return t.length !== o.length ? !1 : t.every((l, a) => Y(l, o[a]));
+  if (Array.isArray(t) !== Array.isArray(o)) return !1;
+  const n = Object.keys(t), e = Object.keys(o);
+  return n.length !== e.length ? !1 : n.every(
+    (l) => Object.prototype.hasOwnProperty.call(o, l) && Y(t[l], o[l])
+  );
+}
 function me() {
-  const t = g([]);
+  const t = _([]);
   async function o() {
     console.debug("Validating form inputs");
     const a = [];
@@ -111,7 +123,7 @@ function me() {
         }
       else
         console.warn("Component does not have getErrors function:", r);
-    return a.every(le);
+    return a.every(ae);
   }
   function n() {
     t.value.forEach((a) => {
@@ -142,19 +154,54 @@ function me() {
     updateFormValues: l
   };
 }
-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] = h, u), {}))), typeof t.value[l].computedValue == "function" && a !== void 0 && (e[l] = t.value[l].computedValue(a, t.value))), e), {}));
-  return {
+function Ge(t) {
+  const o = E(
+    () => Object.entries(t.value).reduce((c, [f, m]) => (m.value !== void 0 && (typeof m.onChange == "function" ? c[f] = m.onChange(m.value) : c[f] = m.value), c), {})
+  ), n = _({}), e = (c, f, m) => {
+    var s;
+    return typeof ((s = t.value[c].children[f]) == null ? void 0 : s.computedValue) == "function" ? t.value[c].children[f].computedValue(m, t.value) : m;
+  }, l = (c, f, m, s) => {
+    n.value[c][s] || (n.value[c][s] = {}), Object.entries(f.other ?? {}).forEach(([b, h]) => {
+      var d;
+      !Y(h, (d = m.other) == null ? void 0 : d[b]) && (n.value[c][s][b] = e(c, b, h));
+    });
+  }, a = (c, f, m) => {
+    f.forEach((s, b) => {
+      const h = m[b] ?? { other: {} };
+      l(c, s, h, b);
+    });
+  }, r = (c, { other: f }) => Object.entries(f ?? {}).reduce(
+    (m, [s, b]) => (m[s] = e(c, s, b), m),
+    {}
+  ), u = (c, f, m) => {
+    n.value[c] || (n.value[c] = []);
+    const s = f;
+    Array.isArray(m[c]) ? a(c, s, m[c]) : n.value[c] = s.map((b) => r(c, b));
+  }, p = (c, f, m) => {
+    if (!f) {
+      delete n.value[c];
+      return;
+    }
+    const s = t.value[c];
+    s.children !== void 0 ? u(c, f, m) : typeof s.computedValue == "function" && (n.value[c] = s.computedValue(f, t.value));
+  };
+  return S(
+    o,
+    (c, f = {}) => {
+      Object.keys(c).forEach((m) => {
+        Y(c[m], f[m]) || p(m, c[m], f);
+      });
+    },
+    {
+      immediate: !0,
+      deep: !0
+    }
+  ), {
     formData: o,
     computedData: n
   };
 }
-const Ge = /* @__PURE__ */ U({
+const Ke = /* @__PURE__ */ A({
   __name: "vForm",
   props: {
     schema: {},
@@ -170,115 +217,115 @@ const Ge = /* @__PURE__ */ U({
   },
   emits: ["submit", "clear", "cancel"],
   setup(t, { expose: o, emit: n }) {
-    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);
+    const e = t, l = n, a = _(e.schema), { dynamicRefs: r, isFormValid: u, resetForm: p } = me(), { formData: c, computedData: f } = Ge(a);
+    async function m() {
+      await u() && l("submit", c.value, f.value);
     }
-    function v() {
-      d(), l("clear");
+    function s() {
+      p(), l("clear");
     }
-    function I() {
-      d(), l("cancel");
+    function b() {
+      p(), l("cancel");
     }
-    return j(
-      h,
+    return S(
+      c,
       async () => {
-        for (const [f, x] of Object.entries(a.value))
-          ae(x, h.value, b.value) || (x.value = e.schema[f].value);
+        for (const [h, C] of Object.entries(a.value))
+          ne(C, c.value, f.value) || (C.value = e.schema[h].value);
       },
       {
         deep: !0,
         immediate: !0
       }
-    ), j(
+    ), S(
       () => e.schema,
-      (f) => {
-        for (const [x, i] of Object.entries(f))
-          i.value !== void 0 && (a.value[x].value = i.value);
+      (h) => {
+        for (const [C, d] of Object.entries(h))
+          d.value !== void 0 && (a.value[C].value = d.value);
       },
       {
         deep: !0,
         immediate: !0
       }
     ), o({
-      resetForm: d,
+      resetForm: p,
       isFormValid: u,
       resolveData: () => ({
-        formData: h.value,
-        computedData: b.value
+        formData: c.value,
+        computedData: f.value
       })
-    }), (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,
+    }), (h, C) => (v(), V(i(ke), null, {
+      default: g(() => [
+        F(i(te), null, {
+          default: g(() => [
+            (v(!0), B($, null, G(Object.keys(a.value), (d) => {
+              var I, w, L, M, P;
+              return v(), B($, null, [
+                i(ne)(a.value[d], i(c), i(f)) ? (v(), V(i(le), {
+                  key: d,
+                  size: ((I = a.value[d].grid) == null ? void 0 : I.xs) ?? "12",
+                  "size-sm": (w = a.value[d].grid) == null ? void 0 : w.sm,
+                  "size-md": (L = a.value[d].grid) == null ? void 0 : L.md,
+                  "size-lg": (M = a.value[d].grid) == null ? void 0 : M.lg,
+                  "size-xl": (P = a.value[d].grid) == null ? void 0 : P.xl,
                   class: "ion-margin-vertical"
                 }, {
-                  default: y(() => [
-                    (c(), p(re(a.value[i].type), {
-                      modelValue: a.value[i],
-                      "onUpdate:modelValue": (K) => a.value[i] = K,
+                  default: g(() => [
+                    (v(), V(se(a.value[d].type), {
+                      modelValue: a.value[d],
+                      "onUpdate:modelValue": (K) => a.value[d] = K,
                       schema: a.value,
                       ref_for: !0,
                       ref_key: "dynamicRefs",
                       ref: r,
-                      "ref-key": i
+                      "ref-key": d
                     }, null, 8, ["modelValue", "onUpdate:modelValue", "schema", "ref-key"]))
                   ]),
                   _: 2
-                }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : E("", !0)
+                }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : R("", !0)
               ], 64);
             }), 256))
           ]),
           _: 1
         }),
-        f.hideButtons ? E("", !0) : (c(), p(s(ee), { key: 0 }, {
-          default: y(() => [
-            F(s(te), {
+        h.hideButtons ? R("", !0) : (v(), V(i(te), { key: 0 }, {
+          default: g(() => [
+            F(i(le), {
               size: "12",
-              style: he([{ display: "flex" }, { justifyContent: f.buttonPlacement }])
+              style: Ve([{ display: "flex" }, { justifyContent: h.buttonPlacement }])
             }, {
-              default: y(() => [
-                f.showCancelButton ? (c(), p(s(W), {
+              default: g(() => [
+                h.showCancelButton ? (v(), V(i(W), {
                   key: 0,
-                  onClick: I
+                  onClick: b
                 }, {
-                  default: y(() => [
-                    O(B(f.cancelButtonText ?? "Cancel"), 1)
+                  default: g(() => [
+                    O(U(h.cancelButtonText ?? "Cancel"), 1)
                   ]),
                   _: 1
-                })) : E("", !0),
-                f.showClearButton ? (c(), p(s(W), {
+                })) : R("", !0),
+                h.showClearButton ? (v(), V(i(W), {
                   key: 1,
-                  onClick: v
+                  onClick: s
                 }, {
-                  default: y(() => [
-                    O(B(f.clearButtonText ?? "Reset"), 1)
+                  default: g(() => [
+                    O(U(h.clearButtonText ?? "Reset"), 1)
                   ]),
                   _: 1
-                })) : E("", !0),
-                (c(!0), z($, null, G(f.customButtons, (i) => (c(), p(s(W), {
-                  key: i.label,
-                  onClick: i.action,
-                  color: i.color ?? "primary"
+                })) : R("", !0),
+                (v(!0), B($, null, G(h.customButtons, (d) => (v(), V(i(W), {
+                  key: d.label,
+                  onClick: d.action,
+                  color: d.color ?? "primary"
                 }, {
-                  default: y(() => [
-                    O(B(i.label), 1)
+                  default: g(() => [
+                    O(U(d.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick", "color"]))), 128)),
-                F(s(W), { onClick: R }, {
-                  default: y(() => [
-                    O(B(f.submitButtonText ?? "Submit"), 1)
+                F(i(W), { onClick: m }, {
+                  default: g(() => [
+                    O(U(h.submitButtonText ?? "Submit"), 1)
                   ]),
                   _: 1
                 })
@@ -293,11 +340,11 @@ const Ge = /* @__PURE__ */ U({
     }));
   }
 });
-function Ke(t) {
+function We(t) {
   return {
     applyValidationState: async (e) => {
-      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");
+      var l, a, r, u, p;
+      (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"), (p = t.value) == null || p.$el.classList.add("ion-touched");
     },
     resetValidationState: () => {
       var e, l;
@@ -306,84 +353,84 @@ function Ke(t) {
   };
 }
 function H(t, o, n, e, l) {
-  const { applyValidationState: a, resetValidationState: r } = Ke(t);
+  const { applyValidationState: a, resetValidationState: r } = We(t);
   async function u() {
     if (o.value.required && !n.value)
       return o.value.error = "This field is required", !1;
     if (l) {
-      const v = await l(n.value);
-      if (typeof v == "string")
-        return o.value.error = v, !1;
-      if (v === !1)
+      const s = await l(n.value);
+      if (typeof s == "string")
+        return o.value.error = s, !1;
+      if (s === !1)
         return !1;
     }
     if (o.value.validation) {
-      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;
+      const s = await o.value.validation(n.value, e == null ? void 0 : e.value);
+      if (s && s.length)
+        return o.value.error = s.join(), !1;
     }
     return !0;
   }
-  async function d() {
-    const v = await u();
-    v && (o.value.error = "", o.value.value = n.value), await a(v);
+  async function p() {
+    const s = await u();
+    s && (o.value.error = "", o.value.value = n.value), await a(s);
   }
-  function h() {
+  function c() {
     r(), o.value.error = "";
   }
-  function b(v = "") {
-    n.value = v, o.value.error = "", o.value.value = v;
+  function f(s = "") {
+    n.value = s, o.value.error = "", o.value.value = s;
   }
-  function R() {
+  function m() {
     return o.value.error ? [o.value.error] : [];
   }
   return {
     isValid: u,
-    onValueUpdate: d,
-    onFocus: h,
-    onReset: b,
-    getErrors: R,
+    onValueUpdate: p,
+    onFocus: c,
+    onReset: f,
+    getErrors: m,
     applyValidationState: a,
     resetValidationState: r
   };
 }
-function We(t) {
-  const o = C(() => !!t.value.label), n = C(() => !!t.value.required), e = C(() => t.value.label || "");
+function Ze(t) {
+  const o = E(() => !!t.value.label), n = E(() => !!t.value.required), e = E(() => t.value.label || "");
   return {
     showLabel: o,
     showRequired: n,
     labelText: e
   };
 }
-const oe = /* @__PURE__ */ U({
+const ue = /* @__PURE__ */ A({
   __name: "InputLabel",
   props: {
     model: {}
   },
   setup(t) {
-    const o = t, { showLabel: n, showRequired: e, labelText: l } = We(Ve(o, "model"));
-    return (a, r) => s(n) ? (c(), p(s(N), {
+    const o = t, { showLabel: n, showRequired: e, labelText: l } = Ze(ge(o, "model"));
+    return (a, r) => i(n) ? (v(), V(i(N), {
       key: 0,
       slot: "label",
       class: "input-label"
     }, {
-      default: y(() => [
-        O(B(s(l)) + " ", 1),
-        s(e) ? (c(), p(s(xe), {
+      default: g(() => [
+        O(U(i(l)) + " ", 1),
+        i(e) ? (v(), V(i(Ce), {
           key: 0,
           color: "danger"
         }, {
-          default: y(() => r[0] || (r[0] = [
+          default: g(() => r[0] || (r[0] = [
             O("*")
           ])),
           _: 1,
           __: [0]
-        })) : E("", !0)
+        })) : R("", !0)
       ]),
       _: 1
-    })) : E("", !0);
+    })) : R("", !0);
   }
-}), J = /* @__PURE__ */ U({
+}), J = /* @__PURE__ */ A({
   __name: "BaseInput",
   props: /* @__PURE__ */ q({
     schema: {},
@@ -394,38 +441,38 @@ const oe = /* @__PURE__ */ U({
   }),
   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), { isValid: u, onValueUpdate: d, onFocus: h, onReset: b, getErrors: R } = H(
+    const n = t, e = z(t, "modelValue"), l = _(null), a = _(e.value.value), r = E(() => n.schema), { isValid: u, onValueUpdate: p, onFocus: c, onReset: f, getErrors: m } = H(
       l,
       e,
       a,
       r
-    ), v = C(() => {
-      if (e.value.pattern) return Me(e.value.pattern);
+    ), s = E(() => {
+      if (e.value.pattern) return je(e.value.pattern);
     });
-    return j(
+    return S(
       () => e.value.value,
-      (I) => a.value = I
+      (b) => a.value = b
     ), o({
-      onValueUpdate: d,
-      onReset: b,
-      getErrors: R,
+      onValueUpdate: p,
+      onReset: f,
+      getErrors: m,
       isValid: u
-    }), (I, f) => {
-      var i;
-      const x = ge("maskito");
-      return be((c(), p(s(ie), {
+    }), (b, h) => {
+      var d;
+      const C = be("maskito");
+      return _e((v(), V(i(ce), {
         ref_key: "inputRef",
         ref: l,
         modelValue: a.value,
-        "onUpdate:modelValue": f[0] || (f[0] = (k) => a.value = k),
+        "onUpdate:modelValue": h[0] || (h[0] = (I) => a.value = I),
         "clear-input": !0,
         fill: e.value.fill ?? "solid",
         "label-placement": e.value.labelPlacement ?? "stacked",
-        type: I.type ?? "text",
+        type: b.type ?? "text",
         required: e.value.required,
         "error-text": e.value.error,
         autofocus: e.value.autoFocus,
-        placeholder: ((i = v.value) == null ? void 0 : i.placeholder) ?? e.value.placeholder,
+        placeholder: ((d = s.value) == null ? void 0 : d.placeholder) ?? e.value.placeholder,
         disabled: e.value.disabled,
         counter: e.value.counter,
         min: e.value.min,
@@ -433,42 +480,42 @@ const oe = /* @__PURE__ */ U({
         "max-length": e.value.maxLength,
         "min-length": e.value.minLength,
         pattern: e.value.pattern,
-        onIonFocus: s(h),
-        onIonChange: s(d),
-        onIonBlur: s(d)
+        onIonFocus: i(c),
+        onIonChange: i(p),
+        onIonBlur: i(p)
       }, {
-        default: y(() => [
-          F(oe, { model: e.value }, null, 8, ["model"]),
-          e.value.prefix ? (c(), p(s(N), {
+        default: g(() => [
+          F(ue, { model: e.value }, null, 8, ["model"]),
+          e.value.prefix ? (v(), V(i(N), {
             key: 0,
             slot: "start"
           }, {
-            default: y(() => [
-              O(B(e.value.prefix), 1)
+            default: g(() => [
+              O(U(e.value.prefix), 1)
             ]),
             _: 1
-          })) : E("", !0),
-          e.value.suffix ? (c(), p(s(N), {
+          })) : R("", !0),
+          e.value.suffix ? (v(), V(i(N), {
             key: 1,
             slot: "end"
           }, {
-            default: y(() => [
-              O(B(e.value.suffix), 1)
+            default: g(() => [
+              O(U(e.value.suffix), 1)
             ]),
             _: 1
-          })) : E("", !0),
-          I.type === "password" ? (c(), p(s(we), {
+          })) : R("", !0),
+          b.type === "password" ? (v(), V(i(Ie), {
             key: 2,
             slot: "end"
-          })) : E("", !0)
+          })) : R("", !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"])), [
-        [x, v.value]
+        [C, s.value]
       ]);
     };
   }
-}), Ze = /* @__PURE__ */ U({
+}), He = /* @__PURE__ */ A({
   __name: "TextInput",
   props: /* @__PURE__ */ q({
     schema: {}
@@ -478,7 +525,7 @@ const oe = /* @__PURE__ */ U({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const n = S(t, "modelValue"), e = g(null);
+    const n = z(t, "modelValue"), e = _(null);
     return o({
       onReset: () => {
         var l;
@@ -492,7 +539,7 @@ const oe = /* @__PURE__ */ U({
         var l, a;
         return ((a = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : a.call(l)) ?? [];
       }
-    }), (l, a) => (c(), p(J, {
+    }), (l, a) => (v(), V(J, {
       modelValue: n.value,
       "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
       type: "text",
@@ -501,7 +548,7 @@ const oe = /* @__PURE__ */ U({
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), He = /* @__PURE__ */ U({
+}), Je = /* @__PURE__ */ A({
   __name: "DateInput",
   props: /* @__PURE__ */ q({
     schema: {}
@@ -511,7 +558,7 @@ const oe = /* @__PURE__ */ U({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const n = S(t, "modelValue"), e = g(null);
+    const n = z(t, "modelValue"), e = _(null);
     return o({
       onValueUpdate: () => {
         var l;
@@ -525,7 +572,7 @@ const oe = /* @__PURE__ */ U({
         var l, a;
         return ((a = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : a.call(l)) ?? [];
       }
-    }), (l, a) => (c(), p(J, {
+    }), (l, a) => (v(), V(J, {
       modelValue: n.value,
       "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
       type: n.value.enableTime ? "datetime-local" : "date",
@@ -534,7 +581,7 @@ const oe = /* @__PURE__ */ U({
       ref: e
     }, null, 8, ["modelValue", "type", "schema"]));
   }
-}), Je = /* @__PURE__ */ U({
+}), Qe = /* @__PURE__ */ A({
   __name: "NumberInput",
   props: /* @__PURE__ */ q({
     schema: {}
@@ -544,7 +591,7 @@ const oe = /* @__PURE__ */ U({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const n = S(t, "modelValue"), e = g(null);
+    const n = z(t, "modelValue"), e = _(null);
     return o({
       onReset: () => {
         var l;
@@ -558,7 +605,7 @@ const oe = /* @__PURE__ */ U({
         var l, a;
         return ((a = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : a.call(l)) ?? [];
       }
-    }), (l, a) => (c(), p(J, {
+    }), (l, a) => (v(), V(J, {
       modelValue: n.value,
       "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
       type: "number",
@@ -567,7 +614,7 @@ const oe = /* @__PURE__ */ U({
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), Qe = /* @__PURE__ */ U({
+}), Xe = /* @__PURE__ */ A({
   __name: "EmailInput",
   props: /* @__PURE__ */ q({
     schema: {}
@@ -577,7 +624,7 @@ const oe = /* @__PURE__ */ U({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const n = S(t, "modelValue"), e = g(null);
+    const n = z(t, "modelValue"), e = _(null);
     return o({
       onReset: () => {
         var l;
@@ -591,7 +638,7 @@ const oe = /* @__PURE__ */ U({
         var l, a;
         return ((a = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : a.call(l)) ?? [];
       }
-    }), (l, a) => (c(), p(J, {
+    }), (l, a) => (v(), V(J, {
       modelValue: n.value,
       "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
       type: "email",
@@ -600,7 +647,7 @@ const oe = /* @__PURE__ */ U({
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), Xe = /* @__PURE__ */ U({
+}), Ye = /* @__PURE__ */ A({
   __name: "PasswordInput",
   props: /* @__PURE__ */ q({
     schema: {}
@@ -610,7 +657,7 @@ const oe = /* @__PURE__ */ U({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const n = S(t, "modelValue"), e = g(null);
+    const n = z(t, "modelValue"), e = _(null);
     return o({
       onReset: () => {
         var l;
@@ -624,7 +671,7 @@ const oe = /* @__PURE__ */ U({
         var l, a;
         return ((a = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : a.call(l)) ?? [];
       }
-    }), (l, a) => (c(), p(J, {
+    }), (l, a) => (v(), V(J, {
       modelValue: n.value,
       "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
       type: "password",
@@ -633,7 +680,7 @@ const oe = /* @__PURE__ */ U({
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), Ye = /* @__PURE__ */ U({
+}), et = /* @__PURE__ */ A({
   __name: "SelectInput",
   props: /* @__PURE__ */ q({
     schema: {},
@@ -644,22 +691,22 @@ const oe = /* @__PURE__ */ U({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    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, {
+    const n = t, e = z(t, "modelValue"), l = _(null), a = _(null), r = _(!1), u = _([]), p = _(""), c = _(1), f = E(() => e.value.interface ?? "popover"), m = E(() => e.value.optionsPlacement === "top" ? "top" : "bottom"), s = E(() => u.value.filter((y) => !!y.isChecked)), b = E(() => !p.value && ae(s.value) && !r.value ? e.value.placeholder ?? "Select an option" : "");
+    S([p, () => e.value.options], Z, {
       immediate: !0,
       deep: !0
-    }), j(() => e.value.value, pe, { immediate: !0, deep: !0 });
-    function f() {
-      u.value.forEach((m) => Y(m, u.value)), e.value.error = "", d.value = "", h.value = 1, e.value.value = e.value.multiple ? [] : "";
+    }), S(() => e.value.value, he, { immediate: !0, deep: !0 });
+    function h() {
+      u.value.forEach((y) => ee(y, u.value)), e.value.error = "", p.value = "", c.value = 1, e.value.value = e.value.multiple ? [] : "";
     }
-    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(y) {
+      if (y.isChecked) return ee(y, u.value);
+      e.value.multiple ? D(y, u.value) : (h(), D(y, u.value), j()), p.value = "";
     }
-    function i() {
-      switch (b.value) {
+    function d() {
+      switch (f.value) {
         case "action-sheet":
-          k();
+          I();
           break;
         case "alert":
           w();
@@ -670,18 +717,18 @@ const oe = /* @__PURE__ */ U({
           break;
       }
     }
-    async function k() {
+    async function I() {
       if (await Z(), e.value.multiple) {
         r.value = !0;
         return;
       }
-      await (await Ee.create({
+      await (await Fe.create({
         header: e.value.label || "Select an option",
         buttons: [
-          ...u.value.map((_) => ({
-            text: _.label,
-            cssClass: _.isChecked ? "selected-option" : "",
-            handler: () => (x(_), !1)
+          ...u.value.map((k) => ({
+            text: k.label,
+            cssClass: k.isChecked ? "selected-option" : "",
+            handler: () => (C(k), !1)
           })),
           {
             text: "Cancel",
@@ -692,15 +739,15 @@ const oe = /* @__PURE__ */ U({
     }
     async function w() {
       await Z();
-      const m = u.value.map((V) => ({
-        label: V.label,
+      const y = u.value.map((x) => ({
+        label: x.label,
         type: e.value.multiple ? "checkbox" : "radio",
-        value: V,
-        checked: V.isChecked
+        value: x,
+        checked: x.isChecked
       }));
-      await (await Fe.create({
+      await (await Oe.create({
         header: e.value.label || "Select an option",
-        inputs: m,
+        inputs: y,
         buttons: [
           {
             text: "Cancel",
@@ -708,108 +755,108 @@ const oe = /* @__PURE__ */ U({
           },
           {
             text: "OK",
-            handler: (V) => {
+            handler: (x) => {
               if (e.value.multiple)
-                u.value.forEach((T) => Y(T, u.value)), V.forEach((T) => {
+                u.value.forEach((T) => ee(T, u.value)), x.forEach((T) => {
                   const Q = u.value.find((ye) => ye.value === T.value);
-                  Q && L(Q, u.value);
+                  Q && D(Q, u.value);
                 });
               else {
-                f();
-                const T = u.value.find((Q) => Q.value === V.value);
-                T && L(T, u.value);
+                h();
+                const T = u.value.find((Q) => Q.value === x.value);
+                T && D(T, u.value);
               }
-              P();
+              j();
             }
           }
         ]
       })).present();
     }
-    async function A() {
-      if (e.value.required && le(v.value))
+    async function L() {
+      if (e.value.required && ae(s.value))
         return "This field is required";
       if (e.value.validation) {
-        const m = await e.value.validation(v.value, n == null ? void 0 : n.schema);
-        if (m && m.length)
-          return m.join();
+        const y = await e.value.validation(s.value, n == null ? void 0 : n.schema);
+        if (y && y.length)
+          return y.join();
       }
       return !0;
     }
-    const { onFocus: D, applyValidationState: M } = H(
+    const { onFocus: M, applyValidationState: P } = H(
       l,
       e,
-      C(() => e.value.multiple ? v.value : v.value[0]),
-      C(() => n == null ? void 0 : n.schema),
-      A
+      E(() => e.value.multiple ? s.value : s.value[0]),
+      E(() => n == null ? void 0 : n.schema),
+      L
     );
-    function K(m) {
-      var _;
-      m.target === ((_ = l.value) == null ? void 0 : _.$el) && (D(), b.value === "popover" && (r.value = !0));
+    function K(y) {
+      var k;
+      y.target === ((k = l.value) == null ? void 0 : k.$el) && (M(), f.value === "popover" && (r.value = !0));
     }
-    async function P(m) {
-      var V;
-      if ((V = m == null ? void 0 : m.relatedTarget) != null && V.closest(".suggestions-list")) return;
+    async function j(y) {
+      var x;
+      if ((x = y == null ? void 0 : y.relatedTarget) != null && x.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);
+      const k = await L();
+      k === !0 ? (e.value.error = "", e.value.value = e.value.multiple ? s.value : s.value[0]) : e.value.error = typeof k == "string" ? k : "Validation failed", await P(k === !0);
     }
     async function Z() {
-      const m = [];
+      const y = [];
       if (typeof e.value.options == "function") {
-        const _ = await e.value.options(d.value);
-        m.push(..._.filter((V) => !!V.label));
+        const k = await e.value.options(p.value);
+        y.push(...k.filter((x) => !!x.label));
       } else
-        m.push(...Pe(e.value.options ?? [], d.value));
-      v.value.forEach((_) => L(_, m)), u.value = m;
+        y.push(...Ne(e.value.options ?? [], p.value));
+      s.value.forEach((k) => D(k, y)), u.value = y;
     }
-    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
+    function he() {
+      const y = e.value.value;
+      y && (Array.isArray(y) ? y.forEach((k) => D(k, u.value)) : D(typeof y == "object" ? y : {
+        value: y,
+        label: y
       }, u.value));
     }
     return o({
-      onValueUpdate: P,
-      onReset: f,
+      onValueUpdate: j,
+      onReset: h,
       getErrors: () => e.value.error ? [e.value.error] : []
-    }), (m, _) => (c(), z("div", {
+    }), (y, k) => (v(), B("div", {
       class: "autocomplete-container",
-      onFocusout: P,
+      onFocusout: j,
       ref_key: "containerRef",
       ref: a
     }, [
-      F(s(ie), {
+      F(i(ce), {
         ref_key: "inputRef",
         ref: l,
-        modelValue: d.value,
-        "onUpdate:modelValue": _[0] || (_[0] = (V) => d.value = V),
+        modelValue: p.value,
+        "onUpdate:modelValue": k[0] || (k[0] = (x) => p.value = x),
         fill: e.value.fill ?? "solid",
         "label-placement": e.value.labelPlacement ?? "stacked",
-        type: m.type ?? "text",
+        type: y.type ?? "text",
         required: e.value.required,
         "error-text": e.value.error,
         autofocus: e.value.autoFocus,
-        placeholder: I.value,
+        placeholder: b.value,
         disabled: e.value.disabled,
         counter: e.value.counter,
         onIonFocus: K,
         debounce: 300,
-        onClick: i
+        onClick: d
       }, {
-        default: y(() => [
-          F(oe, { model: e.value }, null, 8, ["model"]),
-          e.value.multiple ? (c(), p(s(N), {
+        default: g(() => [
+          F(ue, { model: e.value }, null, 8, ["model"]),
+          e.value.multiple ? (v(), V(i(N), {
             key: 0,
             style: { width: "fit-content" },
             slot: "start"
           }, {
-            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)
+            default: g(() => [
+              (v(!0), B($, null, G(s.value, (x, T) => (v(), V(i(we), { key: T }, {
+                default: g(() => [
+                  F(i(N), null, {
+                    default: g(() => [
+                      O(U(x.label), 1)
                     ]),
                     _: 2
                   }, 1024)
@@ -818,52 +865,52 @@ const oe = /* @__PURE__ */ U({
               }, 1024))), 128))
             ]),
             _: 1
-          })) : (c(), p(s(N), {
+          })) : (v(), V(i(N), {
             key: 1,
             slot: "start",
             class: "ion-no-wrap"
           }, {
-            default: y(() => {
-              var V;
+            default: g(() => {
+              var x;
               return [
-                O(B(((V = v.value[0]) == null ? void 0 : V.label) ?? ""), 1)
+                O(U(((x = s.value[0]) == null ? void 0 : x.label) ?? ""), 1)
               ];
             }),
             _: 1
           })),
-          F(s(X), {
+          F(i(X), {
             slot: "end",
-            icon: s(ze)
+            icon: i(qe)
           }, null, 8, ["icon"]),
-          v.value.length > 0 || d.value ? (c(), p(s(X), {
+          s.value.length > 0 || p.value ? (v(), V(i(X), {
             key: 2,
             slot: "end",
-            icon: s(qe),
-            onClick: f,
+            icon: i(ze),
+            onClick: h,
             style: { "z-index": "999999" }
-          }, null, 8, ["icon"])) : E("", !0)
+          }, null, 8, ["icon"])) : R("", !0)
         ]),
         _: 1
       }, 8, ["modelValue", "fill", "label-placement", "type", "required", "error-text", "autofocus", "placeholder", "disabled", "counter"]),
-      r.value && u.value.length > 0 && b.value === "popover" ? (c(), p(s(Ie), {
+      r.value && u.value.length > 0 && f.value === "popover" ? (v(), V(i(Ee), {
         key: 0,
-        class: _e(["suggestions-list", R.value])
+        class: xe(["suggestions-list", m.value])
       }, {
-        default: y(() => [
-          (c(!0), z($, null, G(u.value, (V) => (c(), p(s(Re), {
+        default: g(() => [
+          (v(!0), B($, null, G(u.value, (x) => (v(), V(i(Re), {
             button: "",
-            key: V.label,
-            onClick: (T) => x(V)
+            key: x.label,
+            onClick: (T) => C(x)
           }, {
-            default: y(() => [
-              e.value.multiple ? (c(), p(s(ce), {
+            default: g(() => [
+              e.value.multiple ? (v(), V(i(de), {
                 key: 0,
                 slot: "start",
-                checked: V.isChecked
-              }, null, 8, ["checked"])) : E("", !0),
-              F(s(N), null, {
-                default: y(() => [
-                  O(B(V.label), 1)
+                checked: x.isChecked
+              }, null, 8, ["checked"])) : R("", !0),
+              F(i(N), null, {
+                default: g(() => [
+                  O(U(x.label), 1)
                 ]),
                 _: 2
               }, 1024)
@@ -872,15 +919,15 @@ const oe = /* @__PURE__ */ U({
           }, 1032, ["onClick"]))), 128))
         ]),
         _: 1
-      }, 8, ["class"])) : E("", !0)
+      }, 8, ["class"])) : R("", !0)
     ], 544));
   }
-}), fe = (t, o) => {
+}), pe = (t, o) => {
   const n = t.__vccOpts || t;
   for (const [e, l] of o)
     n[e] = l;
   return n;
-}, et = /* @__PURE__ */ fe(Ye, [["__scopeId", "data-v-e2c4eed6"]]), tt = /* @__PURE__ */ U({
+}, tt = /* @__PURE__ */ pe(et, [["__scopeId", "data-v-e2c4eed6"]]), lt = /* @__PURE__ */ A({
   __name: "TextAreaInput",
   props: /* @__PURE__ */ q({
     schema: {}
@@ -890,24 +937,24 @@ const oe = /* @__PURE__ */ U({
   }),
   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), { onValueUpdate: u, onFocus: d, onReset: h, getErrors: b } = H(
+    const n = t, e = z(t, "modelValue"), l = _(null), a = _(e.value.value), r = E(() => n.schema), { onValueUpdate: u, onFocus: p, onReset: c, getErrors: f } = H(
       l,
       e,
       a,
       r
     );
-    return j(
+    return S(
       () => e.value.value,
-      (R) => a.value = R
+      (m) => a.value = m
     ), o({
-      onReset: h,
+      onReset: c,
       onValueUpdate: u,
-      getErrors: b
-    }), (R, v) => (c(), p(s(Oe), {
+      getErrors: f
+    }), (m, s) => (v(), V(i(Ae), {
       ref_key: "inputRef",
       ref: l,
       modelValue: a.value,
-      "onUpdate:modelValue": v[0] || (v[0] = (I) => a.value = I),
+      "onUpdate:modelValue": s[0] || (s[0] = (b) => a.value = b),
       "clear-input": !0,
       fill: e.value.fill ?? "solid",
       "label-placement": e.value.labelPlacement ?? "stacked",
@@ -925,20 +972,20 @@ const oe = /* @__PURE__ */ U({
       "max-length": e.value.maxLength,
       "min-length": e.value.minLength,
       pattern: e.value.pattern,
-      onIonFocus: s(d),
-      onIonChange: s(u),
-      onIonBlur: s(u)
+      onIonFocus: i(p),
+      onIonChange: i(u),
+      onIonBlur: i(u)
     }, {
-      default: y(() => [
-        F(oe, { model: e.value }, null, 8, ["model"])
+      default: g(() => [
+        F(ue, { 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"]));
   }
-}), lt = {
+}), at = {
   class: "ion-margin-end",
   style: { "flex-grow": "1" }
-}, at = { style: { display: "flex", "justify-content": "flex-end" } }, nt = /* @__PURE__ */ U({
+}, nt = { style: { display: "flex", "justify-content": "flex-end" } }, ot = /* @__PURE__ */ A({
   __name: "RepeatInput",
   props: /* @__PURE__ */ q({
     schema: {},
@@ -950,109 +997,109 @@ const oe = /* @__PURE__ */ U({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    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, [k, w]) => (i[k] = w.value, i),
+    const n = z(t, "modelValue"), e = _([]), { dynamicRefs: l, resetForm: a, getFormErrors: r, updateFormValues: u } = me(), p = E(() => e.value.map((h, C) => ({
+      label: `Set ${C + 1}`,
+      value: C,
+      other: Object.entries(h).reduce(
+        (d, [I, w]) => (d[I] = w.value, d),
         {}
       )
     })));
-    j(
-      d,
-      (f) => {
-        n.value.value = f;
+    S(
+      p,
+      (h) => {
+        n.value.value = h;
       },
       { deep: !0, immediate: !0 }
-    ), se(h);
-    function h() {
-      n.value.children && e.value.push(ne(n.value.children));
+    ), ie(c);
+    function c() {
+      n.value.children && e.value.push(oe(n.value.children));
     }
-    function b(f) {
-      e.value.splice(f, 1);
+    function f(h) {
+      e.value.splice(h, 1);
     }
-    function R() {
+    function m() {
       a();
     }
-    function v() {
+    function s() {
       return r();
     }
-    async function I() {
+    async function b() {
       await u();
     }
     return o({
-      onValueUpdate: I,
-      onReset: R,
-      getErrors: v
-    }), (f, x) => (c(!0), z($, null, G(e.value, (i, k) => (c(), z("div", {
+      onValueUpdate: b,
+      onReset: m,
+      getErrors: s
+    }), (h, C) => (v(!0), B($, null, G(e.value, (d, I) => (v(), B("div", {
       class: "repeat-input-wrapper",
-      key: k
+      key: I
     }, [
-      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,
+      re("div", at, [
+        F(i(te), null, {
+          default: g(() => [
+            (v(!0), B($, null, G(Object.keys(d), (w) => {
+              var L, M, P, K, j;
+              return v(), B($, null, [
+                i(ne)(d[w], h.data, h.computedData) ? (v(), V(i(le), {
+                  key: `${I}-${w}`,
+                  size: ((L = d[w].grid) == null ? void 0 : L.xs) ?? "12",
+                  "size-sm": (M = d[w].grid) == null ? void 0 : M.sm,
+                  "size-md": (P = d[w].grid) == null ? void 0 : P.md,
+                  "size-lg": (K = d[w].grid) == null ? void 0 : K.lg,
+                  "size-xl": (j = d[w].grid) == null ? void 0 : j.xl,
                   class: "ion-margin-bottom"
                 }, {
-                  default: y(() => [
-                    (c(), p(re(i[w].type), {
-                      modelValue: i[w],
-                      "onUpdate:modelValue": (Z) => i[w] = Z,
-                      schema: i,
-                      "ref-key": `${k}-${w}`,
+                  default: g(() => [
+                    (v(), V(se(d[w].type), {
+                      modelValue: d[w],
+                      "onUpdate:modelValue": (Z) => d[w] = Z,
+                      schema: d,
+                      "ref-key": `${I}-${w}`,
                       ref_for: !0,
                       ref_key: "dynamicRefs",
                       ref: l
                     }, null, 8, ["modelValue", "onUpdate:modelValue", "schema", "ref-key"]))
                   ]),
                   _: 2
-                }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : E("", !0)
+                }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : R("", !0)
               ], 64);
             }), 256))
           ]),
           _: 2
         }, 1024)
       ]),
-      ue("div", at, [
-        k === e.value.length - 1 ? (c(), p(s(W), {
+      re("div", nt, [
+        I === e.value.length - 1 ? (v(), V(i(W), {
           key: 0,
-          onClick: h,
+          onClick: c,
           color: "primary"
         }, {
-          default: y(() => [
-            F(s(X), {
+          default: g(() => [
+            F(i(X), {
               slot: "icon-only",
-              icon: s(Se)
+              icon: i(Se)
             }, null, 8, ["icon"])
           ]),
           _: 1
-        })) : E("", !0),
-        e.value.length > 1 ? (c(), p(s(W), {
+        })) : R("", !0),
+        e.value.length > 1 ? (v(), V(i(W), {
           key: 1,
-          onClick: (w) => b(k),
+          onClick: (w) => f(I),
           color: "warning"
         }, {
-          default: y(() => [
-            F(s(X), {
+          default: g(() => [
+            F(i(X), {
               slot: "icon-only",
-              icon: s(Te)
+              icon: i(Te)
             }, null, 8, ["icon"])
           ]),
           _: 2
-        }, 1032, ["onClick"])) : E("", !0)
+        }, 1032, ["onClick"])) : R("", !0)
       ])
     ]))), 128));
   }
-}), ot = /* @__PURE__ */ fe(nt, [["__scopeId", "data-v-402695fe"]]), ut = /* @__PURE__ */ U({
+}), ut = /* @__PURE__ */ pe(ot, [["__scopeId", "data-v-402695fe"]]), rt = /* @__PURE__ */ A({
   __name: "CheckboxInput",
   props: /* @__PURE__ */ q({
     schema: {}
@@ -1062,36 +1109,36 @@ const oe = /* @__PURE__ */ U({
   }),
   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 = C(() => ve(e.value)), { onValueUpdate: d, onFocus: h, getErrors: b } = H(l, e, a, r);
-    function R() {
+    const n = t, e = z(t, "modelValue"), l = _(null), a = _(e.value.value), r = E(() => n.schema), u = E(() => fe(e.value)), { onValueUpdate: p, onFocus: c, getErrors: f } = H(l, e, a, r);
+    function m() {
       a.value = !1, e.value.error = "", e.value.value = !1;
     }
-    return j(
+    return S(
       () => e.value.value,
-      (v) => a.value = v
+      (s) => a.value = s
     ), o({
-      onValueUpdate: d,
-      onReset: R,
-      getErrors: b
-    }), (v, I) => (c(), p(s(ce), {
+      onValueUpdate: p,
+      onReset: m,
+      getErrors: f
+    }), (s, b) => (v(), V(i(de), {
       modelValue: a.value,
-      "onUpdate:modelValue": I[0] || (I[0] = (f) => a.value = f),
+      "onUpdate:modelValue": b[0] || (b[0] = (h) => a.value = h),
       ref_key: "inputRef",
       ref: l,
       required: e.value.required,
       "error-text": e.value.error,
       disabled: e.value.disabled,
-      onIonFocus: s(h),
-      onIonChange: s(d),
-      onIonBlur: s(d)
+      onIonFocus: i(c),
+      onIonChange: i(p),
+      onIonBlur: i(p)
     }, {
-      default: y(() => [
-        O(B(u.value), 1)
+      default: g(() => [
+        O(U(u.value), 1)
       ]),
       _: 1
     }, 8, ["modelValue", "required", "error-text", "disabled", "onIonFocus", "onIonChange", "onIonBlur"]));
   }
-}), rt = /* @__PURE__ */ U({
+}), st = /* @__PURE__ */ A({
   __name: "RadioInput",
   props: /* @__PURE__ */ q({
     schema: {}
@@ -1101,48 +1148,48 @@ const oe = /* @__PURE__ */ U({
   }),
   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() {
+    const n = t, e = z(t, "modelValue"), l = _(null), a = _(e.value.value), r = E(() => n.schema), u = _([]), p = E(() => fe(e.value)), { onValueUpdate: c, onFocus: f, getErrors: m } = H(l, e, a, r);
+    function s() {
       e.value.error = "", a.value = void 0, e.value.value = void 0;
     }
-    function I(x, i) {
-      return x.value === i.value;
+    function b(C, d) {
+      return C.value === d.value;
     }
-    async function f() {
+    async function h() {
       typeof e.value.options == "function" ? u.value = await e.value.options() : u.value = e.value.options;
     }
-    return j(
+    return S(
       () => e.value.value,
-      (x) => a.value = x
+      (C) => a.value = C
     ), o({
-      onValueUpdate: h,
-      onReset: v,
-      getErrors: R
-    }), se(f), (x, i) => (c(), p(s(Ue), {
+      onValueUpdate: c,
+      onReset: s,
+      getErrors: m
+    }), ie(h), (C, d) => (v(), V(i(Ue), {
       modelValue: a.value,
-      "onUpdate:modelValue": i[0] || (i[0] = (k) => a.value = k),
+      "onUpdate:modelValue": d[0] || (d[0] = (I) => a.value = I),
       ref_key: "inputRef",
       ref: l,
       required: e.value.required,
-      "helper-text": d.value,
+      "helper-text": p.value,
       "error-text": e.value.error,
       disabled: e.value.disabled,
-      compareWith: I,
+      compareWith: b,
       "allow-empty-selection": !e.value.required,
-      onIonFocus: s(b),
-      onIonChange: s(h),
-      onIonBlur: s(h)
+      onIonFocus: i(f),
+      onIonChange: i(c),
+      onIonBlur: i(c)
     }, {
-      default: y(() => [
-        (c(!0), z($, null, G(u.value, (k) => (c(), p(s(Be), {
-          key: k.value,
-          value: k,
+      default: g(() => [
+        (v(!0), B($, null, G(u.value, (I) => (v(), V(i(Be), {
+          key: I.value,
+          value: I,
           disabled: e.value.disabled,
           "label-placement": "end",
           justify: "start"
         }, {
-          default: y(() => [
-            O(B(k.label), 1)
+          default: g(() => [
+            O(U(I.label), 1)
           ]),
           _: 2
         }, 1032, ["value", "disabled"]))), 128))
@@ -1150,13 +1197,13 @@ const oe = /* @__PURE__ */ U({
       _: 1
     }, 8, ["modelValue", "required", "helper-text", "error-text", "disabled", "allow-empty-selection", "onIonFocus", "onIonChange", "onIonBlur"]));
   }
-}), vt = {
+}), ft = {
   install(t) {
-    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);
+    t.component("VForm", Ke), t.component("TextInput", He), t.component("DateInput", Je), t.component("NumberInput", Qe), t.component("EmailInput", Xe), t.component("PasswordInput", Ye), t.component("SelectInput", tt), t.component("TextAreaInput", lt), t.component("RepeatInput", ut), t.component("CheckboxInput", rt), t.component("RadioInput", st), t.directive("maskito", $e);
   }
 };
 export {
-  vt as VForm,
-  vt as default
+  ft as VForm,
+  ft as default
 };
 //# sourceMappingURL=index.es.js.map