@uniquedj95/vform 3.8.0 → 3.8.1

package/dist/index.es.js

@@ -1,5 +1,5 @@
-import { ref as F, computed as z, watch as L, defineComponent as U, createElementBlock as A, openBlock as d, normalizeClass as G, createElementVNode as D, createCommentVNode as I, Fragment as j, renderList as ee, toDisplayString as P, normalizeStyle as fe, inject as Se, createBlock as _, unref as i, withCtx as E, createTextVNode as H, resolveDynamicComponent as me, mergeProps as Te, createVNode as T, onMounted as be, toRef as Ue, mergeModels as J, useModel as Q, resolveDirective as Re, withDirectives as qe } from "vue";
-import { IonButton as ye, IonGrid as Ie, IonRow as ie, IonCol as oe, IonLabel as ue, IonText as xe, IonInput as Fe, IonInputPasswordToggle as Ne, IonSpinner as $e, IonChip as Le, IonIcon as ge, IonList as Me, IonItem as Ve, IonCheckbox as Ae, actionSheetController as je, alertController as Ge, IonTextarea as We, IonNote as He, IonRadioGroup as Ke, IonRadio as Ze } from "@ionic/vue";
+import { ref as $, computed as F, watch as W, defineComponent as N, createElementBlock as P, openBlock as v, normalizeClass as q, createElementVNode as R, createCommentVNode as z, Fragment as K, renderList as le, toDisplayString as T, normalizeStyle as he, inject as xe, createBlock as k, unref as r, withCtx as E, createTextVNode as G, resolveDynamicComponent as ye, mergeProps as Le, createVNode as L, onMounted as Ve, toRef as Te, mergeModels as Y, useModel as ee, resolveDirective as Ue, withDirectives as Re } from "vue";
+import { IonButton as ke, IonGrid as Fe, IonRow as ie, IonCol as se, IonLabel as ue, IonText as Oe, IonInput as Ae, IonInputPasswordToggle as qe, IonSpinner as de, IonChip as Ne, IonIcon as _e, IonList as Me, IonItem as ge, IonCheckbox as Pe, actionSheetController as je, alertController as We, IonTextarea as Ge, IonNote as He, IonRadioGroup as Ke, IonRadio as Ze } from "@ionic/vue";
 import { chevronDown as Je, close as Qe, add as Xe, remove as Ye } from "ionicons/icons";
 import { maskito as et } from "@maskito/vue";
 function tt(t) {
@@ -28,30 +28,30 @@ function ot(t) {
   const n = [];
   let a = "", e = 0, l = 0;
   for (; e < t.length; ) {
-    const s = t[e];
-    if (["d", "a", "*"].includes(s)) {
-      let u = 1;
+    const i = t[e];
+    if (["d", "a", "*"].includes(i)) {
+      let s = 1;
       if (t[e + 1] === "{") {
         const o = t.indexOf("}", e + 2);
         if (o !== -1) {
           const g = t.slice(e + 2, o);
           if (g.includes(",")) {
-            const [, v] = g.split(",").map((c) => parseInt(c.trim()));
-            u = v || parseInt(g.split(",")[0]);
+            const [, d] = g.split(",").map((c) => parseInt(c.trim()));
+            s = d || parseInt(g.split(",")[0]);
           } else
-            u = parseInt(g);
+            s = parseInt(g);
           e = o;
         }
       } else {
         let o = e + 1;
-        for (; t[o] === s; )
-          u++, o++;
+        for (; t[o] === i; )
+          s++, o++;
         e = o - 1;
       }
-      for (let o = 0; o < u; o++)
-        n.push(lt[s]), a += nt(s, l++);
+      for (let o = 0; o < s; o++)
+        n.push(lt[i]), a += nt(i, l++);
     } else
-      n.push(s), a += s;
+      n.push(i), a += i;
     e++;
   }
   return {
@@ -72,20 +72,20 @@ async function st(t) {
       return await t;
   }
 }
-function Ce(t) {
+function we(t) {
   return t == null || Array.isArray(t) && !t.length || typeof t == "object" && !Object.keys(t).length || !t;
 }
-function Ee(t, n, a) {
+function Ie(t, n, a) {
   return t.disabled || t.hidden || typeof t.condition == "function" && !t.condition(n, a);
 }
 function ut(t, n, a, e) {
   t.forEach((l) => {
-    var s;
-    if (typeof (l == null ? void 0 : l.onReset) == "function" && ((s = l == null ? void 0 : l.$attrs) != null && s["ref-key"])) {
-      const u = l.$attrs["ref-key"];
-      if (u && n[u]) {
-        const o = n[u];
-        if (Ee(o, a, e))
+    var i;
+    if (typeof (l == null ? void 0 : l.onReset) == "function" && ((i = l == null ? void 0 : l.$attrs) != null && i["ref-key"])) {
+      const s = l.$attrs["ref-key"];
+      if (s && n[s]) {
+        const o = n[s];
+        if (Ie(o, a, e))
           return;
       }
       l.onReset();
@@ -94,37 +94,37 @@ function ut(t, n, a, e) {
 }
 function rt(t, n, a, e) {
   t.forEach((l) => {
-    var s;
-    if (typeof (l == null ? void 0 : l.onReset) == "function" && ((s = l == null ? void 0 : l.$attrs) != null && s["ref-key"])) {
-      const u = l.$attrs["ref-key"], o = e(u);
-      if (o && Ee(o, n, a))
+    var i;
+    if (typeof (l == null ? void 0 : l.onReset) == "function" && ((i = l == null ? void 0 : l.$attrs) != null && i["ref-key"])) {
+      const s = l.$attrs["ref-key"], o = e(s);
+      if (o && Ie(o, n, a))
         return;
       l.onReset();
     }
   });
 }
-function he(t, n, a) {
+function be(t, n, a) {
   return typeof t.condition == "function" ? t.condition(n, a) : !0;
 }
-function we(t) {
+function Ee(t) {
   if (typeof t != "object" || t === null)
     return t;
   if (Array.isArray(t))
-    return t.map((a) => we(a));
+    return t.map((a) => Ee(a));
   const n = {};
   return Object.entries(t).forEach(([a, e]) => {
-    typeof e == "function" ? n[a] = e.bind(n) : n[a] = we(e);
+    typeof e == "function" ? n[a] = e.bind(n) : n[a] = Ee(e);
   }), n;
 }
-function Oe(t, n) {
+function ze(t, n) {
   return n.findIndex((a) => a.value === t.value || a.label === t.label || a.value === t.label || a.label === t.value);
 }
-function ae(t, n) {
-  const a = Oe(t, n);
+function ne(t, n) {
+  const a = ze(t, n);
   a >= 0 ? n[a].isChecked = !0 : n.push({ ...t, isChecked: !0 });
 }
 function it(t, n) {
-  const a = Oe(t, n);
+  const a = ze(t, n);
   a >= 0 && (n[a].isChecked = !1);
 }
 function ct(t) {
@@ -132,7 +132,7 @@ function ct(t) {
     n.isChecked = !1;
   });
 }
-function Pe(t, n) {
+function Be(t, n) {
   if (!t.description)
     return !1;
   const a = t.description.show ?? "always";
@@ -152,40 +152,40 @@ function ce(t, n) {
   if (t == null || n == null || typeof t != typeof n) return !1;
   if (typeof t != "object") return t === n;
   if (Array.isArray(t) && Array.isArray(n))
-    return t.length !== n.length ? !1 : t.every((l, s) => ce(l, n[s]));
+    return t.length !== n.length ? !1 : t.every((l, i) => ce(l, n[i]));
   if (Array.isArray(t) !== Array.isArray(n)) return !1;
   const a = Object.keys(t), e = Object.keys(n);
   return a.length !== e.length ? !1 : a.every((l) => Object.hasOwn(n, l) && ce(t[l], n[l]));
 }
-function Z(t) {
+function X(t) {
   return t.type !== "FormSection";
 }
-function Be() {
-  const t = F([]);
+function De() {
+  const t = $([]);
   async function n() {
     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")
+    for (const i of t.value)
+      if (typeof (i == null ? void 0 : i.onValueUpdate) == "function" && await i.onValueUpdate(), typeof (i == null ? void 0 : i.getErrors) == "function")
         try {
-          const u = s.getErrors();
-          Array.isArray(u) ? l.push(...u) : console.warn("getErrors() returned non-array value:", u);
-        } catch (u) {
-          console.error("Error calling getErrors on component:", u, s);
+          const s = i.getErrors();
+          Array.isArray(s) ? l.push(...s) : console.warn("getErrors() returned non-array value:", s);
+        } catch (s) {
+          console.error("Error calling getErrors on component:", s, i);
         }
       else
-        console.warn("Component does not have getErrors function:", s);
-    return l.every(Ce);
+        console.warn("Component does not have getErrors function:", i);
+    return l.every(we);
   }
   function a() {
     const l = [];
-    for (const s of t.value)
-      if (typeof (s == null ? void 0 : s.getErrors) == "function")
+    for (const i of t.value)
+      if (typeof (i == null ? void 0 : i.getErrors) == "function")
         try {
-          const u = s.getErrors();
-          Array.isArray(u) ? l.push(...u) : l.push(String(u));
-        } catch (u) {
-          console.error("Error calling getErrors on component:", u, s);
+          const s = i.getErrors();
+          Array.isArray(s) ? l.push(...s) : l.push(String(s));
+        } catch (s) {
+          console.error("Error calling getErrors on component:", s, i);
         }
     return l;
   }
@@ -201,55 +201,55 @@ function Be() {
   };
 }
 function pt(t) {
-  const n = z(
-    () => Object.entries(t.value).reduce((v, [c, f]) => {
-      if (Z(f) && f.value !== void 0) {
-        if (typeof f.value == "function" || f.value instanceof Promise)
-          return v;
-        v[c] = f.value;
+  const n = F(
+    () => Object.entries(t.value).reduce((d, [c, p]) => {
+      if (X(p) && p.value !== void 0) {
+        if (typeof p.value == "function" || p.value instanceof Promise)
+          return d;
+        d[c] = p.value;
       }
-      return v;
+      return d;
     }, {})
-  ), a = F({}), e = (v, c, f) => {
-    const p = t.value[v];
-    if (Z(p) && p.children) {
-      const h = p.children[c];
-      if (h && Z(h) && typeof h.computedValue == "function")
-        return h.computedValue(f, t.value);
+  ), a = $({}), e = (d, c, p) => {
+    const m = t.value[d];
+    if (X(m) && m.children) {
+      const h = m.children[c];
+      if (h && X(h) && typeof h.computedValue == "function")
+        return h.computedValue(p, t.value);
     }
-    return f;
-  }, l = (v, c, f, p) => {
-    a.value[v][p] || (a.value[v][p] = {}), Object.entries(c.other ?? {}).forEach(([h, m]) => {
-      var w;
-      !ce(m, (w = f.other) == null ? void 0 : w[h]) && (a.value[v][p][h] = e(v, h, m));
+    return p;
+  }, l = (d, c, p, m) => {
+    a.value[d][m] || (a.value[d][m] = {}), Object.entries(c.other ?? {}).forEach(([h, f]) => {
+      var V;
+      !ce(f, (V = p.other) == null ? void 0 : V[h]) && (a.value[d][m][h] = e(d, h, f));
     });
-  }, s = (v, c, f) => {
-    c.forEach((p, h) => {
-      const m = f[h] ?? { other: {} };
-      l(v, p, m, h);
+  }, i = (d, c, p) => {
+    c.forEach((m, h) => {
+      const f = p[h] ?? { other: {} };
+      l(d, m, f, h);
     });
-  }, u = (v, { other: c }) => Object.entries(c ?? {}).reduce(
-    (f, [p, h]) => (f[p] = e(v, p, h), f),
+  }, s = (d, { other: c }) => Object.entries(c ?? {}).reduce(
+    (p, [m, h]) => (p[m] = e(d, m, h), p),
     {}
-  ), o = (v, c, f) => {
-    a.value[v] || (a.value[v] = []);
-    const p = c;
-    Array.isArray(f[v]) ? s(v, p, f[v]) : a.value[v] = p.map((h) => u(v, h));
-  }, g = (v, c, f) => {
+  ), o = (d, c, p) => {
+    a.value[d] || (a.value[d] = []);
+    const m = c;
+    Array.isArray(p[d]) ? i(d, m, p[d]) : a.value[d] = m.map((h) => s(d, h));
+  }, g = (d, c, p) => {
     if (!c) {
-      delete a.value[v];
+      delete a.value[d];
       return;
     }
-    const p = t.value[v];
-    Z(p) && (typeof p.onChange == "function" && p.onChange(c, t.value), p.children !== void 0 ? o(v, c, f) : typeof p.computedValue == "function" && (a.value[v] = p.computedValue(c, t.value)));
+    const m = t.value[d];
+    X(m) && (typeof m.onChange == "function" && m.onChange(c, t.value), m.children !== void 0 ? o(d, c, p) : typeof m.computedValue == "function" && (a.value[d] = m.computedValue(c, t.value)));
   };
-  return L(
+  return W(
     n,
-    (v, c = {}) => {
-      Object.keys(v).forEach((f) => {
-        ce(v[f], c[f]) || g(f, v[f], c);
-      }), Object.keys(c).forEach((f) => {
-        !(f in v) && f in a.value && delete a.value[f];
+    (d, c = {}) => {
+      Object.keys(d).forEach((p) => {
+        ce(d[p], c[p]) || g(p, d[p], c);
+      }), Object.keys(c).forEach((p) => {
+        !(p in d) && p in a.value && delete a.value[p];
       });
     },
     {
@@ -262,86 +262,86 @@ function pt(t) {
   };
 }
 function ft(t) {
-  const n = F(0), a = F({}), e = F({}), l = F({});
-  function s(V, O) {
-    const B = t.steps.find((x) => x.id === V);
-    if (!(B != null && B.schema)) return {};
-    const r = {}, k = Object.values(a.value).reduce(
-      (x, y) => ({ ...x, ...y }),
+  const n = $(0), a = $({}), e = $({}), l = $({});
+  function i(C, I) {
+    const U = t.steps.find((w) => w.id === C);
+    if (!(U != null && U.schema)) return {};
+    const u = {}, _ = Object.values(a.value).reduce(
+      (w, y) => ({ ...w, ...y }),
       {}
     ), b = Object.values(e.value).reduce(
-      (x, y) => ({ ...x, ...y }),
+      (w, y) => ({ ...w, ...y }),
       {}
     );
-    for (const [x, y] of Object.entries(B.schema))
-      Z(y) && (Ee(y, k, b) && O && x in O ? r[x] = O[x] : y.value !== void 0 && (typeof y.value == "function" || y.value instanceof Promise || (r[x] = y.value)));
-    return r;
+    for (const [w, y] of Object.entries(U.schema))
+      X(y) && (Ie(y, _, b) && I && w in I ? u[w] = I[w] : y.value !== void 0 && (typeof y.value == "function" || y.value instanceof Promise || (u[w] = y.value)));
+    return u;
   }
-  t.steps.forEach((V) => {
-    a.value[V.id] = s(V.id), e.value[V.id] = {}, l.value[V.id] = [];
+  t.steps.forEach((C) => {
+    a.value[C.id] = i(C.id), e.value[C.id] = {}, l.value[C.id] = [];
   });
-  const u = F(t.steps.map((V) => V.id)), o = z(() => t.steps.filter((O) => O.condition ? O.condition(a.value, e.value) : !0));
-  L(o, (V) => {
-    const O = V.map((r) => r.id);
-    u.value.filter(
-      (r) => !O.includes(r)
-    ).forEach((r) => {
-      C(r);
-    }), u.value = O;
+  const s = $(t.steps.map((C) => C.id)), o = F(() => t.steps.filter((I) => I.condition ? I.condition(a.value, e.value) : !0));
+  W(o, (C) => {
+    const I = C.map((u) => u.id);
+    s.value.filter(
+      (u) => !I.includes(u)
+    ).forEach((u) => {
+      S(u);
+    }), s.value = I;
   });
-  const g = z(() => o.value.length > 0 ? n.value >= o.value.length ? o.value[o.value.length - 1] : o.value[n.value] : t.steps[n.value]), v = z(() => n.value === 0), c = z(() => n.value === o.value.length - 1), f = z(() => !c.value), p = z(() => !v.value), h = z(() => o.value.length), m = z(() => h.value === 0 ? 0 : Math.round((n.value + 1) / h.value * 100));
-  function $(V, O) {
-    a.value[V] = { ...a.value[V], ...O };
+  const g = F(() => o.value.length > 0 ? n.value >= o.value.length ? o.value[o.value.length - 1] : o.value[n.value] : t.steps[n.value]), d = F(() => n.value === 0), c = F(() => n.value === o.value.length - 1), p = F(() => !c.value), m = F(() => !d.value), h = F(() => o.value.length), f = F(() => h.value === 0 ? 0 : Math.round((n.value + 1) / h.value * 100));
+  function x(C, I) {
+    a.value[C] = { ...a.value[C], ...I };
   }
-  function w(V, O) {
-    e.value[V] = { ...e.value[V], ...O };
+  function V(C, I) {
+    e.value[C] = { ...e.value[C], ...I };
   }
-  function C(V) {
-    if (t.steps.find((B) => B.id === V)) {
-      const B = a.value[V] || {};
-      a.value[V] = s(V, B), e.value[V] = {};
+  function S(C) {
+    if (t.steps.find((U) => U.id === C)) {
+      const U = a.value[C] || {};
+      a.value[C] = i(C, U), e.value[C] = {};
     }
   }
-  async function S() {
-    const V = g.value;
-    if (!V) return !0;
-    const O = [];
-    if (V.validation) {
-      const B = await V.validation(
-        a.value[V.id],
-        e.value[V.id]
+  async function O() {
+    const C = g.value;
+    if (!C) return !0;
+    const I = [];
+    if (C.validation) {
+      const U = await C.validation(
+        a.value[C.id],
+        e.value[C.id]
       );
-      B && O.push(...B);
+      U && I.push(...U);
     }
-    return l.value[V.id] = O, O.length === 0;
+    return l.value[C.id] = I, I.length === 0;
   }
-  async function M(V) {
-    return V < 0 || V >= o.value.length || V > n.value && !await S() ? !1 : (n.value = V, !0);
+  async function H(C) {
+    return C < 0 || C >= o.value.length || C > n.value && !await O() ? !1 : (n.value = C, !0);
   }
-  async function R() {
-    return f.value ? M(n.value + 1) : !1;
+  async function A() {
+    return p.value ? H(n.value + 1) : !1;
   }
-  async function W() {
-    return p.value ? M(n.value - 1) : !1;
+  async function B() {
+    return m.value ? H(n.value - 1) : !1;
   }
-  function X() {
-    n.value = 0, l.value = {}, t.steps.forEach((V) => {
-      C(V.id), l.value[V.id] = [];
+  function D() {
+    n.value = 0, l.value = {}, t.steps.forEach((C) => {
+      S(C.id), l.value[C.id] = [];
     });
   }
-  async function te() {
-    let V = !0;
-    for (const O of t.steps)
-      if (O.validation) {
-        const B = await O.validation(
-          a.value[O.id],
-          e.value[O.id]
+  async function Z() {
+    let C = !0;
+    for (const I of t.steps)
+      if (I.validation) {
+        const U = await I.validation(
+          a.value[I.id],
+          e.value[I.id]
         );
-        l.value[O.id] = B || [], B && B.length > 0 && (V = !1);
+        l.value[I.id] = U || [], U && U.length > 0 && (C = !1);
       }
-    return V;
+    return C;
   }
-  function le() {
+  function Q() {
     return {
       formData: { ...a.value },
       computedData: { ...e.value }
@@ -356,23 +356,23 @@ function ft(t) {
     stepValidationErrors: l,
     // Computed
     visibleSteps: o,
-    isFirstStep: v,
+    isFirstStep: d,
     isLastStep: c,
-    canGoNext: f,
-    canGoPrevious: p,
+    canGoNext: p,
+    canGoPrevious: m,
     totalSteps: h,
-    progressPercentage: m,
+    progressPercentage: f,
     // Methods
-    updateStepData: $,
-    updateStepComputedData: w,
-    clearStepData: C,
-    validateCurrentStep: S,
-    goToStep: M,
-    nextStep: R,
-    previousStep: W,
-    resetForm: X,
-    validateAllSteps: te,
-    getMultiStepFormData: le
+    updateStepData: x,
+    updateStepComputedData: V,
+    clearStepData: S,
+    validateCurrentStep: O,
+    goToStep: H,
+    nextStep: A,
+    previousStep: B,
+    resetForm: D,
+    validateAllSteps: Z,
+    getMultiStepFormData: Q
   };
 }
 const mt = { class: "step-indicator__container" }, ht = ["onClick"], yt = { class: "step-indicator__step-content" }, gt = { class: "step-indicator__step-marker" }, bt = { class: "step-indicator__step-info" }, kt = { class: "step-indicator__step-title" }, _t = {
@@ -381,7 +381,7 @@ const mt = { class: "step-indicator__container" }, ht = ["onClick"], yt = { clas
 }, Vt = {
   key: 0,
   class: "step-indicator__progress"
-}, Ct = { class: "step-indicator__progress-bar" }, wt = { class: "step-indicator__progress-text" }, St = /* @__PURE__ */ U({
+}, Ct = { class: "step-indicator__progress-bar" }, St = { class: "step-indicator__progress-text" }, wt = /* @__PURE__ */ N({
   __name: "StepIndicator",
   props: {
     steps: {},
@@ -392,55 +392,55 @@ const mt = { class: "step-indicator__container" }, ht = ["onClick"], yt = { clas
   },
   emits: ["step-click"],
   setup(t, { emit: n }) {
-    const a = t, e = n, l = z(() => a.steps.length === 0 ? 0 : (a.activeStepIndex + 1) / a.steps.length * 100);
-    function s(u) {
-      a.allowNavigation && e("step-click", u);
+    const a = t, e = n, l = F(() => a.steps.length === 0 ? 0 : (a.activeStepIndex + 1) / a.steps.length * 100);
+    function i(s) {
+      a.allowNavigation && e("step-click", s);
     }
-    return (u, o) => (d(), A("div", {
-      class: G(["step-indicator", [`step-indicator--${u.position}`, { "step-indicator--clickable": u.allowNavigation }]])
+    return (s, o) => (v(), P("div", {
+      class: q(["step-indicator", [`step-indicator--${s.position}`, { "step-indicator--clickable": s.allowNavigation }]])
     }, [
-      D("div", mt, [
-        (d(!0), A(j, null, ee(u.steps, (g, v) => (d(), A("div", {
+      R("div", mt, [
+        (v(!0), P(K, null, le(s.steps, (g, d) => (v(), P("div", {
           key: g.id,
-          class: G(["step-indicator__step", {
-            "step-indicator__step--active": v === u.activeStepIndex,
-            "step-indicator__step--completed": v < u.activeStepIndex,
-            "step-indicator__step--clickable": u.allowNavigation
+          class: q(["step-indicator__step", {
+            "step-indicator__step--active": d === s.activeStepIndex,
+            "step-indicator__step--completed": d < s.activeStepIndex,
+            "step-indicator__step--clickable": s.allowNavigation
           }]),
-          onClick: (c) => s(v)
+          onClick: (c) => i(d)
         }, [
-          D("div", yt, [
-            D("div", gt, [
-              D("span", null, P(v + 1), 1)
+          R("div", yt, [
+            R("div", gt, [
+              R("span", null, T(d + 1), 1)
             ]),
-            D("div", bt, [
-              D("div", kt, P(g.title), 1),
-              g.subtitle ? (d(), A("div", _t, P(g.subtitle), 1)) : I("", !0)
+            R("div", bt, [
+              R("div", kt, T(g.title), 1),
+              g.subtitle ? (v(), P("div", _t, T(g.subtitle), 1)) : z("", !0)
             ])
           ]),
-          v < u.steps.length - 1 ? (d(), A("div", {
+          d < s.steps.length - 1 ? (v(), P("div", {
             key: 0,
-            class: G(["step-indicator__connector", { "step-indicator__connector--completed": v < u.activeStepIndex }])
-          }, null, 2)) : I("", !0)
+            class: q(["step-indicator__connector", { "step-indicator__connector--completed": d < s.activeStepIndex }])
+          }, null, 2)) : z("", !0)
         ], 10, ht))), 128))
       ]),
-      u.showProgress && (u.position === "top" || u.position === "bottom") ? (d(), A("div", Vt, [
-        D("div", Ct, [
-          D("div", {
+      s.showProgress && (s.position === "top" || s.position === "bottom") ? (v(), P("div", Vt, [
+        R("div", Ct, [
+          R("div", {
             class: "step-indicator__progress-fill",
-            style: fe({ width: `${l.value}%` })
+            style: he({ width: `${l.value}%` })
           }, null, 4)
         ]),
-        D("div", wt, " Step " + P(u.activeStepIndex + 1) + " of " + P(u.steps.length), 1)
-      ])) : I("", !0)
+        R("div", St, " Step " + T(s.activeStepIndex + 1) + " of " + T(s.steps.length), 1)
+      ])) : z("", !0)
     ], 2));
   }
-}), re = (t, n) => {
+}), ae = (t, n) => {
   const a = t.__vccOpts || t;
   for (const [e, l] of n)
     a[e] = l;
   return a;
-}, pe = /* @__PURE__ */ re(St, [["__scopeId", "data-v-aca1a6d0"]]), ne = /* @__PURE__ */ U({
+}, me = /* @__PURE__ */ ae(wt, [["__scopeId", "data-v-aca1a6d0"]]), oe = /* @__PURE__ */ N({
   __name: "ActionButton",
   props: {
     type: {
@@ -453,26 +453,26 @@ const mt = { class: "step-indicator__container" }, ht = ["onClick"], yt = { clas
     }
   },
   setup(t) {
-    const n = Se("globalConfig"), a = t, e = z(() => {
-      var l, s;
-      return a.label ?? ((s = (l = n == null ? void 0 : n.buttons) == null ? void 0 : l[a.type]) == null ? void 0 : s.label) ?? a.type;
+    const n = xe("globalConfig"), a = t, e = F(() => {
+      var l, i;
+      return a.label ?? ((i = (l = n == null ? void 0 : n.buttons) == null ? void 0 : l[a.type]) == null ? void 0 : i.label) ?? a.type;
     });
-    return (l, s) => {
-      var u, o, g, v, c, f, p, h, m, $, w, C;
-      return d(), _(i(ye), {
-        color: ((g = (o = (u = i(n)) == null ? void 0 : u.buttons) == null ? void 0 : o[t.type]) == null ? void 0 : g.color) ?? "primary",
-        fill: ((f = (c = (v = i(n)) == null ? void 0 : v.buttons) == null ? void 0 : c[t.type]) == null ? void 0 : f.fill) ?? "solid",
-        expand: (m = (h = (p = i(n)) == null ? void 0 : p.buttons) == null ? void 0 : h[t.type]) == null ? void 0 : m.expand,
-        size: ((C = (w = ($ = i(n)) == null ? void 0 : $.buttons) == null ? void 0 : w[t.type]) == null ? void 0 : C.size) ?? "default"
+    return (l, i) => {
+      var s, o, g, d, c, p, m, h, f, x, V, S;
+      return v(), k(r(ke), {
+        color: ((g = (o = (s = r(n)) == null ? void 0 : s.buttons) == null ? void 0 : o[t.type]) == null ? void 0 : g.color) ?? "primary",
+        fill: ((p = (c = (d = r(n)) == null ? void 0 : d.buttons) == null ? void 0 : c[t.type]) == null ? void 0 : p.fill) ?? "solid",
+        expand: (f = (h = (m = r(n)) == null ? void 0 : m.buttons) == null ? void 0 : h[t.type]) == null ? void 0 : f.expand,
+        size: ((S = (V = (x = r(n)) == null ? void 0 : x.buttons) == null ? void 0 : V[t.type]) == null ? void 0 : S.size) ?? "default"
       }, {
         default: E(() => [
-          H(P(e.value), 1)
+          G(T(e.value), 1)
         ]),
         _: 1
       }, 8, ["color", "fill", "expand", "size"]);
     };
   }
-}), ze = /* @__PURE__ */ U({
+}), $e = /* @__PURE__ */ N({
   __name: "CustomButton",
   props: {
     button: {
@@ -481,7 +481,7 @@ const mt = { class: "step-indicator__container" }, ht = ["onClick"], yt = { clas
     }
   },
   setup(t) {
-    return (n, a) => (d(), _(i(ye), {
+    return (n, a) => (v(), k(r(ke), {
       onClick: t.button.action,
       color: t.button.color ?? "primary",
       fill: t.button.fill ?? "solid",
@@ -489,18 +489,18 @@ const mt = { class: "step-indicator__container" }, ht = ["onClick"], yt = { clas
       expand: t.button.expand
     }, {
       default: E(() => [
-        H(P(t.button.label), 1)
+        G(T(t.button.label), 1)
       ]),
       _: 1
     }, 8, ["onClick", "color", "fill", "size", "expand"]));
   }
-}), xt = { class: "v-form-container" }, Et = {
+}), Et = { class: "v-form-container" }, xt = {
   key: 0,
   class: "multi-step-form"
 }, Ot = { class: "multi-step-form-content" }, It = {
   key: 3,
   class: "step-progress-bottom"
-}, zt = { class: "step-progress-bar" }, Ft = { class: "step-progress-text" }, $t = /* @__PURE__ */ U({
+}, zt = { class: "step-progress-bar" }, Ft = { class: "step-progress-text" }, $t = /* @__PURE__ */ N({
   __name: "vForm",
   props: {
     schema: {},
@@ -519,86 +519,86 @@ const mt = { class: "step-indicator__container" }, ht = ["onClick"], yt = { clas
   },
   emits: ["submit", "multi-step-submit", "step-change", "clear", "cancel"],
   setup(t, { expose: n, emit: a }) {
-    const e = t, l = a, s = z(() => !!e.multiStepConfig), u = F(e.schema || {}), o = e.multiStepConfig ? ft(e.multiStepConfig) : null, { dynamicRefs: g, isFormValid: v } = Be(), { formData: c, computedData: f } = pt(u), p = F(null), h = z(() => (o == null ? void 0 : o.currentStepIndex.value) ?? 0), m = z(() => o == null ? void 0 : o.currentStep.value), $ = z(() => (o == null ? void 0 : o.visibleSteps.value) ?? []), w = z(() => (o == null ? void 0 : o.isLastStep.value) ?? !0), C = z(() => (o == null ? void 0 : o.canGoNext.value) ?? !1), S = z(() => (o == null ? void 0 : o.canGoPrevious.value) ?? !1), M = z(() => !s.value || !o ? 0 : o.progressPercentage.value);
-    L(
-      () => m.value,
-      (r) => {
-        r && s.value && (u.value = r.schema || {});
+    const e = t, l = a, i = F(() => !!e.multiStepConfig), s = $(e.schema || {}), o = e.multiStepConfig ? ft(e.multiStepConfig) : null, { dynamicRefs: g, isFormValid: d } = De(), { formData: c, computedData: p } = pt(s), m = $(null), h = F(() => (o == null ? void 0 : o.currentStepIndex.value) ?? 0), f = F(() => o == null ? void 0 : o.currentStep.value), x = F(() => (o == null ? void 0 : o.visibleSteps.value) ?? []), V = F(() => (o == null ? void 0 : o.isLastStep.value) ?? !0), S = F(() => (o == null ? void 0 : o.canGoNext.value) ?? !1), O = F(() => (o == null ? void 0 : o.canGoPrevious.value) ?? !1), H = F(() => !i.value || !o ? 0 : o.progressPercentage.value);
+    W(
+      () => f.value,
+      (u) => {
+        u && i.value && (s.value = u.schema || {});
       },
       { immediate: !0 }
-    ), L(
-      [c, f],
-      ([r, k]) => {
-        s.value && o && m.value && (o.updateStepData(m.value.id, r), o.updateStepComputedData(m.value.id, k));
+    ), W(
+      [c, p],
+      ([u, _]) => {
+        i.value && o && f.value && (o.updateStepData(f.value.id, u), o.updateStepComputedData(f.value.id, _));
       },
       { deep: !0 }
-    ), L(
+    ), W(
       () => e.schema,
-      (r) => {
-        if (!s.value && r) {
-          u.value = r;
-          for (const [k, b] of Object.entries(r))
-            Z(b) && "value" in b && b.value !== void 0 && (u.value[k].value = b.value);
+      (u) => {
+        if (!i.value && u) {
+          s.value = u;
+          for (const [_, b] of Object.entries(u))
+            X(b) && "value" in b && b.value !== void 0 && (s.value[_].value = b.value);
         }
       },
       { deep: !0, immediate: !0 }
     );
-    async function R() {
-      var r;
-      if (s.value && o) {
-        if ((r = m.value) != null && r.component && p.value && typeof p.value.validate == "function" && !await p.value.validate() || !await o.validateAllSteps()) return;
+    async function A() {
+      var u;
+      if (i.value && o) {
+        if ((u = f.value) != null && u.component && m.value && typeof m.value.validate == "function" && !await m.value.validate() || !await o.validateAllSteps()) return;
         const b = o.getMultiStepFormData();
         l("multi-step-submit", b);
       } else {
-        if (!await v()) return;
-        l("submit", c.value, f.value);
+        if (!await d()) return;
+        l("submit", c.value, p.value);
       }
     }
-    function W() {
+    function B() {
       ut(
         g.value,
-        u.value,
+        s.value,
         c.value,
-        f.value
+        p.value
       );
     }
-    function X() {
-      s.value && o && m.value && o.clearStepData(m.value.id), W(), l("clear");
+    function D() {
+      i.value && o && f.value && o.clearStepData(f.value.id), B(), l("clear");
     }
-    function te() {
-      s.value && o ? o.resetForm() : W(), l("cancel");
+    function Z() {
+      i.value && o ? o.resetForm() : B(), l("cancel");
     }
-    async function le() {
-      var r;
-      if (s.value && o) {
-        let k = !0;
-        if ((r = m.value) != null && r.component && p.value ? typeof p.value.validate == "function" && (k = await p.value.validate()) : k = await v(), !k)
+    async function Q() {
+      var u;
+      if (i.value && o) {
+        let _ = !0;
+        if ((u = f.value) != null && u.component && m.value ? typeof m.value.validate == "function" && (_ = await m.value.validate()) : _ = await d(), !_)
           return;
-        await o.nextStep() && m.value && l("step-change", h.value, m.value.id);
+        await o.nextStep() && f.value && l("step-change", h.value, f.value.id);
       }
     }
-    async function V() {
-      o && await o.previousStep() && m.value && l("step-change", h.value, m.value.id);
+    async function C() {
+      o && await o.previousStep() && f.value && l("step-change", h.value, f.value.id);
     }
-    async function O(r) {
-      var k;
+    async function I(u) {
+      var _;
       if (o) {
-        if (r > h.value) {
-          let x = !0;
-          if ((k = m.value) != null && k.component && p.value ? typeof p.value.validate == "function" && (x = await p.value.validate()) : x = await v(), !x)
+        if (u > h.value) {
+          let w = !0;
+          if ((_ = f.value) != null && _.component && m.value ? typeof m.value.validate == "function" && (w = await m.value.validate()) : w = await d(), !w)
             return;
         }
-        await o.goToStep(r) && m.value && l("step-change", r, m.value.id);
+        await o.goToStep(u) && f.value && l("step-change", u, f.value.id);
       }
     }
-    L(
+    W(
       c,
       async () => {
-        var r;
-        for (const [k, b] of Object.entries(u.value))
-          if (!he(b, c.value, f.value)) {
-            const x = s.value && m.value && m.value.schema ? m.value.schema[k] : (r = e.schema) == null ? void 0 : r[k];
-            x && Z(x) && "value" in x ? b.value = x.value : b.value = void 0;
+        var u;
+        for (const [_, b] of Object.entries(s.value))
+          if (!be(b, c.value, p.value)) {
+            const w = i.value && f.value && f.value.schema ? f.value.schema[_] : (u = e.schema) == null ? void 0 : u[_];
+            w && X(w) && "value" in w ? b.value = w.value : b.value = void 0;
           }
       },
       {
@@ -606,80 +606,80 @@ const mt = { class: "step-indicator__container" }, ht = ["onClick"], yt = { clas
         immediate: !0
       }
     );
-    function B(r) {
-      s.value && o && m.value && o.updateStepData(m.value.id, r);
+    function U(u) {
+      i.value && o && f.value && o.updateStepData(f.value.id, u);
     }
     return n({
-      isLastStep: w,
-      canGoNext: C,
-      canGoPrevious: S,
-      computedData: f,
+      isLastStep: V,
+      canGoNext: S,
+      canGoPrevious: O,
+      computedData: p,
       formData: c,
-      resetForm: X,
-      submitForm: R,
-      isFormValid: v,
-      resolveData: () => s.value && o ? o.getMultiStepFormData() : {
+      resetForm: D,
+      submitForm: A,
+      isFormValid: d,
+      resolveData: () => i.value && o ? o.getMultiStepFormData() : {
         formData: c.value,
-        computedData: f.value
+        computedData: p.value
       },
       // Multi-step specific methods
-      nextStep: le,
-      previousStep: V,
-      goToStep: O,
-      getCurrentStep: () => m.value,
+      nextStep: Q,
+      previousStep: C,
+      goToStep: I,
+      getCurrentStep: () => f.value,
       getCurrentStepIndex: () => h.value
-    }), (r, k) => {
-      var b, x;
-      return d(), A("div", xt, [
-        s.value ? (d(), A("div", Et, [
-          r.multiStepConfig && r.multiStepConfig.stepPosition === "top" ? (d(), _(pe, {
+    }), (u, _) => {
+      var b, w;
+      return v(), P("div", Et, [
+        i.value ? (v(), P("div", xt, [
+          u.multiStepConfig && u.multiStepConfig.stepPosition === "top" ? (v(), k(me, {
             key: 0,
-            steps: $.value,
+            steps: x.value,
             "active-step-index": h.value,
-            position: r.multiStepConfig.stepPosition || "top",
-            "show-progress": r.multiStepConfig.showProgress,
-            "allow-navigation": r.multiStepConfig.allowStepNavigation,
-            onStepClick: O
-          }, null, 8, ["steps", "active-step-index", "position", "show-progress", "allow-navigation"])) : I("", !0),
-          D("div", {
-            class: G(["multi-step-content", `multi-step-content--${((b = r.multiStepConfig) == null ? void 0 : b.stepPosition) || "top"}`])
+            position: u.multiStepConfig.stepPosition || "top",
+            "show-progress": u.multiStepConfig.showProgress,
+            "allow-navigation": u.multiStepConfig.allowStepNavigation,
+            onStepClick: I
+          }, null, 8, ["steps", "active-step-index", "position", "show-progress", "allow-navigation"])) : z("", !0),
+          R("div", {
+            class: q(["multi-step-content", `multi-step-content--${((b = u.multiStepConfig) == null ? void 0 : b.stepPosition) || "top"}`])
           }, [
-            r.multiStepConfig && r.multiStepConfig.stepPosition === "left" ? (d(), _(pe, {
+            u.multiStepConfig && u.multiStepConfig.stepPosition === "left" ? (v(), k(me, {
               key: 0,
-              steps: $.value,
+              steps: x.value,
               "active-step-index": h.value,
-              position: r.multiStepConfig.stepPosition ?? "top",
-              "show-progress": r.multiStepConfig.showProgress,
-              "allow-navigation": r.multiStepConfig.allowStepNavigation,
-              onStepClick: O,
+              position: u.multiStepConfig.stepPosition ?? "top",
+              "show-progress": u.multiStepConfig.showProgress,
+              "allow-navigation": u.multiStepConfig.allowStepNavigation,
+              onStepClick: I,
               class: "multi-step-sidebar"
-            }, null, 8, ["steps", "active-step-index", "position", "show-progress", "allow-navigation"])) : I("", !0),
-            D("div", Ot, [
-              (x = m.value) != null && x.component ? (d(), _(me(m.value.component), Te({ key: 0 }, m.value.componentProps || {}, {
-                "onUpdate:data": B,
+            }, null, 8, ["steps", "active-step-index", "position", "show-progress", "allow-navigation"])) : z("", !0),
+            R("div", Ot, [
+              (w = f.value) != null && w.component ? (v(), k(ye(f.value.component), Le({ key: 0 }, f.value.componentProps || {}, {
+                "onUpdate:data": U,
                 ref_key: "customComponentRef",
-                ref: p
-              }), null, 16)) : (d(), _(i(Ie), { key: 1 }, {
+                ref: m
+              }), null, 16)) : (v(), k(r(Fe), { key: 1 }, {
                 default: E(() => [
-                  T(i(ie), null, {
+                  L(r(ie), null, {
                     default: E(() => [
-                      (d(!0), A(j, null, ee(Object.keys(u.value), (y) => {
-                        var q, N, K, Y, se;
-                        return d(), A(j, { key: y }, [
-                          i(he)(u.value[y], i(c), i(f)) ? (d(), _(i(oe), {
+                      (v(!0), P(K, null, le(Object.keys(s.value), (y) => {
+                        var M, j, J, te, re;
+                        return v(), P(K, { key: y }, [
+                          r(be)(s.value[y], r(c), r(p)) ? (v(), k(r(se), {
                             key: 0,
-                            size: ((q = u.value[y].grid) == null ? void 0 : q.xs) ?? "12",
-                            "size-sm": (N = u.value[y].grid) == null ? void 0 : N.sm,
-                            "size-md": (K = u.value[y].grid) == null ? void 0 : K.md,
-                            "size-lg": (Y = u.value[y].grid) == null ? void 0 : Y.lg,
-                            "size-xl": (se = u.value[y].grid) == null ? void 0 : se.xl,
+                            size: ((M = s.value[y].grid) == null ? void 0 : M.xs) ?? "12",
+                            "size-sm": (j = s.value[y].grid) == null ? void 0 : j.sm,
+                            "size-md": (J = s.value[y].grid) == null ? void 0 : J.md,
+                            "size-lg": (te = s.value[y].grid) == null ? void 0 : te.lg,
+                            "size-xl": (re = s.value[y].grid) == null ? void 0 : re.xl,
                             class: "ion-margin-vertical"
                           }, {
                             default: E(() => [
-                              (d(), _(me(u.value[y].type), {
-                                modelValue: u.value[y],
-                                "onUpdate:modelValue": (_e) => u.value[y] = _e,
-                                schema: u.value,
+                              (v(), k(ye(s.value[y].type), {
+                                modelValue: s.value[y],
+                                "onUpdate:modelValue": (Se) => s.value[y] = Se,
+                                schema: s.value,
                                 "form-id": y,
                                 ref_for: !0,
                                 ref_key: "dynamicRefs",
@@ -688,7 +688,7 @@ const mt = { class: "step-indicator__container" }, ht = ["onClick"], yt = { clas
                               }, null, 8, ["modelValue", "onUpdate:modelValue", "schema", "form-id", "ref-key"]))
                             ]),
                             _: 2
-                          }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : I("", !0)
+                          }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : z("", !0)
                         ], 64);
                       }), 128))
                     ]),
@@ -697,104 +697,104 @@ const mt = { class: "step-indicator__container" }, ht = ["onClick"], yt = { clas
                 ]),
                 _: 1
               })),
-              r.hideButtons ? I("", !0) : (d(), _(i(ie), { key: 2 }, {
+              u.hideButtons ? z("", !0) : (v(), k(r(ie), { key: 2 }, {
                 default: E(() => [
-                  T(i(oe), {
+                  L(r(se), {
                     size: "12",
-                    style: fe([{ display: "flex" }, { justifyContent: r.buttonPlacement }])
+                    style: he([{ display: "flex" }, { justifyContent: u.buttonPlacement }])
                   }, {
                     default: E(() => [
-                      S.value ? (d(), _(ne, {
+                      O.value ? (v(), k(oe, {
                         key: 0,
                         type: "previous",
-                        label: r.previousButtonText,
-                        onClick: V
-                      }, null, 8, ["label"])) : I("", !0),
-                      r.showCancelButton ? (d(), _(ne, {
+                        label: u.previousButtonText,
+                        onClick: C
+                      }, null, 8, ["label"])) : z("", !0),
+                      u.showCancelButton ? (v(), k(oe, {
                         key: 1,
                         type: "cancel",
-                        label: r.cancelButtonText,
-                        onClick: te
-                      }, null, 8, ["label"])) : I("", !0),
-                      r.showClearButton ? (d(), _(ne, {
+                        label: u.cancelButtonText,
+                        onClick: Z
+                      }, null, 8, ["label"])) : z("", !0),
+                      u.showClearButton ? (v(), k(oe, {
                         key: 2,
                         type: "clear",
-                        label: r.clearButtonText,
-                        onClick: X
-                      }, null, 8, ["label"])) : I("", !0),
-                      (d(!0), A(j, null, ee(r.customButtons, (y) => (d(), _(ze, {
+                        label: u.clearButtonText,
+                        onClick: D
+                      }, null, 8, ["label"])) : z("", !0),
+                      (v(!0), P(K, null, le(u.customButtons, (y) => (v(), k($e, {
                         button: y,
                         key: y.label
                       }, null, 8, ["button"]))), 128)),
-                      C.value ? (d(), _(ne, {
+                      S.value ? (v(), k(oe, {
                         key: 3,
                         type: "next",
-                        label: r.nextButtonText,
-                        onClick: le
-                      }, null, 8, ["label"])) : I("", !0),
-                      w.value ? (d(), _(ne, {
+                        label: u.nextButtonText,
+                        onClick: Q
+                      }, null, 8, ["label"])) : z("", !0),
+                      V.value ? (v(), k(oe, {
                         key: 4,
                         type: "submit",
-                        label: r.submitButtonText,
-                        onClick: R
-                      }, null, 8, ["label"])) : I("", !0)
+                        label: u.submitButtonText,
+                        onClick: A
+                      }, null, 8, ["label"])) : z("", !0)
                     ]),
                     _: 1
                   }, 8, ["style"])
                 ]),
                 _: 1
               })),
-              r.multiStepConfig && (r.multiStepConfig.stepPosition === "left" || r.multiStepConfig.stepPosition === "right") && r.multiStepConfig.showProgress ? (d(), A("div", It, [
-                D("div", zt, [
-                  D("div", {
+              u.multiStepConfig && (u.multiStepConfig.stepPosition === "left" || u.multiStepConfig.stepPosition === "right") && u.multiStepConfig.showProgress ? (v(), P("div", It, [
+                R("div", zt, [
+                  R("div", {
                     class: "step-progress-fill",
-                    style: fe({ width: `${M.value}%` })
+                    style: he({ width: `${H.value}%` })
                   }, null, 4)
                 ]),
-                D("div", Ft, " Step " + P(h.value + 1) + " of " + P($.value.length), 1)
-              ])) : I("", !0)
+                R("div", Ft, " Step " + T(h.value + 1) + " of " + T(x.value.length), 1)
+              ])) : z("", !0)
             ]),
-            r.multiStepConfig && r.multiStepConfig.stepPosition === "right" ? (d(), _(pe, {
+            u.multiStepConfig && u.multiStepConfig.stepPosition === "right" ? (v(), k(me, {
               key: 1,
-              steps: $.value,
+              steps: x.value,
               "active-step-index": h.value,
-              position: r.multiStepConfig.stepPosition,
-              "show-progress": r.multiStepConfig.showProgress,
-              "allow-navigation": r.multiStepConfig.allowStepNavigation,
-              onStepClick: O,
+              position: u.multiStepConfig.stepPosition,
+              "show-progress": u.multiStepConfig.showProgress,
+              "allow-navigation": u.multiStepConfig.allowStepNavigation,
+              onStepClick: I,
               class: "multi-step-sidebar"
-            }, null, 8, ["steps", "active-step-index", "position", "show-progress", "allow-navigation"])) : I("", !0)
+            }, null, 8, ["steps", "active-step-index", "position", "show-progress", "allow-navigation"])) : z("", !0)
           ], 2),
-          r.multiStepConfig && r.multiStepConfig.stepPosition === "bottom" ? (d(), _(pe, {
+          u.multiStepConfig && u.multiStepConfig.stepPosition === "bottom" ? (v(), k(me, {
             key: 1,
-            steps: $.value,
+            steps: x.value,
             "active-step-index": h.value,
-            position: r.multiStepConfig.stepPosition,
-            "show-progress": r.multiStepConfig.showProgress,
-            "allow-navigation": r.multiStepConfig.allowStepNavigation,
-            onStepClick: O
-          }, null, 8, ["steps", "active-step-index", "position", "show-progress", "allow-navigation"])) : I("", !0)
-        ])) : (d(), _(i(Ie), { key: 1 }, {
+            position: u.multiStepConfig.stepPosition,
+            "show-progress": u.multiStepConfig.showProgress,
+            "allow-navigation": u.multiStepConfig.allowStepNavigation,
+            onStepClick: I
+          }, null, 8, ["steps", "active-step-index", "position", "show-progress", "allow-navigation"])) : z("", !0)
+        ])) : (v(), k(r(Fe), { key: 1 }, {
           default: E(() => [
-            T(i(ie), null, {
+            L(r(ie), null, {
               default: E(() => [
-                (d(!0), A(j, null, ee(Object.keys(u.value), (y) => {
-                  var q, N, K, Y, se;
-                  return d(), A(j, { key: y }, [
-                    i(he)(u.value[y], i(c), i(f)) ? (d(), _(i(oe), {
+                (v(!0), P(K, null, le(Object.keys(s.value), (y) => {
+                  var M, j, J, te, re;
+                  return v(), P(K, { key: y }, [
+                    r(be)(s.value[y], r(c), r(p)) ? (v(), k(r(se), {
                       key: 0,
-                      size: ((q = u.value[y].grid) == null ? void 0 : q.xs) ?? "12",
-                      "size-sm": (N = u.value[y].grid) == null ? void 0 : N.sm,
-                      "size-md": (K = u.value[y].grid) == null ? void 0 : K.md,
-                      "size-lg": (Y = u.value[y].grid) == null ? void 0 : Y.lg,
-                      "size-xl": (se = u.value[y].grid) == null ? void 0 : se.xl,
+                      size: ((M = s.value[y].grid) == null ? void 0 : M.xs) ?? "12",
+                      "size-sm": (j = s.value[y].grid) == null ? void 0 : j.sm,
+                      "size-md": (J = s.value[y].grid) == null ? void 0 : J.md,
+                      "size-lg": (te = s.value[y].grid) == null ? void 0 : te.lg,
+                      "size-xl": (re = s.value[y].grid) == null ? void 0 : re.xl,
                       class: "ion-margin-vertical"
                     }, {
                       default: E(() => [
-                        (d(), _(me(u.value[y].type), {
-                          modelValue: u.value[y],
-                          "onUpdate:modelValue": (_e) => u.value[y] = _e,
-                          schema: u.value,
+                        (v(), k(ye(s.value[y].type), {
+                          modelValue: s.value[y],
+                          "onUpdate:modelValue": (Se) => s.value[y] = Se,
+                          schema: s.value,
                           "form-id": y,
                           ref_for: !0,
                           ref_key: "dynamicRefs",
@@ -804,39 +804,39 @@ const mt = { class: "step-indicator__container" }, ht = ["onClick"], yt = { clas
                         }, null, 8, ["modelValue", "onUpdate:modelValue", "schema", "form-id", "ref-key"]))
                       ]),
                       _: 2
-                    }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : I("", !0)
+                    }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : z("", !0)
                   ], 64);
                 }), 128))
               ]),
               _: 1
             }),
-            r.hideButtons ? I("", !0) : (d(), _(i(ie), { key: 0 }, {
+            u.hideButtons ? z("", !0) : (v(), k(r(ie), { key: 0 }, {
               default: E(() => [
-                T(i(oe), {
+                L(r(se), {
                   size: "12",
-                  style: fe([{ display: "flex" }, { justifyContent: r.buttonPlacement }])
+                  style: he([{ display: "flex" }, { justifyContent: u.buttonPlacement }])
                 }, {
                   default: E(() => [
-                    r.showCancelButton ? (d(), _(ne, {
+                    u.showCancelButton ? (v(), k(oe, {
                       key: 0,
                       type: "cancel",
-                      label: r.cancelButtonText,
-                      onClick: te
-                    }, null, 8, ["label"])) : I("", !0),
-                    r.showClearButton ? (d(), _(ne, {
+                      label: u.cancelButtonText,
+                      onClick: Z
+                    }, null, 8, ["label"])) : z("", !0),
+                    u.showClearButton ? (v(), k(oe, {
                       key: 1,
                       type: "clear",
-                      label: r.clearButtonText,
-                      onClick: X
-                    }, null, 8, ["label"])) : I("", !0),
-                    (d(!0), A(j, null, ee(r.customButtons, (y) => (d(), _(ze, {
+                      label: u.clearButtonText,
+                      onClick: D
+                    }, null, 8, ["label"])) : z("", !0),
+                    (v(!0), P(K, null, le(u.customButtons, (y) => (v(), k($e, {
                       button: y,
                       key: y.label
                     }, null, 8, ["button"]))), 128)),
-                    T(ne, {
+                    L(oe, {
                       type: "submit",
-                      label: r.submitButtonText,
-                      onClick: R
+                      label: u.submitButtonText,
+                      onClick: A
                     }, null, 8, ["label"])
                   ]),
                   _: 1
@@ -850,12 +850,12 @@ const mt = { class: "step-indicator__container" }, ht = ["onClick"], yt = { clas
       ]);
     };
   }
-}), At = /* @__PURE__ */ re($t, [["__scopeId", "data-v-400c942b"]]);
+}), At = /* @__PURE__ */ ae($t, [["__scopeId", "data-v-400c942b"]]);
 function Pt(t) {
   return {
     applyValidationState: async (e) => {
-      var l, s, u, o, g;
-      (l = t.value) == null || l.$el.classList.remove("ion-invalid"), (s = t.value) == null || s.$el.classList.remove("ion-valid"), e ? (u = t.value) == null || u.$el.classList.add("ion-valid") : (o = t.value) == null || o.$el.classList.add("ion-invalid"), (g = t.value) == null || g.$el.classList.add("ion-touched");
+      var l, i, s, o, g;
+      (l = t.value) == null || l.$el.classList.remove("ion-invalid"), (i = t.value) == null || i.$el.classList.remove("ion-valid"), e ? (s = t.value) == null || s.$el.classList.add("ion-valid") : (o = t.value) == null || o.$el.classList.add("ion-invalid"), (g = t.value) == null || g.$el.classList.add("ion-touched");
     },
     resetValidationState: () => {
       var e, l;
@@ -863,51 +863,51 @@ function Pt(t) {
     }
   };
 }
-function de(t, n, a, e, l) {
-  const { applyValidationState: s, resetValidationState: u } = Pt(t), o = Se("globalConfig");
+function ve(t, n, a, e, l) {
+  const { applyValidationState: i, resetValidationState: s } = Pt(t), o = xe("globalConfig");
   async function g() {
     var h;
     if (n.value.required && !a.value)
       return n.value.error = ((h = o == null ? void 0 : o.errorMessages) == null ? void 0 : h.required) ?? "This field is required", !1;
     if (l) {
-      const m = await l(a.value);
-      if (typeof m == "string")
-        return n.value.error = m, !1;
-      if (m === !1)
+      const f = await l(a.value);
+      if (typeof f == "string")
+        return n.value.error = f, !1;
+      if (f === !1)
         return !1;
     }
     if (n.value.validation) {
-      const m = await n.value.validation(a.value, e == null ? void 0 : e.value);
-      if (m != null && m.length)
-        return n.value.error = m.join(), !1;
+      const f = await n.value.validation(a.value, e == null ? void 0 : e.value);
+      if (f != null && f.length)
+        return n.value.error = f.join(), !1;
     }
     return !0;
   }
-  async function v() {
+  async function d() {
     const h = await g();
-    h && (n.value.error = "", n.value.value = a.value), await s(h);
+    h && (n.value.error = "", n.value.value = a.value), await i(h);
   }
   function c() {
-    u(), n.value.error = "";
+    s(), n.value.error = "";
   }
-  function f(h = "") {
+  function p(h = "") {
     a.value = h, n.value.error = "", n.value.value = h;
   }
-  function p() {
+  function m() {
     return n.value.error ? [n.value.error] : [];
   }
   return {
     isValid: g,
-    onValueUpdate: v,
+    onValueUpdate: d,
     onFocus: c,
-    onReset: f,
-    getErrors: p,
-    applyValidationState: s,
-    resetValidationState: u
+    onReset: p,
+    getErrors: m,
+    applyValidationState: i,
+    resetValidationState: s
   };
 }
-function De(t) {
-  const n = F(void 0), a = F(!1), e = F(null);
+function pe(t) {
+  const n = $(void 0), a = $(!1), e = $(null);
   async function l() {
     if (!t.value.value) {
       n.value = void 0;
@@ -915,73 +915,73 @@ function De(t) {
     }
     a.value = !0, e.value = null;
     try {
-      const u = await st(t.value.value);
-      n.value = u, t.value.value = u;
-    } catch (u) {
-      e.value = u instanceof Error ? u.message : "Failed to resolve field value", console.error("Error resolving field value:", u);
+      const s = await st(t.value.value);
+      n.value = s, t.value.value = s;
+    } catch (s) {
+      e.value = s instanceof Error ? s.message : "Failed to resolve field value", console.error("Error resolving field value:", s);
     } finally {
       a.value = !1;
     }
   }
-  async function s(u) {
-    t.value.value = u, await l();
+  async function i(s) {
+    t.value.value = s, await l();
   }
-  return L(
+  return W(
     () => t.value.value,
     async () => {
       await l();
     },
     { immediate: !1 }
-  ), be(async () => {
+  ), Ve(async () => {
     await l();
   }), {
     resolvedValue: n,
     isLoading: a,
     error: e,
     resolveValue: l,
-    updateValue: s
+    updateValue: i
   };
 }
 function Bt(t) {
-  const n = z(() => !!t.value.label), a = z(() => !!t.value.required), e = z(() => t.value.label || "");
+  const n = F(() => !!t.value.label), a = F(() => !!t.value.required), e = F(() => t.value.label || "");
   return {
     showLabel: n,
     showRequired: a,
     labelText: e
   };
 }
-const ke = /* @__PURE__ */ U({
+const Ce = /* @__PURE__ */ N({
   __name: "InputLabel",
   props: {
     model: {},
     slotName: {}
   },
   setup(t) {
-    const n = t, { showLabel: a, showRequired: e, labelText: l } = Bt(Ue(n, "model"));
-    return (s, u) => i(a) ? (d(), _(i(ue), {
+    const n = t, { showLabel: a, showRequired: e, labelText: l } = Bt(Te(n, "model"));
+    return (i, s) => r(a) ? (v(), k(r(ue), {
       key: 0,
-      slot: s.slotName,
+      slot: i.slotName,
       class: "input-label"
     }, {
       default: E(() => [
-        H(P(i(l)) + " ", 1),
-        i(e) ? (d(), _(i(xe), {
+        G(T(r(l)) + " ", 1),
+        r(e) ? (v(), k(r(Oe), {
           key: 0,
           color: "danger"
         }, {
-          default: E(() => u[0] || (u[0] = [
-            H("*")
+          default: E(() => s[0] || (s[0] = [
+            G("*")
           ])),
           _: 1,
           __: [0]
-        })) : I("", !0)
+        })) : z("", !0)
       ]),
       _: 1
-    }, 8, ["slot"])) : I("", !0);
+    }, 8, ["slot"])) : z("", !0);
   }
-}), Dt = /* @__PURE__ */ U({
+}), Dt = /* @__PURE__ */ N({
   __name: "BaseInput",
-  props: /* @__PURE__ */ J({
+  props: /* @__PURE__ */ Y({
     schema: {},
     type: {}
   }, {
@@ -990,53 +990,53 @@ const ke = /* @__PURE__ */ U({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: n }) {
-    const a = t, e = Q(t, "modelValue"), l = F(null), s = z(() => a.schema), { resolvedValue: u, isLoading: o, error: g } = De(e), v = F("");
-    L(
-      u,
-      (C) => {
-        C != null ? v.value = String(C) : v.value = "";
+    const a = t, e = ee(t, "modelValue"), l = $(null), i = F(() => a.schema), { resolvedValue: s, isLoading: o, error: g } = pe(e), d = $("");
+    W(
+      s,
+      (S) => {
+        S != null ? d.value = String(S) : d.value = "";
       },
       { immediate: !0 }
     );
-    const { isValid: c, onValueUpdate: f, onFocus: p, onReset: h, getErrors: m } = de(
+    const { isValid: c, onValueUpdate: p, onFocus: m, onReset: h, getErrors: f } = ve(
       l,
       e,
-      v,
-      s
-    ), $ = z(() => {
+      d,
+      i
+    ), x = F(() => {
       if (e.value.pattern) return ot(e.value.pattern);
     });
     return n({
-      onValueUpdate: f,
+      onValueUpdate: p,
       onReset: h,
       getErrors: () => {
-        const C = m();
-        return g.value ? [...C, g.value] : C;
+        const S = f();
+        return g.value ? [...S, g.value] : S;
       },
       isValid: c,
       isLoading: o,
       valueError: g
-    }), (C, S) => {
-      var R;
-      const M = Re("maskito");
-      return d(), A("div", {
-        class: G(["input-container", { loading: i(o) }])
+    }), (S, O) => {
+      var A;
+      const H = Ue("maskito");
+      return v(), P("div", {
+        class: q(["input-container", { loading: r(o) }])
       }, [
-        qe((d(), _(i(Fe), {
+        Re((v(), k(r(Ae), {
           ref_key: "inputRef",
           ref: l,
-          modelValue: v.value,
-          "onUpdate:modelValue": S[0] || (S[0] = (W) => v.value = W),
-          class: G(e.value.className),
+          modelValue: d.value,
+          "onUpdate:modelValue": O[0] || (O[0] = (B) => d.value = B),
+          class: q(e.value.className),
           "clear-input": !0,
           fill: e.value.fill ?? "solid",
           "label-placement": e.value.labelPlacement ?? "stacked",
-          type: C.type ?? "text",
+          type: S.type ?? "text",
           required: e.value.required,
           "error-text": e.value.error,
           autofocus: e.value.autoFocus,
-          placeholder: i(o) ? "Loading..." : ((R = $.value) == null ? void 0 : R.placeholder) ?? e.value.placeholder,
-          disabled: e.value.disabled || i(o),
+          placeholder: r(o) ? "Loading..." : ((A = x.value) == null ? void 0 : A.placeholder) ?? e.value.placeholder,
+          disabled: e.value.disabled || r(o),
           counter: e.value.counter,
           min: e.value.min,
           max: e.value.max,
@@ -1044,54 +1044,54 @@ const ke = /* @__PURE__ */ U({
           "min-length": e.value.minLength,
           pattern: e.value.pattern,
           style: { width: "100%" },
-          onIonFocus: i(p),
-          onIonChange: i(f),
-          onIonBlur: i(f)
+          onIonFocus: r(m),
+          onIonChange: r(p),
+          onIonBlur: r(p)
         }, {
           default: E(() => [
-            T(ke, {
+            L(Ce, {
               model: e.value,
               "slot-name": "label"
             }, null, 8, ["model"]),
-            e.value.prefix ? (d(), _(i(ue), {
+            e.value.prefix ? (v(), k(r(ue), {
               key: 0,
               slot: "start"
             }, {
               default: E(() => [
-                H(P(e.value.prefix), 1)
+                G(T(e.value.prefix), 1)
               ]),
               _: 1
-            })) : I("", !0),
-            e.value.suffix ? (d(), _(i(ue), {
+            })) : z("", !0),
+            e.value.suffix ? (v(), k(r(ue), {
               key: 1,
               slot: "end"
             }, {
               default: E(() => [
-                H(P(e.value.suffix), 1)
+                G(T(e.value.suffix), 1)
               ]),
               _: 1
-            })) : I("", !0),
-            C.type === "password" ? (d(), _(i(Ne), {
+            })) : z("", !0),
+            S.type === "password" ? (v(), k(r(qe), {
               key: 2,
               slot: "end"
-            })) : I("", !0),
-            i(o) ? (d(), _(i($e), {
+            })) : z("", !0),
+            r(o) ? (v(), k(r(de), {
               key: 3,
               slot: "end",
               name: "crescent",
               class: "loading-spinner"
-            })) : I("", !0)
+            })) : z("", !0)
           ]),
           _: 1
         }, 8, ["modelValue", "class", "fill", "label-placement", "type", "required", "error-text", "autofocus", "placeholder", "disabled", "counter", "min", "max", "max-length", "min-length", "pattern", "onIonFocus", "onIonChange", "onIonBlur"])), [
-          [M, $.value]
+          [H, x.value]
         ])
       ], 2);
     };
   }
-}), ve = /* @__PURE__ */ re(Dt, [["__scopeId", "data-v-9a88e1aa"]]), Tt = /* @__PURE__ */ U({
+}), fe = /* @__PURE__ */ ae(Dt, [["__scopeId", "data-v-9a88e1aa"]]), Lt = /* @__PURE__ */ N({
   __name: "TextInput",
-  props: /* @__PURE__ */ J({
+  props: /* @__PURE__ */ Y({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
@@ -1099,7 +1099,7 @@ const ke = /* @__PURE__ */ U({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: n }) {
-    const a = Q(t, "modelValue"), e = F(null);
+    const a = ee(t, "modelValue"), e = $(null);
     return n({
       onReset: () => {
         var l;
@@ -1110,21 +1110,21 @@ const ke = /* @__PURE__ */ U({
         return (l = e.value) == null ? void 0 : l.onValueUpdate();
       },
       getErrors: () => {
-        var l, s;
-        return ((s = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : s.call(l)) ?? [];
+        var l, i;
+        return ((i = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : i.call(l)) ?? [];
       }
-    }), (l, s) => (d(), _(ve, {
+    }), (l, i) => (v(), k(fe, {
       modelValue: a.value,
-      "onUpdate:modelValue": s[0] || (s[0] = (u) => a.value = u),
+      "onUpdate:modelValue": i[0] || (i[0] = (s) => a.value = s),
       type: "text",
       schema: l.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), Ut = /* @__PURE__ */ U({
+}), Tt = /* @__PURE__ */ N({
   __name: "DateInput",
-  props: /* @__PURE__ */ J({
+  props: /* @__PURE__ */ Y({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
@@ -1132,7 +1132,7 @@ const ke = /* @__PURE__ */ U({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: n }) {
-    const a = Q(t, "modelValue"), e = F(null);
+    const a = ee(t, "modelValue"), e = $(null);
     return n({
       onValueUpdate: () => {
         var l;
@@ -1143,21 +1143,21 @@ const ke = /* @__PURE__ */ U({
         return (l = e.value) == null ? void 0 : l.onReset();
       },
       getErrors: () => {
-        var l, s;
-        return ((s = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : s.call(l)) ?? [];
+        var l, i;
+        return ((i = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : i.call(l)) ?? [];
       }
-    }), (l, s) => (d(), _(ve, {
+    }), (l, i) => (v(), k(fe, {
       modelValue: a.value,
-      "onUpdate:modelValue": s[0] || (s[0] = (u) => a.value = u),
+      "onUpdate:modelValue": i[0] || (i[0] = (s) => a.value = s),
       type: a.value.enableTime ? "datetime-local" : "date",
       schema: l.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "type", "schema"]));
   }
-}), Rt = /* @__PURE__ */ U({
+}), Ut = /* @__PURE__ */ N({
   __name: "NumberInput",
-  props: /* @__PURE__ */ J({
+  props: /* @__PURE__ */ Y({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
@@ -1165,7 +1165,7 @@ const ke = /* @__PURE__ */ U({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: n }) {
-    const a = Q(t, "modelValue"), e = F(null);
+    const a = ee(t, "modelValue"), e = $(null);
     return n({
       onReset: () => {
         var l;
@@ -1176,21 +1176,21 @@ const ke = /* @__PURE__ */ U({
         return (l = e.value) == null ? void 0 : l.onValueUpdate();
       },
       getErrors: () => {
-        var l, s;
-        return ((s = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : s.call(l)) ?? [];
+        var l, i;
+        return ((i = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : i.call(l)) ?? [];
       }
-    }), (l, s) => (d(), _(ve, {
+    }), (l, i) => (v(), k(fe, {
       modelValue: a.value,
-      "onUpdate:modelValue": s[0] || (s[0] = (u) => a.value = u),
+      "onUpdate:modelValue": i[0] || (i[0] = (s) => a.value = s),
       type: "number",
       schema: l.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), qt = /* @__PURE__ */ U({
+}), Rt = /* @__PURE__ */ N({
   __name: "EmailInput",
-  props: /* @__PURE__ */ J({
+  props: /* @__PURE__ */ Y({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
@@ -1198,7 +1198,7 @@ const ke = /* @__PURE__ */ U({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: n }) {
-    const a = Q(t, "modelValue"), e = F(null);
+    const a = ee(t, "modelValue"), e = $(null);
     return n({
       onReset: () => {
         var l;
@@ -1209,21 +1209,21 @@ const ke = /* @__PURE__ */ U({
         return (l = e.value) == null ? void 0 : l.onValueUpdate();
       },
       getErrors: () => {
-        var l, s;
-        return ((s = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : s.call(l)) ?? [];
+        var l, i;
+        return ((i = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : i.call(l)) ?? [];
       }
-    }), (l, s) => (d(), _(ve, {
+    }), (l, i) => (v(), k(fe, {
       modelValue: a.value,
-      "onUpdate:modelValue": s[0] || (s[0] = (u) => a.value = u),
+      "onUpdate:modelValue": i[0] || (i[0] = (s) => a.value = s),
       type: "email",
       schema: l.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), Nt = /* @__PURE__ */ U({
+}), qt = /* @__PURE__ */ N({
   __name: "PasswordInput",
-  props: /* @__PURE__ */ J({
+  props: /* @__PURE__ */ Y({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
@@ -1231,7 +1231,7 @@ const ke = /* @__PURE__ */ U({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: n }) {
-    const a = Q(t, "modelValue"), e = F(null);
+    const a = ee(t, "modelValue"), e = $(null);
     return n({
       onReset: () => {
         var l;
@@ -1242,21 +1242,21 @@ const ke = /* @__PURE__ */ U({
         return (l = e.value) == null ? void 0 : l.onValueUpdate();
       },
       getErrors: () => {
-        var l, s;
-        return ((s = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : s.call(l)) ?? [];
+        var l, i;
+        return ((i = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : i.call(l)) ?? [];
       }
-    }), (l, s) => (d(), _(ve, {
+    }), (l, i) => (v(), k(fe, {
       modelValue: a.value,
-      "onUpdate:modelValue": s[0] || (s[0] = (u) => a.value = u),
+      "onUpdate:modelValue": i[0] || (i[0] = (s) => a.value = s),
       type: "password",
       schema: l.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), Lt = { class: "option-content" }, Mt = /* @__PURE__ */ U({
+}), Nt = { class: "option-content" }, Mt = /* @__PURE__ */ N({
   __name: "SelectInput",
-  props: /* @__PURE__ */ J({
+  props: /* @__PURE__ */ Y({
     schema: Object,
     type: String,
     formId: String
@@ -1266,233 +1266,233 @@ const ke = /* @__PURE__ */ U({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: n }) {
-    const a = t, e = Q(t, "modelValue"), l = F(null), s = F(null), u = F(!1), o = F([]), g = F(""), v = F(1), c = Se("globalConfig"), { isLoading: f } = De(e), p = z(() => e.value.interface ?? "popover"), h = z(() => e.value.optionsPlacement === "top" ? "top" : "bottom"), m = z(() => o.value.filter((r) => !!r.isChecked)), $ = z(() => !g.value && Ce(m.value) && !u.value ? e.value.placeholder ?? "Select an option" : "");
-    L([g, () => e.value.options], O, {
+    const a = t, e = ee(t, "modelValue"), l = $(null), i = $(null), s = $(!1), o = $([]), g = $(""), d = $(1), c = xe("globalConfig"), { isLoading: p } = pe(e), m = F(() => e.value.interface ?? "popover"), h = F(() => e.value.optionsPlacement === "top" ? "top" : "bottom"), f = F(() => o.value.filter((u) => !!u.isChecked)), x = F(() => !g.value && we(f.value) && !s.value ? e.value.placeholder ?? "Select an option" : "");
+    W([g, () => e.value.options], I, {
       immediate: !0,
       deep: !0
-    }), L(() => e.value.value, B, { immediate: !0, deep: !0 }), L(
-      () => !e.value.dependsOn || !a.schema ? null : (Array.isArray(e.value.dependsOn) ? e.value.dependsOn : [e.value.dependsOn]).map((k) => {
-        const b = a.schema[k];
-        return Z(b) ? b.value : void 0;
+    }), W(() => e.value.value, U, { immediate: !0, deep: !0 }), W(
+      () => !e.value.dependsOn || !a.schema ? null : (Array.isArray(e.value.dependsOn) ? e.value.dependsOn : [e.value.dependsOn]).map((_) => {
+        const b = a.schema[_];
+        return X(b) ? b.value : void 0;
       }),
-      async (r, k) => {
-        r && k && !ce(r, k) && (w(), o.value = [], await O());
+      async (u, _) => {
+        u && _ && !ce(u, _) && (V(), o.value = [], await I());
       },
       { deep: !0 }
     );
-    function w() {
-      e.value.error = "", g.value = "", v.value = 1, e.value.value = e.value.multiple ? [] : "", ct(o.value);
+    function V() {
+      e.value.error = "", g.value = "", d.value = 1, e.value.value = e.value.multiple ? [] : "", ct(o.value);
     }
-    function C(r) {
-      if (r.disabled) return;
-      const k = o.value.findIndex((b) => b.value === r.value && b.isChecked);
-      if (k >= 0) {
+    function S(u) {
+      if (u.disabled) return;
+      const _ = o.value.findIndex((b) => b.value === u.value && b.isChecked);
+      if (_ >= 0) {
         if (Array.isArray(e.value.value)) {
-          const b = Oe(r, e.value.value);
+          const b = ze(u, e.value.value);
           b >= 0 && e.value.value.splice(b, 1);
         }
-        o.value[k].isChecked = !1;
+        o.value[_].isChecked = !1;
       } else
-        e.value.multiple || w(), ae(r, o.value);
-      V(), g.value = "";
+        e.value.multiple || V(), ne(u, o.value);
+      C(), g.value = "";
     }
-    function S() {
-      switch (p.value) {
+    function O() {
+      switch (m.value) {
         case "action-sheet":
-          M();
+          H();
           break;
         case "alert":
-          R();
+          A();
           break;
         case "popover":
         default:
-          u.value = !0;
+          s.value = !0;
           break;
       }
     }
-    async function M() {
-      var k, b;
-      if (await O(), e.value.multiple) {
-        u.value = !0;
+    async function H() {
+      var _, b;
+      if (await I(), e.value.multiple) {
+        s.value = !0;
         return;
       }
       await (await je.create({
         header: e.value.label || "Select an option",
         buttons: [
-          ...o.value.map((x) => {
+          ...o.value.map((w) => {
             let y = "";
-            return x.isChecked ? y = "selected-option" : x.disabled && (y = "disabled-option"), {
-              text: x.label,
+            return w.isChecked ? y = "selected-option" : w.disabled && (y = "disabled-option"), {
+              text: w.label,
               cssClass: y,
-              handler: () => (C(x), !1),
-              disabled: x.disabled
+              handler: () => (S(w), !1),
+              disabled: w.disabled
             };
           }),
           {
-            text: ((b = (k = c == null ? void 0 : c.buttons) == null ? void 0 : k.cancel) == null ? void 0 : b.label) ?? "Cancel",
+            text: ((b = (_ = c == null ? void 0 : c.buttons) == null ? void 0 : _.cancel) == null ? void 0 : b.label) ?? "Cancel",
             role: "cancel"
           }
         ]
       })).present();
     }
-    async function R() {
-      var b, x, y, q;
-      await O();
-      const r = o.value.map((N) => ({
-        label: N.label,
+    async function A() {
+      var b, w, y, M;
+      await I();
+      const u = o.value.map((j) => ({
+        label: j.label,
         type: e.value.multiple ? "checkbox" : "radio",
-        value: N,
-        checked: N.isChecked,
-        disabled: N.disabled
+        value: j,
+        checked: j.isChecked,
+        disabled: j.disabled
       }));
-      await (await Ge.create({
+      await (await We.create({
         header: e.value.label || "Select an option",
-        inputs: r,
+        inputs: u,
         buttons: [
           {
-            text: ((x = (b = c == null ? void 0 : c.buttons) == null ? void 0 : b.cancel) == null ? void 0 : x.label) ?? "Cancel",
+            text: ((w = (b = c == null ? void 0 : c.buttons) == null ? void 0 : b.cancel) == null ? void 0 : w.label) ?? "Cancel",
             role: "cancel"
           },
           {
-            text: ((q = (y = c == null ? void 0 : c.buttons) == null ? void 0 : y.ok) == null ? void 0 : q.label) ?? "OK",
-            handler: (N) => {
+            text: ((M = (y = c == null ? void 0 : c.buttons) == null ? void 0 : y.ok) == null ? void 0 : M.label) ?? "OK",
+            handler: (j) => {
               if (e.value.multiple)
-                o.value.forEach((K) => it(K, o.value)), N.forEach((K) => {
-                  const Y = o.value.find((se) => se.value === K.value);
-                  Y && ae(Y, o.value);
+                o.value.forEach((J) => it(J, o.value)), j.forEach((J) => {
+                  const te = o.value.find((re) => re.value === J.value);
+                  te && ne(te, o.value);
                 });
               else {
-                w();
-                const K = o.value.find((Y) => Y.value === N.value);
-                K && ae(K, o.value);
+                V();
+                const J = o.value.find((te) => te.value === j.value);
+                J && ne(J, o.value);
               }
-              V();
+              C();
             }
           }
         ]
       })).present();
     }
-    async function W() {
-      var r;
-      if (e.value.required && Ce(m.value))
-        return ((r = c == null ? void 0 : c.errorMessages) == null ? void 0 : r.required) ?? "This field is required";
+    async function B() {
+      var u;
+      if (e.value.required && we(f.value))
+        return ((u = c == null ? void 0 : c.errorMessages) == null ? void 0 : u.required) ?? "This field is required";
       if (e.value.validation) {
-        const k = await e.value.validation(m.value, a == null ? void 0 : a.schema);
-        if (k && k.length)
-          return k.join();
+        const _ = await e.value.validation(f.value, a == null ? void 0 : a.schema);
+        if (_ && _.length)
+          return _.join();
       }
       return !0;
     }
-    const { onFocus: X, applyValidationState: te } = de(
+    const { onFocus: D, applyValidationState: Z } = ve(
       l,
       e,
-      z(() => e.value.multiple ? m.value : m.value[0]),
-      z(() => a == null ? void 0 : a.schema),
-      W
+      F(() => e.value.multiple ? f.value : f.value[0]),
+      F(() => a == null ? void 0 : a.schema),
+      B
     );
-    function le(r) {
-      var k;
-      r.target === ((k = l.value) == null ? void 0 : k.$el) && (X(), p.value === "popover" && (u.value = !0));
+    function Q(u) {
+      var _;
+      u.target === ((_ = l.value) == null ? void 0 : _.$el) && (D(), m.value === "popover" && (s.value = !0));
     }
-    async function V(r) {
+    async function C(u) {
       var b;
-      if ((b = r == null ? void 0 : r.relatedTarget) != null && b.closest(".suggestions-list")) return;
-      u.value = !1;
-      const k = await W();
-      k === !0 ? (e.value.error = "", e.value.value = e.value.multiple ? m.value : m.value[0]) : e.value.error = typeof k == "string" ? k : "Validation failed", await te(k === !0);
+      if ((b = u == null ? void 0 : u.relatedTarget) != null && b.closest(".suggestions-list")) return;
+      s.value = !1;
+      const _ = await B();
+      _ === !0 ? (e.value.error = "", e.value.value = e.value.multiple ? f.value : f.value[0]) : e.value.error = typeof _ == "string" ? _ : "Validation failed", await Z(_ === !0);
     }
-    async function O() {
-      const r = [];
+    async function I() {
+      const u = [];
       if (typeof e.value.options == "function") {
-        let k = {};
+        let _ = {};
         if (e.value.dependsOn && a.schema) {
           const b = Array.isArray(e.value.dependsOn) ? e.value.dependsOn : [e.value.dependsOn];
-          let x = !0;
-          if (k = b.reduce(
-            (y, q) => {
-              const N = a.schema[q];
-              return y[q] = Z(N) ? N.value : void 0, (y[q] === void 0 || y[q] === null || y[q] === "") && (x = !1), y;
+          let w = !0;
+          if (_ = b.reduce(
+            (y, M) => {
+              const j = a.schema[M];
+              return y[M] = X(j) ? j.value : void 0, (y[M] === void 0 || y[M] === null || y[M] === "") && (w = !1), y;
             },
             {}
-          ), x) {
-            const y = await e.value.options(g.value, k);
-            r.push(...y.filter((q) => !!q.label));
+          ), w) {
+            const y = await e.value.options(g.value, _);
+            u.push(...y.filter((M) => !!M.label));
           }
         } else {
           const b = await e.value.options(g.value, {});
-          r.push(...b.filter((x) => !!x.label));
+          u.push(...b.filter((w) => !!w.label));
         }
-      } else Array.isArray(e.value.options) && r.push(...dt(e.value.options, g.value));
-      m.value.forEach((k) => ae(k, r)), o.value = r;
+      } else Array.isArray(e.value.options) && u.push(...dt(e.value.options, g.value));
+      f.value.forEach((_) => ne(_, u)), o.value = u;
     }
-    async function B() {
-      let r = e.value.value;
-      if (typeof r == "function") {
-        const k = r();
-        r = k instanceof Promise ? await k : k;
-      } else r instanceof Promise && (r = await r);
-      if (r) {
-        if (o.value.length === 0 && await O(), Array.isArray(r))
-          r.forEach((k) => ae(k, o.value));
-        else if (typeof r == "object")
-          ae(r, o.value);
+    async function U() {
+      let u = e.value.value;
+      if (typeof u == "function") {
+        const _ = u();
+        u = _ instanceof Promise ? await _ : _;
+      } else u instanceof Promise && (u = await u);
+      if (u) {
+        if (o.value.length === 0 && await I(), Array.isArray(u))
+          u.forEach((_) => ne(_, o.value));
+        else if (typeof u == "object")
+          ne(u, o.value);
         else {
-          const k = o.value.find((b) => b.value === r);
-          ae(k || {
-            value: r,
-            label: r
+          const _ = o.value.find((b) => b.value === u);
+          ne(_ || {
+            value: u,
+            label: u
           }, o.value);
         }
-        e.value.value = r, V();
+        e.value.value = u, C();
       }
     }
-    return be(async () => {
-      await O(), await B();
+    return Ve(async () => {
+      await I(), await U();
     }), n({
-      onValueUpdate: V,
-      onReset: w,
+      onValueUpdate: C,
+      onReset: V,
       getErrors: () => e.value.error ? [e.value.error] : []
-    }), (r, k) => (d(), A("div", {
-      class: G(["autocomplete-container", e.value.className]),
-      onFocusout: V,
+    }), (u, _) => (v(), P("div", {
+      class: q(["autocomplete-container", e.value.className]),
+      onFocusout: C,
       ref_key: "containerRef",
-      ref: s
+      ref: i
     }, [
-      T(i(Fe), {
+      L(r(Ae), {
         ref_key: "inputRef",
         ref: l,
         modelValue: g.value,
-        "onUpdate:modelValue": k[0] || (k[0] = (b) => g.value = b),
+        "onUpdate:modelValue": _[0] || (_[0] = (b) => g.value = b),
         fill: e.value.fill ?? "solid",
         "label-placement": e.value.labelPlacement ?? "stacked",
         type: t.type ?? "text",
         required: e.value.required,
         "error-text": e.value.error,
         autofocus: e.value.autoFocus,
-        placeholder: i(f) ? "Loading..." : $.value,
-        disabled: e.value.disabled || i(f),
+        placeholder: r(p) ? "Loading..." : x.value,
+        disabled: e.value.disabled || r(p),
         counter: e.value.counter,
         debounce: 300,
-        onIonFocus: le,
-        onClick: S,
+        onIonFocus: Q,
+        onClick: O,
         style: { width: "100%" }
       }, {
         default: E(() => [
-          T(ke, {
+          L(Ce, {
             model: e.value,
             "slot-name": "label"
           }, null, 8, ["model"]),
-          e.value.multiple ? (d(), _(i(ue), {
+          e.value.multiple ? (v(), k(r(ue), {
             key: 0,
             style: { width: "fit-content" },
             slot: "start"
           }, {
             default: E(() => [
-              (d(!0), A(j, null, ee(m.value, (b, x) => (d(), _(i(Le), { key: x }, {
+              (v(!0), P(K, null, le(f.value, (b, w) => (v(), k(r(Ne), { key: w }, {
                 default: E(() => [
-                  T(i(ue), null, {
+                  L(r(ue), null, {
                     default: E(() => [
-                      H(P(b.label), 1)
+                      G(T(b.label), 1)
                     ]),
                     _: 2
                   }, 1024)
@@ -1501,7 +1501,7 @@ const ke = /* @__PURE__ */ U({
               }, 1024))), 128))
             ]),
             _: 1
-          })) : (d(), _(i(ue), {
+          })) : (v(), k(r(ue), {
             key: 1,
             slot: "start",
             class: "ion-no-wrap"
@@ -1509,73 +1509,73 @@ const ke = /* @__PURE__ */ U({
             default: E(() => {
               var b;
               return [
-                H(P(((b = m.value[0]) == null ? void 0 : b.label) ?? ""), 1)
+                G(T(((b = f.value[0]) == null ? void 0 : b.label) ?? ""), 1)
               ];
             }),
             _: 1
           })),
-          i(f) ? (d(), _(i($e), {
+          r(p) ? (v(), k(r(de), {
             key: 2,
             slot: "end",
             name: "crescent",
             class: "loading-spinner"
-          })) : (d(), _(i(ge), {
+          })) : (v(), k(r(_e), {
             key: 3,
             slot: "end",
-            icon: i(Je)
+            icon: r(Je)
           }, null, 8, ["icon"])),
-          (m.value.length > 0 || g.value) && !i(f) ? (d(), _(i(ge), {
+          (f.value.length > 0 || g.value) && !r(p) ? (v(), k(r(_e), {
             key: 4,
             slot: "end",
-            icon: i(Qe),
-            onClick: w,
+            icon: r(Qe),
+            onClick: V,
             style: { "z-index": "999999" }
-          }, null, 8, ["icon"])) : I("", !0)
+          }, null, 8, ["icon"])) : z("", !0)
         ]),
         _: 1
       }, 8, ["modelValue", "fill", "label-placement", "type", "required", "error-text", "autofocus", "placeholder", "disabled", "counter"]),
-      u.value && o.value.length > 0 && p.value === "popover" ? (d(), _(i(Me), {
+      s.value && o.value.length > 0 && m.value === "popover" ? (v(), k(r(Me), {
         key: 0,
-        class: G(["suggestions-list", h.value])
+        class: q(["suggestions-list", h.value])
       }, {
         default: E(() => [
-          (d(!0), A(j, null, ee(o.value, (b) => (d(), _(i(Ve), {
+          (v(!0), P(K, null, le(o.value, (b) => (v(), k(r(ge), {
             button: "",
             key: b.label,
-            onClick: (x) => C(b),
+            onClick: (w) => S(b),
             lines: e.value.showOptionsSeparator ? "none" : "full",
             disabled: b.disabled,
-            class: G({ "ion-item-disabled": b.disabled })
+            class: q({ "ion-item-disabled": b.disabled })
           }, {
             default: E(() => {
-              var x;
+              var w;
               return [
-                e.value.multiple ? (d(), _(i(Ae), {
+                e.value.multiple ? (v(), k(r(Pe), {
                   key: 0,
                   slot: "start",
                   checked: b.isChecked,
                   disabled: b.disabled
-                }, null, 8, ["checked", "disabled"])) : I("", !0),
-                D("div", Lt, [
-                  T(i(ue), null, {
+                }, null, 8, ["checked", "disabled"])) : z("", !0),
+                R("div", Nt, [
+                  L(r(ue), null, {
                     default: E(() => [
-                      H(P(b.label), 1)
+                      G(T(b.label), 1)
                     ]),
                     _: 2
                   }, 1024),
-                  i(Pe)(b, b.isChecked) ? (d(), _(i(xe), {
+                  r(Be)(b, b.isChecked) ? (v(), k(r(Oe), {
                     key: 0,
-                    color: (x = b.description) == null ? void 0 : x.color,
+                    color: (w = b.description) == null ? void 0 : w.color,
                     class: "option-description"
                   }, {
                     default: E(() => {
                       var y;
                       return [
-                        H(P((y = b.description) == null ? void 0 : y.text), 1)
+                        G(T((y = b.description) == null ? void 0 : y.text), 1)
                       ];
                     }),
                     _: 2
-                  }, 1032, ["color"])) : I("", !0)
+                  }, 1032, ["color"])) : z("", !0)
                 ])
               ];
             }),
@@ -1583,12 +1583,12 @@ const ke = /* @__PURE__ */ U({
           }, 1032, ["onClick", "lines", "disabled", "class"]))), 128))
         ]),
         _: 1
-      }, 8, ["class"])) : I("", !0)
+      }, 8, ["class"])) : z("", !0)
     ], 34));
   }
-}), jt = /* @__PURE__ */ re(Mt, [["__scopeId", "data-v-73a59c08"]]), Gt = /* @__PURE__ */ U({
+}), jt = /* @__PURE__ */ ae(Mt, [["__scopeId", "data-v-73a59c08"]]), Wt = /* @__PURE__ */ N({
   __name: "TextAreaInput",
-  props: /* @__PURE__ */ J({
+  props: /* @__PURE__ */ Y({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
@@ -1596,59 +1596,79 @@ const ke = /* @__PURE__ */ U({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: n }) {
-    const a = t, e = Q(t, "modelValue"), l = F(null), s = F(e.value.value), u = z(() => a.schema), { onValueUpdate: o, onFocus: g, onReset: v, getErrors: c } = de(
+    const a = t, e = ee(t, "modelValue"), l = $(null), i = F(() => a.schema), { resolvedValue: s, isLoading: o, error: g } = pe(e), d = $("");
+    W(
+      s,
+      (x) => {
+        x != null ? d.value = String(x) : d.value = "";
+      },
+      { immediate: !0 }
+    );
+    const { onValueUpdate: c, onFocus: p, onReset: m, getErrors: h } = ve(
       l,
       e,
-      s,
-      u
+      d,
+      i
     );
-    return L(
-      () => e.value.value,
-      (f) => s.value = f
-    ), n({
-      onReset: v,
-      onValueUpdate: o,
-      getErrors: c
-    }), (f, p) => (d(), _(i(We), {
-      ref_key: "inputRef",
-      ref: l,
-      modelValue: s.value,
-      "onUpdate:modelValue": p[0] || (p[0] = (h) => s.value = h),
-      class: G(e.value.className),
-      "clear-input": !0,
-      fill: e.value.fill ?? "solid",
-      "label-placement": e.value.labelPlacement ?? "stacked",
-      required: e.value.required,
-      "error-text": e.value.error,
-      autofocus: e.value.autoFocus,
-      placeholder: e.value.placeholder,
-      disabled: e.value.disabled,
-      counter: e.value.counter,
-      min: e.value.min,
-      max: e.value.max,
-      rows: e.value.rows,
-      cols: e.value.cols,
-      "auto-grow": e.value.autoGrow,
-      "max-length": e.value.maxLength,
-      "min-length": e.value.minLength,
-      pattern: e.value.pattern,
-      onIonFocus: i(g),
-      onIonChange: i(o),
-      onIonBlur: i(o),
-      style: { width: "100%" }
-    }, {
-      default: E(() => [
-        T(ke, {
-          model: e.value,
-          "slot-name": "label"
-        }, null, 8, ["model"])
-      ]),
-      _: 1
-    }, 8, ["modelValue", "class", "fill", "label-placement", "required", "error-text", "autofocus", "placeholder", "disabled", "counter", "min", "max", "rows", "cols", "auto-grow", "max-length", "min-length", "pattern", "onIonFocus", "onIonChange", "onIonBlur"]));
+    return n({
+      onReset: m,
+      onValueUpdate: c,
+      getErrors: () => {
+        const x = h();
+        return g.value ? [...x, g.value] : x;
+      },
+      isLoading: o,
+      valueError: g
+    }), (x, V) => (v(), P("div", {
+      class: q(["textarea-container", { loading: r(o) }])
+    }, [
+      L(r(Ge), {
+        ref_key: "inputRef",
+        ref: l,
+        modelValue: d.value,
+        "onUpdate:modelValue": V[0] || (V[0] = (S) => d.value = S),
+        class: q(e.value.className),
+        "clear-input": !0,
+        fill: e.value.fill ?? "solid",
+        "label-placement": e.value.labelPlacement ?? "stacked",
+        required: e.value.required,
+        "error-text": e.value.error,
+        autofocus: e.value.autoFocus,
+        placeholder: r(o) ? "Loading..." : e.value.placeholder,
+        disabled: e.value.disabled || r(o),
+        counter: e.value.counter,
+        min: e.value.min,
+        max: e.value.max,
+        rows: e.value.rows,
+        cols: e.value.cols,
+        "auto-grow": e.value.autoGrow,
+        "max-length": e.value.maxLength,
+        "min-length": e.value.minLength,
+        pattern: e.value.pattern,
+        onIonFocus: r(p),
+        onIonChange: r(c),
+        onIonBlur: r(c),
+        style: { width: "100%" }
+      }, {
+        default: E(() => [
+          L(Ce, {
+            model: e.value,
+            "slot-name": "label"
+          }, null, 8, ["model"]),
+          r(o) ? (v(), k(r(de), {
+            key: 0,
+            slot: "end",
+            name: "crescent",
+            class: "loading-spinner"
+          })) : z("", !0)
+        ]),
+        _: 1
+      }, 8, ["modelValue", "class", "fill", "label-placement", "required", "error-text", "autofocus", "placeholder", "disabled", "counter", "min", "max", "rows", "cols", "auto-grow", "max-length", "min-length", "pattern", "onIonFocus", "onIonChange", "onIonBlur"])
+    ], 2));
   }
-}), Wt = { class: "button-container" }, Ht = /* @__PURE__ */ U({
+}), Gt = /* @__PURE__ */ ae(Wt, [["__scopeId", "data-v-76df4b17"]]), Ht = { class: "button-container" }, Kt = /* @__PURE__ */ N({
   __name: "RepeatInput",
-  props: /* @__PURE__ */ J({
+  props: /* @__PURE__ */ Y({
     schema: {},
     data: {},
     computedData: {}
@@ -1658,88 +1678,88 @@ const ke = /* @__PURE__ */ U({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: n }) {
-    const a = t, e = Q(t, "modelValue"), l = F([]), { dynamicRefs: s, getFormErrors: u, updateFormValues: o } = Be(), g = z(() => l.value.map((m, $) => ({
-      label: `Set ${$ + 1}`,
-      value: $,
-      other: Object.entries(m).reduce(
-        (w, [C, S]) => (Z(S) && (w[C] = S.value), w),
+    const a = t, e = ee(t, "modelValue"), l = $([]), { dynamicRefs: i, getFormErrors: s, updateFormValues: o } = De(), g = F(() => l.value.map((f, x) => ({
+      label: `Set ${x + 1}`,
+      value: x,
+      other: Object.entries(f).reduce(
+        (V, [S, O]) => (X(O) && (V[S] = O.value), V),
         {}
       )
     })));
-    L(
+    W(
       g,
-      (m) => {
-        e.value.value = m;
+      (f) => {
+        e.value.value = f;
       },
       { deep: !0, immediate: !0 }
-    ), be(v);
-    function v() {
-      e.value.children && l.value.push(we(e.value.children));
+    ), Ve(d);
+    function d() {
+      e.value.children && l.value.push(Ee(e.value.children));
     }
-    function c(m) {
-      l.value.splice(m, 1);
+    function c(f) {
+      l.value.splice(f, 1);
     }
-    function f() {
-      const m = ($) => {
-        const [w, C] = $.split("-"), S = parseInt(w, 10);
-        return !isNaN(S) && C && l.value[S] && l.value[S][C] ? l.value[S][C] : null;
+    function p() {
+      const f = (x) => {
+        const [V, S] = x.split("-"), O = parseInt(V, 10);
+        return !isNaN(O) && S && l.value[O] && l.value[O][S] ? l.value[O][S] : null;
       };
       rt(
-        s.value,
+        i.value,
         a.data,
         a.computedData,
-        m
+        f
       );
     }
-    function p() {
-      return u();
+    function m() {
+      return s();
     }
     async function h() {
       await o();
     }
     return n({
       onValueUpdate: h,
-      onReset: f,
-      getErrors: p
-    }), (m, $) => (d(!0), A(j, null, ee(l.value, (w, C) => (d(), A("div", {
-      class: G(["repeat-input-wrapper", e.value.className]),
-      key: C
+      onReset: p,
+      getErrors: m
+    }), (f, x) => (v(!0), P(K, null, le(l.value, (V, S) => (v(), P("div", {
+      class: q(["repeat-input-wrapper", e.value.className]),
+      key: S
     }, [
-      T(i(ie), { class: "repeat-row" }, {
+      L(r(ie), { class: "repeat-row" }, {
         default: E(() => [
-          T(i(oe), {
+          L(r(se), {
             size: "11",
             class: "form-fields-column"
           }, {
             default: E(() => [
-              T(i(ie), { class: "fields-row" }, {
+              L(r(ie), { class: "fields-row" }, {
                 default: E(() => [
-                  (d(!0), A(j, null, ee(Object.keys(w), (S) => {
-                    var M, R, W, X, te;
-                    return d(), A(j, null, [
-                      i(he)(w[S], m.data, m.computedData) ? (d(), _(i(oe), {
-                        key: `${C}-${S}`,
-                        size: ((M = w[S].grid) == null ? void 0 : M.xs) ?? "12",
-                        "size-sm": (R = w[S].grid) == null ? void 0 : R.sm,
-                        "size-md": (W = w[S].grid) == null ? void 0 : W.md,
-                        "size-lg": (X = w[S].grid) == null ? void 0 : X.lg,
-                        "size-xl": (te = w[S].grid) == null ? void 0 : te.xl,
+                  (v(!0), P(K, null, le(Object.keys(V), (O) => {
+                    var H, A, B, D, Z;
+                    return v(), P(K, null, [
+                      r(be)(V[O], f.data, f.computedData) ? (v(), k(r(se), {
+                        key: `${S}-${O}`,
+                        size: ((H = V[O].grid) == null ? void 0 : H.xs) ?? "12",
+                        "size-sm": (A = V[O].grid) == null ? void 0 : A.sm,
+                        "size-md": (B = V[O].grid) == null ? void 0 : B.md,
+                        "size-lg": (D = V[O].grid) == null ? void 0 : D.lg,
+                        "size-xl": (Z = V[O].grid) == null ? void 0 : Z.xl,
                         class: "ion-margin-bottom"
                       }, {
                         default: E(() => [
-                          (d(), _(me(w[S].type), {
-                            modelValue: w[S],
-                            "onUpdate:modelValue": (le) => w[S] = le,
-                            schema: w,
-                            "ref-key": `${C}-${S}`,
+                          (v(), k(ye(V[O].type), {
+                            modelValue: V[O],
+                            "onUpdate:modelValue": (Q) => V[O] = Q,
+                            schema: V,
+                            "ref-key": `${S}-${O}`,
                             ref_for: !0,
                             ref_key: "dynamicRefs",
-                            ref: s,
+                            ref: i,
                             style: { width: "100%" }
                           }, null, 8, ["modelValue", "onUpdate:modelValue", "schema", "ref-key"]))
                         ]),
                         _: 2
-                      }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : I("", !0)
+                      }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : z("", !0)
                     ], 64);
                   }), 256))
                 ]),
@@ -1748,40 +1768,40 @@ const ke = /* @__PURE__ */ U({
             ]),
             _: 2
           }, 1024),
-          T(i(oe), {
+          L(r(se), {
             size: "1",
             class: "button-column"
           }, {
             default: E(() => [
-              D("div", Wt, [
-                C === l.value.length - 1 ? (d(), _(i(ye), {
+              R("div", Ht, [
+                S === l.value.length - 1 ? (v(), k(r(ke), {
                   key: 0,
-                  onClick: v,
+                  onClick: d,
                   color: "primary",
                   size: "small"
                 }, {
                   default: E(() => [
-                    T(i(ge), {
+                    L(r(_e), {
                       slot: "icon-only",
-                      icon: i(Xe)
+                      icon: r(Xe)
                     }, null, 8, ["icon"])
                   ]),
                   _: 1
-                })) : I("", !0),
-                l.value.length > 1 ? (d(), _(i(ye), {
+                })) : z("", !0),
+                l.value.length > 1 ? (v(), k(r(ke), {
                   key: 1,
-                  onClick: (S) => c(C),
+                  onClick: (O) => c(S),
                   color: "warning",
                   size: "small"
                 }, {
                   default: E(() => [
-                    T(i(ge), {
+                    L(r(_e), {
                       slot: "icon-only",
-                      icon: i(Ye)
+                      icon: r(Ye)
                     }, null, 8, ["icon"])
                   ]),
                   _: 2
-                }, 1032, ["onClick"])) : I("", !0)
+                }, 1032, ["onClick"])) : z("", !0)
               ])
             ]),
             _: 2
@@ -1791,9 +1811,9 @@ const ke = /* @__PURE__ */ U({
       }, 1024)
     ], 2))), 128));
   }
-}), Kt = /* @__PURE__ */ re(Ht, [["__scopeId", "data-v-f27172ba"]]), Zt = /* @__PURE__ */ U({
+}), Zt = /* @__PURE__ */ ae(Kt, [["__scopeId", "data-v-f27172ba"]]), Jt = /* @__PURE__ */ N({
   __name: "CheckboxInput",
-  props: /* @__PURE__ */ J({
+  props: /* @__PURE__ */ Y({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
@@ -1801,41 +1821,60 @@ const ke = /* @__PURE__ */ U({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: n }) {
-    const a = t, e = Q(t, "modelValue"), l = F(null), s = F(e.value.value), u = z(() => a.schema), o = z(() => vt(e.value)), { onValueUpdate: g, onFocus: v, getErrors: c } = de(l, e, s, u);
+    const a = t, e = ee(t, "modelValue"), l = $(null), i = F(() => a.schema), { resolvedValue: s, isLoading: o, error: g } = pe(e), d = $(!1);
+    W(
+      s,
+      (V) => {
+        V != null ? d.value = !!V : d.value = !1;
+      },
+      { immediate: !0 }
+    );
+    const c = F(() => vt(e.value)), { onValueUpdate: p, onFocus: m, getErrors: h } = ve(l, e, d, i);
     function f() {
-      s.value = !1, e.value.error = "", e.value.value = !1;
+      d.value = !1, e.value.error = "", e.value.value = !1;
     }
-    return L(
-      () => e.value.value,
-      (p) => s.value = p
-    ), n({
-      onValueUpdate: g,
+    return n({
+      onValueUpdate: p,
       onReset: f,
-      getErrors: c
-    }), (p, h) => (d(), _(i(Ae), {
-      modelValue: s.value,
-      "onUpdate:modelValue": h[0] || (h[0] = (m) => s.value = m),
-      ref_key: "inputRef",
-      ref: l,
-      justify: "start",
-      class: G(e.value.className),
-      required: e.value.required,
-      "error-text": e.value.error,
-      disabled: e.value.disabled,
-      onIonFocus: i(v),
-      onIonChange: i(g),
-      onIonBlur: i(g),
-      style: { width: "100%" }
-    }, {
-      default: E(() => [
-        H(P(o.value), 1)
-      ]),
-      _: 1
-    }, 8, ["modelValue", "class", "required", "error-text", "disabled", "onIonFocus", "onIonChange", "onIonBlur"]));
+      getErrors: () => {
+        const V = h();
+        return g.value ? [...V, g.value] : V;
+      },
+      isLoading: o,
+      valueError: g
+    }), (V, S) => (v(), P("div", {
+      class: q(["checkbox-container", { loading: r(o) }])
+    }, [
+      L(r(Pe), {
+        modelValue: d.value,
+        "onUpdate:modelValue": S[0] || (S[0] = (O) => d.value = O),
+        ref_key: "inputRef",
+        ref: l,
+        justify: "start",
+        class: q(e.value.className),
+        required: e.value.required,
+        "error-text": e.value.error,
+        disabled: e.value.disabled || r(o),
+        onIonFocus: r(m),
+        onIonChange: r(p),
+        onIonBlur: r(p),
+        style: { width: "100%" }
+      }, {
+        default: E(() => [
+          G(T(r(o) ? "Loading..." : c.value) + " ", 1),
+          r(o) ? (v(), k(r(de), {
+            key: 0,
+            name: "crescent",
+            class: "loading-spinner"
+          })) : z("", !0)
+        ]),
+        _: 1
+      }, 8, ["modelValue", "class", "required", "error-text", "disabled", "onIonFocus", "onIonChange", "onIonBlur"])
+    ], 2));
   }
-}), Jt = { class: "radio-content" }, Qt = { class: "radio-label" }, Xt = /* @__PURE__ */ U({
+}), Qt = /* @__PURE__ */ ae(Jt, [["__scopeId", "data-v-193b3431"]]), Xt = { class: "radio-content" }, Yt = { class: "radio-label" }, el = /* @__PURE__ */ N({
   __name: "RadioInput",
-  props: /* @__PURE__ */ J({
+  props: /* @__PURE__ */ Y({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
@@ -1843,89 +1882,125 @@ const ke = /* @__PURE__ */ U({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: n }) {
-    const a = t, e = Q(t, "modelValue"), l = F(null), s = F(e.value.value), u = z(() => a.schema), o = F([]), { onValueUpdate: g, onFocus: v, getErrors: c, isValid: f } = de(
+    const a = t, e = ee(t, "modelValue"), l = $(null), i = F(() => a.schema), s = $([]), { resolvedValue: o, isLoading: g, error: d } = pe(e), c = $(void 0);
+    W(
+      o,
+      (A) => {
+        if (A != null)
+          if (typeof A == "object" && "value" in A && "label" in A)
+            c.value = A;
+          else {
+            const B = s.value.find((D) => D.value === A);
+            c.value = B;
+          }
+        else
+          c.value = void 0;
+      },
+      { immediate: !0 }
+    );
+    const { onValueUpdate: p, onFocus: m, getErrors: h, isValid: f } = ve(
       l,
       e,
-      s,
-      u
+      c,
+      i
     );
-    function p() {
-      e.value.error = "", s.value = void 0, e.value.value = void 0;
+    function x() {
+      e.value.error = "", c.value = void 0, e.value.value = void 0;
     }
-    function h(w, C) {
-      return (w == null ? void 0 : w.value) === (C == null ? void 0 : C.value);
+    function V(A, B) {
+      return (A == null ? void 0 : A.value) === (B == null ? void 0 : B.value);
     }
-    function m(w) {
-      return s.value ? h(s.value, w) : !1;
+    function S(A) {
+      return c.value ? V(c.value, A) : !1;
     }
-    async function $() {
-      typeof e.value.options == "function" ? o.value = await e.value.options() : o.value = e.value.options;
+    async function O() {
+      typeof e.value.options == "function" ? s.value = await e.value.options() : s.value = e.value.options;
     }
-    return L(
-      () => e.value.value,
-      (w) => s.value = w
-    ), n({
-      onValueUpdate: g,
-      onReset: p,
-      getErrors: c,
-      isValid: f
-    }), be($), (w, C) => (d(), A(j, null, [
-      T(ke, { model: e.value }, null, 8, ["model"]),
-      C[1] || (C[1] = D("br", null, null, -1)),
-      e.value.error ? (d(), _(i(He), {
+    return n({
+      onValueUpdate: p,
+      onReset: x,
+      getErrors: () => {
+        const A = h();
+        return d.value ? [...A, d.value] : A;
+      },
+      isValid: f,
+      isLoading: g,
+      valueError: d
+    }), Ve(O), (A, B) => (v(), P("div", {
+      class: q(["radio-container", { loading: r(g) }])
+    }, [
+      L(Ce, { model: e.value }, null, 8, ["model"]),
+      r(g) ? (v(), k(r(de), {
         key: 0,
+        name: "crescent",
+        class: "loading-spinner"
+      })) : z("", !0),
+      B[2] || (B[2] = R("br", null, null, -1)),
+      e.value.error ? (v(), k(r(He), {
+        key: 1,
         color: "danger"
       }, {
         default: E(() => [
-          H(P(e.value.error), 1)
+          G(T(e.value.error), 1)
         ]),
         _: 1
-      })) : I("", !0),
-      T(i(Ve), null, {
+      })) : z("", !0),
+      r(g) ? (v(), k(r(ge), { key: 3 }, {
         default: E(() => [
-          T(i(Ke), {
-            modelValue: s.value,
-            "onUpdate:modelValue": C[0] || (C[0] = (S) => s.value = S),
-            class: G(e.value.className),
+          L(r(ue), null, {
+            default: E(() => B[1] || (B[1] = [
+              G("Loading options...")
+            ])),
+            _: 1,
+            __: [1]
+          })
+        ]),
+        _: 1
+      })) : (v(), k(r(ge), { key: 2 }, {
+        default: E(() => [
+          L(r(Ke), {
+            modelValue: c.value,
+            "onUpdate:modelValue": B[0] || (B[0] = (D) => c.value = D),
+            class: q(e.value.className),
             required: e.value.required,
             disabled: e.value.disabled,
-            compareWith: h,
+            compareWith: V,
             "allow-empty-selection": !e.value.required,
-            onIonFocus: i(v),
-            onIonChange: i(g),
-            onIonBlur: i(g),
+            onIonFocus: r(m),
+            onIonChange: r(p),
+            onIonBlur: r(p),
             style: { width: "100%" }
           }, {
             default: E(() => [
-              (d(!0), A(j, null, ee(o.value, (S) => (d(), _(i(Ve), {
-                key: S.value,
+              (v(!0), P(K, null, le(s.value, (D) => (v(), k(r(ge), {
+                key: D.value,
                 lines: e.value.showOptionsSeparator ? "none" : "full"
               }, {
                 default: E(() => [
-                  T(i(Ze), {
-                    value: S,
-                    disabled: e.value.disabled || S.disabled,
+                  L(r(Ze), {
+                    value: D,
+                    disabled: e.value.disabled || D.disabled,
                     "label-placement": "end",
                     justify: "start"
                   }, {
                     default: E(() => {
-                      var M;
+                      var Z;
                       return [
-                        D("div", Jt, [
-                          D("div", Qt, P(S.label), 1),
-                          i(Pe)(S, m(S)) ? (d(), _(i(xe), {
+                        R("div", Xt, [
+                          R("div", Yt, T(D.label), 1),
+                          r(Be)(D, S(D)) ? (v(), k(r(Oe), {
                             key: 0,
-                            color: (M = S.description) == null ? void 0 : M.color,
+                            color: (Z = D.description) == null ? void 0 : Z.color,
                             class: "radio-description"
                           }, {
                             default: E(() => {
-                              var R;
+                              var Q;
                               return [
-                                H(P((R = S.description) == null ? void 0 : R.text), 1)
+                                G(T((Q = D.description) == null ? void 0 : Q.text), 1)
                               ];
                             }),
                             _: 2
-                          }, 1032, ["color"])) : I("", !0)
+                          }, 1032, ["color"])) : z("", !0)
                         ])
                       ];
                     }),
@@ -1939,13 +2014,13 @@ const ke = /* @__PURE__ */ U({
           }, 8, ["modelValue", "class", "required", "disabled", "allow-empty-selection", "onIonFocus", "onIonChange", "onIonBlur"])
         ]),
         _: 1
-      })
-    ], 64));
+      }))
+    ], 2));
   }
-}), Yt = /* @__PURE__ */ re(Xt, [["__scopeId", "data-v-3dbfeaf7"]]), el = { class: "form-section-header" }, tl = { class: "form-section-title" }, ll = {
+}), tl = /* @__PURE__ */ ae(el, [["__scopeId", "data-v-4732d2f9"]]), ll = { class: "form-section-header" }, al = { class: "form-section-title" }, nl = {
   key: 0,
   class: "form-section-subtitle"
-}, al = /* @__PURE__ */ U({
+}, ol = /* @__PURE__ */ N({
   __name: "SectionTitle",
   props: {
     modelValue: {},
@@ -1956,106 +2031,106 @@ const ke = /* @__PURE__ */ U({
   setup(t) {
     const a = t.modelValue;
     return (e, l) => {
-      var s, u, o, g, v;
-      return d(), _(i(oe), {
-        size: ((s = i(a).grid) == null ? void 0 : s.xs) ?? "12",
-        "size-sm": (u = i(a).grid) == null ? void 0 : u.sm,
-        "size-md": (o = i(a).grid) == null ? void 0 : o.md,
-        "size-lg": (g = i(a).grid) == null ? void 0 : g.lg,
-        "size-xl": (v = i(a).grid) == null ? void 0 : v.xl,
-        class: G(["form-section-container", i(a).className])
+      var i, s, o, g, d;
+      return v(), k(r(se), {
+        size: ((i = r(a).grid) == null ? void 0 : i.xs) ?? "12",
+        "size-sm": (s = r(a).grid) == null ? void 0 : s.sm,
+        "size-md": (o = r(a).grid) == null ? void 0 : o.md,
+        "size-lg": (g = r(a).grid) == null ? void 0 : g.lg,
+        "size-xl": (d = r(a).grid) == null ? void 0 : d.xl,
+        class: q(["form-section-container", r(a).className])
       }, {
         default: E(() => [
-          D("div", el, [
-            D("h3", tl, P(i(a).title), 1),
-            i(a).subtitle ? (d(), A("p", ll, P(i(a).subtitle), 1)) : I("", !0)
+          R("div", ll, [
+            R("h3", al, T(r(a).title), 1),
+            r(a).subtitle ? (v(), P("p", nl, T(r(a).subtitle), 1)) : z("", !0)
           ])
         ]),
         _: 1
       }, 8, ["size", "size-sm", "size-md", "size-lg", "size-xl", "class"]);
     };
   }
-}), nl = /* @__PURE__ */ re(al, [["__scopeId", "data-v-e0bf7af0"]]);
-function il(t, n, a) {
-  const e = F({}), l = F({});
-  function s(c, f, p) {
-    l.value[c] = p, f.forEach((h) => {
-      var m;
-      (m = e.value)[h] ?? (m[h] = []), e.value[h].includes(c) || e.value[h].push(c);
-    }), v(c);
+}), sl = /* @__PURE__ */ ae(ol, [["__scopeId", "data-v-e0bf7af0"]]);
+function dl(t, n, a) {
+  const e = $({}), l = $({});
+  function i(c, p, m) {
+    l.value[c] = m, p.forEach((h) => {
+      var f;
+      (f = e.value)[h] ?? (f[h] = []), e.value[h].includes(c) || e.value[h].push(c);
+    }), d(c);
   }
-  function u(c) {
-    return Object.entries(e.value).filter(([, p]) => p.includes(c)).map(([p]) => p).reduce(
-      (p, h) => (p[h] = n.value[h] ?? a.value[h], p),
+  function s(c) {
+    return Object.entries(e.value).filter(([, m]) => m.includes(c)).map(([m]) => m).reduce(
+      (m, h) => (m[h] = n.value[h] ?? a.value[h], m),
       {}
     );
   }
-  function o(c, f) {
-    return c ? Array.isArray(c) ? c.some((p) => f.some((h) => g(p, h.value))) : f.some((p) => g(c, p.value)) : !1;
+  function o(c, p) {
+    return c ? Array.isArray(c) ? c.some((m) => p.some((h) => g(m, h.value))) : p.some((m) => g(c, m.value)) : !1;
   }
-  function g(c, f) {
-    return typeof c == "object" && c !== null ? c.value === f : String(c) === String(f);
+  function g(c, p) {
+    return typeof c == "object" && c !== null ? c.value === p : String(c) === String(p);
   }
-  async function v(c, f) {
+  async function d(c, p) {
     if (!l.value[c]) return;
-    const p = u(c), h = Object.keys(p);
+    const m = s(c), h = Object.keys(m);
     if (!(h.length === 0 || !h.every(
-      ($) => p[$] !== void 0 && p[$] !== null
+      (x) => m[x] !== void 0 && m[x] !== null
     )))
       try {
-        const $ = l.value[c], w = await $(f, p);
+        const x = l.value[c], V = await x(p, m);
         if (!t.value[c]) return;
-        const C = t.value[c];
-        if (!Z(C)) return;
-        C.options = w;
-        const S = C.value;
-        if (!S) return;
-        o(S, w) || (C.value = C.multiple ? [] : "");
-      } catch ($) {
-        console.error(`Error loading options for ${c}:`, $);
+        const S = t.value[c];
+        if (!X(S)) return;
+        S.options = V;
+        const O = S.value;
+        if (!O) return;
+        o(O, V) || (S.value = S.multiple ? [] : "");
+      } catch (x) {
+        console.error(`Error loading options for ${c}:`, x);
       }
   }
-  return L(
+  return W(
     [n, a],
     () => {
-      Object.entries(e.value).forEach(([c, f]) => {
-        (n.value[c] !== void 0 || a.value[c] !== void 0) && f.forEach((p) => {
-          v(p);
+      Object.entries(e.value).forEach(([c, p]) => {
+        (n.value[c] !== void 0 || a.value[c] !== void 0) && p.forEach((m) => {
+          d(m);
         });
       });
     },
     { deep: !0, immediate: !0 }
   ), {
-    registerDependency: s,
-    updateOptions: v
+    registerDependency: i,
+    updateOptions: d
   };
 }
-const cl = {
+const vl = {
   install(t, n) {
-    n && t.provide("globalConfig", n), t.component("VForm", At), t.component("TextInput", Tt), t.component("DateInput", Ut), t.component("NumberInput", Rt), t.component("EmailInput", qt), t.component("PasswordInput", Nt), t.component("SelectInput", jt), t.component("TextAreaInput", Gt), t.component("RepeatInput", Kt), t.component("CheckboxInput", Zt), t.component("RadioInput", Yt), t.component("FormSection", nl), t.directive("maskito", et);
+    n && t.provide("globalConfig", n), t.component("VForm", At), t.component("TextInput", Lt), t.component("DateInput", Tt), t.component("NumberInput", Ut), t.component("EmailInput", Rt), t.component("PasswordInput", qt), t.component("SelectInput", jt), t.component("TextAreaInput", Gt), t.component("RepeatInput", Zt), t.component("CheckboxInput", Qt), t.component("RadioInput", tl), t.component("FormSection", sl), t.directive("maskito", et);
   }
 };
 export {
-  Zt as CheckboxInput,
-  Ut as DateInput,
-  qt as EmailInput,
+  Qt as CheckboxInput,
+  Tt as DateInput,
+  Rt as EmailInput,
   At as FormBuilder,
-  nl as FormSection,
-  Rt as NumberInput,
-  Nt as PasswordInput,
-  Yt as RadioInput,
-  Kt as RepeatInput,
+  sl as FormSection,
+  Ut as NumberInput,
+  qt as PasswordInput,
+  tl as RadioInput,
+  Zt as RepeatInput,
   jt as SelectInput,
   Gt as TextAreaInput,
-  Tt as TextInput,
-  cl as VForm,
-  cl as default,
+  Lt as TextInput,
+  vl as VForm,
+  vl as default,
   st as resolveFormFieldValue,
   pt as useDataTransformation,
-  il as useDependentOptions,
-  De as useFormFieldValue,
-  Be as useFormValidation,
-  de as useInputValidation,
+  dl as useDependentOptions,
+  pe as useFormFieldValue,
+  De as useFormValidation,
+  ve as useInputValidation,
   ft as useMultiStepForm
 };
 //# sourceMappingURL=index.es.js.map