@uniquedj95/vform 3.3.0 → 3.4.1

package/dist/index.es.js

@@ -1,8 +1,8 @@
-import { ref as C, computed as w, watch as S, defineComponent as F, createBlock as V, openBlock as p, unref as v, withCtx as b, createVNode as A, createCommentVNode as R, createElementBlock as q, Fragment as T, renderList as K, resolveDynamicComponent as de, normalizeStyle as Ve, createTextVNode as I, toDisplayString as B, toRef as be, mergeModels as z, useModel as $, resolveDirective as _e, withDirectives as xe, onMounted as oe, normalizeClass as ke, createElementVNode as ie } from "vue";
-import { IonGrid as Ce, IonRow as te, IonCol as le, IonButton as Z, IonLabel as H, IonText as Oe, IonInput as ve, IonInputPasswordToggle as Ee, IonChip as we, IonIcon as ee, IonList as Re, IonItem as Ae, IonCheckbox as fe, actionSheetController as Ie, alertController as Fe, IonTextarea as Ue, IonRadioGroup as Be, IonRadio as Se } from "@ionic/vue";
-import { chevronDown as qe, close as ze, add as $e, remove as Te } from "ionicons/icons";
-import { maskito as Le } from "@maskito/vue";
-function De(t) {
+import { ref as E, computed as S, watch as D, defineComponent as T, createElementBlock as $, openBlock as f, normalizeClass as ne, createElementVNode as B, createCommentVNode as O, Fragment as M, renderList as K, toDisplayString as A, normalizeStyle as ve, createBlock as b, createVNode as I, unref as d, withCtx as k, resolveDynamicComponent as fe, createTextVNode as z, toRef as we, mergeModels as G, useModel as H, resolveDirective as Oe, withDirectives as Ee, onMounted as ge } from "vue";
+import { IonGrid as Ve, IonRow as le, IonCol as ae, IonButton as N, IonLabel as Y, IonText as xe, IonInput as _e, IonInputPasswordToggle as Re, IonChip as Ae, IonIcon as ce, IonList as $e, IonItem as Fe, IonCheckbox as be, actionSheetController as ze, alertController as Be, IonTextarea as Pe, IonRadioGroup as Ie, IonRadio as Ue } from "@ionic/vue";
+import { chevronDown as De, close as Te, add as qe, remove as Le } from "ionicons/icons";
+import { maskito as Me } from "@maskito/vue";
+function je(t) {
   return new Promise((u) => {
     requestAnimationFrame(async () => {
       const n = await t.getInputElement();
@@ -10,146 +10,146 @@ function De(t) {
     });
   });
 }
-const Me = {
+const Ne = {
   d: /\d/,
   a: /[A-Za-z]/,
   "*": /[A-Za-z0-9]/
   // Default: alphanum, can customize if needed
-}, je = {
+}, Ge = {
   d: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "0"],
   a: ["A", "B", "C", "x", "y", "z", "D", "f"],
   "*": ["A", "3", "b", "8", "z", "4", "D", "0"]
 };
-function Pe(t, u) {
-  const n = je[t];
+function He(t, u) {
+  const n = Ge[t];
   return n[u % n.length];
 }
-function Ne(t) {
+function Ke(t) {
   const u = [];
   let n = "", e = 0, l = 0;
   for (; e < t.length; ) {
-    const a = t[e];
-    if (["d", "a", "*"].includes(a)) {
-      let i = 1;
+    const s = t[e];
+    if (["d", "a", "*"].includes(s)) {
+      let r = 1;
       if (t[e + 1] === "{") {
-        const s = t.indexOf("}", e + 2);
-        if (s !== -1) {
-          const h = t.slice(e + 2, s);
-          if (h.includes(",")) {
-            const [, c] = h.split(",").map((r) => parseInt(r.trim()));
-            i = c || parseInt(h.split(",")[0]);
+        const o = t.indexOf("}", e + 2);
+        if (o !== -1) {
+          const y = t.slice(e + 2, o);
+          if (y.includes(",")) {
+            const [, p] = y.split(",").map((c) => parseInt(c.trim()));
+            r = p || parseInt(y.split(",")[0]);
           } else
-            i = parseInt(h);
-          e = s;
+            r = parseInt(y);
+          e = o;
         }
       } else {
-        let s = e + 1;
-        for (; t[s] === a; )
-          i++, s++;
-        e = s - 1;
+        let o = e + 1;
+        for (; t[o] === s; )
+          r++, o++;
+        e = o - 1;
       }
-      for (let s = 0; s < i; s++)
-        u.push(Me[a]), n += Pe(a, l++);
+      for (let o = 0; o < r; o++)
+        u.push(Ne[s]), n += He(s, l++);
     } else
-      u.push(a), n += a;
+      u.push(s), n += s;
     e++;
   }
   return {
     mask: u,
     placeholder: n,
-    elementPredicate: De
+    elementPredicate: je
   };
 }
-function ae(t) {
+function me(t) {
   return t == null || Array.isArray(t) && !t.length || typeof t == "object" && !Object.keys(t).length || !t;
 }
-function ne(t, u, n) {
+function ie(t, u, n) {
   return typeof t.condition == "function" ? t.condition(u, n) : !0;
 }
-function ue(t) {
+function he(t) {
   if (typeof t != "object" || t === null)
     return t;
   if (Array.isArray(t))
-    return t.map((n) => ue(n));
+    return t.map((n) => he(n));
   const u = {};
   return Object.entries(t).forEach(([n, e]) => {
-    typeof e == "function" ? u[n] = e.bind(u) : u[n] = ue(e);
+    typeof e == "function" ? u[n] = e.bind(u) : u[n] = he(e);
   }), u;
 }
-function pe(t, u) {
+function ye(t, u) {
   return u.findIndex((n) => n.value === t.value || n.label === t.label || n.value === t.label || n.label === t.value);
 }
-function D(t, u) {
-  const n = pe(t, u);
+function X(t, u) {
+  const n = ye(t, u);
   n >= 0 ? u[n].isChecked = !0 : u.push({ ...t, isChecked: !0 });
 }
-function ce(t, u) {
-  const n = pe(t, u);
+function We(t, u) {
+  const n = ye(t, u);
   n >= 0 && (u[n].isChecked = !1);
 }
-function Ge(t) {
+function Ze(t) {
   t.forEach((u) => {
     u.isChecked = !1;
   });
 }
-function He(t, u) {
+function Je(t, u) {
   return u ? t.filter(
     (n) => JSON.stringify(n).toLowerCase().includes(u.toLowerCase())
   ) : t;
 }
-function me(t) {
+function ke(t) {
   const u = t.label || "", n = t.required ? " *" : "";
   return u + n;
 }
-function J(t, u) {
+function oe(t, u) {
   if (t === u) return !0;
   if (t == null || u == null || typeof t != typeof u) return !1;
   if (typeof t != "object") return t === u;
   if (Array.isArray(t) && Array.isArray(u))
-    return t.length !== u.length ? !1 : t.every((l, a) => J(l, u[a]));
+    return t.length !== u.length ? !1 : t.every((l, s) => oe(l, u[s]));
   if (Array.isArray(t) !== Array.isArray(u)) return !1;
   const n = Object.keys(t), e = Object.keys(u);
   return n.length !== e.length ? !1 : n.every(
-    (l) => Object.prototype.hasOwnProperty.call(u, l) && J(t[l], u[l])
+    (l) => Object.prototype.hasOwnProperty.call(u, l) && oe(t[l], u[l])
   );
 }
-function ye() {
-  const t = C([]);
+function Se() {
+  const t = E([]);
   async function u() {
     console.debug("Validating form inputs");
-    const a = [];
-    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")
+    const s = [];
+    for (const r of t.value)
+      if (typeof (r == null ? void 0 : r.onValueUpdate) == "function" && await r.onValueUpdate(), typeof (r == null ? void 0 : r.getErrors) == "function")
         try {
-          const s = i.getErrors();
-          Array.isArray(s) ? a.push(...s) : console.warn("getErrors() returned non-array value:", s);
-        } catch (s) {
-          console.error("Error calling getErrors on component:", s, i);
+          const o = r.getErrors();
+          Array.isArray(o) ? s.push(...o) : console.warn("getErrors() returned non-array value:", o);
+        } catch (o) {
+          console.error("Error calling getErrors on component:", o, r);
         }
       else
-        console.warn("Component does not have getErrors function:", i);
-    return a.every(ae);
+        console.warn("Component does not have getErrors function:", r);
+    return s.every(me);
   }
   function n() {
-    t.value.forEach((a) => {
-      typeof (a == null ? void 0 : a.onReset) == "function" && a.onReset();
+    t.value.forEach((s) => {
+      typeof (s == null ? void 0 : s.onReset) == "function" && s.onReset();
     });
   }
   function e() {
-    const a = [];
-    for (const i of t.value)
-      if (typeof (i == null ? void 0 : i.getErrors) == "function")
+    const s = [];
+    for (const r of t.value)
+      if (typeof (r == null ? void 0 : r.getErrors) == "function")
         try {
-          const s = i.getErrors();
-          Array.isArray(s) ? a.push(...s) : a.push(String(s));
-        } catch (s) {
-          console.error("Error calling getErrors on component:", s, i);
+          const o = r.getErrors();
+          Array.isArray(o) ? s.push(...o) : s.push(String(o));
+        } catch (o) {
+          console.error("Error calling getErrors on component:", o, r);
         }
-    return a;
+    return s;
   }
   async function l() {
-    for (const a of t.value)
-      typeof (a == null ? void 0 : a.onValueUpdate) == "function" && await a.onValueUpdate();
+    for (const s of t.value)
+      typeof (s == null ? void 0 : s.onValueUpdate) == "function" && await s.onValueUpdate();
   }
   return {
     dynamicRefs: t,
@@ -159,44 +159,44 @@ function ye() {
     updateFormValues: l
   };
 }
-function Ke(t) {
-  const u = w(
-    () => Object.entries(t.value).reduce((c, [r, d]) => (d.value !== void 0 && (typeof d.onChange == "function" ? c[r] = d.onChange(d.value, t.value) : c[r] = d.value), c), {})
-  ), n = C({}), e = (c, r, d) => {
-    var o;
-    return typeof ((o = t.value[c].children[r]) == null ? void 0 : o.computedValue) == "function" ? t.value[c].children[r].computedValue(d, t.value) : d;
-  }, l = (c, r, d, o) => {
-    n.value[c][o] || (n.value[c][o] = {}), Object.entries(r.other ?? {}).forEach(([m, y]) => {
-      var f;
-      !J(y, (f = d.other) == null ? void 0 : f[m]) && (n.value[c][o][m] = e(c, m, y));
+function Qe(t) {
+  const u = S(
+    () => Object.entries(t.value).reduce((p, [c, v]) => (v.value !== void 0 && (typeof v.onChange == "function" ? p[c] = v.onChange(v.value, t.value) : p[c] = v.value), p), {})
+  ), n = E({}), e = (p, c, v) => {
+    var i;
+    return typeof ((i = t.value[p].children[c]) == null ? void 0 : i.computedValue) == "function" ? t.value[p].children[c].computedValue(v, t.value) : v;
+  }, l = (p, c, v, i) => {
+    n.value[p][i] || (n.value[p][i] = {}), Object.entries(c.other ?? {}).forEach(([h, C]) => {
+      var w;
+      !oe(C, (w = v.other) == null ? void 0 : w[h]) && (n.value[p][i][h] = e(p, h, C));
     });
-  }, a = (c, r, d) => {
-    r.forEach((o, m) => {
-      const y = d[m] ?? { other: {} };
-      l(c, o, y, m);
+  }, s = (p, c, v) => {
+    c.forEach((i, h) => {
+      const C = v[h] ?? { other: {} };
+      l(p, i, C, h);
     });
-  }, i = (c, { other: r }) => Object.entries(r ?? {}).reduce(
-    (d, [o, m]) => (d[o] = e(c, o, m), d),
+  }, r = (p, { other: c }) => Object.entries(c ?? {}).reduce(
+    (v, [i, h]) => (v[i] = e(p, i, h), v),
     {}
-  ), s = (c, r, d) => {
-    n.value[c] || (n.value[c] = []);
-    const o = r;
-    Array.isArray(d[c]) ? a(c, o, d[c]) : n.value[c] = o.map((m) => i(c, m));
-  }, h = (c, r, d) => {
-    if (!r) {
-      delete n.value[c];
+  ), o = (p, c, v) => {
+    n.value[p] || (n.value[p] = []);
+    const i = c;
+    Array.isArray(v[p]) ? s(p, i, v[p]) : n.value[p] = i.map((h) => r(p, h));
+  }, y = (p, c, v) => {
+    if (!c) {
+      delete n.value[p];
       return;
     }
-    const o = t.value[c];
-    o.children !== void 0 ? s(c, r, d) : typeof o.computedValue == "function" && (n.value[c] = o.computedValue(r, t.value));
+    const i = t.value[p];
+    i.children !== void 0 ? o(p, c, v) : typeof i.computedValue == "function" && (n.value[p] = i.computedValue(c, t.value));
   };
-  return S(
+  return D(
     u,
-    (c, r = {}) => {
-      Object.keys(c).forEach((d) => {
-        J(c[d], r[d]) || h(d, c[d], r);
-      }), Object.keys(r).forEach((d) => {
-        !(d in c) && d in n.value && delete n.value[d];
+    (p, c = {}) => {
+      Object.keys(p).forEach((v) => {
+        oe(p[v], c[v]) || y(v, p[v], c);
+      }), Object.keys(c).forEach((v) => {
+        !(v in p) && v in n.value && delete n.value[v];
       });
     },
     {
@@ -208,10 +208,190 @@ function Ke(t) {
     computedData: n
   };
 }
-const We = /* @__PURE__ */ F({
+function Xe(t) {
+  const u = E(0), n = E({}), e = E({}), l = E({});
+  function s(V) {
+    const a = {};
+    return Object.entries(V.schema).forEach(([m, _]) => {
+      a[m] = _.value;
+    }), a;
+  }
+  t.steps.forEach((V) => {
+    n.value[V.id] = s(V), e.value[V.id] = {}, l.value[V.id] = [];
+  });
+  const r = S(() => t.steps[u.value]), o = S(() => u.value === 0), y = S(() => u.value === t.steps.length - 1), p = S(() => !y.value), c = S(() => !o.value), v = S(() => t.steps.length), i = S(() => v.value === 0 ? 0 : Math.round((u.value + 1) / v.value * 100)), h = S(() => {
+    const V = {};
+    return Object.values(n.value).forEach((a) => {
+      Object.assign(V, a);
+    }), V;
+  }), C = S(() => {
+    const V = {};
+    return Object.values(e.value).forEach((a) => {
+      Object.assign(V, a);
+    }), V;
+  });
+  function x(V, a) {
+    n.value[V] = { ...n.value[V], ...a };
+  }
+  function w(V, a) {
+    e.value[V] = { ...e.value[V], ...a };
+  }
+  function R(V) {
+    const a = t.steps.find((m) => m.id === V);
+    a && (n.value[V] = s(a), e.value[V] = {});
+  }
+  async function F() {
+    const V = r.value;
+    if (!V) return !0;
+    const a = [];
+    if (V.validation) {
+      const m = await V.validation(
+        n.value[V.id],
+        e.value[V.id]
+      );
+      m && a.push(...m);
+    }
+    return l.value[V.id] = a, a.length === 0;
+  }
+  async function j(V) {
+    return V < 0 || V >= t.steps.length || V > u.value && !await F() ? !1 : (u.value = V, !0);
+  }
+  async function W() {
+    return p.value ? j(u.value + 1) : !1;
+  }
+  async function J() {
+    return c.value ? j(u.value - 1) : !1;
+  }
+  function Z() {
+    u.value = 0, l.value = {}, t.steps.forEach((V) => {
+      R(V.id), l.value[V.id] = [];
+    });
+  }
+  async function q() {
+    let V = !0;
+    for (const a of t.steps)
+      if (a.validation) {
+        const m = await a.validation(
+          n.value[a.id],
+          e.value[a.id]
+        );
+        l.value[a.id] = m || [], m && m.length > 0 && (V = !1);
+      }
+    return V;
+  }
+  function L() {
+    return {
+      steps: { ...n.value },
+      computedSteps: { ...e.value },
+      allFormData: h.value,
+      allComputedData: C.value
+    };
+  }
+  return {
+    // State
+    currentStepIndex: u,
+    currentStep: r,
+    stepData: n,
+    stepComputedData: e,
+    stepValidationErrors: l,
+    // Computed
+    isFirstStep: o,
+    isLastStep: y,
+    canGoNext: p,
+    canGoPrevious: c,
+    totalSteps: v,
+    progressPercentage: i,
+    allFormData: h,
+    allComputedData: C,
+    // Methods
+    updateStepData: x,
+    updateStepComputedData: w,
+    clearStepData: R,
+    validateCurrentStep: F,
+    goToStep: j,
+    nextStep: W,
+    previousStep: J,
+    resetForm: Z,
+    validateAllSteps: q,
+    getMultiStepFormData: L
+  };
+}
+const Ye = { class: "step-indicator__container" }, et = ["onClick"], tt = { class: "step-indicator__step-content" }, lt = { class: "step-indicator__step-marker" }, at = { class: "step-indicator__step-info" }, nt = { class: "step-indicator__step-title" }, ot = {
+  key: 0,
+  class: "step-indicator__step-subtitle"
+}, ut = {
+  key: 0,
+  class: "step-indicator__progress"
+}, st = { class: "step-indicator__progress-bar" }, rt = { class: "step-indicator__progress-text" }, it = /* @__PURE__ */ T({
+  __name: "StepIndicator",
+  props: {
+    steps: {},
+    activeStepIndex: {},
+    position: {},
+    showProgress: { type: Boolean, default: !0 },
+    allowNavigation: { type: Boolean, default: !1 }
+  },
+  emits: ["step-click"],
+  setup(t, { emit: u }) {
+    const n = t, e = u, l = S(() => n.steps.length === 0 ? 0 : (n.activeStepIndex + 1) / n.steps.length * 100);
+    function s(r) {
+      n.allowNavigation && e("step-click", r);
+    }
+    return (r, o) => (f(), $("div", {
+      class: ne(["step-indicator", [`step-indicator--${r.position}`, { "step-indicator--clickable": r.allowNavigation }]])
+    }, [
+      B("div", Ye, [
+        (f(!0), $(M, null, K(r.steps, (y, p) => (f(), $("div", {
+          key: y.id,
+          class: ne(["step-indicator__step", {
+            "step-indicator__step--active": p === r.activeStepIndex,
+            "step-indicator__step--completed": p < r.activeStepIndex,
+            "step-indicator__step--clickable": r.allowNavigation
+          }]),
+          onClick: (c) => s(p)
+        }, [
+          B("div", tt, [
+            B("div", lt, [
+              B("span", null, A(p + 1), 1)
+            ]),
+            B("div", at, [
+              B("div", nt, A(y.title), 1),
+              y.subtitle ? (f(), $("div", ot, A(y.subtitle), 1)) : O("", !0)
+            ])
+          ]),
+          p < r.steps.length - 1 ? (f(), $("div", {
+            key: 0,
+            class: ne(["step-indicator__connector", { "step-indicator__connector--completed": p < r.activeStepIndex }])
+          }, null, 2)) : O("", !0)
+        ], 10, et))), 128))
+      ]),
+      r.showProgress && (r.position === "top" || r.position === "bottom") ? (f(), $("div", ut, [
+        B("div", st, [
+          B("div", {
+            class: "step-indicator__progress-fill",
+            style: ve({ width: `${l.value}%` })
+          }, null, 4)
+        ]),
+        B("div", rt, " Step " + A(r.activeStepIndex + 1) + " of " + A(r.steps.length), 1)
+      ])) : O("", !0)
+    ], 2));
+  }
+}), de = (t, u) => {
+  const n = t.__vccOpts || t;
+  for (const [e, l] of u)
+    n[e] = l;
+  return n;
+}, re = /* @__PURE__ */ de(it, [["__scopeId", "data-v-aca1a6d0"]]), ct = { class: "v-form-container" }, dt = {
+  key: 0,
+  class: "multi-step-form"
+}, pt = { class: "multi-step-form-content" }, vt = { class: "step-nav-buttons" }, ft = { class: "step-action-buttons" }, mt = { class: "step-nav-buttons" }, ht = {
+  key: 1,
+  class: "step-progress-bottom"
+}, gt = { class: "step-progress-bar" }, yt = { class: "step-progress-text" }, Ct = /* @__PURE__ */ T({
   __name: "vForm",
   props: {
     schema: {},
+    multiStepConfig: {},
     showLabels: { type: Boolean, default: !0 },
     showClearButton: { type: Boolean, default: !0 },
     showCancelButton: { type: Boolean, default: !0 },
@@ -222,137 +402,366 @@ const We = /* @__PURE__ */ F({
     hideButtons: { type: Boolean, default: !1 },
     customButtons: {}
   },
-  emits: ["submit", "clear", "cancel"],
+  emits: ["submit", "multi-step-submit", "step-change", "clear", "cancel"],
   setup(t, { expose: u, emit: n }) {
-    const e = t, l = n, a = C(e.schema), { dynamicRefs: i, isFormValid: s, resetForm: h } = ye(), { formData: c, computedData: r } = Ke(a);
-    async function d() {
-      await s() && l("submit", c.value, r.value);
+    const e = t, l = n, s = S(() => !!e.multiStepConfig), r = E(e.schema || {}), o = e.multiStepConfig ? Xe(e.multiStepConfig) : null, { dynamicRefs: y, isFormValid: p, resetForm: c } = Se(), { formData: v, computedData: i } = Qe(r), h = S(() => (o == null ? void 0 : o.currentStepIndex.value) ?? 0), C = S(() => o == null ? void 0 : o.currentStep.value), x = S(() => (o == null ? void 0 : o.isLastStep.value) ?? !0), w = S(() => (o == null ? void 0 : o.canGoNext.value) ?? !1), R = S(() => (o == null ? void 0 : o.canGoPrevious.value) ?? !1), F = S(() => !s.value || !o ? 0 : o.progressPercentage.value);
+    D(
+      () => C.value,
+      (a) => {
+        a && s.value && (r.value = a.schema);
+      },
+      { immediate: !0 }
+    ), D(
+      [v, i],
+      ([a, m]) => {
+        s.value && o && C.value && (o.updateStepData(C.value.id, a), o.updateStepComputedData(C.value.id, m));
+      },
+      { deep: !0 }
+    ), D(
+      () => e.schema,
+      (a) => {
+        if (!s.value && a) {
+          r.value = a;
+          for (const [m, _] of Object.entries(a))
+            _.value !== void 0 && (r.value[m].value = _.value);
+        }
+      },
+      { deep: !0, immediate: !0 }
+    );
+    async function j() {
+      if (s.value && o) {
+        if (!await o.validateAllSteps()) return;
+        const m = o.getMultiStepFormData();
+        l("multi-step-submit", m);
+      } else {
+        if (!await p()) return;
+        l("submit", v.value, i.value);
+      }
     }
-    function o() {
-      h(), l("clear");
+    function W() {
+      s.value && o ? o.resetForm() : c(), l("clear");
     }
-    function m() {
-      h(), l("cancel");
+    function J() {
+      s.value && o && C.value && o.clearStepData(C.value.id);
     }
-    return S(
-      c,
-      async () => {
-        for (const [y, _] of Object.entries(a.value))
-          ne(_, c.value, r.value) || (_.value = e.schema[y].value);
-      },
-      {
-        deep: !0,
-        immediate: !0
+    function Z() {
+      s.value && o ? o.resetForm() : c(), l("cancel");
+    }
+    async function q() {
+      if (o) {
+        if (!await p())
+          return;
+        await o.nextStep() && C.value && l("step-change", h.value, C.value.id);
       }
-    ), S(
-      () => e.schema,
-      (y) => {
-        for (const [_, f] of Object.entries(y))
-          f.value !== void 0 && (a.value[_].value = f.value);
+    }
+    async function L() {
+      o && await o.previousStep() && C.value && l("step-change", h.value, C.value.id);
+    }
+    async function V(a) {
+      if (o) {
+        if (a > h.value && !await p())
+          return;
+        await o.goToStep(a) && C.value && l("step-change", a, C.value.id);
+      }
+    }
+    return D(
+      v,
+      async () => {
+        var a;
+        for (const [m, _] of Object.entries(r.value))
+          if (!ie(_, v.value, i.value)) {
+            const g = s.value && C.value ? C.value.schema[m] : (a = e.schema) == null ? void 0 : a[m];
+            g && (_.value = g.value);
+          }
       },
       {
         deep: !0,
         immediate: !0
       }
     ), u({
-      resetForm: h,
-      isFormValid: s,
-      resolveData: () => ({
-        formData: c.value,
-        computedData: r.value
-      })
-    }), (y, _) => (p(), V(v(Ce), null, {
-      default: b(() => [
-        A(v(te), null, {
-          default: b(() => [
-            (p(!0), q(T, null, K(Object.keys(a.value), (f) => {
-              var O, E, L, M, j;
-              return p(), q(T, null, [
-                v(ne)(a.value[f], v(c), v(r)) ? (p(), V(v(le), {
-                  key: f,
-                  size: ((O = a.value[f].grid) == null ? void 0 : O.xs) ?? "12",
-                  "size-sm": (E = a.value[f].grid) == null ? void 0 : E.sm,
-                  "size-md": (L = a.value[f].grid) == null ? void 0 : L.md,
-                  "size-lg": (M = a.value[f].grid) == null ? void 0 : M.lg,
-                  "size-xl": (j = a.value[f].grid) == null ? void 0 : j.xl,
-                  class: "ion-margin-vertical"
-                }, {
-                  default: b(() => [
-                    (p(), V(de(a.value[f].type), {
-                      modelValue: a.value[f],
-                      "onUpdate:modelValue": (W) => a.value[f] = W,
-                      schema: a.value,
-                      "form-id": f,
-                      ref_for: !0,
-                      ref_key: "dynamicRefs",
-                      ref: i,
-                      "ref-key": f
-                    }, null, 8, ["modelValue", "onUpdate:modelValue", "schema", "form-id", "ref-key"]))
-                  ]),
-                  _: 2
-                }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : R("", !0)
-              ], 64);
-            }), 256))
-          ]),
-          _: 1
-        }),
-        y.hideButtons ? R("", !0) : (p(), V(v(te), { key: 0 }, {
-          default: b(() => [
-            A(v(le), {
-              size: "12",
-              style: Ve([{ display: "flex" }, { justifyContent: y.buttonPlacement }])
-            }, {
-              default: b(() => [
-                y.showCancelButton ? (p(), V(v(Z), {
-                  key: 0,
-                  onClick: m
-                }, {
-                  default: b(() => [
-                    I(B(y.cancelButtonText ?? "Cancel"), 1)
-                  ]),
-                  _: 1
-                })) : R("", !0),
-                y.showClearButton ? (p(), V(v(Z), {
-                  key: 1,
-                  onClick: o
-                }, {
-                  default: b(() => [
-                    I(B(y.clearButtonText ?? "Reset"), 1)
-                  ]),
-                  _: 1
-                })) : R("", !0),
-                (p(!0), q(T, null, K(y.customButtons, (f) => (p(), V(v(Z), {
-                  key: f.label,
-                  onClick: f.action,
-                  color: f.color ?? "primary"
+      resetForm: W,
+      isFormValid: p,
+      resolveData: () => s.value && o ? o.getMultiStepFormData() : {
+        formData: v.value,
+        computedData: i.value
+      },
+      // Multi-step specific methods
+      nextStep: q,
+      previousStep: L,
+      goToStep: V,
+      getCurrentStep: () => C.value,
+      getCurrentStepIndex: () => h.value
+    }), (a, m) => {
+      var _;
+      return f(), $("div", ct, [
+        s.value ? (f(), $("div", dt, [
+          a.multiStepConfig && a.multiStepConfig.stepPosition === "top" ? (f(), b(re, {
+            key: 0,
+            steps: a.multiStepConfig.steps,
+            "active-step-index": h.value,
+            position: a.multiStepConfig.stepPosition || "top",
+            "show-progress": a.multiStepConfig.showProgress,
+            "allow-navigation": a.multiStepConfig.allowStepNavigation,
+            onStepClick: V
+          }, null, 8, ["steps", "active-step-index", "position", "show-progress", "allow-navigation"])) : O("", !0),
+          B("div", {
+            class: ne(["multi-step-content", `multi-step-content--${((_ = a.multiStepConfig) == null ? void 0 : _.stepPosition) || "top"}`])
+          }, [
+            a.multiStepConfig && a.multiStepConfig.stepPosition === "left" ? (f(), b(re, {
+              key: 0,
+              steps: a.multiStepConfig.steps,
+              "active-step-index": h.value,
+              position: a.multiStepConfig.stepPosition ?? "top",
+              "show-progress": a.multiStepConfig.showProgress,
+              "allow-navigation": a.multiStepConfig.allowStepNavigation,
+              onStepClick: V,
+              class: "multi-step-sidebar"
+            }, null, 8, ["steps", "active-step-index", "position", "show-progress", "allow-navigation"])) : O("", !0),
+            B("div", pt, [
+              I(d(Ve), null, {
+                default: k(() => [
+                  I(d(le), null, {
+                    default: k(() => [
+                      (f(!0), $(M, null, K(Object.keys(r.value), (g) => {
+                        var P, U, Q, ee, te;
+                        return f(), $(M, null, [
+                          d(ie)(r.value[g], d(v), d(i)) ? (f(), b(d(ae), {
+                            key: g,
+                            size: ((P = r.value[g].grid) == null ? void 0 : P.xs) ?? "12",
+                            "size-sm": (U = r.value[g].grid) == null ? void 0 : U.sm,
+                            "size-md": (Q = r.value[g].grid) == null ? void 0 : Q.md,
+                            "size-lg": (ee = r.value[g].grid) == null ? void 0 : ee.lg,
+                            "size-xl": (te = r.value[g].grid) == null ? void 0 : te.xl,
+                            class: "ion-margin-vertical"
+                          }, {
+                            default: k(() => [
+                              (f(), b(fe(r.value[g].type), {
+                                modelValue: r.value[g],
+                                "onUpdate:modelValue": (pe) => r.value[g] = pe,
+                                schema: r.value,
+                                "form-id": g,
+                                ref_for: !0,
+                                ref_key: "dynamicRefs",
+                                ref: y,
+                                "ref-key": g
+                              }, null, 8, ["modelValue", "onUpdate:modelValue", "schema", "form-id", "ref-key"]))
+                            ]),
+                            _: 2
+                          }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : O("", !0)
+                        ], 64);
+                      }), 256))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              a.hideButtons ? O("", !0) : (f(), b(d(le), {
+                key: 0,
+                class: "multi-step-buttons"
+              }, {
+                default: k(() => [
+                  I(d(ae), {
+                    size: "12",
+                    class: "button-container"
+                  }, {
+                    default: k(() => [
+                      B("div", vt, [
+                        R.value ? (f(), b(d(N), {
+                          key: 0,
+                          onClick: L,
+                          fill: "outline"
+                        }, {
+                          default: k(() => m[0] || (m[0] = [
+                            z(" Previous ")
+                          ])),
+                          _: 1,
+                          __: [0]
+                        })) : O("", !0)
+                      ]),
+                      B("div", ft, [
+                        a.showCancelButton ? (f(), b(d(N), {
+                          key: 0,
+                          onClick: Z,
+                          fill: "outline"
+                        }, {
+                          default: k(() => [
+                            z(A(a.cancelButtonText ?? "Cancel"), 1)
+                          ]),
+                          _: 1
+                        })) : O("", !0),
+                        a.showClearButton ? (f(), b(d(N), {
+                          key: 1,
+                          onClick: J,
+                          fill: "outline"
+                        }, {
+                          default: k(() => [
+                            z(A(a.clearButtonText ?? "Reset"), 1)
+                          ]),
+                          _: 1
+                        })) : O("", !0),
+                        (f(!0), $(M, null, K(a.customButtons, (g) => (f(), b(d(N), {
+                          key: g.label,
+                          onClick: g.action,
+                          color: g.color ?? "primary"
+                        }, {
+                          default: k(() => [
+                            z(A(g.label), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["onClick", "color"]))), 128))
+                      ]),
+                      B("div", mt, [
+                        w.value ? (f(), b(d(N), {
+                          key: 0,
+                          onClick: q
+                        }, {
+                          default: k(() => m[1] || (m[1] = [
+                            z(" Next ")
+                          ])),
+                          _: 1,
+                          __: [1]
+                        })) : O("", !0),
+                        x.value ? (f(), b(d(N), {
+                          key: 1,
+                          onClick: j
+                        }, {
+                          default: k(() => [
+                            z(A(a.submitButtonText ?? "Submit"), 1)
+                          ]),
+                          _: 1
+                        })) : O("", !0)
+                      ])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })),
+              a.multiStepConfig && (a.multiStepConfig.stepPosition === "left" || a.multiStepConfig.stepPosition === "right") && a.multiStepConfig.showProgress ? (f(), $("div", ht, [
+                B("div", gt, [
+                  B("div", {
+                    class: "step-progress-fill",
+                    style: ve({ width: `${F.value}%` })
+                  }, null, 4)
+                ]),
+                B("div", yt, " Step " + A(h.value + 1) + " of " + A(a.multiStepConfig.steps.length), 1)
+              ])) : O("", !0)
+            ]),
+            a.multiStepConfig && a.multiStepConfig.stepPosition === "right" ? (f(), b(re, {
+              key: 1,
+              steps: a.multiStepConfig.steps,
+              "active-step-index": h.value,
+              position: a.multiStepConfig.stepPosition,
+              "show-progress": a.multiStepConfig.showProgress,
+              "allow-navigation": a.multiStepConfig.allowStepNavigation,
+              onStepClick: V,
+              class: "multi-step-sidebar"
+            }, null, 8, ["steps", "active-step-index", "position", "show-progress", "allow-navigation"])) : O("", !0)
+          ], 2),
+          a.multiStepConfig && a.multiStepConfig.stepPosition === "bottom" ? (f(), b(re, {
+            key: 1,
+            steps: a.multiStepConfig.steps,
+            "active-step-index": h.value,
+            position: a.multiStepConfig.stepPosition,
+            "show-progress": a.multiStepConfig.showProgress,
+            "allow-navigation": a.multiStepConfig.allowStepNavigation,
+            onStepClick: V
+          }, null, 8, ["steps", "active-step-index", "position", "show-progress", "allow-navigation"])) : O("", !0)
+        ])) : (f(), b(d(Ve), { key: 1 }, {
+          default: k(() => [
+            I(d(le), null, {
+              default: k(() => [
+                (f(!0), $(M, null, K(Object.keys(r.value), (g) => {
+                  var P, U, Q, ee, te;
+                  return f(), $(M, null, [
+                    d(ie)(r.value[g], d(v), d(i)) ? (f(), b(d(ae), {
+                      key: g,
+                      size: ((P = r.value[g].grid) == null ? void 0 : P.xs) ?? "12",
+                      "size-sm": (U = r.value[g].grid) == null ? void 0 : U.sm,
+                      "size-md": (Q = r.value[g].grid) == null ? void 0 : Q.md,
+                      "size-lg": (ee = r.value[g].grid) == null ? void 0 : ee.lg,
+                      "size-xl": (te = r.value[g].grid) == null ? void 0 : te.xl,
+                      class: "ion-margin-vertical"
+                    }, {
+                      default: k(() => [
+                        (f(), b(fe(r.value[g].type), {
+                          modelValue: r.value[g],
+                          "onUpdate:modelValue": (pe) => r.value[g] = pe,
+                          schema: r.value,
+                          "form-id": g,
+                          ref_for: !0,
+                          ref_key: "dynamicRefs",
+                          ref: y,
+                          "ref-key": g
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "schema", "form-id", "ref-key"]))
+                      ]),
+                      _: 2
+                    }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : O("", !0)
+                  ], 64);
+                }), 256))
+              ]),
+              _: 1
+            }),
+            a.hideButtons ? O("", !0) : (f(), b(d(le), { key: 0 }, {
+              default: k(() => [
+                I(d(ae), {
+                  size: "12",
+                  style: ve([{ display: "flex" }, { justifyContent: a.buttonPlacement }])
                 }, {
-                  default: b(() => [
-                    I(B(f.label), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["onClick", "color"]))), 128)),
-                A(v(Z), { onClick: d }, {
-                  default: b(() => [
-                    I(B(y.submitButtonText ?? "Submit"), 1)
+                  default: k(() => [
+                    a.showCancelButton ? (f(), b(d(N), {
+                      key: 0,
+                      onClick: Z
+                    }, {
+                      default: k(() => [
+                        z(A(a.cancelButtonText ?? "Cancel"), 1)
+                      ]),
+                      _: 1
+                    })) : O("", !0),
+                    a.showClearButton ? (f(), b(d(N), {
+                      key: 1,
+                      onClick: W
+                    }, {
+                      default: k(() => [
+                        z(A(a.clearButtonText ?? "Reset"), 1)
+                      ]),
+                      _: 1
+                    })) : O("", !0),
+                    (f(!0), $(M, null, K(a.customButtons, (g) => (f(), b(d(N), {
+                      key: g.label,
+                      onClick: g.action,
+                      color: g.color ?? "primary"
+                    }, {
+                      default: k(() => [
+                        z(A(g.label), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["onClick", "color"]))), 128)),
+                    I(d(N), { onClick: j }, {
+                      default: k(() => [
+                        z(A(a.submitButtonText ?? "Submit"), 1)
+                      ]),
+                      _: 1
+                    })
                   ]),
                   _: 1
-                })
+                }, 8, ["style"])
               ]),
               _: 1
-            }, 8, ["style"])
+            }))
           ]),
           _: 1
         }))
-      ]),
-      _: 1
-    }));
+      ]);
+    };
   }
-});
-function Ze(t) {
+}), Vt = /* @__PURE__ */ de(Ct, [["__scopeId", "data-v-3850cccc"]]);
+function _t(t) {
   return {
     applyValidationState: async (e) => {
-      var l, a, i, s, h;
-      (l = t.value) == null || l.$el.classList.remove("ion-invalid"), (a = t.value) == null || a.$el.classList.remove("ion-valid"), e ? (i = t.value) == null || i.$el.classList.add("ion-valid") : (s = t.value) == null || s.$el.classList.add("ion-invalid"), (h = t.value) == null || h.$el.classList.add("ion-touched");
+      var l, s, r, o, y;
+      (l = t.value) == null || l.$el.classList.remove("ion-invalid"), (s = t.value) == null || s.$el.classList.remove("ion-valid"), e ? (r = t.value) == null || r.$el.classList.add("ion-valid") : (o = t.value) == null || o.$el.classList.add("ion-invalid"), (y = t.value) == null || y.$el.classList.add("ion-touched");
     },
     resetValidationState: () => {
       var e, l;
@@ -360,87 +769,87 @@ function Ze(t) {
     }
   };
 }
-function Q(t, u, n, e, l) {
-  const { applyValidationState: a, resetValidationState: i } = Ze(t);
-  async function s() {
+function ue(t, u, n, e, l) {
+  const { applyValidationState: s, resetValidationState: r } = _t(t);
+  async function o() {
     if (u.value.required && !n.value)
       return u.value.error = "This field is required", !1;
     if (l) {
-      const o = await l(n.value);
-      if (typeof o == "string")
-        return u.value.error = o, !1;
-      if (o === !1)
+      const i = await l(n.value);
+      if (typeof i == "string")
+        return u.value.error = i, !1;
+      if (i === !1)
         return !1;
     }
     if (u.value.validation) {
-      const o = await u.value.validation(n.value, e == null ? void 0 : e.value);
-      if (o && o.length)
-        return u.value.error = o.join(), !1;
+      const i = await u.value.validation(n.value, e == null ? void 0 : e.value);
+      if (i && i.length)
+        return u.value.error = i.join(), !1;
     }
     return !0;
   }
-  async function h() {
-    const o = await s();
-    o && (u.value.error = "", u.value.value = n.value), await a(o);
+  async function y() {
+    const i = await o();
+    i && (u.value.error = "", u.value.value = n.value), await s(i);
   }
-  function c() {
-    i(), u.value.error = "";
+  function p() {
+    r(), u.value.error = "";
   }
-  function r(o = "") {
-    n.value = o, u.value.error = "", u.value.value = o;
+  function c(i = "") {
+    n.value = i, u.value.error = "", u.value.value = i;
   }
-  function d() {
+  function v() {
     return u.value.error ? [u.value.error] : [];
   }
   return {
-    isValid: s,
-    onValueUpdate: h,
-    onFocus: c,
-    onReset: r,
-    getErrors: d,
-    applyValidationState: a,
-    resetValidationState: i
+    isValid: o,
+    onValueUpdate: y,
+    onFocus: p,
+    onReset: c,
+    getErrors: v,
+    applyValidationState: s,
+    resetValidationState: r
   };
 }
-function Je(t) {
-  const u = w(() => !!t.value.label), n = w(() => !!t.value.required), e = w(() => t.value.label || "");
+function bt(t) {
+  const u = S(() => !!t.value.label), n = S(() => !!t.value.required), e = S(() => t.value.label || "");
   return {
     showLabel: u,
     showRequired: n,
     labelText: e
   };
 }
-const re = /* @__PURE__ */ F({
+const Ce = /* @__PURE__ */ T({
   __name: "InputLabel",
   props: {
     model: {}
   },
   setup(t) {
-    const u = t, { showLabel: n, showRequired: e, labelText: l } = Je(be(u, "model"));
-    return (a, i) => v(n) ? (p(), V(v(H), {
+    const u = t, { showLabel: n, showRequired: e, labelText: l } = bt(we(u, "model"));
+    return (s, r) => d(n) ? (f(), b(d(Y), {
       key: 0,
       slot: "label",
       class: "input-label"
     }, {
-      default: b(() => [
-        I(B(v(l)) + " ", 1),
-        v(e) ? (p(), V(v(Oe), {
+      default: k(() => [
+        z(A(d(l)) + " ", 1),
+        d(e) ? (f(), b(d(xe), {
           key: 0,
           color: "danger"
         }, {
-          default: b(() => i[0] || (i[0] = [
-            I("*")
+          default: k(() => r[0] || (r[0] = [
+            z("*")
           ])),
           _: 1,
           __: [0]
-        })) : R("", !0)
+        })) : O("", !0)
       ]),
       _: 1
-    })) : R("", !0);
+    })) : O("", !0);
   }
-}), X = /* @__PURE__ */ F({
+}), se = /* @__PURE__ */ T({
   __name: "BaseInput",
-  props: /* @__PURE__ */ z({
+  props: /* @__PURE__ */ G({
     schema: {},
     type: {}
   }, {
@@ -449,38 +858,38 @@ const re = /* @__PURE__ */ F({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: u }) {
-    const n = t, e = $(t, "modelValue"), l = C(null), a = C(e.value.value), i = w(() => n.schema), { isValid: s, onValueUpdate: h, onFocus: c, onReset: r, getErrors: d } = Q(
+    const n = t, e = H(t, "modelValue"), l = E(null), s = E(e.value.value), r = S(() => n.schema), { isValid: o, onValueUpdate: y, onFocus: p, onReset: c, getErrors: v } = ue(
       l,
       e,
-      a,
-      i
-    ), o = w(() => {
-      if (e.value.pattern) return Ne(e.value.pattern);
+      s,
+      r
+    ), i = S(() => {
+      if (e.value.pattern) return Ke(e.value.pattern);
     });
-    return S(
+    return D(
       () => e.value.value,
-      (m) => a.value = m
+      (h) => s.value = h
     ), u({
-      onValueUpdate: h,
-      onReset: r,
-      getErrors: d,
-      isValid: s
-    }), (m, y) => {
-      var f;
-      const _ = _e("maskito");
-      return xe((p(), V(v(ve), {
+      onValueUpdate: y,
+      onReset: c,
+      getErrors: v,
+      isValid: o
+    }), (h, C) => {
+      var w;
+      const x = Oe("maskito");
+      return Ee((f(), b(d(_e), {
         ref_key: "inputRef",
         ref: l,
-        modelValue: a.value,
-        "onUpdate:modelValue": y[0] || (y[0] = (O) => a.value = O),
+        modelValue: s.value,
+        "onUpdate:modelValue": C[0] || (C[0] = (R) => s.value = R),
         "clear-input": !0,
         fill: e.value.fill ?? "solid",
         "label-placement": e.value.labelPlacement ?? "stacked",
-        type: m.type ?? "text",
+        type: h.type ?? "text",
         required: e.value.required,
         "error-text": e.value.error,
         autofocus: e.value.autoFocus,
-        placeholder: ((f = o.value) == null ? void 0 : f.placeholder) ?? e.value.placeholder,
+        placeholder: ((w = i.value) == null ? void 0 : w.placeholder) ?? e.value.placeholder,
         disabled: e.value.disabled,
         counter: e.value.counter,
         min: e.value.min,
@@ -488,44 +897,44 @@ const re = /* @__PURE__ */ F({
         "max-length": e.value.maxLength,
         "min-length": e.value.minLength,
         pattern: e.value.pattern,
-        onIonFocus: v(c),
-        onIonChange: v(h),
-        onIonBlur: v(h)
+        onIonFocus: d(p),
+        onIonChange: d(y),
+        onIonBlur: d(y)
       }, {
-        default: b(() => [
-          A(re, { model: e.value }, null, 8, ["model"]),
-          e.value.prefix ? (p(), V(v(H), {
+        default: k(() => [
+          I(Ce, { model: e.value }, null, 8, ["model"]),
+          e.value.prefix ? (f(), b(d(Y), {
             key: 0,
             slot: "start"
           }, {
-            default: b(() => [
-              I(B(e.value.prefix), 1)
+            default: k(() => [
+              z(A(e.value.prefix), 1)
             ]),
             _: 1
-          })) : R("", !0),
-          e.value.suffix ? (p(), V(v(H), {
+          })) : O("", !0),
+          e.value.suffix ? (f(), b(d(Y), {
             key: 1,
             slot: "end"
           }, {
-            default: b(() => [
-              I(B(e.value.suffix), 1)
+            default: k(() => [
+              z(A(e.value.suffix), 1)
             ]),
             _: 1
-          })) : R("", !0),
-          m.type === "password" ? (p(), V(v(Ee), {
+          })) : O("", !0),
+          h.type === "password" ? (f(), b(d(Re), {
             key: 2,
             slot: "end"
-          })) : R("", !0)
+          })) : O("", !0)
         ]),
         _: 1
       }, 8, ["modelValue", "fill", "label-placement", "type", "required", "error-text", "autofocus", "placeholder", "disabled", "counter", "min", "max", "max-length", "min-length", "pattern", "onIonFocus", "onIonChange", "onIonBlur"])), [
-        [_, o.value]
+        [x, i.value]
       ]);
     };
   }
-}), Qe = /* @__PURE__ */ F({
+}), kt = /* @__PURE__ */ T({
   __name: "TextInput",
-  props: /* @__PURE__ */ z({
+  props: /* @__PURE__ */ G({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
@@ -533,7 +942,7 @@ const re = /* @__PURE__ */ F({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: u }) {
-    const n = $(t, "modelValue"), e = C(null);
+    const n = H(t, "modelValue"), e = E(null);
     return u({
       onReset: () => {
         var l;
@@ -544,21 +953,21 @@ const re = /* @__PURE__ */ F({
         return (l = e.value) == null ? void 0 : l.onValueUpdate();
       },
       getErrors: () => {
-        var l, a;
-        return ((a = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : a.call(l)) ?? [];
+        var l, s;
+        return ((s = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : s.call(l)) ?? [];
       }
-    }), (l, a) => (p(), V(X, {
+    }), (l, s) => (f(), b(se, {
       modelValue: n.value,
-      "onUpdate:modelValue": a[0] || (a[0] = (i) => n.value = i),
+      "onUpdate:modelValue": s[0] || (s[0] = (r) => n.value = r),
       type: "text",
       schema: l.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), Xe = /* @__PURE__ */ F({
+}), St = /* @__PURE__ */ T({
   __name: "DateInput",
-  props: /* @__PURE__ */ z({
+  props: /* @__PURE__ */ G({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
@@ -566,7 +975,7 @@ const re = /* @__PURE__ */ F({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: u }) {
-    const n = $(t, "modelValue"), e = C(null);
+    const n = H(t, "modelValue"), e = E(null);
     return u({
       onValueUpdate: () => {
         var l;
@@ -577,21 +986,21 @@ const re = /* @__PURE__ */ F({
         return (l = e.value) == null ? void 0 : l.onReset();
       },
       getErrors: () => {
-        var l, a;
-        return ((a = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : a.call(l)) ?? [];
+        var l, s;
+        return ((s = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : s.call(l)) ?? [];
       }
-    }), (l, a) => (p(), V(X, {
+    }), (l, s) => (f(), b(se, {
       modelValue: n.value,
-      "onUpdate:modelValue": a[0] || (a[0] = (i) => n.value = i),
+      "onUpdate:modelValue": s[0] || (s[0] = (r) => n.value = r),
       type: n.value.enableTime ? "datetime-local" : "date",
       schema: l.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "type", "schema"]));
   }
-}), Ye = /* @__PURE__ */ F({
+}), wt = /* @__PURE__ */ T({
   __name: "NumberInput",
-  props: /* @__PURE__ */ z({
+  props: /* @__PURE__ */ G({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
@@ -599,7 +1008,7 @@ const re = /* @__PURE__ */ F({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: u }) {
-    const n = $(t, "modelValue"), e = C(null);
+    const n = H(t, "modelValue"), e = E(null);
     return u({
       onReset: () => {
         var l;
@@ -610,21 +1019,21 @@ const re = /* @__PURE__ */ F({
         return (l = e.value) == null ? void 0 : l.onValueUpdate();
       },
       getErrors: () => {
-        var l, a;
-        return ((a = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : a.call(l)) ?? [];
+        var l, s;
+        return ((s = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : s.call(l)) ?? [];
       }
-    }), (l, a) => (p(), V(X, {
+    }), (l, s) => (f(), b(se, {
       modelValue: n.value,
-      "onUpdate:modelValue": a[0] || (a[0] = (i) => n.value = i),
+      "onUpdate:modelValue": s[0] || (s[0] = (r) => n.value = r),
       type: "number",
       schema: l.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), et = /* @__PURE__ */ F({
+}), Ot = /* @__PURE__ */ T({
   __name: "EmailInput",
-  props: /* @__PURE__ */ z({
+  props: /* @__PURE__ */ G({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
@@ -632,7 +1041,7 @@ const re = /* @__PURE__ */ F({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: u }) {
-    const n = $(t, "modelValue"), e = C(null);
+    const n = H(t, "modelValue"), e = E(null);
     return u({
       onReset: () => {
         var l;
@@ -643,21 +1052,21 @@ const re = /* @__PURE__ */ F({
         return (l = e.value) == null ? void 0 : l.onValueUpdate();
       },
       getErrors: () => {
-        var l, a;
-        return ((a = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : a.call(l)) ?? [];
+        var l, s;
+        return ((s = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : s.call(l)) ?? [];
       }
-    }), (l, a) => (p(), V(X, {
+    }), (l, s) => (f(), b(se, {
       modelValue: n.value,
-      "onUpdate:modelValue": a[0] || (a[0] = (i) => n.value = i),
+      "onUpdate:modelValue": s[0] || (s[0] = (r) => n.value = r),
       type: "email",
       schema: l.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), tt = /* @__PURE__ */ F({
+}), Et = /* @__PURE__ */ T({
   __name: "PasswordInput",
-  props: /* @__PURE__ */ z({
+  props: /* @__PURE__ */ G({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
@@ -665,7 +1074,7 @@ const re = /* @__PURE__ */ F({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: u }) {
-    const n = $(t, "modelValue"), e = C(null);
+    const n = H(t, "modelValue"), e = E(null);
     return u({
       onReset: () => {
         var l;
@@ -676,21 +1085,21 @@ const re = /* @__PURE__ */ F({
         return (l = e.value) == null ? void 0 : l.onValueUpdate();
       },
       getErrors: () => {
-        var l, a;
-        return ((a = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : a.call(l)) ?? [];
+        var l, s;
+        return ((s = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : s.call(l)) ?? [];
       }
-    }), (l, a) => (p(), V(X, {
+    }), (l, s) => (f(), b(se, {
       modelValue: n.value,
-      "onUpdate:modelValue": a[0] || (a[0] = (i) => n.value = i),
+      "onUpdate:modelValue": s[0] || (s[0] = (r) => n.value = r),
       type: "password",
       schema: l.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), lt = /* @__PURE__ */ F({
+}), xt = /* @__PURE__ */ T({
   __name: "SelectInput",
-  props: /* @__PURE__ */ z({
+  props: /* @__PURE__ */ G({
     schema: Object,
     type: String,
     formId: String
@@ -700,53 +1109,61 @@ const re = /* @__PURE__ */ F({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: u }) {
-    const n = t, e = $(t, "modelValue"), l = C(null), a = C(null), i = C(!1), s = C([]), h = C(""), c = C(1), r = w(() => e.value.interface ?? "popover"), d = w(() => e.value.optionsPlacement === "top" ? "top" : "bottom"), o = w(() => s.value.filter((g) => !!g.isChecked)), m = w(() => !h.value && ae(o.value) && !i.value ? e.value.placeholder ?? "Select an option" : "");
-    S([h, () => e.value.options], N, {
+    const n = t, e = H(t, "modelValue"), l = E(null), s = E(null), r = E(!1), o = E([]), y = E(""), p = E(1), c = S(() => e.value.interface ?? "popover"), v = S(() => e.value.optionsPlacement === "top" ? "top" : "bottom"), i = S(() => o.value.filter((a) => !!a.isChecked)), h = S(() => !y.value && me(i.value) && !r.value ? e.value.placeholder ?? "Select an option" : "");
+    D([y, () => e.value.options], L, {
       immediate: !0,
       deep: !0
-    }), S(() => e.value.value, ge, { immediate: !0, deep: !0 }), S(
-      () => !e.value.dependsOn || !n.schema ? null : (Array.isArray(e.value.dependsOn) ? e.value.dependsOn : [e.value.dependsOn]).map((x) => {
-        var k;
-        return (k = n.schema[x]) == null ? void 0 : k.value;
+    }), D(() => e.value.value, V, { immediate: !0, deep: !0 }), D(
+      () => !e.value.dependsOn || !n.schema ? null : (Array.isArray(e.value.dependsOn) ? e.value.dependsOn : [e.value.dependsOn]).map((m) => {
+        var _;
+        return (_ = n.schema[m]) == null ? void 0 : _.value;
       }),
-      async (g, x) => {
-        g && x && !J(g, x) && (y(), s.value = [], await N());
+      async (a, m) => {
+        a && m && !oe(a, m) && (C(), o.value = [], await L());
       },
       { deep: !0 }
     );
-    function y() {
-      e.value.error = "", h.value = "", c.value = 1, e.value.value = e.value.multiple ? [] : "", Ge(s.value);
+    function C() {
+      e.value.error = "", y.value = "", p.value = 1, e.value.value = e.value.multiple ? [] : "", Ze(o.value);
     }
-    function _(g) {
-      if (g.isChecked) return ce(g, s.value);
-      e.value.multiple ? D(g, s.value) : (y(), D(g, s.value), P()), h.value = "";
+    function x(a) {
+      const m = o.value.findIndex((_) => _.value === a.value && _.isChecked);
+      if (m >= 0) {
+        if (Array.isArray(e.value.value)) {
+          const _ = ye(a, e.value.value);
+          _ >= 0 && e.value.value.splice(_, 1);
+        }
+        o.value[m].isChecked = !1;
+      } else
+        e.value.multiple || C(), X(a, o.value);
+      q(), y.value = "";
     }
-    function f() {
-      switch (r.value) {
+    function w() {
+      switch (c.value) {
         case "action-sheet":
-          O();
+          R();
           break;
         case "alert":
-          E();
+          F();
           break;
         case "popover":
         default:
-          i.value = !0;
+          r.value = !0;
           break;
       }
     }
-    async function O() {
-      if (await N(), e.value.multiple) {
-        i.value = !0;
+    async function R() {
+      if (await L(), e.value.multiple) {
+        r.value = !0;
         return;
       }
-      await (await Ie.create({
+      await (await ze.create({
         header: e.value.label || "Select an option",
         buttons: [
-          ...s.value.map((x) => ({
-            text: x.label,
-            cssClass: x.isChecked ? "selected-option" : "",
-            handler: () => (_(x), !1)
+          ...o.value.map((m) => ({
+            text: m.label,
+            cssClass: m.isChecked ? "selected-option" : "",
+            handler: () => (x(m), !1)
           })),
           {
             text: "Cancel",
@@ -755,17 +1172,17 @@ const re = /* @__PURE__ */ F({
         ]
       })).present();
     }
-    async function E() {
-      await N();
-      const g = s.value.map((k) => ({
-        label: k.label,
+    async function F() {
+      await L();
+      const a = o.value.map((_) => ({
+        label: _.label,
         type: e.value.multiple ? "checkbox" : "radio",
-        value: k,
-        checked: k.isChecked
+        value: _,
+        checked: _.isChecked
       }));
-      await (await Fe.create({
+      await (await Be.create({
         header: e.value.label || "Select an option",
-        inputs: g,
+        inputs: a,
         buttons: [
           {
             text: "Cancel",
@@ -773,117 +1190,135 @@ const re = /* @__PURE__ */ F({
           },
           {
             text: "OK",
-            handler: (k) => {
+            handler: (_) => {
               if (e.value.multiple)
-                s.value.forEach((U) => ce(U, s.value)), k.forEach((U) => {
-                  const G = s.value.find((Y) => Y.value === U.value);
-                  G && D(G, s.value);
+                o.value.forEach((g) => We(g, o.value)), _.forEach((g) => {
+                  const P = o.value.find((U) => U.value === g.value);
+                  P && X(P, o.value);
                 });
               else {
-                y();
-                const U = s.value.find((G) => G.value === k.value);
-                U && D(U, s.value);
+                C();
+                const g = o.value.find((P) => P.value === _.value);
+                g && X(g, o.value);
               }
-              P();
+              q();
             }
           }
         ]
       })).present();
     }
-    async function L() {
-      if (e.value.required && ae(o.value))
+    async function j() {
+      if (e.value.required && me(i.value))
         return "This field is required";
       if (e.value.validation) {
-        const g = await e.value.validation(o.value, n == null ? void 0 : n.schema);
-        if (g && g.length)
-          return g.join();
+        const a = await e.value.validation(i.value, n == null ? void 0 : n.schema);
+        if (a && a.length)
+          return a.join();
       }
       return !0;
     }
-    const { onFocus: M, applyValidationState: j } = Q(
+    const { onFocus: W, applyValidationState: J } = ue(
       l,
       e,
-      w(() => e.value.multiple ? o.value : o.value[0]),
-      w(() => n == null ? void 0 : n.schema),
-      L
+      S(() => e.value.multiple ? i.value : i.value[0]),
+      S(() => n == null ? void 0 : n.schema),
+      j
     );
-    function W(g) {
-      var x;
-      g.target === ((x = l.value) == null ? void 0 : x.$el) && (M(), r.value === "popover" && (i.value = !0));
+    function Z(a) {
+      var m;
+      a.target === ((m = l.value) == null ? void 0 : m.$el) && (W(), c.value === "popover" && (r.value = !0));
     }
-    async function P(g) {
-      var k;
-      if ((k = g == null ? void 0 : g.relatedTarget) != null && k.closest(".suggestions-list")) return;
-      i.value = !1;
-      const x = await L();
-      x === !0 ? (e.value.error = "", e.value.value = e.value.multiple ? o.value : o.value[0]) : e.value.error = typeof x == "string" ? x : "Validation failed", await j(x === !0);
+    async function q(a) {
+      var _;
+      if ((_ = a == null ? void 0 : a.relatedTarget) != null && _.closest(".suggestions-list")) return;
+      r.value = !1;
+      const m = await j();
+      m === !0 ? (e.value.error = "", e.value.value = e.value.multiple ? i.value : i.value[0]) : e.value.error = typeof m == "string" ? m : "Validation failed", await J(m === !0);
     }
-    async function N() {
-      const g = [];
+    async function L() {
+      const a = [];
       if (typeof e.value.options == "function") {
-        let x = {};
-        e.value.dependsOn && n.schema && (x = (Array.isArray(e.value.dependsOn) ? e.value.dependsOn : [e.value.dependsOn]).reduce(
-          (G, Y) => {
-            var se;
-            return G[Y] = (se = n.schema[Y]) == null ? void 0 : se.value, G;
-          },
-          {}
-        ));
-        const k = await e.value.options(h.value, x);
-        g.push(...k.filter((U) => !!U.label));
-      } else Array.isArray(e.value.options) && g.push(...He(e.value.options, h.value));
-      o.value.forEach((x) => D(x, g)), s.value = g;
+        let m = {};
+        if (e.value.dependsOn && n.schema) {
+          const _ = Array.isArray(e.value.dependsOn) ? e.value.dependsOn : [e.value.dependsOn];
+          let g = !0;
+          if (m = _.reduce(
+            (P, U) => {
+              var Q;
+              return P[U] = (Q = n.schema[U]) == null ? void 0 : Q.value, (P[U] === void 0 || P[U] === null || P[U] === "") && (g = !1), P;
+            },
+            {}
+          ), g) {
+            const P = await e.value.options(y.value, m);
+            a.push(...P.filter((U) => !!U.label));
+          }
+        } else {
+          const _ = await e.value.options(y.value, {});
+          a.push(..._.filter((g) => !!g.label));
+        }
+      } else Array.isArray(e.value.options) && a.push(...Je(e.value.options, y.value));
+      i.value.forEach((m) => X(m, a)), o.value = a;
     }
-    function ge() {
-      const g = e.value.value;
-      g && (Array.isArray(g) ? g.forEach((x) => D(x, s.value)) : D(typeof g == "object" ? g : {
-        value: g,
-        label: g
-      }, s.value));
+    async function V() {
+      const a = e.value.value;
+      if (a) {
+        if (o.value.length === 0 && await L(), Array.isArray(a))
+          a.forEach((m) => X(m, o.value));
+        else if (typeof a == "object")
+          X(a, o.value);
+        else {
+          const m = o.value.find((_) => _.value === a);
+          X(m || {
+            value: a,
+            label: a
+          }, o.value);
+        }
+        q();
+      }
     }
-    return oe(() => {
-      N();
+    return ge(async () => {
+      await L(), await V();
     }), u({
-      onValueUpdate: P,
-      onReset: y,
+      onValueUpdate: q,
+      onReset: C,
       getErrors: () => e.value.error ? [e.value.error] : []
-    }), (g, x) => (p(), q("div", {
+    }), (a, m) => (f(), $("div", {
       class: "autocomplete-container",
-      onFocusout: P,
+      onFocusout: q,
       ref_key: "containerRef",
-      ref: a
+      ref: s
     }, [
-      A(v(ve), {
+      I(d(_e), {
         ref_key: "inputRef",
         ref: l,
-        modelValue: h.value,
-        "onUpdate:modelValue": x[0] || (x[0] = (k) => h.value = k),
+        modelValue: y.value,
+        "onUpdate:modelValue": m[0] || (m[0] = (_) => y.value = _),
         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: m.value,
+        placeholder: h.value,
         disabled: e.value.disabled,
         counter: e.value.counter,
-        onIonFocus: W,
+        onIonFocus: Z,
         debounce: 300,
-        onClick: f
+        onClick: w
       }, {
-        default: b(() => [
-          A(re, { model: e.value }, null, 8, ["model"]),
-          e.value.multiple ? (p(), V(v(H), {
+        default: k(() => [
+          I(Ce, { model: e.value }, null, 8, ["model"]),
+          e.value.multiple ? (f(), b(d(Y), {
             key: 0,
             style: { width: "fit-content" },
             slot: "start"
           }, {
-            default: b(() => [
-              (p(!0), q(T, null, K(o.value, (k, U) => (p(), V(v(we), { key: U }, {
-                default: b(() => [
-                  A(v(H), null, {
-                    default: b(() => [
-                      I(B(k.label), 1)
+            default: k(() => [
+              (f(!0), $(M, null, K(i.value, (_, g) => (f(), b(d(Ae), { key: g }, {
+                default: k(() => [
+                  I(d(Y), null, {
+                    default: k(() => [
+                      z(A(_.label), 1)
                     ]),
                     _: 2
                   }, 1024)
@@ -892,52 +1327,52 @@ const re = /* @__PURE__ */ F({
               }, 1024))), 128))
             ]),
             _: 1
-          })) : (p(), V(v(H), {
+          })) : (f(), b(d(Y), {
             key: 1,
             slot: "start",
             class: "ion-no-wrap"
           }, {
-            default: b(() => {
-              var k;
+            default: k(() => {
+              var _;
               return [
-                I(B(((k = o.value[0]) == null ? void 0 : k.label) ?? ""), 1)
+                z(A(((_ = i.value[0]) == null ? void 0 : _.label) ?? ""), 1)
               ];
             }),
             _: 1
           })),
-          A(v(ee), {
+          I(d(ce), {
             slot: "end",
-            icon: v(qe)
+            icon: d(De)
           }, null, 8, ["icon"]),
-          o.value.length > 0 || h.value ? (p(), V(v(ee), {
+          i.value.length > 0 || y.value ? (f(), b(d(ce), {
             key: 2,
             slot: "end",
-            icon: v(ze),
-            onClick: y,
+            icon: d(Te),
+            onClick: C,
             style: { "z-index": "999999" }
-          }, null, 8, ["icon"])) : R("", !0)
+          }, null, 8, ["icon"])) : O("", !0)
         ]),
         _: 1
       }, 8, ["modelValue", "fill", "label-placement", "type", "required", "error-text", "autofocus", "placeholder", "disabled", "counter"]),
-      i.value && s.value.length > 0 && r.value === "popover" ? (p(), V(v(Re), {
+      r.value && o.value.length > 0 && c.value === "popover" ? (f(), b(d($e), {
         key: 0,
-        class: ke(["suggestions-list", d.value])
+        class: ne(["suggestions-list", v.value])
       }, {
-        default: b(() => [
-          (p(!0), q(T, null, K(s.value, (k) => (p(), V(v(Ae), {
+        default: k(() => [
+          (f(!0), $(M, null, K(o.value, (_) => (f(), b(d(Fe), {
             button: "",
-            key: k.label,
-            onClick: (U) => _(k)
+            key: _.label,
+            onClick: (g) => x(_)
           }, {
-            default: b(() => [
-              e.value.multiple ? (p(), V(v(fe), {
+            default: k(() => [
+              e.value.multiple ? (f(), b(d(be), {
                 key: 0,
                 slot: "start",
-                checked: k.isChecked
-              }, null, 8, ["checked"])) : R("", !0),
-              A(v(H), null, {
-                default: b(() => [
-                  I(B(k.label), 1)
+                checked: _.isChecked
+              }, null, 8, ["checked"])) : O("", !0),
+              I(d(Y), null, {
+                default: k(() => [
+                  z(A(_.label), 1)
                 ]),
                 _: 2
               }, 1024)
@@ -946,17 +1381,12 @@ const re = /* @__PURE__ */ F({
           }, 1032, ["onClick"]))), 128))
         ]),
         _: 1
-      }, 8, ["class"])) : R("", !0)
+      }, 8, ["class"])) : O("", !0)
     ], 544));
   }
-}), he = (t, u) => {
-  const n = t.__vccOpts || t;
-  for (const [e, l] of u)
-    n[e] = l;
-  return n;
-}, at = /* @__PURE__ */ he(lt, [["__scopeId", "data-v-4766dec2"]]), nt = /* @__PURE__ */ F({
+}), Rt = /* @__PURE__ */ de(xt, [["__scopeId", "data-v-8d55391c"]]), At = /* @__PURE__ */ T({
   __name: "TextAreaInput",
-  props: /* @__PURE__ */ z({
+  props: /* @__PURE__ */ G({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
@@ -964,24 +1394,24 @@ const re = /* @__PURE__ */ F({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: u }) {
-    const n = t, e = $(t, "modelValue"), l = C(null), a = C(e.value.value), i = w(() => n.schema), { onValueUpdate: s, onFocus: h, onReset: c, getErrors: r } = Q(
+    const n = t, e = H(t, "modelValue"), l = E(null), s = E(e.value.value), r = S(() => n.schema), { onValueUpdate: o, onFocus: y, onReset: p, getErrors: c } = ue(
       l,
       e,
-      a,
-      i
+      s,
+      r
     );
-    return S(
+    return D(
       () => e.value.value,
-      (d) => a.value = d
+      (v) => s.value = v
     ), u({
-      onReset: c,
-      onValueUpdate: s,
-      getErrors: r
-    }), (d, o) => (p(), V(v(Ue), {
+      onReset: p,
+      onValueUpdate: o,
+      getErrors: c
+    }), (v, i) => (f(), b(d(Pe), {
       ref_key: "inputRef",
       ref: l,
-      modelValue: a.value,
-      "onUpdate:modelValue": o[0] || (o[0] = (m) => a.value = m),
+      modelValue: s.value,
+      "onUpdate:modelValue": i[0] || (i[0] = (h) => s.value = h),
       "clear-input": !0,
       fill: e.value.fill ?? "solid",
       "label-placement": e.value.labelPlacement ?? "stacked",
@@ -999,22 +1429,22 @@ const re = /* @__PURE__ */ F({
       "max-length": e.value.maxLength,
       "min-length": e.value.minLength,
       pattern: e.value.pattern,
-      onIonFocus: v(h),
-      onIonChange: v(s),
-      onIonBlur: v(s)
+      onIonFocus: d(y),
+      onIonChange: d(o),
+      onIonBlur: d(o)
     }, {
-      default: b(() => [
-        A(re, { model: e.value }, null, 8, ["model"])
+      default: k(() => [
+        I(Ce, { model: e.value }, null, 8, ["model"])
       ]),
       _: 1
     }, 8, ["modelValue", "fill", "label-placement", "required", "error-text", "autofocus", "placeholder", "disabled", "counter", "min", "max", "rows", "cols", "auto-grow", "max-length", "min-length", "pattern", "onIonFocus", "onIonChange", "onIonBlur"]));
   }
-}), ut = {
+}), $t = {
   class: "ion-margin-end",
   style: { "flex-grow": "1" }
-}, ot = { style: { display: "flex", "justify-content": "flex-end" } }, rt = /* @__PURE__ */ F({
+}, Ft = { style: { display: "flex", "justify-content": "flex-end" } }, zt = /* @__PURE__ */ T({
   __name: "RepeatInput",
-  props: /* @__PURE__ */ z({
+  props: /* @__PURE__ */ G({
     schema: {},
     data: {},
     computedData: {}
@@ -1024,111 +1454,111 @@ const re = /* @__PURE__ */ F({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: u }) {
-    const n = $(t, "modelValue"), e = C([]), { dynamicRefs: l, resetForm: a, getFormErrors: i, updateFormValues: s } = ye(), h = w(() => e.value.map((y, _) => ({
-      label: `Set ${_ + 1}`,
-      value: _,
-      other: Object.entries(y).reduce(
-        (f, [O, E]) => (f[O] = E.value, f),
+    const n = H(t, "modelValue"), e = E([]), { dynamicRefs: l, resetForm: s, getFormErrors: r, updateFormValues: o } = Se(), y = S(() => e.value.map((C, x) => ({
+      label: `Set ${x + 1}`,
+      value: x,
+      other: Object.entries(C).reduce(
+        (w, [R, F]) => (w[R] = F.value, w),
         {}
       )
     })));
-    S(
-      h,
-      (y) => {
-        n.value.value = y;
+    D(
+      y,
+      (C) => {
+        n.value.value = C;
       },
       { deep: !0, immediate: !0 }
-    ), oe(c);
-    function c() {
-      n.value.children && e.value.push(ue(n.value.children));
+    ), ge(p);
+    function p() {
+      n.value.children && e.value.push(he(n.value.children));
     }
-    function r(y) {
-      e.value.splice(y, 1);
+    function c(C) {
+      e.value.splice(C, 1);
     }
-    function d() {
-      a();
+    function v() {
+      s();
     }
-    function o() {
-      return i();
+    function i() {
+      return r();
     }
-    async function m() {
-      await s();
+    async function h() {
+      await o();
     }
     return u({
-      onValueUpdate: m,
-      onReset: d,
-      getErrors: o
-    }), (y, _) => (p(!0), q(T, null, K(e.value, (f, O) => (p(), q("div", {
+      onValueUpdate: h,
+      onReset: v,
+      getErrors: i
+    }), (C, x) => (f(!0), $(M, null, K(e.value, (w, R) => (f(), $("div", {
       class: "repeat-input-wrapper",
-      key: O
+      key: R
     }, [
-      ie("div", ut, [
-        A(v(te), null, {
-          default: b(() => [
-            (p(!0), q(T, null, K(Object.keys(f), (E) => {
-              var L, M, j, W, P;
-              return p(), q(T, null, [
-                v(ne)(f[E], y.data, y.computedData) ? (p(), V(v(le), {
-                  key: `${O}-${E}`,
-                  size: ((L = f[E].grid) == null ? void 0 : L.xs) ?? "12",
-                  "size-sm": (M = f[E].grid) == null ? void 0 : M.sm,
-                  "size-md": (j = f[E].grid) == null ? void 0 : j.md,
-                  "size-lg": (W = f[E].grid) == null ? void 0 : W.lg,
-                  "size-xl": (P = f[E].grid) == null ? void 0 : P.xl,
+      B("div", $t, [
+        I(d(le), null, {
+          default: k(() => [
+            (f(!0), $(M, null, K(Object.keys(w), (F) => {
+              var j, W, J, Z, q;
+              return f(), $(M, null, [
+                d(ie)(w[F], C.data, C.computedData) ? (f(), b(d(ae), {
+                  key: `${R}-${F}`,
+                  size: ((j = w[F].grid) == null ? void 0 : j.xs) ?? "12",
+                  "size-sm": (W = w[F].grid) == null ? void 0 : W.sm,
+                  "size-md": (J = w[F].grid) == null ? void 0 : J.md,
+                  "size-lg": (Z = w[F].grid) == null ? void 0 : Z.lg,
+                  "size-xl": (q = w[F].grid) == null ? void 0 : q.xl,
                   class: "ion-margin-bottom"
                 }, {
-                  default: b(() => [
-                    (p(), V(de(f[E].type), {
-                      modelValue: f[E],
-                      "onUpdate:modelValue": (N) => f[E] = N,
-                      schema: f,
-                      "ref-key": `${O}-${E}`,
+                  default: k(() => [
+                    (f(), b(fe(w[F].type), {
+                      modelValue: w[F],
+                      "onUpdate:modelValue": (L) => w[F] = L,
+                      schema: w,
+                      "ref-key": `${R}-${F}`,
                       ref_for: !0,
                       ref_key: "dynamicRefs",
                       ref: l
                     }, null, 8, ["modelValue", "onUpdate:modelValue", "schema", "ref-key"]))
                   ]),
                   _: 2
-                }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : R("", !0)
+                }, 1032, ["size", "size-sm", "size-md", "size-lg", "size-xl"])) : O("", !0)
               ], 64);
             }), 256))
           ]),
           _: 2
         }, 1024)
       ]),
-      ie("div", ot, [
-        O === e.value.length - 1 ? (p(), V(v(Z), {
+      B("div", Ft, [
+        R === e.value.length - 1 ? (f(), b(d(N), {
           key: 0,
-          onClick: c,
+          onClick: p,
           color: "primary"
         }, {
-          default: b(() => [
-            A(v(ee), {
+          default: k(() => [
+            I(d(ce), {
               slot: "icon-only",
-              icon: v($e)
+              icon: d(qe)
             }, null, 8, ["icon"])
           ]),
           _: 1
-        })) : R("", !0),
-        e.value.length > 1 ? (p(), V(v(Z), {
+        })) : O("", !0),
+        e.value.length > 1 ? (f(), b(d(N), {
           key: 1,
-          onClick: (E) => r(O),
+          onClick: (F) => c(R),
           color: "warning"
         }, {
-          default: b(() => [
-            A(v(ee), {
+          default: k(() => [
+            I(d(ce), {
               slot: "icon-only",
-              icon: v(Te)
+              icon: d(Le)
             }, null, 8, ["icon"])
           ]),
           _: 2
-        }, 1032, ["onClick"])) : R("", !0)
+        }, 1032, ["onClick"])) : O("", !0)
       ])
     ]))), 128));
   }
-}), st = /* @__PURE__ */ he(rt, [["__scopeId", "data-v-060bdf58"]]), it = /* @__PURE__ */ F({
+}), Bt = /* @__PURE__ */ de(zt, [["__scopeId", "data-v-060bdf58"]]), Pt = /* @__PURE__ */ T({
   __name: "CheckboxInput",
-  props: /* @__PURE__ */ z({
+  props: /* @__PURE__ */ G({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
@@ -1136,38 +1566,38 @@ const re = /* @__PURE__ */ F({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: u }) {
-    const n = t, e = $(t, "modelValue"), l = C(null), a = C(e.value.value), i = w(() => n.schema), s = w(() => me(e.value)), { onValueUpdate: h, onFocus: c, getErrors: r } = Q(l, e, a, i);
-    function d() {
-      a.value = !1, e.value.error = "", e.value.value = !1;
+    const n = t, e = H(t, "modelValue"), l = E(null), s = E(e.value.value), r = S(() => n.schema), o = S(() => ke(e.value)), { onValueUpdate: y, onFocus: p, getErrors: c } = ue(l, e, s, r);
+    function v() {
+      s.value = !1, e.value.error = "", e.value.value = !1;
     }
-    return S(
+    return D(
       () => e.value.value,
-      (o) => a.value = o
+      (i) => s.value = i
     ), u({
-      onValueUpdate: h,
-      onReset: d,
-      getErrors: r
-    }), (o, m) => (p(), V(v(fe), {
-      modelValue: a.value,
-      "onUpdate:modelValue": m[0] || (m[0] = (y) => a.value = y),
+      onValueUpdate: y,
+      onReset: v,
+      getErrors: c
+    }), (i, h) => (f(), b(d(be), {
+      modelValue: s.value,
+      "onUpdate:modelValue": h[0] || (h[0] = (C) => s.value = C),
       ref_key: "inputRef",
       ref: l,
       required: e.value.required,
       "error-text": e.value.error,
       disabled: e.value.disabled,
-      onIonFocus: v(c),
-      onIonChange: v(h),
-      onIonBlur: v(h)
+      onIonFocus: d(p),
+      onIonChange: d(y),
+      onIonBlur: d(y)
     }, {
-      default: b(() => [
-        I(B(s.value), 1)
+      default: k(() => [
+        z(A(o.value), 1)
       ]),
       _: 1
     }, 8, ["modelValue", "required", "error-text", "disabled", "onIonFocus", "onIonChange", "onIonBlur"]));
   }
-}), ct = /* @__PURE__ */ F({
+}), It = /* @__PURE__ */ T({
   __name: "RadioInput",
-  props: /* @__PURE__ */ z({
+  props: /* @__PURE__ */ G({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
@@ -1175,48 +1605,48 @@ const re = /* @__PURE__ */ F({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: u }) {
-    const n = t, e = $(t, "modelValue"), l = C(null), a = C(e.value.value), i = w(() => n.schema), s = C([]), h = w(() => me(e.value)), { onValueUpdate: c, onFocus: r, getErrors: d } = Q(l, e, a, i);
-    function o() {
-      e.value.error = "", a.value = void 0, e.value.value = void 0;
+    const n = t, e = H(t, "modelValue"), l = E(null), s = E(e.value.value), r = S(() => n.schema), o = E([]), y = S(() => ke(e.value)), { onValueUpdate: p, onFocus: c, getErrors: v } = ue(l, e, s, r);
+    function i() {
+      e.value.error = "", s.value = void 0, e.value.value = void 0;
     }
-    function m(_, f) {
-      return _.value === f.value;
+    function h(x, w) {
+      return x.value === w.value;
     }
-    async function y() {
-      typeof e.value.options == "function" ? s.value = await e.value.options() : s.value = e.value.options;
+    async function C() {
+      typeof e.value.options == "function" ? o.value = await e.value.options() : o.value = e.value.options;
     }
-    return S(
+    return D(
       () => e.value.value,
-      (_) => a.value = _
+      (x) => s.value = x
     ), u({
-      onValueUpdate: c,
-      onReset: o,
-      getErrors: d
-    }), oe(y), (_, f) => (p(), V(v(Be), {
-      modelValue: a.value,
-      "onUpdate:modelValue": f[0] || (f[0] = (O) => a.value = O),
+      onValueUpdate: p,
+      onReset: i,
+      getErrors: v
+    }), ge(C), (x, w) => (f(), b(d(Ie), {
+      modelValue: s.value,
+      "onUpdate:modelValue": w[0] || (w[0] = (R) => s.value = R),
       ref_key: "inputRef",
       ref: l,
       required: e.value.required,
-      "helper-text": h.value,
+      "helper-text": y.value,
       "error-text": e.value.error,
       disabled: e.value.disabled,
-      compareWith: m,
+      compareWith: h,
       "allow-empty-selection": !e.value.required,
-      onIonFocus: v(r),
-      onIonChange: v(c),
-      onIonBlur: v(c)
+      onIonFocus: d(c),
+      onIonChange: d(p),
+      onIonBlur: d(p)
     }, {
-      default: b(() => [
-        (p(!0), q(T, null, K(s.value, (O) => (p(), V(v(Se), {
-          key: O.value,
-          value: O,
+      default: k(() => [
+        (f(!0), $(M, null, K(o.value, (R) => (f(), b(d(Ue), {
+          key: R.value,
+          value: R,
           disabled: e.value.disabled,
           "label-placement": "end",
           justify: "start"
         }, {
-          default: b(() => [
-            I(B(O.label), 1)
+          default: k(() => [
+            z(A(R.label), 1)
           ]),
           _: 2
         }, 1032, ["value", "disabled"]))), 128))
@@ -1225,69 +1655,70 @@ const re = /* @__PURE__ */ F({
     }, 8, ["modelValue", "required", "helper-text", "error-text", "disabled", "allow-empty-selection", "onIonFocus", "onIonChange", "onIonBlur"]));
   }
 });
-function mt(t, u, n) {
-  const e = C({}), l = C({});
-  function a(r, d, o) {
-    l.value[r] = o, d.forEach((m) => {
-      var y;
-      (y = e.value)[m] ?? (y[m] = []), e.value[m].includes(r) || e.value[m].push(r);
-    }), c(r);
+function Lt(t, u, n) {
+  const e = E({}), l = E({});
+  function s(c, v, i) {
+    l.value[c] = i, v.forEach((h) => {
+      var C;
+      (C = e.value)[h] ?? (C[h] = []), e.value[h].includes(c) || e.value[h].push(c);
+    }), p(c);
   }
-  function i(r) {
-    return Object.entries(e.value).filter(([, o]) => o.includes(r)).map(([o]) => o).reduce(
-      (o, m) => (o[m] = u.value[m] ?? n.value[m], o),
+  function r(c) {
+    return Object.entries(e.value).filter(([, i]) => i.includes(c)).map(([i]) => i).reduce(
+      (i, h) => (i[h] = u.value[h] ?? n.value[h], i),
       {}
     );
   }
-  function s(r, d) {
-    return r ? Array.isArray(r) ? r.some((o) => d.some((m) => h(o, m.value))) : d.some((o) => h(r, o.value)) : !1;
+  function o(c, v) {
+    return c ? Array.isArray(c) ? c.some((i) => v.some((h) => y(i, h.value))) : v.some((i) => y(c, i.value)) : !1;
   }
-  function h(r, d) {
-    return typeof r == "object" && r !== null ? r.value === d : String(r) === String(d);
+  function y(c, v) {
+    return typeof c == "object" && c !== null ? c.value === v : String(c) === String(v);
   }
-  async function c(r, d) {
-    if (!l.value[r]) return;
-    const o = i(r), m = Object.keys(o);
-    if (!(m.length === 0 || !m.every(
-      (_) => o[_] !== void 0 && o[_] !== null
+  async function p(c, v) {
+    if (!l.value[c]) return;
+    const i = r(c), h = Object.keys(i);
+    if (!(h.length === 0 || !h.every(
+      (x) => i[x] !== void 0 && i[x] !== null
     )))
       try {
-        const _ = l.value[r], f = await _(d, o);
-        if (!t.value[r]) return;
-        t.value[r].options = f;
-        const O = t.value[r].value;
-        if (!O) return;
-        s(O, f) || (t.value[r].value = t.value[r].multiple ? [] : "");
-      } catch (_) {
-        console.error(`Error loading options for ${r}:`, _);
+        const x = l.value[c], w = await x(v, i);
+        if (!t.value[c]) return;
+        t.value[c].options = w;
+        const R = t.value[c].value;
+        if (!R) return;
+        o(R, w) || (t.value[c].value = t.value[c].multiple ? [] : "");
+      } catch (x) {
+        console.error(`Error loading options for ${c}:`, x);
       }
   }
-  return S(
+  return D(
     [u, n],
     () => {
-      Object.entries(e.value).forEach(([r, d]) => {
-        (u.value[r] !== void 0 || n.value[r] !== void 0) && d.forEach((o) => {
-          c(o);
+      Object.entries(e.value).forEach(([c, v]) => {
+        (u.value[c] !== void 0 || n.value[c] !== void 0) && v.forEach((i) => {
+          p(i);
         });
       });
     },
     { deep: !0, immediate: !0 }
   ), {
-    registerDependency: a,
-    updateOptions: c
+    registerDependency: s,
+    updateOptions: p
   };
 }
-const yt = {
+const Mt = {
   install(t) {
-    t.component("VForm", We), t.component("TextInput", Qe), t.component("DateInput", Xe), t.component("NumberInput", Ye), t.component("EmailInput", et), t.component("PasswordInput", tt), t.component("SelectInput", at), t.component("TextAreaInput", nt), t.component("RepeatInput", st), t.component("CheckboxInput", it), t.component("RadioInput", ct), t.directive("maskito", Le);
+    t.component("VForm", Vt), t.component("TextInput", kt), t.component("DateInput", St), t.component("NumberInput", wt), t.component("EmailInput", Ot), t.component("PasswordInput", Et), t.component("SelectInput", Rt), t.component("TextAreaInput", At), t.component("RepeatInput", Bt), t.component("CheckboxInput", Pt), t.component("RadioInput", It), t.directive("maskito", Me);
   }
 };
 export {
-  yt as VForm,
-  yt as default,
-  Ke as useDataTransformation,
-  mt as useDependentOptions,
-  ye as useFormValidation,
-  Q as useInputValidation
+  Mt as VForm,
+  Mt as default,
+  Qe as useDataTransformation,
+  Lt as useDependentOptions,
+  Se as useFormValidation,
+  ue as useInputValidation,
+  Xe as useMultiStepForm
 };
 //# sourceMappingURL=index.es.js.map